signer-test-sdk-react 0.0.1

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

@@ -0,0 +1,65 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/**
+ * OnboardingUI React Component
+ * Pure React implementation of OnboardingUI
+ */
+import { useEffect } 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 './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);
+    // Handle URL parameters for social login callbacks
+    useEffect(() => {
+        if (typeof window === 'undefined' || !config.handleUrlParams)
+            return;
+        const params = new URLSearchParams(window.location.search);
+        const success = params.get('success');
+        const error = params.get('error');
+        if (success === 'true') {
+            // Set loading state
+            onboarding.setLoading(true);
+            return;
+        }
+        if (error) {
+            onboarding.setError(decodeURIComponent(error));
+        }
+        return;
+    }, [config.handleUrlParams, onboarding]);
+    // Reset when modal closes
+    useEffect(() => {
+        if (!modal && onClose) {
+            const handleClose = () => {
+                onboarding.reset();
+            };
+            return handleClose;
+        }
+        return;
+    }, [modal, onClose, onboarding]);
+    const handleClose = () => {
+        onboarding.reset();
+        onClose?.();
+    };
+    const showEmailForm = onboarding.step === 'email' && authMethods.includes('otp');
+    const showOtpForm = onboarding.step === 'otp' && authMethods.includes('otp');
+    const showSocialButtons = onboarding.step === 'email' && (authMethods.includes('google') ||
+        authMethods.includes('twitter') ||
+        authMethods.includes('discord'));
+    const showPasskey = onboarding.step === 'email' && authMethods.includes('passkey');
+    const showExternalWallets = 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", 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' })] }), 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, loading: onboarding.loading, error: onboarding.error, resendCooldown: onboarding.resendCooldown, config: config })), onboarding.step === 'loading' && (_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..." })] })), onboarding.step === 'error' && onboarding.error && (_jsxs("div", { className: "onboarding-error-container", children: [_jsx("div", { className: "onboarding-error", role: "alert", children: 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 })), showExternalWallets && (_jsxs(_Fragment, { children: [_jsx("div", { className: "onboarding-divider", children: _jsx("span", { className: "onboarding-divider-text", children: "or" }) }), _jsx("div", { style: { marginTop: '12px' }, children: _jsx(ExternalWalletButtons, {}) })] })), config.showFooter !== false && (_jsx("div", { className: "onboarding-footer", children: _jsxs("p", { className: "onboarding-footer-text", children: ["Powered by", ' ', _jsx("a", { href: "https://abstraxn.com", target: "_blank", rel: "noopener noreferrer", className: "onboarding-footer-brand", children: "Abstraxn" })] }) }))] }) }));
+    if (modal) {
+        return (_jsx(Modal, { isOpen: true, onClose: handleClose, showCloseButton: config.showCloseButton !== false, 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,257 @@
+import type { OnboardingUIConfig, Theme } from 'signer-test-sdk-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 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 closeButton;
+    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 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)
+     */
+    private showLoadingModal;
+    /**
+     * Hide loading modal overlay
+     */
+    private hideLoadingModal;
+    /**
+     * 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;
+    /**
+     * 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;