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

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

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

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

@@ -0,0 +1,25 @@
+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

@@ -0,0 +1 @@
+{"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"}

package/dist/auth/fuse/createFuseAuthViews.js

@@ -0,0 +1,510 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import ArrowBackOutlinedIcon from '@mui/icons-material/ArrowBackOutlined';
+import EmailOutlinedIcon from '@mui/icons-material/EmailOutlined';
+import PersonAddAlt1OutlinedIcon from '@mui/icons-material/PersonAddAlt1Outlined';
+import Alert from "@mui/material/Alert";
+import Box from "@mui/material/Box";
+import Typography from "@mui/material/Typography";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import { useNavigate, useSearchParams } from "react-router";
+import { AuthAccountConfirmationForm, AuthForgotPasswordForm, AuthOtpSignInForm, AuthPasswordResetConfirmForm, AuthPasswordSignInForm, AuthSignUpForm, } from "../forms";
+import { parseAuthError } from "../forms/errorParser";
+import { authenticateWithSocialProvider } from "../social/providerAuth";
+import { AuthPageTitle, AuthRoleSelectionDialog, AuthSecondaryButton, AuthSocialProviderButton, } from "../ui";
+import { useFuseJwtAuth } from "./fuseAdapter";
+const IS_DEV = typeof window !== "undefined" && window.location.hostname === "localhost";
+const DEV_LOGIN_DEFAULT_VALUES = IS_DEV
+    ? {
+        login: "admin",
+        password: "Test123_",
+        remember: true,
+    }
+    : undefined;
+const DEV_SIGN_UP_DEFAULT_VALUES = IS_DEV
+    ? {
+        firstName: "Joel",
+        lastName1: "Barron",
+        lastName2: "Hernandez",
+        email: "joel.test+1@example.com",
+        birthday: "1995-12-16",
+        gender: "MALE",
+        password: "Test123_",
+        passwordConfirm: "Test123_",
+        acceptTermsConditions: true,
+    }
+    : undefined;
+const DEV_OTP_DEFAULT_VALUES = IS_DEV
+    ? {
+        countryCode: "+52",
+        phone: "5512345678",
+        code: "",
+    }
+    : undefined;
+const SOCIAL_PROVIDER_ORDER = ["google", "facebook", "apple"];
+const 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;
+};
+const shouldSelectRoleForSocialLogin = (precheckResponse, hasRoleOptions) => {
+    if (!hasRoleOptions) {
+        return false;
+    }
+    const userExists = parseBooleanLike(precheckResponse.userExists) ??
+        parseBooleanLike(precheckResponse.user_exists);
+    if (typeof userExists === "boolean") {
+        return !userExists;
+    }
+    const wouldCreateUser = parseBooleanLike(precheckResponse.wouldCreateUser) ??
+        parseBooleanLike(precheckResponse.would_create_user);
+    if (typeof wouldCreateUser === "boolean") {
+        return wouldCreateUser;
+    }
+    const socialAccountExists = parseBooleanLike(precheckResponse.socialAccountExists) ??
+        parseBooleanLike(precheckResponse.social_account_exists);
+    if (socialAccountExists === true) {
+        return false;
+    }
+    const linkedExistingUser = parseBooleanLike(precheckResponse.linkedExistingUser) ??
+        parseBooleanLike(precheckResponse.linked_existing_user);
+    if (linkedExistingUser === true) {
+        return false;
+    }
+    return hasRoleOptions;
+};
+function getEnabledSocialProviders(socialConfig, showDebugSocial) {
+    if (!socialConfig) {
+        return [];
+    }
+    return SOCIAL_PROVIDER_ORDER.flatMap((provider) => {
+        const providerConfig = socialConfig[provider];
+        if (!providerConfig?.enabled || !providerConfig.clientId?.trim()) {
+            return [];
+        }
+        return [
+            {
+                provider,
+                clientId: providerConfig.clientId.trim(),
+                redirectUri: providerConfig.redirectUri?.trim() || undefined,
+                scope: providerConfig.scope?.trim() || undefined,
+                scopes: providerConfig.scopes,
+                usePopup: providerConfig.usePopup,
+                responseMode: providerConfig.responseMode,
+                responseType: providerConfig.responseType,
+                state: providerConfig.state,
+                nonce: providerConfig.nonce,
+                debug: showDebugSocial
+            }
+        ];
+    });
+}
+function FuseSignInController(props) {
+    const { LinkComponent, mode = "password", disabled = false, onBackToPassword, requestRoleSelection } = props;
+    const { signIn, requestOtp, signInOtp } = useFuseJwtAuth();
+    if (mode === "otp") {
+        return (_jsx(AuthOtpSignInForm, { defaultValues: DEV_OTP_DEFAULT_VALUES, requestRoleSelection: requestRoleSelection, onBackToPassword: onBackToPassword, onRequestOtp: ({ phone }) => requestOtp({
+                channel: "sms",
+                phone,
+            }), onVerifyOtp: ({ phone, code, role }) => signInOtp({
+                channel: "sms",
+                phone,
+                code,
+                role,
+            }) }));
+    }
+    return (_jsx(AuthPasswordSignInForm, { defaultValues: DEV_LOGIN_DEFAULT_VALUES, disabled: disabled, LinkComponent: LinkComponent, onSubmit: (values) => signIn({
+            login: values.login,
+            password: values.password,
+        }) }));
+}
+function FuseSignUpController(props) {
+    const { onSuccess, requestRoleSelection, requiresRoleSelection = false, disabled = false } = props;
+    const { signUp } = useFuseJwtAuth();
+    return (_jsx(AuthSignUpForm, { defaultValues: DEV_SIGN_UP_DEFAULT_VALUES, disabled: disabled, onSubmit: async (values) => {
+            const selectedRole = requestRoleSelection
+                ? await requestRoleSelection()
+                : values.role;
+            if (requiresRoleSelection && !selectedRole) {
+                return;
+            }
+            const response = await signUp({
+                ...values,
+                role: selectedRole ?? values.role,
+            });
+            onSuccess?.({
+                email: values.email,
+                detail: response.detail ?? undefined,
+                response
+            });
+        } }));
+}
+function FuseOtpSignUpForm(props) {
+    const { onBackToPassword, requestRoleSelection } = props;
+    const { requestOtp, signInOtp } = useFuseJwtAuth();
+    return (_jsx(AuthOtpSignInForm, { defaultValues: DEV_OTP_DEFAULT_VALUES, requestRoleSelection: requestRoleSelection, onBackToPassword: onBackToPassword, onRequestOtp: ({ phone }) => requestOtp({
+            channel: "sms",
+            phone,
+        }), onVerifyOtp: ({ phone, code, role }) => signInOtp({
+            channel: "sms",
+            phone,
+            code,
+            role,
+        }) }));
+}
+function FuseAuthAlternativesSection(props) {
+    const { onSmsClick, socialProviders = [], onSocialClick, socialLoadingProvider, socialError } = props;
+    return (_jsxs(_Fragment, { children: [_jsxs(Box, { sx: { mt: 4, display: "flex", alignItems: "center" }, children: [_jsx(Box, { sx: { mt: "1px", flex: 1, borderTop: 1, borderColor: "divider" } }), _jsx(Typography, { sx: { mx: 1 }, color: "text.secondary", children: "O accede con" }), _jsx(Box, { sx: { mt: "1px", flex: 1, borderTop: 1, borderColor: "divider" } })] }), _jsxs(Box, { sx: {
+                    mt: 4,
+                    display: "grid",
+                    gridTemplateColumns: "repeat(2, minmax(0, 1fr))",
+                    gap: 1.5
+                }, children: [socialProviders.map((socialProvider) => (_jsx(AuthSocialProviderButton, { provider: socialProvider.provider, loading: socialLoadingProvider === socialProvider.provider, disabled: Boolean(socialLoadingProvider && socialLoadingProvider !== socialProvider.provider), onClick: () => onSocialClick?.(socialProvider.provider) }, socialProvider.provider))), _jsx(AuthSocialProviderButton, { "aria-label": "SMS", provider: "sms", disabled: Boolean(socialLoadingProvider), onClick: onSmsClick, children: "SMS" })] }), socialError ? (_jsx(Alert, { severity: "error", sx: { mt: 2 }, children: socialError })) : null] }));
+}
+function FuseSignUpCtaSection(props) {
+    const { LinkComponent, signUpPath = "/sign-up", disabled = false } = props;
+    return (_jsxs(_Fragment, { children: [_jsxs(Box, { sx: { mt: 6, display: "flex", alignItems: "center" }, children: [_jsx(Box, { sx: { mt: "1px", flex: 1, borderTop: 1, borderColor: "divider" } }), _jsx(Typography, { sx: { mx: 1 }, color: "text.secondary", children: "\u00BFNo tienes una cuenta?" }), _jsx(Box, { sx: { mt: "1px", flex: 1, borderTop: 1, borderColor: "divider" } })] }), _jsx(Box, { sx: { mt: 2, display: "flex", alignItems: "center", gap: 2 }, children: _jsx(AuthSecondaryButton, { component: LinkComponent, to: signUpPath, sx: { flex: 1 }, disabled: disabled, startIcon: _jsx(PersonAddAlt1OutlinedIcon, { fontSize: "small" }), onClick: (event) => {
+                        if (disabled) {
+                            event.preventDefault();
+                        }
+                    }, "aria-label": "Crear cuenta", children: "Crear cuenta" }) })] }));
+}
+function FuseSignInCtaSection(props) {
+    const { LinkComponent, signInPath = "/sign-in", disabled = false } = props;
+    return (_jsxs(_Fragment, { children: [_jsxs(Box, { sx: { mt: 6, display: "flex", alignItems: "center" }, children: [_jsx(Box, { sx: { mt: "1px", flex: 1, borderTop: 1, borderColor: "divider" } }), _jsx(Typography, { sx: { mx: 1 }, color: "text.secondary", children: "\u00BFYa tienes una cuenta?" }), _jsx(Box, { sx: { mt: "1px", flex: 1, borderTop: 1, borderColor: "divider" } })] }), _jsx(Box, { sx: { mt: 2, display: "flex", alignItems: "center", gap: 2 }, children: _jsx(AuthSecondaryButton, { component: LinkComponent, to: signInPath, sx: { flex: 1 }, disabled: disabled, startIcon: _jsx(EmailOutlinedIcon, { fontSize: "small" }), onClick: (event) => {
+                        if (disabled) {
+                            event.preventDefault();
+                        }
+                    }, "aria-label": "Iniciar sesi\u00F3n", children: "Iniciar sesi\u00F3n" }) })] }));
+}
+function FuseForgotPasswordPageForm(props) {
+    const { LinkComponent } = props;
+    const { requestPasswordReset } = useFuseJwtAuth();
+    return (_jsxs(_Fragment, { children: [_jsx(AuthForgotPasswordForm, { onSubmit: (values) => requestPasswordReset({ email: values.email }) }), _jsx(AuthSecondaryButton, { sx: { mt: 2 }, component: LinkComponent, to: "/sign-in", startIcon: _jsx(ArrowBackOutlinedIcon, { fontSize: "small" }), "aria-label": "Regresar a iniciar sesi\u00F3n", children: "Regresar a iniciar sesi\u00F3n" })] }));
+}
+function FuseResetPasswordPageForm(props) {
+    const { initialUid = "", initialToken = "" } = props;
+    const { confirmPasswordReset } = useFuseJwtAuth();
+    const navigate = useNavigate();
+    return (_jsx(AuthPasswordResetConfirmForm, { defaultValues: {
+            uid: initialUid,
+            token: initialToken,
+        }, onGoToSignIn: () => navigate('/sign-in'), onSubmit: (values) => confirmPasswordReset(values) }));
+}
+function FuseAccountConfirmationPageForm(props) {
+    const { initialUid = "", initialToken = "" } = props;
+    const [searchParams] = useSearchParams();
+    const navigate = useNavigate();
+    const initialEmail = useMemo(() => searchParams.get("email") || "", [searchParams]);
+    const { confirmAccountEmail, resendAccountConfirmation } = useFuseJwtAuth();
+    return (_jsx(AuthAccountConfirmationForm, { defaultValues: {
+            uid: initialUid,
+            token: initialToken,
+        }, defaultEmail: initialEmail, onGoToSignIn: () => navigate('/sign-in'), onSubmit: (values) => confirmAccountEmail(values), onResend: (values) => resendAccountConfirmation(values) }));
+}
+function useRoleSelectionDialog(options, defaultRole) {
+    const [isDialogOpen, setIsDialogOpen] = useState(false);
+    const [selectedRole, setSelectedRole] = useState(defaultRole ?? options[0]?.value ?? "");
+    const roleSelectionResolverRef = useRef(null);
+    const requestRoleSelection = useCallback(() => {
+        if (!options.length) {
+            return Promise.resolve(undefined);
+        }
+        if (options.length === 1) {
+            return Promise.resolve(options[0].value);
+        }
+        return new Promise((resolve) => {
+            roleSelectionResolverRef.current = resolve;
+            setIsDialogOpen(true);
+        });
+    }, [options]);
+    const closeRoleDialog = useCallback((role) => {
+        const resolver = roleSelectionResolverRef.current;
+        roleSelectionResolverRef.current = null;
+        setIsDialogOpen(false);
+        resolver?.(role);
+    }, []);
+    const dialog = (_jsx(AuthRoleSelectionDialog, { open: isDialogOpen, options: options, initialRole: selectedRole, onCancel: () => closeRoleDialog(undefined), onConfirm: (role) => {
+            setSelectedRole(role);
+            closeRoleDialog(role);
+        } }));
+    return { requestRoleSelection, dialog, hasRoleOptions: options.length > 0 };
+}
+export function createFuseAuthViews(options) {
+    const { LinkComponent, accountConfirmationPath = "/verify-email", signUpRoleOptions, defaultSignUpRole, socialConfig, showDebugSocial = false, onSignUpSuccess, } = options;
+    function SignInPageView() {
+        const [mode, setMode] = useState("password");
+        const { signInMagicLink, signInSocial, signInSocialPrecheck } = useFuseJwtAuth();
+        const [searchParams, setSearchParams] = useSearchParams();
+        const [socialLoadingProvider, setSocialLoadingProvider] = useState(null);
+        const [socialError, setSocialError] = useState(null);
+        const [magicLinkState, setMagicLinkState] = useState("idle");
+        const [magicLinkError, setMagicLinkError] = useState(null);
+        const attemptedMagicLinkRef = useRef("");
+        const signupRoleOptions = (signUpRoleOptions ?? [])
+            .filter((roleOption) => roleOption.allowSignup === true)
+            .map((roleOption) => ({
+            value: roleOption.value,
+            label: roleOption.label,
+        }));
+        const { requestRoleSelection, dialog, hasRoleOptions } = useRoleSelectionDialog(signupRoleOptions, defaultSignUpRole);
+        const enabledSocialProviders = useMemo(() => getEnabledSocialProviders(socialConfig, showDebugSocial), [socialConfig, showDebugSocial]);
+        const magicLinkToken = useMemo(() => (searchParams.get("mlt") || "").trim(), [searchParams]);
+        const isAuthFlowBusy = socialLoadingProvider !== null;
+        useEffect(() => {
+            if (!magicLinkToken) {
+                setMagicLinkState("idle");
+                setMagicLinkError(null);
+                return;
+            }
+            if (attemptedMagicLinkRef.current === magicLinkToken) {
+                return;
+            }
+            attemptedMagicLinkRef.current = magicLinkToken;
+            setMagicLinkState("loading");
+            setMagicLinkError(null);
+            let active = true;
+            signInMagicLink({ token: magicLinkToken })
+                .then(() => {
+                if (!active) {
+                    return;
+                }
+                const nextParams = new URLSearchParams(searchParams);
+                nextParams.delete("mlt");
+                setSearchParams(nextParams, { replace: true });
+            })
+                .catch((error) => {
+                if (!active) {
+                    return;
+                }
+                const parsed = parseAuthError(error);
+                setMagicLinkError(parsed.rootMessage || "La liga de acceso es inválida o expiró.");
+                setMagicLinkState("error");
+            });
+            return () => {
+                active = false;
+            };
+        }, [magicLinkToken, searchParams, setSearchParams, signInMagicLink]);
+        const onSocialClick = useCallback(async (provider) => {
+            const providerConfig = enabledSocialProviders.find((item) => item.provider === provider);
+            if (!providerConfig) {
+                return;
+            }
+            try {
+                setSocialError(null);
+                setSocialLoadingProvider(provider);
+                if (showDebugSocial) {
+                    console.info("[jb-auth][social] start provider auth", { provider, providerConfig });
+                }
+                const tokenPayload = await authenticateWithSocialProvider(provider, providerConfig);
+                if (showDebugSocial) {
+                    console.info("[jb-auth][social] provider token payload ready", { provider, tokenPayload });
+                }
+                const baseSocialPayload = {
+                    ...tokenPayload,
+                    provider,
+                    client: "web",
+                    termsAndConditionsAccepted: true,
+                };
+                if (showDebugSocial) {
+                    console.info("[jb-auth][social] sending social precheck", { provider, client: "web" });
+                }
+                const socialPrecheckResponse = await signInSocialPrecheck(baseSocialPayload);
+                const shouldSelectRole = shouldSelectRoleForSocialLogin(socialPrecheckResponse, hasRoleOptions);
+                const selectedRole = shouldSelectRole ? await requestRoleSelection() : undefined;
+                if (shouldSelectRole && !selectedRole) {
+                    return;
+                }
+                if (showDebugSocial) {
+                    console.info("[jb-auth][social] sending loginSocial request", {
+                        provider,
+                        role: selectedRole,
+                        client: "web"
+                    });
+                }
+                await signInSocial({
+                    ...baseSocialPayload,
+                    role: selectedRole,
+                });
+            }
+            catch (error) {
+                if (showDebugSocial) {
+                    console.error("[jb-auth][social] flow failed", { provider, error });
+                }
+                const parsed = parseAuthError(error);
+                setSocialError(parsed.rootMessage || "No se pudo acceder con el proveedor social.");
+            }
+            finally {
+                setSocialLoadingProvider(null);
+            }
+        }, [enabledSocialProviders, hasRoleOptions, requestRoleSelection, showDebugSocial, signInSocial, signInSocialPrecheck]);
+        if (magicLinkToken && magicLinkState === "loading") {
+            return (_jsxs(Box, { sx: {
+                    mx: { xs: "auto", sm: 0 },
+                    width: { xs: "100%", sm: 320 },
+                    maxWidth: 320,
+                    display: "flex",
+                    flexDirection: "column",
+                    gap: 2,
+                    alignItems: "center"
+                }, children: [_jsx(AuthPageTitle, { title: "Accediendo..." }), _jsx(Typography, { sx: { fontSize: 16, textAlign: "center" }, color: "text.secondary", children: "Validando liga de acceso segura." })] }));
+        }
+        return (_jsxs(Box, { sx: {
+                mx: { xs: "auto", sm: 0 },
+                width: { xs: "100%", sm: 320 },
+                maxWidth: 320,
+                display: "flex",
+                flexDirection: "column",
+                gap: 4,
+            }, children: [_jsx(AuthPageTitle, { title: "Iniciar sesi\u00F3n" }), magicLinkError ? _jsx(Alert, { severity: "error", children: magicLinkError }) : null, _jsxs(Box, { sx: { width: "100%" }, children: [_jsx(FuseSignInController, { LinkComponent: LinkComponent, mode: mode, disabled: isAuthFlowBusy, requestRoleSelection: requestRoleSelection, onBackToPassword: () => setMode("password") }), mode === "password" && (_jsxs(_Fragment, { children: [_jsx(FuseSignUpCtaSection, { LinkComponent: LinkComponent, disabled: isAuthFlowBusy }), _jsx(FuseAuthAlternativesSection, { onSmsClick: () => setMode("otp"), socialProviders: enabledSocialProviders, onSocialClick: onSocialClick, socialLoadingProvider: socialLoadingProvider, socialError: socialError })] }))] }), dialog] }));
+    }
+    function SignUpPageView() {
+        const [mode, setMode] = useState("password");
+        const { signInSocial, signInSocialPrecheck } = useFuseJwtAuth();
+        const [socialLoadingProvider, setSocialLoadingProvider] = useState(null);
+        const [socialError, setSocialError] = useState(null);
+        const navigate = useNavigate();
+        const signupRoleOptions = (signUpRoleOptions ?? [])
+            .filter((roleOption) => roleOption.allowSignup === true)
+            .map((roleOption) => ({
+            value: roleOption.value,
+            label: roleOption.label,
+        }));
+        const { requestRoleSelection, dialog, hasRoleOptions } = useRoleSelectionDialog(signupRoleOptions, defaultSignUpRole);
+        const enabledSocialProviders = useMemo(() => getEnabledSocialProviders(socialConfig, showDebugSocial), [socialConfig, showDebugSocial]);
+        const isAuthFlowBusy = socialLoadingProvider !== null;
+        const onSocialClick = useCallback(async (provider) => {
+            const providerConfig = enabledSocialProviders.find((item) => item.provider === provider);
+            if (!providerConfig) {
+                return;
+            }
+            try {
+                setSocialError(null);
+                setSocialLoadingProvider(provider);
+                if (showDebugSocial) {
+                    console.info("[jb-auth][social] start provider auth", { provider, providerConfig });
+                }
+                const tokenPayload = await authenticateWithSocialProvider(provider, providerConfig);
+                if (showDebugSocial) {
+                    console.info("[jb-auth][social] provider token payload ready", { provider, tokenPayload });
+                }
+                const baseSocialPayload = {
+                    ...tokenPayload,
+                    provider,
+                    client: "web",
+                    termsAndConditionsAccepted: true,
+                };
+                if (showDebugSocial) {
+                    console.info("[jb-auth][social] sending social precheck", { provider, client: "web" });
+                }
+                const socialPrecheckResponse = await signInSocialPrecheck(baseSocialPayload);
+                const shouldSelectRole = shouldSelectRoleForSocialLogin(socialPrecheckResponse, hasRoleOptions);
+                const selectedRole = shouldSelectRole ? await requestRoleSelection() : undefined;
+                if (shouldSelectRole && !selectedRole) {
+                    return;
+                }
+                if (showDebugSocial) {
+                    console.info("[jb-auth][social] sending loginSocial request", {
+                        provider,
+                        role: selectedRole,
+                        client: "web"
+                    });
+                }
+                await signInSocial({
+                    ...baseSocialPayload,
+                    role: selectedRole,
+                });
+            }
+            catch (error) {
+                if (showDebugSocial) {
+                    console.error("[jb-auth][social] flow failed", { provider, error });
+                }
+                const parsed = parseAuthError(error);
+                setSocialError(parsed.rootMessage || "No se pudo acceder con el proveedor social.");
+            }
+            finally {
+                setSocialLoadingProvider(null);
+            }
+        }, [enabledSocialProviders, hasRoleOptions, requestRoleSelection, showDebugSocial, signInSocial, signInSocialPrecheck]);
+        return (_jsxs(Box, { sx: {
+                mx: { xs: "auto", sm: 0 },
+                width: { xs: "100%", sm: 320 },
+                maxWidth: 320,
+                display: "flex",
+                flexDirection: "column",
+                gap: 4,
+            }, children: [_jsx(AuthPageTitle, { title: "Crear cuenta" }), _jsx(Box, { sx: { width: "100%" }, children: mode === "password" ? (_jsxs(_Fragment, { children: [_jsx(FuseSignUpController, { disabled: isAuthFlowBusy, requiresRoleSelection: hasRoleOptions, requestRoleSelection: requestRoleSelection, onSuccess: (payload) => {
+                                    const { email } = payload;
+                                    onSignUpSuccess?.(payload);
+                                    navigate(`${accountConfirmationPath}?email=${encodeURIComponent(email)}`);
+                                } }), _jsx(FuseSignInCtaSection, { LinkComponent: LinkComponent, disabled: isAuthFlowBusy }), _jsx(FuseAuthAlternativesSection, { onSmsClick: () => setMode("otp"), socialProviders: enabledSocialProviders, onSocialClick: onSocialClick, socialLoadingProvider: socialLoadingProvider, socialError: socialError })] })) : (_jsx(FuseOtpSignUpForm, { requestRoleSelection: requestRoleSelection, onBackToPassword: () => setMode("password") })) }), dialog] }));
+    }
+    function ForgotPasswordPageView() {
+        return (_jsxs(Box, { sx: {
+                mx: { xs: "auto", sm: 0 },
+                width: { xs: "100%", sm: 320 },
+                maxWidth: 320,
+                display: "flex",
+                flexDirection: "column",
+                gap: 4,
+            }, children: [_jsxs(Box, { sx: { width: "100%" }, children: [_jsx(AuthPageTitle, { title: "Olvid\u00E9 mi contrase\u00F1a" }), _jsx(Typography, { sx: { mt: 1.5, fontSize: 16, textAlign: "center" }, color: "text.secondary", children: "Ingresa tu correo y te enviaremos un enlace para restablecer tu contrase\u00F1a." })] }), _jsx(FuseForgotPasswordPageForm, { LinkComponent: LinkComponent })] }));
+    }
+    function ResetPasswordPageView() {
+        const [searchParams] = useSearchParams();
+        const initialUid = useMemo(() => searchParams.get("uid") || "", [searchParams]);
+        const initialToken = useMemo(() => searchParams.get("token") || "", [searchParams]);
+        return (_jsxs(Box, { sx: {
+                mx: { xs: "auto", sm: 0 },
+                width: { xs: "100%", sm: 320 },
+                maxWidth: 320,
+                display: "flex",
+                flexDirection: "column",
+                gap: 4,
+            }, children: [_jsxs(Box, { sx: { width: "100%" }, children: [_jsx(AuthPageTitle, { title: "Restablecer contrase\u00F1a" }), _jsx(Typography, { sx: { mt: 1.5, fontSize: 16 }, color: "text.secondary", children: "Define una nueva contrase\u00F1a para volver a acceder a tu cuenta." })] }), _jsx(FuseResetPasswordPageForm, { initialUid: initialUid, initialToken: initialToken })] }));
+    }
+    function SignOutPageView() {
+        return (_jsxs(Box, { sx: {
+                mx: { xs: "auto", sm: 0 },
+                width: { xs: "100%", sm: 320 },
+                maxWidth: 320,
+            }, children: [_jsx(AuthPageTitle, { title: "Has cerrado sesi\u00F3n" }), _jsxs(Typography, { sx: { mt: 2, textAlign: "center", fontSize: 16, fontWeight: 500 }, color: "text.secondary", children: ["Ir a ", _jsx(LinkComponent, { to: "/sign-in", children: "iniciar sesi\u00F3n" })] })] }));
+    }
+    function AccountConfirmationPageView() {
+        const [searchParams] = useSearchParams();
+        const initialUid = useMemo(() => searchParams.get("uid") || "", [searchParams]);
+        const initialToken = useMemo(() => searchParams.get("token") || "", [searchParams]);
+        return (_jsxs(Box, { sx: {
+                mx: { xs: "auto", sm: 0 },
+                width: { xs: "100%", sm: 320 },
+                maxWidth: 320,
+                display: "flex",
+                flexDirection: "column",
+                gap: 4,
+            }, children: [_jsxs(Box, { sx: { width: "100%" }, children: [_jsx(AuthPageTitle, { title: "Verificar cuenta" }), _jsx(Typography, { sx: { mt: 1.5, fontSize: 16 }, color: "text.secondary", children: "Estamos validando tu enlace de confirmaci\u00F3n." })] }), _jsx(FuseAccountConfirmationPageForm, { initialUid: initialUid, initialToken: initialToken })] }));
+    }
+    return {
+        SignInPageView,
+        SignUpPageView,
+        ForgotPasswordPageView,
+        ResetPasswordPageView,
+        SignOutPageView,
+        AccountConfirmationPageView,
+    };
+}

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

@@ -0,0 +1,42 @@
+import { ReactNode } from 'react';
+import { AuthClient } from '../client';
+import { AccountConfirmationPayload, AccountConfirmationResendPayload, LoginSocialPrecheckResponse, LoginSocialPayload, MagicLinkConsumePayload, PasswordChangePayload, PasswordResetConfirmPayload, PasswordResetRequestPayload, RegisterPayload, RequestOtpPayload, VerifyOtpPayload } from '../types';
+type JsonRecord = Record<string, unknown>;
+type FuseAuthState<TUser = JsonRecord> = {
+    authStatus: 'configuring' | 'authenticated' | 'unauthenticated';
+    isAuthenticated: boolean;
+    user: TUser | null;
+};
+export type FuseJwtAuthContextType<TUser = JsonRecord> = FuseAuthState<TUser> & {
+    signIn: (credentials: {
+        login: string;
+        password: string;
+        username?: string;
+    }) => Promise<JsonRecord>;
+    signInSocial: (payload: LoginSocialPayload) => Promise<JsonRecord>;
+    signInSocialPrecheck: (payload: LoginSocialPayload) => Promise<LoginSocialPrecheckResponse>;
+    requestOtp: (payload: RequestOtpPayload) => Promise<Record<string, unknown>>;
+    signInOtp: (payload: VerifyOtpPayload) => Promise<JsonRecord>;
+    signInMagicLink: (payload: MagicLinkConsumePayload) => Promise<JsonRecord>;
+    signUp: (payload: RegisterPayload) => Promise<JsonRecord>;
+    confirmAccountEmail: (payload: AccountConfirmationPayload) => Promise<Record<string, unknown>>;
+    resendAccountConfirmation: (payload: AccountConfirmationResendPayload) => Promise<Record<string, unknown>>;
+    requestPasswordReset: (payload: PasswordResetRequestPayload) => Promise<Record<string, unknown>>;
+    confirmPasswordReset: (payload: PasswordResetConfirmPayload) => Promise<Record<string, unknown>>;
+    changePassword: (payload: PasswordChangePayload) => Promise<Record<string, unknown>>;
+    switchProfile: (profileId: number) => Promise<JsonRecord>;
+    getProfiles: () => Promise<Record<string, unknown>[]>;
+    signOut: () => void;
+    refreshToken: () => Promise<string | null>;
+};
+type FuseAuthProviderComponentProps = {
+    children?: ReactNode;
+    onAuthStateChanged?: (state: FuseAuthState) => void;
+    ref?: React.Ref<{
+        signOut: () => void;
+    }>;
+};
+export declare const createFuseJwtAuthProvider: (authClient: AuthClient) => (props: FuseAuthProviderComponentProps) => import("react/jsx-runtime").JSX.Element;
+export declare const useFuseJwtAuth: () => FuseJwtAuthContextType<JsonRecord>;
+export {};
+//# sourceMappingURL=fuseAdapter.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"fuseAdapter.d.ts","sourceRoot":"","sources":["../../../src/auth/fuse/fuseAdapter.tsx"],"names":[],"mappings":"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"}