@n1xyz/wallet-widget 0.0.33-alpha.3 → 0.0.34

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

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -55,55 +54,52 @@ var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
     }
     return to.concat(ar || Array.prototype.slice.call(from));
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.BALANCE_REFRESH_MS = exports.DEFAULT_MIN_DEPOSIT = void 0;
-exports.AmountInputScreen = AmountInputScreen;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var web3_js_1 = require("@solana/web3.js");
-var react_1 = require("react");
-var logos_1 = require("../../../components/logos");
-var hooks_1 = require("../../../hooks");
-var logger_1 = require("../../../utils/logger");
-var providers_1 = require("../providers");
-var nordUtils_1 = require("../utils/nordUtils");
-var solana_1 = require("../../../config/solana");
-exports.DEFAULT_MIN_DEPOSIT = 5;
-exports.BALANCE_REFRESH_MS = 20000;
-function AmountInputScreen(_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 { useN1WalletContext } from "../../../hooks";
+import { logger } from "../../../utils/logger";
+import { useDepositFlow, useOnboardingState } from "../providers";
+import { formatAmount, isNordConfigured } from "../utils/nordUtils";
+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 = (0, providers_1.useOnboardingState)().context;
-    var _b = (0, providers_1.useDepositFlow)(), amount = _b.amount, updateAmount = _b.updateAmount, startDeposit = _b.startDeposit;
-    var _c = (0, hooks_1.useN1WalletContext)(), nord = _c.nord, address = _c.address;
-    var _d = (0, react_1.useState)(null), tokenSymbol = _d[0], setTokenSymbol = _d[1];
-    var _e = (0, react_1.useState)(null), tokenDecimals = _e[0], setTokenDecimals = _e[1];
-    var _f = (0, react_1.useState)(null), nordTokens = _f[0], setNordTokens = _f[1];
-    var _g = (0, react_1.useState)({
+    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(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 = (0, react_1.useRef)(true);
-    (0, react_1.useEffect)(function () {
+    var isMountedRef = useRef(true);
+    useEffect(function () {
         return function () {
             isMountedRef.current = false;
         };
     }, []);
-    (0, react_1.useEffect)(function () {
+    useEffect(function () {
         if (!amount) {
             updateAmount("100");
         }
     }, [amount, updateAmount]);
     var selectedChainName = context.selectedChain || "Solana";
-    var _h = (0, react_1.useState)(null), tokenMintAddress = _h[0], setTokenMintAddress = _h[1];
-    (0, react_1.useEffect)(function () {
+    var _h = useState(null), tokenMintAddress = _h[0], setTokenMintAddress = _h[1];
+    useEffect(function () {
         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 || !(0, nordUtils_1.isNordConfigured)(nord)) {
+                        if (!nord || !isNordConfigured(nord)) {
                             if (!isCancelled) {
                                 setNordTokens(null);
                             }
@@ -134,7 +130,7 @@ function AmountInputScreen(_a) {
                     case 3:
                         error_1 = _a.sent();
                         if (!isCancelled) {
-                            logger_1.logger.warn("Unable to fetch Nord info:", error_1);
+                            logger.warn("Unable to fetch Nord info:", error_1);
                             setNordTokens(null);
                         }
                         return [3 /*break*/, 4];
@@ -147,8 +143,8 @@ function AmountInputScreen(_a) {
             isCancelled = true;
         };
     }, [nord]);
-    (0, react_1.useEffect)(function () {
-        if (nord && (0, nordUtils_1.isNordConfigured)(nord)) {
+    useEffect(function () {
+        if (nord && isNordConfigured(nord)) {
             try {
                 if (!nordTokens || nordTokens.length === 0) {
                     return;
@@ -171,17 +167,17 @@ function AmountInputScreen(_a) {
                 }
             }
             catch (error) {
-                logger_1.logger.warn("Error getting token information from Nord:", error);
+                logger.warn("Error getting token information from Nord:", error);
             }
         }
     }, [nord, nordTokens]);
-    var minDeposit = (0, react_1.useMemo)(function () {
+    var minDeposit = useMemo(function () {
         var _a, _b;
         if (!nord ||
-            !(0, nordUtils_1.isNordConfigured)(nord) ||
+            !isNordConfigured(nord) ||
             !tokenMintAddress ||
             tokenDecimals == null) {
-            return exports.DEFAULT_MIN_DEPOSIT;
+            return DEFAULT_MIN_DEPOSIT;
         }
         try {
             // @ts-ignore
@@ -195,11 +191,11 @@ function AmountInputScreen(_a) {
             }
         }
         catch (error) {
-            logger_1.logger.warn("Unable to derive min deposit from Nord config", error);
+            logger.warn("Unable to derive min deposit from Nord config", error);
         }
-        return exports.DEFAULT_MIN_DEPOSIT;
+        return DEFAULT_MIN_DEPOSIT;
     }, [nord, tokenMintAddress, tokenDecimals]);
-    var fetchBalances = (0, react_1.useCallback)(function () {
+    var fetchBalances = useCallback(function () {
         var args_1 = [];
         for (var _i = 0; _i < arguments.length; _i++) {
             args_1[_i] = arguments[_i];
@@ -227,13 +223,13 @@ function AmountInputScreen(_a) {
                         _b.label = 1;
                     case 1:
                         _b.trys.push([1, 3, , 4]);
-                        rpcEndpoint = (0, solana_1.getSolanaRpcUrl)();
-                        connection = new web3_js_1.Connection(rpcEndpoint, "confirmed");
-                        ownerKey = new web3_js_1.PublicKey(address);
+                        rpcEndpoint = getSolanaRpcUrl();
+                        connection = new Connection(rpcEndpoint, "confirmed");
+                        ownerKey = new PublicKey(address);
                         return [4 /*yield*/, Promise.all([
                                 connection.getBalance(ownerKey),
                                 connection.getParsedTokenAccountsByOwner(ownerKey, {
-                                    mint: new web3_js_1.PublicKey(tokenMintAddress),
+                                    mint: new PublicKey(tokenMintAddress),
                                 }),
                             ])];
                     case 2:
@@ -256,14 +252,14 @@ function AmountInputScreen(_a) {
                         }
                         setWalletBalances({
                             usdc: usdcTotal,
-                            sol: solLamports / web3_js_1.LAMPORTS_PER_SOL,
+                            sol: solLamports / LAMPORTS_PER_SOL,
                             loading: false,
                             error: null,
                         });
                         return [3 /*break*/, 4];
                     case 3:
                         error_2 = _b.sent();
-                        logger_1.logger.warn("Failed to load wallet balances", error_2);
+                        logger.warn("Failed to load wallet balances", error_2);
                         if (!isMountedRef.current) {
                             return [2 /*return*/];
                         }
@@ -274,14 +270,14 @@ function AmountInputScreen(_a) {
             });
         });
     }, [address, tokenMintAddress]);
-    (0, react_1.useEffect)(function () {
+    useEffect(function () {
         if (!tokenMintAddress) {
             return;
         }
         fetchBalances();
         var interval = setInterval(function () {
             fetchBalances(false);
-        }, exports.BALANCE_REFRESH_MS);
+        }, BALANCE_REFRESH_MS);
         return function () { return clearInterval(interval); };
     }, [fetchBalances, tokenMintAddress]);
     var isSolana = selectedChainName.toLowerCase().includes("solana");
@@ -293,7 +289,7 @@ function AmountInputScreen(_a) {
         ? walletBalances.loading
             ? "Loading..."
             : "—"
-        : (0, nordUtils_1.formatAmount)(walletBalances.usdc, tokenDecimals);
+        : formatAmount(walletBalances.usdc, tokenDecimals);
     var formattedSolBalance = walletBalances.sol == null
         ? walletBalances.loading
             ? "Loading..."
@@ -306,7 +302,7 @@ function AmountInputScreen(_a) {
     var hasSufficientSol = walletBalances.sol == null
         ? false
         : walletBalances.sol >= requiredSolForFees;
-    var validationError = (0, react_1.useMemo)(function () {
+    var validationError = useMemo(function () {
         if (!address) {
             return "Connect a wallet to continue.";
         }
@@ -357,8 +353,8 @@ function AmountInputScreen(_a) {
         }
         updateAmount(walletBalances.usdc.toFixed(tokenDecimals));
     };
-    return ((0, jsx_runtime_1.jsxs)("div", { className: "overflow-hidden relative", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between mb-4", children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-sm text-white font-medium", children: "Deposit From" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center space-x-2 rounded-md bg-n1-ww-border h-5 justify-center p-1", children: [isSolana ? ((0, jsx_runtime_1.jsx)("div", { className: "rounded-full flex items-center justify-center bg-black h-3 w-3", children: (0, jsx_runtime_1.jsx)(logos_1.SolanaLogo, { width: 6, height: 6 }) })) : ((0, jsx_runtime_1.jsx)("div", { className: "w-4 h-4 rounded-full bg-n1-ww-gray-600" })), (0, jsx_runtime_1.jsx)("span", { className: "text-white text-xs font-medium", children: selectedChainName })] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "space-y-3 mb-4 text-white text-xs font-light", children: [(0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { children: "Available Balance:" }), (0, jsx_runtime_1.jsxs)("span", { children: [formattedBalance, " ", tokenSymbolDisplay] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { children: "SOL Balance:" }), (0, jsx_runtime_1.jsxs)("span", { children: [formattedSolBalance, " SOL"] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { children: "Minimum Deposit:" }), (0, jsx_runtime_1.jsxs)("span", { children: [minDepositDisplay, " ", tokenSymbolDisplay] })] }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center justify-between", children: [(0, jsx_runtime_1.jsx)("span", { children: "Gas Fee:" }), (0, jsx_runtime_1.jsx)("span", { children: gasFeeDisplay })] })] }), (0, jsx_runtime_1.jsx)("div", { className: "h-px bg-n1-ww-border mb-4" }), (0, jsx_runtime_1.jsxs)("div", { className: "mb-4 flex justify-between w-full", children: [(0, jsx_runtime_1.jsx)("div", { className: "flex items-center gap-3", children: (0, jsx_runtime_1.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: [(0, jsx_runtime_1.jsx)("span", { className: "text-white text-sm font-medium", children: "Amount" }), (0, jsx_runtime_1.jsxs)("div", { className: "flex items-center space-x-2", children: [(0, jsx_runtime_1.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" }), (0, jsx_runtime_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 })] })] }) }), (0, jsx_runtime_1.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 && ((0, jsx_runtime_1.jsx)("p", { className: "mb-2 text-xs text-red-400", children: validationError })), (0, jsx_runtime_1.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: (0, jsx_runtime_1.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" }) })] }));
+                    : "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" }) })] }));
 }
 //# sourceMappingURL=03-AmountInputScreen.js.map

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

@@ -1 +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"]}
+{"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/03-TurnkeyPreparingScreen.d.ts

@@ -0,0 +1 @@
+export declare function TurnkeyPreparingScreen(): import("react/jsx-runtime").JSX.Element;

package/dist/features/onboarding-flow/screens/03-TurnkeyPreparingScreen.js

@@ -0,0 +1,18 @@
+"use client";
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { WaitingMessage } from '../components/WaitingMessage';
+import { useWalletConnection } from '../providers';
+var TURNKEY_ERROR_FALLBACK = 'Turnkey could not prepare your Solana wallet. Retry or disconnect to start over.';
+export function TurnkeyPreparingScreen() {
+    var _a = useWalletConnection(), turnkeyStatus = _a.turnkeyStatus, turnkeyError = _a.turnkeyError, retryTurnkeyBootstrap = _a.retryTurnkeyBootstrap, disconnectWallet = _a.disconnectWallet;
+    if (turnkeyStatus === 'error') {
+        return (_jsxs("div", { className: "flex flex-col gap-4 text-center", children: [_jsxs("div", { children: [_jsx("h3", { className: "text-base font-semibold text-white", children: "We couldn't prepare your Solana wallet" }), _jsx("p", { className: "text-sm text-neutral-400 mt-1", children: turnkeyError || TURNKEY_ERROR_FALLBACK })] }), _jsxs("div", { className: "flex gap-2", children: [_jsx("button", { type: "button", className: "flex-1 h-9 rounded border border-n1-ww-main text-n1-ww-main text-sm font-medium", onClick: retryTurnkeyBootstrap, children: "Retry" }), _jsx("button", { type: "button", className: "flex-1 h-9 rounded border border-n1-ww-border text-white text-sm font-medium", onClick: disconnectWallet, children: "Disconnect" })] })] }));
+    }
+    return (_jsx(WaitingMessage, { loaderSize: 52, message: {
+            visible: true,
+            title: 'Preparing Solana wallet…',
+            subtitle: 'Provisioning a Nord-ready signer via Turnkey',
+            isTyping: false,
+        } }));
+}
+//# sourceMappingURL=03-TurnkeyPreparingScreen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"03-TurnkeyPreparingScreen.js","sourceRoot":"","sources":["../../../../src/features/onboarding-flow/screens/03-TurnkeyPreparingScreen.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAC;AAC9D,OAAO,EAAE,mBAAmB,EAAE,MAAM,cAAc,CAAC;AAEnD,IAAM,sBAAsB,GAC1B,kFAAkF,CAAC;AAErF,MAAM,UAAU,sBAAsB;IAC9B,IAAA,KAKF,mBAAmB,EAAE,EAJvB,aAAa,mBAAA,EACb,YAAY,kBAAA,EACZ,qBAAqB,2BAAA,EACrB,gBAAgB,sBACO,CAAC;IAE1B,IAAI,aAAa,KAAK,OAAO,EAAE,CAAC;QAC9B,OAAO,CACL,eAAK,SAAS,EAAC,iCAAiC,aAC9C,0BACE,aAAI,SAAS,EAAC,oCAAoC,uDAE7C,EACL,YAAG,SAAS,EAAC,+BAA+B,YACzC,YAAY,IAAI,sBAAsB,GACrC,IACA,EACN,eAAK,SAAS,EAAC,YAAY,aACzB,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iFAAiF,EAC3F,OAAO,EAAE,qBAAqB,sBAGvB,EACT,iBACE,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,8EAA8E,EACxF,OAAO,EAAE,gBAAgB,2BAGlB,IACL,IACF,CACP,CAAC;IACJ,CAAC;IAED,OAAO,CACL,KAAC,cAAc,IACb,UAAU,EAAE,EAAE,EACd,OAAO,EAAE;YACP,OAAO,EAAE,IAAI;YACb,KAAK,EAAE,0BAA0B;YACjC,QAAQ,EAAE,8CAA8C;YACxD,QAAQ,EAAE,KAAK;SAChB,GACD,CACH,CAAC;AACJ,CAAC","sourcesContent":["\"use client\";\n\nimport { WaitingMessage } from '../components/WaitingMessage';\nimport { useWalletConnection } from '../providers';\n\nconst TURNKEY_ERROR_FALLBACK =\n  'Turnkey could not prepare your Solana wallet. Retry or disconnect to start over.';\n\nexport function TurnkeyPreparingScreen() {\n  const {\n    turnkeyStatus,\n    turnkeyError,\n    retryTurnkeyBootstrap,\n    disconnectWallet,\n  } = useWalletConnection();\n\n  if (turnkeyStatus === 'error') {\n    return (\n      <div className=\"flex flex-col gap-4 text-center\">\n        <div>\n          <h3 className=\"text-base font-semibold text-white\">\n            We couldn&apos;t prepare your Solana wallet\n          </h3>\n          <p className=\"text-sm text-neutral-400 mt-1\">\n            {turnkeyError || TURNKEY_ERROR_FALLBACK}\n          </p>\n        </div>\n        <div className=\"flex gap-2\">\n          <button\n            type=\"button\"\n            className=\"flex-1 h-9 rounded border border-n1-ww-main text-n1-ww-main text-sm font-medium\"\n            onClick={retryTurnkeyBootstrap}\n          >\n            Retry\n          </button>\n          <button\n            type=\"button\"\n            className=\"flex-1 h-9 rounded border border-n1-ww-border text-white text-sm font-medium\"\n            onClick={disconnectWallet}\n          >\n            Disconnect\n          </button>\n        </div>\n      </div>\n    );\n  }\n\n  return (\n    <WaitingMessage\n      loaderSize={52}\n      message={{\n        visible: true,\n        title: 'Preparing Solana wallet…',\n        subtitle: 'Provisioning a Nord-ready signer via Turnkey',\n        isTyping: false,\n      }}\n    />\n  );\n}\n"]}

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

@@ -0,0 +1,31 @@
+import { SolanaNetwork } from "../../../config/solana";
+export declare const CHAINS_WITH_NETWORK_INFO: readonly [{
+    readonly id: "solana";
+    readonly name: "Solana";
+    readonly subtitle: "~1 minute deposit time";
+    readonly logo: import("react/jsx-runtime").JSX.Element;
+    readonly network: SolanaNetwork.MAINNET;
+    readonly soon: false;
+}, {
+    readonly id: "hyperliquid";
+    readonly name: "Hyperliquid";
+    readonly subtitle: undefined;
+    readonly logo: import("react/jsx-runtime").JSX.Element;
+    readonly network: "";
+    readonly soon: true;
+}, {
+    readonly id: "arbitrum";
+    readonly name: "Arbitrum";
+    readonly subtitle: undefined;
+    readonly logo: import("react/jsx-runtime").JSX.Element;
+    readonly network: "";
+    readonly soon: true;
+}, {
+    readonly id: "ethereum";
+    readonly name: "Ethereum";
+    readonly subtitle: undefined;
+    readonly logo: import("react/jsx-runtime").JSX.Element;
+    readonly network: "";
+    readonly soon: true;
+}];
+export declare function ChainSelectionScreen(): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,100 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo, useState } from "react";
+import { logger } from "../../../utils/logger";
+import { ChainButton } from "../components/ChainButton";
+import { useWalletConnection, useOnboardingState } from "../providers";
+import { SolanaLogo, HyperliquidLogo, ArbitrumLogo, EthereumLogo, } from "../../../components/logos";
+import { SolanaNetwork } from "../../../config/solana";
+var sharedLogoWrapperStyle = { width: 16, height: 16 };
+export var CHAINS_WITH_NETWORK_INFO = [
+    {
+        id: "solana",
+        name: "Solana",
+        subtitle: "~1 minute deposit time",
+        logo: (_jsx("div", { className: "flex items-center justify-center", style: sharedLogoWrapperStyle, children: _jsx(SolanaLogo, { width: 16, height: 16 }) })),
+        network: SolanaNetwork.MAINNET,
+        soon: false,
+    },
+    {
+        id: "hyperliquid",
+        name: "Hyperliquid",
+        subtitle: undefined,
+        logo: (_jsx("div", { className: "flex items-center justify-center", style: sharedLogoWrapperStyle, children: _jsx(HyperliquidLogo, { width: 16, height: 16 }) })),
+        network: "",
+        soon: true,
+    },
+    {
+        id: "arbitrum",
+        name: "Arbitrum",
+        subtitle: undefined,
+        logo: (_jsx("div", { className: "flex items-center justify-center", style: sharedLogoWrapperStyle, children: _jsx(ArbitrumLogo, { width: 16, height: 16 }) })),
+        network: "",
+        soon: true,
+    },
+    {
+        id: "ethereum",
+        name: "Ethereum",
+        subtitle: undefined,
+        logo: (_jsx("div", { className: "flex items-center justify-center", style: sharedLogoWrapperStyle, children: _jsx(EthereumLogo, { width: 16, height: 16 }) })),
+        network: "",
+        soon: true,
+    },
+];
+export function ChainSelectionScreen() {
+    var disconnectWallet = useWalletConnection().disconnectWallet;
+    var _a = useOnboardingState(), actions = _a.actions, context = _a.context;
+    var initialSelectedChainId = useMemo(function () {
+        var _a;
+        if (context.selectedChainId) {
+            var chainFromId = CHAINS_WITH_NETWORK_INFO.find(function (chain) { return chain.id === context.selectedChainId; });
+            if (chainFromId) {
+                return chainFromId.id;
+            }
+        }
+        if (context.selectedChain) {
+            var normalizedContextValue_1 = context.selectedChain.toLowerCase();
+            var chainFromContext = CHAINS_WITH_NETWORK_INFO.find(function (chain) {
+                return chain.name.toLowerCase() === normalizedContextValue_1 ||
+                    chain.id.toLowerCase() === normalizedContextValue_1;
+            });
+            if (chainFromContext) {
+                return chainFromContext.id;
+            }
+        }
+        return ((_a = CHAINS_WITH_NETWORK_INFO.find(function (c) { return !c.soon; })) === null || _a === void 0 ? void 0 : _a.id) || null;
+    }, [context.selectedChain, context.selectedChainId]);
+    var _b = useState(initialSelectedChainId), selectedChainId = _b[0], setSelectedChainId = _b[1];
+    var handleChainSelect = useCallback(function (chainId) {
+        logger.debug("Chain selected in ChainSelectionScreen:", chainId);
+        var chain = CHAINS_WITH_NETWORK_INFO.find(function (c) { return c.id === chainId; });
+        if (chain && !chain.soon) {
+            setSelectedChainId(chainId);
+        }
+        else {
+            logger.debug("Chain not selectable:", chainId);
+        }
+    }, [logger]);
+    var selectedChain = useMemo(function () { return CHAINS_WITH_NETWORK_INFO.find(function (chain) { return chain.id === selectedChainId; }); }, [selectedChainId]);
+    var handleContinue = useCallback(function () {
+        var _a;
+        if (!selectedChain || selectedChain.soon) {
+            logger.debug("Continue button clicked without selectable chain");
+            return;
+        }
+        actions.selectChain({
+            id: selectedChain.id,
+            name: selectedChain.name,
+            network: (_a = selectedChain.network) !== null && _a !== void 0 ? _a : null,
+        });
+        logger.debug("Transitioned to amount input from chain selection");
+    }, [selectedChain, actions]);
+    var handleDisconnect = useCallback(function () {
+        logger.debug("Disconnect button clicked");
+        disconnectWallet();
+    }, [disconnectWallet]);
+    var isContinueDisabled = !selectedChain || selectedChain.soon;
+    return (_jsx("div", { className: "overflow-visible relative", children: _jsxs("div", { className: "flex flex-col space-y-3", children: [CHAINS_WITH_NETWORK_INFO.map(function (chain) { return (_jsx(ChainButton, { chain: chain, onClick: function () { return handleChainSelect(chain.id); }, selected: selectedChainId === chain.id && !chain.soon, soon: chain.soon, subtitle: chain.subtitle }, chain.id)); }), _jsxs("div", { className: "flex flex-col space-y-2", children: [_jsx("button", { type: "button", onClick: handleContinue, disabled: isContinueDisabled, className: "w-full h-8 rounded border bg-transparent flex font-medium items-center justify-center transition-all duration-200 transform ".concat(isContinueDisabled
+                                ? "border-n1-ww-border opacity-50 cursor-not-allowed"
+                                : "border-n1-ww-main hover:bg-n1-ww-gray-900 cursor-pointer"), children: _jsx("span", { className: "font-medium text-sm opacity-90 ".concat(isContinueDisabled ? "text-n1-ww-gray-500" : "text-n1-ww-main"), children: "Continue" }) }), _jsx("button", { type: "button", onClick: handleDisconnect, className: "w-full h-8 rounded border border-n1-ww-border bg-transparent flex font-medium items-center justify-center transition-all duration-200 transform hover:bg-n1-ww-gray-900 cursor-pointer", children: _jsx("span", { className: "text-white font-medium text-sm opacity-90", children: "Disconnect" }) })] })] }) }));
+}
+//# sourceMappingURL=04-ChainSelectionScreen.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"04-ChainSelectionScreen.js","sourceRoot":"","sources":["../../../../src/features/onboarding-flow/screens/04-ChainSelectionScreen.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AACvD,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAC;AACxD,OAAO,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AACvE,OAAO,EACL,UAAU,EACV,eAAe,EACf,YAAY,EACZ,YAAY,GACb,MAAM,2BAA2B,CAAC;AACnC,OAAO,EAAE,aAAa,EAAE,MAAM,wBAAwB,CAAC;AAIvD,IAAM,sBAAsB,GAAG,EAAE,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC;AAEzD,MAAM,CAAC,IAAM,wBAAwB,GAAG;IACtC;QACE,EAAE,EAAE,QAAQ;QACZ,IAAI,EAAE,QAAQ;QACd,QAAQ,EAAE,wBAAwB;QAClC,IAAI,EAAE,CACJ,cAAK,SAAS,EAAC,kCAAkC,EAAC,KAAK,EAAE,sBAAsB,YAC7E,KAAC,UAAU,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GACjC,CACP;QACD,OAAO,EAAE,aAAa,CAAC,OAAO;QAC9B,IAAI,EAAE,KAAK;KACZ;IACD;QACE,EAAE,EAAE,aAAa;QACjB,IAAI,EAAE,aAAa;QACnB,QAAQ,EAAE,SAAS;QACnB,IAAI,EAAE,CACJ,cAAK,SAAS,EAAC,kCAAkC,EAAC,KAAK,EAAE,sBAAsB,YAC7E,KAAC,eAAe,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GACtC,CACP;QACD,OAAO,EAAE,EAAE;QACX,IAAI,EAAE,IAAI;KACX;IACD;QACE,EAAE,EAAE,UAAU;QACd,IAAI,EAAE,UAAU;QAChB,QAAQ,EAAE,SAAS;QACnB,IAAI,EAAE,CACJ,cAAK,SAAS,EAAC,kCAAkC,EAAC,KAAK,EAAE,sBAAsB,YAC7E,KAAC,YAAY,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GACnC,CACP;QACD,OAAO,EAAE,EAAE;QACX,IAAI,EAAE,IAAI;KACX;IACD;QACE,EAAE,EAAE,UAAU;QACd,IAAI,EAAE,UAAU;QAChB,QAAQ,EAAE,SAAS;QACnB,IAAI,EAAE,CACJ,cAAK,SAAS,EAAC,kCAAkC,EAAC,KAAK,EAAE,sBAAsB,YAC7E,KAAC,YAAY,IAAC,KAAK,EAAE,EAAE,EAAE,MAAM,EAAE,EAAE,GAAI,GACnC,CACP;QACD,OAAO,EAAE,EAAE;QACX,IAAI,EAAE,IAAI;KACX;CACO,CAAC;AAIX,MAAM,UAAU,oBAAoB;IAC1B,IAAA,gBAAgB,GAAK,mBAAmB,EAAE,iBAA1B,CAA2B;IAC7C,IAAA,KAAuB,kBAAkB,EAAE,EAAzC,OAAO,aAAA,EAAE,OAAO,aAAyB,CAAC;IAElD,IAAM,sBAAsB,GAAG,OAAO,CAAC;;QACrC,IAAI,OAAO,CAAC,eAAe,EAAE,CAAC;YAC5B,IAAM,WAAW,GAAG,wBAAwB,CAAC,IAAI,CAC/C,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,EAAE,KAAK,OAAO,CAAC,eAAe,EAApC,CAAoC,CAChD,CAAC;YACF,IAAI,WAAW,EAAE,CAAC;gBAChB,OAAO,WAAW,CAAC,EAAE,CAAC;YACxB,CAAC;QACH,CAAC;QAED,IAAI,OAAO,CAAC,aAAa,EAAE,CAAC;YAC1B,IAAM,wBAAsB,GAAG,OAAO,CAAC,aAAa,CAAC,WAAW,EAAE,CAAC;YACnE,IAAM,gBAAgB,GAAG,wBAAwB,CAAC,IAAI,CACpD,UAAC,KAAK;gBACJ,OAAA,KAAK,CAAC,IAAI,CAAC,WAAW,EAAE,KAAK,wBAAsB;oBACnD,KAAK,CAAC,EAAE,CAAC,WAAW,EAAE,KAAK,wBAAsB;YADjD,CACiD,CACpD,CAAC;YACF,IAAI,gBAAgB,EAAE,CAAC;gBACrB,OAAO,gBAAgB,CAAC,EAAE,CAAC;YAC7B,CAAC;QACH,CAAC;QAED,OAAO,CAAA,MAAA,wBAAwB,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,CAAC,IAAI,EAAP,CAAO,CAAC,0CAAE,EAAE,KAAI,IAAI,CAAC;IACnE,CAAC,EAAE,CAAC,OAAO,CAAC,aAAa,EAAE,OAAO,CAAC,eAAe,CAAC,CAAC,CAAC;IAE/C,IAAA,KAAwC,QAAQ,CACpD,sBAAsB,CACvB,EAFM,eAAe,QAAA,EAAE,kBAAkB,QAEzC,CAAC;IAEF,IAAM,iBAAiB,GAAG,WAAW,CAAC,UAAC,OAAe;QACpD,MAAM,CAAC,KAAK,CAAC,yCAAyC,EAAE,OAAO,CAAC,CAAC;QAEjE,IAAM,KAAK,GAAG,wBAAwB,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,EAAE,KAAK,OAAO,EAAhB,CAAgB,CAAC,CAAC;QAErE,IAAI,KAAK,IAAI,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;YACzB,kBAAkB,CAAC,OAAO,CAAC,CAAC;QAC9B,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,KAAK,CAAC,uBAAuB,EAAE,OAAO,CAAC,CAAC;QACjD,CAAC;IACH,CAAC,EAAE,CAAC,MAAM,CAAC,CAAC,CAAC;IAEb,IAAM,aAAa,GAAG,OAAO,CAC3B,cAAM,OAAA,wBAAwB,CAAC,IAAI,CAAC,UAAC,KAAK,IAAK,OAAA,KAAK,CAAC,EAAE,KAAK,eAAe,EAA5B,CAA4B,CAAC,EAAtE,CAAsE,EAC5E,CAAC,eAAe,CAAC,CAClB,CAAC;IAEF,IAAM,cAAc,GAAG,WAAW,CAAC;;QACjC,IAAI,CAAC,aAAa,IAAI,aAAa,CAAC,IAAI,EAAE,CAAC;YACzC,MAAM,CAAC,KAAK,CAAC,kDAAkD,CAAC,CAAC;YACjE,OAAO;QACT,CAAC;QAED,OAAO,CAAC,WAAW,CAAC;YAClB,EAAE,EAAE,aAAa,CAAC,EAAE;YACpB,IAAI,EAAE,aAAa,CAAC,IAAI;YACxB,OAAO,EAAE,MAAA,aAAa,CAAC,OAAO,mCAAI,IAAI;SACvC,CAAC,CAAC;QACH,MAAM,CAAC,KAAK,CAAC,mDAAmD,CAAC,CAAC;IACpE,CAAC,EAAE,CAAC,aAAa,EAAE,OAAO,CAAC,CAAC,CAAC;IAE7B,IAAM,gBAAgB,GAAG,WAAW,CAAC;QACnC,MAAM,CAAC,KAAK,CAAC,2BAA2B,CAAC,CAAC;QAC1C,gBAAgB,EAAE,CAAC;IACrB,CAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;IAEvB,IAAM,kBAAkB,GAAG,CAAC,aAAa,IAAI,aAAa,CAAC,IAAI,CAAC;IAEhE,OAAO,CACL,cAAK,SAAS,EAAC,2BAA2B,YACxC,eAAK,SAAS,EAAC,yBAAyB,aACrC,wBAAwB,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CACvC,KAAC,WAAW,IAEV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,cAAM,OAAA,iBAAiB,CAAC,KAAK,CAAC,EAAE,CAAC,EAA3B,CAA2B,EAC1C,QAAQ,EAAE,eAAe,KAAK,KAAK,CAAC,EAAE,IAAI,CAAC,KAAK,CAAC,IAAI,EACrD,IAAI,EAAE,KAAK,CAAC,IAAI,EAChB,QAAQ,EAAE,KAAK,CAAC,QAAQ,IALnB,KAAK,CAAC,EAAE,CAMb,CACH,EATwC,CASxC,CAAC,EACF,eAAK,SAAS,EAAC,yBAAyB,aACtC,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,cAAc,EACvB,QAAQ,EAAE,kBAAkB,EAC5B,SAAS,EAAE,sIACT,kBAAkB;gCAChB,CAAC,CAAC,mDAAmD;gCACrD,CAAC,CAAC,0DAA0D,CAC9D,YAEF,eACE,SAAS,EAAE,yCACT,kBAAkB,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,iBAAiB,CAC9D,yBAGG,GACA,EACT,iBACE,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,gBAAgB,EACzB,SAAS,EAAC,wLAAwL,YAElM,eAAM,SAAS,EAAC,2CAA2C,2BAEpD,GACA,IACL,IACF,GACF,CACP,CAAC;AACJ,CAAC","sourcesContent":["import { useCallback, useMemo, useState } from \"react\";\nimport { logger } from \"../../../utils/logger\";\nimport { ChainButton } from \"../components/ChainButton\";\nimport { useWalletConnection, useOnboardingState } from \"../providers\";\nimport { \n  SolanaLogo,\n  HyperliquidLogo,\n  ArbitrumLogo,\n  EthereumLogo,\n} from \"../../../components/logos\";\nimport { SolanaNetwork } from \"../../../config/solana\";\n\n\n\nconst sharedLogoWrapperStyle = { width: 16, height: 16 };\n\nexport const CHAINS_WITH_NETWORK_INFO = [\n  {\n    id: \"solana\",\n    name: \"Solana\",\n    subtitle: \"~1 minute deposit time\",\n    logo: (\n      <div className=\"flex items-center justify-center\" style={sharedLogoWrapperStyle}>\n        <SolanaLogo width={16} height={16} />\n      </div>\n    ),\n    network: SolanaNetwork.MAINNET,\n    soon: false,\n  },\n  {\n    id: \"hyperliquid\",\n    name: \"Hyperliquid\",\n    subtitle: undefined,\n    logo: (\n      <div className=\"flex items-center justify-center\" style={sharedLogoWrapperStyle}>\n        <HyperliquidLogo width={16} height={16} />\n      </div>\n    ),\n    network: \"\",\n    soon: true,\n  },\n  {\n    id: \"arbitrum\",\n    name: \"Arbitrum\",\n    subtitle: undefined,\n    logo: (\n      <div className=\"flex items-center justify-center\" style={sharedLogoWrapperStyle}>\n        <ArbitrumLogo width={16} height={16} />\n      </div>\n    ),\n    network: \"\",\n    soon: true,\n  },\n  {\n    id: \"ethereum\",\n    name: \"Ethereum\",\n    subtitle: undefined,\n    logo: (\n      <div className=\"flex items-center justify-center\" style={sharedLogoWrapperStyle}>\n        <EthereumLogo width={16} height={16} />\n      </div>\n    ),\n    network: \"\",\n    soon: true,\n  },\n] as const;\n\n\n\nexport function ChainSelectionScreen() {\n  const { disconnectWallet } = useWalletConnection();\n  const { actions, context } = useOnboardingState();\n\n  const initialSelectedChainId = useMemo(() => {\n    if (context.selectedChainId) {\n      const chainFromId = CHAINS_WITH_NETWORK_INFO.find(\n        (chain) => chain.id === context.selectedChainId\n      );\n      if (chainFromId) {\n        return chainFromId.id;\n      }\n    }\n\n    if (context.selectedChain) {\n      const normalizedContextValue = context.selectedChain.toLowerCase();\n      const chainFromContext = CHAINS_WITH_NETWORK_INFO.find(\n        (chain) =>\n          chain.name.toLowerCase() === normalizedContextValue ||\n          chain.id.toLowerCase() === normalizedContextValue\n      );\n      if (chainFromContext) {\n        return chainFromContext.id;\n      }\n    }\n\n    return CHAINS_WITH_NETWORK_INFO.find((c) => !c.soon)?.id || null;\n  }, [context.selectedChain, context.selectedChainId]);\n\n  const [selectedChainId, setSelectedChainId] = useState<string | null>(\n    initialSelectedChainId\n  );\n\n  const handleChainSelect = useCallback((chainId: string) => {\n    logger.debug(\"Chain selected in ChainSelectionScreen:\", chainId);\n  \n    const chain = CHAINS_WITH_NETWORK_INFO.find((c) => c.id === chainId);\n  \n    if (chain && !chain.soon) {\n      setSelectedChainId(chainId);\n    } else {\n      logger.debug(\"Chain not selectable:\", chainId);\n    }\n  }, [logger]);\n\n  const selectedChain = useMemo(\n    () => CHAINS_WITH_NETWORK_INFO.find((chain) => chain.id === selectedChainId),\n    [selectedChainId]\n  );\n\n  const handleContinue = useCallback(() => {\n    if (!selectedChain || selectedChain.soon) {\n      logger.debug(\"Continue button clicked without selectable chain\");\n      return;\n    }\n\n    actions.selectChain({\n      id: selectedChain.id,\n      name: selectedChain.name,\n      network: selectedChain.network ?? null,\n    });\n    logger.debug(\"Transitioned to amount input from chain selection\");\n  }, [selectedChain, actions]);\n\n  const handleDisconnect = useCallback(() => {\n    logger.debug(\"Disconnect button clicked\");\n    disconnectWallet();\n  }, [disconnectWallet]);\n\n  const isContinueDisabled = !selectedChain || selectedChain.soon;\n\n  return (\n    <div className=\"overflow-visible relative\">\n      <div className=\"flex flex-col space-y-3\">\n        {CHAINS_WITH_NETWORK_INFO.map((chain) => (\n          <ChainButton\n            key={chain.id}\n            chain={chain}\n            onClick={() => handleChainSelect(chain.id)}\n            selected={selectedChainId === chain.id && !chain.soon}\n            soon={chain.soon}\n            subtitle={chain.subtitle}\n          />\n        ))}\n        <div className=\"flex flex-col space-y-2\">\n          <button\n            type=\"button\"\n            onClick={handleContinue}\n            disabled={isContinueDisabled}\n            className={`w-full h-8 rounded border bg-transparent flex font-medium items-center justify-center transition-all duration-200 transform ${\n              isContinueDisabled\n                ? \"border-n1-ww-border opacity-50 cursor-not-allowed\"\n                : \"border-n1-ww-main hover:bg-n1-ww-gray-900 cursor-pointer\"\n            }`}\n          >\n            <span\n              className={`font-medium text-sm opacity-90 ${\n                isContinueDisabled ? \"text-n1-ww-gray-500\" : \"text-n1-ww-main\"\n              }`}\n            >\n              Continue\n            </span>\n          </button>\n          <button\n            type=\"button\"\n            onClick={handleDisconnect}\n            className=\"w-full h-8 rounded border border-n1-ww-border bg-transparent flex font-medium items-center justify-center transition-all duration-200 transform hover:bg-n1-ww-gray-900 cursor-pointer\"\n          >\n            <span className=\"text-white font-medium text-sm opacity-90\">\n              Disconnect\n            </span>\n          </button>\n        </div>\n      </div>\n    </div>\n  );\n}\n"]}

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

@@ -1,4 +1,3 @@
-"use strict";
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,13 +9,10 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DEPOSIT_PROGRESS_MESSAGE = void 0;
-exports.DepositProgressScreen = DepositProgressScreen;
-var jsx_runtime_1 = require("react/jsx-runtime");
-var WaitingMessage_1 = require("../components/WaitingMessage");
-var providers_1 = require("../providers");
-exports.DEPOSIT_PROGRESS_MESSAGE = {
+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",
@@ -26,10 +22,10 @@ var SUBTITLES = {
     solana: 'Please sign the transaction in your wallet to continue',
     nord: 'Waiting for N1 to process the deposit...',
 };
-function DepositProgressScreen() {
+export function DepositProgressScreen() {
     var _a;
-    var depositProgressPhase = (0, providers_1.useDepositFlow)().depositProgressPhase;
-    var message = __assign(__assign({}, exports.DEPOSIT_PROGRESS_MESSAGE), { subtitle: (_a = SUBTITLES[depositProgressPhase]) !== null && _a !== void 0 ? _a : SUBTITLES.solana });
-    return ((0, jsx_runtime_1.jsx)("div", { className: "overflow-hidden relative", children: (0, jsx_runtime_1.jsx)(WaitingMessage_1.WaitingMessage, { message: message, animation: "transfer" }) }));
+    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

@@ -1 +1 @@
-{"version":3,"file":"04-DepositProgressScreen.js","sourceRoot":"","sources":["../../../../src/features/onboarding-flow/screens/04-DepositProgressScreen.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;AAiBA,sDAYC;;AA7BD,+DAA8D;AAC9D,0CAA8C;AAIjC,QAAA,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,SAAgB,qBAAqB;;IAC3B,IAAA,oBAAoB,GAAK,IAAA,0BAAc,GAAE,qBAArB,CAAsB;IAClD,IAAM,OAAO,yBACR,gCAAwB,KAC3B,QAAQ,EAAE,MAAA,SAAS,CAAC,oBAAoB,CAAC,mCAAI,SAAS,CAAC,MAAM,GAC9D,CAAC;IAEF,OAAO,CACL,gCAAK,SAAS,EAAC,0BAA0B,YACvC,uBAAC,+BAAc,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"]}
+{"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/features/onboarding-flow/screens/05-AmountInputScreen.d.ts

@@ -0,0 +1,6 @@
+export declare const DEFAULT_MIN_DEPOSIT = 5;
+export declare const BALANCE_REFRESH_MS = 20000;
+interface AmountInputScreenProps {
+}
+export declare function AmountInputScreen({}: AmountInputScreenProps): import("react/jsx-runtime").JSX.Element;
+export {};