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

package/dist/auth/constants/gender.js

@@ -1,12 +0,0 @@
-export const GENDERS = ['MALE', 'FEMALE', 'OTHER', 'PREFER_NOT_TO_SAY'];
-export const DEFAULT_GENDER = 'OTHER';
-export const GENDER_LABELS = {
-    MALE: 'Masculino',
-    FEMALE: 'Femenino',
-    OTHER: 'Otro',
-    PREFER_NOT_TO_SAY: 'Prefiero no decirlo'
-};
-export const GENDER_SELECT_OPTIONS = GENDERS.map((value) => ({
-    value,
-    label: GENDER_LABELS[value]
-}));

package/dist/auth/constants/index.d.ts

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

package/dist/auth/constants/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/auth/constants/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,uBAAuB,CAAC"}

package/dist/auth/constants/index.js

@@ -1,2 +0,0 @@
-export * from './gender';
-export * from './countryCallingCodes';

package/dist/auth/forms/account/AuthAccountConfirmationForm.d.ts

@@ -1,18 +0,0 @@
-export type AuthAccountConfirmationFormValues = {
-    uid: string;
-    token: string;
-};
-export type AuthAccountConfirmationFormProps = {
-    defaultValues?: Partial<AuthAccountConfirmationFormValues>;
-    defaultEmail?: string;
-    onGoToSignIn?: () => void;
-    resendCooldownSeconds?: number;
-    signInRedirectSeconds?: number;
-    autoSubmit?: boolean;
-    onSubmit: (values: AuthAccountConfirmationFormValues) => unknown | Promise<unknown>;
-    onResend?: (values: {
-        email: string;
-    }) => unknown | Promise<unknown>;
-};
-export declare function AuthAccountConfirmationForm(props: AuthAccountConfirmationFormProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=AuthAccountConfirmationForm.d.ts.map

package/dist/auth/forms/account/AuthAccountConfirmationForm.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"AuthAccountConfirmationForm.d.ts","sourceRoot":"","sources":["../../../../src/auth/forms/account/AuthAccountConfirmationForm.tsx"],"names":[],"mappings":"AAUA,MAAM,MAAM,iCAAiC,GAAG;IAC9C,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,gCAAgC,GAAG;IAC7C,aAAa,CAAC,EAAE,OAAO,CAAC,iCAAiC,CAAC,CAAC;IAC3D,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,EAAE,CAAC,MAAM,EAAE,iCAAiC,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;IACpF,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE;QAAE,KAAK,EAAE,MAAM,CAAA;KAAE,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;CACtE,CAAC;AAEF,wBAAgB,2BAA2B,CAAC,KAAK,EAAE,gCAAgC,2CA8QlF"}

package/dist/auth/forms/account/AuthAccountConfirmationForm.js

@@ -1,167 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Alert from '@mui/material/Alert';
-import Button from '@mui/material/Button';
-import CircularProgress from '@mui/material/CircularProgress';
-import Stack from '@mui/material/Stack';
-import Typography from '@mui/material/Typography';
-import EmailOutlinedIcon from '@mui/icons-material/EmailOutlined';
-import { useEffect, useRef, useState } from 'react';
-import { AuthPrimaryButton, AuthSecondaryButton } from '../../ui';
-import { parseAuthError } from '../errorParser';
-export function AuthAccountConfirmationForm(props) {
-    const { defaultValues, defaultEmail, onGoToSignIn, resendCooldownSeconds = 30, signInRedirectSeconds = 5, autoSubmit = true, onSubmit, onResend } = props;
-    const uid = defaultValues?.uid ?? '';
-    const token = defaultValues?.token ?? '';
-    const email = defaultEmail?.trim() ?? '';
-    const hasValues = Boolean(uid && token);
-    const canResendFromSignup = !hasValues && Boolean(email) && Boolean(onResend);
-    const hasAutoSubmittedRef = useRef(false);
-    const hasInitializedCooldownRef = useRef(false);
-    const [loading, setLoading] = useState(false);
-    const [resending, setResending] = useState(false);
-    const [isSuccess, setIsSuccess] = useState(false);
-    const [isExpiredVerificationError, setIsExpiredVerificationError] = useState(false);
-    const [errorMessage, setErrorMessage] = useState(null);
-    const [resendMessage, setResendMessage] = useState(null);
-    const [resendCooldown, setResendCooldown] = useState(0);
-    const [signInRedirectCountdown, setSignInRedirectCountdown] = useState(null);
-    const shouldAutoRedirectToSignIn = Boolean(isSuccess && hasValues);
-    const canResendFromExpiredLink = hasValues && isExpiredVerificationError && Boolean(email) && Boolean(onResend);
-    const isExpiredMessage = (message) => {
-        const normalized = message
-            .normalize('NFD')
-            .replace(/[\u0300-\u036f]/g, '')
-            .toLowerCase();
-        return normalized.includes('expir') || normalized.includes('invalid') || normalized.includes('invalido');
-    };
-    const submit = async () => {
-        if (!hasValues) {
-            setErrorMessage('El enlace no es válido o está incompleto.');
-            return;
-        }
-        try {
-            setLoading(true);
-            setErrorMessage(null);
-            setIsExpiredVerificationError(false);
-            await onSubmit({ uid, token });
-            setIsSuccess(true);
-            setSignInRedirectCountdown(signInRedirectSeconds);
-        }
-        catch (error) {
-            setIsSuccess(false);
-            const parsed = parseAuthError(error);
-            const resolvedMessage = parsed.rootMessage || 'No se pudo verificar la cuenta. El enlace puede haber expirado.';
-            setErrorMessage(resolvedMessage);
-            setIsExpiredVerificationError(isExpiredMessage(resolvedMessage));
-        }
-        finally {
-            setLoading(false);
-        }
-    };
-    const resend = async () => {
-        if (!onResend || !email || resendCooldown > 0) {
-            return;
-        }
-        try {
-            setResendMessage(null);
-            setErrorMessage(null);
-            setResending(true);
-            await onResend({ email });
-            setResendMessage('Correo de verificación reenviado.');
-            setResendCooldown(resendCooldownSeconds);
-        }
-        catch {
-            setErrorMessage('No se pudo reenviar el correo de verificación.');
-        }
-        finally {
-            setResending(false);
-        }
-    };
-    useEffect(() => {
-        if (!canResendFromSignup || hasInitializedCooldownRef.current) {
-            return;
-        }
-        hasInitializedCooldownRef.current = true;
-        setResendCooldown(resendCooldownSeconds);
-    }, [canResendFromSignup, resendCooldownSeconds]);
-    useEffect(() => {
-        if (resendCooldown <= 0) {
-            return;
-        }
-        const timeoutId = window.setTimeout(() => {
-            setResendCooldown((currentValue) => Math.max(0, currentValue - 1));
-        }, 1000);
-        return () => window.clearTimeout(timeoutId);
-    }, [resendCooldown]);
-    useEffect(() => {
-        if (!shouldAutoRedirectToSignIn || !onGoToSignIn || !signInRedirectCountdown || signInRedirectCountdown <= 0) {
-            return;
-        }
-        const timeoutId = window.setTimeout(() => {
-            setSignInRedirectCountdown((currentValue) => {
-                if (!currentValue) {
-                    return 0;
-                }
-                return currentValue - 1;
-            });
-        }, 1000);
-        return () => window.clearTimeout(timeoutId);
-    }, [shouldAutoRedirectToSignIn, onGoToSignIn, signInRedirectCountdown]);
-    useEffect(() => {
-        if (!shouldAutoRedirectToSignIn || !onGoToSignIn || signInRedirectCountdown !== 0) {
-            return;
-        }
-        onGoToSignIn();
-    }, [shouldAutoRedirectToSignIn, onGoToSignIn, signInRedirectCountdown]);
-    const formatCooldown = (seconds) => {
-        const minutes = Math.floor(seconds / 60)
-            .toString()
-            .padStart(2, '0');
-        const remainingSeconds = (seconds % 60).toString().padStart(2, '0');
-        return `${minutes}:${remainingSeconds}`;
-    };
-    useEffect(() => {
-        if (!autoSubmit || !hasValues || hasAutoSubmittedRef.current) {
-            return;
-        }
-        hasAutoSubmittedRef.current = true;
-        void submit();
-    }, [autoSubmit, hasValues, uid, token]);
-    useEffect(() => {
-        hasAutoSubmittedRef.current = false;
-        setLoading(false);
-        setResending(false);
-        setErrorMessage(null);
-        setResendMessage(null);
-        setIsExpiredVerificationError(false);
-        if (canResendFromSignup) {
-            hasInitializedCooldownRef.current = true;
-            setResendCooldown(resendCooldownSeconds);
-        }
-        else {
-            hasInitializedCooldownRef.current = false;
-            setResendCooldown(0);
-        }
-        if (!hasValues) {
-            setIsSuccess(false);
-            setSignInRedirectCountdown(null);
-        }
-    }, [uid, token, email, hasValues, canResendFromSignup, resendCooldownSeconds]);
-    return (_jsxs(Stack, { spacing: 2, children: [!hasValues && email ? (_jsx(Alert, { severity: "info", children: "Tu cuenta fue creada. Revisa tu correo para verificar tu cuenta." })) : null, !hasValues && !email ? (_jsx(Alert, { severity: "warning", children: "Falta informaci\u00F3n del enlace de verificaci\u00F3n." })) : null, loading ? (_jsx(Alert, { severity: "info", children: _jsxs(Stack, { direction: "row", spacing: 1, alignItems: "center", children: [_jsx(CircularProgress, { size: 16, color: "inherit" }), _jsx(Typography, { variant: "body2", children: "Verificando tu cuenta..." })] }) })) : null, isSuccess ? _jsx(Alert, { severity: "success", children: "Tu cuenta fue verificada correctamente." }) : null, resendMessage ? _jsx(Alert, { severity: "success", children: resendMessage }) : null, errorMessage ? _jsx(Alert, { severity: "error", children: errorMessage }) : null, !isSuccess && hasValues && !canResendFromExpiredLink ? (_jsx(Button, { variant: "contained", onClick: () => {
-                    void submit();
-                }, disabled: loading, children: "Reintentar verificaci\u00F3n" })) : null, canResendFromSignup ? (_jsxs(Stack, { sx: { mt: 1.5 }, children: [_jsx(AuthPrimaryButton, { type: "button", startIcon: _jsx(EmailOutlinedIcon, { fontSize: "small" }), onClick: onGoToSignIn, children: "Ir a iniciar sesi\u00F3n" }), _jsx(AuthSecondaryButton, { sx: { mt: 1.5 }, type: "button", onClick: () => {
-                            void resend();
-                        }, disabled: resending || resendCooldown > 0, children: resending
-                            ? 'Reenviando...'
-                            : resendCooldown > 0
-                                ? `Reenviar verificación (${formatCooldown(resendCooldown)})`
-                                : 'Reenviar verificación' })] })) : null, canResendFromExpiredLink ? (_jsx(Stack, { sx: { mt: 1.5 }, children: _jsx(AuthSecondaryButton, { type: "button", onClick: () => {
-                        void resend();
-                    }, disabled: resending || resendCooldown > 0, children: resending
-                        ? 'Reenviando...'
-                        : resendCooldown > 0
-                            ? `Reenviar verificación (${formatCooldown(resendCooldown)})`
-                            : 'Reenviar verificación' }) })) : null, isSuccess && !canResendFromSignup && !canResendFromExpiredLink ? (_jsx(Stack, { sx: { mt: 1.5 }, children: _jsx(AuthPrimaryButton, { type: "button", startIcon: _jsx(EmailOutlinedIcon, { fontSize: "small" }), onClick: onGoToSignIn, children: `Ir a iniciar sesión${typeof signInRedirectCountdown === 'number' && signInRedirectCountdown > 0
-                        ? ` (${signInRedirectCountdown}s)`
-                        : ''}` }) })) : null] }));
-}

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

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

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

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

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

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

package/dist/auth/forms/errorParser.d.ts

@@ -1,7 +0,0 @@
-type ParsedAuthError = {
-    fieldErrors: Record<string, string>;
-    rootMessage?: string;
-};
-export declare const parseAuthError: (error: unknown, fieldAliases?: Record<string, string>) => ParsedAuthError;
-export {};
-//# sourceMappingURL=errorParser.d.ts.map

package/dist/auth/forms/errorParser.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"errorParser.d.ts","sourceRoot":"","sources":["../../../src/auth/forms/errorParser.ts"],"names":[],"mappings":"AAAA,KAAK,eAAe,GAAG;IACrB,WAAW,EAAE,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC;IACpC,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAoBF,eAAO,MAAM,cAAc,GACzB,OAAO,OAAO,EACd,eAAe,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,KACpC,eAwDF,CAAC"}

package/dist/auth/forms/errorParser.js

@@ -1,65 +0,0 @@
-const toCamelCase = (value) => value.replace(/_([a-z])/g, (_, char) => char.toUpperCase());
-const readMessage = (value) => {
-    if (!value)
-        return undefined;
-    if (typeof value === 'string')
-        return value;
-    if (Array.isArray(value)) {
-        const first = value.find((item) => typeof item === 'string');
-        return typeof first === 'string' ? first : undefined;
-    }
-    if (typeof value === 'object') {
-        const record = value;
-        if (typeof record.message === 'string')
-            return record.message;
-        if (typeof record.detail === 'string')
-            return record.detail;
-    }
-    return undefined;
-};
-export const parseAuthError = (error, fieldAliases) => {
-    const raw = error;
-    const responseData = (raw.response?.data ?? raw.data);
-    const parsed = { fieldErrors: {} };
-    const normalizeField = (key) => {
-        const camelKey = toCamelCase(key);
-        return fieldAliases?.[camelKey] ?? camelKey;
-    };
-    const legacyErrors = responseData?.data;
-    if (Array.isArray(legacyErrors)) {
-        legacyErrors.forEach((entry) => {
-            const item = entry;
-            if (!item?.type || !item?.message)
-                return;
-            const field = normalizeField(item.type);
-            if (field === 'root') {
-                parsed.rootMessage = item.message;
-                return;
-            }
-            parsed.fieldErrors[field] = item.message;
-        });
-    }
-    if (typeof responseData === 'string' && !parsed.rootMessage) {
-        parsed.rootMessage = responseData;
-    }
-    if (responseData && typeof responseData === 'object' && !Array.isArray(responseData)) {
-        const data = responseData;
-        const detailMessage = readMessage(data.detail);
-        const nonFieldMessage = readMessage(data.non_field_errors);
-        const message = readMessage(data.message);
-        parsed.rootMessage = parsed.rootMessage ?? detailMessage ?? nonFieldMessage ?? message;
-        Object.entries(data).forEach(([key, value]) => {
-            if (['detail', 'non_field_errors', 'message', 'code', 'status'].includes(key)) {
-                return;
-            }
-            const fieldMessage = readMessage(value);
-            if (!fieldMessage)
-                return;
-            parsed.fieldErrors[normalizeField(key)] = fieldMessage;
-        });
-    }
-    if (!parsed.rootMessage && Object.keys(parsed.fieldErrors).length === 0 && raw.message) {
-        parsed.rootMessage = raw.message;
-    }
-    return parsed;
-};

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

@@ -1,6 +0,0 @@
-export * from './sign-in';
-export * from './sign-up';
-export * from './password';
-export * from './account';
-export * from './errorParser';
-//# sourceMappingURL=index.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/auth/forms/index.ts"],"names":[],"mappings":"AAAA,cAAc,WAAW,CAAC;AAC1B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,eAAe,CAAC"}

package/dist/auth/forms/index.js

@@ -1,5 +0,0 @@
-export * from './sign-in';
-export * from './sign-up';
-export * from './password';
-export * from './account';
-export * from './errorParser';

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

@@ -1,16 +0,0 @@
-export type AuthForgotPasswordFormValues = {
-    email: string;
-};
-export type AuthForgotPasswordFormProps = {
-    defaultValues?: Partial<AuthForgotPasswordFormValues>;
-    loading?: boolean;
-    submitLabel?: string;
-    resendLabel?: string;
-    successMessage?: string;
-    notSentMessage?: string;
-    resendCooldownSeconds?: number;
-    onEmailSentSuccess?: () => void;
-    onSubmit: (values: AuthForgotPasswordFormValues) => unknown | Promise<unknown>;
-};
-export declare function AuthForgotPasswordForm(props: AuthForgotPasswordFormProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=AuthForgotPasswordForm.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AuthForgotPasswordForm.d.ts","sourceRoot":"","sources":["../../../../src/auth/forms/password/AuthForgotPasswordForm.tsx"],"names":[],"mappings":"AAYA,MAAM,MAAM,4BAA4B,GAAG;IACzC,KAAK,EAAE,MAAM,CAAC;CACf,CAAC;AAEF,MAAM,MAAM,2BAA2B,GAAG;IACxC,aAAa,CAAC,EAAE,OAAO,CAAC,4BAA4B,CAAC,CAAC;IACtD,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,qBAAqB,CAAC,EAAE,MAAM,CAAC;IAC/B,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC,QAAQ,EAAE,CAAC,MAAM,EAAE,4BAA4B,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;CAChF,CAAC;AAgBF,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,2BAA2B,2CA+JxE"}

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

@@ -1,109 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { zodResolver } from '@hookform/resolvers/zod';
-import LinkOutlinedIcon from '@mui/icons-material/LinkOutlined';
-import Alert from '@mui/material/Alert';
-import _ from 'lodash';
-import { useEffect, useState } from 'react';
-import { useForm } from 'react-hook-form';
-import { z } from 'zod';
-import { JBTextField } from '../../../forms';
-import { AuthPrimaryButton } from '../../ui';
-import { parseAuthError } from '../errorParser';
-function getEmailSentFlag(response) {
-    if (!response || typeof response !== 'object') {
-        return undefined;
-    }
-    const data = response;
-    const emailSent = data.emailSent ?? data.email_sent;
-    return typeof emailSent === 'boolean' ? emailSent : undefined;
-}
-const forgotSchema = z.object({
-    email: z.string().email('Debes ingresar un correo válido').nonempty('Debes ingresar un correo')
-});
-export function AuthForgotPasswordForm(props) {
-    const { defaultValues, loading = false, submitLabel = 'Enviar enlace de recuperación', resendLabel = 'Reenviar enlace de recuperación', successMessage = 'Si la cuenta existe, enviamos un enlace de recuperación a tu correo.', notSentMessage = 'Solicitud recibida, pero no se pudo enviar el correo de recuperación.', resendCooldownSeconds = 30, onEmailSentSuccess, onSubmit } = props;
-    const [success, setSuccess] = useState(null);
-    const [successSeverity, setSuccessSeverity] = useState('success');
-    const [isEmailSentSuccessfully, setIsEmailSentSuccessfully] = useState(false);
-    const [resendSecondsLeft, setResendSecondsLeft] = useState(0);
-    const { control, formState, handleSubmit, setError, clearErrors, watch } = useForm({
-        mode: 'onChange',
-        defaultValues: {
-            email: defaultValues?.email ?? ''
-        },
-        resolver: zodResolver(forgotSchema)
-    });
-    const { errors, dirtyFields, isSubmitting, isValid } = formState;
-    const emailValue = watch('email');
-    const isResendCooldownActive = isEmailSentSuccessfully && resendSecondsLeft > 0;
-    useEffect(() => {
-        if (!isResendCooldownActive) {
-            return;
-        }
-        const timer = window.setInterval(() => {
-            setResendSecondsLeft((current) => {
-                if (current <= 1) {
-                    window.clearInterval(timer);
-                    return 0;
-                }
-                return current - 1;
-            });
-        }, 1000);
-        return () => {
-            window.clearInterval(timer);
-        };
-    }, [isResendCooldownActive]);
-    useEffect(() => {
-        const subscription = watch((_value, { name }) => {
-            if (name) {
-                clearErrors(name);
-            }
-            clearErrors('root');
-        });
-        return () => {
-            subscription.unsubscribe();
-        };
-    }, [watch, clearErrors]);
-    async function onSubmitForm(values) {
-        try {
-            setSuccess(null);
-            const response = await onSubmit(values);
-            const emailSent = getEmailSentFlag(response);
-            setSuccessSeverity(emailSent === false ? 'warning' : 'success');
-            setSuccess(emailSent === false ? notSentMessage : successMessage);
-            setIsEmailSentSuccessfully(emailSent === true);
-            if (emailSent === true) {
-                setResendSecondsLeft(resendCooldownSeconds);
-                onEmailSentSuccess?.();
-            }
-        }
-        catch (error) {
-            const parsed = parseAuthError(error);
-            Object.entries(parsed.fieldErrors).forEach(([field, message]) => {
-                if (field === 'email') {
-                    setError('email', {
-                        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 enviar el correo de recuperación. Inténtalo de nuevo.'
-            });
-        }
-    }
-    return (_jsxs("form", { name: "forgotPasswordForm", noValidate: true, style: { display: 'flex', width: '100%', flexDirection: 'column', justifyContent: 'center', paddingTop: 4 }, onSubmit: handleSubmit(onSubmitForm), children: [!isEmailSentSuccessfully ? (_jsx(JBTextField, { control: control, name: "email", sx: { mb: 3 }, label: "Correo electr\u00F3nico", autoFocus: true, type: "email", variant: "outlined", required: true, fullWidth: true })) : null, errors.root?.message && (_jsx(Alert, { sx: { mb: 2 }, severity: "error", children: errors.root.message })), success && (_jsx(Alert, { sx: { mb: 2 }, severity: successSeverity, children: success })), !isEmailSentSuccessfully ? (_jsx(AuthPrimaryButton, { "aria-label": submitLabel, type: "submit", startIcon: _jsx(LinkOutlinedIcon, { fontSize: "small" }), disabled: loading || isSubmitting || _.isEmpty(dirtyFields) || !isValid, children: submitLabel })) : (_jsx(AuthPrimaryButton, { "aria-label": resendLabel, type: "submit", startIcon: _jsx(LinkOutlinedIcon, { fontSize: "small" }), disabled: loading || isSubmitting || isResendCooldownActive || !isValid || !emailValue?.trim(), children: isResendCooldownActive ? `${resendLabel} (${resendSecondsLeft}s)` : resendLabel }))] }));
-}

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

@@ -1,17 +0,0 @@
-export type AuthPasswordResetConfirmFormValues = {
-    uid: string;
-    token: string;
-    newPassword: string;
-    newPasswordConfirm: string;
-};
-export type AuthPasswordResetConfirmFormProps = {
-    defaultValues?: Partial<AuthPasswordResetConfirmFormValues>;
-    loading?: boolean;
-    submitLabel?: string;
-    successMessage?: string;
-    successRedirectSeconds?: number;
-    onGoToSignIn?: () => void;
-    onSubmit: (values: AuthPasswordResetConfirmFormValues) => unknown | Promise<unknown>;
-};
-export declare function AuthPasswordResetConfirmForm(props: AuthPasswordResetConfirmFormProps): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=AuthPasswordResetConfirmForm.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"AuthPasswordResetConfirmForm.d.ts","sourceRoot":"","sources":["../../../../src/auth/forms/password/AuthPasswordResetConfirmForm.tsx"],"names":[],"mappings":"AAkBA,MAAM,MAAM,kCAAkC,GAAG;IAC/C,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,CAAC;IACd,WAAW,EAAE,MAAM,CAAC;IACpB,kBAAkB,EAAE,MAAM,CAAC;CAC5B,CAAC;AAEF,MAAM,MAAM,iCAAiC,GAAG;IAC9C,aAAa,CAAC,EAAE,OAAO,CAAC,kCAAkC,CAAC,CAAC;IAC5D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,sBAAsB,CAAC,EAAE,MAAM,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,IAAI,CAAC;IAC1B,QAAQ,EAAE,CAAC,MAAM,EAAE,kCAAkC,KAAK,OAAO,GAAG,OAAO,CAAC,OAAO,CAAC,CAAC;CACtF,CAAC;AA8BF,wBAAgB,4BAA4B,CAAC,KAAK,EAAE,iCAAiC,2CA6OpF"}

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

@@ -1,163 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { zodResolver } from '@hookform/resolvers/zod';
-import ArrowBackOutlinedIcon from '@mui/icons-material/ArrowBackOutlined';
-import LockResetOutlinedIcon from '@mui/icons-material/LockResetOutlined';
-import VisibilityOffOutlinedIcon from '@mui/icons-material/VisibilityOffOutlined';
-import VisibilityOutlinedIcon from '@mui/icons-material/VisibilityOutlined';
-import Alert from '@mui/material/Alert';
-import IconButton from '@mui/material/IconButton';
-import InputAdornment from '@mui/material/InputAdornment';
-import _ from 'lodash';
-import { useEffect, useMemo, useState } from 'react';
-import { useForm } from 'react-hook-form';
-import { z } from 'zod';
-import { JBTextField } from '../../../forms';
-import { AuthPrimaryButton, AuthSecondaryButton } from '../../ui';
-import { parseAuthError } from '../errorParser';
-import { getDjangoLikePasswordError } from './passwordValidation';
-const resetSchema = z
-    .object({
-    uid: z.string().nonempty('El uid es obligatorio'),
-    token: z.string().nonempty('El token es obligatorio'),
-    newPassword: z.string().superRefine((value, ctx) => {
-        if (!value) {
-            ctx.addIssue({
-                code: z.ZodIssueCode.custom,
-                message: 'Debes ingresar tu nueva contraseña'
-            });
-            return;
-        }
-        const passwordError = getDjangoLikePasswordError(value);
-        if (passwordError) {
-            ctx.addIssue({
-                code: z.ZodIssueCode.custom,
-                message: passwordError
-            });
-        }
-    }),
-    newPasswordConfirm: z.string().nonempty('La confirmación de contraseña es obligatoria')
-})
-    .refine((data) => data.newPassword === data.newPasswordConfirm, {
-    message: 'Las contraseñas deben coincidir',
-    path: ['newPasswordConfirm']
-});
-export function AuthPasswordResetConfirmForm(props) {
-    const { defaultValues, loading = false, submitLabel = 'Restablecer contraseña', successMessage = 'Contraseña restablecida correctamente. Ya puedes iniciar sesión.', successRedirectSeconds = 5, onGoToSignIn, onSubmit } = props;
-    const [redirectSecondsLeft, setRedirectSecondsLeft] = useState(null);
-    const [showNewPassword, setShowNewPassword] = useState(false);
-    const [showNewPasswordConfirm, setShowNewPasswordConfirm] = useState(false);
-    const { control, formState, handleSubmit, setError, clearErrors, watch } = useForm({
-        mode: 'onChange',
-        defaultValues: {
-            uid: defaultValues?.uid ?? '',
-            token: defaultValues?.token ?? '',
-            newPassword: defaultValues?.newPassword ?? '',
-            newPasswordConfirm: defaultValues?.newPasswordConfirm ?? ''
-        },
-        resolver: zodResolver(resetSchema)
-    });
-    const { errors, dirtyFields, isSubmitting, isValid, isSubmitSuccessful } = formState;
-    const uidValue = watch('uid');
-    const tokenValue = watch('token');
-    const hasValidRecoveryLink = Boolean(uidValue?.trim() && tokenValue?.trim());
-    const goToSignInLabel = useMemo(() => {
-        if (!isSubmitSuccessful) {
-            return 'Ir a iniciar sesión';
-        }
-        if (!redirectSecondsLeft || redirectSecondsLeft <= 0) {
-            return 'Ir a iniciar sesión';
-        }
-        return `Ir a iniciar sesión (${redirectSecondsLeft}s)`;
-    }, [isSubmitSuccessful, redirectSecondsLeft]);
-    useEffect(() => {
-        const subscription = watch((_value, { name }) => {
-            if (name) {
-                clearErrors(name);
-            }
-            clearErrors('root');
-        });
-        return () => {
-            subscription.unsubscribe();
-        };
-    }, [watch, clearErrors]);
-    useEffect(() => {
-        if (!isSubmitSuccessful || !onGoToSignIn) {
-            setRedirectSecondsLeft(null);
-            return;
-        }
-        setRedirectSecondsLeft(successRedirectSeconds);
-        const timer = window.setInterval(() => {
-            setRedirectSecondsLeft((current) => {
-                if (!current || current <= 1) {
-                    window.clearInterval(timer);
-                    onGoToSignIn();
-                    return 0;
-                }
-                return current - 1;
-            });
-        }, 1000);
-        return () => {
-            window.clearInterval(timer);
-        };
-    }, [isSubmitSuccessful, onGoToSignIn, successRedirectSeconds]);
-    async function onSubmitForm(values) {
-        try {
-            await onSubmit(values);
-        }
-        catch (error) {
-            const parsed = parseAuthError(error);
-            const allowedFields = [
-                'uid',
-                'token',
-                'newPassword',
-                'newPasswordConfirm'
-            ];
-            Object.entries(parsed.fieldErrors).forEach(([field, message]) => {
-                if (field === 'uid' || field === 'token') {
-                    setError('root', {
-                        type: 'manual',
-                        message
-                    });
-                    return;
-                }
-                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;
-            }
-            if (Object.keys(parsed.fieldErrors).length > 0) {
-                const firstFieldError = Object.values(parsed.fieldErrors)[0];
-                if (firstFieldError) {
-                    setError('root', {
-                        type: 'manual',
-                        message: firstFieldError
-                    });
-                    return;
-                }
-            }
-            setError('root', {
-                type: 'manual',
-                message: 'No se pudo restablecer la contraseña. Inténtalo de nuevo.'
-            });
-        }
-    }
-    return (_jsxs("form", { name: "resetPasswordForm", noValidate: true, style: { display: 'flex', width: '100%', flexDirection: 'column', justifyContent: 'center', paddingTop: 4 }, onSubmit: handleSubmit(onSubmitForm), children: [!isSubmitSuccessful && !hasValidRecoveryLink ? (_jsx(Alert, { sx: { mb: 3 }, severity: "warning", children: "El enlace de recuperaci\u00F3n es inv\u00E1lido o incompleto." })) : null, !isSubmitSuccessful ? (_jsxs(_Fragment, { children: [_jsx(JBTextField, { control: control, name: "newPassword", sx: { mb: 3 }, label: "Nueva contrase\u00F1a", type: showNewPassword ? 'text' : 'password', InputProps: {
-                            endAdornment: (_jsx(InputAdornment, { position: "end", children: _jsx(IconButton, { edge: "end", "aria-label": showNewPassword ? 'Ocultar contraseña' : 'Mostrar contraseña', onClick: () => setShowNewPassword((prev) => !prev), children: showNewPassword ? _jsx(VisibilityOffOutlinedIcon, {}) : _jsx(VisibilityOutlinedIcon, {}) }) }))
-                        }, variant: "outlined", required: true, fullWidth: true }), _jsx(JBTextField, { control: control, name: "newPasswordConfirm", sx: { mb: 3 }, label: "Confirmar nueva contrase\u00F1a", type: showNewPasswordConfirm ? 'text' : 'password', InputProps: {
-                            endAdornment: (_jsx(InputAdornment, { position: "end", children: _jsx(IconButton, { edge: "end", "aria-label": showNewPasswordConfirm ? 'Ocultar confirmación de contraseña' : 'Mostrar confirmación de contraseña', onClick: () => setShowNewPasswordConfirm((prev) => !prev), children: showNewPasswordConfirm ? _jsx(VisibilityOffOutlinedIcon, {}) : _jsx(VisibilityOutlinedIcon, {}) }) }))
-                        }, variant: "outlined", required: true, fullWidth: true })] })) : null, errors.root?.message && (_jsx(Alert, { sx: { mb: 2 }, severity: "error", children: errors.root.message })), isSubmitSuccessful && (_jsx(Alert, { sx: { mb: 2 }, severity: "success", children: successMessage })), !isSubmitSuccessful ? (_jsx(AuthPrimaryButton, { "aria-label": submitLabel, startIcon: _jsx(LockResetOutlinedIcon, { fontSize: "small" }), disabled: loading || isSubmitting || _.isEmpty(dirtyFields) || !isValid || !hasValidRecoveryLink, type: "submit", size: "large", children: submitLabel })) : null, isSubmitSuccessful && onGoToSignIn ? (_jsx(AuthSecondaryButton, { sx: { mt: 2 }, startIcon: _jsx(ArrowBackOutlinedIcon, { fontSize: "small" }), onClick: onGoToSignIn, children: goToSignInLabel })) : null] }));
-}