@rocket.chat/onboarding-ui/dist/esm/forms/AwaitConfirmationForm/AwaitConfirmationForm.js

Set of components and functions for the onboarding experience on Rocket.Chat

import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
import { Box, Label } from '@rocket.chat/fuselage';
import { Form } from '@rocket.chat/layout';
import { Trans, useTranslation } from 'react-i18next';
import EmailCodeFallback from '../../common/EmailCodeFallback';
var AwaitingConfirmationForm = function (_a) {
    var currentStep = _a.currentStep, stepCount = _a.stepCount, securityCode = _a.securityCode, emailAddress = _a.emailAddress, onResendEmailRequest = _a.onResendEmailRequest, onChangeEmailRequest = _a.onChangeEmailRequest;
    var t = useTranslation().t;
    return (_jsxs(Form, { children: [_jsxs(Form.Header, { children: [_jsx(Form.Steps, { currentStep: currentStep, stepCount: stepCount }), _jsx(Form.Title, { children: t('form.awaitConfirmationForm.title') })] }), _jsxs(Form.Container, { children: [_jsx(Box, { fontScale: 'p2', mbe: 24, children: _jsxs(Trans, { i18nKey: 'form.awaitConfirmationForm.content.sentEmail', values: { emailAddress: emailAddress }, children: ["Email sent to ", _jsx("strong", { children: emailAddress }), " with a confirmation link.Please verify that the security code below matches the one in the email."] }) }), _jsxs(Label, { display: 'block', children: [_jsx(_Fragment, { children: t('form.awaitConfirmationForm.content.securityCode') }), _jsx(Box, { padding: '12px', width: 'full', fontScale: 'p2b', lineHeight: '20px', backgroundColor: 'tint', elevation: '1', children: securityCode })] })] }), _jsx(Form.Footer, { children: _jsx(EmailCodeFallback, { onResendEmailRequest: onResendEmailRequest, onChangeEmailRequest: onChangeEmailRequest }) })] }));
};
export default AwaitingConfirmationForm;
//# sourceMappingURL=AwaitConfirmationForm.js.map