@abstraxn/signer-react 1.0.0

package/dist/src/components/OnboardingUI/hooks/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/OnboardingUI/hooks/index.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAEhD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/src/components/OnboardingUI/hooks/useAuthMethods.d.ts

@@ -0,0 +1,11 @@
+import type { OnboardingUIConfig } from '@abstraxn/signer-core';
+export interface UseAuthMethodsReturn {
+    loading: boolean;
+    activeMethod: 'google' | 'twitter' | 'discord' | 'passkey' | null;
+    handleGoogleLogin: () => Promise<void>;
+    handleTwitterLogin: () => Promise<void>;
+    handleDiscordLogin: () => Promise<void>;
+    handlePasskeyLogin: () => Promise<void>;
+    handlePasskeySignup: () => Promise<void>;
+}
+export declare const useAuthMethods: (config?: Partial<OnboardingUIConfig>) => UseAuthMethodsReturn;

package/dist/src/components/OnboardingUI/hooks/useAuthMethods.js

@@ -0,0 +1,243 @@
+/**
+ * useAuthMethods Hook
+ * Handles social authentication methods
+ */
+import { useState, useCallback } from 'react';
+import { useAbstraxnWallet } from '../../../hooks';
+export const useAuthMethods = (config) => {
+    const { wallet } = useAbstraxnWallet();
+    const [loading, setLoading] = useState(false);
+    const [activeMethod, setActiveMethod] = useState(null);
+    const handleGoogleLogin = useCallback(async () => {
+        if (!wallet) {
+            config?.onLoginError?.(new Error('Wallet not initialized'));
+            return;
+        }
+        setLoading(true);
+        setActiveMethod('google');
+        try {
+            // Set connection type before login
+            const connectionTypeValue = 'google';
+            try {
+                localStorage.setItem('abstraxn_connection_type', connectionTypeValue);
+            }
+            catch (e) {
+                // Ignore localStorage errors
+            }
+            try {
+                localStorage.setItem('abstraxn_oauth_pending', 'google');
+            }
+            catch (e) {
+                // Ignore localStorage errors
+            }
+            // Clear existing query params before starting new flow
+            if (typeof window !== 'undefined') {
+                const url = new URL(window.location.href);
+                // Remove auth params that might be present from previous attempts
+                url.searchParams.delete('code');
+                url.searchParams.delete('state');
+                url.searchParams.delete('error');
+                url.searchParams.delete('success');
+                url.searchParams.delete('accessToken');
+                url.searchParams.delete('provider');
+                url.searchParams.delete('authProvider');
+                window.history.replaceState({}, document.title, url.toString());
+            }
+            if (config?.onGoogleLogin) {
+                await config.onGoogleLogin();
+            }
+            else {
+                await wallet.loginWithGoogle();
+            }
+            config?.onLoginSuccess?.({});
+        }
+        catch (err) {
+            const error = err instanceof Error ? err : new Error('Failed to login with Google');
+            config?.onLoginError?.(error);
+        }
+        finally {
+            setLoading(false);
+            setActiveMethod(null);
+        }
+    }, [wallet, config]);
+    const handleTwitterLogin = useCallback(async () => {
+        if (!wallet) {
+            config?.onLoginError?.(new Error('Wallet not initialized'));
+            return;
+        }
+        setLoading(true);
+        setActiveMethod('twitter');
+        try {
+            // Set connection type before login
+            const connectionTypeValue = 'x';
+            try {
+                localStorage.setItem('abstraxn_connection_type', connectionTypeValue);
+            }
+            catch (e) {
+                // Ignore localStorage errors
+            }
+            try {
+                localStorage.setItem('abstraxn_oauth_pending', 'twitter');
+            }
+            catch (e) {
+                // Ignore localStorage errors
+            }
+            // Clear existing query params before starting new flow
+            if (typeof window !== 'undefined') {
+                const url = new URL(window.location.href);
+                // Remove auth params that might be present from previous attempts
+                url.searchParams.delete('code');
+                url.searchParams.delete('state');
+                url.searchParams.delete('error');
+                url.searchParams.delete('success');
+                url.searchParams.delete('accessToken');
+                url.searchParams.delete('provider');
+                url.searchParams.delete('authProvider');
+                window.history.replaceState({}, document.title, url.toString());
+            }
+            if (config?.onTwitterLogin) {
+                await config.onTwitterLogin();
+            }
+            else {
+                await wallet.loginWithTwitter();
+            }
+            config?.onLoginSuccess?.({});
+        }
+        catch (err) {
+            const error = err instanceof Error ? err : new Error('Failed to login with X (Twitter)');
+            config?.onLoginError?.(error);
+        }
+        finally {
+            setLoading(false);
+            setActiveMethod(null);
+        }
+    }, [wallet, config]);
+    const handleDiscordLogin = useCallback(async () => {
+        if (!wallet) {
+            config?.onLoginError?.(new Error('Wallet not initialized'));
+            return;
+        }
+        setLoading(true);
+        setActiveMethod('discord');
+        try {
+            // Set connection type before login
+            const connectionTypeValue = 'discord';
+            try {
+                localStorage.setItem('abstraxn_connection_type', connectionTypeValue);
+            }
+            catch (e) {
+                // Ignore localStorage errors
+            }
+            try {
+                localStorage.setItem('abstraxn_oauth_pending', 'discord');
+            }
+            catch (e) {
+                // Ignore localStorage errors
+            }
+            // Clear existing query params before starting new flow
+            if (typeof window !== 'undefined') {
+                const url = new URL(window.location.href);
+                // Remove auth params that might be present from previous attempts
+                url.searchParams.delete('code');
+                url.searchParams.delete('state');
+                url.searchParams.delete('error');
+                url.searchParams.delete('success');
+                url.searchParams.delete('accessToken');
+                url.searchParams.delete('provider');
+                url.searchParams.delete('authProvider');
+                window.history.replaceState({}, document.title, url.toString());
+            }
+            if (config?.onDiscordLogin) {
+                await config.onDiscordLogin();
+            }
+            else {
+                await wallet.loginWithDiscord();
+            }
+            config?.onLoginSuccess?.({});
+        }
+        catch (err) {
+            const error = err instanceof Error ? err : new Error('Failed to login with Discord');
+            config?.onLoginError?.(error);
+        }
+        finally {
+            setLoading(false);
+            setActiveMethod(null);
+        }
+    }, [wallet, config]);
+    const handlePasskeyLogin = useCallback(async () => {
+        if (!wallet) {
+            config?.onLoginError?.(new Error('Wallet not initialized'));
+            return;
+        }
+        setLoading(true);
+        setActiveMethod('passkey');
+        try {
+            // Set connection type before login
+            const connectionTypeValue = 'passkey';
+            try {
+                localStorage.setItem('abstraxn_connection_type', connectionTypeValue);
+            }
+            catch (e) {
+                // Ignore localStorage errors
+            }
+            if (config?.onPasskeyLogin) {
+                await config.onPasskeyLogin();
+            }
+            else {
+                await wallet.loginWithPasskey();
+            }
+            config?.onLoginSuccess?.({});
+        }
+        catch (err) {
+            const error = err instanceof Error ? err : new Error('Failed to login with passkey');
+            config?.onLoginError?.(error);
+        }
+        finally {
+            setLoading(false);
+            setActiveMethod(null);
+        }
+    }, [wallet, config]);
+    const handlePasskeySignup = useCallback(async () => {
+        if (!wallet) {
+            config?.onLoginError?.(new Error('Wallet not initialized'));
+            return;
+        }
+        setLoading(true);
+        setActiveMethod('passkey');
+        try {
+            // Set connection type before signup
+            const connectionTypeValue = 'passkey';
+            try {
+                localStorage.setItem('abstraxn_connection_type', connectionTypeValue);
+            }
+            catch (e) {
+                // Ignore localStorage errors
+            }
+            if (config?.onPasskeySignup) {
+                await config.onPasskeySignup();
+            }
+            else {
+                await wallet.signupWithPasskey();
+            }
+            config?.onLoginSuccess?.({});
+        }
+        catch (err) {
+            const error = err instanceof Error ? err : new Error('Failed to signup with passkey');
+            config?.onLoginError?.(error);
+        }
+        finally {
+            setLoading(false);
+            setActiveMethod(null);
+        }
+    }, [wallet, config]);
+    return {
+        loading,
+        activeMethod,
+        handleGoogleLogin,
+        handleTwitterLogin,
+        handleDiscordLogin,
+        handlePasskeyLogin,
+        handlePasskeySignup,
+    };
+};
+//# sourceMappingURL=useAuthMethods.js.map

package/dist/src/components/OnboardingUI/hooks/useAuthMethods.js.map

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

package/dist/src/components/OnboardingUI/hooks/useOnboarding.d.ts

@@ -0,0 +1,21 @@
+import type { OnboardingUIConfig } from '@abstraxn/signer-core';
+export type OnboardingStep = 'email' | 'otp' | 'loading' | 'error';
+export interface UseOnboardingReturn {
+    step: OnboardingStep;
+    email: string;
+    otp: string;
+    otpId: string | null;
+    loading: boolean;
+    error: string | null;
+    resendCooldown: number;
+    setEmail: (email: string) => void;
+    setOtp: (otp: string) => void;
+    handleEmailSubmit: () => Promise<void>;
+    handleOtpSubmit: () => Promise<void>;
+    handleResendOtp: () => Promise<void>;
+    reset: () => void;
+    setError: (error: string | null) => void;
+    setLoading: (loading: boolean) => void;
+    setStep: (step: OnboardingStep) => void;
+}
+export declare const useOnboarding: (config?: Partial<OnboardingUIConfig>) => UseOnboardingReturn;

package/dist/src/components/OnboardingUI/hooks/useOnboarding.js

@@ -0,0 +1,153 @@
+/**
+ * useOnboarding Hook
+ * Business logic for OnboardingUI component
+ */
+import { useState, useCallback } from 'react';
+import { useAbstraxnWallet } from '../../../hooks';
+export const useOnboarding = (config) => {
+    const { wallet } = useAbstraxnWallet();
+    const [step, setStep] = useState('email');
+    const [email, setEmail] = useState('');
+    const [otp, setOtp] = useState('');
+    const [otpId, setOtpId] = useState(null);
+    const [loading, setLoading] = useState(false);
+    const [error, setError] = useState(null);
+    const [resendCooldown, setResendCooldown] = useState(0);
+    const handleEmailSubmit = useCallback(async () => {
+        if (!wallet) {
+            setError('Wallet not initialized');
+            return;
+        }
+        if (!email || !email.includes('@')) {
+            setError('Please enter a valid email address');
+            return;
+        }
+        setLoading(true);
+        setError(null);
+        try {
+            // Set connection type before initiating OTP
+            const connectionTypeValue = 'email';
+            try {
+                localStorage.setItem('abstraxn_connection_type', connectionTypeValue);
+            }
+            catch (e) {
+                // Ignore localStorage errors
+            }
+            // Call custom handler if provided
+            if (config?.onEmailOtpInitiate) {
+                await config.onEmailOtpInitiate(email);
+            }
+            else {
+                // Use wallet's built-in method
+                const result = await wallet.loginWithOTP(email);
+                setOtpId(result.otpId);
+            }
+            setStep('otp');
+            setResendCooldown(60); // 60 second cooldown
+            // Start countdown
+            const interval = setInterval(() => {
+                setResendCooldown((prev) => {
+                    if (prev <= 1) {
+                        clearInterval(interval);
+                        return 0;
+                    }
+                    return prev - 1;
+                });
+            }, 1000);
+        }
+        catch (err) {
+            const errorMessage = err instanceof Error ? err.message : 'Failed to send OTP';
+            setError(errorMessage);
+            config?.onLoginError?.(err instanceof Error ? err : new Error(errorMessage));
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [wallet, email, config]);
+    const handleOtpSubmit = useCallback(async () => {
+        if (!wallet) {
+            setError('Wallet not initialized');
+            return;
+        }
+        if (!otp || otp.length !== 6) {
+            setError('Please enter a valid 6-digit OTP');
+            return;
+        }
+        setLoading(true);
+        setError(null);
+        try {
+            // Set connection type before verifying OTP
+            const connectionTypeValue = 'email';
+            try {
+                localStorage.setItem('abstraxn_connection_type', connectionTypeValue);
+            }
+            catch (e) {
+                // Ignore localStorage errors
+            }
+            // Call custom handler if provided
+            if (config?.onEmailOtpVerify) {
+                const result = await config.onEmailOtpVerify(email, otp);
+                if (result.success) {
+                    setStep('loading');
+                    config?.onLoginSuccess?.({ token: result.token });
+                }
+                else {
+                    throw new Error('OTP verification failed');
+                }
+            }
+            else {
+                // Use wallet's built-in method
+                if (!otpId) {
+                    throw new Error('OTP ID not found. Please initiate OTP first.');
+                }
+                await wallet.verifyOTP(otpId, otp);
+                setOtpId(null);
+                setStep('loading');
+                config?.onLoginSuccess?.({});
+            }
+        }
+        catch (err) {
+            const errorMessage = err instanceof Error ? err.message : 'Failed to verify OTP';
+            setError(errorMessage);
+            // Clear OTP on error to prevent auto-retry
+            setOtp('');
+            config?.onLoginError?.(err instanceof Error ? err : new Error(errorMessage));
+        }
+        finally {
+            setLoading(false);
+        }
+    }, [wallet, email, otp, otpId, config]);
+    const handleResendOtp = useCallback(async () => {
+        if (resendCooldown > 0)
+            return;
+        await handleEmailSubmit();
+    }, [resendCooldown, handleEmailSubmit]);
+    const reset = useCallback(() => {
+        setStep('email');
+        setEmail('');
+        setOtp('');
+        setOtpId(null);
+        setError(null);
+        setLoading(false);
+        setResendCooldown(0);
+    }, []);
+    return {
+        step,
+        email,
+        otp,
+        otpId,
+        loading,
+        error,
+        resendCooldown,
+        setEmail,
+        setOtp,
+        handleEmailSubmit,
+        handleOtpSubmit,
+        handleResendOtp,
+        reset,
+        setError,
+        setLoading,
+        setStep,
+    };
+};
+//# sourceMappingURL=useOnboarding.js.map

package/dist/src/components/OnboardingUI/hooks/useOnboarding.js.map

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

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

@@ -0,0 +1,12 @@
+/**
+ * OnboardingUI Exports
+ *
+ * This file exports both the new React implementation and the legacy vanilla JS class
+ * for backward compatibility during migration.
+ */
+export { OnboardingUIReact } from './OnboardingUIReact';
+export type { OnboardingUIReactProps } from './OnboardingUIReact';
+export { OnboardingUIWeb } from './OnboardingUIWeb';
+export type { OnboardingUIConfig, Theme } from '@abstraxn/signer-core';
+export * from './components';
+export * from './hooks';

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

@@ -0,0 +1,15 @@
+/**
+ * OnboardingUI Exports
+ *
+ * This file exports both the new React implementation and the legacy vanilla JS class
+ * for backward compatibility during migration.
+ */
+// New Pure React implementation (recommended)
+export { OnboardingUIReact } from './OnboardingUIReact';
+// Legacy vanilla JS class (deprecated, will be removed in future version)
+export { OnboardingUIWeb } from './OnboardingUIWeb';
+// Component exports
+export * from './components';
+// Hook exports
+export * from './hooks';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/OnboardingUI/index.ts"],"names":[],"mappings":"AAAA;;;;;GAKG;AAEH,8CAA8C;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,qBAAqB,CAAC;AAGxD,0EAA0E;AAC1E,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAGpD,oBAAoB;AACpB,cAAc,cAAc,CAAC;AAE7B,eAAe;AACf,cAAc,SAAS,CAAC"}

package/dist/src/components/QRCode.d.ts

@@ -0,0 +1,13 @@
+/**
+ * QRCode Component
+ * Proper QR code generator using react-qr-code library
+ */
+import React from 'react';
+export interface QRCodeProps {
+    value: string;
+    size?: number;
+    level?: 'L' | 'M' | 'Q' | 'H';
+    bgColor?: string;
+    fgColor?: string;
+}
+export declare const QRCode: React.FC<QRCodeProps>;

package/dist/src/components/QRCode.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import QRCodeSVG from 'react-qr-code';
+export const QRCode = ({ value, size = 200, level = 'M', bgColor = '#ffffff', fgColor = '#000000', }) => {
+    return (_jsx(QRCodeSVG, { value: value, size: size, level: level, bgColor: bgColor, fgColor: fgColor, style: { height: 'auto', maxWidth: '100%', width: '100%' } }));
+};
+//# sourceMappingURL=QRCode.js.map

package/dist/src/components/QRCode.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"QRCode.js","sourceRoot":"","sources":["../../../src/components/QRCode.tsx"],"names":[],"mappings":";AAKA,OAAO,SAAS,MAAM,eAAe,CAAC;AAUtC,MAAM,CAAC,MAAM,MAAM,GAA0B,CAAC,EAC5C,KAAK,EACL,IAAI,GAAG,GAAG,EACV,KAAK,GAAG,GAAG,EACX,OAAO,GAAG,SAAS,EACnB,OAAO,GAAG,SAAS,GACpB,EAAE,EAAE;IACH,OAAO,CACL,KAAC,SAAS,IACR,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,EAAE,GAC1D,CACH,CAAC;AACJ,CAAC,CAAC"}