@abstraxn/signer-react 1.0.0

package/dist/src/components/OnboardingUI/OnboardingUIReact.d.ts

@@ -0,0 +1,15 @@
+/**
+ * OnboardingUI React Component
+ * Pure React implementation of OnboardingUI
+ */
+import React from "react";
+import type { OnboardingUIConfig } from "@abstraxn/signer-core";
+import "./OnboardingUI.css";
+export interface OnboardingUIReactProps {
+    config?: Partial<OnboardingUIConfig>;
+    modal?: boolean;
+    onClose?: () => void;
+    externalWalletsEnabled?: boolean;
+    availableConnectors?: any[];
+}
+export declare const OnboardingUIReact: React.FC<OnboardingUIReactProps>;

package/dist/src/components/OnboardingUI/OnboardingUIReact.js

@@ -0,0 +1,318 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * OnboardingUI React Component
+ * Pure React implementation of OnboardingUI
+ */
+import { useEffect, useState, useCallback, useRef } from "react";
+import { useOnboarding } from "./hooks/useOnboarding";
+import { useAuthMethods } from "./hooks/useAuthMethods";
+import { EmailForm } from "./components/EmailForm";
+import { OtpForm } from "./components/OtpForm";
+import { SocialButtons } from "./components/SocialButtons";
+import { PasskeyButton } from "./components/PasskeyButton";
+import { Modal } from "./components/Modal";
+import { ExternalWalletButtons } from "../../ExternalWalletButtons";
+import { useAbstraxnWallet } from "../../hooks";
+import "./OnboardingUI.css";
+export const OnboardingUIReact = ({ config = {}, modal = false, onClose, externalWalletsEnabled = false, availableConnectors = [], }) => {
+    const theme = config.theme || "light";
+    const authMethods = config.authMethods || ["otp", "google"];
+    const onboarding = useOnboarding(config);
+    const authMethodsHook = useAuthMethods(config);
+    const { user, isConnected, whoami, loading: providerLoading, error: providerError, } = useAbstraxnWallet();
+    const [showExternalWallets, setShowExternalWallets] = useState(false);
+    const [oauthLoading, setOauthLoading] = useState(false);
+    const [oauthError, setOauthError] = useState(null);
+    // Use refs to track latest values for interval checking
+    const whoamiRef = useRef(whoami);
+    const userRef = useRef(user);
+    const isConnectedRef = useRef(isConnected);
+    const providerErrorRef = useRef(providerError);
+    // Update refs when values change
+    useEffect(() => {
+        whoamiRef.current = whoami;
+        userRef.current = user;
+        isConnectedRef.current = isConnected;
+        providerErrorRef.current = providerError;
+    }, [whoami, user, isConnected, providerError]);
+    // Clear query params helper
+    const clearQueryParams = useCallback(() => {
+        if (typeof window !== "undefined") {
+            const newUrl = window.location.pathname;
+            window.history.replaceState({}, "", newUrl);
+        }
+    }, []);
+    // Helper to extract provider from accessToken JWT
+    const getAuthProviderFromToken = (token) => {
+        try {
+            const base64Url = token.split(".")[1];
+            const base64 = base64Url.replace(/-/g, "+").replace(/_/g, "/");
+            const jsonPayload = decodeURIComponent(window
+                .atob(base64)
+                .split("")
+                .map(function (c) {
+                return "%" + ("00" + c.charCodeAt(0).toString(16)).slice(-2);
+            })
+                .join(""));
+            const payload = JSON.parse(jsonPayload);
+            return (payload.authProvider || payload.provider || "").toLowerCase();
+        }
+        catch (e) {
+            return null;
+        }
+    };
+    // Handle URL parameters for social login callbacks (OAuth only, not OTP)
+    useEffect(() => {
+        if (typeof window === "undefined")
+            return;
+        // Check if we initiated this OAuth flow
+        let oauthPending = null;
+        try {
+            oauthPending = localStorage.getItem('abstraxn_oauth_pending');
+        }
+        catch (e) { }
+        const params = new URLSearchParams(window.location.search);
+        const success = params.get("success");
+        const error = params.get("error");
+        const provider = params.get("provider") || params.get("authProvider");
+        const accessToken = params.get("accessToken");
+        // Extract provider from accessToken if not in URL params
+        let detectedProvider = provider;
+        if (!detectedProvider && accessToken) {
+            detectedProvider = getAuthProviderFromToken(accessToken);
+        }
+        // Only handle OAuth callbacks (Google, Discord, Twitter/X) - NOT OTP flow
+        // OAuth flows will have a provider parameter (in URL or accessToken) or accessToken itself
+        const isOAuthCallback = (detectedProvider &&
+            (detectedProvider === "google" ||
+                detectedProvider === "discord" ||
+                detectedProvider === "twitter" ||
+                detectedProvider === "x")) ||
+            (success === "true" && !!accessToken);
+        // Check if we're in OTP flow (email or otp steps only, not loading)
+        // The 'loading' step can be from OTP or OAuth, so we need to check provider to differentiate
+        const isInOtpFlow = onboarding.step === "email" || onboarding.step === "otp";
+        // If step is 'loading' but there's an OAuth provider, it's OAuth flow, not OTP
+        const isOtpLoadingStep = onboarding.step === "loading" && !isOAuthCallback;
+        // Don't set loading if user is already authenticated (prevents re-showing after state updates)
+        const hasWhoamiData = whoami && (whoami.userId || whoami.address || whoami.organizationId);
+        const hasUserData = user && (user.id || user.email);
+        const isAlreadyAuthenticated = hasWhoamiData || hasUserData || isConnected;
+        // Process OAuth callbacks - show loading modal for OAuth flows
+        if (isOAuthCallback && oauthPending) {
+            if (success === "true" && !isAlreadyAuthenticated) {
+                // Set OAuth loading modal for OAuth callbacks
+                setOauthLoading(true);
+                setOauthError(null);
+            }
+            else if (error) {
+                setOauthLoading(false);
+                setOauthError(decodeURIComponent(error));
+            }
+            else if (isAlreadyAuthenticated) {
+                // If already authenticated, clear loading and params immediately
+                setOauthLoading(false);
+                clearQueryParams();
+            }
+        }
+        else if ((isInOtpFlow || isOtpLoadingStep) && !oauthLoading) {
+            // If we're in OTP flow (including OTP loading step), ensure OAuth loading is cleared
+            setOauthLoading(false);
+        }
+        // Also handle config.handleUrlParams if provided (only for OAuth)
+        if (config.handleUrlParams && isOAuthCallback && oauthPending) {
+            if (success === "true" && !isAlreadyAuthenticated) {
+                onboarding.setLoading(true);
+            }
+            else if (error) {
+                onboarding.setError(decodeURIComponent(error));
+            }
+        }
+    }, [
+        config.handleUrlParams,
+        onboarding,
+        whoami,
+        user,
+        isConnected,
+        clearQueryParams,
+    ]);
+    // Hide loading modal when whoami API responds (success or error)
+    useEffect(() => {
+        if (!oauthLoading)
+            return undefined;
+        // Check if authentication completed - verify actual data exists
+        const hasWhoamiData = whoami && (whoami.userId || whoami.address || whoami.organizationId);
+        const hasUserData = user && (user.id || user.email);
+        // Close modal on success (whoami data, user data, or connected)
+        if (hasWhoamiData || hasUserData || isConnected) {
+            setOauthLoading(false);
+            clearQueryParams();
+            return undefined;
+        }
+        // Close modal on error (when provider loading stops and there's an error, or when provider error is set)
+        // This indicates whoami API failed
+        if (!providerLoading && providerError) {
+            setOauthLoading(false);
+            setOauthError(providerError.message || "Authentication failed");
+            clearQueryParams();
+            return undefined;
+        }
+        // Poll for state updates every 100ms (very aggressive checking)
+        const intervalId = setInterval(() => {
+            // Use refs to get latest values
+            const currentWhoami = whoamiRef.current;
+            const currentUser = userRef.current;
+            const currentIsConnected = isConnectedRef.current;
+            const hasCurrentWhoamiData = currentWhoami &&
+                (currentWhoami.userId ||
+                    currentWhoami.address ||
+                    currentWhoami.organizationId);
+            const hasCurrentUserData = currentUser && (currentUser.id || currentUser.email);
+            // Close on success
+            if (hasCurrentWhoamiData || hasCurrentUserData || currentIsConnected) {
+                setOauthLoading(false);
+                clearQueryParams();
+            }
+        }, 100);
+        // Also check when provider loading stops (whoami API completed)
+        if (!providerLoading) {
+            const timeoutId = setTimeout(() => {
+                const currentWhoami = whoamiRef.current;
+                const currentUser = userRef.current;
+                const currentIsConnected = isConnectedRef.current;
+                const currentError = providerErrorRef.current;
+                const hasCurrentWhoamiData = currentWhoami &&
+                    (currentWhoami.userId ||
+                        currentWhoami.address ||
+                        currentWhoami.organizationId);
+                const hasCurrentUserData = currentUser && (currentUser.id || currentUser.email);
+                // Close on success
+                if (hasCurrentWhoamiData || hasCurrentUserData || currentIsConnected) {
+                    setOauthLoading(false);
+                    clearQueryParams();
+                }
+                // Close on error (whoami API failed)
+                else if (currentError) {
+                    setOauthLoading(false);
+                    setOauthError(currentError.message || "Authentication failed");
+                    clearQueryParams();
+                }
+            }, 200);
+            return () => {
+                clearInterval(intervalId);
+                clearTimeout(timeoutId);
+            };
+        }
+        return () => clearInterval(intervalId);
+    }, [
+        oauthLoading,
+        user,
+        isConnected,
+        whoami,
+        providerLoading,
+        providerError,
+        clearQueryParams,
+    ]);
+    // Fallback: Hide loading modal after timeout (safety net)
+    useEffect(() => {
+        if (!oauthLoading)
+            return undefined;
+        const timeoutId = setTimeout(() => {
+            // If still loading after 3 seconds, hide it anyway
+            // This prevents infinite loading if something goes wrong
+            setOauthLoading(false);
+            clearQueryParams();
+        }, 3000);
+        return () => clearTimeout(timeoutId);
+    }, [oauthLoading, clearQueryParams]);
+    // Close modal on OTP success (when step becomes 'loading' after OTP verification)
+    useEffect(() => {
+        // If step is 'loading' and we're in modal mode, and user is authenticated, close the modal
+        if (modal &&
+            onboarding.step === "loading" &&
+            (user || isConnected || whoami)) {
+            // Check if this is from OTP flow (no OAuth provider in URL)
+            const params = new URLSearchParams(window.location.search);
+            const provider = params.get("provider") || params.get("authProvider");
+            const isOAuthCallback = provider &&
+                (provider === "google" ||
+                    provider === "discord" ||
+                    provider === "twitter");
+            // Only close if it's OTP flow, not OAuth
+            if (!isOAuthCallback && onClose) {
+                // Small delay to ensure state is updated
+                setTimeout(() => {
+                    onClose();
+                }, 100);
+            }
+        }
+    }, [modal, onboarding.step, user, isConnected, whoami, onClose]);
+    // Reset when modal closes
+    useEffect(() => {
+        if (!modal && onClose) {
+            const handleClose = () => {
+                onboarding.reset();
+            };
+            return handleClose;
+        }
+        return;
+    }, [modal, onClose, onboarding]);
+    const handleClose = () => {
+        onboarding.reset();
+        onClose?.();
+    };
+    // Helper to render modal content with header and footer
+    const renderModalContent = (children) => (_jsx("div", { className: `onboarding-container onboarding-theme-${theme} ${config.className || ""}`, children: _jsxs("div", { className: "onboarding-card", children: [_jsxs("div", { className: "onboarding-header", children: [config.logo && (_jsx("div", { className: "onboarding-logo-section", children: _jsx("div", { className: "onboarding-logo-container", children: _jsx("img", { src: config.logo, alt: "Logo", className: "onboarding-logo-img" }) }) })), _jsx("h1", { className: "onboarding-title", id: "onboarding-title", children: config.onboardTitle || "Sign In" })] }), children, config.showFooter !== false && (_jsx("div", { className: "onboarding-footer", children: _jsxs("p", { className: "onboarding-footer-text", children: ["Powered by", " ", _jsxs("a", { href: "https://abstraxn.com", target: "_blank", rel: "noopener noreferrer", className: "onboarding-footer-brand", style: {
+                                    display: "inline-flex",
+                                    alignItems: "center",
+                                    gap: "6px",
+                                }, children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 48 48", fill: "none", style: { display: "inline-block", verticalAlign: "middle" }, children: [_jsx("path", { d: "M47.9082 37.191L23.9541 23.553L0 9.91504L37.7436 -8.13502e-06L47.9082 37.191Z", fill: "url(#paint0_linear_1242_781)" }), _jsx("path", { d: "M13.5156 46.3594L10.1846 47.2344L8.99219 42.873L12.4365 42.4111L13.5156 46.3594ZM20.4268 44.5566L17.1152 45.4199L16.125 41.8818L19.5566 41.3721L20.4268 44.5566ZM26.9307 42.834L23.6152 43.6982L22.8438 40.9443L26.2744 40.4326L26.9307 42.834ZM33.5078 41.1074L30.1875 41.9727L29.6328 39.9951L33.0635 39.4844L33.5078 41.1074ZM39.998 39.4014L36.6729 40.2686L36.3359 39.0674L39.7656 38.5508L39.998 39.4014ZM10.1406 33.9434L11.6807 39.5762L8.15918 39.7568L6.46094 33.543L10.1406 33.9434ZM17.6582 34.5996L18.8916 39.1113L15.4199 39.3496L14.0078 34.3076L17.6582 34.5996ZM24.8779 35.332L25.8047 38.7227L22.3252 38.959L21.2266 35.0361L24.8779 35.332ZM32.0918 36.0723L32.7119 38.3398L29.2227 38.5723L28.4375 35.7656L32.0918 36.0723ZM43.2373 38.5488L43.1172 38.1172L47.7939 37.3516L43.2373 38.5488ZM39.3047 36.8096L39.6182 37.9561L36.1221 38.1846L35.6484 36.4961L39.3047 36.8096ZM47.7939 37.3516L43.0107 37.7939L42.8516 37.2236L47.7939 37.3516ZM47.8291 37.2988L42.7227 36.7529L42.5547 36.1523L47.8291 37.2988ZM47.8652 37.2412L42.3711 35.3486L42.2031 34.7471L47.8652 37.2412ZM38.748 34.8604L39.0664 36.0254L35.3369 35.4043L34.8594 33.6982L38.748 34.8604ZM31.0576 32.3994L31.6787 34.6709L27.959 34.0566L27.1719 31.2461L31.0576 32.3994ZM38.0811 32.6318L38.4092 33.8301L34.4893 32.3496L34.1543 31.1523C34.1005 30.9591 34.0322 30.7719 33.9531 30.5918L38.0811 32.6318ZM23.3682 29.9385L24.291 33.3164L20.5801 32.71L19.4844 28.7949L23.3682 29.9385ZM15.6641 27.4805L16.8896 31.9629L13.1875 31.3594L11.7812 26.3379L15.6641 27.4805ZM29.9463 28.4678L30.5693 30.748L26.6201 29.2812L25.8633 26.583C25.8534 26.5431 25.8417 26.5028 25.8281 26.4639L29.9463 28.4678ZM7.6875 25.0938L9.21484 30.6816L5.44727 29.959L3.75781 23.7793L7.6875 25.0938ZM21.5312 23.3623L22.4492 26.7227L18.5059 25.2627L17.4141 21.3643L21.5312 23.3623ZM13.6104 20.1602L14.8242 24.6006L10.8887 23.1387L9.49219 18.1553L13.6104 20.1602ZM5.2168 16.0654L6.72559 21.585L2.70703 19.9473L1.06055 13.8701L5.2168 16.0654Z", fill: "url(#paint1_linear_1242_781)" }), _jsxs("defs", { children: [_jsxs("linearGradient", { id: "paint0_linear_1242_781", x1: "7.03362", y1: "6.09543", x2: "47.2003", y2: "57.0656", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#F878D2" }), _jsx("stop", { offset: "0.393522", stopColor: "#FDCC81" }), _jsx("stop", { offset: "1", stopColor: "#F9A0D9" })] }), _jsxs("linearGradient", { id: "paint1_linear_1242_781", x1: "2.53739", y1: "21.5136", x2: "48.7969", y2: "38.5742", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#F878D2" }), _jsx("stop", { offset: "0.393522", stopColor: "#FDCC81" }), _jsx("stop", { offset: "1", stopColor: "#F9A0D9" })] })] })] }), _jsx("span", { children: "abstraxn" })] })] }) }))] }) }));
+    const showEmailForm = onboarding.step === "email" &&
+        authMethods.includes("otp") &&
+        !showExternalWallets;
+    const showOtpForm = onboarding.step === "otp" && authMethods.includes("otp");
+    const showSocialButtons = onboarding.step === "email" &&
+        !showExternalWallets &&
+        (authMethods.includes("google") ||
+            authMethods.includes("twitter") ||
+            authMethods.includes("discord"));
+    const showPasskey = onboarding.step === "email" &&
+        !showExternalWallets &&
+        authMethods.includes("passkey");
+    const showExternalWalletsSection = onboarding.step === "email" &&
+        externalWalletsEnabled &&
+        availableConnectors.length > 0;
+    const content = (_jsx("div", { className: `onboarding-container onboarding-theme-${theme} ${config.className || ""}`, children: _jsxs("div", { className: `onboarding-card ${showOtpForm ? "onboarding-card-otp" : ""}`, children: [!showOtpForm && (_jsxs("div", { className: "onboarding-header", children: [config.logo && (_jsx("div", { className: "onboarding-logo-section", children: _jsx("div", { className: "onboarding-logo-container", children: _jsx("img", { src: config.logo, alt: "Logo", className: "onboarding-logo-img" }) }) })), _jsx("h1", { className: "onboarding-title", id: "onboarding-title", children: config.onboardTitle || "Sign In" })] })), showEmailForm && (_jsx(EmailForm, { email: onboarding.email, onChange: onboarding.setEmail, onSubmit: onboarding.handleEmailSubmit, loading: onboarding.loading, error: onboarding.error, config: config })), showOtpForm && (_jsx(OtpForm, { email: onboarding.email, otp: onboarding.otp, onChange: onboarding.setOtp, onSubmit: onboarding.handleOtpSubmit, onResend: onboarding.handleResendOtp, onBack: onboarding.reset, loading: onboarding.loading, error: onboarding.error, resendCooldown: onboarding.resendCooldown, config: config })), onboarding.step === "error" && onboarding.error && (_jsxs("div", { className: "onboarding-error-container", children: [_jsx("div", { className: "onboarding-error", role: "alert", children: onboarding.error.startsWith("{") &&
+                                onboarding.error.endsWith("}")
+                                ? onboarding.error
+                                : `{ ${onboarding.error} }` }), _jsx("button", { type: "button", className: "onboarding-button onboarding-button-primary", onClick: onboarding.reset, children: "Try Again" })] })), showSocialButtons && (showEmailForm || showOtpForm) && (_jsx("div", { className: "onboarding-divider", children: _jsx("span", { className: "onboarding-divider-text", children: "or" }) })), showSocialButtons && (_jsx(SocialButtons, { onGoogleLogin: authMethodsHook.handleGoogleLogin, onTwitterLogin: authMethodsHook.handleTwitterLogin, onDiscordLogin: authMethodsHook.handleDiscordLogin, loading: authMethodsHook.loading, config: config })), showPasskey && (_jsx(PasskeyButton, { onPasskeyLogin: authMethodsHook.handlePasskeyLogin, onPasskeySignup: authMethodsHook.handlePasskeySignup, loading: authMethodsHook.loading, config: config })), showExternalWalletsSection && (_jsxs(_Fragment, { children: [!showExternalWallets && (_jsx("div", { className: "onboarding-divider", children: _jsx("span", { className: "onboarding-divider-text", children: "or" }) })), _jsx("div", { style: { marginTop: showExternalWallets ? "0" : "12px" }, children: _jsx(ExternalWalletButtons, { onShowMoreWallets: () => setShowExternalWallets(true), onHideMoreWallets: () => setShowExternalWallets(false) }) })] })), config.showFooter !== false && (_jsx("div", { className: "onboarding-footer", children: _jsxs("p", { className: "onboarding-footer-text", children: ["Powered by", " ", _jsxs("a", { href: "https://abstraxn.com", target: "_blank", rel: "noopener noreferrer", className: "onboarding-footer-brand", style: {
+                                    display: "inline-flex",
+                                    alignItems: "center",
+                                    gap: "6px",
+                                }, children: [_jsxs("svg", { xmlns: "http://www.w3.org/2000/svg", width: "20", height: "20", viewBox: "0 0 48 48", fill: "none", style: { display: "inline-block", verticalAlign: "middle" }, children: [_jsx("path", { d: "M47.9082 37.191L23.9541 23.553L0 9.91504L37.7436 -8.13502e-06L47.9082 37.191Z", fill: "url(#paint0_linear_1242_781)" }), _jsx("path", { d: "M13.5156 46.3594L10.1846 47.2344L8.99219 42.873L12.4365 42.4111L13.5156 46.3594ZM20.4268 44.5566L17.1152 45.4199L16.125 41.8818L19.5566 41.3721L20.4268 44.5566ZM26.9307 42.834L23.6152 43.6982L22.8438 40.9443L26.2744 40.4326L26.9307 42.834ZM33.5078 41.1074L30.1875 41.9727L29.6328 39.9951L33.0635 39.4844L33.5078 41.1074ZM39.998 39.4014L36.6729 40.2686L36.3359 39.0674L39.7656 38.5508L39.998 39.4014ZM10.1406 33.9434L11.6807 39.5762L8.15918 39.7568L6.46094 33.543L10.1406 33.9434ZM17.6582 34.5996L18.8916 39.1113L15.4199 39.3496L14.0078 34.3076L17.6582 34.5996ZM24.8779 35.332L25.8047 38.7227L22.3252 38.959L21.2266 35.0361L24.8779 35.332ZM32.0918 36.0723L32.7119 38.3398L29.2227 38.5723L28.4375 35.7656L32.0918 36.0723ZM43.2373 38.5488L43.1172 38.1172L47.7939 37.3516L43.2373 38.5488ZM39.3047 36.8096L39.6182 37.9561L36.1221 38.1846L35.6484 36.4961L39.3047 36.8096ZM47.7939 37.3516L43.0107 37.7939L42.8516 37.2236L47.7939 37.3516ZM47.8291 37.2988L42.7227 36.7529L42.5547 36.1523L47.8291 37.2988ZM47.8652 37.2412L42.3711 35.3486L42.2031 34.7471L47.8652 37.2412ZM38.748 34.8604L39.0664 36.0254L35.3369 35.4043L34.8594 33.6982L38.748 34.8604ZM31.0576 32.3994L31.6787 34.6709L27.959 34.0566L27.1719 31.2461L31.0576 32.3994ZM38.0811 32.6318L38.4092 33.8301L34.4893 32.3496L34.1543 31.1523C34.1005 30.9591 34.0322 30.7719 33.9531 30.5918L38.0811 32.6318ZM23.3682 29.9385L24.291 33.3164L20.5801 32.71L19.4844 28.7949L23.3682 29.9385ZM15.6641 27.4805L16.8896 31.9629L13.1875 31.3594L11.7812 26.3379L15.6641 27.4805ZM29.9463 28.4678L30.5693 30.748L26.6201 29.2812L25.8633 26.583C25.8534 26.5431 25.8417 26.5028 25.8281 26.4639L29.9463 28.4678ZM7.6875 25.0938L9.21484 30.6816L5.44727 29.959L3.75781 23.7793L7.6875 25.0938ZM21.5312 23.3623L22.4492 26.7227L18.5059 25.2627L17.4141 21.3643L21.5312 23.3623ZM13.6104 20.1602L14.8242 24.6006L10.8887 23.1387L9.49219 18.1553L13.6104 20.1602ZM5.2168 16.0654L6.72559 21.585L2.70703 19.9473L1.06055 13.8701L5.2168 16.0654Z", fill: "url(#paint1_linear_1242_781)" }), _jsxs("defs", { children: [_jsxs("linearGradient", { id: "paint0_linear_1242_781", x1: "7.03362", y1: "6.09543", x2: "47.2003", y2: "57.0656", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#F878D2" }), _jsx("stop", { offset: "0.393522", stopColor: "#FDCC81" }), _jsx("stop", { offset: "1", stopColor: "#F9A0D9" })] }), _jsxs("linearGradient", { id: "paint1_linear_1242_781", x1: "2.53739", y1: "21.5136", x2: "48.7969", y2: "38.5742", gradientUnits: "userSpaceOnUse", children: [_jsx("stop", { stopColor: "#F878D2" }), _jsx("stop", { offset: "0.393522", stopColor: "#FDCC81" }), _jsx("stop", { offset: "1", stopColor: "#F9A0D9" })] })] })] }), _jsx("span", { children: "abstraxn" })] })] }) }))] }) }));
+    // OAuth Loading Modal (only show for OAuth flows, never during OTP flow)
+    // Check if we're in OTP flow - only email and otp steps, not loading (loading can be OAuth too)
+    const isInOtpFlow = onboarding.step === "email" || onboarding.step === "otp";
+    // Show OAuth loading modal if oauthLoading is true and not in OTP flow
+    if (oauthLoading && !isInOtpFlow) {
+        return (_jsx(Modal, { isOpen: true, onClose: () => {
+                setOauthLoading(false);
+                clearQueryParams();
+            }, closeOnBackdropClick: config.closeOnBackdropClick !== false, theme: theme, children: renderModalContent(_jsxs("div", { className: "onboarding-loading", style: { textAlign: "center", padding: "40px" }, children: [_jsxs("svg", { width: "48", height: "48", viewBox: "0 0 24 24", fill: "none", stroke: "currentColor", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round", style: { animation: "spin 1s linear infinite" }, children: [_jsx("line", { x1: "12", y1: "2", x2: "12", y2: "6" }), _jsx("line", { x1: "12", y1: "18", x2: "12", y2: "22" }), _jsx("line", { x1: "4.93", y1: "4.93", x2: "7.76", y2: "7.76" }), _jsx("line", { x1: "16.24", y1: "16.24", x2: "19.07", y2: "19.07" }), _jsx("line", { x1: "2", y1: "12", x2: "6", y2: "12" }), _jsx("line", { x1: "18", y1: "12", x2: "22", y2: "12" }), _jsx("line", { x1: "4.93", y1: "19.07", x2: "7.76", y2: "16.24" }), _jsx("line", { x1: "16.24", y1: "7.76", x2: "19.07", y2: "4.93" })] }), _jsx("p", { style: { marginTop: "16px" }, children: "Authenticating..." })] })) }));
+    }
+    // OAuth Error Modal
+    if (oauthError) {
+        return (_jsx(Modal, { isOpen: true, onClose: () => {
+                setOauthError(null);
+                clearQueryParams();
+            }, closeOnBackdropClick: config.closeOnBackdropClick !== false, theme: theme, children: renderModalContent(_jsxs("div", { className: "onboarding-error-container", style: { padding: "40px", textAlign: "center" }, children: [_jsx("div", { className: "onboarding-error", role: "alert", children: oauthError }), _jsx("button", { type: "button", className: "onboarding-button onboarding-button-primary", onClick: () => {
+                            setOauthError(null);
+                            clearQueryParams();
+                        }, style: { marginTop: "24px" }, children: "Close" })] })) }));
+    }
+    if (modal) {
+        return (_jsx(Modal, { isOpen: true, onClose: handleClose, closeOnBackdropClick: config.closeOnBackdropClick !== false, theme: theme, children: content }));
+    }
+    return content;
+};
+//# sourceMappingURL=OnboardingUIReact.js.map

package/dist/src/components/OnboardingUI/OnboardingUIReact.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OnboardingUIReact.js","sourceRoot":"","sources":["../../../../src/components/OnboardingUI/OnboardingUIReact.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/OnboardingUI/OnboardingUIWeb.d.ts

@@ -0,0 +1,265 @@
+import type { OnboardingUIConfig, Theme } from "@abstraxn/signer-core";
+/**
+ * OnboardingUI Class
+ *
+ * A customizable user onboarding component with email-OTP and Google login options.
+ * Works with vanilla JavaScript - no framework dependencies required.
+ */
+export declare class OnboardingUIWeb {
+    private static stylesInjected;
+    private config;
+    private container;
+    private rootElement;
+    private modalOverlay;
+    private modalContent;
+    private emailInput;
+    private otpInput;
+    private otpInputs;
+    private autoSubmitEnabled;
+    private emailForm;
+    private continueButton;
+    private emailArrowButton;
+    private googleButton;
+    private twitterButton;
+    private discordButton;
+    private passkeyLoginButton;
+    private passkeySignupLink;
+    private passkeyDivider;
+    private passkeyErrorElement;
+    private errorElement;
+    private otpGroup;
+    private otpVerificationScreen;
+    private resendButton;
+    private socialGrid;
+    externalWalletContainer: HTMLElement | null;
+    externalWalletDivider: HTMLElement | null;
+    private divider;
+    private footer;
+    private verifyButton;
+    private email;
+    private otp;
+    private otpSent;
+    private loading;
+    private activeButton;
+    private resendCooldown;
+    private resendCooldownTimer;
+    private externalWalletsEnabled;
+    constructor(config: OnboardingUIConfig, externalWalletsEnabled?: boolean);
+    /**
+     * Show external wallet container and divider
+     * Call this before init() to prevent flicker when external wallets are enabled
+     */
+    showExternalWallets(): void;
+    /**
+     * Initialize and render the component
+     */
+    init(): void;
+    /**
+     * Check URL parameters for social login callbacks
+     */
+    private checkUrlParams;
+    /**
+     * Show error screen or modal (public method)
+     */
+    showError(message: string): void;
+    /**
+     * Show error screen
+     */
+    private showErrorScreen;
+    /**
+     * Show loading screen
+     */
+    private showLoadingScreen;
+    /**
+     * Show loading screen as a modal overlay (for inline components)
+     * Public method to allow external access
+     */
+    showLoadingModal(): void;
+    /**
+     * Hide loading modal overlay
+     */
+    hideLoadingModal(): void;
+    /**
+     * Show error screen as a modal overlay (for inline components)
+     */
+    private showErrorModal;
+    /**
+     * Inject CSS styles into the document head (only once)
+     */
+    private injectStyles;
+    /**
+     * Apply custom colors from config
+     */
+    private applyCustomColors;
+    /**
+     * Setup the container element
+     */
+    private setupContainer;
+    /**
+     * Render the component
+     */
+    private render;
+    /**
+     * Render as modal overlay
+     */
+    private renderAsModal;
+    /**
+     * Trap focus within modal for accessibility
+     */
+    private trapFocus;
+    /**
+     * Render inline (non-modal)
+     */
+    private renderInline;
+    /**
+     * Build form content (shared between modal and inline)
+     */
+    private buildFormContent;
+    /**
+     * Attach event listeners
+     */
+    private attachEventListeners;
+    /**
+     * Handle email form submission
+     */
+    private handleEmailSubmit;
+    /**
+     * Handle Google login
+     */
+    private handleGoogleLogin;
+    /**
+     * Handle Twitter login
+     */
+    private handleTwitterLogin;
+    /**
+     * Handle Discord login
+     */
+    private handleDiscordLogin;
+    /**
+     * Hide all login-related elements (social buttons, passkey, etc.)
+     * This ensures they stay hidden on the OTP screen
+     * Made public so it can be called from AbstraxnProvider
+     */
+    hideLoginElements(): void;
+    /**
+     * Show OTP verification screen
+     */
+    private showOtpInput;
+    /**
+     * Create OTP verification screen with 6 input fields
+     */
+    private createOtpVerificationScreen;
+    /**
+     * Create email icon SVG
+     */
+    private createEmailIconSVG;
+    /**
+     * Handle OTP input - auto-advance to next field
+     */
+    private handleOtpInput;
+    /**
+     * Handle OTP keydown - backspace to go to previous field
+     */
+    private handleOtpKeydown;
+    /**
+     * Handle OTP paste - fill all fields from clipboard
+     */
+    private handleOtpPaste;
+    /**
+     * Update OTP value from input fields
+     */
+    private updateOtpValue;
+    /**
+     * Handle OTP verification
+     */
+    private handleOtpVerify;
+    /**
+     * Handle resend OTP
+     */
+    private handleResendOtp;
+    /**
+     * Start resend cooldown timer
+     */
+    private startResendCooldown;
+    /**
+     * Set error message
+     */
+    private setError;
+    /**
+     * Set loading state
+     */
+    private setLoading;
+    /**
+     * Update button state
+     */
+    private updateButtonState;
+    /**
+     * Update theme
+     */
+    setTheme(theme: Theme): void;
+    /**
+     * Show/hide component
+     */
+    setVisible(visible: boolean): void;
+    /**
+     * Reset OTP screen and show initial login form
+     */
+    resetToLoginForm(): void;
+    /**
+     * Close the modal
+     */
+    close(): void;
+    /**
+     * Destroy the component
+     */
+    destroy(): void;
+    /**
+     * Create DOM element helper
+     */
+    private createElement;
+    /**
+     * Parse style object or string
+     */
+    private parseStyle;
+    /**
+     * Create email icon SVG
+     */
+    private createEmailIcon;
+    /**
+     * Create Google icon SVG
+     */
+    private createGoogleIcon;
+    /**
+     * Create right arrow icon SVG
+     */
+    private createArrowIcon;
+    /**
+     * Create passkey icon SVG
+     */
+    private createPasskeyIcon;
+    /**
+     * Create X (Twitter) icon SVG
+     */
+    private createTwitterIcon;
+    /**
+     * Create Discord icon SVG
+     */
+    private createDiscordIcon;
+    /**
+     * Handle passkey login
+     */
+    private handlePasskeyLogin;
+    /**
+     * Handle passkey signup
+     */
+    private handlePasskeySignup;
+    /**
+     * Show passkey-specific error near the passkey controls
+     */
+    private showPasskeyError;
+    /**
+     * Hide passkey-specific error
+     */
+    private hidePasskeyError;
+}
+export default OnboardingUIWeb;