@rocket.chat/onboarding-ui/dist/esm/forms/CreateNewPassword/CreateNewPassword.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, PasswordInput, ButtonGroup, Button, FieldLabel, FieldRow, FieldError, } from '@rocket.chat/fuselage';
import { Form } from '@rocket.chat/layout';
import { useForm } from 'react-hook-form';
import { useTranslation } from 'react-i18next';
var CreateNewPassword = function (_a) {
    var onSubmit = _a.onSubmit, validatePassword = _a.validatePassword, validatePasswordConfirmation = _a.validatePasswordConfirmation, initialValues = _a.initialValues;
    var t = useTranslation().t;
    var _b = useForm({
        mode: 'onChange',
        defaultValues: __assign({}, initialValues),
    }), register = _b.register, handleSubmit = _b.handleSubmit, _c = _b.formState, isValidating = _c.isValidating, isSubmitting = _c.isSubmitting, isValid = _c.isValid, errors = _c.errors;
    return (_jsxs(Form, { onSubmit: handleSubmit(onSubmit), children: [_jsx(Form.Container, { children: _jsxs(FieldGroup, { children: [_jsxs(Field, { children: [_jsx(FieldLabel, { children: t('form.createPasswordForm.fields.password.label') }), _jsx(FieldRow, { children: _jsx(PasswordInput, __assign({}, register('password', {
                                        validate: validatePassword,
                                        required: true,
                                    }), { placeholder: t('form.createPasswordForm.fields.password.placeholder') })) }), errors.password && (_jsx(FieldError, { children: errors.password.message }))] }), _jsxs(Field, { children: [_jsx(FieldLabel, { children: t('form.createPasswordForm.fields.confirmPassword.label') }), _jsx(FieldRow, { children: _jsx(PasswordInput, __assign({}, register('passwordConfirmation', {
                                        validate: validatePasswordConfirmation,
                                        required: true,
                                    }), { placeholder: t('form.createPasswordForm.fields.confirmPassword.placeholder') })) }), errors.passwordConfirmation && (_jsx(FieldError, { children: errors.passwordConfirmation.message }))] })] }) }), _jsx(Form.Footer, { children: _jsx(ButtonGroup, { children: _jsx(Button, { type: 'submit', primary: true, loading: isValidating || isSubmitting, disabled: !isValid, children: t('form.createPasswordForm.button.text') }) }) })] }));
};
export default CreateNewPassword;
//# sourceMappingURL=CreateNewPassword.js.map