RocketChat/Rocket.Chat

import { AdminInfoPage } from '@rocket.chat/onboarding-ui';
import { escapeRegExp } from '@rocket.chat/string-helpers';
import { useSetting, useTranslation } from '@rocket.chat/ui-contexts';
import type { ReactElement, ComponentProps } from 'react';
import React from 'react';

import { useSetupWizardContext } from '../contexts/SetupWizardContext';

const toRegExp = (username: string): RegExp => new RegExp(`^${escapeRegExp(username).trim()}$`, 'i');
const usernameBlackList = ['all', 'here', 'admin'].map(toRegExp);
const hasBlockedName = (username: string): boolean =>
    !!usernameBlackList.length && usernameBlackList.some((restrictedUsername) => restrictedUsername.test(escapeRegExp(username).trim()));

const AdminInfoStep = (): ReactElement => {
    const t = useTranslation();
    const regexpForUsernameValidation = useSetting('UTF8_User_Names_Validation');
    const usernameRegExp = new RegExp(`^${regexpForUsernameValidation}$`);

    const { currentStep, validateEmail, registerAdminUser, maxSteps } = useSetupWizardContext();

    // TODO: check if username exists
    const validateUsername = (username: string): boolean | string => {
        if (!usernameRegExp.test(username) || hasBlockedName(username)) {
            return t('Invalid_username');
        }

        return true;
    };

    const handleSubmit: ComponentProps<typeof AdminInfoPage>['onSubmit'] = async (data) => {
        registerAdminUser(data);
    };

    return (
        <AdminInfoPage
            validatePassword={(password): boolean => password.length > 0}
            passwordRulesHint=''
            validateUsername={validateUsername}
            validateEmail={validateEmail}
            currentStep={currentStep}
            stepCount={maxSteps}
            onSubmit={handleSubmit}
        />
    );
};

export default AdminInfoStep;