@n1xyz/wallet-widget 0.0.29 → 0.0.30

package/dist/Modal/NordFlow/screens/05-DepositSuccessScreen.js

@@ -1,66 +1,75 @@
-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);
+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 { TransactionTable } from '../components/TransactionTable';
-import { ANIMATION_EASE, TYPING_INTERVAL } from '../constants';
 import { useN1WalletContext } from '../../../Provider/hooks';
-import { isNordConfigured } from '../utils/nordUtils';
+import { isNordConfigured, shortenAddress } from '../utils/nordUtils';
 import { useDepositContext } from '../context/DepositContext';
+import { useFlowStateContext } from '../context/FlowContext';
 import { getExplorerUrl } from '../../../Logic/transactionManager';
+// Share icon component reused from Header.tsx
+var ShareIcon = function (_a) {
+    var className = _a.className;
+    return (_jsxs("svg", { className: className || 'h-full w-full', viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [_jsx("path", { d: "M5.93066 8.06944L12.3473 1.65277", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" }), _jsx("path", { d: "M8.06958 1.65277H12.3474V5.93055", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" }), _jsx("path", { d: "M10.7431 7.80207V12.3472H1.65283V3.25693H6.19797", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" })] }));
+};
 export function DepositSuccessScreen() {
+    var _this = this;
     var _a = useDepositContext(), amount = _a.amount, completeDeposit = _a.completeDeposit, transactionResult = _a.transactionResult, transactionId = _a.transactionId;
     var nord = useN1WalletContext().nord;
-    var _b = useState(false), isHovered = _b[0], setIsHovered = _b[1];
-    var _c = useState(false), showDetails = _c[0], setShowDetails = _c[1];
-    var _d = useState({
-        amount: { text: '', visible: false, typing: false },
-        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 },
-    }), animatedTableValues = _d[0], setAnimatedTableValues = _d[1];
-    // Add state to track if the button should be enabled
-    var _e = useState(false), isContinueEnabled = _e[0], setIsContinueEnabled = _e[1];
-    // Add state to show a message about waiting
-    var _f = useState(true), showWaitingMessage = _f[0], setShowWaitingMessage = _f[1];
+    var context = useFlowStateContext().context;
+    var isContinueEnabled = useState(true)[0];
+    var _b = useState('USDC'), tokenSymbol = _b[0], setTokenSymbol = _b[1];
+    var _c = useState(false), copiedAddress = _c[0], setCopiedAddress = _c[1];
+    var _d = useState(false), showCopyTooltip = _d[0], setShowCopyTooltip = _d[1];
     var fallbackTransaction = transactionResult !== null && transactionResult !== void 0 ? transactionResult : {
         success: true,
         transactionId: transactionId !== null && transactionId !== void 0 ? transactionId : 'pending-transaction',
         amount: amount || '0',
         tokenSymbol: 'USDC',
         fromAddress: 'Debug Wallet',
-        toAddress: 'Nord Account',
-        networkName: 'Solana',
-        status: 'Processing',
+        toAddress: 'Exchange Account',
+        networkName: 'Devnet',
+        status: 'Completed',
         explorerUrl: transactionId ? getExplorerUrl(transactionId) : '',
     };
-    // Create table values from transaction details
-    var tableValues = {
-        amount: { text: fallbackTransaction.amount, visible: true, typing: false },
-        tx: { text: fallbackTransaction.transactionId, visible: true, typing: false },
-        from: { text: fallbackTransaction.fromAddress, visible: true, typing: false },
-        to: { text: fallbackTransaction.toAddress, visible: true, typing: false },
-        network: { text: fallbackTransaction.networkName, visible: true, typing: false },
-        status: { text: fallbackTransaction.status, visible: true, typing: false },
-    };
     // Get token information from Nord if available
-    var _g = useState('USDC'), tokenSymbol = _g[0], setTokenSymbol = _g[1];
-    // Try to get token information from Nord
     useEffect(function () {
         if (nord && isNordConfigured(nord)) {
             try {
-                // Find the USDC token or the first token
                 var usdcToken = nord.tokens.find(function (t) { return t.symbol === 'USDC'; }) || nord.tokens[0];
                 if (usdcToken) {
                     setTokenSymbol(usdcToken.symbol);
@@ -71,74 +80,52 @@ export function DepositSuccessScreen() {
             }
         }
     }, [nord]);
-    // Add animation to table values
-    useEffect(function () {
-        if (!showDetails)
-            return;
-        // Extract the text values from the tableValues
-        var values = {
-            amount: "".concat(Number(amount).toLocaleString(), " ").concat(tokenSymbol),
-            tx: tableValues.tx.text,
-            from: tableValues.from.text,
-            to: tableValues.to.text,
-            network: tableValues.network.text,
-            status: tableValues.status.text,
-        };
-        // Animate each field with typing effect
-        Object.entries(values).forEach(function (_a, index) {
-            var key = _a[0], value = _a[1];
-            setTimeout(function () {
-                // Make the field visible first
-                setAnimatedTableValues(function (prev) {
-                    var _a;
-                    return (__assign(__assign({}, prev), (_a = {}, _a[key] = __assign(__assign({}, prev[key]), { visible: true, typing: true }), _a)));
-                });
-                var textIndex = 0;
-                // Type out each character with the typing animation
-                var interval = setInterval(function () {
-                    if (textIndex <= value.length) {
-                        setAnimatedTableValues(function (prev) {
-                            var _a;
-                            return (__assign(__assign({}, prev), (_a = {}, _a[key] = {
-                                text: value.slice(0, textIndex),
-                                visible: true,
-                                typing: textIndex < value.length,
-                            }, _a)));
-                        });
-                        textIndex++;
-                    }
-                    else {
-                        clearInterval(interval);
-                        setAnimatedTableValues(function (prev) {
-                            var _a;
-                            return (__assign(__assign({}, prev), (_a = {}, _a[key] = {
-                                text: value,
-                                visible: true,
-                                typing: false,
-                            }, _a)));
-                        });
-                    }
-                }, TYPING_INTERVAL);
-            }, index * 300); // Slightly faster staggering for better UX
+    // Solana transaction ID (from depositSpl)
+    var solanaTransactionId = transactionId || fallbackTransaction.transactionId;
+    var solanaTransactionIdShort = shortenAddress(solanaTransactionId, 5, 4);
+    var solanaExplorerUrl = solanaTransactionId ? getExplorerUrl(solanaTransactionId) : '';
+    // N1 transaction ID (could be derived from transactionResult or generated)
+    // For now, using a formatted version or placeholder
+    var n1TransactionId = (transactionResult === null || transactionResult === void 0 ? void 0 : transactionResult.transactionId)
+        ? "n1_".concat(transactionResult.transactionId.substring(0, 8))
+        : "n1_".concat(solanaTransactionId.substring(0, 8));
+    var n1TransactionIdShort = shortenAddress(n1TransactionId, 5, 4);
+    // N1 explorer URL (placeholder - adjust based on actual N1 explorer)
+    var n1ExplorerUrl = "https://explorer.n1.network/tx/".concat(n1TransactionId);
+    var fromAddressShort = shortenAddress(fallbackTransaction.fromAddress, 5, 4);
+    var fromAddressFull = fallbackTransaction.fromAddress;
+    // Handle copy to clipboard for wallet address
+    var handleCopyAddress = function () { return __awaiter(_this, void 0, void 0, function () {
+        var nav, error_1;
+        var _a;
+        return __generator(this, function (_b) {
+            switch (_b.label) {
+                case 0:
+                    if (!fromAddressFull || typeof navigator === 'undefined')
+                        return [2 /*return*/];
+                    nav = navigator;
+                    if (!((_a = nav.clipboard) === null || _a === void 0 ? void 0 : _a.writeText)) return [3 /*break*/, 4];
+                    _b.label = 1;
+                case 1:
+                    _b.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, nav.clipboard.writeText(fromAddressFull)];
+                case 2:
+                    _b.sent();
+                    setCopiedAddress(true);
+                    setTimeout(function () {
+                        setCopiedAddress(false);
+                    }, 1000);
+                    return [3 /*break*/, 4];
+                case 3:
+                    error_1 = _b.sent();
+                    console.warn('Failed to copy address:', error_1);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
         });
-    }, [showDetails]);
-    // Enable the continue button after a minimum viewing time
-    useEffect(function () {
-        var enableTimer = setTimeout(function () {
-            setIsContinueEnabled(true);
-            setShowWaitingMessage(false);
-        }, 4000);
-        return function () { return clearTimeout(enableTimer); };
-    }, []);
-    var toggleDetails = function () {
-        setShowDetails(function (prev) { return !prev; });
-    };
-    return (_jsx("div", { className: "relative w-full px-4", children: _jsx("div", { className: "flex flex-col space-y-6", children: _jsxs("div", { className: "w-full", children: [_jsx("div", { className: "relative w-full px-3 py-3 flex items-center justify-center transition-all duration-300 ".concat(ANIMATION_EASE, " ").concat(showDetails ? 'opacity-0 max-h-0' : 'opacity-100 max-h-[200px]'), children: _jsxs("div", { className: "relative w-full px-5 py-8 transition-all duration-300 ".concat(ANIMATION_EASE, " ").concat(showDetails ? 'max-h-0 overflow-hidden' : 'max-h-[200px]'), children: [_jsx("div", { className: "w-2 h-2 bg-emerald-800 absolute -top-2 -left-2 rounded-sm" }), _jsx("div", { className: "w-2 h-2 bg-emerald-800 absolute -top-2 -right-2 rounded-sm" }), _jsx("div", { className: "w-2 h-2 bg-emerald-800 absolute -bottom-2 -left-2 rounded-sm" }), _jsx("div", { className: "w-2 h-2 bg-emerald-800 absolute -bottom-2 -right-2 rounded-sm" }), _jsxs("p", { className: "text-5xl md:text-7xl tracking-tight text-emerald-500/80 font-medium pt-4 underline text-center n1-ww-animate-fade-up", style: { animationDelay: '0.3s' }, children: ["+", Number(amount).toLocaleString(), _jsx("span", { className: "text-xl md:text-2xl text-emerald-500/50 ml-2", children: tokenSymbol })] }), _jsx("div", { className: "absolute bottom-0 left-0 right-0 flex justify-center -mb-3", children: _jsxs("button", { onClick: toggleDetails, className: "\n                    group flex items-center space-x-1 px-3 py-1 text-xs font-medium \n                    transition-colors duration-200 focus:outline-none\n                    ".concat(showDetails
-                                            ? 'text-emerald-400 hover:text-emerald-300'
-                                            : 'text-n1-ww-gray-400 hover:text-emerald-400', "\n                  "), children: [_jsx("span", { children: "View details" }), _jsx("svg", { xmlns: "http://www.w3.org/2000/svg", className: "h-3 w-3 transition-transform duration-200", fill: "none", viewBox: "0 0 24 24", stroke: "currentColor", children: _jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M19 9l-7 7-7-7" }) })] }) })] }) }), _jsx("div", { className: "transition-all duration-300 ease-in-out overflow-hidden ".concat(showDetails
-                            ? 'max-h-[500px] opacity-100 -mt-4'
-                            : 'max-h-0 opacity-0'), children: _jsx(TransactionTable, { tableValues: animatedTableValues, onClose: toggleDetails }) }), _jsxs("div", { className: "mt-6", children: [showWaitingMessage && (_jsx("p", { className: "text-sm text-neutral-400 text-center mb-2 n1-ww-animate-pulse", children: "Please wait a moment..." })), _jsx("button", { onClick: isContinueEnabled ? completeDeposit : undefined, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, className: "\n                group relative w-full overflow-hidden rounded-md border-2 bg-neutral-950 py-4 text-center\n                transition-all duration-300 ".concat(ANIMATION_EASE, "\n                cursor-pointer border-n1-ww-border hover:border-n1-ww-border\n                ").concat(!isContinueEnabled ? 'opacity-50 cursor-not-allowed' : '', "\n              "), style: {
-                                    transform: isHovered && isContinueEnabled ? 'scale(0.99)' : 'scale(1)',
-                                }, disabled: !isContinueEnabled, children: _jsx("span", { className: "\n                text-base font-medium tracking-wide transition-colors duration-300 ".concat(ANIMATION_EASE, "\n                text-n1-ww-gray-300 group-hover:text-white\n              "), children: "Continue" }) })] })] }) }) }));
+    }); };
+    return (_jsx("div", { className: "relative w-full", children: _jsxs("div", { className: "flex flex-col space-y-4", children: [_jsx("div", { className: "w-full py-4", children: _jsx("div", { className: "flex items-center justify-center", children: _jsxs("div", { className: "text-center flex items-end", children: [_jsx("div", { className: "text-5xl md:text-6xl tracking-tight text-n1-ww-main font-medium", children: Number(amount).toLocaleString() }), _jsx("div", { className: "h-5 inline-flex items-center justify-center border border-n1-ww-border rounded px-1 py-1 ml-2 mb-1", children: _jsx("span", { className: "text-white text-xs font-light", children: tokenSymbol }) })] }) }) }), _jsxs("div", { className: "space-y-3 mb-4", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-white text-xs font-light", children: "Amount:" }), _jsxs("span", { className: "text-white text-xs font-light", children: [Number(amount).toLocaleString(), " ", tokenSymbol] })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-white text-xs font-light", children: "Status:" }), _jsxs("div", { className: "flex items-center gap-2", children: [_jsxs("svg", { width: "14", height: "14", viewBox: "0 0 14 14", fill: "none", xmlns: "http://www.w3.org/2000/svg", className: "text-n1-ww-accent-neon", children: [_jsx("rect", { x: "0.5", y: "0.5", width: "13", height: "13", rx: "6.5", stroke: "currentColor" }), _jsx("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M10.7917 4.83199L6.54647 9.9756L6.27917 10.2995L5.97635 10.0059L3.5 7.60561L4.0421 7.0879L6.21563 9.19473L10.1935 4.375L10.7917 4.83199Z", fill: "currentColor", stroke: "currentColor", strokeWidth: "0.5" })] }), _jsx("span", { className: "text-n1-ww-accent-neon text-xs font-light", children: fallbackTransaction.status })] })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-white text-xs font-light", children: "From:" }), _jsxs("div", { className: "relative flex items-center gap-1 group", children: [_jsx("button", { onClick: handleCopyAddress, onMouseEnter: function () { return !copiedAddress && setShowCopyTooltip(true); }, onMouseLeave: function () { return setShowCopyTooltip(false); }, className: "text-white text-xs font-light underline cursor-pointer hover:text-n1-ww-main transition-colors", children: fromAddressShort }), (copiedAddress || showCopyTooltip) && (_jsx("div", { className: "absolute left-full ml-2 px-2 py-1 bg-n1-ww-gray-800 border border-n1-ww-border rounded text-xs text-white whitespace-nowrap z-10 pointer-events-none ".concat(copiedAddress ? 'opacity-100' : showCopyTooltip ? 'opacity-100' : 'opacity-0', " transition-opacity duration-200"), children: copiedAddress ? 'Copied!' : 'Click to copy' }))] })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-white text-xs font-light", children: "N1 Transaction ID:" }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("span", { className: "text-white text-xs font-light underline", children: n1TransactionIdShort }), n1ExplorerUrl && (_jsx("a", { href: n1ExplorerUrl, target: "_blank", rel: "noopener noreferrer", className: "flex h-4 w-4 flex-shrink-0 items-center justify-center text-n1-ww-main hover:text-white transition-colors", "aria-label": "View N1 transaction on explorer", children: _jsx(ShareIcon, {}) }))] })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { className: "text-white text-xs font-light", children: "Solana Transaction ID:" }), _jsxs("div", { className: "flex items-center gap-1", children: [_jsx("span", { className: "text-white text-xs font-light underline", children: solanaTransactionIdShort }), solanaExplorerUrl && (_jsx("a", { href: solanaExplorerUrl, target: "_blank", rel: "noopener noreferrer", className: "flex h-4 w-4 flex-shrink-0 items-center justify-center text-n1-ww-main hover:text-white transition-colors", "aria-label": "View transaction on explorer", children: _jsx(ShareIcon, {}) }))] })] })] }), _jsx("div", { className: "h-px bg-n1-ww-border mb-4" }), _jsx("button", { onClick: isContinueEnabled ? completeDeposit : undefined, disabled: !isContinueEnabled, className: "\n            w-full h-8 rounded border bg-transparent flex font-medium items-center justify-center\n            transition-all duration-200 transform\n            ".concat(isContinueEnabled
+                        ? 'border-n1-ww-main hover:bg-n1-ww-gray-900 cursor-pointer text-n1-ww-main'
+                        : 'border-n1-ww-border opacity-50 cursor-not-allowed text-n1-ww-gray-600', "\n          "), children: _jsx("span", { className: "font-medium text-sm opacity-90", children: context.isDepositOnlyFlow ? 'Close' : 'Continue' }) })] }) }));
 }
 //# sourceMappingURL=05-DepositSuccessScreen.js.map

package/dist/Modal/NordFlow/screens/05-DepositSuccessScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"05-DepositSuccessScreen.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/screens/05-DepositSuccessScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\nimport { TransactionTable } from '../components/TransactionTable';\nimport { ANIMATION_EASE, TYPING_INTERVAL } from '../constants';\nimport { TableValues } from '../types';\nimport { useN1WalletContext } from '../../../Provider/hooks';\nimport { isNordConfigured } from '../utils/nordUtils';\nimport { useDepositContext } from '../context/DepositContext';\nimport { getExplorerUrl } from '../../../Logic/transactionManager';\n\nexport function DepositSuccessScreen() {\n  const { amount, completeDeposit, transactionResult, transactionId } = useDepositContext();\n  const { nord } = useN1WalletContext();\n  const [isHovered, setIsHovered] = useState(false);\n  const [showDetails, setShowDetails] = useState(false);\n  const [animatedTableValues, setAnimatedTableValues] = useState<TableValues>({\n    amount: { text: '', visible: false, typing: false },\n    tx: { text: '', visible: false, typing: false },\n    from: { text: '', visible: false, typing: false },\n    to: { text: '', visible: false, typing: false },\n    network: { text: '', visible: false, typing: false },\n    status: { text: '', visible: false, typing: false },\n  });\n  // Add state to track if the button should be enabled\n  const [isContinueEnabled, setIsContinueEnabled] = useState(false);\n  // Add state to show a message about waiting\n  const [showWaitingMessage, setShowWaitingMessage] = useState(true);\n\n  const fallbackTransaction = transactionResult ?? {\n    success: true,\n    transactionId: transactionId ?? 'pending-transaction',\n    amount: amount || '0',\n    tokenSymbol: 'USDC',\n    fromAddress: 'Debug Wallet',\n    toAddress: 'Nord Account',\n    networkName: 'Solana',\n    status: 'Processing',\n    explorerUrl: transactionId ? getExplorerUrl(transactionId) : '',\n  };\n\n  // Create table values from transaction details\n  const tableValues = {\n    amount: { text: fallbackTransaction.amount, visible: true, typing: false },\n    tx: { text: fallbackTransaction.transactionId, visible: true, typing: false },\n    from: { text: fallbackTransaction.fromAddress, visible: true, typing: false },\n    to: { text: fallbackTransaction.toAddress, visible: true, typing: false },\n    network: { text: fallbackTransaction.networkName, visible: true, typing: false },\n    status: { text: fallbackTransaction.status, visible: true, typing: false },\n  };\n\n  // Get token information from Nord if available\n  const [tokenSymbol, setTokenSymbol] = useState('USDC');\n\n  // Try to get token information from Nord\n  useEffect(() => {\n    if (nord && isNordConfigured(nord)) {\n      try {\n        // Find the USDC token or the first token\n        const usdcToken =\n          nord.tokens.find((t) => t.symbol === 'USDC') || nord.tokens[0];\n        if (usdcToken) {\n          setTokenSymbol(usdcToken.symbol);\n        }\n      } catch (error) {\n        console.warn('Error getting token information from Nord:', error);\n      }\n    }\n  }, [nord]);\n\n  // Add animation to table values\n  useEffect(() => {\n    if (!showDetails) return;\n\n    // Extract the text values from the tableValues\n    const values = {\n      amount: `${Number(amount).toLocaleString()} ${tokenSymbol}`,\n      tx: tableValues.tx.text,\n      from: tableValues.from.text,\n      to: tableValues.to.text,\n      network: tableValues.network.text,\n      status: tableValues.status.text,\n    };\n\n    // Animate each field with typing effect\n    Object.entries(values).forEach(([key, value], index) => {\n      setTimeout(() => {\n        // Make the field visible first\n        setAnimatedTableValues((prev) => ({\n          ...prev,\n          [key]: {\n            ...prev[key as keyof typeof prev],\n            visible: true,\n            typing: true,\n          },\n        }));\n\n        let textIndex = 0;\n        // Type out each character with the typing animation\n        const interval = setInterval(() => {\n          if (textIndex <= value.length) {\n            setAnimatedTableValues((prev) => ({\n              ...prev,\n              [key]: {\n                text: value.slice(0, textIndex),\n                visible: true,\n                typing: textIndex < value.length,\n              },\n            }));\n            textIndex++;\n          } else {\n            clearInterval(interval);\n            setAnimatedTableValues((prev) => ({\n              ...prev,\n              [key]: {\n                text: value,\n                visible: true,\n                typing: false,\n              },\n            }));\n          }\n        }, TYPING_INTERVAL);\n      }, index * 300); // Slightly faster staggering for better UX\n    });\n  }, [showDetails]);\n\n  // Enable the continue button after a minimum viewing time\n  useEffect(() => {\n    const enableTimer = setTimeout(() => {\n      setIsContinueEnabled(true);\n      setShowWaitingMessage(false);\n    }, 4000);\n\n    return () => clearTimeout(enableTimer);\n  }, []);\n\n  const toggleDetails = () => {\n    setShowDetails((prev) => !prev);\n  };\n\n  return (\n    <div className=\"relative w-full px-4\">\n      <div className=\"flex flex-col space-y-6\">\n        {/* Amount display */}\n        <div className=\"w-full\">\n          <div\n            className={`relative w-full px-3 py-3 flex items-center justify-center transition-all duration-300 ${ANIMATION_EASE} ${showDetails ? 'opacity-0 max-h-0' : 'opacity-100 max-h-[200px]'}`}\n          >\n            <div\n              className={`relative w-full px-5 py-8 transition-all duration-300 ${ANIMATION_EASE} ${\n                showDetails ? 'max-h-0 overflow-hidden' : 'max-h-[200px]'\n              }`}\n            >\n              <div className=\"w-2 h-2 bg-emerald-800 absolute -top-2 -left-2 rounded-sm\"></div>\n              <div className=\"w-2 h-2 bg-emerald-800 absolute -top-2 -right-2 rounded-sm\"></div>\n              <div className=\"w-2 h-2 bg-emerald-800 absolute -bottom-2 -left-2 rounded-sm\"></div>\n              <div className=\"w-2 h-2 bg-emerald-800 absolute -bottom-2 -right-2 rounded-sm\"></div>\n              <p\n                className=\"text-5xl md:text-7xl tracking-tight text-emerald-500/80 font-medium pt-4 underline text-center n1-ww-animate-fade-up\"\n                style={{ animationDelay: '0.3s' }}\n              >\n                +{Number(amount).toLocaleString()}\n                <span className=\"text-xl md:text-2xl text-emerald-500/50 ml-2\">\n                  {tokenSymbol}\n                </span>\n              </p>\n\n              {/* Subtle transaction details toggle positioned at the bottom of amount display */}\n              <div className=\"absolute bottom-0 left-0 right-0 flex justify-center -mb-3\">\n                <button\n                  onClick={toggleDetails}\n                  className={`\n                    group flex items-center space-x-1 px-3 py-1 text-xs font-medium \n                    transition-colors duration-200 focus:outline-none\n                    ${showDetails\n                      ? 'text-emerald-400 hover:text-emerald-300'\n                      : 'text-n1-ww-gray-400 hover:text-emerald-400'}\n                  `}\n                >\n                  <span>View details</span>\n                  <svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    className=\"h-3 w-3 transition-transform duration-200\"\n                    fill=\"none\"\n                    viewBox=\"0 0 24 24\"\n                    stroke=\"currentColor\"\n                  >\n                    <path\n                      strokeLinecap=\"round\"\n                      strokeLinejoin=\"round\"\n                      strokeWidth={2}\n                      d=\"M19 9l-7 7-7-7\"\n                    />\n                  </svg>\n                </button>\n              </div>\n            </div>\n          </div>\n          <div\n            className={`transition-all duration-300 ease-in-out overflow-hidden ${\n              showDetails\n                ? 'max-h-[500px] opacity-100 -mt-4'\n                : 'max-h-0 opacity-0'\n            }`}\n          >\n            <TransactionTable\n              tableValues={animatedTableValues}\n              onClose={toggleDetails}\n            />\n          </div>\n\n          {/* Continue button */}\n          <div className=\"mt-6\">\n            {showWaitingMessage && (\n              <p className=\"text-sm text-neutral-400 text-center mb-2 n1-ww-animate-pulse\">\n                Please wait a moment...\n              </p>\n            )}\n            <button\n              onClick={isContinueEnabled ? completeDeposit : undefined}\n              onMouseEnter={() => setIsHovered(true)}\n              onMouseLeave={() => setIsHovered(false)}\n              className={`\n                group relative w-full overflow-hidden rounded-md border-2 bg-neutral-950 py-4 text-center\n                transition-all duration-300 ${ANIMATION_EASE}\n                cursor-pointer border-n1-ww-border hover:border-n1-ww-border\n                ${!isContinueEnabled ? 'opacity-50 cursor-not-allowed' : ''}\n              `}\n              style={{\n                transform:\n                  isHovered && isContinueEnabled ? 'scale(0.99)' : 'scale(1)',\n              }}\n              disabled={!isContinueEnabled}\n            >\n              <span\n                className={`\n                text-base font-medium tracking-wide transition-colors duration-300 ${ANIMATION_EASE}\n                text-n1-ww-gray-300 group-hover:text-white\n              `}\n              >\n                Continue\n              </span>\n            </button>\n          </div>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"05-DepositSuccessScreen.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/screens/05-DepositSuccessScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from 'react';\nimport { useN1WalletContext } from '../../../Provider/hooks';\nimport { isNordConfigured, shortenAddress } from '../utils/nordUtils';\nimport { useDepositContext } from '../context/DepositContext';\nimport { useFlowStateContext } from '../context/FlowContext';\nimport { getExplorerUrl } from '../../../Logic/transactionManager';\n\n// Share icon component reused from Header.tsx\nconst ShareIcon = ({ className }: { className?: string }) => (\n  <svg\n    className={className || 'h-full w-full'}\n    viewBox=\"0 0 14 14\"\n    fill=\"none\"\n    xmlns=\"http://www.w3.org/2000/svg\"\n  >\n    <path\n      d=\"M5.93066 8.06944L12.3473 1.65277\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.2\"\n      strokeLinecap=\"round\"\n    />\n    <path\n      d=\"M8.06958 1.65277H12.3474V5.93055\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.2\"\n      strokeLinecap=\"round\"\n    />\n    <path\n      d=\"M10.7431 7.80207V12.3472H1.65283V3.25693H6.19797\"\n      stroke=\"currentColor\"\n      strokeWidth=\"1.2\"\n      strokeLinecap=\"round\"\n    />\n  </svg>\n);\n\nexport function DepositSuccessScreen() {\n  const { amount, completeDeposit, transactionResult, transactionId } = useDepositContext();\n  const { nord } = useN1WalletContext();\n  const { context } = useFlowStateContext();\n  const [isContinueEnabled] = useState(true);\n  const [tokenSymbol, setTokenSymbol] = useState('USDC');\n  const [copiedAddress, setCopiedAddress] = useState(false);\n  const [showCopyTooltip, setShowCopyTooltip] = useState(false);\n\n  const fallbackTransaction = transactionResult ?? {\n    success: true,\n    transactionId: transactionId ?? 'pending-transaction',\n    amount: amount || '0',\n    tokenSymbol: 'USDC',\n    fromAddress: 'Debug Wallet',\n    toAddress: 'Exchange Account',\n    networkName: 'Devnet',\n    status: 'Completed',\n    explorerUrl: transactionId ? getExplorerUrl(transactionId) : '',\n  };\n\n  // Get token information from Nord if available\n  useEffect(() => {\n    if (nord && isNordConfigured(nord)) {\n      try {\n        const usdcToken =\n          nord.tokens.find((t) => t.symbol === 'USDC') || nord.tokens[0];\n        if (usdcToken) {\n          setTokenSymbol(usdcToken.symbol);\n        }\n      } catch (error) {\n        console.warn('Error getting token information from Nord:', error);\n      }\n    }\n  }, [nord]);\n\n  // Solana transaction ID (from depositSpl)\n  const solanaTransactionId = transactionId || fallbackTransaction.transactionId;\n  const solanaTransactionIdShort = shortenAddress(solanaTransactionId, 5, 4);\n  const solanaExplorerUrl = solanaTransactionId ? getExplorerUrl(solanaTransactionId) : '';\n\n  // N1 transaction ID (could be derived from transactionResult or generated)\n  // For now, using a formatted version or placeholder\n  const n1TransactionId = transactionResult?.transactionId \n    ? `n1_${transactionResult.transactionId.substring(0, 8)}`\n    : `n1_${solanaTransactionId.substring(0, 8)}`;\n  const n1TransactionIdShort = shortenAddress(n1TransactionId, 5, 4);\n  // N1 explorer URL (placeholder - adjust based on actual N1 explorer)\n  const n1ExplorerUrl = `https://explorer.n1.network/tx/${n1TransactionId}`;\n\n  const fromAddressShort = shortenAddress(fallbackTransaction.fromAddress, 5, 4);\n  const fromAddressFull = fallbackTransaction.fromAddress;\n\n  // Handle copy to clipboard for wallet address\n  const handleCopyAddress = async () => {\n    if (!fromAddressFull || typeof navigator === 'undefined') return;\n\n    const nav = navigator as Navigator & {\n      clipboard?: { writeText: (text: string) => Promise<void> };\n    };\n\n    if (nav.clipboard?.writeText) {\n      try {\n        await nav.clipboard.writeText(fromAddressFull);\n        setCopiedAddress(true);\n        setTimeout(() => {\n          setCopiedAddress(false);\n        }, 1000);\n      } catch (error) {\n        console.warn('Failed to copy address:', error);\n      }\n    }\n  };\n\n  return (\n    <div className=\"relative w-full\">\n      <div className=\"flex flex-col space-y-4\">\n        {/* Amount display */}\n        <div className=\"w-full py-4\">\n          <div className=\"flex items-center justify-center\">\n            <div className=\"text-center flex items-end\">\n              <div className=\"text-5xl md:text-6xl tracking-tight text-n1-ww-main font-medium\">\n                {Number(amount).toLocaleString()}\n              </div>\n              <div className=\"h-5 inline-flex items-center justify-center border border-n1-ww-border rounded px-1 py-1 ml-2 mb-1\">\n                <span className=\"text-white text-xs font-light\">{tokenSymbol}</span>\n              </div>\n            </div>\n          </div>\n        </div>\n\n        {/* Transaction details */}\n        <div className=\"space-y-3 mb-4\">\n          <div className=\"flex items-center justify-between\">\n            <span className=\"text-white text-xs font-light\">Amount:</span>\n            <span className=\"text-white text-xs font-light\">\n              {Number(amount).toLocaleString()} {tokenSymbol}\n            </span>\n          </div>\n          \n          <div className=\"flex items-center justify-between\">\n            <span className=\"text-white text-xs font-light\">Status:</span>\n            <div className=\"flex items-center gap-2\">\n              <svg\n                width=\"14\"\n                height=\"14\"\n                viewBox=\"0 0 14 14\"\n                fill=\"none\"\n                xmlns=\"http://www.w3.org/2000/svg\"\n                className=\"text-n1-ww-accent-neon\"\n              >\n                <rect\n                  x=\"0.5\"\n                  y=\"0.5\"\n                  width=\"13\"\n                  height=\"13\"\n                  rx=\"6.5\"\n                  stroke=\"currentColor\"\n                />\n                <path\n                  fillRule=\"evenodd\"\n                  clipRule=\"evenodd\"\n                  d=\"M10.7917 4.83199L6.54647 9.9756L6.27917 10.2995L5.97635 10.0059L3.5 7.60561L4.0421 7.0879L6.21563 9.19473L10.1935 4.375L10.7917 4.83199Z\"\n                  fill=\"currentColor\"\n                  stroke=\"currentColor\"\n                  strokeWidth=\"0.5\"\n                />\n              </svg>\n              <span className=\"text-n1-ww-accent-neon text-xs font-light\">{fallbackTransaction.status}</span>\n            </div>\n          </div>\n\n          <div className=\"flex items-center justify-between\">\n            <span className=\"text-white text-xs font-light\">From:</span>\n            <div className=\"relative flex items-center gap-1 group\">\n              <button\n                onClick={handleCopyAddress}\n                onMouseEnter={() => !copiedAddress && setShowCopyTooltip(true)}\n                onMouseLeave={() => setShowCopyTooltip(false)}\n                className=\"text-white text-xs font-light underline cursor-pointer hover:text-n1-ww-main transition-colors\"\n              >\n                {fromAddressShort}\n              </button>\n              {(copiedAddress || showCopyTooltip) && (\n                <div\n                  className={`absolute left-full ml-2 px-2 py-1 bg-n1-ww-gray-800 border border-n1-ww-border rounded text-xs text-white whitespace-nowrap z-10 pointer-events-none ${\n                    copiedAddress ? 'opacity-100' : showCopyTooltip ? 'opacity-100' : 'opacity-0'\n                  } transition-opacity duration-200`}\n                >\n                  {copiedAddress ? 'Copied!' : 'Click to copy'}\n                </div>\n              )}\n            </div>\n          </div>\n\n          <div className=\"flex items-center justify-between\">\n            <span className=\"text-white text-xs font-light\">N1 Transaction ID:</span>\n            <div className=\"flex items-center gap-1\">\n              <span className=\"text-white text-xs font-light underline\">{n1TransactionIdShort}</span>\n              {n1ExplorerUrl && (\n                <a\n                  href={n1ExplorerUrl}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className=\"flex h-4 w-4 flex-shrink-0 items-center justify-center text-n1-ww-main hover:text-white transition-colors\"\n                  aria-label=\"View N1 transaction on explorer\"\n                >\n                  <ShareIcon />\n                </a>\n              )}\n            </div>\n          </div>\n\n          <div className=\"flex items-center justify-between\">\n            <span className=\"text-white text-xs font-light\">Solana Transaction ID:</span>\n            <div className=\"flex items-center gap-1\">\n              <span className=\"text-white text-xs font-light underline\">{solanaTransactionIdShort}</span>\n              {solanaExplorerUrl && (\n                <a\n                  href={solanaExplorerUrl}\n                  target=\"_blank\"\n                  rel=\"noopener noreferrer\"\n                  className=\"flex h-4 w-4 flex-shrink-0 items-center justify-center text-n1-ww-main hover:text-white transition-colors\"\n                  aria-label=\"View transaction on explorer\"\n                >\n                  <ShareIcon />\n                </a>\n              )}\n            </div>\n          </div>\n        </div>\n\n        {/* Separator */}\n        <div className=\"h-px bg-n1-ww-border mb-4\"></div>\n\n        {/* Continue / Close button */}\n        <button\n          onClick={isContinueEnabled ? completeDeposit : undefined}\n          disabled={!isContinueEnabled}\n          className={`\n            w-full h-8 rounded border bg-transparent flex font-medium items-center justify-center\n            transition-all duration-200 transform\n            ${\n              isContinueEnabled\n                ? 'border-n1-ww-main hover:bg-n1-ww-gray-900 cursor-pointer text-n1-ww-main'\n                : 'border-n1-ww-border opacity-50 cursor-not-allowed text-n1-ww-gray-600'\n            }\n          `}\n        >\n          <span className=\"font-medium text-sm opacity-90\">\n            {context.isDepositOnlyFlow ? 'Close' : 'Continue'}\n          </span>\n        </button>\n      </div>\n    </div>\n  );\n}\n"]}

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

@@ -1,6 +1,5 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { useEffect, useRef, useState } from 'react';
-import { ANIMATION_EASE } from '../constants';
 import { useDepositContext } from '../context/DepositContext';
 import { WaitingMessage } from '../components/WaitingMessage';
 export function AuthLoadingScreen() {
@@ -25,11 +24,14 @@ export function AuthLoadingScreen() {
         subtitle: authStatusMessage || 'Please wait while we create your Nord account',
         isTyping: false,
     };
-    return (_jsx("div", { className: "flex flex-col items-center justify-center", children: authStatus === 'loading' ? (_jsx(WaitingMessage, { loaderSize: 52, message: loadingMessage })) : (_jsxs(_Fragment, { children: [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-white font-semibold", children: [authStatus === 'success' && 'Authentication Successful', authStatus === 'error' && 'Authentication Failed'] }), _jsxs("p", { className: "text-sm text-neutral-400", children: [authStatus === 'success' &&
-                                    'You have been logged in successfully', authStatus === 'error' &&
-                                    (authErrorMessage ||
-                                        'There was an error during authentication. Please try again.')] }), authStatus === 'error' && (_jsx("div", { className: "mt-6 space-y-3", children: _jsx("button", { onClick: handleRetry, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, className: "\n                    group relative w-full overflow-hidden rounded-md border-2 bg-neutral-950 py-4 text-center\n                    transition-all duration-300 ".concat(ANIMATION_EASE, "\n                    cursor-pointer border-n1-ww-border hover:border-n1-ww-border\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-n1-ww-gray-300 group-hover:text-white\n                  "), children: "Try Again" }) }) }))] })] })) }));
+    var statusVariant = authStatus === 'success'
+        ? 'success'
+        : authStatus === 'error'
+            ? 'error'
+            : undefined;
+    return (_jsx("div", { className: "overflow-hidden relative", children: authStatus === 'loading' ? (_jsx(WaitingMessage, { loaderSize: 52, message: loadingMessage })) : (_jsxs("div", { className: "flex flex-col items-center text-center space-y-2 ", children: [_jsxs("h3", { className: "text-xl text-white font-semibold", children: [statusVariant === 'success' && 'Authentication Successful', statusVariant === 'error' && 'Authentication Failed'] }), _jsxs("p", { className: "text-sm text-neutral-400", children: [statusVariant === 'success' && 'You have been logged in successfully', statusVariant === 'error' &&
+                            'There was an error during authentication. Please try again.'] }), statusVariant === 'error' && authErrorMessage && (_jsx("p", { className: "text-xs text-red-400", children: authErrorMessage })), statusVariant === 'error' && (_jsx("div", { className: "pt-4 w-full", children: _jsx("button", { onClick: handleRetry, onMouseEnter: function () { return setIsHovered(true); }, onMouseLeave: function () { return setIsHovered(false); }, className: "\n                  w-full h-8 rounded border bg-transparent flex items-center justify-center font-medium text-sm\n                  transition-all duration-200 transform\n                  border-n1-ww-main text-n1-ww-main hover:bg-n1-ww-gray-900 cursor-pointer\n                ", style: {
+                            transform: isHovered ? 'scale(0.99)' : 'scale(1)',
+                        }, children: "Try Again" }) }))] })) }));
 }
 //# sourceMappingURL=06-AuthLoadingScreen.js.map

package/dist/Modal/NordFlow/screens/06-AuthLoadingScreen.js.map

@@ -1 +1 @@
-{"version":3,"file":"06-AuthLoadingScreen.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/screens/06-AuthLoadingScreen.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,MAAM,UAAU,iBAAiB;IACzB,IAAA,KAA4B,QAAQ,CAAU,KAAK,CAAC,EAAnD,SAAS,QAAA,EAAE,YAAY,QAA4B,CAAC;IAC3D,IAAM,gBAAgB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEvC,2DAA2D;IACrD,IAAA,KAKF,iBAAiB,EAAE,EAJrB,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,gBAAgB,sBAAA,EAChB,iBAAiB,uBACI,CAAC;IAExB,SAAS,CAAC;QACR,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC;YAC9B,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;YAChC,WAAW,EAAE,CAAC;QAChB,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,IAAM,WAAW,GAAG;QAClB,iCAAiC;QACjC,gBAAgB,CAAC,OAAO,GAAG,KAAK,CAAC;QACjC,WAAW,EAAE,CAAC;IAChB,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG;QACrB,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,gBAAgB;QACvB,QAAQ,EACN,iBAAiB,IAAI,+CAA+C;QACtE,QAAQ,EAAE,KAAK;KAChB,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,2CAA2C,YACvD,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,CAC1B,KAAC,cAAc,IAAC,UAAU,EAAE,EAAE,EAAE,OAAO,EAAE,cAAc,GAAI,CAC5D,CAAC,CAAC,CAAC,CACF,8BACG,UAAU,KAAK,SAAS,IAAI,CAC3B,cAAK,SAAS,EAAC,8BAA8B,uBAAQ,CACtD,EACA,UAAU,KAAK,OAAO,IAAI,CACzB,cAAK,SAAS,EAAC,4BAA4B,6BAAS,CACrD,EAED,eAAK,SAAS,EAAC,iCAAiC,aAC9C,cAAI,SAAS,EAAC,kCAAkC,aAC7C,UAAU,KAAK,SAAS,IAAI,2BAA2B,EACvD,UAAU,KAAK,OAAO,IAAI,uBAAuB,IAC/C,EACL,aAAG,SAAS,EAAC,0BAA0B,aACpC,UAAU,KAAK,SAAS;oCACvB,sCAAsC,EACvC,UAAU,KAAK,OAAO;oCACrB,CAAC,gBAAgB;wCACf,6DAA6D,CAAC,IAChE,EAEH,UAAU,KAAK,OAAO,IAAI,CACzB,cAAK,SAAS,EAAC,gBAAgB,YAC7B,iBACE,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACtC,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,EACvC,SAAS,EAAE,2KAEqB,cAAc,2GAE7C,EACD,KAAK,EAAE;oCACL,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU;iCAClD,YAED,eACE,SAAS,EAAE,mGAC0D,cAAc,yFAEpF,0BAGM,GACA,GACL,CACP,IACG,IACL,CACJ,GACG,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { ANIMATION_EASE } from '../constants';\nimport { useDepositContext } from '../context/DepositContext';\nimport { WaitingMessage } from '../components/WaitingMessage';\n\nexport function AuthLoadingScreen() {\n  const [isHovered, setIsHovered] = useState<boolean>(false);\n  const authInitiatedRef = useRef(false);\n  \n  // Get auth-related state and functions from DepositContext\n  const { \n    performAuth,\n    authStatus, \n    authErrorMessage, \n    authStatusMessage\n  } = useDepositContext();\n\n  useEffect(() => {\n    if (!authInitiatedRef.current) {\n      authInitiatedRef.current = true;\n      performAuth();\n    }\n  }, [performAuth]);\n\n  const handleRetry = () => {\n    // Reset and retry authentication\n    authInitiatedRef.current = false;\n    performAuth();\n  };\n\n  const loadingMessage = {\n    visible: true,\n    title: 'Authenticating',\n    subtitle:\n      authStatusMessage || 'Please wait while we create your Nord account',\n    isTyping: false,\n  };\n\n  return (\n    <div className=\"flex flex-col items-center justify-center\">\n      {authStatus === 'loading' ? (\n        <WaitingMessage loaderSize={52} message={loadingMessage} />\n      ) : (\n        <>\n          {authStatus === 'success' && (\n            <div className=\"text-green-500 text-4xl mb-4\">✓</div>\n          )}\n          {authStatus === 'error' && (\n            <div className=\"text-red-500 text-4xl mb-4\">⚠️</div>\n          )}\n\n          <div className=\"space-y-2 text-center w-[300px]\">\n            <h3 className=\"text-xl text-white font-semibold\">\n              {authStatus === 'success' && 'Authentication Successful'}\n              {authStatus === 'error' && 'Authentication Failed'}\n            </h3>\n            <p className=\"text-sm text-neutral-400\">\n              {authStatus === 'success' &&\n                'You have been logged in successfully'}\n              {authStatus === 'error' &&\n                (authErrorMessage ||\n                  'There was an error during authentication. Please try again.')}\n            </p>\n\n            {authStatus === 'error' && (\n              <div className=\"mt-6 space-y-3\">\n                <button\n                  onClick={handleRetry}\n                  onMouseEnter={() => setIsHovered(true)}\n                  onMouseLeave={() => setIsHovered(false)}\n                  className={`\n                    group relative w-full overflow-hidden rounded-md border-2 bg-neutral-950 py-4 text-center\n                    transition-all duration-300 ${ANIMATION_EASE}\n                    cursor-pointer border-n1-ww-border hover:border-n1-ww-border\n                  `}\n                  style={{\n                    transform: isHovered ? 'scale(0.99)' : 'scale(1)',\n                  }}\n                >\n                  <span\n                    className={`\n                    text-base font-medium tracking-wide transition-colors duration-300 ${ANIMATION_EASE}\n                    text-n1-ww-gray-300 group-hover:text-white\n                  `}\n                  >\n                    Try Again\n                  </span>\n                </button>\n              </div>\n            )}\n          </div>\n        </>\n      )}\n    </div>\n  );\n}\n"]}
+{"version":3,"file":"06-AuthLoadingScreen.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/screens/06-AuthLoadingScreen.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,2BAA2B,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAE9D,MAAM,UAAU,iBAAiB;IACzB,IAAA,KAA4B,QAAQ,CAAU,KAAK,CAAC,EAAnD,SAAS,QAAA,EAAE,YAAY,QAA4B,CAAC;IAC3D,IAAM,gBAAgB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;IAEvC,2DAA2D;IACrD,IAAA,KAKF,iBAAiB,EAAE,EAJrB,WAAW,iBAAA,EACX,UAAU,gBAAA,EACV,gBAAgB,sBAAA,EAChB,iBAAiB,uBACI,CAAC;IAExB,SAAS,CAAC;QACR,IAAI,CAAC,gBAAgB,CAAC,OAAO,EAAE,CAAC;YAC9B,gBAAgB,CAAC,OAAO,GAAG,IAAI,CAAC;YAChC,WAAW,EAAE,CAAC;QAChB,CAAC;IACH,CAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;IAElB,IAAM,WAAW,GAAG;QAClB,iCAAiC;QACjC,gBAAgB,CAAC,OAAO,GAAG,KAAK,CAAC;QACjC,WAAW,EAAE,CAAC;IAChB,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG;QACrB,OAAO,EAAE,IAAI;QACb,KAAK,EAAE,gBAAgB;QACvB,QAAQ,EACN,iBAAiB,IAAI,+CAA+C;QACtE,QAAQ,EAAE,KAAK;KAChB,CAAC;IAEF,IAAM,aAAa,GACjB,UAAU,KAAK,SAAS;QACtB,CAAC,CAAC,SAAS;QACX,CAAC,CAAC,UAAU,KAAK,OAAO;YACtB,CAAC,CAAC,OAAO;YACT,CAAC,CAAC,SAAS,CAAC;IAElB,OAAO,CACL,cAAK,SAAS,EAAC,0BAA0B,YACtC,UAAU,KAAK,SAAS,CAAC,CAAC,CAAC,CAC1B,KAAC,cAAc,IAAC,UAAU,EAAE,EAAE,EAAE,OAAO,EAAE,cAAc,GAAI,CAC5D,CAAC,CAAC,CAAC,CACF,eAAK,SAAS,EAAC,mDAAmD,aAChE,cAAI,SAAS,EAAC,kCAAkC,aAC7C,aAAa,KAAK,SAAS,IAAI,2BAA2B,EAC1D,aAAa,KAAK,OAAO,IAAI,uBAAuB,IAClD,EACL,aAAG,SAAS,EAAC,0BAA0B,aACpC,aAAa,KAAK,SAAS,IAAI,sCAAsC,EACrE,aAAa,KAAK,OAAO;4BACxB,6DAA6D,IAC7D,EACH,aAAa,KAAK,OAAO,IAAI,gBAAgB,IAAI,CAChD,YAAG,SAAS,EAAC,sBAAsB,YAAE,gBAAgB,GAAK,CAC3D,EACA,aAAa,KAAK,OAAO,IAAI,CAC5B,cAAK,SAAS,EAAC,aAAa,YAC1B,iBACE,OAAO,EAAE,WAAW,EACpB,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,CAAC,EAAlB,CAAkB,EACtC,YAAY,EAAE,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,EACvC,SAAS,EAAE,0RAIV,EACD,KAAK,EAAE;4BACL,SAAS,EAAE,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,CAAC,CAAC,UAAU;yBAClD,0BAGM,GACL,CACP,IACG,CACP,GACG,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { useDepositContext } from '../context/DepositContext';\nimport { WaitingMessage } from '../components/WaitingMessage';\n\nexport function AuthLoadingScreen() {\n  const [isHovered, setIsHovered] = useState<boolean>(false);\n  const authInitiatedRef = useRef(false);\n  \n  // Get auth-related state and functions from DepositContext\n  const { \n    performAuth,\n    authStatus, \n    authErrorMessage, \n    authStatusMessage\n  } = useDepositContext();\n\n  useEffect(() => {\n    if (!authInitiatedRef.current) {\n      authInitiatedRef.current = true;\n      performAuth();\n    }\n  }, [performAuth]);\n\n  const handleRetry = () => {\n    // Reset and retry authentication\n    authInitiatedRef.current = false;\n    performAuth();\n  };\n\n  const loadingMessage = {\n    visible: true,\n    title: 'Authenticating',\n    subtitle:\n      authStatusMessage || 'Please wait while we create your Nord account',\n    isTyping: false,\n  };\n\n  const statusVariant =\n    authStatus === 'success'\n      ? 'success'\n      : authStatus === 'error'\n        ? 'error'\n        : undefined;\n\n  return (\n    <div className=\"overflow-hidden relative\">\n      {authStatus === 'loading' ? (\n        <WaitingMessage loaderSize={52} message={loadingMessage} />\n      ) : (\n        <div className=\"flex flex-col items-center text-center space-y-2 \">\n          <h3 className=\"text-xl text-white font-semibold\">\n            {statusVariant === 'success' && 'Authentication Successful'}\n            {statusVariant === 'error' && 'Authentication Failed'}\n          </h3>\n          <p className=\"text-sm text-neutral-400\">\n            {statusVariant === 'success' && 'You have been logged in successfully'}\n            {statusVariant === 'error' &&\n              'There was an error during authentication. Please try again.'}\n          </p>\n          {statusVariant === 'error' && authErrorMessage && (\n            <p className=\"text-xs text-red-400\">{authErrorMessage}</p>\n          )}\n          {statusVariant === 'error' && (\n            <div className=\"pt-4 w-full\">\n              <button\n                onClick={handleRetry}\n                onMouseEnter={() => setIsHovered(true)}\n                onMouseLeave={() => setIsHovered(false)}\n                className={`\n                  w-full h-8 rounded border bg-transparent flex items-center justify-center font-medium text-sm\n                  transition-all duration-200 transform\n                  border-n1-ww-main text-n1-ww-main hover:bg-n1-ww-gray-900 cursor-pointer\n                `}\n                style={{\n                  transform: isHovered ? 'scale(0.99)' : 'scale(1)',\n                }}\n              >\n                Try Again\n              </button>\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"]}

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

@@ -1,10 +1,6 @@
-export * from './00-IdleScreen';
 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';
+export * from './02-ChainSelectionScreen';
+export * from './03-AmountInputScreen';
+export * from './04-DepositProgressScreen';
+export * from './05-DepositSuccessScreen';
+export * from './06-AuthLoadingScreen';

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

@@ -1,11 +1,7 @@
-export * from './00-IdleScreen';
 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';
+export * from './02-ChainSelectionScreen';
+export * from './03-AmountInputScreen';
+export * from './04-DepositProgressScreen';
+export * from './05-DepositSuccessScreen';
+export * from './06-AuthLoadingScreen';
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/screens/index.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,kBAAkB,CAAC","sourcesContent":["export * from './00-IdleScreen';\nexport * from './01-ConnectWalletScreen';\nexport * from './02-EvmWalletAuthScreen';\nexport * from './03-ChainSelectionScreen';\nexport * from './04-AmountInputScreen';\nexport * from './05-DepositProgressScreen';\nexport * from './06-DepositSuccessScreen';\nexport * from './07-AuthLoadingScreen';\nexport * from './08-FinalSuccessScreen';\nexport * from './09-ErrorScreen';\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/Modal/NordFlow/screens/index.ts"],"names":[],"mappings":"AAAA,cAAc,0BAA0B,CAAC;AACzC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,2BAA2B,CAAC;AAC1C,cAAc,wBAAwB,CAAC","sourcesContent":["export * from './01-ConnectWalletScreen';\nexport * from './02-ChainSelectionScreen';\nexport * from './03-AmountInputScreen';\nexport * from './04-DepositProgressScreen';\nexport * from './05-DepositSuccessScreen';\nexport * from './06-AuthLoadingScreen';\n"]}

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

@@ -6,9 +6,7 @@ import React from 'react';
  * 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",
@@ -21,15 +19,27 @@ export declare enum FlowState {
  * Interface representing the flow context, containing all data necessary
  * for the wallet connection flow
  */
+export interface StoredDepositRecord {
+    transactionId: string;
+    amount: string;
+    tokenSymbol: string;
+    chainId: string;
+    chainName: string;
+    chainNetwork: string | null;
+    timestamp: number;
+}
 export interface FlowContext {
-    walletType: 'solana' | 'ethereum' | null;
     hasNordAccount: boolean;
     hasActiveSession: boolean;
     selectedChain: string | null;
+    selectedChainId: string | null;
+    selectedChainNetwork: string | null;
     amount: string;
     transactionId: string | null;
     error: Error | null;
     depositError?: string;
+    isDepositOnlyFlow: boolean;
+    lastDeposit: StoredDepositRecord | null;
 }
 /**
  * Interface for state transitions in the flow

package/dist/Modal/NordFlow/types.js

@@ -6,9 +6,7 @@
  */
 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";
@@ -21,13 +19,16 @@ export var FlowState;
  * Initial flow context with default values
  */
 export var initialFlowContext = {
-    walletType: null,
     hasNordAccount: false,
     hasActiveSession: false,
     selectedChain: null,
+    selectedChainId: null,
+    selectedChainNetwork: null,
     amount: '',
     transactionId: null,
     error: null,
     depositError: undefined,
+    isDepositOnlyFlow: false,
+    lastDeposit: null,
 };
 //# sourceMappingURL=types.js.map

package/dist/Modal/NordFlow/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/Modal/NordFlow/types.ts"],"names":[],"mappings":"AAEA;;GAEG;AAEH;;GAEG;AACH,MAAM,CAAN,IAAY,SAWX;AAXD,WAAY,SAAS;IACnB,0BAAa,CAAA;IACb,oDAAuC,CAAA;IACvC,gDAAmC,CAAA;IACnC,gDAAmC,CAAA;IACnC,0CAA6B,CAAA;IAC7B,kDAAqC,CAAA;IACrC,gDAAmC,CAAA;IACnC,0CAA6B,CAAA;IAC7B,4CAA+B,CAAA;IAC/B,4BAAe,CAAA;AACjB,CAAC,EAXW,SAAS,KAAT,SAAS,QAWpB;AA4BD;;GAEG;AACH,MAAM,CAAC,IAAM,kBAAkB,GAAgB;IAC7C,UAAU,EAAE,IAAI;IAChB,cAAc,EAAE,KAAK;IACrB,gBAAgB,EAAE,KAAK;IACvB,aAAa,EAAE,IAAI;IACnB,MAAM,EAAE,EAAE;IACV,aAAa,EAAE,IAAI;IACnB,KAAK,EAAE,IAAI;IACX,YAAY,EAAE,SAAS;CACxB,CAAC","sourcesContent":["import React from 'react';\n\n/**\n * Types for the wallet connection flow state machine\n */\n\n/**\n * Enum representing all possible states in the wallet connection flow\n */\nexport enum FlowState {\n  IDLE = 'IDLE',\n  CONNECTING_WALLET = 'CONNECTING_WALLET',\n  ETH_TO_SOL_AUTH = 'ETH_TO_SOL_AUTH',\n  CHAIN_SELECTION = 'CHAIN_SELECTION',\n  AMOUNT_INPUT = 'AMOUNT_INPUT',\n  DEPOSIT_PROGRESS = 'DEPOSIT_PROGRESS',\n  DEPOSIT_SUCCESS = 'DEPOSIT_SUCCESS',\n  AUTH_LOADING = 'AUTH_LOADING',\n  FINAL_SUCCESS = 'FINAL_SUCCESS',\n  ERROR = 'ERROR',\n}\n\n\n\n/**\n * Interface representing the flow context, containing all data necessary\n * for the wallet connection flow\n */\nexport interface FlowContext {\n  walletType: 'solana' | 'ethereum' | null;\n  hasNordAccount: boolean;\n  hasActiveSession: boolean;\n  selectedChain: string | null;\n  amount: string;\n  transactionId: string | null;\n  error: Error | null;\n  depositError?: string;\n}\n\n/**\n * Interface for state transitions in the flow\n */\nexport interface StateTransition {\n  from: FlowState | FlowState[];\n  to: FlowState;\n  condition?: (context: FlowContext) => boolean;\n}\n\n/**\n * Initial flow context with default values\n */\nexport const initialFlowContext: FlowContext = {\n  walletType: null,\n  hasNordAccount: false,\n  hasActiveSession: false,\n  selectedChain: null,\n  amount: '',\n  transactionId: null,\n  error: null,\n  depositError: undefined,\n};\n\nexport interface TableValues {\n  amount?: { text: string; visible: boolean; typing: boolean };\n  tx: { text: string; visible: boolean; typing: boolean };\n  from: { text: string; visible: boolean; typing: boolean };\n  to: { text: string; visible: boolean; typing: boolean };\n  network: { text: string; visible: boolean; typing: boolean };\n  status: { text: string; visible: boolean; typing: boolean };\n}\n\nexport interface WaitingMessageState {\n  title: string;\n  subtitle: string;\n  visible: boolean;\n  isTyping: boolean;\n}\n\n/**\n * Interface for a blockchain network\n */\nexport interface Chain {\n  id: string;\n  name: string;\n  logo: string | React.ReactNode;\n  disabled?: boolean;\n  network?: string;\n  description?: string;\n}\n\nexport interface App {\n  name: string;\n  color: string;\n  progress: number;\n}\n\nexport type ButtonKey = 'deposit' | 'continue' | 'openApp';\n\nexport interface ButtonState {\n  text: string;\n  isTyping: boolean;\n  showCursor: boolean;\n}\n\nexport type ButtonStates = Record<ButtonKey, ButtonState>;\n"]}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/Modal/NordFlow/types.ts"],"names":[],"mappings":"AAEA;;GAEG;AAEH;;GAEG;AACH,MAAM,CAAN,IAAY,SASX;AATD,WAAY,SAAS;IACnB,oDAAuC,CAAA;IACvC,gDAAmC,CAAA;IACnC,0CAA6B,CAAA;IAC7B,kDAAqC,CAAA;IACrC,gDAAmC,CAAA;IACnC,0CAA6B,CAAA;IAC7B,4CAA+B,CAAA;IAC/B,4BAAe,CAAA;AACjB,CAAC,EATW,SAAS,KAAT,SAAS,QASpB;AAyCD;;GAEG;AACH,MAAM,CAAC,IAAM,kBAAkB,GAAgB;IAC7C,cAAc,EAAE,KAAK;IACrB,gBAAgB,EAAE,KAAK;IACvB,aAAa,EAAE,IAAI;IACnB,eAAe,EAAE,IAAI;IACrB,oBAAoB,EAAE,IAAI;IAC1B,MAAM,EAAE,EAAE;IACV,aAAa,EAAE,IAAI;IACnB,KAAK,EAAE,IAAI;IACX,YAAY,EAAE,SAAS;IACvB,iBAAiB,EAAE,KAAK;IACxB,WAAW,EAAE,IAAI;CAClB,CAAC","sourcesContent":["import React from 'react';\n\n/**\n * Types for the wallet connection flow state machine\n */\n\n/**\n * Enum representing all possible states in the wallet connection flow\n */\nexport enum FlowState {\n  CONNECTING_WALLET = 'CONNECTING_WALLET',\n  CHAIN_SELECTION = 'CHAIN_SELECTION',\n  AMOUNT_INPUT = 'AMOUNT_INPUT',\n  DEPOSIT_PROGRESS = 'DEPOSIT_PROGRESS',\n  DEPOSIT_SUCCESS = 'DEPOSIT_SUCCESS',\n  AUTH_LOADING = 'AUTH_LOADING',\n  FINAL_SUCCESS = 'FINAL_SUCCESS',\n  ERROR = 'ERROR',\n}\n\n\n\n/**\n * Interface representing the flow context, containing all data necessary\n * for the wallet connection flow\n */\nexport interface StoredDepositRecord {\n  transactionId: string;\n  amount: string;\n  tokenSymbol: string;\n  chainId: string;\n  chainName: string;\n  chainNetwork: string | null;\n  timestamp: number;\n}\n\nexport interface FlowContext {\n  hasNordAccount: boolean;\n  hasActiveSession: boolean;\n  selectedChain: string | null;\n  selectedChainId: string | null;\n  selectedChainNetwork: string | null;\n  amount: string;\n  transactionId: string | null;\n  error: Error | null;\n  depositError?: string;\n  isDepositOnlyFlow: boolean;\n  lastDeposit: StoredDepositRecord | null;\n}\n\n/**\n * Interface for state transitions in the flow\n */\nexport interface StateTransition {\n  from: FlowState | FlowState[];\n  to: FlowState;\n  condition?: (context: FlowContext) => boolean;\n}\n\n/**\n * Initial flow context with default values\n */\nexport const initialFlowContext: FlowContext = {\n  hasNordAccount: false,\n  hasActiveSession: false,\n  selectedChain: null,\n  selectedChainId: null,\n  selectedChainNetwork: null,\n  amount: '',\n  transactionId: null,\n  error: null,\n  depositError: undefined,\n  isDepositOnlyFlow: false,\n  lastDeposit: null,\n};\n\nexport interface TableValues {\n  amount?: { text: string; visible: boolean; typing: boolean };\n  tx: { text: string; visible: boolean; typing: boolean };\n  from: { text: string; visible: boolean; typing: boolean };\n  to: { text: string; visible: boolean; typing: boolean };\n  network: { text: string; visible: boolean; typing: boolean };\n  status: { text: string; visible: boolean; typing: boolean };\n}\n\nexport interface WaitingMessageState {\n  title: string;\n  subtitle: string;\n  visible: boolean;\n  isTyping: boolean;\n}\n\n/**\n * Interface for a blockchain network\n */\nexport interface Chain {\n  id: string;\n  name: string;\n  logo: string | React.ReactNode;\n  disabled?: boolean;\n  network?: string;\n  description?: string;\n}\n\nexport interface App {\n  name: string;\n  color: string;\n  progress: number;\n}\n\nexport type ButtonKey = 'deposit' | 'continue' | 'openApp';\n\nexport interface ButtonState {\n  text: string;\n  isTyping: boolean;\n  showCursor: boolean;\n}\n\nexport type ButtonStates = Record<ButtonKey, ButtonState>;\n"]}

package/dist/Modal/NordFlow/utils/depositStorage.d.ts

@@ -0,0 +1,4 @@
+import { StoredDepositRecord } from '../types';
+export declare function saveLastDepositRecord(address: string | null | undefined, record: StoredDepositRecord): void;
+export declare function readLastDepositRecord(address: string | null | undefined): StoredDepositRecord | null;
+export declare function clearLastDepositRecord(address: string | null | undefined): void;

package/dist/Modal/NordFlow/utils/depositStorage.js

@@ -0,0 +1,48 @@
+var LAST_DEPOSIT_KEY_PREFIX = 'n1_last_deposit_';
+var getStorage = function () {
+    return typeof window === 'undefined' ? null : window.localStorage;
+};
+var getKey = function (address) {
+    return "".concat(LAST_DEPOSIT_KEY_PREFIX).concat(address.toLowerCase());
+};
+export function saveLastDepositRecord(address, record) {
+    if (!address || !record || !record.transactionId) {
+        return;
+    }
+    var storage = getStorage();
+    if (!storage) {
+        return;
+    }
+    storage.setItem(getKey(address), JSON.stringify(record));
+}
+export function readLastDepositRecord(address) {
+    if (!address) {
+        return null;
+    }
+    var storage = getStorage();
+    if (!storage) {
+        return null;
+    }
+    try {
+        var raw = storage.getItem(getKey(address));
+        if (!raw) {
+            return null;
+        }
+        return JSON.parse(raw);
+    }
+    catch (_a) {
+        storage.removeItem(getKey(address));
+        return null;
+    }
+}
+export function clearLastDepositRecord(address) {
+    if (!address) {
+        return;
+    }
+    var storage = getStorage();
+    if (!storage) {
+        return;
+    }
+    storage.removeItem(getKey(address));
+}
+//# sourceMappingURL=depositStorage.js.map