@n1xyz/wallet-widget 0.0.30 → 0.0.33-alpha.0

package/dist/{Modal/NordFlow → features/onboarding-flow}/screens/03-AmountInputScreen.js

@@ -54,40 +54,31 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-var _a;
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { Connection, LAMPORTS_PER_SOL, PublicKey } from "@solana/web3.js";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { SolanaLogo } from "../../../components/logos";
-import { getSolanaRpcUrl, SolanaNetwork } from "../../../config/solana";
-import { useN1WalletContext } from "../../../Provider/hooks";
+import { useN1WalletContext } from "../../../hooks";
 import { logger } from "../../../utils/logger";
-import { useDepositContext } from "../context/DepositContext";
-import { useFlowStateContext } from "../context/FlowContext";
+import { useDepositFlow, useOnboardingState } from "../providers";
 import { formatAmount, isNordConfigured } from "../utils/nordUtils";
-var USDC_MINT_BY_NETWORK = (_a = {},
-    _a[SolanaNetwork.MAINNET] = "EPjFWdd5AufqSSqeM2qN1xzybapC8hEki3H6KNozN8n",
-    _a[SolanaNetwork.TESTNET] = "Gh9ZwEmdLJ8DscKDTvQYTNUCq6sDgtdHcW52quXFMcGQ",
-    _a[SolanaNetwork.DEVNET] = "Gh9ZwEmdLJ8DscKDTvQYTNUCq6sDgtdHcW52quXFMcGQ",
-    _a);
-var GAS_FEE_LAMPORTS = 5000; // ~0.000005 SOL
-var BALANCE_REFRESH_MS = 20000;
-var DEFAULT_AMOUNT = "100";
-var DEFAULT_MIN_DEPOSIT = 5;
-var INITIAL_BALANCE_STATE = {
-    usdc: null,
-    sol: null,
-    loading: false,
-    error: null,
-};
+import { getSolanaRpcUrl } from "../../../config/solana";
+export var DEFAULT_MIN_DEPOSIT = 5;
+export var BALANCE_REFRESH_MS = 20000;
 export function AmountInputScreen(_a) {
     var _this = this;
-    var context = useFlowStateContext().context;
-    var _b = useDepositContext(), amount = _b.amount, updateAmount = _b.updateAmount, startDeposit = _b.startDeposit;
+    var context = useOnboardingState().context;
+    var _b = useDepositFlow(), amount = _b.amount, updateAmount = _b.updateAmount, startDeposit = _b.startDeposit;
     var _c = useN1WalletContext(), nord = _c.nord, address = _c.address;
-    var _d = useState("USDC"), tokenSymbol = _d[0], setTokenSymbol = _d[1];
-    var _e = useState(6), tokenDecimals = _e[0], setTokenDecimals = _e[1];
-    var _f = useState(INITIAL_BALANCE_STATE), walletBalances = _f[0], setWalletBalances = _f[1];
+    var _d = useState(null), tokenSymbol = _d[0], setTokenSymbol = _d[1];
+    var _e = useState(null), tokenDecimals = _e[0], setTokenDecimals = _e[1];
+    var _f = useState(null), nordTokens = _f[0], setNordTokens = _f[1];
+    var _g = useState({
+        usdc: null,
+        sol: null,
+        loading: false,
+        error: null,
+    }), walletBalances = _g[0], setWalletBalances = _g[1];
     var isMountedRef = useRef(true);
     useEffect(function () {
         return function () {
@@ -96,44 +87,96 @@ export function AmountInputScreen(_a) {
     }, []);
     useEffect(function () {
         if (!amount) {
-            updateAmount(DEFAULT_AMOUNT);
+            updateAmount("100");
         }
     }, [amount, updateAmount]);
     var selectedChainName = context.selectedChain || "Solana";
-    var selectedNetwork = useMemo(function () {
-        var configuredNetwork = context.selectedChainNetwork;
-        if (configuredNetwork &&
-            Object.values(SolanaNetwork).includes(configuredNetwork)) {
-            return configuredNetwork;
-        }
-        return SolanaNetwork.MAINNET;
-    }, [context.selectedChainNetwork]);
-    var fallbackMintForNetwork = useMemo(function () {
-        var _a;
-        return (_a = USDC_MINT_BY_NETWORK[selectedNetwork]) !== null && _a !== void 0 ? _a : USDC_MINT_BY_NETWORK[SolanaNetwork.MAINNET];
-    }, [selectedNetwork]);
-    var _g = useState(fallbackMintForNetwork), tokenMintAddress = _g[0], setTokenMintAddress = _g[1];
+    var _h = useState(null), tokenMintAddress = _h[0], setTokenMintAddress = _h[1];
     useEffect(function () {
-        setTokenMintAddress(fallbackMintForNetwork);
-    }, [fallbackMintForNetwork]);
+        var isCancelled = false;
+        var loadNordTokens = function () { return __awaiter(_this, void 0, void 0, function () {
+            var error_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        if (!nord || !isNordConfigured(nord)) {
+                            if (!isCancelled) {
+                                setNordTokens(null);
+                            }
+                            return [2 /*return*/];
+                        }
+                        if (Array.isArray(nord.tokens) && nord.tokens.length > 0) {
+                            if (!isCancelled) {
+                                setNordTokens(nord.tokens);
+                            }
+                            return [2 /*return*/];
+                        }
+                        if (typeof nord.fetchNordInfo !== "function") {
+                            return [2 /*return*/];
+                        }
+                        _a.label = 1;
+                    case 1:
+                        _a.trys.push([1, 3, , 4]);
+                        return [4 /*yield*/, nord.fetchNordInfo()];
+                    case 2:
+                        _a.sent();
+                        if (isCancelled) {
+                            return [2 /*return*/];
+                        }
+                        if (Array.isArray(nord.tokens) && nord.tokens.length > 0) {
+                            setNordTokens(nord.tokens);
+                        }
+                        return [3 /*break*/, 4];
+                    case 3:
+                        error_1 = _a.sent();
+                        if (!isCancelled) {
+                            logger.warn("Unable to fetch Nord info:", error_1);
+                            setNordTokens(null);
+                        }
+                        return [3 /*break*/, 4];
+                    case 4: return [2 /*return*/];
+                }
+            });
+        }); };
+        loadNordTokens();
+        return function () {
+            isCancelled = true;
+        };
+    }, [nord]);
     useEffect(function () {
         if (nord && isNordConfigured(nord)) {
             try {
-                var usdcToken_1 = nord.tokens.find(function (t) { return t.symbol === "USDC"; }) || nord.tokens[0];
-                if (usdcToken_1) {
-                    setTokenSymbol(usdcToken_1.symbol);
-                    setTokenDecimals(usdcToken_1.decimals);
-                    setTokenMintAddress(function (prev) { var _a; return (_a = usdcToken_1.mintAddr) !== null && _a !== void 0 ? _a : prev; });
+                if (!nordTokens || nordTokens.length === 0) {
+                    return;
+                }
+                console.log("nordTokens", nordTokens);
+                var usdcToken = nordTokens.find(function (t) { return t.symbol === "USDC"; }) || nordTokens[0];
+                if (usdcToken) {
+                    if (!usdcToken.symbol) {
+                        throw new Error("Nord token configuration missing symbol");
+                    }
+                    if (!Number.isFinite(usdcToken.decimals)) {
+                        throw new Error("Nord token configuration missing decimals");
+                    }
+                    if (!usdcToken.mintAddr) {
+                        throw new Error("Nord token configuration missing mint address");
+                    }
+                    setTokenSymbol(usdcToken.symbol);
+                    setTokenDecimals(usdcToken.decimals);
+                    setTokenMintAddress(usdcToken.mintAddr);
                 }
             }
             catch (error) {
                 logger.warn("Error getting token information from Nord:", error);
             }
         }
-    }, [nord]);
+    }, [nord, nordTokens]);
     var minDeposit = useMemo(function () {
         var _a, _b;
-        if (!nord || !isNordConfigured(nord) || !tokenMintAddress) {
+        if (!nord ||
+            !isNordConfigured(nord) ||
+            !tokenMintAddress ||
+            tokenDecimals == null) {
             return DEFAULT_MIN_DEPOSIT;
         }
         try {
@@ -158,14 +201,19 @@ export function AmountInputScreen(_a) {
             args_1[_i] = arguments[_i];
         }
         return __awaiter(_this, __spreadArray([], args_1, true), void 0, function (showSpinner) {
-            var rpcEndpoint, connection, ownerKey, _a, solLamports, tokenAccounts, usdcTotal, error_1;
+            var rpcEndpoint, connection, ownerKey, _a, solLamports, tokenAccounts, usdcTotal, error_2;
             if (showSpinner === void 0) { showSpinner = true; }
             return __generator(this, function (_b) {
                 switch (_b.label) {
                     case 0:
-                        if (!address) {
+                        if (!address || !tokenMintAddress) {
                             if (isMountedRef.current) {
-                                setWalletBalances(INITIAL_BALANCE_STATE);
+                                setWalletBalances({
+                                    usdc: null,
+                                    sol: null,
+                                    loading: false,
+                                    error: null,
+                                });
                             }
                             return [2 /*return*/];
                         }
@@ -210,8 +258,8 @@ export function AmountInputScreen(_a) {
                         });
                         return [3 /*break*/, 4];
                     case 3:
-                        error_1 = _b.sent();
-                        logger.warn("Failed to load wallet balances", error_1);
+                        error_2 = _b.sent();
+                        logger.warn("Failed to load wallet balances", error_2);
                         if (!isMountedRef.current) {
                             return [2 /*return*/];
                         }
@@ -223,17 +271,21 @@ export function AmountInputScreen(_a) {
         });
     }, [address, tokenMintAddress]);
     useEffect(function () {
+        if (!tokenMintAddress) {
+            return;
+        }
         fetchBalances();
         var interval = setInterval(function () {
             fetchBalances(false);
         }, BALANCE_REFRESH_MS);
         return function () { return clearInterval(interval); };
-    }, [fetchBalances]);
+    }, [fetchBalances, tokenMintAddress]);
     var isSolana = selectedChainName.toLowerCase().includes("solana");
-    var gasFeeInSol = GAS_FEE_LAMPORTS / LAMPORTS_PER_SOL;
-    var gasFeeUSD = "~$0.0012";
+    var requiredSolForFees = 0.002; // ensure wallet has at least 0.002 SOL for fees
+    var gasFeeDisplay = "~$0.30";
     var minDepositDisplay = minDeposit.toString();
-    var formattedBalance = walletBalances.usdc == null
+    var tokenSymbolDisplay = tokenSymbol !== null && tokenSymbol !== void 0 ? tokenSymbol : "—";
+    var formattedBalance = walletBalances.usdc == null || tokenDecimals == null
         ? walletBalances.loading
             ? "Loading..."
             : "—"
@@ -247,7 +299,9 @@ export function AmountInputScreen(_a) {
     var hasEnteredAmount = Number.isFinite(numericAmount) && numericAmount > 0;
     var meetsMinDeposit = numericAmount >= minDeposit;
     var hasSufficientUsdc = walletBalances.usdc == null ? false : numericAmount <= walletBalances.usdc;
-    var hasSufficientSol = walletBalances.sol == null ? false : walletBalances.sol >= gasFeeInSol;
+    var hasSufficientSol = walletBalances.sol == null
+        ? false
+        : walletBalances.sol >= requiredSolForFees;
     var validationError = useMemo(function () {
         if (!address) {
             return "Connect a wallet to continue.";
@@ -255,10 +309,15 @@ export function AmountInputScreen(_a) {
         if (walletBalances.error) {
             return walletBalances.error;
         }
+        if (!tokenSymbol || tokenDecimals == null) {
+            return "Token information unavailable. Please try again later.";
+        }
         if (!hasEnteredAmount) {
             return "Enter an amount to continue.";
         }
-        if (walletBalances.loading || walletBalances.usdc == null || walletBalances.sol == null) {
+        if (walletBalances.loading ||
+            walletBalances.usdc == null ||
+            walletBalances.sol == null) {
             return null;
         }
         if (!meetsMinDeposit) {
@@ -282,16 +341,19 @@ export function AmountInputScreen(_a) {
         hasSufficientUsdc,
         meetsMinDeposit,
         tokenSymbol,
+        tokenDecimals,
         minDeposit,
     ]);
     var isValidAmount = !walletBalances.loading && validationError === null;
     var handleUseMax = function () {
-        if (walletBalances.usdc == null || walletBalances.usdc <= 0) {
+        if (walletBalances.usdc == null ||
+            walletBalances.usdc <= 0 ||
+            tokenDecimals == null) {
             return;
         }
         updateAmount(walletBalances.usdc.toFixed(tokenDecimals));
     };
-    return (_jsxs("div", { className: "overflow-hidden relative", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsx("h2", { className: "text-sm text-white font-medium", children: "Deposit From" }), _jsxs("div", { className: "flex items-center space-x-2 rounded-md bg-n1-ww-border h-5 justify-center p-1", children: [isSolana ? (_jsx("div", { className: "rounded-full flex items-center justify-center bg-black h-3 w-3", children: _jsx(SolanaLogo, { width: 6, height: 6 }) })) : (_jsx("div", { className: "w-4 h-4 rounded-full bg-n1-ww-gray-600" })), _jsx("span", { className: "text-white text-xs font-medium", children: selectedChainName })] })] }), _jsxs("div", { className: "space-y-3 mb-4 text-white text-xs font-light", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { children: "Available Balance:" }), _jsxs("span", { children: [formattedBalance, " ", tokenSymbol] })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { children: "SOL Balance:" }), _jsxs("span", { children: [formattedSolBalance, " SOL"] })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { children: "Minimum Deposit:" }), _jsxs("span", { children: [minDepositDisplay, " ", tokenSymbol] })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { children: "Gas Fee:" }), _jsxs("span", { children: [gasFeeInSol.toFixed(6), " SOL (", gasFeeUSD, ")"] })] })] }), _jsx("div", { className: "h-px bg-n1-ww-border mb-4" }), _jsxs("div", { className: "mb-4 flex justify-between w-full", children: [_jsx("div", { className: "flex items-center gap-3", children: _jsxs("div", { className: "flex items-center justify-between border border-n1-ww-gray-400 bg-n1-ww-gray-600 flex-1 w-[292px] rounded h-8 px-2", children: [_jsx("span", { className: "text-white text-sm font-medium", children: "Amount" }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx("input", { type: "number", step: "0.000001", value: amount, onChange: function (e) { return updateAmount(e.target.value); }, className: "text-white font-light text-xs text-right bg-transparent border-none outline-none focus:ring-2 focus:ring-n1-ww-main focus:ring-offset-0 rounded px-1" }), _jsx("button", { className: "border border-n1-ww-gray-400 h-5 text-white text-xs font-light flex items-center justify-center px-1 rounded transition-colors", children: tokenSymbol })] })] }) }), _jsx("button", { className: "border border-n1-ww-gray-400 bg-n1-ww-gray-600 rounded text-white text-sm font-medium px-2 h-8 hover:bg-n1-ww-gray-800 transition-colors w-[68px]", onClick: handleUseMax, type: "button", children: "Max" })] }), validationError && (_jsx("p", { className: "mb-2 text-xs text-red-400", children: validationError })), _jsx("button", { onClick: startDeposit, disabled: !isValidAmount, 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(isValidAmount
+    return (_jsxs("div", { className: "overflow-hidden relative", children: [_jsxs("div", { className: "flex items-center justify-between mb-4", children: [_jsx("h2", { className: "text-sm text-white font-medium", children: "Deposit From" }), _jsxs("div", { className: "flex items-center space-x-2 rounded-md bg-n1-ww-border h-5 justify-center p-1", children: [isSolana ? (_jsx("div", { className: "rounded-full flex items-center justify-center bg-black h-3 w-3", children: _jsx(SolanaLogo, { width: 6, height: 6 }) })) : (_jsx("div", { className: "w-4 h-4 rounded-full bg-n1-ww-gray-600" })), _jsx("span", { className: "text-white text-xs font-medium", children: selectedChainName })] })] }), _jsxs("div", { className: "space-y-3 mb-4 text-white text-xs font-light", children: [_jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { children: "Available Balance:" }), _jsxs("span", { children: [formattedBalance, " ", tokenSymbolDisplay] })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { children: "SOL Balance:" }), _jsxs("span", { children: [formattedSolBalance, " SOL"] })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { children: "Minimum Deposit:" }), _jsxs("span", { children: [minDepositDisplay, " ", tokenSymbolDisplay] })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsx("span", { children: "Gas Fee:" }), _jsx("span", { children: gasFeeDisplay })] })] }), _jsx("div", { className: "h-px bg-n1-ww-border mb-4" }), _jsxs("div", { className: "mb-4 flex justify-between w-full", children: [_jsx("div", { className: "flex items-center gap-3", children: _jsxs("div", { className: "flex items-center justify-between border border-n1-ww-gray-400 bg-n1-ww-gray-600 flex-1 w-[292px] rounded h-8 px-2", children: [_jsx("span", { className: "text-white text-sm font-medium", children: "Amount" }), _jsxs("div", { className: "flex items-center space-x-2", children: [_jsx("input", { type: "number", step: "0.000001", value: amount, onChange: function (e) { return updateAmount(e.target.value); }, className: "text-white font-light text-xs text-right bg-transparent border-none outline-none focus:ring-2 focus:ring-n1-ww-main focus:ring-offset-0 rounded px-1" }), _jsx("button", { className: "border border-n1-ww-gray-400 h-5 text-white text-xs font-light flex items-center justify-center px-1 rounded transition-colors", children: tokenSymbolDisplay })] })] }) }), _jsx("button", { className: "border border-n1-ww-gray-400 bg-n1-ww-gray-600 rounded text-white text-sm font-medium px-2 h-8 hover:bg-n1-ww-gray-800 transition-colors w-[68px]", onClick: handleUseMax, type: "button", children: "Max" })] }), validationError && (_jsx("p", { className: "mb-2 text-xs text-red-400", children: validationError })), _jsx("button", { onClick: startDeposit, disabled: !isValidAmount, 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(isValidAmount
                     ? "border-n1-ww-main hover:bg-n1-ww-gray-900 cursor-pointer"
                     : "border-n1-ww-border opacity-50 cursor-not-allowed", "\n        "), children: _jsx("span", { className: "\n            font-medium text-sm opacity-90\n            ".concat(isValidAmount ? "text-n1-ww-main" : "text-n1-ww-gray-600", "\n          "), children: "Deposit" }) })] }));
 }

package/dist/features/onboarding-flow/screens/03-AmountInputScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"03-AmountInputScreen.js","sourceRoot":"","sources":["../../../../src/features/onboarding-flow/screens/03-AmountInputScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Connection, LAMPORTS_PER_SOL, PublicKey } from \"@solana/web3.js\";\nimport { useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { SolanaLogo } from \"../../../components/logos\";\nimport { useN1WalletContext } from \"../../../hooks\";\nimport { logger } from \"../../../utils/logger\";\nimport { useDepositFlow, useOnboardingState } from \"../providers\";\nimport { WalletBalanceState } from \"../types\";\nimport { formatAmount, isNordConfigured } from \"../utils/nordUtils\";\nimport { getSolanaRpcUrl } from \"../../../config/solana\";\n\nexport const DEFAULT_MIN_DEPOSIT = 5;\n\nexport const BALANCE_REFRESH_MS = 20_000;\n\ninterface AmountInputScreenProps {}\n\nexport function AmountInputScreen({}: AmountInputScreenProps) {\n  const { context } = useOnboardingState();\n  const { amount, updateAmount, startDeposit } = useDepositFlow();\n  const { nord, address } = useN1WalletContext();\n\n  const [tokenSymbol, setTokenSymbol] = useState<string | null>(null);\n  const [tokenDecimals, setTokenDecimals] = useState<number | null>(null);\n  const [nordTokens, setNordTokens] = useState<any[] | null>(null);\n  const [walletBalances, setWalletBalances] = useState<WalletBalanceState>({\n    usdc: null,\n    sol: null,\n    loading: false,\n    error: null,\n  });\n  const isMountedRef = useRef(true);\n\n  useEffect(() => {\n    return () => {\n      isMountedRef.current = false;\n    };\n  }, []);\n\n  useEffect(() => {\n    if (!amount) {\n      updateAmount(\"100\");\n    }\n  }, [amount, updateAmount]);\n\n  const selectedChainName = context.selectedChain || \"Solana\";\n  const [tokenMintAddress, setTokenMintAddress] = useState<string | null>(null);\n\n  useEffect(() => {\n    let isCancelled = false;\n\n    const loadNordTokens = async () => {\n      if (!nord || !isNordConfigured(nord)) {\n        if (!isCancelled) {\n          setNordTokens(null);\n        }\n        return;\n      }\n\n      if (Array.isArray(nord.tokens) && nord.tokens.length > 0) {\n        if (!isCancelled) {\n          setNordTokens(nord.tokens);\n        }\n        return;\n      }\n\n      if (typeof nord.fetchNordInfo !== \"function\") {\n        return;\n      }\n\n      try {\n        await nord.fetchNordInfo();\n        if (isCancelled) {\n          return;\n        }\n        if (Array.isArray(nord.tokens) && nord.tokens.length > 0) {\n          setNordTokens(nord.tokens);\n        }\n      } catch (error) {\n        if (!isCancelled) {\n          logger.warn(\"Unable to fetch Nord info:\", error);\n          setNordTokens(null);\n        }\n      }\n    };\n\n    loadNordTokens();\n\n    return () => {\n      isCancelled = true;\n    };\n  }, [nord]);\n\n  useEffect(() => {\n    if (nord && isNordConfigured(nord)) {\n      try {\n        if (!nordTokens || nordTokens.length === 0) {\n          return;\n        }\n        console.log(\"nordTokens\", nordTokens);\n        const usdcToken =\n          nordTokens.find((t: any) => t.symbol === \"USDC\") || nordTokens[0];\n        if (usdcToken) {\n          if (!usdcToken.symbol) {\n            throw new Error(\"Nord token configuration missing symbol\");\n          }\n          if (!Number.isFinite(usdcToken.decimals)) {\n            throw new Error(\"Nord token configuration missing decimals\");\n          }\n          if (!usdcToken.mintAddr) {\n            throw new Error(\"Nord token configuration missing mint address\");\n          }\n          setTokenSymbol(usdcToken.symbol);\n          setTokenDecimals(usdcToken.decimals);\n          setTokenMintAddress(usdcToken.mintAddr);\n        }\n      } catch (error) {\n        logger.warn(\"Error getting token information from Nord:\", error);\n      }\n    }\n  }, [nord, nordTokens]);\n\n  const minDeposit = useMemo(() => {\n    if (\n      !nord ||\n      !isNordConfigured(nord) ||\n      !tokenMintAddress ||\n      tokenDecimals == null\n    ) {\n      return DEFAULT_MIN_DEPOSIT;\n    }\n    try {\n      // @ts-ignore\n      const mintInfo = nord.protonClient?.mintInfo?.get(tokenMintAddress);\n      if (mintInfo?.minDeposit) {\n        const minDepositUnits = Number(mintInfo.minDeposit);\n        const divisor = 10 ** tokenDecimals;\n        if (Number.isFinite(minDepositUnits) && divisor > 0) {\n          return minDepositUnits / divisor;\n        }\n      }\n    } catch (error) {\n      logger.warn(\"Unable to derive min deposit from Nord config\", error);\n    }\n    return DEFAULT_MIN_DEPOSIT;\n  }, [nord, tokenMintAddress, tokenDecimals]);\n\n  const fetchBalances = useCallback(\n    async (showSpinner: boolean = true) => {\n      if (!address || !tokenMintAddress) {\n        if (isMountedRef.current) {\n          setWalletBalances({\n            usdc: null,\n            sol: null,\n            loading: false,\n            error: null,\n          });\n        }\n        return;\n      }\n\n      if (showSpinner) {\n        setWalletBalances((prev) => ({\n          ...prev,\n          loading: true,\n          error: null,\n        }));\n      }\n\n      try {\n        const rpcEndpoint = getSolanaRpcUrl();\n        const connection = new Connection(rpcEndpoint, \"confirmed\");\n        const ownerKey = new PublicKey(address);\n\n        const [solLamports, tokenAccounts] = await Promise.all([\n          connection.getBalance(ownerKey),\n          connection.getParsedTokenAccountsByOwner(ownerKey, {\n            mint: new PublicKey(tokenMintAddress),\n          }),\n        ]);\n\n        const usdcTotal = tokenAccounts.value.reduce((total, { account }) => {\n          const info = account.data.parsed?.info;\n          const tokenAmount = info?.tokenAmount;\n          if (!tokenAmount) {\n            return total;\n          }\n          const uiAmount =\n            typeof tokenAmount.uiAmount === \"number\"\n              ? tokenAmount.uiAmount\n              : parseFloat(tokenAmount.uiAmountString ?? \"0\");\n          return total + (Number.isFinite(uiAmount) ? uiAmount : 0);\n        }, 0);\n\n        if (!isMountedRef.current) {\n          return;\n        }\n\n        setWalletBalances({\n          usdc: usdcTotal,\n          sol: solLamports / LAMPORTS_PER_SOL,\n          loading: false,\n          error: null,\n        });\n      } catch (error) {\n        logger.warn(\"Failed to load wallet balances\", error);\n        if (!isMountedRef.current) {\n          return;\n        }\n        setWalletBalances((prev) => ({\n          ...prev,\n          loading: false,\n          error: \"Unable to fetch wallet balances. Please try again.\",\n        }));\n      }\n    },\n    [address, tokenMintAddress]\n  );\n\n  useEffect(() => {\n    if (!tokenMintAddress) {\n      return;\n    }\n    fetchBalances();\n    const interval = setInterval(() => {\n      fetchBalances(false);\n    }, BALANCE_REFRESH_MS);\n\n    return () => clearInterval(interval);\n  }, [fetchBalances, tokenMintAddress]);\n\n  const isSolana = selectedChainName.toLowerCase().includes(\"solana\");\n  const requiredSolForFees = 0.002; // ensure wallet has at least 0.002 SOL for fees\n  const gasFeeDisplay = \"~$0.30\";\n  const minDepositDisplay = minDeposit.toString();\n  const tokenSymbolDisplay = tokenSymbol ?? \"—\";\n\n  const formattedBalance =\n    walletBalances.usdc == null || tokenDecimals == null\n      ? walletBalances.loading\n        ? \"Loading...\"\n        : \"—\"\n      : formatAmount(walletBalances.usdc, tokenDecimals);\n\n  const formattedSolBalance =\n    walletBalances.sol == null\n      ? walletBalances.loading\n        ? \"Loading...\"\n        : \"—\"\n      : walletBalances.sol.toFixed(4);\n\n  const numericAmount = Number(amount || 0);\n  const hasEnteredAmount = Number.isFinite(numericAmount) && numericAmount > 0;\n  const meetsMinDeposit = numericAmount >= minDeposit;\n  const hasSufficientUsdc =\n    walletBalances.usdc == null ? false : numericAmount <= walletBalances.usdc;\n  const hasSufficientSol =\n    walletBalances.sol == null\n      ? false\n      : walletBalances.sol >= requiredSolForFees;\n\n  const validationError = useMemo(() => {\n    if (!address) {\n      return \"Connect a wallet to continue.\";\n    }\n\n    if (walletBalances.error) {\n      return walletBalances.error;\n    }\n\n    if (!tokenSymbol || tokenDecimals == null) {\n      return \"Token information unavailable. Please try again later.\";\n    }\n\n    if (!hasEnteredAmount) {\n      return \"Enter an amount to continue.\";\n    }\n\n    if (\n      walletBalances.loading ||\n      walletBalances.usdc == null ||\n      walletBalances.sol == null\n    ) {\n      return null;\n    }\n\n    if (!meetsMinDeposit) {\n      return `Minimum deposit is ${minDeposit} ${tokenSymbol}.`;\n    }\n\n    if (!hasSufficientUsdc) {\n      return `Insufficient ${tokenSymbol} balance for this deposit.`;\n    }\n\n    if (!hasSufficientSol) {\n      return \"Not enough SOL to cover network fees.\";\n    }\n\n    return null;\n  }, [\n    address,\n    walletBalances.error,\n    walletBalances.loading,\n    walletBalances.usdc,\n    walletBalances.sol,\n    hasEnteredAmount,\n    hasSufficientSol,\n    hasSufficientUsdc,\n    meetsMinDeposit,\n    tokenSymbol,\n    tokenDecimals,\n    minDeposit,\n  ]);\n\n  const isValidAmount = !walletBalances.loading && validationError === null;\n\n  const handleUseMax = () => {\n    if (\n      walletBalances.usdc == null ||\n      walletBalances.usdc <= 0 ||\n      tokenDecimals == null\n    ) {\n      return;\n    }\n    updateAmount(walletBalances.usdc.toFixed(tokenDecimals));\n  };\n\n  return (\n    <div className=\"overflow-hidden relative\">\n      {/* Header Section */}\n      <div className=\"flex items-center justify-between mb-4\">\n        <h2 className=\"text-sm text-white font-medium\">Deposit From</h2>\n        <div className=\"flex items-center space-x-2 rounded-md bg-n1-ww-border h-5 justify-center p-1\">\n          {isSolana ? (\n            <div className=\"rounded-full flex items-center justify-center bg-black h-3 w-3\">\n              <SolanaLogo width={6} height={6} />\n            </div>\n          ) : (\n            <div className=\"w-4 h-4 rounded-full bg-n1-ww-gray-600\"></div>\n          )}\n          <span className=\"text-white text-xs font-medium\">\n            {selectedChainName}\n          </span>\n        </div>\n      </div>\n\n      {/* Deposit Information Section */}\n      <div className=\"space-y-3 mb-4 text-white text-xs font-light\">\n        <div className=\"flex items-center justify-between\">\n          <span>Available Balance:</span>\n          <span>\n            {formattedBalance} {tokenSymbolDisplay}\n          </span>\n        </div>\n        <div className=\"flex items-center justify-between\">\n          <span>SOL Balance:</span>\n          <span>{formattedSolBalance} SOL</span>\n        </div>\n        <div className=\"flex items-center justify-between\">\n          <span>Minimum Deposit:</span>\n          <span>\n            {minDepositDisplay} {tokenSymbolDisplay}\n          </span>\n        </div>\n        <div className=\"flex items-center justify-between\">\n          <span>Gas Fee:</span>\n          <span>{gasFeeDisplay}</span>\n        </div>\n      </div>\n\n      <div className=\"h-px bg-n1-ww-border mb-4\"></div>\n\n      {/* Amount Input Section */}\n      <div className=\"mb-4 flex justify-between w-full\">\n        <div className=\"flex items-center gap-3\">\n          <div className=\"flex items-center justify-between border border-n1-ww-gray-400 bg-n1-ww-gray-600 flex-1 w-[292px] rounded h-8 px-2\">\n            <span className=\"text-white text-sm font-medium\">Amount</span>\n            <div className=\"flex items-center space-x-2\">\n              <input\n                type=\"number\"\n                step=\"0.000001\"\n                value={amount}\n                onChange={(e) => updateAmount(e.target.value)}\n                className=\"text-white font-light text-xs text-right bg-transparent border-none outline-none focus:ring-2 focus:ring-n1-ww-main focus:ring-offset-0 rounded px-1\"\n              />\n              <button className=\"border border-n1-ww-gray-400 h-5 text-white text-xs font-light flex items-center justify-center px-1 rounded transition-colors\">\n                {tokenSymbolDisplay}\n              </button>\n            </div>\n          </div>\n        </div>\n        <button\n          className=\"border border-n1-ww-gray-400 bg-n1-ww-gray-600 rounded text-white text-sm font-medium px-2 h-8 hover:bg-n1-ww-gray-800 transition-colors w-[68px]\"\n          onClick={handleUseMax}\n          type=\"button\"\n        >\n          Max\n        </button>\n      </div>\n\n      {validationError && (\n        <p className=\"mb-2 text-xs text-red-400\">{validationError}</p>\n      )}\n\n      {/* Deposit Button */}\n      <button\n        onClick={startDeposit}\n        disabled={!isValidAmount}\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            isValidAmount\n              ? \"border-n1-ww-main hover:bg-n1-ww-gray-900 cursor-pointer\"\n              : \"border-n1-ww-border opacity-50 cursor-not-allowed\"\n          }\n        `}\n      >\n        <span\n          className={`\n            font-medium text-sm opacity-90\n            ${isValidAmount ? \"text-n1-ww-main\" : \"text-n1-ww-gray-600\"}\n          `}\n        >\n          Deposit\n        </span>\n      </button>\n    </div>\n  );\n}\n"]}

package/dist/features/onboarding-flow/screens/04-DepositProgressScreen.d.ts

@@ -0,0 +1,3 @@
+import { WaitingMessageState } from "../types";
+export declare const DEPOSIT_PROGRESS_MESSAGE: WaitingMessageState;
+export declare function DepositProgressScreen(): import("react/jsx-runtime").JSX.Element;

package/dist/features/onboarding-flow/screens/04-DepositProgressScreen.js

@@ -0,0 +1,31 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import { jsx as _jsx } from "react/jsx-runtime";
+import { WaitingMessage } from "../components/WaitingMessage";
+import { useDepositFlow } from "../providers";
+export var DEPOSIT_PROGRESS_MESSAGE = {
+    visible: true,
+    title: "Processing Deposit",
+    subtitle: "Please wait while we process your deposit",
+    isTyping: false,
+};
+var SUBTITLES = {
+    solana: 'Please sign the transaction in your wallet to continue',
+    nord: 'Waiting for N1 to process the deposit...',
+};
+export function DepositProgressScreen() {
+    var _a;
+    var depositProgressPhase = useDepositFlow().depositProgressPhase;
+    var message = __assign(__assign({}, DEPOSIT_PROGRESS_MESSAGE), { subtitle: (_a = SUBTITLES[depositProgressPhase]) !== null && _a !== void 0 ? _a : SUBTITLES.solana });
+    return (_jsx("div", { className: "overflow-hidden relative", children: _jsx(WaitingMessage, { message: message, animation: "transfer" }) }));
+}
+//# sourceMappingURL=04-DepositProgressScreen.js.map

package/dist/features/onboarding-flow/screens/04-DepositProgressScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"04-DepositProgressScreen.js","sourceRoot":"","sources":["../../../../src/features/onboarding-flow/screens/04-DepositProgressScreen.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,cAAc,EAAE,MAAM,cAAc,CAAC;AAI9C,MAAM,CAAC,IAAM,wBAAwB,GAAwB;IAC3D,OAAO,EAAE,IAAI;IACb,KAAK,EAAE,oBAAoB;IAC3B,QAAQ,EAAE,2CAA2C;IACrD,QAAQ,EAAE,KAAK;CAChB,CAAC;AAEF,IAAM,SAAS,GAAsC;IACnD,MAAM,EAAE,wDAAwD;IAChE,IAAI,EAAE,0CAA0C;CACjD,CAAC;AAEF,MAAM,UAAU,qBAAqB;;IAC3B,IAAA,oBAAoB,GAAK,cAAc,EAAE,qBAArB,CAAsB;IAClD,IAAM,OAAO,yBACR,wBAAwB,KAC3B,QAAQ,EAAE,MAAA,SAAS,CAAC,oBAAoB,CAAC,mCAAI,SAAS,CAAC,MAAM,GAC9D,CAAC;IAEF,OAAO,CACL,cAAK,SAAS,EAAC,0BAA0B,YACvC,KAAC,cAAc,IAAC,OAAO,EAAE,OAAO,EAAE,SAAS,EAAC,UAAU,GAAG,GACrD,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { WaitingMessage } from \"../components/WaitingMessage\";\nimport { useDepositFlow } from \"../providers\";\nimport { WaitingMessageState } from \"../types\";\n\n\nexport const DEPOSIT_PROGRESS_MESSAGE: WaitingMessageState = {\n  visible: true,\n  title: \"Processing Deposit\",\n  subtitle: \"Please wait while we process your deposit\",\n  isTyping: false,\n};\n\nconst SUBTITLES: Record<'solana' | 'nord', string> = {\n  solana: 'Please sign the transaction in your wallet to continue',\n  nord: 'Waiting for N1 to process the deposit...',\n};\n\nexport function DepositProgressScreen() {\n  const { depositProgressPhase } = useDepositFlow();\n  const message = {\n    ...DEPOSIT_PROGRESS_MESSAGE,\n    subtitle: SUBTITLES[depositProgressPhase] ?? SUBTITLES.solana,\n  };\n\n  return (\n    <div className=\"overflow-hidden relative\">\n      <WaitingMessage message={message} animation=\"transfer\" />\n    </div>\n  );\n}\n"]}

package/dist/{Modal/NordFlow → features/onboarding-flow}/screens/05-DepositSuccessScreen.js

@@ -35,55 +35,56 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
     }
 };
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { useN1WalletContext } from '../../../Provider/hooks';
-import { isNordConfigured, shortenAddress } from '../utils/nordUtils';
-import { useDepositContext } from '../context/DepositContext';
-import { useFlowStateContext } from '../context/FlowContext';
-import { getExplorerUrl } from '../../../Logic/transactionManager';
+import { useEffect, useState } from "react";
+import { useN1WalletContext } from "../../../hooks";
+import { isNordConfigured, shortenAddress } from "../utils/nordUtils";
+import { useDepositFlow, useOnboardingState } from "../providers";
+import { getExplorerUrl } from "../utils/transaction";
 // 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" })] }));
+    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 _a = useDepositFlow(), amount = _a.amount, completeDeposit = _a.completeDeposit, transactionResult = _a.transactionResult, transactionId = _a.transactionId;
     var nord = useN1WalletContext().nord;
-    var context = useFlowStateContext().context;
+    var context = useOnboardingState().context;
     var isContinueEnabled = useState(true)[0];
-    var _b = useState('USDC'), tokenSymbol = _b[0], setTokenSymbol = _b[1];
+    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: 'Exchange Account',
-        networkName: 'Devnet',
-        status: 'Completed',
-        explorerUrl: transactionId ? getExplorerUrl(transactionId) : '',
+        transactionId: transactionId !== null && transactionId !== void 0 ? transactionId : "pending-transaction",
+        amount: amount || "0",
+        tokenSymbol: "USDC",
+        fromAddress: "Debug Wallet",
+        toAddress: "Exchange Account",
+        networkName: "Devnet",
+        status: "Completed",
+        explorerUrl: transactionId ? getExplorerUrl(transactionId) : "",
     };
     // Get token information from Nord if available
     useEffect(function () {
         if (nord && isNordConfigured(nord)) {
             try {
-                var usdcToken = nord.tokens.find(function (t) { return t.symbol === 'USDC'; }) || nord.tokens[0];
+                var usdcToken = nord.tokens.find(function (t) { return t.symbol === "USDC"; }) || nord.tokens[0];
                 if (usdcToken) {
                     setTokenSymbol(usdcToken.symbol);
                 }
             }
             catch (error) {
-                console.warn('Error getting token information from Nord:', error);
+                console.warn("Error getting token information from Nord:", error);
             }
         }
     }, [nord]);
     // Solana transaction ID (from depositSpl)
     var solanaTransactionId = transactionId || fallbackTransaction.transactionId;
     var solanaTransactionIdShort = shortenAddress(solanaTransactionId, 5, 4);
-    var solanaExplorerUrl = solanaTransactionId ? getExplorerUrl(solanaTransactionId) : '';
+    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)
@@ -101,7 +102,7 @@ export function DepositSuccessScreen() {
         return __generator(this, function (_b) {
             switch (_b.label) {
                 case 0:
-                    if (!fromAddressFull || typeof navigator === 'undefined')
+                    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];
@@ -118,14 +119,18 @@ export function DepositSuccessScreen() {
                     return [3 /*break*/, 4];
                 case 3:
                     error_1 = _b.sent();
-                    console.warn('Failed to copy address:', error_1);
+                    console.warn("Failed to copy address:", error_1);
                     return [3 /*break*/, 4];
                 case 4: return [2 /*return*/];
             }
         });
     }); };
-    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' }) })] }) }));
+    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 top-full mt-1 left-1/2 -translate-x-1/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/features/onboarding-flow/screens/05-DepositSuccessScreen.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"05-DepositSuccessScreen.js","sourceRoot":"","sources":["../../../../src/features/onboarding-flow/screens/05-DepositSuccessScreen.tsx"],"names":[],"mappings":"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","sourcesContent":["import { useEffect, useState } from \"react\";\nimport { useN1WalletContext } from \"../../../hooks\";\nimport { isNordConfigured, shortenAddress } from \"../utils/nordUtils\";\nimport { useDepositFlow, useOnboardingState } from \"../providers\";\nimport { getExplorerUrl } from \"../utils/transaction\";\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 } =\n    useDepositFlow();\n  const { nord } = useN1WalletContext();\n  const { context } = useOnboardingState();\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 =\n    transactionId || fallbackTransaction.transactionId;\n  const solanaTransactionIdShort = shortenAddress(solanaTransactionId, 5, 4);\n  const solanaExplorerUrl = solanaTransactionId\n    ? getExplorerUrl(solanaTransactionId)\n    : \"\";\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(\n    fallbackTransaction.fromAddress,\n    5,\n    4\n  );\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\">\n                  {tokenSymbol}\n                </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\">\n                {fallbackTransaction.status}\n              </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 top-full mt-1 left-1/2 -translate-x-1/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\n                      ? \"opacity-100\"\n                      : showCopyTooltip\n                      ? \"opacity-100\"\n                      : \"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\">\n              N1 Transaction ID:\n            </span>\n            <div className=\"flex items-center gap-1\">\n              <span className=\"text-white text-xs font-light underline\">\n                {n1TransactionIdShort}\n              </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\">\n              Solana Transaction ID:\n            </span>\n            <div className=\"flex items-center gap-1\">\n              <span className=\"text-white text-xs font-light underline\">\n                {solanaTransactionIdShort}\n              </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/features/onboarding-flow/screens/06-AuthLoadingScreen.js

@@ -0,0 +1,31 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useRef, useState } from 'react';
+import { useDepositFlow } from '../providers';
+import { WaitingMessage } from '../components/WaitingMessage';
+export function AuthLoadingScreen() {
+    var _a = useState(false), isHovered = _a[0], setIsHovered = _a[1];
+    var authInitiatedRef = useRef(false);
+    // Get auth-related state and functions from the deposit flow context
+    var _b = useDepositFlow(), performAuth = _b.performAuth, authStatus = _b.authStatus, authErrorMessage = _b.authErrorMessage, authStatusMessage = _b.authStatusMessage;
+    useEffect(function () {
+        if (!authInitiatedRef.current) {
+            authInitiatedRef.current = true;
+            performAuth();
+        }
+    }, [performAuth]);
+    var handleRetry = function () {
+        // Reset and retry authentication
+        authInitiatedRef.current = false;
+        performAuth();
+    };
+    var loadingMessage = {
+        visible: true,
+        title: 'Authenticating',
+        subtitle: authStatusMessage || 'Please wait while we create your Nord account',
+        isTyping: false,
+    };
+    return (_jsx("div", { className: "overflow-hidden relative", children: authStatus !== 'error' ? (_jsx(WaitingMessage, { loaderSize: 52, message: loadingMessage })) : (_jsxs("div", { className: "flex flex-col items-center text-center space-y-2 ", children: [_jsx("h3", { className: "text-xl text-white font-semibold", children: "Authentication Failed" }), _jsx("p", { className: "text-sm text-neutral-400", children: "There was an error during authentication. Please try again." }), authErrorMessage && (_jsx("p", { className: "text-xs text-red-400", children: authErrorMessage })), _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