RocketChat/Rocket.Chat

import { AwaitingConfirmationPage } from '@rocket.chat/onboarding-ui';
import { useToastMessageDispatch, useSettingSetValue, useEndpoint, useTranslation } from '@rocket.chat/ui-contexts';
import type { ReactElement } from 'react';
import React, { useEffect, useCallback } from 'react';

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

const setIntervalTime = (interval?: number): number => (interval ? interval * 1000 : 0);

const CloudAccountConfirmation = (): ReactElement => {
    const {
        registerServer,
        currentStep,
        maxSteps,
        goToStep,
        setupWizardData: { registrationData },
        saveWorkspaceData,
    } = useSetupWizardContext();
    const setShowSetupWizard = useSettingSetValue('Show_Setup_Wizard');
    const cloudConfirmationPoll = useEndpoint('GET', '/v1/cloud.confirmationPoll');
    const dispatchToastMessage = useToastMessageDispatch();
    const t = useTranslation();

    const getConfirmation = useCallback(async () => {
        try {
            if (registrationData.device_code) {
                const { pollData } = await cloudConfirmationPoll({
                    deviceCode: registrationData.device_code,
                });

                if ('successful' in pollData && pollData.successful) {
                    await saveWorkspaceData();
                    dispatchToastMessage({ type: 'success', message: t('Your_workspace_is_ready') });
                    return setShowSetupWizard('completed');
                }
            }
        } catch (error: unknown) {
            dispatchToastMessage({ type: 'error', message: error });
        }
    }, [cloudConfirmationPoll, registrationData.device_code, setShowSetupWizard, saveWorkspaceData, dispatchToastMessage, t]);

    useEffect(() => {
        const pollInterval = setInterval(() => getConfirmation(), setIntervalTime(registrationData.interval));

        return (): void => clearInterval(pollInterval);
    }, [getConfirmation, registrationData.interval]);

    return (
        <AwaitingConfirmationPage
            currentStep={currentStep}
            stepCount={maxSteps}
            emailAddress={registrationData.cloudEmail}
            securityCode={registrationData.user_code}
            onResendEmailRequest={(): Promise<void> => registerServer({ email: registrationData.cloudEmail, resend: true })}
            onChangeEmailRequest={(): void => goToStep(3)}
        />
    );
};

export default CloudAccountConfirmation;