@n1xyz/wallet-widget 0.0.1 → 0.0.5

package/dist/WalletConnectionFlow/screens/EthToSolAuthScreen.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { LoadingSquares } from '../../components/WalletDeposit/components/LoadingSquares';
+import { ANIMATION_EASE, } from '../../components/WalletDeposit/constants';
+var AuthState;
+(function (AuthState) {
+    AuthState["INITIAL"] = "initial";
+    AuthState["WAITING_FOR_SIGNATURE"] = "waiting_for_signature";
+    AuthState["SUCCESS"] = "success";
+})(AuthState || (AuthState = {}));
+export function EvmWalletAuthScreen(_a) {
+    var onAuth = _a.onAuth, _b = _a.isAuthenticating, isAuthenticating = _b === void 0 ? false : _b;
+    var _c = useState(false), isHovered = _c[0], setIsHovered = _c[1];
+    var _d = useState(isAuthenticating ? AuthState.WAITING_FOR_SIGNATURE : AuthState.INITIAL), authState = _d[0], setAuthState = _d[1];
+    // Handle signature request
+    var handleSignatureRequest = function () {
+        setAuthState(AuthState.WAITING_FOR_SIGNATURE);
+        // Simulate signature process - in a real implementation, 
+        // this would be replaced with actual wallet signature logic
+        setTimeout(function () {
+            setAuthState(AuthState.SUCCESS);
+        }, 2000);
+    };
+    // When signature is successful, trigger onAuth after a brief success message
+    useEffect(function () {
+        if (authState === AuthState.SUCCESS) {
+            var timer_1 = setTimeout(function () {
+                onAuth();
+            }, 1000);
+            return function () { return clearTimeout(timer_1); };
+        }
+    }, [authState, onAuth]);
+    // Render waiting for signature screen
+    if (authState === AuthState.WAITING_FOR_SIGNATURE) {
+        return (_jsxs("div", { className: "flex flex-col items-center justify-center py-12 space-y-6", children: [_jsx(LoadingSquares, {}), _jsxs("div", { className: "space-y-2 text-center w-[300px]", children: [_jsx("h3", { className: "text-xl text-gray-800 dark:text-white font-semibold", children: "Waiting for Signature" }), _jsx("p", { className: "text-sm text-gray-600 dark:text-neutral-400", children: "Please sign the message in your Ethereum wallet to authenticate with Solana" })] })] }));
+    }
+    // Render success screen
+    if (authState === AuthState.SUCCESS) {
+        return (_jsxs("div", { className: "flex flex-col items-center justify-center py-12 space-y-6", children: [_jsx("div", { className: "w-16 h-16 rounded-full bg-green-100 dark:bg-green-900 flex items-center justify-center", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-8 w-8 text-green-600 dark:text-green-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }) }), _jsxs("div", { className: "space-y-2 text-center w-[300px]", children: [_jsx("h3", { className: "text-xl text-gray-800 dark:text-white font-semibold", children: "Signature Verified" }), _jsx("p", { className: "text-sm text-gray-600 dark:text-neutral-400", children: "Your Ethereum wallet has been authenticated successfully" })] })] }));
+    }
+    // Render initial screen
+    return (_jsx("div", { className: "overflow-hidden relative", children: _jsxs("div", { className: "space-y-6", children: [_jsx("h2", { className: "text-xl text-gray-800 dark:text-white font-semibold mb-2 text-center", children: "Cross-Chain Authentication" }), _jsx("p", { className: "text-sm text-gray-600 dark:text-neutral-400 text-center mb-4", children: "You need to sign a message to authenticate your Ethereum wallet with Solana" }), _jsxs("div", { className: "flex flex-row items-center justify-center gap-4 mb-6", children: [_jsx("div", { className: "w-12 h-12 rounded-full bg-gray-100 dark:bg-neutral-800 flex items-center justify-center", children: _jsx("span", { className: "text-main font-medium", children: "ETH" }) }), _jsx("div", { className: "w-8 h-0.5 bg-gray-200 dark:bg-neutral-700" }), _jsx("div", { className: "w-12 h-12 rounded-full bg-gray-100 dark:bg-neutral-800 flex items-center justify-center", children: _jsx("span", { className: "text-main font-medium", children: "SOL" }) })] }), _jsx("button", { onClick: handleSignatureRequest, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, className: "\n            group relative w-full overflow-hidden rounded-md border-2 bg-gray-100 dark:bg-neutral-950 py-4 text-center\n            transition-all duration-300 ".concat(ANIMATION_EASE, "\n            cursor-pointer border-gray-200 dark:border-gray-800 hover:border-gray-400 dark:hover:border-white/60\n          "), style: {
+                        transform: isHovered ? 'scale(0.99)' : 'scale(1)',
+                    }, children: _jsx("span", { className: "\n            text-base font-medium tracking-wide transition-colors duration-300 ".concat(ANIMATION_EASE, "\n            text-gray-700 dark:text-gray-300 group-hover:text-gray-900 dark:group-hover:text-white\n          "), children: "Sign Authentication Message" }) })] }) }));
+}
+// For backward compatibility
+export { EvmWalletAuthScreen as EthToSolAuthScreen };

package/dist/WalletConnectionFlow/screens/EvmWalletAuthScreen.d.ts

@@ -0,0 +1,6 @@
+interface EvmWalletAuthScreenProps {
+    onAuth: () => void;
+    isAuthenticating?: boolean;
+}
+export declare function EvmWalletAuthScreen({ onAuth, isAuthenticating, }: EvmWalletAuthScreenProps): import("react/jsx-runtime").JSX.Element;
+export { EvmWalletAuthScreen as EthToSolAuthScreen };

package/dist/WalletConnectionFlow/screens/EvmWalletAuthScreen.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { LoadingSquares } from '../components/LoadingSquares';
+import { useState, useEffect } from 'react';
+import { ANIMATION_EASE } from '../constants';
+var AuthState;
+(function (AuthState) {
+    AuthState["INITIAL"] = "initial";
+    AuthState["WAITING_FOR_SIGNATURE"] = "waiting_for_signature";
+    AuthState["SUCCESS"] = "success";
+})(AuthState || (AuthState = {}));
+export function EvmWalletAuthScreen(_a) {
+    var onAuth = _a.onAuth, _b = _a.isAuthenticating, isAuthenticating = _b === void 0 ? false : _b;
+    var _c = useState(false), isHovered = _c[0], setIsHovered = _c[1];
+    var _d = useState(isAuthenticating ? AuthState.WAITING_FOR_SIGNATURE : AuthState.INITIAL), authState = _d[0], setAuthState = _d[1];
+    // Handle signature request
+    var handleSignatureRequest = function () {
+        setAuthState(AuthState.WAITING_FOR_SIGNATURE);
+        // Simulate signature process - in a real implementation, 
+        // this would be replaced with actual wallet signature logic
+        setTimeout(function () {
+            setAuthState(AuthState.SUCCESS);
+        }, 2000);
+    };
+    // When signature is successful, trigger onAuth after a brief success message
+    useEffect(function () {
+        if (authState === AuthState.SUCCESS) {
+            var timer_1 = setTimeout(function () {
+                onAuth();
+            }, 1000);
+            return function () { return clearTimeout(timer_1); };
+        }
+    }, [authState, onAuth]);
+    // Render waiting for signature screen
+    if (authState === AuthState.WAITING_FOR_SIGNATURE) {
+        return (_jsxs("div", { className: "flex flex-col items-center justify-center py-12 space-y-6", children: [_jsx(LoadingSquares, {}), _jsxs("div", { className: "space-y-2 text-center w-[300px]", children: [_jsx("h3", { className: "text-xl text-gray-800 dark:text-white font-semibold", children: "Waiting for Signature" }), _jsx("p", { className: "text-sm text-gray-600 dark:text-neutral-400", children: "Please sign the message in your Ethereum wallet to authenticate with Solana" })] })] }));
+    }
+    // Render success screen
+    if (authState === AuthState.SUCCESS) {
+        return (_jsxs("div", { className: "flex flex-col items-center justify-center py-12 space-y-6", children: [_jsx("div", { className: "w-16 h-16 rounded-full bg-green-100 dark:bg-green-900 flex items-center justify-center", children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-8 w-8 text-green-600 dark:text-green-400", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M5 13l4 4L19 7" }) }) }), _jsxs("div", { className: "space-y-2 text-center w-[300px]", children: [_jsx("h3", { className: "text-xl text-gray-800 dark:text-white font-semibold", children: "Signature Verified" }), _jsx("p", { className: "text-sm text-gray-600 dark:text-neutral-400", children: "Your Ethereum wallet has been authenticated successfully" })] })] }));
+    }
+    // Render initial screen
+    return (_jsx("div", { className: "overflow-hidden relative", children: _jsxs("div", { className: "space-y-6", children: [_jsx("h2", { className: "text-xl text-gray-800 dark:text-white font-semibold mb-2 text-center", children: "EVM Wallet Authentication" }), _jsx("p", { className: "text-sm text-gray-600 dark:text-neutral-400 text-center mb-4", children: "You need to sign a message to authenticate your Ethereum wallet with Solana" }), _jsx("button", { onClick: handleSignatureRequest, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, className: "\n            group relative w-full overflow-hidden rounded-md border-2 bg-gray-100 dark:bg-neutral-950 py-4 text-center\n            transition-all duration-300 ".concat(ANIMATION_EASE, "\n            cursor-pointer border-gray-200 dark:border-gray-800 hover:border-gray-400 dark:hover:border-white/60\n          "), style: {
+                        transform: isHovered ? 'scale(0.99)' : 'scale(1)',
+                    }, children: _jsx("span", { className: "\n            text-base font-medium tracking-wide transition-colors duration-300 ".concat(ANIMATION_EASE, "\n            text-gray-700 dark:text-gray-300 group-hover:text-gray-900 dark:group-hover:text-white\n          "), children: "Sign Authentication Message" }) })] }) }));
+}
+// For backward compatibility
+export { EvmWalletAuthScreen as EthToSolAuthScreen };

package/dist/WalletConnectionFlow/screens/FinalSuccessScreen.d.ts

@@ -0,0 +1,5 @@
+interface FinalSuccessScreenProps {
+    onDone: () => void;
+}
+export declare function FinalSuccessScreen({ onDone, }: FinalSuccessScreenProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/WalletConnectionFlow/screens/FinalSuccessScreen.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { ANIMATION_EASE } from '../constants';
+export function FinalSuccessScreen(_a) {
+    var onDone = _a.onDone;
+    var _b = useState(false), isHovered = _b[0], setIsHovered = _b[1];
+    var _c = useState(false), isButtonEnabled = _c[0], setIsButtonEnabled = _c[1];
+    // Add a minimum viewing time before enabling the button
+    useEffect(function () {
+        var timer = setTimeout(function () {
+            setIsButtonEnabled(true);
+        }, 3000); // 3 seconds minimum viewing time
+        return function () { return clearTimeout(timer); };
+    }, []);
+    return (_jsx("div", { className: "overflow-hidden relative", children: _jsxs("div", { className: "space-y-8", children: [_jsxs("div", { className: "flex flex-col items-center justify-center pt-4", children: [_jsx("div", { className: "mb-6", children: _jsx("div", { className: "w-20 h-20 rounded-full bg-green-100 dark:bg-green-900/30 flex items-center justify-center", children: _jsx("svg", { className: "w-10 h-10 text-green-500 dark:text-green-400", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", xmlns: "http://www.w3.org/2000/svg", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: "2", d: "M5 13l4 4L19 7" }) }) }) }), _jsx("h2", { className: "text-2xl text-gray-800 dark:text-white font-semibold mb-2 text-center", children: "Authentication Successful!" }), _jsx("p", { className: "text-lg text-gray-700 dark:text-neutral-300 text-center", children: "Your wallet has been successfully connected" })] }), _jsx("button", { onClick: isButtonEnabled ? onDone : undefined, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, className: "\n            group relative w-full overflow-hidden rounded-md border-2 bg-gray-100 dark:bg-neutral-950 py-4 text-center\n            transition-all duration-300 ".concat(ANIMATION_EASE, "\n            cursor-pointer border-gray-200 dark:border-gray-800 hover:border-gray-400 dark:hover:border-white/60\n            ").concat(!isButtonEnabled ? 'opacity-50 cursor-not-allowed' : '', "\n          "), style: {
+                        transform: isHovered && isButtonEnabled ? 'scale(0.99)' : 'scale(1)',
+                    }, disabled: !isButtonEnabled, children: _jsx("span", { className: "\n            text-base font-medium tracking-wide transition-colors duration-300 ".concat(ANIMATION_EASE, "\n            text-gray-700 dark:text-gray-300 group-hover:text-gray-900 dark:group-hover:text-white\n          "), children: isButtonEnabled ? 'Open App' : 'Please wait...' }) })] }) }));
+}

package/dist/WalletConnectionFlow/screens/NordAuthScreen.d.ts

@@ -0,0 +1,7 @@
+interface NordAuthScreenProps {
+    onCreateAccount: () => void;
+    onLogin: () => void;
+    hasNordAccount: boolean;
+}
+export declare function NordAuthScreen({ onCreateAccount, onLogin, hasNordAccount, }: NordAuthScreenProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/WalletConnectionFlow/screens/NordAuthScreen.js

@@ -0,0 +1,14 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { ANIMATION_EASE } from '../constants';
+export function NordAuthScreen(_a) {
+    var onCreateAccount = _a.onCreateAccount, onLogin = _a.onLogin, hasNordAccount = _a.hasNordAccount;
+    var _b = useState(null), isHovered = _b[0], setIsHovered = _b[1];
+    return (_jsxs("div", { className: "overflow-hidden relative", children: [_jsx("h2", { className: "text-xl text-gray-800 dark:text-white font-semibold mb-2 text-center", children: hasNordAccount ? 'Continue to Nord' : 'Create Nord Account' }), _jsx("p", { className: "text-sm text-gray-600 dark:text-neutral-400 text-center mb-8", children: hasNordAccount
+                    ? 'Log in to your Nord account to continue'
+                    : 'Create a Nord account to manage your deposits' }), _jsxs("div", { className: "space-y-4", children: [!hasNordAccount && (_jsx("button", { onClick: onCreateAccount, onMouseEnter: function () { return setIsHovered('create'); }, onMouseLeave: function () { return setIsHovered(null); }, className: "\n              group relative w-full overflow-hidden rounded-md border-2 bg-gray-100 dark:bg-neutral-950 py-4 text-center\n              transition-all duration-300 ".concat(ANIMATION_EASE, "\n              cursor-pointer border-gray-200 dark:border-gray-800 hover:border-gray-400 dark:hover:border-white/60\n            "), style: {
+                            transform: isHovered === 'create' ? 'scale(0.99)' : 'scale(1)',
+                        }, children: _jsx("span", { className: "\n              text-base font-medium tracking-wide transition-colors duration-300 ".concat(ANIMATION_EASE, "\n              text-gray-700 dark:text-gray-300 group-hover:text-gray-900 dark:group-hover:text-white\n            "), children: "Create Account" }) })), hasNordAccount && (_jsx("button", { onClick: onLogin, onMouseEnter: function () { return setIsHovered('login'); }, onMouseLeave: function () { return setIsHovered(null); }, className: "\n              group relative w-full overflow-hidden rounded-md border-2 bg-gray-100 dark:bg-neutral-950 py-4 text-center\n              transition-all duration-300 ".concat(ANIMATION_EASE, "\n              cursor-pointer border-gray-200 dark:border-gray-800 hover:border-gray-400 dark:hover:border-white/60\n            "), style: {
+                            transform: isHovered === 'login' ? 'scale(0.99)' : 'scale(1)',
+                        }, children: _jsx("span", { className: "\n              text-base font-medium tracking-wide transition-colors duration-300 ".concat(ANIMATION_EASE, "\n              text-gray-700 dark:text-gray-300 group-hover:text-gray-900 dark:group-hover:text-white\n            "), children: "Log In" }) }))] })] }));
+}

package/dist/WalletConnectionFlow/screens/SigningScreen.d.ts

@@ -0,0 +1,6 @@
+import { WaitingMessageState } from '../types';
+interface SigningScreenProps {
+    waitingMessage: WaitingMessageState;
+}
+export declare function SigningScreen({ waitingMessage }: SigningScreenProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/WalletConnectionFlow/screens/SigningScreen.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { WaitingMessage } from '../components/WaitingMessage';
+export function SigningScreen(_a) {
+    var waitingMessage = _a.waitingMessage;
+    return _jsx(WaitingMessage, { message: waitingMessage });
+}

package/dist/WalletConnectionFlow/screens/index.d.ts

@@ -0,0 +1,10 @@
+export * from './01-ConnectWalletScreen';
+export * from './02-EvmWalletAuthScreen';
+export * from './03-ChainSelectionScreen';
+export * from './04-AmountInputScreen';
+export * from './05-DepositProgressScreen';
+export * from './06-DepositSuccessScreen';
+export * from './07-NordAuthScreen';
+export * from './08-AuthLoadingScreen';
+export * from './09-FinalSuccessScreen';
+export * from './10-ErrorScreen';

package/dist/WalletConnectionFlow/screens/index.js

@@ -0,0 +1,10 @@
+export * from './01-ConnectWalletScreen';
+export * from './02-EvmWalletAuthScreen';
+export * from './03-ChainSelectionScreen';
+export * from './04-AmountInputScreen';
+export * from './05-DepositProgressScreen';
+export * from './06-DepositSuccessScreen';
+export * from './07-NordAuthScreen';
+export * from './08-AuthLoadingScreen';
+export * from './09-FinalSuccessScreen';
+export * from './10-ErrorScreen';

package/dist/WalletConnectionFlow/types.d.ts

@@ -0,0 +1,105 @@
+/**
+ * Types for the wallet connection flow state machine
+ */
+/**
+ * Enum representing all possible states in the wallet connection flow
+ */
+export declare enum FlowState {
+    IDLE = "IDLE",
+    CONNECTING_WALLET = "CONNECTING_WALLET",
+    WALLET_CONNECTED = "WALLET_CONNECTED",
+    ETH_TO_SOL_AUTH = "ETH_TO_SOL_AUTH",
+    CHAIN_SELECTION = "CHAIN_SELECTION",
+    AMOUNT_INPUT = "AMOUNT_INPUT",
+    DEPOSIT_PROGRESS = "DEPOSIT_PROGRESS",
+    DEPOSIT_SUCCESS = "DEPOSIT_SUCCESS",
+    NORD_AUTH = "NORD_AUTH",
+    AUTH_LOADING = "AUTH_LOADING",
+    FINAL_SUCCESS = "FINAL_SUCCESS",
+    ERROR = "ERROR"
+}
+/**
+ * Interface representing the flow context, containing all data necessary
+ * for the wallet connection flow
+ */
+export interface FlowContext {
+    walletType: 'solana' | 'ethereum' | null;
+    hasNordAccount: boolean;
+    hasActiveSession: boolean;
+    selectedChain: string | null;
+    amount: string;
+    transactionId: string | null;
+    error: Error | null;
+    lastInterruption: {
+        timestamp: number;
+        state: FlowState;
+        context: Partial<FlowContext>;
+    } | null;
+}
+/**
+ * Interface for state transitions in the flow
+ */
+export interface StateTransition {
+    from: FlowState | FlowState[];
+    to: FlowState;
+    condition?: (context: FlowContext) => boolean;
+}
+/**
+ * Initial flow context with default values
+ */
+export declare const initialFlowContext: FlowContext;
+export interface TableValues {
+    amount?: {
+        text: string;
+        visible: boolean;
+        typing: boolean;
+    };
+    tx: {
+        text: string;
+        visible: boolean;
+        typing: boolean;
+    };
+    from: {
+        text: string;
+        visible: boolean;
+        typing: boolean;
+    };
+    to: {
+        text: string;
+        visible: boolean;
+        typing: boolean;
+    };
+    network: {
+        text: string;
+        visible: boolean;
+        typing: boolean;
+    };
+    status: {
+        text: string;
+        visible: boolean;
+        typing: boolean;
+    };
+}
+export interface WaitingMessageState {
+    title: string;
+    subtitle: string;
+    visible: boolean;
+    isTyping: boolean;
+}
+export interface Chain {
+    id: string;
+    name: string;
+    logo: string;
+}
+export interface App {
+    name: string;
+    color: string;
+    progress: number;
+}
+export type ButtonKey = 'deposit' | 'continue' | 'openApp';
+export interface ButtonState {
+    text: string;
+    isTyping: boolean;
+    showCursor: boolean;
+}
+export type ButtonStates = Record<ButtonKey, ButtonState>;

package/dist/WalletConnectionFlow/types.js

@@ -0,0 +1,34 @@
+/**
+ * Types for the wallet connection flow state machine
+ */
+/**
+ * Enum representing all possible states in the wallet connection flow
+ */
+export var FlowState;
+(function (FlowState) {
+    FlowState["IDLE"] = "IDLE";
+    FlowState["CONNECTING_WALLET"] = "CONNECTING_WALLET";
+    FlowState["WALLET_CONNECTED"] = "WALLET_CONNECTED";
+    FlowState["ETH_TO_SOL_AUTH"] = "ETH_TO_SOL_AUTH";
+    FlowState["CHAIN_SELECTION"] = "CHAIN_SELECTION";
+    FlowState["AMOUNT_INPUT"] = "AMOUNT_INPUT";
+    FlowState["DEPOSIT_PROGRESS"] = "DEPOSIT_PROGRESS";
+    FlowState["DEPOSIT_SUCCESS"] = "DEPOSIT_SUCCESS";
+    FlowState["NORD_AUTH"] = "NORD_AUTH";
+    FlowState["AUTH_LOADING"] = "AUTH_LOADING";
+    FlowState["FINAL_SUCCESS"] = "FINAL_SUCCESS";
+    FlowState["ERROR"] = "ERROR";
+})(FlowState || (FlowState = {}));
+/**
+ * Initial flow context with default values
+ */
+export var initialFlowContext = {
+    walletType: null,
+    hasNordAccount: false,
+    hasActiveSession: false,
+    selectedChain: null,
+    amount: '',
+    transactionId: null,
+    error: null,
+    lastInterruption: null,
+};

package/dist/WalletConnectionFlow/utils/persistence.d.ts

@@ -0,0 +1,24 @@
+import { FlowContext, FlowState } from '../types';
+/**
+ * Saves the current flow state and context to localStorage
+ * @param state Current flow state
+ * @param context Current flow context
+ */
+export declare const saveStateToLocalStorage: (state: FlowState, context: FlowContext) => void;
+/**
+ * Loads the flow state and context from localStorage if available and not expired
+ * @returns The loaded state and context, or null if not available or expired
+ */
+export declare const loadStateFromLocalStorage: () => {
+    state: FlowState;
+    context: FlowContext;
+} | null;
+/**
+ * Clears the stored flow state from localStorage
+ */
+export declare const clearStoredState: () => void;
+/**
+ * Checks if there is a stored state that can be recovered
+ * @returns True if there is a recoverable state, false otherwise
+ */
+export declare const hasRecoverableState: () => boolean;

package/dist/WalletConnectionFlow/utils/persistence.js

@@ -0,0 +1,83 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { initialFlowContext } from '../types';
+import { FLOW_STATE_STORAGE_KEY, STATE_EXPIRY_TIME } from '../constants';
+/**
+ * Saves the current flow state and context to localStorage
+ * @param state Current flow state
+ * @param context Current flow context
+ */
+export var saveStateToLocalStorage = function (state, context) {
+    try {
+        var persistedData = {
+            state: state,
+            context: __assign(__assign({}, context), { 
+                // Filter out any sensitive data or error objects that shouldn't be persisted
+                error: context.error
+                    ? {
+                        message: context.error.message,
+                        name: context.error.name,
+                    }
+                    : null }),
+            timestamp: Date.now(),
+        };
+        localStorage.setItem(FLOW_STATE_STORAGE_KEY, JSON.stringify(persistedData));
+    }
+    catch (error) {
+        console.error('Failed to save flow state:', error);
+    }
+};
+/**
+ * Loads the flow state and context from localStorage if available and not expired
+ * @returns The loaded state and context, or null if not available or expired
+ */
+export var loadStateFromLocalStorage = function () {
+    try {
+        var storedData = localStorage.getItem(FLOW_STATE_STORAGE_KEY);
+        if (!storedData) {
+            return null;
+        }
+        var parsedData = JSON.parse(storedData);
+        var state = parsedData.state, context = parsedData.context, timestamp = parsedData.timestamp;
+        // Check if data is expired
+        if (Date.now() - timestamp > STATE_EXPIRY_TIME) {
+            localStorage.removeItem(FLOW_STATE_STORAGE_KEY);
+            return null;
+        }
+        return {
+            state: state,
+            context: __assign(__assign({}, initialFlowContext), context),
+        };
+    }
+    catch (error) {
+        console.error('Failed to load flow state:', error);
+        return null;
+    }
+};
+/**
+ * Clears the stored flow state from localStorage
+ */
+export var clearStoredState = function () {
+    try {
+        localStorage.removeItem(FLOW_STATE_STORAGE_KEY);
+    }
+    catch (error) {
+        console.error('Failed to clear flow state:', error);
+    }
+};
+/**
+ * Checks if there is a stored state that can be recovered
+ * @returns True if there is a recoverable state, false otherwise
+ */
+export var hasRecoverableState = function () {
+    return loadStateFromLocalStorage() !== null;
+};

package/dist/components/Logo.d.ts

@@ -0,0 +1,7 @@
+interface LogoProps {
+    size?: number;
+    outlined?: boolean;
+    fillOpacity?: number;
+}
+export default function Logo({ size, outlined, fillOpacity, }: LogoProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Logo.js

@@ -0,0 +1,118 @@
+'use client';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export default function Logo(_a) {
+    var _b = _a.size, size = _b === void 0 ? 24 : _b, _c = _a.outlined, outlined = _c === void 0 ? false : _c, _d = _a.fillOpacity, fillOpacity = _d === void 0 ? 1 : _d;
+    // Calculate width based on the SVG's aspect ratio (1347.5/838)
+    var width = size * (1347.5 / 838);
+    return (_jsx("div", { className: "cursor-pointer text-black dark:text-white", style: { height: size, width: "".concat(width, "px") }, children: _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", version: "1.1", viewBox: "0 0 1347.5 838", className: "h-full w-full", preserveAspectRatio: "xMidYMid meet", children: _jsxs("g", { children: [_jsxs("g", { id: "Layer_1", children: [_jsx("path", { style: {
+                                    stroke: 'currentColor',
+                                    strokeMiterlimit: 10,
+                                    strokeWidth: outlined || fillOpacity !== 1 ? '2px' : '0.5px',
+                                    fill: outlined ? 'none' : 'currentColor',
+                                    fillOpacity: outlined ? 0 : fillOpacity,
+                                    transition: outlined || fillOpacity !== 1
+                                        ? 'fill-opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1)'
+                                        : undefined,
+                                }, d: "M965.4,1497.9h-133.8v133.8h133.8v-133.8Z" }), _jsx("path", { style: {
+                                    stroke: 'currentColor',
+                                    strokeMiterlimit: 10,
+                                    strokeWidth: outlined || fillOpacity !== 1 ? '2px' : '0.5px',
+                                    fill: outlined ? 'none' : 'currentColor',
+                                    fillOpacity: outlined ? 0 : fillOpacity,
+                                    transition: outlined || fillOpacity !== 1
+                                        ? 'fill-opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1)'
+                                        : undefined,
+                                }, d: "M394.9,1497.9h-126.3l-134.9,134.9v435.7h134.9v-435.7h70.4l435.7,435.7h190.7l-435.7-435.7-134.9-134.9Z" }), _jsx("path", { style: {
+                                    stroke: 'currentColor',
+                                    strokeMiterlimit: 10,
+                                    strokeWidth: outlined || fillOpacity !== 1 ? '2px' : '0.5px',
+                                    fill: outlined ? 'none' : 'currentColor',
+                                    fillOpacity: outlined ? 0 : fillOpacity,
+                                    transition: outlined || fillOpacity !== 1
+                                        ? 'fill-opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1)'
+                                        : undefined,
+                                }, d: "M1078.9,1632.8v435.7h134.9v-570.5l-134.9,134.9Z" }), _jsx("rect", { style: {
+                                    stroke: 'currentColor',
+                                    strokeMiterlimit: 10,
+                                    strokeWidth: outlined || fillOpacity !== 1 ? '2px' : '0.5px',
+                                    fill: outlined ? 'none' : 'currentColor',
+                                    fillOpacity: outlined ? 0 : fillOpacity,
+                                    transition: outlined || fillOpacity !== 1
+                                        ? 'fill-opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1)'
+                                        : undefined,
+                                }, x: "831.7", y: "133.8", width: "133.8", height: "133.8" }), _jsx("polygon", { style: {
+                                    stroke: 'currentColor',
+                                    strokeMiterlimit: 10,
+                                    strokeWidth: outlined || fillOpacity !== 1 ? '2px' : '0.5px',
+                                    fill: outlined ? 'none' : 'currentColor',
+                                    fillOpacity: outlined ? 0 : fillOpacity,
+                                    transition: outlined || fillOpacity !== 1
+                                        ? 'fill-opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1)'
+                                        : undefined,
+                                }, points: "394.9 133.8 268.6 133.8 133.8 268.6 133.8 704.3 268.6 704.3 268.6 268.6 339 268.6 774.7 704.3 965.4 704.3 529.8 268.6 394.9 133.8" }), _jsx("polygon", { style: {
+                                    stroke: 'currentColor',
+                                    strokeMiterlimit: 10,
+                                    strokeWidth: outlined || fillOpacity !== 1 ? '2px' : '0.5px',
+                                    fill: outlined ? 'none' : 'currentColor',
+                                    fillOpacity: outlined ? 0 : fillOpacity,
+                                    transition: outlined || fillOpacity !== 1
+                                        ? 'fill-opacity 0.3s cubic-bezier(0.16, 1, 0.3, 1)'
+                                        : undefined,
+                                }, points: "1078.9 268.6 1078.9 704.3 1213.8 704.3 1213.8 268.6 1213.8 198.2 1213.8 133.8 1078.9 268.6" })] }), _jsxs("g", { id: "Gridlines", children: [_jsx("line", { style: {
+                                    stroke: 'currentColor',
+                                    strokeMiterlimit: 10,
+                                    strokeWidth: '0.5px',
+                                }, x1: "965.4", y1: "1232", x2: "965.4", y2: "2334.3" }), _jsx("line", { style: {
+                                    stroke: 'currentColor',
+                                    strokeMiterlimit: 10,
+                                    strokeWidth: '0.5px',
+                                }, x1: "-359.4", y1: "1631.7", x2: "1707.2", y2: "1631.7" }), _jsx("line", { style: {
+                                    stroke: 'currentColor',
+                                    strokeMiterlimit: 10,
+                                    strokeWidth: '0.5px',
+                                }, x1: "831.7", y1: "1232", x2: "831.7", y2: "2334.3" }), _jsx("line", { style: {
+                                    stroke: 'currentColor',
+                                    strokeMiterlimit: 10,
+                                    strokeWidth: '0.5px',
+                                }, x1: "129", y1: "1232", x2: "1231.2", y2: "2334.3" }), _jsx("line", { style: {
+                                    stroke: 'currentColor',
+                                    strokeMiterlimit: 10,
+                                    strokeWidth: '0.5px',
+                                }, x1: "-61.7", y1: "1232", x2: "1040.5", y2: "2334.3" }), _jsx("line", { style: {
+                                    stroke: 'currentColor',
+                                    strokeMiterlimit: 10,
+                                    strokeWidth: '0.5px',
+                                }, x1: "-359.4", y1: "1632.8", x2: "1707.2", y2: "1632.8" }), _jsx("line", { style: {
+                                    stroke: 'currentColor',
+                                    strokeMiterlimit: 10,
+                                    strokeWidth: '0.5px',
+                                }, x1: "268.6", y1: "1232", x2: "268.6", y2: "2334.3" }), _jsx("line", { style: {
+                                    stroke: 'currentColor',
+                                    strokeMiterlimit: 10,
+                                    strokeWidth: '0.5px',
+                                }, x1: "133.8", y1: "1232", x2: "133.8", y2: "2334.3" }), _jsx("line", { style: {
+                                    stroke: 'currentColor',
+                                    strokeMiterlimit: 10,
+                                    strokeWidth: '0.5px',
+                                }, x1: "534.5", y1: "1232", x2: "-359.4", y2: "2126" }), _jsx("line", { style: {
+                                    stroke: 'currentColor',
+                                    strokeMiterlimit: 10,
+                                    strokeWidth: '0.5px',
+                                }, x1: "-359.4", y1: "1497.9", x2: "1707.2", y2: "1497.9" }), _jsx("line", { style: {
+                                    stroke: 'currentColor',
+                                    strokeMiterlimit: 10,
+                                    strokeWidth: '0.5px',
+                                }, x1: "1479.7", y1: "1232", x2: "377.4", y2: "2334.3" }), _jsx("line", { style: {
+                                    stroke: 'currentColor',
+                                    strokeMiterlimit: 10,
+                                    strokeWidth: '0.5px',
+                                }, x1: "1213.8", y1: "1232", x2: "1213.8", y2: "2334.3" }), _jsx("line", { style: {
+                                    stroke: 'currentColor',
+                                    strokeMiterlimit: 10,
+                                    strokeWidth: '0.5px',
+                                }, x1: "-359.4", y1: "2068.5", x2: "1707.2", y2: "2068.5" }), _jsx("line", { style: {
+                                    stroke: 'currentColor',
+                                    strokeMiterlimit: 10,
+                                    strokeWidth: '0.5px',
+                                }, x1: "1078.9", y1: "1232", x2: "1078.9", y2: "2334.3" })] })] }) }) }));
+}

package/dist/components/QRCodeLoader.d.ts

@@ -0,0 +1,4 @@
+declare const QRCodeLoader: ({ address }: {
+    address: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default QRCodeLoader;

package/dist/components/QRCodeLoader.js

@@ -0,0 +1,8 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+var QRCodeLoader = function (_a) {
+    var address = _a.address;
+    var _b = useState(true), isLoading = _b[0], setIsLoading = _b[1];
+    return (_jsxs("div", { className: "relative w-36 h-36", children: [isLoading && (_jsx("div", { className: "absolute inset-0 flex items-center justify-center", children: _jsx("div", { className: "w-8 h-8 border-4 border-orange-500 border-t-transparent rounded-full animate-spin" }) })), _jsx("img", { src: "https://api.qrserver.com/v1/create-qr-code/?data=".concat(address, "&size=150x150"), alt: "QR Code", className: "w-full h-full", onLoad: function () { return setIsLoading(false); } })] }));
+};
+export default QRCodeLoader;

package/dist/components/WalletDeposit/AnimatedButton.d.ts

@@ -0,0 +1,17 @@
+export type ButtonKey = 'deposit' | 'continue' | 'openApp';
+export interface ButtonState {
+    text: string;
+    isTyping: boolean;
+    showCursor: boolean;
+}
+export type ButtonStates = Record<ButtonKey, ButtonState>;
+interface AnimatedButtonProps {
+    onClick: () => void;
+    text: string;
+    isTyping: boolean;
+    disabled?: boolean;
+    onMouseEnter?: () => void;
+    onMouseLeave?: () => void;
+}
+export declare const AnimatedButton: ({ onClick, text, isTyping, disabled, onMouseEnter, onMouseLeave, }: AnimatedButtonProps) => import("react/jsx-runtime").JSX.Element;
+export {};