@rocket.chat/onboarding-ui
Version:
Set of components and functions for the onboarding experience on Rocket.Chat
22 lines • 2.07 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
const jsx_runtime_1 = require("react/jsx-runtime");
const fuselage_1 = require("@rocket.chat/fuselage");
const layout_1 = require("@rocket.chat/layout");
const react_hook_form_1 = require("react-hook-form");
const react_i18next_1 = require("react-i18next");
const ResetPasswordForm = ({ onSubmit, validateEmail, initialValues, }) => {
const { t } = (0, react_i18next_1.useTranslation)();
const { register, handleSubmit, formState: { isValidating, isSubmitting, isValid, errors }, } = (0, react_hook_form_1.useForm)({
mode: 'onChange',
defaultValues: {
...initialValues,
},
});
return ((0, jsx_runtime_1.jsxs)(layout_1.Form, { onSubmit: handleSubmit(onSubmit), children: [(0, jsx_runtime_1.jsx)(layout_1.Form.Container, { children: (0, jsx_runtime_1.jsx)(fuselage_1.FieldGroup, { children: (0, jsx_runtime_1.jsxs)(fuselage_1.Field, { children: [(0, jsx_runtime_1.jsx)(fuselage_1.FieldLabel, { children: t('form.resetPasswordForm.fields.email.label') }), (0, jsx_runtime_1.jsx)(fuselage_1.FieldDescription, { children: t('form.resetPasswordForm.content.subtitle') }), (0, jsx_runtime_1.jsx)(fuselage_1.FieldRow, { children: (0, jsx_runtime_1.jsx)(fuselage_1.EmailInput, { ...register('email', {
validate: validateEmail,
required: true,
}), placeholder: t('form.resetPasswordForm.fields.email.placeholder') }) }), errors.email && (0, jsx_runtime_1.jsx)(fuselage_1.FieldError, { children: errors.email.message })] }) }) }), (0, jsx_runtime_1.jsx)(layout_1.Form.Footer, { children: (0, jsx_runtime_1.jsx)(fuselage_1.ButtonGroup, { children: (0, jsx_runtime_1.jsx)(fuselage_1.Button, { type: 'submit', primary: true, loading: isValidating || isSubmitting, disabled: !isValid, children: t('form.resetPasswordForm.action.submit') }) }) })] }));
};
exports.default = ResetPasswordForm;
//# sourceMappingURL=ResetPasswordForm.js.map