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

package/dist/auth/forms/password/AuthResetPasswordForm.d.ts

@@ -1,12 +0,0 @@
-export type AuthResetPasswordFormValues = {
-    newPassword: string;
-    confirmPassword: string;
-};
-export type AuthResetPasswordFormProps = {
-    defaultValues?: Partial<AuthResetPasswordFormValues>;
-    loading?: boolean;
-    submitLabel?: string;
-    onSubmit: (values: AuthResetPasswordFormValues) => void | Promise<void>;
-};
-export declare function AuthResetPasswordForm(props: AuthResetPasswordFormProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=AuthResetPasswordForm.d.ts.map

package/dist/auth/forms/password/AuthResetPasswordForm.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AuthResetPasswordForm.d.ts","sourceRoot":"","sources":["../../../../src/auth/forms/password/AuthResetPasswordForm.tsx"],"names":[],"mappings":"AAMA,MAAM,MAAM,2BAA2B,GAAG;IACxC,WAAW,EAAE,MAAM,CAAC;IACpB,eAAe,EAAE,MAAM,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,0BAA0B,GAAG;IACvC,aAAa,CAAC,EAAE,OAAO,CAAC,2BAA2B,CAAC,CAAC;IACrD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,MAAM,EAAE,2BAA2B,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;CACzE,CAAC;AAEF,wBAAgB,qBAAqB,CAAC,KAAK,EAAE,0BAA0B,2CA+CtE"}

package/dist/auth/forms/password/AuthResetPasswordForm.js

@@ -1,22 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Stack } from '@mui/material';
-import { useForm } from 'react-hook-form';
-import { JBTextField } from '../../../forms';
-import { getDjangoLikePasswordError } from './passwordValidation';
-export function AuthResetPasswordForm(props) {
-    const { defaultValues, loading = false, submitLabel = 'Restablecer contraseña', onSubmit } = props;
-    const { control, handleSubmit, watch } = useForm({
-        defaultValues: {
-            newPassword: defaultValues?.newPassword ?? '',
-            confirmPassword: defaultValues?.confirmPassword ?? ''
-        }
-    });
-    const newPasswordValue = watch('newPassword');
-    return (_jsx("form", { style: { paddingTop: 4 }, onSubmit: handleSubmit((values) => onSubmit(values)), children: _jsxs(Stack, { spacing: 2, children: [_jsx(JBTextField, { control: control, name: "newPassword", label: "Nueva contrase\u00F1a", type: "password", fullWidth: true, rules: {
-                        required: 'El password es requerido',
-                        validate: (value) => getDjangoLikePasswordError(value) ?? true
-                    } }), _jsx(JBTextField, { control: control, name: "confirmPassword", label: "Confirmar contrase\u00F1a", type: "password", fullWidth: true, rules: {
-                        required: 'La confirmacion es requerida',
-                        validate: (value) => value === newPasswordValue || 'Las contraseñas no coinciden'
-                    } }), _jsx(Button, { variant: "contained", type: "submit", disabled: loading, children: submitLabel })] }) }));
-}

package/dist/auth/forms/password/index.d.ts

@@ -1,4 +0,0 @@
-export * from './AuthForgotPasswordForm';
-export * from './AuthPasswordResetConfirmForm';
-export * from './AuthResetPasswordForm';
-//# sourceMappingURL=index.d.ts.map

package/dist/auth/forms/password/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/auth/forms/password/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,yBAAyB,CAAC"}

package/dist/auth/forms/password/index.js

@@ -1,3 +0,0 @@
-export * from './AuthForgotPasswordForm';
-export * from './AuthPasswordResetConfirmForm';
-export * from './AuthResetPasswordForm';

package/dist/auth/forms/password/passwordValidation.d.ts

@@ -1,3 +0,0 @@
-export declare function getDjangoLikePasswordError(password: string): string | null;
-export declare function isPasswordTooSimilar(password: string, candidates: Array<string | undefined | null>): boolean;
-//# sourceMappingURL=passwordValidation.d.ts.map

package/dist/auth/forms/password/passwordValidation.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"passwordValidation.d.ts","sourceRoot":"","sources":["../../../../src/auth/forms/password/passwordValidation.ts"],"names":[],"mappings":"AAqBA,wBAAgB,0BAA0B,CAAC,QAAQ,EAAE,MAAM,GAAG,MAAM,GAAG,IAAI,CAe1E;AAED,wBAAgB,oBAAoB,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,MAAM,GAAG,SAAS,GAAG,IAAI,CAAC,GAAG,OAAO,CAa5G"}

package/dist/auth/forms/password/passwordValidation.js

@@ -1,45 +0,0 @@
-const COMMON_PASSWORDS = new Set([
-    '12345678',
-    '123456789',
-    'password',
-    'password123',
-    'qwerty123',
-    'abc12345',
-    'letmein123',
-    'admin1234',
-    'welcome123',
-    'iloveyou123'
-]);
-function normalize(value) {
-    return value
-        .normalize('NFD')
-        .replace(/[\u0300-\u036f]/g, '')
-        .toLowerCase()
-        .trim();
-}
-export function getDjangoLikePasswordError(password) {
-    if (!password || password.length < 8) {
-        return 'La contraseña debe tener al menos 8 caracteres.';
-    }
-    if (/^\d+$/.test(password)) {
-        return 'La contraseña no puede ser completamente numérica.';
-    }
-    const normalized = normalize(password);
-    if (COMMON_PASSWORDS.has(normalized)) {
-        return 'La contraseña es demasiado común.';
-    }
-    return null;
-}
-export function isPasswordTooSimilar(password, candidates) {
-    const normalizedPassword = normalize(password);
-    if (!normalizedPassword) {
-        return false;
-    }
-    return candidates.some((candidate) => {
-        const normalizedCandidate = normalize(candidate ?? '');
-        if (normalizedCandidate.length < 3) {
-            return false;
-        }
-        return normalizedPassword.includes(normalizedCandidate);
-    });
-}

package/dist/auth/forms/sign-in/AuthOtpSignInForm.d.ts

@@ -1,24 +0,0 @@
-import { SelectOption } from '../../../forms';
-export type AuthOtpSignInFormValues = {
-    countryCode: string;
-    phone: string;
-    code?: string;
-};
-export type AuthOtpSignInFormProps = {
-    defaultValues?: Partial<AuthOtpSignInFormValues>;
-    countryCodeOptions?: SelectOption<string>[];
-    requestRoleSelection?: () => Promise<string | undefined>;
-    countryCodes?: string[];
-    loading?: boolean;
-    onRequestOtp: (values: {
-        phone: string;
-    }) => unknown | Promise<unknown>;
-    onVerifyOtp: (values: {
-        phone: string;
-        code: string;
-        role?: string;
-    }) => unknown | Promise<unknown>;
-    onBackToPassword?: () => void;
-};
-export declare function AuthOtpSignInForm(props: AuthOtpSignInFormProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=AuthOtpSignInForm.d.ts.map

package/dist/auth/forms/sign-in/AuthOtpSignInForm.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AuthOtpSignInForm.d.ts","sourceRoot":"","sources":["../../../../src/auth/forms/sign-in/AuthOtpSignInForm.tsx"],"names":[],"mappings":"AAaA,OAAO,EAA8B,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAK1E,MAAM,MAAM,uBAAuB,GAAG;IACpC,WAAW,EAAE,MAAM,CAAC;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,aAAa,CAAC,EAAE,OAAO,CAAC,uBAAuB,CAAC,CAAC;IACjD,kBAAkB,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,EAAE,CAAC;IAC5C,oBAAoB,CAAC,EAAE,MAAM,OAAO,CAAC,MAAM,GAAG,SAAS,CAAC,CAAC;IACzD,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,YAAY,EAAE,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACxE,WAAW,EAAE,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAC;QAAC,IAAI,CAAC,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACpG,gBAAgB,CAAC,EAAE,MAAM,IAAI,CAAC;CAC/B,CAAC;AAQF,wBAAgB,iBAAiB,CAAC,KAAK,EAAE,sBAAsB,2CAuX9D"}

package/dist/auth/forms/sign-in/AuthOtpSignInForm.js

@@ -1,227 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { zodResolver } from '@hookform/resolvers/zod';
-import ArrowBackOutlinedIcon from '@mui/icons-material/ArrowBackOutlined';
-import Alert from '@mui/material/Alert';
-import Dialog from '@mui/material/Dialog';
-import DialogActions from '@mui/material/DialogActions';
-import DialogContent from '@mui/material/DialogContent';
-import DialogContentText from '@mui/material/DialogContentText';
-import DialogTitle from '@mui/material/DialogTitle';
-import Stack from '@mui/material/Stack';
-import { useEffect, useState } from 'react';
-import { useForm } from 'react-hook-form';
-import { z } from 'zod';
-import { JBSelectField, JBTextField } from '../../../forms';
-import { COUNTRY_CALLING_CODE_OPTIONS, DEFAULT_OTP_COUNTRY_CODE } from '../../constants';
-import { AuthPrimaryButton, AuthSecondaryButton } from '../../ui';
-import { parseAuthError } from '../errorParser';
-const otpSchema = z.object({
-    countryCode: z.string().nonempty('Selecciona la lada'),
-    phone: z.string().nonempty('Debes ingresar tu teléfono'),
-    code: z.string().optional()
-});
-export function AuthOtpSignInForm(props) {
-    const { defaultValues, countryCodeOptions, requestRoleSelection, countryCodes, loading = false, onRequestOtp, onVerifyOtp, onBackToPassword } = props;
-    const resolvedCountryCodeOptions = countryCodeOptions ??
-        (countryCodes?.length
-            ? countryCodes.map((code) => ({ value: code, label: code }))
-            : COUNTRY_CALLING_CODE_OPTIONS);
-    const defaultCountryCode = resolvedCountryCodeOptions.some((item) => item.value === DEFAULT_OTP_COUNTRY_CODE)
-        ? DEFAULT_OTP_COUNTRY_CODE
-        : `${resolvedCountryCodeOptions[0]?.value ?? DEFAULT_OTP_COUNTRY_CODE}`;
-    const [otpRequested, setOtpRequested] = useState(false);
-    const [infoMessage, setInfoMessage] = useState(null);
-    const [isConfirmDialogOpen, setIsConfirmDialogOpen] = useState(false);
-    const [pendingOtpRequestValues, setPendingOtpRequestValues] = useState(null);
-    const [shouldSelectRoleOnVerify, setShouldSelectRoleOnVerify] = useState(false);
-    const { control, formState, handleSubmit, setError, clearErrors, watch } = useForm({
-        mode: 'onChange',
-        defaultValues: {
-            countryCode: defaultValues?.countryCode ?? defaultCountryCode,
-            phone: defaultValues?.phone ?? '',
-            code: defaultValues?.code ?? ''
-        },
-        resolver: zodResolver(otpSchema)
-    });
-    const { errors, isSubmitting } = formState;
-    const countryCodeValue = watch('countryCode');
-    const phoneValue = watch('phone');
-    const codeValue = watch('code');
-    const isLoading = loading || isSubmitting;
-    const isRequestOtpButtonDisabled = isLoading || !countryCodeValue?.trim() || !phoneValue?.trim();
-    const isVerifyButtonDisabled = isLoading || !countryCodeValue?.trim() || !phoneValue?.trim() || !codeValue?.trim();
-    useEffect(() => {
-        const subscription = watch((_value, { name }) => {
-            if (name) {
-                clearErrors(name);
-            }
-            clearErrors('root');
-        });
-        return () => {
-            subscription.unsubscribe();
-        };
-    }, [watch, clearErrors]);
-    function parseBooleanLike(value) {
-        if (typeof value === 'boolean') {
-            return value;
-        }
-        if (typeof value === 'string') {
-            const normalized = value.trim().toLowerCase();
-            if (normalized === 'true') {
-                return true;
-            }
-            if (normalized === 'false') {
-                return false;
-            }
-        }
-        if (typeof value === 'number') {
-            if (value === 1) {
-                return true;
-            }
-            if (value === 0) {
-                return false;
-            }
-        }
-        return undefined;
-    }
-    function getUserExistsFromRecord(record) {
-        const direct = parseBooleanLike(record.userExist) ??
-            parseBooleanLike(record.userExists) ??
-            parseBooleanLike(record.user_exist) ??
-            parseBooleanLike(record.user_exists);
-        if (typeof direct === 'boolean') {
-            return direct;
-        }
-        const nestedCandidates = [record.data, record.result, record.payload];
-        for (const candidate of nestedCandidates) {
-            if (candidate && typeof candidate === 'object') {
-                const nested = getUserExistsFromRecord(candidate);
-                if (typeof nested === 'boolean') {
-                    return nested;
-                }
-            }
-        }
-        return undefined;
-    }
-    function getUserExistsFromResponse(response) {
-        if (!response || typeof response !== 'object') {
-            return undefined;
-        }
-        return getUserExistsFromRecord(response);
-    }
-    function applySubmitError(error) {
-        const parsed = parseAuthError(error);
-        const allowedFields = ['countryCode', 'phone', 'code'];
-        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: otpRequested ? 'Código OTP inválido.' : 'No se pudo solicitar el código OTP.'
-        });
-    }
-    async function verifyOtp(values, selectedRole) {
-        const normalizedPhone = `${values.countryCode}${values.phone}`.replace(/\s+/g, '');
-        if (!values.code) {
-            setError('code', { type: 'manual', message: 'Debes ingresar el código OTP' });
-            return;
-        }
-        await onVerifyOtp({
-            phone: normalizedPhone,
-            code: values.code,
-            role: selectedRole
-        });
-    }
-    async function requestOtp(values) {
-        const normalizedPhone = `${values.countryCode}${values.phone}`.replace(/\s+/g, '');
-        const response = await onRequestOtp({ phone: normalizedPhone });
-        const userExists = getUserExistsFromResponse(response);
-        setShouldSelectRoleOnVerify(Boolean(requestRoleSelection) && userExists === false);
-        setOtpRequested(true);
-        setInfoMessage('Código SMS enviado.');
-    }
-    async function onSubmit(values) {
-        try {
-            if (!otpRequested) {
-                setPendingOtpRequestValues(values);
-                setIsConfirmDialogOpen(true);
-                return;
-            }
-            let selectedRole;
-            if (shouldSelectRoleOnVerify && requestRoleSelection) {
-                selectedRole = await requestRoleSelection();
-                if (!selectedRole) {
-                    return;
-                }
-            }
-            await verifyOtp(values, selectedRole);
-        }
-        catch (error) {
-            applySubmitError(error);
-        }
-    }
-    async function onConfirmOtpRequest() {
-        if (!pendingOtpRequestValues) {
-            setIsConfirmDialogOpen(false);
-            return;
-        }
-        try {
-            setError('root', {
-                type: 'manual',
-                message: ''
-            });
-            await requestOtp(pendingOtpRequestValues);
-            setIsConfirmDialogOpen(false);
-            setPendingOtpRequestValues(null);
-        }
-        catch (error) {
-            setIsConfirmDialogOpen(false);
-            const parsed = parseAuthError(error);
-            if (parsed.rootMessage) {
-                setError('root', {
-                    type: 'manual',
-                    message: parsed.rootMessage
-                });
-                return;
-            }
-            setError('root', {
-                type: 'manual',
-                message: 'No se pudo solicitar el código OTP.'
-            });
-        }
-    }
-    function onChangePhoneNumber() {
-        setOtpRequested(false);
-        setInfoMessage(null);
-        setPendingOtpRequestValues(null);
-        setIsConfirmDialogOpen(false);
-        setShouldSelectRoleOnVerify(false);
-    }
-    return (_jsxs(_Fragment, { children: [_jsxs("form", { name: "loginFormOtp", noValidate: true, style: { display: 'flex', width: '100%', flexDirection: 'column', justifyContent: 'center', paddingTop: 4 }, onSubmit: handleSubmit(onSubmit), children: [_jsxs(Stack, { direction: "row", spacing: 2, sx: { mb: 3 }, children: [_jsx(JBSelectField, { control: control, name: "countryCode", label: "Lada", variant: "outlined", sx: { width: 184 }, options: resolvedCountryCodeOptions, required: true, disabled: otpRequested }), _jsx(JBTextField, { control: control, name: "phone", label: "Tel\u00E9fono", autoFocus: true, type: "tel", variant: "outlined", required: true, fullWidth: true, disabled: otpRequested })] }), otpRequested ? (_jsx(JBTextField, { control: control, name: "code", sx: { mb: 3 }, label: "C\u00F3digo OTP", type: "text", variant: "outlined", required: true, fullWidth: true })) : null, infoMessage ? (_jsx(Alert, { sx: { mb: 2 }, severity: "info", children: infoMessage })) : null, errors.root?.message ? (_jsx(Alert, { sx: { mb: 2 }, severity: "error", children: errors.root.message })) : null, !otpRequested ? (_jsx(AuthPrimaryButton, { sx: { mt: 2 }, "aria-label": "Solicitar c\u00F3digo OTP", disabled: isRequestOtpButtonDisabled, loading: isLoading, loadingLabel: "Solicitando OTP...", type: "submit", size: "large", children: "Solicitar OTP" })) : null, otpRequested ? (_jsxs(_Fragment, { children: [_jsx(AuthPrimaryButton, { sx: { mt: 2 }, "aria-label": "Verificar c\u00F3digo OTP", disabled: isVerifyButtonDisabled, loading: isLoading, loadingLabel: "Verificando OTP...", type: "submit", size: "large", children: "Verificar OTP" }), _jsx(AuthSecondaryButton, { sx: { mt: 2 }, type: "button", onClick: onChangePhoneNumber, children: "Cambiar n\u00FAmero" })] })) : null, _jsx(AuthSecondaryButton, { sx: { mt: 2 }, type: "button", startIcon: _jsx(ArrowBackOutlinedIcon, { fontSize: "small" }), onClick: onBackToPassword, children: "Regresar a iniciar sesi\u00F3n" })] }), _jsxs(Dialog, { open: isConfirmDialogOpen, onClose: () => {
-                    setIsConfirmDialogOpen(false);
-                }, fullWidth: true, maxWidth: "xs", children: [_jsx(DialogTitle, { children: "Confirmar n\u00FAmero" }), _jsx(DialogContent, { children: _jsx(DialogContentText, { children: `¿Es correcto este número? ${pendingOtpRequestValues
-                                ? `${pendingOtpRequestValues.countryCode}${pendingOtpRequestValues.phone}`.replace(/\s+/g, '')
-                                : ''}` }) }), _jsxs(DialogActions, { children: [_jsx(AuthSecondaryButton, { sx: { mt: 0 }, type: "button", onClick: () => {
-                                    setIsConfirmDialogOpen(false);
-                                    setPendingOtpRequestValues(null);
-                                }, children: "Cancelar" }), _jsx(AuthPrimaryButton, { sx: { mt: 0 }, type: "button", onClick: () => {
-                                    void onConfirmOtpRequest();
-                                }, children: "Confirmar" })] })] })] }));
-}

package/dist/auth/forms/sign-in/AuthPasswordSignInForm.d.ts

@@ -1,22 +0,0 @@
-import type { AuthLinkComponent } from '../../ui';
-export type AuthPasswordSignInFormValues = {
-    login: string;
-    password: string;
-    remember?: boolean;
-};
-export type AuthPasswordSignInFormProps = {
-    defaultValues?: Partial<AuthPasswordSignInFormValues>;
-    loading?: boolean;
-    disabled?: boolean;
-    submitLabel?: string;
-    forgotPasswordPath?: string;
-    rememberLabel?: string;
-    loginLabel?: string;
-    passwordLabel?: string;
-    accountConfirmationPath?: string;
-    verifyAccountLabel?: string;
-    LinkComponent?: AuthLinkComponent;
-    onSubmit: (values: AuthPasswordSignInFormValues) => unknown | Promise<unknown>;
-};
-export declare function AuthPasswordSignInForm(props: AuthPasswordSignInFormProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=AuthPasswordSignInForm.d.ts.map

package/dist/auth/forms/sign-in/AuthPasswordSignInForm.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AuthPasswordSignInForm.d.ts","sourceRoot":"","sources":["../../../../src/auth/forms/sign-in/AuthPasswordSignInForm.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,UAAU,CAAC;AAKlD,MAAM,MAAM,4BAA4B,GAAG;IACzC,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACxC,aAAa,CAAC,EAAE,OAAO,CAAC,4BAA4B,CAAC,CAAC;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,aAAa,CAAC,EAAE,iBAAiB,CAAC;IAClC,QAAQ,EAAE,CAAC,MAAM,EAAE,4BAA4B,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;CAChF,CAAC;AAwBF,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,2CA0OxE"}

package/dist/auth/forms/sign-in/AuthPasswordSignInForm.js

@@ -1,148 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { zodResolver } from '@hookform/resolvers/zod';
-import EmailOutlinedIcon from '@mui/icons-material/EmailOutlined';
-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 { useEffect, useState } from 'react';
-import { useForm } from 'react-hook-form';
-import { z } from 'zod';
-import { JBCheckboxField, JBTextField } from '../../../forms';
-import { AuthPrimaryButton, AuthSecondaryButton } from '../../ui';
-import { getDjangoLikePasswordError } from '../password/passwordValidation';
-import { parseAuthError } from '../errorParser';
-const signInSchema = z.object({
-    login: z.string().nonempty('Debes ingresar tu usuario o correo'),
-    password: z.string().superRefine((value, ctx) => {
-        if (!value) {
-            ctx.addIssue({
-                code: z.ZodIssueCode.custom,
-                message: 'Debes ingresar tu contraseña.'
-            });
-            return;
-        }
-        const passwordError = getDjangoLikePasswordError(value);
-        if (passwordError) {
-            ctx.addIssue({
-                code: z.ZodIssueCode.custom,
-                message: passwordError
-            });
-        }
-    }),
-    remember: z.boolean().optional()
-});
-export function AuthPasswordSignInForm(props) {
-    const { defaultValues, loading = false, disabled = false, submitLabel = 'Iniciar sesión', forgotPasswordPath = '/forgot-password', rememberLabel = 'Recuérdame', loginLabel = 'Usuario o correo', passwordLabel = 'Contraseña', accountConfirmationPath = '/verify-email', verifyAccountLabel = 'Ir a verificar cuenta', LinkComponent, onSubmit } = props;
-    const { control, formState, handleSubmit, setError, clearErrors, watch } = useForm({
-        mode: 'onChange',
-        defaultValues: {
-            login: defaultValues?.login ?? '',
-            password: defaultValues?.password ?? '',
-            remember: defaultValues?.remember ?? true
-        },
-        resolver: zodResolver(signInSchema)
-    });
-    const { errors, isSubmitting } = formState;
-    const loginValue = watch('login');
-    const passwordValue = watch('password');
-    const isLoading = loading || isSubmitting;
-    const [showPassword, setShowPassword] = useState(false);
-    useEffect(() => {
-        const subscription = watch((_value, { name }) => {
-            if (name) {
-                clearErrors(name);
-            }
-            clearErrors('root');
-        });
-        return () => {
-            subscription.unsubscribe();
-        };
-    }, [watch, clearErrors]);
-    const normalizeText = (value) => value
-        .normalize('NFD')
-        .replace(/[\u0300-\u036f]/g, '')
-        .toLowerCase();
-    const shouldShowVerifyAccountCta = (message) => {
-        if (!message) {
-            return false;
-        }
-        const normalizedMessage = normalizeText(message);
-        return normalizedMessage.includes('no esta verificada') || normalizedMessage.includes('not verified');
-    };
-    const getAccountConfirmationTo = () => {
-        const login = loginValue?.trim() ?? '';
-        const isEmail = login.includes('@');
-        if (!isEmail) {
-            return accountConfirmationPath;
-        }
-        return `${accountConfirmationPath}?email=${encodeURIComponent(login)}`;
-    };
-    async function onSubmitForm(values) {
-        try {
-            await onSubmit(values);
-        }
-        catch (error) {
-            const parsed = parseAuthError(error, {
-                username: 'login'
-            });
-            const allowedFields = ['login', 'password', 'remember'];
-            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 iniciar sesión. Inténtalo de nuevo.'
-            });
-        }
-    }
-    return (_jsxs("form", { name: "loginForm", noValidate: true, style: { display: 'flex', width: '100%', flexDirection: 'column', justifyContent: 'center', paddingTop: 4 }, onSubmit: handleSubmit(onSubmitForm), children: [_jsx(JBTextField, { control: control, name: "login", sx: { mb: 3 }, label: loginLabel, autoFocus: true, type: "text", variant: "outlined", required: true, fullWidth: true, disabled: disabled }), _jsx(JBTextField, { control: control, name: "password", sx: { mb: 3 }, label: passwordLabel, 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 }), _jsxs(Box, { sx: {
-                    display: 'flex',
-                    flexDirection: { xs: 'column', sm: 'row' },
-                    alignItems: 'center',
-                    justifyContent: { xs: 'center', sm: 'space-between' },
-                    gap: { xs: 1.5, sm: 0 }
-                }, children: [_jsx(JBCheckboxField, { control: control, name: "remember", label: rememberLabel, formControlProps: {
-                            sx: {
-                                m: 0
-                            }
-                        }, formControlLabelProps: {
-                            sx: {
-                                '& .MuiFormControlLabel-label': {
-                                    fontWeight: 500
-                                }
-                            }
-                        }, checkboxSx: {
-                            '&.Mui-checked .MuiSvgIcon-root': {
-                                color: 'secondary.main'
-                            }
-                        }, disabled: disabled }), LinkComponent ? (disabled ? (_jsx(Box, { component: 'span', sx: { color: 'text.disabled' }, children: "\u00BFOlvidaste tu contrase\u00F1a?" })) : (_jsx(Box, { component: LinkComponent, to: forgotPasswordPath, sx: {
-                            color: 'primary.main',
-                            fontWeight: 500,
-                            textDecoration: 'none',
-                            '&:hover': {
-                                textDecoration: 'underline'
-                            }
-                        }, children: "\u00BFOlvidaste tu contrase\u00F1a?" }))) : null] }), _jsx(AuthPrimaryButton, { sx: { mt: 2 }, "aria-label": submitLabel, disabled: disabled || isLoading || !loginValue?.trim() || !passwordValue, loading: isLoading, loadingLabel: "Iniciando sesi\u00F3n...", startIcon: _jsx(EmailOutlinedIcon, { fontSize: "small" }), type: "submit", size: "large", children: submitLabel }), LinkComponent && shouldShowVerifyAccountCta(errors.root?.message) ? (_jsx(AuthSecondaryButton, { sx: { mt: 1.5 }, component: LinkComponent, to: getAccountConfirmationTo(), children: verifyAccountLabel })) : null, errors.root?.message && (_jsx(Alert, { sx: { mt: 2 }, severity: "error", children: errors.root.message }))] }));
-}

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

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

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

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

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

@@ -1,2 +0,0 @@
-export * from './AuthPasswordSignInForm';
-export * from './AuthOtpSignInForm';

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

@@ -1,37 +0,0 @@
-import { z } from 'zod';
-import { SelectOption } from '../../../forms';
-import { RegisterPayload } from '../../types';
-declare const signUpSchema: z.ZodObject<{
-    firstName: z.ZodString;
-    lastName1: z.ZodString;
-    lastName2: z.ZodOptional<z.ZodString>;
-    email: z.ZodString;
-    birthday: z.ZodOptional<z.ZodString>;
-    gender: z.ZodOptional<z.ZodEnum<{
-        MALE: "MALE";
-        FEMALE: "FEMALE";
-        OTHER: "OTHER";
-        PREFER_NOT_TO_SAY: "PREFER_NOT_TO_SAY";
-    }>>;
-    role: z.ZodOptional<z.ZodString>;
-    password: z.ZodString;
-    passwordConfirm: z.ZodString;
-    acceptTermsConditions: z.ZodBoolean;
-}, z.core.$strip>;
-export type AuthSignUpFormValues = z.infer<typeof signUpSchema>;
-export type AuthSignUpFormProps = {
-    defaultValues?: Partial<AuthSignUpFormValues>;
-    loading?: boolean;
-    disabled?: boolean;
-    submitLabel?: string;
-    fieldsScrollable?: boolean;
-    formMaxHeight?: string | number;
-    roleOptions?: Array<SelectOption<string> & {
-        allowSignup?: boolean;
-    }>;
-    defaultRole?: string;
-    onSubmit: (values: RegisterPayload) => unknown | Promise<unknown>;
-};
-export declare function AuthSignUpForm(props: AuthSignUpFormProps): import("react/jsx-runtime").JSX.Element;
-export {};
-//# sourceMappingURL=AuthSignUpForm.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AuthSignUpForm.d.ts","sourceRoot":"","sources":["../../../../src/auth/forms/sign-up/AuthSignUpForm.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,CAAC,EAAE,MAAM,KAAK,CAAC;AAExB,OAAO,EAAkE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9G,OAAO,EAAE,eAAe,EAAE,MAAM,aAAa,CAAC;AAK9C,QAAA,MAAM,YAAY;;;;;;;;;;;;;;;;iBAkCd,CAAC;AAEL,MAAM,MAAM,oBAAoB,GAAG,CAAC,CAAC,KAAK,CAAC,OAAO,YAAY,CAAC,CAAC;AAEhE,MAAM,MAAM,mBAAmB,GAAG;IAChC,aAAa,CAAC,EAAE,OAAO,CAAC,oBAAoB,CAAC,CAAC;IAC9C,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B,aAAa,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAChC,WAAW,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,GAAG;QAAE,WAAW,CAAC,EAAE,OAAO,CAAA;KAAE,CAAC,CAAC;IACtE,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,QAAQ,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;CACnE,CAAC;AAeF,wBAAgB,cAAc,CAAC,KAAK,EAAE,mBAAmB,2CAyTxD"}