signer-test-sdk-react 0.0.1

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

@@ -0,0 +1,146 @@
+/**
+ * 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 {
+            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 {
+            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 {
+            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 {
+            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 {
+            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 'signer-test-sdk-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,135 @@
+/**
+ * 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 {
+            // 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 {
+            // 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);
+            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 'signer-test-sdk-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/hooks.d.ts

@@ -0,0 +1,204 @@
+import type { WhoamiResponse, TransactionRequest, TransactionResponse, AbstraxnWallet } from 'signer-test-sdk-core';
+/**
+ * Hook to check if wallet is connected
+ */
+export declare function useIsConnected(): boolean;
+/**
+ * Hook to get wallet address
+ */
+export declare function useAddress(): string | null;
+/**
+ * Hook to get current user and whoami information
+ * Returns an object with both user and whoami data
+ */
+export declare function useUser(): {
+    user: import("signer-test-sdk-core").User | null;
+    whoami: WhoamiResponse | null;
+};
+/**
+ * Hook to get current chain ID
+ */
+export declare function useChainId(): number | null;
+/**
+ * Hook to check if wallet is initialized
+ */
+export declare function useIsInitialized(): boolean;
+/**
+ * Hook to get loading state
+ */
+export declare function useLoading(): boolean;
+/**
+ * Hook to get error state
+ */
+export declare function useError(): Error | null;
+export { useAbstraxnWallet } from './AbstraxnProvider';
+/**
+ * Hook to get wallet instance (for advanced usage)
+ */
+export declare function useWallet(): AbstraxnWallet | null;
+/**
+ * Hook to prepare and sign transaction
+ * Prepares the unsigned transaction, calls the sign API, and returns the signed transaction
+ * User can execute this signed transaction themselves
+ */
+export declare function usePrepareTransaction(): {
+    prepareTransaction: (to: string, value: string, rpcUrl: string, chainId: number) => Promise<{
+        unsignedTransaction: import("viem").TransactionSerializedLegacy;
+        signedTransaction: string;
+    }>;
+    isConnected: boolean;
+    address: string | null;
+};
+/**
+ * Hook to sign transaction via API
+ * Returns the signed transaction that user can execute themselves
+ */
+export declare function useSignTransaction(): {
+    signTransaction: (unsignedTransaction: string, fromAddress?: string) => Promise<{
+        signedTransaction: string;
+    }>;
+    isConnected: boolean;
+    address: string | null;
+};
+/**
+ * Hook to sign and send transaction
+ * Signs transaction via API and then executes it internally
+ * Returns transaction hash
+ */
+export declare function useSignAndSendTransaction(): {
+    signAndSendTransaction: (unsignedTransaction: string, fromAddress?: string, rpcUrl?: string) => Promise<TransactionResponse>;
+    isConnected: boolean;
+    address: string | null;
+};
+/**
+ * Hook to export wallet private key
+ * Returns the export bundle containing the private key
+ * Automatically picks the connected wallet address (EVM or Solana) from whoami
+ */
+export declare function useExportWallet(): {
+    exportWallet: (targetPublicKey: string, privateKey: string, blockchain: "evm" | "solana") => Promise<any>;
+    isConnected: boolean;
+    address: string | null;
+};
+/**
+ * Hook to call whoami API
+ * Returns whoami data, loading state, error, and a refresh function
+ *
+ * @example
+ * ```tsx
+ * const { whoami, loading, error, refreshWhoami } = useWhoami();
+ *
+ * useEffect(() => {
+ *   refreshWhoami();
+ * }, []);
+ * ```
+ */
+export declare function useWhoami(): {
+    whoami: WhoamiResponse | null;
+    loading: boolean;
+    error: Error | null;
+    refreshWhoami: () => Promise<WhoamiResponse | null>;
+    isConnected: boolean;
+};
+/**
+ * Hook to access external wallet functionality
+ * Returns external wallet connection state and methods
+ */
+export declare function useExternalWallet(): {
+    connectExternalWallet: (connectorId: string) => Promise<void>;
+    disconnectExternalWallet: () => Promise<void>;
+    isExternalWalletConnected: boolean;
+    externalWalletAddress: string | null;
+    externalWalletChainId: number | null;
+    externalWalletBalance: bigint | null;
+    externalWalletNetwork: string | null;
+    availableConnectors: {
+        id: string;
+        name: string;
+        icon?: string;
+    }[];
+    switchExternalWalletChain: (chainId: number) => Promise<void>;
+};
+/**
+ * Hook to get external wallet balance
+ * Returns balance in wei (BigInt) and formatted balance
+ */
+export declare function useExternalWalletBalance(): {
+    balance: bigint | null;
+    formattedBalance: string;
+    address: string | null;
+    isConnected: boolean;
+};
+/**
+ * Hook to get external wallet chain information
+ * Returns chainId, network name, and switch chain function
+ */
+export declare function useExternalWalletChain(): {
+    chainId: number | null;
+    network: string | null;
+    switchChain: (chainId: number) => Promise<void>;
+    isConnected: boolean;
+};
+/**
+ * Comprehensive hook for external wallet information
+ * Returns chainId, network, balance, switchChain function, connection status, and walletClient
+ * This is the main hook to use for external wallet operations
+ *
+ * @example
+ * ```tsx
+ * const { chainId, network, balance, formattedBalance, switchChain, isConnected, address, walletClient } = useExternalWalletInfo();
+ *
+ * // Switch chain
+ * await switchChain(137); // Switch to Polygon
+ *
+ * // Send transaction using walletClient
+ * const txHash = await walletClient.sendTransaction({
+ *   to: '0x...',
+ *   value: '0.1',
+ * });
+ *
+ * // Sign message using walletClient
+ * const signature = await walletClient.signMessage('Hello World');
+ *
+ * // Display info
+ * <div>
+ *   <p>Network: {network}</p>
+ *   <p>Balance: {formattedBalance} ETH</p>
+ * </div>
+ * ```
+ */
+export declare function useExternalWalletInfo(): {
+    chainId: number | null;
+    network: string | null;
+    balance: bigint | null;
+    formattedBalance: string;
+    switchChain: (chainId: number) => Promise<void>;
+    isConnected: boolean;
+    address: string | null;
+    walletClient: {
+        /**
+         * Send a transaction using external wallet
+         * @param tx - Transaction request object
+         * @returns Promise resolving to transaction response with hash
+         */
+        sendTransaction: (tx: TransactionRequest) => Promise<TransactionResponse>;
+        /**
+         * Sign a message using external wallet
+         * @param message - Message string to sign
+         * @returns Promise resolving to signature string
+         */
+        signMessage: (message: string) => Promise<string>;
+        /**
+         * Sign a transaction using external wallet
+         * @param tx - Transaction request object
+         * @returns Promise resolving to signed transaction string
+         */
+        signTransaction: (tx: TransactionRequest) => Promise<string>;
+        /**
+         * Switch chain on external wallet
+         * @param chainId - Chain ID to switch to
+         * @returns Promise that resolves when chain is switched
+         */
+        switchChain: (chainId: number) => Promise<void>;
+    };
+};