@n1xyz/wallet-widget 0.0.4 → 0.0.7

package/dist/Modal/NordFlow/hooks/useTableValues.js

@@ -0,0 +1,69 @@
+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 { useState, useEffect } from 'react';
+import { CHAINS, TYPING_INTERVAL } from '../constants';
+export function useTableValues(isSuccessView, selectedChain) {
+    var _a = useState({
+        tx: { text: '', visible: false, typing: false },
+        from: { text: '', visible: false, typing: false },
+        to: { text: '', visible: false, typing: false },
+        network: { text: '', visible: false, typing: false },
+        status: { text: '', visible: false, typing: false },
+    }), tableValues = _a[0], setTableValues = _a[1];
+    useEffect(function () {
+        if (isSuccessView) {
+            var chain = CHAINS.find(function (c) { return c.id === selectedChain; });
+            var values = {
+                tx: '0x1234...5678',
+                from: '0xabcd...ef01',
+                to: '0x2345...6789',
+                network: (chain === null || chain === void 0 ? void 0 : chain.name) || 'Unknown',
+                status: 'Success',
+            };
+            Object.entries(values).forEach(function (_a, index) {
+                var key = _a[0], value = _a[1];
+                setTimeout(function () {
+                    var textIndex = 0;
+                    setTableValues(function (prev) {
+                        var _a;
+                        return (__assign(__assign({}, prev), (_a = {}, _a[key] = __assign(__assign({}, prev[key]), { visible: true }), _a)));
+                    });
+                    var interval = setInterval(function () {
+                        if (textIndex <= value.length) {
+                            setTableValues(function (prev) {
+                                var _a;
+                                return (__assign(__assign({}, prev), (_a = {}, _a[key] = {
+                                    text: value.slice(0, textIndex),
+                                    visible: true,
+                                    typing: true,
+                                }, _a)));
+                            });
+                            textIndex++;
+                        }
+                        else {
+                            clearInterval(interval);
+                            setTableValues(function (prev) {
+                                var _a;
+                                return (__assign(__assign({}, prev), (_a = {}, _a[key] = {
+                                    text: value,
+                                    visible: true,
+                                    typing: false,
+                                }, _a)));
+                            });
+                        }
+                    }, TYPING_INTERVAL);
+                }, index * 500);
+            });
+        }
+    }, [isSuccessView, selectedChain]);
+    return tableValues;
+}

package/dist/Modal/NordFlow/hooks/useWaitingMessage.d.ts

@@ -0,0 +1,6 @@
+import { Dispatch, SetStateAction } from 'react';
+import { WaitingMessageState } from '../types';
+export declare function useWaitingMessage(isSigningView: boolean, isWaitingForTx: boolean, setIsWaitingForTx: Dispatch<SetStateAction<boolean>>, setIsSuccessView: Dispatch<SetStateAction<boolean>>, setIsSigningView: Dispatch<SetStateAction<boolean>>): {
+    waitingMessage: WaitingMessageState;
+    setHasError: Dispatch<SetStateAction<boolean>>;
+};

package/dist/Modal/NordFlow/hooks/useWaitingMessage.js

@@ -0,0 +1,89 @@
+import { useState, useEffect } from 'react';
+import { TYPING_INTERVAL } from '../constants';
+export function useWaitingMessage(isSigningView, isWaitingForTx, setIsWaitingForTx, setIsSuccessView, setIsSigningView) {
+    var _a = useState({
+        title: '',
+        subtitle: '',
+        visible: false,
+        isTyping: false,
+    }), waitingMessage = _a[0], setWaitingMessage = _a[1];
+    var _b = useState(false), hasError = _b[0], setHasError = _b[1];
+    useEffect(function () {
+        if (isSigningView && !isWaitingForTx) {
+            var messages_1 = [
+                {
+                    title: 'Waiting for signature',
+                    subtitle: 'Please sign the transaction in your wallet',
+                    delay: 0,
+                },
+                {
+                    title: 'Waiting for transaction',
+                    subtitle: 'Transaction is being processed...',
+                    delay: 3000,
+                },
+            ];
+            var currentMessageIndex = 0;
+            var showMessage_1 = function (message) {
+                var index = 0;
+                var interval = setInterval(function () {
+                    if (index <= Math.max(message.title.length, message.subtitle.length)) {
+                        setWaitingMessage({
+                            title: message.title.slice(0, index),
+                            subtitle: message.subtitle.slice(0, index),
+                            visible: true,
+                            isTyping: true,
+                        });
+                        index++;
+                    }
+                    else {
+                        clearInterval(interval);
+                        setWaitingMessage({
+                            title: message.title,
+                            subtitle: message.subtitle,
+                            visible: true,
+                            isTyping: false,
+                        });
+                    }
+                }, TYPING_INTERVAL);
+                return interval;
+            };
+            var currentInterval_1 = showMessage_1(messages_1[currentMessageIndex]);
+            var messageTimeout_1 = setTimeout(function () {
+                clearInterval(currentInterval_1);
+                currentInterval_1 = showMessage_1(messages_1[1]);
+                setTimeout(function () {
+                    setIsWaitingForTx(true);
+                    setTimeout(function () {
+                        if (!hasError) {
+                            setIsSuccessView(true);
+                        }
+                        else {
+                            setWaitingMessage({
+                                title: 'Transaction Failed',
+                                subtitle: 'Please try again',
+                                visible: true,
+                                isTyping: false,
+                            });
+                            setTimeout(function () {
+                                setIsWaitingForTx(false);
+                                setIsSigningView(false);
+                            }, 2000);
+                        }
+                    }, 4000);
+                }, 4000);
+            }, messages_1[1].delay);
+            return function () {
+                clearInterval(currentInterval_1);
+                clearTimeout(messageTimeout_1);
+            };
+        }
+    }, [
+        isSigningView,
+        isWaitingForTx,
+        setIsWaitingForTx,
+        setIsSuccessView,
+        hasError,
+        setIsSigningView,
+    ]);
+    return { waitingMessage: waitingMessage, setHasError: setHasError };
+}

package/dist/Modal/NordFlow/hooks/useWalletConnect.d.ts

@@ -0,0 +1,14 @@
+import { N1SessionMode } from '../../../Provider/types';
+import { FlowState } from '../types';
+/**
+ * Hook for handling wallet connection
+ *
+ * @param options Configuration options
+ * @returns Wallet connection methods and state
+ */
+export declare const useWalletConnect: (state: FlowState, transition: (newState: FlowState, contextUpdates?: Partial<any>) => void, context: any, updateContext: (updates: Partial<any>) => void, sessionMode?: N1SessionMode) => {
+    isConnecting: boolean;
+    walletType: "solana" | "ethereum" | null;
+    connectWallet: () => Promise<void>;
+    disconnectWallet: () => void;
+};

package/dist/Modal/NordFlow/hooks/useWalletConnect.js

@@ -0,0 +1,221 @@
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import { useCallback, useEffect, useState } from 'react';
+import { useN1WalletContext, useN1WalletInternalContext } from '../../../Provider/hooks';
+import { N1SessionMode } from '../../../Provider/types';
+import { FlowState } from '../types';
+/**
+ * Hook for handling wallet connection
+ *
+ * @param options Configuration options
+ * @returns Wallet connection methods and state
+ */
+export var useWalletConnect = function (state, transition, context, updateContext, sessionMode) {
+    var _a = useN1WalletContext(), nord = _a.nord, nordUser = _a.nordUser;
+    var _b = useN1WalletInternalContext(), showDynamicWidget = _b.showDynamicWidget, dynamicWallet = _b.dynamicWallet, internalSessionMode = _b.sessionMode;
+    var _c = useState(false), isConnecting = _c[0], setIsConnecting = _c[1];
+    var _d = useState(context.walletType), walletType = _d[0], setWalletType = _d[1];
+    var _e = useState(false), hasProcessedWallet = _e[0], setHasProcessedWallet = _e[1];
+    var _f = useState(false), transitionAttempted = _f[0], setTransitionAttempted = _f[1];
+    /**
+     * Determine wallet type from Dynamic wallet
+     */
+    var determineWalletType = useCallback(function () {
+        var _a, _b;
+        if (!dynamicWallet)
+            return null;
+        // Check wallet connector id to determine if it's ethereum or solana
+        var connectorId = ((_b = (_a = dynamicWallet.connector) === null || _a === void 0 ? void 0 : _a.name) === null || _b === void 0 ? void 0 : _b.toLowerCase()) || '';
+        if (connectorId.includes('solana') || connectorId.includes('phantom')) {
+            return 'solana';
+        }
+        else {
+            // Default to ethereum for most other wallets
+            return 'ethereum';
+        }
+    }, [dynamicWallet]);
+    /**
+     * Connect wallet using Dynamic widget
+     */
+    var connectWallet = useCallback(function () { return __awaiter(void 0, void 0, void 0, function () {
+        var error_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    if (isConnecting || !showDynamicWidget)
+                        return [2 /*return*/];
+                    setIsConnecting(true);
+                    setHasProcessedWallet(false);
+                    setTransitionAttempted(false);
+                    console.log('Starting wallet connection process');
+                    _a.label = 1;
+                case 1:
+                    _a.trys.push([1, 3, , 4]);
+                    // Show Dynamic widget to connect wallet
+                    return [4 /*yield*/, showDynamicWidget(true)];
+                case 2:
+                    // Show Dynamic widget to connect wallet
+                    _a.sent();
+                    console.log('Dynamic widget shown');
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _a.sent();
+                    setIsConnecting(false);
+                    updateContext({ walletType: null });
+                    console.error('Error showing Dynamic widget:', error_1);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); }, [isConnecting, showDynamicWidget, updateContext]);
+    /**
+     * Disconnect wallet
+     */
+    var disconnectWallet = useCallback(function () {
+        console.log('Disconnecting wallet');
+        setWalletType(null);
+        setHasProcessedWallet(false);
+        setTransitionAttempted(false);
+        updateContext({ walletType: null });
+    }, [updateContext]);
+    useEffect(function () {
+        if (hasProcessedWallet && nordUser) {
+            (function () { return __awaiter(void 0, void 0, void 0, function () {
+                var hasNordAccount, sessionId, hasActiveSession, transitionDestination;
+                return __generator(this, function (_a) {
+                    switch (_a.label) {
+                        case 0: return [4 /*yield*/, nord.accountExists(dynamicWallet.address)];
+                        case 1:
+                            hasNordAccount = _a.sent();
+                            console.log('nordAccountExists', hasNordAccount, nordUser.sessionId);
+                            sessionId = nordUser.sessionId;
+                            hasActiveSession = sessionId != null;
+                            updateContext({ hasNordAccount: hasNordAccount, hasActiveSession: hasActiveSession });
+                            transitionDestination = hasNordAccount ? (sessionId != null ? FlowState.FINAL_SUCCESS : FlowState.AUTH_LOADING) : FlowState.CHAIN_SELECTION;
+                            // Force a small delay to ensure UI updates properly
+                            setTimeout(function () {
+                                try {
+                                    console.log('Attempting transition to ' + transitionDestination);
+                                    setTransitionAttempted(true);
+                                    transition(transitionDestination, {
+                                        walletType: 'solana',
+                                        hasNordAccount: hasNordAccount,
+                                        hasActiveSession: hasActiveSession
+                                    });
+                                    console.log('Transition to ' + transitionDestination + ' completed');
+                                    // Try again with a longer delay as a fallback
+                                    setTimeout(function () {
+                                        console.log('Trying fallback transition after delay');
+                                        transition(transitionDestination, {
+                                            walletType: 'solana',
+                                            hasNordAccount: hasNordAccount,
+                                            hasActiveSession: hasActiveSession
+                                        });
+                                    }, 500);
+                                }
+                                catch (error) {
+                                    console.error('Error during transition:', error);
+                                }
+                                finally {
+                                    setIsConnecting(false);
+                                }
+                            }, 100);
+                            return [2 /*return*/];
+                    }
+                });
+            }); })();
+        }
+    }, [hasProcessedWallet, nordUser]);
+    /**
+     * Effect to handle wallet connection state changes
+     */
+    useEffect(function () {
+        var isNordMode = sessionMode === N1SessionMode.Nord;
+        // Skip if nothing has changed
+        if (!dynamicWallet || hasProcessedWallet) {
+            return;
+        }
+        var processWalletConnection = function () { return __awaiter(void 0, void 0, void 0, function () {
+            var type;
+            var _a, _b;
+            return __generator(this, function (_c) {
+                if (dynamicWallet && !hasProcessedWallet) {
+                    console.log('Processing wallet connection:', {
+                        wallet: (_a = dynamicWallet.connector) === null || _a === void 0 ? void 0 : _a.name,
+                        address: (_b = dynamicWallet.address) === null || _b === void 0 ? void 0 : _b.slice(0, 8),
+                        state: state,
+                        isNordMode: isNordMode
+                    });
+                    type = determineWalletType();
+                    setWalletType(type);
+                    setHasProcessedWallet(true);
+                }
+                else if (!dynamicWallet && hasProcessedWallet) {
+                    console.log('Wallet disconnected, resetting processed flag');
+                    setHasProcessedWallet(false);
+                    setTransitionAttempted(false);
+                }
+                else if (state === FlowState.CONNECTING_WALLET && !dynamicWallet && isConnecting) {
+                    // Only keep isConnecting true if we're in the connecting state and don't have a wallet yet
+                    // This prevents an infinite loop of setting isConnecting
+                }
+                else if (state !== FlowState.CONNECTING_WALLET && isConnecting) {
+                    // If we're no longer in the connecting state, reset the connecting flag
+                    setIsConnecting(false);
+                }
+                return [2 /*return*/];
+            });
+        }); };
+        processWalletConnection();
+    }, [
+        dynamicWallet,
+        state,
+        transition,
+        hasProcessedWallet,
+        sessionMode,
+        internalSessionMode,
+        determineWalletType,
+        isConnecting,
+        transitionAttempted
+    ]);
+    return {
+        isConnecting: isConnecting,
+        walletType: walletType,
+        connectWallet: connectWallet,
+        disconnectWallet: disconnectWallet,
+    };
+};

package/dist/Modal/NordFlow/index copy.d.ts

@@ -0,0 +1 @@
+export { NTSFlow } from './NTSFlow';

package/dist/Modal/NordFlow/index copy.js

@@ -0,0 +1 @@
+export { NTSFlow } from './NTSFlow';

package/dist/Modal/NordFlow/index.d.ts

@@ -0,0 +1 @@
+export { NordFlow } from './NordFlow';

package/dist/Modal/NordFlow/index.js

@@ -0,0 +1 @@
+export { NordFlow } from './NordFlow';

package/dist/Modal/NordFlow/screens/01-ConnectWalletScreen.d.ts

@@ -0,0 +1,6 @@
+interface ConnectWalletScreenProps {
+    onConnectWallet: () => void;
+    isConnecting: boolean;
+}
+export declare function ConnectWalletScreen({ onConnectWallet, isConnecting, }: ConnectWalletScreenProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Modal/NordFlow/screens/01-ConnectWalletScreen.js

@@ -0,0 +1,17 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { IoMdWallet } from 'react-icons/io';
+import { LoadingSquares } from '../components/LoadingSquares';
+import { ANIMATION_EASE } from '../constants';
+export function ConnectWalletScreen(_a) {
+    var onConnectWallet = _a.onConnectWallet, isConnecting = _a.isConnecting;
+    var _b = useState(null), isHovered = _b[0], setIsHovered = _b[1];
+    // If connecting, show loading state
+    if (isConnecting) {
+        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: "Connecting Wallet" }), _jsx("p", { className: "text-sm text-gray-600 dark:text-neutral-400", children: "Please approve the connection request in your wallet" })] })] }));
+    }
+    // If not connecting, show connect options (exactly like NTS flow)
+    return (_jsx("div", { className: "p-6 overflow-hidden relative", children: _jsxs("div", { className: "space-y-4", children: [_jsx("button", { onClick: onConnectWallet, onMouseEnter: function () { return setIsHovered('wallet'); }, 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 === 'wallet' ? 'scale(0.99)' : 'scale(1)',
+                    }, children: _jsx("div", { className: "relative z-[200] pl-4 isolate", children: _jsxs("div", { className: "flex items-center", children: [_jsx(IoMdWallet, { className: "w-5 h-5 text-gray-500 dark:text-neutral-400 group-hover:text-gray-900 dark:group-hover:text-white transition-colors duration-300" }), _jsx("span", { className: "\n                ml-2 text-base font-medium tracking-wide transition-colors duration-300 ".concat(ANIMATION_EASE, "\n                text-gray-500 dark:text-neutral-400 group-hover:text-gray-900 dark:group-hover:text-white\n              "), children: "Continue with Wallet" })] }) }) }), _jsx("button", { disabled: true, onMouseEnter: function () { return setIsHovered('google'); }, 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-not-allowed border-gray-200 dark:border-gray-800 opacity-50\n          "), children: _jsx("div", { className: "relative z-[200] pl-4 isolate", children: _jsx("div", { className: "flex items-center", children: _jsx("span", { className: "text-base font-medium tracking-wide text-gray-500 dark:text-neutral-400", children: "Continue with Google (soon)" }) }) }) }), _jsx("button", { disabled: true, onMouseEnter: function () { return setIsHovered('email'); }, 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-not-allowed border-gray-200 dark:border-gray-800 opacity-50\n          "), children: _jsx("div", { className: "relative z-[200] pl-4 isolate", children: _jsx("div", { className: "flex items-center", children: _jsx("span", { className: "text-base font-medium tracking-wide text-gray-500 dark:text-neutral-400", children: "Continue with Email (soon)" }) }) }) })] }) }));
+}

package/dist/Modal/NordFlow/screens/02-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/Modal/NordFlow/screens/02-EvmWalletAuthScreen.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { LoadingSquares } from '../components/LoadingSquares';
+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/Modal/NordFlow/screens/03-ChainSelectionScreen.d.ts

@@ -0,0 +1,7 @@
+import { Chain } from '../types';
+interface ChainSelectionScreenProps {
+    chains: Chain[];
+    onChainSelect: (chainId: string) => void;
+}
+export declare function ChainSelectionScreen({ onChainSelect, }: ChainSelectionScreenProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Modal/NordFlow/screens/03-ChainSelectionScreen.js

@@ -0,0 +1,63 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState } from 'react';
+import { SolanaNetwork } from '../../../config/solana';
+import { ChainButton } from '../components/ChainButton';
+import { EVMChainsButton } from '../components/EVMChainsButton';
+import { MoreButton } from '../components/MoreButton';
+import { SolanaLogo } from '../../../components/logos';
+import Logo from '../../../components/Logo';
+import { logger } from '../../../utils/logger';
+// Custom N1Logo wrapper that responds to the group hover state
+var N1Logo = function (_a) {
+    var _b = _a.size, size = _b === void 0 ? 38 : _b;
+    return (_jsx("div", { className: "text-gray-800 dark:text-white group-hover:text-red-500 dark:group-hover:text-red-500 transition-colors duration-200", children: _jsx(Logo, { size: size }) }));
+};
+export function ChainSelectionScreen(_a) {
+    var onChainSelect = _a.onChainSelect;
+    var _b = useState(false), isLoading = _b[0], setIsLoading = _b[1];
+    // Only allow devnet, gray out other chains
+    var handleChainSelect = function (chainId) {
+        logger.debug('Chain selected in ChainSelectionScreen:', chainId);
+        // Only allow devnet to be selected
+        if (chainId === 'devnet') {
+            setIsLoading(true);
+            onChainSelect(chainId);
+        }
+        else {
+            logger.debug('Chain not allowed:', chainId);
+            // Could show a toast or message here
+        }
+    };
+    // Define the 4 options as requested
+    var chainsWithNetworkInfo = [
+        {
+            id: 'devnet',
+            name: 'Devnet',
+            logo: (_jsx("div", { className: "flex items-center justify-center", style: { width: 48, height: 48 }, children: _jsx(N1Logo, {}) })),
+            network: SolanaNetwork.DEVNET,
+            disabled: false, // Only devnet is clickable
+        },
+        {
+            id: 'solana',
+            name: 'Solana',
+            logo: (_jsx("div", { className: "flex items-center justify-center", style: { width: 48, height: 48 }, children: _jsx(SolanaLogo, { width: 36, height: 36 }) })),
+            network: SolanaNetwork.MAINNET,
+            disabled: true,
+        },
+        {
+            id: 'evm-chains',
+            name: 'EVM Chains',
+            logo: '', // Not needed as we're using EVMChainsButton
+            network: '', // Empty string instead of null
+            disabled: true,
+        },
+        {
+            id: 'more',
+            name: 'More',
+            logo: '', // Not needed as we're using MoreButton
+            network: '', // Empty string instead of null
+            disabled: true,
+        },
+    ];
+    return (_jsxs("div", { className: "overflow-hidden relative", children: [_jsx("h2", { className: "text-xl text-gray-800 dark:text-white font-semibold mb-6 text-center", children: "Select Origin Network" }), isLoading ? (_jsx("div", { className: "flex justify-center items-center py-8", children: _jsx("div", { className: "animate-spin rounded-full h-8 w-8 border-b-2 border-main" }) })) : (_jsxs("div", { className: "space-y-8", children: [_jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(ChainButton, { chain: chainsWithNetworkInfo[0], onClick: function () { return handleChainSelect(chainsWithNetworkInfo[0].id); }, disabled: chainsWithNetworkInfo[0].disabled }, chainsWithNetworkInfo[0].id), _jsx(ChainButton, { chain: chainsWithNetworkInfo[1], onClick: function () { return handleChainSelect(chainsWithNetworkInfo[1].id); }, disabled: chainsWithNetworkInfo[1].disabled }, chainsWithNetworkInfo[1].id)] }), _jsxs("div", { className: "grid grid-cols-2 gap-4", children: [_jsx(EVMChainsButton, { chain: chainsWithNetworkInfo[2], onClick: function () { return handleChainSelect(chainsWithNetworkInfo[2].id); }, disabled: chainsWithNetworkInfo[2].disabled }, chainsWithNetworkInfo[2].id), _jsx(MoreButton, { chain: chainsWithNetworkInfo[3], onClick: function () { return handleChainSelect(chainsWithNetworkInfo[3].id); }, disabled: chainsWithNetworkInfo[3].disabled }, chainsWithNetworkInfo[3].id)] })] }))] }));
+}

package/dist/Modal/NordFlow/screens/04-AmountInputScreen.d.ts

@@ -0,0 +1,12 @@
+interface AmountInputScreenProps {
+    amount: string;
+    onAmountChange: (amount: string) => void;
+    onContinue: () => void;
+    balance: number;
+    faucetUrl?: string;
+    refreshBalance?: () => Promise<void>;
+}
+export declare function AmountInputScreen({ amount: _amount, // Renamed to _amount since we're not using the prop
+onAmountChange, onContinue, balance: _balance, // Renamed to _balance since we're overriding it
+faucetUrl: propFaucetUrl, refreshBalance, }: AmountInputScreenProps): import("react/jsx-runtime").JSX.Element;
+export {};