@n1xyz/wallet-widget 0.0.4 → 0.0.5

package/dist/Modal/NordFlow/screens/08-AuthLoadingScreen.js

@@ -0,0 +1,153 @@
+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 { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { LoadingSquares } from '../components/LoadingSquares';
+import { useN1WalletContext, useN1WalletInternalContext } from '../../../Provider/hooks';
+import { N1SessionMode } from '../../../Provider/types';
+import { logger } from '../../../utils/logger';
+import { isNordConfigured } from '../utils/nordUtils';
+import { useNordInstance } from '../hooks/useNordInstance';
+export function AuthLoadingScreen(_a) {
+    var _this = this;
+    var _b = _a.isCreatingAccount, isCreatingAccount = _b === void 0 ? false : _b, onAuthComplete = _a.onAuthComplete;
+    var sessionMode = useN1WalletInternalContext().sessionMode;
+    var _c = useN1WalletContext(), address = _c.address, nord = _c.nord;
+    var getNordUser = useNordInstance().getNordUser;
+    var _d = useState(getNordUser()), nordUser = _d[0], setNordUser = _d[1];
+    var _e = useState('loading'), authStatus = _e[0], setAuthStatus = _e[1];
+    var _f = useState(null), errorMessage = _f[0], setErrorMessage = _f[1];
+    // Update nordUser when dependencies change
+    useEffect(function () {
+        setNordUser(getNordUser());
+    }, [getNordUser]);
+    useEffect(function () {
+        var performAuth = function () { return __awaiter(_this, void 0, void 0, function () {
+            var error_1, error_2;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 9, , 10]);
+                        logger.debug('Starting authentication process', {
+                            isCreatingAccount: isCreatingAccount,
+                            sessionMode: sessionMode,
+                            address: address,
+                            hasNord: !!nord,
+                            isNordConfigured: nord ? isNordConfigured(nord) : false
+                        });
+                        if (!(nord && isNordConfigured(nord))) return [3 /*break*/, 7];
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 6, , 7]);
+                        if (!isCreatingAccount) return [3 /*break*/, 3];
+                        // Create a new account
+                        logger.debug('Creating Nord account using Nord-TS');
+                        // Simulate account creation with a delay
+                        return [4 /*yield*/, new Promise(function (resolve) { return setTimeout(resolve, 2000); })];
+                    case 2:
+                        // Simulate account creation with a delay
+                        _a.sent();
+                        // Set success status
+                        setAuthStatus('success');
+                        if (onAuthComplete) {
+                            logger.debug('Account creation completed, calling onAuthComplete callback');
+                            onAuthComplete(true);
+                        }
+                        return [2 /*return*/];
+                    case 3:
+                        // Log in to existing account
+                        logger.debug('Logging in to Nord account using Nord-TS');
+                        // Simulate login with a delay
+                        return [4 /*yield*/, new Promise(function (resolve) { return setTimeout(resolve, 2000); })];
+                    case 4:
+                        // Simulate login with a delay
+                        _a.sent();
+                        // Set success status
+                        setAuthStatus('success');
+                        if (onAuthComplete) {
+                            logger.debug('Login completed, calling onAuthComplete callback');
+                            onAuthComplete(true);
+                        }
+                        return [2 /*return*/];
+                    case 5: return [3 /*break*/, 7];
+                    case 6:
+                        error_1 = _a.sent();
+                        logger.error('Nord-TS authentication failed, falling back to default method', error_1);
+                        setErrorMessage('Nord authentication failed, trying alternative method...');
+                        return [3 /*break*/, 7];
+                    case 7:
+                        // Fallback to default authentication method
+                        logger.debug('Using default authentication method');
+                        // In a real implementation, we would perform the actual authentication here
+                        // For now, we'll simulate it with a timeout
+                        return [4 /*yield*/, new Promise(function (resolve) { return setTimeout(resolve, 3000); })];
+                    case 8:
+                        // In a real implementation, we would perform the actual authentication here
+                        // For now, we'll simulate it with a timeout
+                        _a.sent();
+                        // Set success status
+                        setAuthStatus('success');
+                        if (onAuthComplete) {
+                            logger.debug('Auth completed, calling onAuthComplete callback');
+                            onAuthComplete(true); // Authentication was successful
+                        }
+                        return [3 /*break*/, 10];
+                    case 9:
+                        error_2 = _a.sent();
+                        logger.error('Authentication failed', error_2);
+                        setAuthStatus('error');
+                        setErrorMessage(error_2 instanceof Error ? error_2.message : 'Authentication failed');
+                        if (onAuthComplete) {
+                            onAuthComplete(false); // Authentication failed
+                        }
+                        return [3 /*break*/, 10];
+                    case 10: return [2 /*return*/];
+                }
+            });
+        }); };
+        performAuth();
+    }, [onAuthComplete, isCreatingAccount, sessionMode, address, nord, nordUser]);
+    return (_jsxs("div", { className: "flex flex-col items-center justify-center py-12 space-y-6", children: [authStatus === 'loading' && _jsx(LoadingSquares, {}), authStatus === 'success' && (_jsx("div", { className: "text-green-500 text-4xl mb-4", children: "\u2713" })), authStatus === 'error' && (_jsx("div", { className: "text-red-500 text-4xl mb-4", children: "\u26A0\uFE0F" })), _jsxs("div", { className: "space-y-2 text-center w-[300px]", children: [_jsxs("h3", { className: "text-xl text-gray-800 dark:text-white font-semibold", children: [authStatus === 'loading' && (isCreatingAccount ? 'Creating Account' : 'Authenticating'), authStatus === 'success' && (isCreatingAccount ? 'Account Created' : 'Authentication Successful'), authStatus === 'error' && 'Authentication Failed'] }), _jsxs("p", { className: "text-sm text-gray-600 dark:text-neutral-400", children: [authStatus === 'loading' && (isCreatingAccount
+                                ? sessionMode === N1SessionMode.Nord
+                                    ? 'Please wait while we create your Nord account'
+                                    : 'Please wait while we create your account'
+                                : sessionMode === N1SessionMode.Nord
+                                    ? 'Please wait while we log you in to your Nord account'
+                                    : 'Please wait while we log you in to your account'), authStatus === 'success' && (isCreatingAccount
+                                ? 'Your account has been created successfully'
+                                : 'You have been logged in successfully'), authStatus === 'error' && (errorMessage || 'There was an error during authentication. Please try again.')] })] })] }));
+}

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

@@ -0,0 +1,36 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { ANIMATION_EASE } from '../constants';
+import { useN1WalletContext, useN1WalletInternalContext } from '../../../Provider/hooks';
+import { N1SessionMode } from '../../../Provider/types';
+import { isNordConfigured } from '../utils/nordUtils';
+export function FinalSuccessScreen(_a) {
+    var onDone = _a.onDone;
+    var _b = useState(false), isHovered = _b[0], setIsHovered = _b[1];
+    var _c = useN1WalletContext(), nord = _c.nord, address = _c.address;
+    var _d = useN1WalletInternalContext(), sessionMode = _d.sessionMode, setIsConnected = _d.setIsConnected;
+    // Add a minimum viewing time before enabling the button
+    useEffect(function () {
+        setIsConnected(true);
+    }, []);
+    // Get the appropriate title and message based on Nord configuration
+    var getTitle = function () {
+        if (nord && isNordConfigured(nord)) {
+            return 'Nord Authentication Successful!';
+        }
+        else {
+            return 'Authentication Successful!';
+        }
+    };
+    var getMessage = function () {
+        if (sessionMode === N1SessionMode.Nord) {
+            return 'Your wallet has been successfully connected to Nord';
+        }
+        else {
+            return 'Your wallet has been successfully connected';
+        }
+    };
+    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: getTitle() }), _jsx("p", { className: "text-lg text-gray-700 dark:text-neutral-300 text-center", children: getMessage() }), address && (_jsxs("p", { className: "text-sm text-gray-500 dark:text-neutral-400 text-center mt-2", children: ["Wallet: ", address.substring(0, 6), "...", address.substring(address.length - 4)] }))] }), _jsx("button", { onClick: onDone, 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: "Open App" }) })] }) }));
+}

package/dist/Modal/NordFlow/screens/09-ErrorScreen.d.ts

@@ -0,0 +1,7 @@
+interface ErrorScreenProps {
+    onRetry: () => void;
+    onCancel: () => void;
+    error: Error | null;
+}
+export declare function ErrorScreen({ onRetry, onCancel, error, }: ErrorScreenProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Modal/NordFlow/screens/09-ErrorScreen.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { ANIMATION_EASE } from '../constants';
+import { useN1WalletContext } from '../../../Provider/hooks';
+import { isNordConfigured } from '../utils/nordUtils';
+export function ErrorScreen(_a) {
+    var onRetry = _a.onRetry, onCancel = _a.onCancel, error = _a.error;
+    var _b = useState(null), isHovered = _b[0], setIsHovered = _b[1];
+    var nord = useN1WalletContext().nord;
+    var _c = useState(false), isNordError = _c[0], setIsNordError = _c[1];
+    // Check if the error is related to Nord
+    useEffect(function () {
+        if (error && error.message && (error.message.includes('Nord') ||
+            error.message.includes('nord') ||
+            (error.name && error.name.includes('Nord')))) {
+            setIsNordError(true);
+        }
+        else {
+            setIsNordError(false);
+        }
+    }, [error]);
+    // Get a user-friendly error message
+    var getErrorMessage = function () {
+        if (!error)
+            return 'An unexpected error occurred';
+        // Check for specific Nord-related errors
+        if (isNordError) {
+            if (error.message.includes('connection') || error.message.includes('network')) {
+                return 'Failed to connect to Nord. Please check your network connection and try again.';
+            }
+            if (error.message.includes('authentication') || error.message.includes('auth')) {
+                return 'Authentication with Nord failed. Please try again.';
+            }
+            if (error.message.includes('deposit') || error.message.includes('transaction')) {
+                return 'Failed to process your deposit. Please try again.';
+            }
+            return "Nord error: ".concat(error.message);
+        }
+        // Generic wallet errors
+        if (error.message.includes('wallet') || error.message.includes('Wallet')) {
+            return 'There was an issue with your wallet connection. Please try again.';
+        }
+        // Default error message
+        return error.message;
+    };
+    var errorMessage = getErrorMessage();
+    // Get a suggestion based on the error
+    var getSuggestion = function () {
+        if (isNordError && nord && !isNordConfigured(nord)) {
+            return 'Nord is not properly configured. Please check your settings.';
+        }
+        if (isNordError) {
+            return 'You can try again or contact support if the issue persists.';
+        }
+        return 'Please try again or try a different wallet.';
+    };
+    return (_jsx("div", { className: "overflow-hidden relative", children: _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex flex-col items-center justify-center py-4", children: [_jsx("div", { className: "mb-6", children: _jsx("div", { className: "w-20 h-20 rounded-full bg-red-100 dark:bg-red-900/30 flex items-center justify-center", children: _jsx("svg", { className: "w-10 h-10 text-red-500 dark:text-red-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: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }) }) }), _jsx("h2", { className: "text-xl text-gray-800 dark:text-white font-semibold mb-2 text-center", children: isNordError ? 'Nord Error' : 'Something went wrong' }), _jsx("p", { className: "text-sm text-gray-600 dark:text-neutral-400 text-center mb-2 max-w-xs", children: errorMessage }), _jsx("p", { className: "text-xs text-gray-500 dark:text-neutral-500 text-center mb-6 max-w-xs", children: getSuggestion() })] }), _jsxs("div", { className: "space-y-3", children: [_jsx("button", { onClick: onRetry, onMouseEnter: function () { return setIsHovered('retry'); }, 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 === 'retry' ? '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: "Try Again" }) }), _jsx("button", { onClick: onCancel, onMouseEnter: function () { return setIsHovered('cancel'); }, onMouseLeave: function () { return setIsHovered(null); }, className: "\n              group relative w-full overflow-hidden rounded-md border-2 border-gray-200 dark:border-gray-800 bg-white dark:bg-neutral-900 py-4 text-center\n              transition-all duration-300 ".concat(ANIMATION_EASE, "\n              cursor-pointer hover:bg-gray-50 dark:hover:bg-neutral-950\n            "), style: {
+                                transform: isHovered === 'cancel' ? '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-500 dark:text-gray-400 group-hover:text-gray-700 dark:group-hover:text-gray-300\n            "), children: "Cancel" }) })] })] }) }));
+}

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

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useState } from 'react';
+import { ANIMATION_EASE } from '../constants';
+import { useN1WalletContext, useN1WalletInternalContext } from '../../../Provider/hooks';
+import { N1SessionMode } from '../../../Provider/types';
+import { isNordConfigured } from '../utils/nordUtils';
+import { useNordInstance } from '../hooks/useNordInstance';
+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];
+    var _d = useN1WalletContext(), nord = _d.nord, address = _d.address;
+    var sessionMode = useN1WalletInternalContext().sessionMode;
+    var getNordUser = useNordInstance().getNordUser;
+    var _e = useState(getNordUser()), nordUser = _e[0], setNordUser = _e[1];
+    // Update nordUser when dependencies change
+    useEffect(function () {
+        setNordUser(getNordUser());
+    }, [getNordUser]);
+    // 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); };
+    }, []);
+    // Get the appropriate title and message based on Nord configuration
+    var getTitle = function () {
+        if (nord && isNordConfigured(nord)) {
+            return 'Nord Authentication Successful!';
+        }
+        else {
+            return 'Authentication Successful!';
+        }
+    };
+    var getMessage = function () {
+        if (sessionMode === N1SessionMode.Nord) {
+            return 'Your wallet has been successfully connected to Nord';
+        }
+        else {
+            return 'Your wallet has been successfully connected';
+        }
+    };
+    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: getTitle() }), _jsx("p", { className: "text-lg text-gray-700 dark:text-neutral-300 text-center", children: getMessage() }), address && (_jsxs("p", { className: "text-sm text-gray-500 dark:text-neutral-400 text-center mt-2", children: ["Wallet: ", address.substring(0, 6), "...", address.substring(address.length - 4)] }))] }), _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/Modal/NordFlow/screens/10-ErrorScreen.d.ts

@@ -0,0 +1,7 @@
+interface ErrorScreenProps {
+    onRetry: () => void;
+    onCancel: () => void;
+    error: Error | null;
+}
+export declare function ErrorScreen({ onRetry, onCancel, error, }: ErrorScreenProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/Modal/NordFlow/screens/10-ErrorScreen.js

@@ -0,0 +1,62 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { ANIMATION_EASE } from '../constants';
+import { useN1WalletContext } from '../../../Provider/hooks';
+import { isNordConfigured } from '../utils/nordUtils';
+export function ErrorScreen(_a) {
+    var onRetry = _a.onRetry, onCancel = _a.onCancel, error = _a.error;
+    var _b = useState(null), isHovered = _b[0], setIsHovered = _b[1];
+    var nord = useN1WalletContext().nord;
+    var _c = useState(false), isNordError = _c[0], setIsNordError = _c[1];
+    // Check if the error is related to Nord
+    useEffect(function () {
+        if (error && error.message && (error.message.includes('Nord') ||
+            error.message.includes('nord') ||
+            (error.name && error.name.includes('Nord')))) {
+            setIsNordError(true);
+        }
+        else {
+            setIsNordError(false);
+        }
+    }, [error]);
+    // Get a user-friendly error message
+    var getErrorMessage = function () {
+        if (!error)
+            return 'An unexpected error occurred';
+        // Check for specific Nord-related errors
+        if (isNordError) {
+            if (error.message.includes('connection') || error.message.includes('network')) {
+                return 'Failed to connect to Nord. Please check your network connection and try again.';
+            }
+            if (error.message.includes('authentication') || error.message.includes('auth')) {
+                return 'Authentication with Nord failed. Please try again.';
+            }
+            if (error.message.includes('deposit') || error.message.includes('transaction')) {
+                return 'Failed to process your deposit. Please try again.';
+            }
+            return "Nord error: ".concat(error.message);
+        }
+        // Generic wallet errors
+        if (error.message.includes('wallet') || error.message.includes('Wallet')) {
+            return 'There was an issue with your wallet connection. Please try again.';
+        }
+        // Default error message
+        return error.message;
+    };
+    var errorMessage = getErrorMessage();
+    // Get a suggestion based on the error
+    var getSuggestion = function () {
+        if (isNordError && nord && !isNordConfigured(nord)) {
+            return 'Nord is not properly configured. Please check your settings.';
+        }
+        if (isNordError) {
+            return 'You can try again or contact support if the issue persists.';
+        }
+        return 'Please try again or try a different wallet.';
+    };
+    return (_jsx("div", { className: "overflow-hidden relative", children: _jsxs("div", { className: "space-y-6", children: [_jsxs("div", { className: "flex flex-col items-center justify-center py-4", children: [_jsx("div", { className: "mb-6", children: _jsx("div", { className: "w-20 h-20 rounded-full bg-red-100 dark:bg-red-900/30 flex items-center justify-center", children: _jsx("svg", { className: "w-10 h-10 text-red-500 dark:text-red-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: "M12 9v2m0 4h.01m-6.938 4h13.856c1.54 0 2.502-1.667 1.732-3L13.732 4c-.77-1.333-2.694-1.333-3.464 0L3.34 16c-.77 1.333.192 3 1.732 3z" }) }) }) }), _jsx("h2", { className: "text-xl text-gray-800 dark:text-white font-semibold mb-2 text-center", children: isNordError ? 'Nord Error' : 'Something went wrong' }), _jsx("p", { className: "text-sm text-gray-600 dark:text-neutral-400 text-center mb-2 max-w-xs", children: errorMessage }), _jsx("p", { className: "text-xs text-gray-500 dark:text-neutral-500 text-center mb-6 max-w-xs", children: getSuggestion() })] }), _jsxs("div", { className: "space-y-3", children: [_jsx("button", { onClick: onRetry, onMouseEnter: function () { return setIsHovered('retry'); }, 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 === 'retry' ? '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: "Try Again" }) }), _jsx("button", { onClick: onCancel, onMouseEnter: function () { return setIsHovered('cancel'); }, onMouseLeave: function () { return setIsHovered(null); }, className: "\n              group relative w-full overflow-hidden rounded-md border-2 border-gray-200 dark:border-gray-800 bg-white dark:bg-neutral-900 py-4 text-center\n              transition-all duration-300 ".concat(ANIMATION_EASE, "\n              cursor-pointer hover:bg-gray-50 dark:hover:bg-neutral-950\n            "), style: {
+                                transform: isHovered === 'cancel' ? '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-500 dark:text-gray-400 group-hover:text-gray-700 dark:group-hover:text-gray-300\n            "), children: "Cancel" }) })] })] }) }));
+}

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

@@ -0,0 +1,9 @@
+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-AuthLoadingScreen';
+export * from './08-FinalSuccessScreen';
+export * from './09-ErrorScreen';

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

@@ -0,0 +1,9 @@
+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-AuthLoadingScreen';
+export * from './08-FinalSuccessScreen';
+export * from './09-ErrorScreen';

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

@@ -0,0 +1,108 @@
+/**
+ * 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",
+    ETH_TO_SOL_AUTH = "ETH_TO_SOL_AUTH",
+    CHAIN_SELECTION = "CHAIN_SELECTION",
+    AMOUNT_INPUT = "AMOUNT_INPUT",
+    DEPOSIT_PROGRESS = "DEPOSIT_PROGRESS",
+    DEPOSIT_SUCCESS = "DEPOSIT_SUCCESS",
+    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;
+}
+/**
+ * Interface for a blockchain network
+ */
+export interface Chain {
+    id: string;
+    name: string;
+    logo: string;
+    disabled?: boolean;
+    network?: 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/Modal/NordFlow/types.js

@@ -0,0 +1,32 @@
+/**
+ * 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["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["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/Modal/NordFlow/utils/imageUtils.d.ts

@@ -0,0 +1,21 @@
+/**
+ * Checks if an image URL is valid and accessible
+ * @param url The image URL to check
+ * @returns A promise that resolves to true if the image is valid, false otherwise
+ */
+export declare const isImageValid: (url: string) => Promise<boolean>;
+/**
+ * Gets chain icon URL with fallback
+ * @param chainId The chain ID
+ * @param fallbackUrl Optional fallback URL
+ * @returns The chain icon URL or fallback
+ */
+export declare const getChainIconUrl: (chainId: string | number, fallbackUrl?: string) => string;
+/**
+ * Gets token icon URL with fallback
+ * @param tokenSymbol The token symbol (e.g., 'ETH', 'USDC')
+ * @param chainId Optional chain ID for chain-specific tokens
+ * @param fallbackUrl Optional fallback URL
+ * @returns The token icon URL or fallback
+ */
+export declare const getTokenIconUrl: (tokenSymbol: string, fallbackUrl?: string) => string;