@n1xyz/wallet-widget 0.0.34 → 0.0.35-alpha.1

package/dist/src/features/onboarding-flow/screens/05-AmountInputScreen.js

@@ -0,0 +1,585 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
+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 { useNetwork } from "../../../providers/N1WalletProvider/NetworkProvider";
+import { logger } from "../../../utils/logger";
+import { formatAmount } from "../../../utils/formatAmount";
+import { useDepositFlow, useOnboardingState, useWalletConnection } from "../providers";
+import { isNordConfigured } from "../utils/nordUtils";
+import { getSolanaRpcUrl } from "../../../config/solana";
+/**
+ * Screen for entering deposit amount with balance checking and validation.
+ * Supports both Solana and EVM chains, fetches USDC balances, and validates minimum deposits.
+ */
+export var DEFAULT_MIN_DEPOSIT = 2;
+export var BRIDGE_FEE = 1;
+var EVM_USDC_DECIMALS = 6;
+export var BALANCE_REFRESH_MS = 20000;
+var ERC20_BALANCE_OF_SELECTOR = "0x70a08231";
+var parseNumber = function (value) {
+    if (!value)
+        return undefined;
+    var parsed = Number(value);
+    return Number.isFinite(parsed) ? parsed : undefined;
+};
+var parseList = function (value) {
+    return value
+        ? value
+            .split(",")
+            .map(function (v) { return v.trim(); })
+            .filter(Boolean)
+        : [];
+};
+var EVM_CHAIN_CONFIG = {
+    ethereum: {
+        nativeSymbol: (_a = process.env.NEXT_PUBLIC_NATIVE_SYMBOL_ETHEREUM) !== null && _a !== void 0 ? _a : "ETH",
+        nativeDecimals: (_b = parseNumber(process.env.NEXT_PUBLIC_NATIVE_DECIMALS_ETHEREUM)) !== null && _b !== void 0 ? _b : 18,
+        usdcAddress: process.env.NEXT_PUBLIC_USDC_ETHEREUM,
+        usdcDecimals: (_c = parseNumber(process.env.NEXT_PUBLIC_USDC_DECIMALS_ETHEREUM)) !== null && _c !== void 0 ? _c : 6,
+        rpcUrls: parseList(process.env.NEXT_PUBLIC_RPC_ETHEREUM).length > 0
+            ? parseList(process.env.NEXT_PUBLIC_RPC_ETHEREUM)
+            : ["https://ethereum-sepolia-rpc.publicnode.com"],
+        minNativeForFees: (_d = parseNumber(process.env.NEXT_PUBLIC_MIN_NATIVE_FOR_FEES_ETHEREUM)) !== null && _d !== void 0 ? _d : 0.002,
+    },
+    arbitrum: {
+        nativeSymbol: (_e = process.env.NEXT_PUBLIC_NATIVE_SYMBOL_ARBITRUM) !== null && _e !== void 0 ? _e : "ETH",
+        nativeDecimals: (_f = parseNumber(process.env.NEXT_PUBLIC_NATIVE_DECIMALS_ARBITRUM)) !== null && _f !== void 0 ? _f : 18,
+        usdcAddress: process.env.NEXT_PUBLIC_USDC_ARBITRUM,
+        usdcDecimals: (_g = parseNumber(process.env.NEXT_PUBLIC_USDC_DECIMALS_ARBITRUM)) !== null && _g !== void 0 ? _g : 6,
+        rpcUrls: parseList(process.env.NEXT_PUBLIC_RPC_ARBITRUM).length > 0
+            ? parseList(process.env.NEXT_PUBLIC_RPC_ARBITRUM)
+            : ["https://sepolia-rollup.arbitrum.io/rpc"],
+        minNativeForFees: (_h = parseNumber(process.env.NEXT_PUBLIC_MIN_NATIVE_FOR_FEES_ARBITRUM)) !== null && _h !== void 0 ? _h : 0.002,
+    },
+    base: {
+        nativeSymbol: (_j = process.env.NEXT_PUBLIC_NATIVE_SYMBOL_BASE) !== null && _j !== void 0 ? _j : "ETH",
+        nativeDecimals: (_k = parseNumber(process.env.NEXT_PUBLIC_NATIVE_DECIMALS_BASE)) !== null && _k !== void 0 ? _k : 18,
+        usdcAddress: process.env.NEXT_PUBLIC_USDC_BASE,
+        usdcDecimals: (_l = parseNumber(process.env.NEXT_PUBLIC_USDC_DECIMALS_BASE)) !== null && _l !== void 0 ? _l : 6,
+        rpcUrls: parseList(process.env.NEXT_PUBLIC_RPC_BASE).length > 0
+            ? parseList(process.env.NEXT_PUBLIC_RPC_BASE)
+            : ["https://sepolia.base.org"],
+        minNativeForFees: (_m = parseNumber(process.env.NEXT_PUBLIC_MIN_NATIVE_FOR_FEES_BASE)) !== null && _m !== void 0 ? _m : 0.002,
+    },
+};
+var normalizeChainId = function (chain) {
+    if (!chain)
+        return "solana";
+    var lower = chain.toLowerCase();
+    if (lower === "evm")
+        return "ethereum";
+    if (lower === "arb" || lower === "arbitrum" || lower === "arbitrum-one")
+        return "arbitrum";
+    if (lower === "base")
+        return "base";
+    return lower;
+};
+var formatBalanceFromHex = function (value, decimals) {
+    if (!value)
+        return 0;
+    try {
+        var raw = BigInt(value);
+        return Number(raw) / Math.pow(10, decimals);
+    }
+    catch (_a) {
+        return 0;
+    }
+};
+var buildBalanceOfData = function (wallet) {
+    var stripped = wallet.toLowerCase().replace(/^0x/, "");
+    return "".concat(ERC20_BALANCE_OF_SELECTOR).concat(stripped.padStart(64, "0"));
+};
+export function AmountInputScreen(_a) {
+    var _this = this;
+    var _b, _c, _d, _e;
+    var context = useOnboardingState().context;
+    var _f = useDepositFlow(), amount = _f.amount, updateAmount = _f.updateAmount, startDeposit = _f.startDeposit;
+    var nord = useN1WalletContext().nord;
+    var _g = useNetwork(), address = _g.solanaAddress, evmAddress = _g.evmAddress;
+    var turnkeyAddress = useWalletConnection().turnkeyAddress;
+    var _h = useState(null), tokenSymbol = _h[0], setTokenSymbol = _h[1];
+    var _j = useState(null), tokenDecimals = _j[0], setTokenDecimals = _j[1];
+    var _k = useState(null), nordTokens = _k[0], setNordTokens = _k[1];
+    var _l = useState({
+        usdc: null,
+        native: null,
+        loading: false,
+        error: null,
+    }), walletBalances = _l[0], setWalletBalances = _l[1];
+    var isMountedRef = useRef(true);
+    useEffect(function () {
+        return function () {
+            isMountedRef.current = false;
+        };
+    }, []);
+    // Set default amount only on initial mount
+    useEffect(function () {
+        if (!amount) {
+            updateAmount("10");
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, []);
+    var normalizedChain = useMemo(function () {
+        return normalizeChainId(context.selectedChainId || context.selectedChain || context.entryNetwork);
+    }, [context.entryNetwork, context.selectedChain, context.selectedChainId]);
+    var selectedChainName = useMemo(function () {
+        if (context.selectedChain) {
+            return context.selectedChain;
+        }
+        switch (normalizedChain) {
+            case "ethereum":
+                return "Ethereum";
+            case "arbitrum":
+                return "Arbitrum";
+            case "base":
+                return "Base";
+            default:
+                return "Solana";
+        }
+    }, [context.selectedChain, normalizedChain]);
+    var _m = useState(null), tokenMintAddress = _m[0], setTokenMintAddress = _m[1];
+    var solanaRecipient = address || turnkeyAddress || null;
+    // Simple rule: on EVM chains we always treat the deposit token as USDC with 6 decimals.
+    // This avoids depending on Nord token metadata to enable the amount screen.
+    useEffect(function () {
+        if (normalizedChain === "solana") {
+            return;
+        }
+        if (tokenSymbol !== "USDC") {
+            setTokenSymbol("USDC");
+        }
+        if (tokenDecimals !== EVM_USDC_DECIMALS) {
+            setTokenDecimals(EVM_USDC_DECIMALS);
+        }
+        if (tokenMintAddress !== null) {
+            setTokenMintAddress(null);
+        }
+    }, [normalizedChain, tokenDecimals, tokenMintAddress, tokenSymbol]);
+    var handleDepositClick = useCallback(function () {
+        logger.debug("Deposit button clicked", {
+            selectedChain: normalizedChain,
+            hasEvm: Boolean(evmAddress),
+            hasSolana: Boolean(address),
+            hasTurnkey: Boolean(turnkeyAddress),
+        });
+        void startDeposit();
+    }, [address, evmAddress, normalizedChain, startDeposit, turnkeyAddress, amount, solanaRecipient]);
+    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 || !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 {
+                if (!nordTokens || nordTokens.length === 0) {
+                    return;
+                }
+                var usdcToken = nordTokens.find(function (t) { return t.symbol === "USDC_2"; }) || 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, nordTokens]);
+    var minDeposit = useMemo(function () {
+        var _a, _b;
+        if (!nord ||
+            !isNordConfigured(nord) ||
+            !tokenMintAddress ||
+            tokenDecimals == null) {
+            return DEFAULT_MIN_DEPOSIT;
+        }
+        try {
+            // @ts-ignore
+            var mintInfo = (_b = (_a = nord.protonClient) === null || _a === void 0 ? void 0 : _a.mintInfo) === null || _b === void 0 ? void 0 : _b.get(tokenMintAddress);
+            if (mintInfo === null || mintInfo === void 0 ? void 0 : mintInfo.minDeposit) {
+                var minDepositUnits = Number(mintInfo.minDeposit);
+                var divisor = Math.pow(10, (tokenDecimals !== null && tokenDecimals !== void 0 ? tokenDecimals : 0));
+                if (Number.isFinite(minDepositUnits) && divisor > 0) {
+                    return minDepositUnits / divisor;
+                }
+            }
+        }
+        catch (error) {
+            logger.warn("Unable to derive min deposit from Nord config", error);
+        }
+        return DEFAULT_MIN_DEPOSIT;
+    }, [nord, tokenMintAddress, tokenDecimals]);
+    var effectiveMinDeposit = useMemo(function () {
+        // For EVM chains we enforce: min_deposit + bridge_fee.
+        // For Solana: min_deposit only.
+        return normalizedChain === "solana" ? minDeposit : minDeposit + BRIDGE_FEE;
+    }, [minDeposit, normalizedChain]);
+    var fetchBalances = useCallback(function () {
+        var args_1 = [];
+        for (var _i = 0; _i < arguments.length; _i++) {
+            args_1[_i] = arguments[_i];
+        }
+        return __awaiter(_this, __spreadArray([], args_1, true), void 0, function (showSpinner) {
+            var isSolanaChain, ownerAddress, evmConfig, rpcUrl, rpcEndpoint, connection, ownerKey, _a, solLamports, tokenAccounts, usdcTotal, normalizedOwner, requestRpc, _b, nativeHex, usdcHex, usdcBalance, nativeBalance, error_2;
+            var _this = this;
+            var _c;
+            if (showSpinner === void 0) { showSpinner = true; }
+            return __generator(this, function (_d) {
+                switch (_d.label) {
+                    case 0:
+                        isSolanaChain = normalizedChain === "solana";
+                        ownerAddress = isSolanaChain ? address : evmAddress;
+                        evmConfig = isSolanaChain ? null : EVM_CHAIN_CONFIG[normalizedChain];
+                        rpcUrl = (_c = evmConfig === null || evmConfig === void 0 ? void 0 : evmConfig.rpcUrls.find(Boolean)) !== null && _c !== void 0 ? _c : null;
+                        if (!ownerAddress || (isSolanaChain && !tokenMintAddress)) {
+                            if (isMountedRef.current) {
+                                setWalletBalances({
+                                    usdc: null,
+                                    native: null,
+                                    loading: false,
+                                    error: null,
+                                });
+                            }
+                            return [2 /*return*/];
+                        }
+                        if (showSpinner) {
+                            setWalletBalances(function (prev) { return (__assign(__assign({}, prev), { loading: true, error: null })); });
+                        }
+                        _d.label = 1;
+                    case 1:
+                        _d.trys.push([1, 5, , 6]);
+                        if (!isSolanaChain) return [3 /*break*/, 3];
+                        rpcEndpoint = getSolanaRpcUrl();
+                        connection = new Connection(rpcEndpoint, "confirmed");
+                        ownerKey = new PublicKey(ownerAddress);
+                        return [4 /*yield*/, Promise.all([
+                                connection.getBalance(ownerKey),
+                                connection.getParsedTokenAccountsByOwner(ownerKey, {
+                                    mint: new PublicKey(tokenMintAddress),
+                                }),
+                            ])];
+                    case 2:
+                        _a = _d.sent(), solLamports = _a[0], tokenAccounts = _a[1];
+                        usdcTotal = tokenAccounts.value.reduce(function (total, _a) {
+                            var _b, _c;
+                            var account = _a.account;
+                            var info = (_b = account.data.parsed) === null || _b === void 0 ? void 0 : _b.info;
+                            var tokenAmount = info === null || info === void 0 ? void 0 : info.tokenAmount;
+                            if (!tokenAmount) {
+                                return total;
+                            }
+                            var uiAmount = typeof tokenAmount.uiAmount === "number"
+                                ? tokenAmount.uiAmount
+                                : parseFloat((_c = tokenAmount.uiAmountString) !== null && _c !== void 0 ? _c : "0");
+                            return total + (Number.isFinite(uiAmount) ? uiAmount : 0);
+                        }, 0);
+                        if (!isMountedRef.current) {
+                            return [2 /*return*/];
+                        }
+                        setWalletBalances({
+                            usdc: usdcTotal,
+                            native: solLamports / LAMPORTS_PER_SOL,
+                            loading: false,
+                            error: null,
+                        });
+                        return [2 /*return*/];
+                    case 3:
+                        if (!evmConfig || !rpcUrl) {
+                            throw new Error("Unsupported chain for balance lookup.");
+                        }
+                        if (!evmConfig.usdcAddress) {
+                            throw new Error("USDC contract is not configured for this chain.");
+                        }
+                        normalizedOwner = ownerAddress.startsWith("0x")
+                            ? ownerAddress
+                            : "0x".concat(ownerAddress);
+                        requestRpc = function (method, params) { return __awaiter(_this, void 0, void 0, function () {
+                            var response, payload;
+                            var _a;
+                            return __generator(this, function (_b) {
+                                switch (_b.label) {
+                                    case 0: return [4 /*yield*/, fetch(rpcUrl, {
+                                            method: "POST",
+                                            headers: { "Content-Type": "application/json" },
+                                            body: JSON.stringify({
+                                                jsonrpc: "2.0",
+                                                id: Date.now(),
+                                                method: method,
+                                                params: params,
+                                            }),
+                                        })];
+                                    case 1:
+                                        response = _b.sent();
+                                        if (!response.ok) {
+                                            throw new Error("RPC request failed with status ".concat(response.status));
+                                        }
+                                        return [4 /*yield*/, response.json()];
+                                    case 2:
+                                        payload = _b.sent();
+                                        if (payload === null || payload === void 0 ? void 0 : payload.error) {
+                                            throw new Error(((_a = payload.error) === null || _a === void 0 ? void 0 : _a.message) || "RPC request failed for balances.");
+                                        }
+                                        return [2 /*return*/, payload === null || payload === void 0 ? void 0 : payload.result];
+                                }
+                            });
+                        }); };
+                        return [4 /*yield*/, Promise.all([
+                                requestRpc("eth_getBalance", [normalizedOwner, "latest"]),
+                                requestRpc("eth_call", [
+                                    { to: evmConfig.usdcAddress, data: buildBalanceOfData(normalizedOwner) },
+                                    "latest",
+                                ]),
+                            ])];
+                    case 4:
+                        _b = _d.sent(), nativeHex = _b[0], usdcHex = _b[1];
+                        usdcBalance = formatBalanceFromHex(usdcHex, evmConfig.usdcDecimals);
+                        nativeBalance = formatBalanceFromHex(nativeHex, evmConfig.nativeDecimals);
+                        if (!isMountedRef.current) {
+                            return [2 /*return*/];
+                        }
+                        setWalletBalances({
+                            usdc: usdcBalance,
+                            native: nativeBalance,
+                            loading: false,
+                            error: null,
+                        });
+                        return [3 /*break*/, 6];
+                    case 5:
+                        error_2 = _d.sent();
+                        logger.warn("Failed to load wallet balances", error_2);
+                        if (!isMountedRef.current) {
+                            return [2 /*return*/];
+                        }
+                        setWalletBalances(function (prev) { return (__assign(__assign({}, prev), { loading: false, error: "Unable to fetch wallet balances. Please try again." })); });
+                        return [3 /*break*/, 6];
+                    case 6: return [2 /*return*/];
+                }
+            });
+        });
+    }, [address, evmAddress, normalizedChain, tokenMintAddress]);
+    useEffect(function () {
+        if (normalizedChain === "solana" && !tokenMintAddress) {
+            return;
+        }
+        fetchBalances();
+        var interval = setInterval(function () {
+            fetchBalances(false);
+        }, BALANCE_REFRESH_MS);
+        return function () { return clearInterval(interval); };
+    }, [fetchBalances, normalizedChain, tokenMintAddress]);
+    var isSolana = normalizedChain === "solana";
+    var nativeSymbol = isSolana
+        ? "SOL"
+        : (_c = (_b = EVM_CHAIN_CONFIG[normalizedChain]) === null || _b === void 0 ? void 0 : _b.nativeSymbol) !== null && _c !== void 0 ? _c : "ETH";
+    var requiredNativeForFees = isSolana
+        ? 0.002
+        : (_e = (_d = EVM_CHAIN_CONFIG[normalizedChain]) === null || _d === void 0 ? void 0 : _d.minNativeForFees) !== null && _e !== void 0 ? _e : 0.002;
+    var gasFeeDisplay = isSolana ? "~$0.30" : "~$0.40";
+    var minDepositDisplay = effectiveMinDeposit.toString();
+    var tokenSymbolDisplay = tokenSymbol !== null && tokenSymbol !== void 0 ? tokenSymbol : "—";
+    var formattedBalance = walletBalances.usdc == null || tokenDecimals == null
+        ? walletBalances.loading
+            ? "Loading..."
+            : "—"
+        : formatAmount(walletBalances.usdc, tokenDecimals);
+    var formattedNativeBalance = walletBalances.native == null
+        ? walletBalances.loading
+            ? "Loading..."
+            : "—"
+        : walletBalances.native.toFixed(4);
+    var numericAmount = Number(amount || 0);
+    var hasEnteredAmount = Number.isFinite(numericAmount) && numericAmount > 0;
+    var meetsMinDeposit = numericAmount >= effectiveMinDeposit;
+    var hasSufficientUsdc = walletBalances.usdc == null ? false : numericAmount <= walletBalances.usdc;
+    var hasSufficientNative = walletBalances.native == null
+        ? false
+        : walletBalances.native >= requiredNativeForFees;
+    var validationError = useMemo(function () {
+        if (isSolana && !address) {
+            return "Connect a wallet to continue.";
+        }
+        if (!isSolana && !evmAddress) {
+            return "Connect an EVM wallet to continue.";
+        }
+        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.native == null) {
+            return null;
+        }
+        if (!isSolana && !solanaRecipient) {
+            return "Preparing Solana deposit address. Please wait a moment and retry.";
+        }
+        if (!meetsMinDeposit) {
+            return "Minimum deposit is ".concat(effectiveMinDeposit, " ").concat(tokenSymbolDisplay, ".");
+        }
+        if (!hasSufficientUsdc) {
+            return "Insufficient ".concat(tokenSymbol, " balance for this deposit.");
+        }
+        if (!hasSufficientNative) {
+            return "Not enough ".concat(nativeSymbol, " to cover network fees.");
+        }
+        return null;
+    }, [
+        address,
+        evmAddress,
+        walletBalances.error,
+        walletBalances.loading,
+        walletBalances.usdc,
+        walletBalances.native,
+        hasEnteredAmount,
+        hasSufficientNative,
+        hasSufficientUsdc,
+        meetsMinDeposit,
+        tokenSymbol,
+        tokenDecimals,
+        effectiveMinDeposit,
+        isSolana,
+        nativeSymbol,
+        solanaRecipient,
+        tokenSymbolDisplay,
+    ]);
+    var isValidAmount = !walletBalances.loading && validationError === null;
+    var handleUseMax = function () {
+        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, " ", tokenSymbolDisplay] })] }), _jsxs("div", { className: "flex items-center justify-between", children: [_jsxs("span", { children: [nativeSymbol, " Balance:"] }), _jsxs("span", { children: [formattedNativeBalance, " ", nativeSymbol] })] }), _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: "text", inputMode: "decimal", value: amount, onChange: function (e) {
+                                                var val = e.target.value;
+                                                // Allow empty, or valid decimal numbers
+                                                if (val === "" || /^\d*\.?\d*$/.test(val)) {
+                                                    updateAmount(val);
+                                                }
+                                            }, 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 w-20" }), _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", style: { color: '#f87171' }, children: validationError })), _jsx("button", { onClick: handleDepositClick, disabled: !isValidAmount, type: "button", 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" }) })] }));
+}
+//# sourceMappingURL=05-AmountInputScreen.js.map