@joelbarron/react-web-dev-kit 0.1.8 → 0.1.9

package/dist/auth/forms/sign-up/AuthSignUpForm.js

@@ -1,193 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { zodResolver } from '@hookform/resolvers/zod';
-import PersonAddAlt1OutlinedIcon from '@mui/icons-material/PersonAddAlt1Outlined';
-import VisibilityOffOutlinedIcon from '@mui/icons-material/VisibilityOffOutlined';
-import VisibilityOutlinedIcon from '@mui/icons-material/VisibilityOutlined';
-import Alert from '@mui/material/Alert';
-import Box from '@mui/material/Box';
-import IconButton from '@mui/material/IconButton';
-import InputAdornment from '@mui/material/InputAdornment';
-import _ from 'lodash';
-import { useEffect, useState } from 'react';
-import { useForm, useWatch } from 'react-hook-form';
-import { z } from 'zod';
-import { JBCheckboxField, JBDatePickerField, JBSelectField, JBTextField } from '../../../forms';
-import { DEFAULT_GENDER, GENDERS, GENDER_SELECT_OPTIONS } from '../../constants';
-import { AuthPrimaryButton } from '../../ui';
-import { getDjangoLikePasswordError, isPasswordTooSimilar } from '../password/passwordValidation';
-import { parseAuthError } from '../errorParser';
-const signUpSchema = z
-    .object({
-    firstName: z.string().nonempty('Debes ingresar el nombre'),
-    lastName1: z.string().nonempty('Debes ingresar el primer apellido'),
-    lastName2: z.string().optional(),
-    email: z.string().email('Debes ingresar un correo válido').nonempty('Debes ingresar un correo'),
-    birthday: z.string().optional(),
-    gender: z.enum(GENDERS).optional(),
-    role: z.string().optional(),
-    password: z.string().nonempty('Debes ingresar la contraseña.'),
-    passwordConfirm: z.string().nonempty('La confirmación de contraseña es obligatoria'),
-    acceptTermsConditions: z.boolean().refine((val) => val === true, 'Debes aceptar los términos y condiciones.')
-})
-    .refine((data) => data.password === data.passwordConfirm, {
-    message: 'Las contraseñas deben coincidir',
-    path: ['passwordConfirm']
-})
-    .superRefine((data, ctx) => {
-    const passwordError = getDjangoLikePasswordError(data.password);
-    if (passwordError) {
-        ctx.addIssue({
-            code: z.ZodIssueCode.custom,
-            message: passwordError,
-            path: ['password']
-        });
-    }
-    if (isPasswordTooSimilar(data.password, [data.email, data.firstName, data.lastName1, data.lastName2])) {
-        ctx.addIssue({
-            code: z.ZodIssueCode.custom,
-            message: 'La contraseña es demasiado similar a tus datos personales.',
-            path: ['password']
-        });
-    }
-});
-const defaultValues = {
-    firstName: '',
-    lastName1: '',
-    lastName2: '',
-    email: '',
-    birthday: '',
-    gender: DEFAULT_GENDER,
-    role: '',
-    password: '',
-    passwordConfirm: '',
-    acceptTermsConditions: false
-};
-export function AuthSignUpForm(props) {
-    const { defaultValues: valuesFromProps, loading = false, disabled = false, submitLabel = 'Crear cuenta', fieldsScrollable = false, formMaxHeight = 'min(72dvh, 620px)', roleOptions, defaultRole, onSubmit } = props;
-    const signupRoleOptions = (roleOptions ?? []).filter((roleOption) => roleOption.allowSignup !== false);
-    const resolvedDefaultRole = valuesFromProps?.role ??
-        defaultRole ??
-        signupRoleOptions[0]?.value ??
-        defaultValues.role;
-    const { control, formState, handleSubmit, setError, clearErrors, trigger, watch } = useForm({
-        mode: 'onChange',
-        defaultValues: {
-            ...defaultValues,
-            role: resolvedDefaultRole,
-            ...(valuesFromProps ?? {})
-        },
-        resolver: zodResolver(signUpSchema)
-    });
-    const { isValid, dirtyFields, errors, isSubmitting } = formState;
-    const isLoading = loading || isSubmitting;
-    const passwordValue = useWatch({ control, name: 'password' });
-    const passwordConfirmValue = useWatch({ control, name: 'passwordConfirm' });
-    const [showPassword, setShowPassword] = useState(false);
-    const [showPasswordConfirm, setShowPasswordConfirm] = useState(false);
-    useEffect(() => {
-        if (!passwordConfirmValue) {
-            return;
-        }
-        void trigger('passwordConfirm');
-    }, [passwordValue, passwordConfirmValue, trigger]);
-    useEffect(() => {
-        const subscription = watch((_value, { name }) => {
-            if (name) {
-                clearErrors(name);
-            }
-            clearErrors('root');
-        });
-        return () => {
-            subscription.unsubscribe();
-        };
-    }, [watch, clearErrors]);
-    async function onSubmitForm(values) {
-        try {
-            await onSubmit({
-                firstName: values.firstName,
-                lastName1: values.lastName1,
-                lastName2: values.lastName2 || undefined,
-                username: null,
-                email: values.email,
-                birthday: values.birthday || undefined,
-                gender: values.gender || undefined,
-                password: values.password,
-                passwordConfirm: values.passwordConfirm,
-                role: values.role || defaultRole || undefined,
-                termsAndConditionsAccepted: values.acceptTermsConditions
-            });
-        }
-        catch (error) {
-            const parsed = parseAuthError(error, {
-                username: 'email'
-            });
-            const allowedFields = [
-                'firstName',
-                'lastName1',
-                'lastName2',
-                'email',
-                'birthday',
-                'gender',
-                'role',
-                'password',
-                'passwordConfirm',
-                'acceptTermsConditions'
-            ];
-            Object.entries(parsed.fieldErrors).forEach(([field, message]) => {
-                if (allowedFields.includes(field)) {
-                    setError(field, { type: 'manual', message });
-                    return;
-                }
-                setError('root', {
-                    type: 'manual',
-                    message
-                });
-            });
-            if (parsed.rootMessage) {
-                setError('root', {
-                    type: 'manual',
-                    message: parsed.rootMessage
-                });
-                return;
-            }
-            setError('root', {
-                type: 'manual',
-                message: 'No se pudo crear la cuenta. Inténtalo de nuevo.'
-            });
-        }
-    }
-    return (_jsxs("form", { name: "registerForm", noValidate: true, style: {
-            display: 'flex',
-            width: '100%',
-            flexDirection: 'column',
-            justifyContent: 'flex-start',
-            paddingTop: 4,
-            ...(fieldsScrollable
-                ? {
-                    height: '100%',
-                    maxHeight: typeof formMaxHeight === 'number' ? `${formMaxHeight}px` : formMaxHeight,
-                    minHeight: 0,
-                    overflow: 'hidden'
-                }
-                : null)
-        }, onSubmit: handleSubmit(onSubmitForm), children: [_jsxs(Box, { sx: {
-                    ...(fieldsScrollable
-                        ? {
-                            display: 'flex',
-                            flexDirection: 'column',
-                            flex: 1,
-                            minHeight: 0,
-                            overflowY: 'auto',
-                            pr: 0.5,
-                            pb: 1
-                        }
-                        : null)
-                }, children: [_jsx(JBTextField, { control: control, name: "firstName", sx: { mb: 3 }, label: "Nombre(s)", autoFocus: true, type: "text", variant: "outlined", required: true, fullWidth: true, disabled: disabled }), _jsx(JBTextField, { control: control, name: "lastName1", sx: { mb: 3 }, label: "Primer apellido", type: "text", variant: "outlined", required: true, fullWidth: true, disabled: disabled }), _jsx(JBTextField, { control: control, name: "lastName2", sx: { mb: 3 }, label: "Segundo apellido", type: "text", variant: "outlined", fullWidth: true, disabled: disabled }), _jsx(JBTextField, { control: control, name: "email", sx: { mb: 3 }, label: "Correo electr\u00F3nico", type: "email", variant: "outlined", required: true, fullWidth: true, disabled: disabled }), _jsx(JBDatePickerField, { control: control, name: "birthday", sx: { mb: 3 }, label: "Fecha de nacimiento", disableFuture: true, storeAsDateString: true, textFieldProps: {
-                            variant: 'outlined',
-                            fullWidth: true
-                        }, disabled: disabled }), _jsx(JBSelectField, { control: control, name: "gender", sx: { mb: 3 }, label: "G\u00E9nero", variant: "outlined", fullWidth: true, options: GENDER_SELECT_OPTIONS, disabled: disabled }), signupRoleOptions.length > 0 ? (_jsx(JBSelectField, { control: control, name: "role", sx: { mb: 3 }, label: "Rol de perfil", variant: "outlined", fullWidth: true, options: signupRoleOptions, required: true, disabled: disabled })) : null, _jsx(JBTextField, { control: control, name: "password", sx: { mb: 3 }, label: "Contrase\u00F1a", type: showPassword ? 'text' : 'password', InputProps: {
-                            endAdornment: (_jsx(InputAdornment, { position: "end", children: _jsx(IconButton, { edge: "end", "aria-label": showPassword ? 'Ocultar contraseña' : 'Mostrar contraseña', onClick: () => setShowPassword((prev) => !prev), children: showPassword ? _jsx(VisibilityOffOutlinedIcon, {}) : _jsx(VisibilityOutlinedIcon, {}) }) }))
-                        }, variant: "outlined", required: true, fullWidth: true, disabled: disabled }), _jsx(JBTextField, { control: control, name: "passwordConfirm", sx: { mb: 3 }, label: "Confirmar contrase\u00F1a", type: showPasswordConfirm ? 'text' : 'password', InputProps: {
-                            endAdornment: (_jsx(InputAdornment, { position: "end", children: _jsx(IconButton, { edge: "end", "aria-label": showPasswordConfirm ? 'Ocultar confirmación de contraseña' : 'Mostrar confirmación de contraseña', onClick: () => setShowPasswordConfirm((prev) => !prev), children: showPasswordConfirm ? _jsx(VisibilityOffOutlinedIcon, {}) : _jsx(VisibilityOutlinedIcon, {}) }) }))
-                        }, variant: "outlined", required: true, fullWidth: true, disabled: disabled }), _jsx(JBCheckboxField, { control: control, name: "acceptTermsConditions", size: "small", label: "Acepto t\u00E9rminos y pol\u00EDticas de privacidad", disabled: disabled })] }), errors.root?.message ? (_jsx(Alert, { sx: { mt: 2 }, severity: "error", children: errors.root.message })) : null, _jsx(AuthPrimaryButton, { sx: { mt: 3 }, "aria-label": submitLabel, disabled: disabled || isLoading || _.isEmpty(dirtyFields) || !isValid, loading: isLoading, loadingLabel: "Creando cuenta...", startIcon: _jsx(PersonAddAlt1OutlinedIcon, { fontSize: "small" }), type: "submit", size: "large", children: submitLabel })] }));
-}

package/dist/auth/forms/sign-up/index.d.ts

@@ -1,2 +0,0 @@
-export * from './AuthSignUpForm';
-//# sourceMappingURL=index.d.ts.map

package/dist/auth/forms/sign-up/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/auth/forms/sign-up/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAC"}

package/dist/auth/forms/sign-up/index.js

@@ -1 +0,0 @@
-export * from './AuthSignUpForm';

package/dist/auth/fuse/createFuseAuthViews.d.ts

@@ -1,25 +0,0 @@
-import { JBAuthProfileRoleOption, JBAuthSocialConfig } from "../../config";
-import { AuthLinkComponent } from "../ui";
-type CreateFuseAuthViewsOptions = {
-    LinkComponent: AuthLinkComponent;
-    accountConfirmationPath?: string;
-    signUpRoleOptions?: JBAuthProfileRoleOption[];
-    defaultSignUpRole?: string;
-    socialConfig?: JBAuthSocialConfig;
-    showDebugSocial?: boolean;
-    onSignUpSuccess?: (values: {
-        email: string;
-        detail?: string;
-        response: Record<string, unknown>;
-    }) => void;
-};
-export declare function createFuseAuthViews(options: CreateFuseAuthViewsOptions): {
-    SignInPageView: () => import("react/jsx-runtime").JSX.Element;
-    SignUpPageView: () => import("react/jsx-runtime").JSX.Element;
-    ForgotPasswordPageView: () => import("react/jsx-runtime").JSX.Element;
-    ResetPasswordPageView: () => import("react/jsx-runtime").JSX.Element;
-    SignOutPageView: () => import("react/jsx-runtime").JSX.Element;
-    AccountConfirmationPageView: () => import("react/jsx-runtime").JSX.Element;
-};
-export {};
-//# sourceMappingURL=createFuseAuthViews.d.ts.map

package/dist/auth/fuse/createFuseAuthViews.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"createFuseAuthViews.d.ts","sourceRoot":"","sources":["../../../src/auth/fuse/createFuseAuthViews.tsx"],"names":[],"mappings":"AASA,OAAO,EAAE,uBAAuB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAY3E,OAAO,EACL,iBAAiB,EAKlB,MAAM,OAAO,CAAC;AA4hBf,KAAK,0BAA0B,GAAG;IAChC,aAAa,EAAE,iBAAiB,CAAC;IACjC,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,iBAAiB,CAAC,EAAE,uBAAuB,EAAE,CAAC;IAC9C,iBAAiB,CAAC,EAAE,MAAM,CAAC;IAC3B,YAAY,CAAC,EAAE,kBAAkB,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,eAAe,CAAC,EAAE,CAAC,MAAM,EAAE;QACzB,KAAK,EAAE,MAAM,CAAC;QACd,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB,QAAQ,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;KACnC,KAAK,IAAI,CAAC;CACZ,CAAC;AAEF,wBAAgB,mBAAmB,CAAC,OAAO,EAAE,0BAA0B;;;;;;;EAwctE"}