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

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

var __assign = (this && this.__assign) || function () {
    __assign = Object.assign || function(t) {
        for (var s, i = 1, n = arguments.length; i < n; i++) {
            s = arguments[i];
            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
                t[p] = s[p];
        }
        return t;
    };
    return __assign.apply(this, arguments);
};
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
import { FieldGroup, Field, NumberInput, TextInput, Button, FieldLabel, FieldRow, FieldError, } from '@rocket.chat/fuselage';
import { ActionLink, Form } from '@rocket.chat/layout';
import { useForm } from 'react-hook-form';
import { useTranslation } from 'react-i18next';
import { TotpActionsWrapper } from './TotpForm.styles';
var TotpForm = function (_a) {
    var onSubmit = _a.onSubmit, initialValues = _a.initialValues, _b = _a.isBackupCode, isBackupCode = _b === void 0 ? false : _b, onChangeTotpForm = _a.onChangeTotpForm;
    var t = useTranslation().t;
    var _c = useForm({
        defaultValues: __assign({}, initialValues),
    }), register = _c.register, handleSubmit = _c.handleSubmit, _d = _c.formState, errors = _d.errors, isValidating = _d.isValidating, isSubmitting = _d.isSubmitting;
    return (_jsxs(Form, { onSubmit: handleSubmit(onSubmit), children: [_jsx(Form.Container, { children: _jsx(FieldGroup, { children: _jsxs(Field, { children: [isBackupCode ? (_jsx(FieldLabel, { children: t('form.totpForm.fields.backupCode.label') })) : (_jsx(FieldLabel, { children: t('form.totpForm.fields.totpCode.label') })), _jsx(FieldRow, { children: isBackupCode ? (_jsx(TextInput, __assign({}, register('backupCode', {
                                    required: t('component.form.requiredField'),
                                }), { placeholder: t('form.totpForm.fields.backupCode.placeholder') }))) : (_jsx(NumberInput, __assign({}, register('totpCode', {
                                    required: t('component.form.requiredField'),
                                }), { placeholder: t('form.totpForm.fields.totpCode.placeholder') }))) }), errors.backupCode && (_jsx(FieldError, { children: errors.backupCode.message })), errors.totpCode && (_jsx(FieldError, { children: errors.totpCode.message }))] }) }) }), _jsx(Form.Footer, { children: _jsxs(TotpActionsWrapper, { children: [_jsx(Button, { type: 'submit', loading: isValidating || isSubmitting, primary: true, children: t('form.totpForm.button.text') }), _jsx(ActionLink, { fontScale: 'p2', onClick: onChangeTotpForm, children: isBackupCode
                                ? t('form.totpForm.buttonTotpCode.text')
                                : t('form.totpForm.buttonBackupCode.text') })] }) })] }));
};
export default TotpForm;
//# sourceMappingURL=TotpForm.js.map