0xtrails 0.15.1 → 0.16.1

package/dist/widget/components/Withdraw.js

@@ -1,86 +1,87 @@
-import { FIAT_CURRENCY_SYMBOLS as xt } from "../../constants.js";
 import { logger as l } from "../../logger/index.js";
-import { isWithinCooldown as Ie } from "../../utils/time.js";
-import { getChainInfo as fe } from "../../chains.js";
-import { addressEqual as Oe } from "../../utils/address.js";
-import { isPositiveNumber as Nt, toSafeNumber as Ue } from "../../utils/validation.js";
+import { isWithinCooldown as Fe } from "../../utils/time.js";
+import { getChainInfo as he } from "../../chains.js";
+import { addressEqual as Ue } from "../../utils/address.js";
+import { FIAT_CURRENCY_SYMBOLS as Dt } from "../../constants.js";
+import { useSupportedTokens as At } from "../../query/token.hooks.js";
+import { getSupportedChains as Lt } from "../shared/destinationSupport.js";
+import { useOriginSelectedToken as Mt } from "../../hooks/useOriginSelectedToken.js";
+import { useDestinationSelectedToken as It } from "../../hooks/useDestinationSelectedToken.js";
+import { isPositiveNumber as Ot, toSafeNumber as We } from "../../utils/validation.js";
 import { forexRateStore as ie } from "../utils/forexRateStore.js";
-import { formatUsdAmountDisplay as Dt, formatUsdAmountLocaleDisplay as vt } from "../../utils/format.js";
+import { formatUsdAmountDisplay as Rt, formatUsdAmountLocaleDisplay as Bt } from "../../utils/format.js";
+import { useSelectedRecipient as Ft } from "../../hooks/useSelectedRecipient.js";
+import { useBalanceVisible as Ut } from "../../hooks/useBalanceVisible.js";
 import { TradeType as f } from "../../transactionIntent/types.js";
-import { useSupportedTokens as Ct } from "../../hooks/useTokens.js";
-import { useOriginSelectedToken as At } from "../../hooks/useOriginSelectedToken.js";
-import { useDestinationSelectedToken as Lt } from "../../hooks/useDestinationSelectedToken.js";
-import { useSelectedRecipient as Mt } from "../../hooks/useSelectedRecipient.js";
-import { useBalanceVisible as Bt } from "../../hooks/useBalanceVisible.js";
-import { useSwapState as Rt } from "../../hooks/useSwapState.js";
-import { useScreenGuard as Ft, useViewManager as It } from "../../hooks/useViewManager.js";
-import { ScreenHeader as he } from "./ScreenHeader.js";
-import { useAccountTokenBalanceOnchain as Ot } from "../../query/balance.hooks.js";
-import { TokenSelector as We } from "./TokenSelector.js";
-import { ChainList as Ee } from "./ChainList.js";
-import Ut from "./DynamicSizeInputField.js";
-import Wt from "./QuoteDetails.js";
-import pe from "./LoadingSpinner.js";
-import { PercentageMaxButtons as Et } from "./PercentageMaxButtons.js";
-import { useDefaultOriginToken as jt } from "../../hooks/useDefaultOriginToken.js";
-import { useSendForm as _t } from "../../hooks/useSendForm.js";
-import { isFeeOptionDisabled as Vt } from "./FeeOption.js";
-import $t from "./FeeOptions.js";
-import Pt from "./FundingMethodSelectorButton.js";
-import { TokenSelectorButton as je } from "./TokenSelectorButton.js";
-import { useDefaultDestinationToken as Xt } from "../../hooks/useDefaultDestinationToken.js";
-import _e from "./RecipientSelectorButton.js";
-import { useCallback as $, useEffect as c, useRef as I, useState as T } from "react";
-import { ArrowLeftRight as Ht } from "lucide-react";
-import { Fragment as qt, jsx as t, jsxs as a } from "react/jsx-runtime";
-var Rn = ({ selectedToken: Ve, onSend: $e, onConfirm: Pe, onComplete: ge, account: se, toRecipient: o, toAmount: Xe, toChainId: x, toToken: d, toCalldata: He, walletClient: qe, onTransactionStateChange: Ge, onError: ae, onWaitingForWalletConfirm: Qe, setWalletConfirmRetryHandler: ze, swapProvider: Ke, bridgeProvider: Ye, swapProviderFallback: Ze, bridgeProviderFallback: Je, onAmountUpdate: oe, checkoutOnHandlers: et, recentTokens: Se, onTrackToken: P, isSequenceWallet: Gt = !1, fromToken: y, fromChainId: X, defaultInputMode: tt }) => {
-  const { mode: nt, navigate: it } = It(), O = !y, { isBalanceVisible: be } = Bt(), { selectedToken: i, setSelectedToken: N, hasManualSelection: D, setHasManualSelection: v } = At(), { selectedToken: C, setSelectedToken: A, hasManualSelection: H, setHasManualSelection: q, availableDestinationTokens: st } = Lt(), { token: G, isLoadingBalance: Te } = Ot(i, se?.address), { selectedRecipient: L, setSelectedRecipient: Q } = Mt(), ye = I(o), w = I({
+import { useSwapState as Wt } from "../../hooks/useSwapState.js";
+import { useScreenGuard as Et, useViewManager as jt } from "../../hooks/useViewManager.js";
+import { ScreenHeader as pe } from "./ScreenHeader.js";
+import { useAccountTokenBalanceOnchain as _t } from "../../query/balance.hooks.js";
+import { TokenSelector as Ee } from "./TokenSelector.js";
+import { ChainList as je } from "./ChainList.js";
+import Vt from "./DynamicSizeInputField.js";
+import $t from "./QuoteDetails.js";
+import ge from "./LoadingSpinner.js";
+import { PercentageMaxButtons as Pt } from "./PercentageMaxButtons.js";
+import { useDefaultOriginToken as Xt } from "../../hooks/useDefaultOriginToken.js";
+import { useSendForm as Ht } from "../../hooks/useSendForm.js";
+import { isFeeOptionDisabled as qt } from "./FeeOption.js";
+import Kt from "./FeeOptions.js";
+import Gt from "./FundingMethodSelectorButton.js";
+import { TokenSelectorButton as _e } from "./TokenSelectorButton.js";
+import { useDefaultDestinationToken as Qt } from "../../hooks/useDefaultDestinationToken.js";
+import Ve from "./RecipientSelectorButton.js";
+import { useCallback as $, useEffect as c, useMemo as zt, useRef as B, useState as T } from "react";
+import { Fragment as Yt, jsx as t, jsxs as a } from "react/jsx-runtime";
+import { ArrowLeftRight as Zt } from "lucide-react";
+var jn = ({ selectedToken: $e, onSend: Pe, onConfirm: Xe, onComplete: Se, account: se, toRecipient: o, toAmount: He, toChainId: x, toToken: d, toCalldata: qe, walletClient: Ke, onTransactionStateChange: Ge, onError: ae, onWaitingForWalletConfirm: Qe, setWalletConfirmRetryHandler: ze, swapProvider: Ye, bridgeProvider: Ze, swapProviderFallback: Je, bridgeProviderFallback: et, onAmountUpdate: oe, checkoutOnHandlers: tt, recentTokens: be, onTrackToken: P, isSequenceWallet: Jt = !1, fromToken: w, fromChainId: X, defaultInputMode: nt }) => {
+  const { mode: it, navigate: st } = jt(), F = !w, { isBalanceVisible: Te } = Ut(), { selectedToken: i, setSelectedToken: N, hasManualSelection: v, setHasManualSelection: C, availableOriginTokens: at, availableOriginTokenKeys: ot, availableOriginTokenRestrictedChainIds: rt, availableOriginChainIds: re } = Mt(), { selectedToken: D, setSelectedToken: A, hasManualSelection: H, setHasManualSelection: q } = It(), lt = zt(() => Lt(re), [re]), { token: K, isLoadingBalance: we } = _t(i, se?.address), { selectedRecipient: L, setSelectedRecipient: G } = Ft(), ye = B(o), y = B({
     hasManualDestinationSelection: !1,
     lastOriginSelectionTime: 0,
     lastDestinationSelectionTime: 0
-  }), { defaultOriginToken: U, isLoading: z } = jt(), { defaultDestinationToken: M, isLoading: we } = Xt(i), [ke, re] = T(Ve?.chainId || i?.chainId), { tradeType: at, setTradeType: W, sellAmount: K, setSellAmount: h, buyAmount: ot, setBuyAmount: E, resetSwapState: xe, enterFormMode: rt } = Rt();
+  }), { defaultOriginToken: U, isLoading: Q } = Xt(), { defaultDestinationToken: M, isLoading: ke } = Qt(i), [xe, le] = T($e?.chainId || i?.chainId), { tradeType: ct, setTradeType: W, sellAmount: z, setSellAmount: h, buyAmount: dt, setBuyAmount: E, resetSwapState: Ne, enterFormMode: ut } = Wt();
   c(() => {
-    rt("withdraw");
-  }, []), Ft((o == null || o === "") && !L, "recipients", { backTarget: "withdraw" }), c(() => {
+    ut("withdraw");
+  }, []), Et((o == null || o === "") && !L, "recipients", { backTarget: "withdraw" }), c(() => {
     const e = o !== ye.current;
-    ye.current = o, e ? o ? (l.console.log("[trails-sdk] Withdraw Setting selectedRecipient to toRecipient:", o), Q(o)) : (l.console.log("[trails-sdk] Withdraw Clearing selectedRecipient (toRecipient is now empty)"), Q(null)) : o && !L && (l.console.log("[trails-sdk] Withdraw Setting selectedRecipient to toRecipient:", o), Q(o));
+    ye.current = o, e ? o ? (l.console.log("[trails-sdk] Withdraw Setting selectedRecipient to toRecipient:", o), G(o)) : (l.console.log("[trails-sdk] Withdraw Clearing selectedRecipient (toRecipient is now empty)"), G(null)) : o && !L && (l.console.log("[trails-sdk] Withdraw Setting selectedRecipient to toRecipient:", o), G(o));
   }, [
     o,
     L,
-    Q
+    G
   ]);
-  const lt = L || o || se?.address, p = at || f.EXACT_INPUT, [k, ct] = T(tt === "fiat"), [Y, g] = T(""), [Qt, Ne] = T(!1), j = I(null);
+  const mt = L || o || se?.address, p = ct || f.EXACT_INPUT, [k, ft] = T(nt === "fiat"), [Y, g] = T(""), [en, ve] = T(!1), j = B(null);
   c(() => () => {
     j.current && clearTimeout(j.current);
   }, []);
-  const dt = $((e) => {
-    g(""), xe(), ge(e);
-  }, [ge, xe]), { amount: ut, amountRaw: De, balanceFormatted: Z, balanceRaw: J, tokenDecimals: mt, balanceLocaleDisplay: ft, balanceUsdDisplay: ve, balanceUsdLocaleDisplay: ht, handleSubmit: pt, isSubmitting: Ce, isLoadingQuote: B, selectedDestToken: Ae, setSelectedDestinationChain: R, setSelectedDestToken: S, buttonText: ee, destinationTokenAddress: gt, isValidCustomToken: St, prepareSendQuote: r, processedFeeOptions: bt, selectedFeeOption: le, setSelectedFeeOption: Tt, sourceTokenPrices: yt } = _t({
+  const ht = $((e) => {
+    g(""), Ne(), Se(e);
+  }, [Se, Ne]), { amount: pt, amountRaw: Ce, balanceFormatted: Z, balanceRaw: J, tokenDecimals: gt, balanceLocaleDisplay: St, balanceUsdDisplay: De, balanceUsdLocaleDisplay: bt, handleSubmit: Tt, isSubmitting: Ae, isLoadingQuote: I, selectedDestToken: Le, setSelectedDestinationChain: O, setSelectedDestToken: S, buttonText: ee, destinationTokenAddress: wt, isValidCustomToken: yt, prepareSendQuote: r, processedFeeOptions: kt, selectedFeeOption: ce, setSelectedFeeOption: xt, sourceTokenPrices: Nt } = Ht({
     account: se,
-    toAmount: p === f.EXACT_OUTPUT ? ot : Xe,
-    fromAmount: p === f.EXACT_INPUT ? K : void 0,
-    toRecipient: lt,
+    toAmount: p === f.EXACT_OUTPUT ? dt : He,
+    fromAmount: p === f.EXACT_INPUT ? z : void 0,
+    toRecipient: mt,
     toChainId: x,
     toToken: d,
-    toCalldata: He,
-    walletClient: qe,
+    toCalldata: qe,
+    walletClient: Ke,
     onTransactionStateChange: Ge,
     onError: ae,
     onWaitingForWalletConfirm: Qe,
-    onSend: $e,
-    onConfirm: Pe,
-    onComplete: dt,
+    onSend: Pe,
+    onConfirm: Xe,
+    onComplete: ht,
     selectedToken: i ?? void 0,
     setWalletConfirmRetryHandler: ze,
     tradeType: p,
-    swapProvider: Ke,
-    bridgeProvider: Ye,
-    swapProviderFallback: Ze,
-    bridgeProviderFallback: Je,
+    swapProvider: Ye,
+    bridgeProvider: Ze,
+    swapProviderFallback: Je,
+    bridgeProviderFallback: et,
     fundMethod: "wallet",
-    mode: nt,
-    checkoutOnHandlers: et
-  }), u = yt?.[0]?.priceUsd || 0, Le = $((e) => {
+    mode: it,
+    checkoutOnHandlers: tt
+  }), u = Nt?.[0]?.priceUsd || 0, Me = $((e) => {
     let n = e;
     e !== "0" && e.length > 1 && e.startsWith("0") && e[1] !== "." && (n = e.replace(/^0+/, "") || "0"), W(f.EXACT_INPUT), h(n);
   }, [W, h]);
@@ -92,172 +93,178 @@ var Rn = ({ selectedToken: Ve, onSend: $e, onConfirm: Pe, onComplete: ge, accoun
     h,
     E
   ]), c(() => {
-    oe && oe(De);
-  }, [De, oe]), c(() => {
-    D && !i && !z && (l.console.log("[trails-sdk] Resetting hasManualOriginSelection - token was cleared"), v(!1));
+    oe && oe(Ce);
+  }, [Ce, oe]), c(() => {
+    v && !i && !Q && (l.console.log("[trails-sdk] Resetting hasManualOriginSelection - token was cleared"), C(!1));
   }, [
-    D,
+    v,
     i,
-    z,
-    v
+    Q,
+    C
   ]), c(() => {
-    !i && !z && U && !D && (l.console.log("[trails-sdk] Auto-selecting origin token:", U), N(U), re(U.chainId));
+    !i && !Q && U && !v && (l.console.log("[trails-sdk] Auto-selecting origin token:", U), N(U), le(U.chainId));
   }, [
     i,
-    z,
+    Q,
     U,
     N,
-    D
+    v
   ]), c(() => {
     if (d) return;
-    const e = D || Ie(w.current.lastOriginSelectionTime, 1e3), n = w.current.hasManualDestinationSelection || H || Ie(w.current.lastDestinationSelectionTime, 1e3);
-    if (!C && !we && M && !n && !e) {
+    const e = v || Fe(y.current.lastOriginSelectionTime, 1e3), n = y.current.hasManualDestinationSelection || H || Fe(y.current.lastDestinationSelectionTime, 1e3);
+    if (!D && !ke && M && !n && !e) {
       l.console.log("[trails-sdk] Auto-selecting destination token:", M), A(M), S(M);
-      const s = fe(M.chainId);
-      s && R(s);
+      const s = he(M.chainId);
+      s && O(s);
     }
   }, [
-    C,
-    we,
+    D,
+    ke,
     M,
     H,
-    D,
+    v,
     A,
     S,
-    R,
+    O,
     d
   ]), c(() => {
-    ce.current && ce.current.focus();
+    de.current && de.current.focus();
   }, []);
-  const ce = I(null), [te, _] = T(!1), [ne, V] = T(!1), [wt, Me] = T(!1), [kt, Be] = T(!1), { supportedTokens: F } = Ct({ disabled: !!d || te || ne }), de = I(null);
+  const de = B(null), [te, _] = T(!1), [ne, V] = T(!1), [vt, Ie] = T(!1), [Ct, Oe] = T(!1), { supportedTokens: R } = At({ disabled: !!d || te || ne }), ue = B(null);
   c(() => {
     const e = `${d}-${x}`;
-    if (d && x && F?.length > 0 && de.current !== e) {
-      const n = F?.find((s) => s.chainId === Number(x) && (Oe(s.contractAddress, d) || s.symbol.toLowerCase() === d.toLowerCase()));
+    if (d && x && R?.length > 0 && ue.current !== e) {
+      const n = R?.find((s) => s.chainId === Number(x) && (Ue(s.contractAddress, d) || s.symbol.toLowerCase() === d.toLowerCase()));
       if (n) {
         l.console.log("[trails-sdk] Withdraw: Setting destination token from toToken prop:", n), A(n), S(n);
-        const s = fe(Number(x));
-        s && R(s), de.current = e;
+        const s = he(Number(x));
+        s && O(s), ue.current = e;
       }
-    } else !d && H && (q(!1), w.current.hasManualDestinationSelection = !1, de.current = null);
+    } else !d && H && (q(!1), y.current.hasManualDestinationSelection = !1, ue.current = null);
   }, [
     d,
     x,
-    F,
+    R,
     A,
     S,
-    R,
+    O,
     H,
     q
   ]), c(() => {
-    C && (l.console.log("[trails-sdk] Syncing destination token to useSendForm:", C), S(C));
-  }, [C, S]);
-  const Re = I(null);
+    D && (l.console.log("[trails-sdk] Syncing destination token to useSendForm:", D), S(D));
+  }, [D, S]);
+  const Re = B(null);
   c(() => {
-    const e = `${y}-${X}`;
-    if (y && X && F?.length > 0 && Re.current !== e) {
-      const n = F?.find((s) => s.chainId === Number(X) && (Oe(s.contractAddress, y) || s.symbol.toLowerCase() === y.toLowerCase()));
-      n && (l.console.log("[trails-sdk] Withdraw: Setting origin token from fromToken prop:", n), N(n), re(n.chainId), v(!0), Re.current = e);
+    const e = `${w}-${X}`;
+    if (w && X && R?.length > 0 && Re.current !== e) {
+      const n = R?.find((s) => s.chainId === Number(X) && (Ue(s.contractAddress, w) || s.symbol.toLowerCase() === w.toLowerCase()));
+      n && (l.console.log("[trails-sdk] Withdraw: Setting origin token from fromToken prop:", n), N(n), le(n.chainId), C(!0), Re.current = e);
     }
   }, [
-    y,
+    w,
     X,
-    F,
+    R,
     N,
-    v
+    C
   ]);
-  const ue = $((e) => {
-    (!i || i.symbol !== e.symbol) && (h(""), E(""), W(f.EXACT_INPUT), g("")), N(e), re(e.chainId), _(!1), v(!0), w.current.lastOriginSelectionTime = Date.now(), P?.(e), l.console.log("[trails-sdk] selected origin token", e);
+  const me = $((e) => {
+    (!i || i.symbol !== e.symbol) && (h(""), E(""), W(f.EXACT_INPUT), g("")), N(e), le(e.chainId), _(!1), C(!0), y.current.lastOriginSelectionTime = Date.now(), P?.(e), l.console.log("[trails-sdk] selected origin token", e);
   }, [
     N,
-    v,
+    C,
     P,
     i,
     h,
     E,
     W
-  ]), me = $((e) => {
+  ]), fe = $((e) => {
     A(e), S(e);
-    const n = fe(e.chainId);
-    n && R(n), V(!1), q(!0), w.current.hasManualDestinationSelection = !0, w.current.lastDestinationSelectionTime = Date.now(), P?.(e), l.console.log("[trails-sdk] selected destination token", e);
+    const n = he(e.chainId);
+    n && O(n), V(!1), q(!0), y.current.hasManualDestinationSelection = !0, y.current.lastDestinationSelectionTime = Date.now(), P?.(e), l.console.log("[trails-sdk] selected destination token", e);
   }, [
     A,
     S,
-    R,
+    O,
     q,
     P
-  ]), Fe = $((e) => {
-    te ? ue(e) : ne && me(e);
+  ]), Be = $((e) => {
+    te ? me(e) : ne && fe(e);
   }, [
     te,
     ne,
-    ue,
-    me
+    me,
+    fe
   ]);
-  return wt ? /* @__PURE__ */ t(Ee, { onBack: () => {
-    Me(!1), _(!0);
-  } }) : te ? /* @__PURE__ */ a("div", {
+  return vt ? /* @__PURE__ */ t(je, {
+    chains: lt,
+    onBack: () => {
+      Ie(!1), _(!0);
+    }
+  }) : te ? /* @__PURE__ */ a("div", {
     className: "space-y-2",
-    children: [/* @__PURE__ */ t(he, {
+    children: [/* @__PURE__ */ t(pe, {
       onBack: () => _(!1),
       headerContent: "Select Token to Withdraw",
       headerContentAlign: "left"
-    }), /* @__PURE__ */ t(We, {
-      onTokenSelect: ue,
+    }), /* @__PURE__ */ t(Ee, {
+      onTokenSelect: me,
       onError: ae,
+      allowedTokens: at,
+      allowedTokenKeys: ot,
+      allowedTokenRestrictedChainIds: rt,
+      allowedChainIds: re,
       showContinueButton: !1,
       compactMode: !1,
       allSupportedTokens: !1,
       fundMethod: "wallet",
       chainListScreen: !0,
       onNavigateToChainList: () => {
-        _(!1), Me(!0);
+        _(!1), Ie(!0);
       },
-      recentTokens: Se,
-      onRecentTokenSelect: Fe
+      recentTokens: be,
+      onRecentTokenSelect: Be
     })]
-  }) : kt ? /* @__PURE__ */ t(Ee, { onBack: () => {
-    Be(!1), V(!0);
+  }) : Ct ? /* @__PURE__ */ t(je, { onBack: () => {
+    Oe(!1), V(!0);
   } }) : ne ? /* @__PURE__ */ a("div", {
     className: "space-y-2",
-    children: [/* @__PURE__ */ t(he, {
+    children: [/* @__PURE__ */ t(pe, {
       onBack: () => V(!1),
       headerContent: "Select Token to Receive",
       headerContentAlign: "left"
-    }), /* @__PURE__ */ t(We, {
-      onTokenSelect: me,
+    }), /* @__PURE__ */ t(Ee, {
+      onTokenSelect: fe,
       onError: ae,
-      allowedTokens: st,
       showContinueButton: !1,
       compactMode: !1,
       allSupportedTokens: !0,
       fundMethod: "wallet",
       chainListScreen: !0,
       onNavigateToChainList: () => {
-        V(!1), Be(!0);
+        V(!1), Oe(!0);
       },
-      recentTokens: Se,
-      onRecentTokenSelect: Fe
+      recentTokens: be,
+      onRecentTokenSelect: Be
     })]
   }) : /* @__PURE__ */ a("div", {
     className: "space-y-2",
-    children: [/* @__PURE__ */ t(he, {
+    children: [/* @__PURE__ */ t(pe, {
       headerContent: "Withdraw",
       headerContentAlign: "left",
       showAccountActions: !0,
       customActions: /* @__PURE__ */ a("button", {
         type: "button",
-        onClick: () => it("swap", { backTarget: "withdraw" }),
+        onClick: () => st("swap", { backTarget: "withdraw" }),
         className: "flex h-8 px-3 justify-center items-center gap-1.5 rounded-full bg-gray-50 dark:bg-gray-700 cursor-pointer transition-colors text-gray-900 dark:text-gray-200 hover:bg-gray-100 dark:hover:bg-gray-600",
         title: "Swap",
-        children: [/* @__PURE__ */ t(Ht, { className: "h-4 w-4" }), /* @__PURE__ */ t("span", {
+        children: [/* @__PURE__ */ t(Zt, { className: "h-4 w-4" }), /* @__PURE__ */ t("span", {
           className: "text-sm font-medium",
           children: "Swap"
         })]
       })
     }), /* @__PURE__ */ a("form", {
       onSubmit: (e) => {
-        e.preventDefault(), l.console.log("[trails-sdk] Calling handleSubmit from Withdraw"), pt(e);
+        e.preventDefault(), l.console.log("[trails-sdk] Calling handleSubmit from Withdraw"), Tt(e);
       },
       className: "space-y-1",
       children: [
@@ -268,13 +275,13 @@ var Rn = ({ selectedToken: Ve, onSend: $e, onConfirm: Pe, onComplete: ge, accoun
               className: "flex items-center justify-center",
               children: /* @__PURE__ */ a("div", {
                 className: "flex items-center justify-center space-x-2",
-                children: [/* @__PURE__ */ t(Ut, {
-                  ref: ce,
+                children: [/* @__PURE__ */ t(Vt, {
+                  ref: de,
                   value: Y,
                   onChange: (e) => {
                     const n = e.target.value;
-                    if (Ne(!0), j.current && clearTimeout(j.current), j.current = setTimeout(() => {
-                      Ne(!1);
+                    if (ve(!0), j.current && clearTimeout(j.current), j.current = setTimeout(() => {
+                      ve(!1);
                     }, 300), n === "") {
                       g(""), h("");
                       return;
@@ -282,27 +289,27 @@ var Rn = ({ selectedToken: Ve, onSend: $e, onConfirm: Pe, onComplete: ge, accoun
                     const s = new RegExp(`^\\d*\\.?\\d{0,${k ? 2 : 8}}$`);
                     if (n.match(s))
                       if (g(n), k && u > 0) {
-                        const m = Ue(n), b = ie.getRate();
-                        Le(((b && b.currency !== "USD" ? m / b.rate : m) / u).toString());
-                      } else Le(n);
+                        const m = We(n), b = ie.getRate();
+                        Me(((b && b.currency !== "USD" ? m / b.rate : m) / u).toString());
+                      } else Me(n);
                   },
-                  isLoading: B && p === f.EXACT_OUTPUT,
+                  isLoading: I && p === f.EXACT_OUTPUT,
                   variant: "default",
                   inputSize: "large",
                   textAlign: "center",
                   isFiatInput: k,
-                  currencySymbol: k ? xt[ie.getRate()?.currency || "USD"] || "$" : i?.symbol
-                }), B && p === f.EXACT_OUTPUT && /* @__PURE__ */ t(pe, {})]
+                  currencySymbol: k ? Dt[ie.getRate()?.currency || "USD"] || "$" : i?.symbol
+                }), I && p === f.EXACT_OUTPUT && /* @__PURE__ */ t(ge, {})]
               })
             }),
-            !O && /* @__PURE__ */ t("div", {
+            !F && /* @__PURE__ */ t("div", {
               className: "mt-3 flex justify-center",
               children: /* @__PURE__ */ a("div", {
                 className: "flex items-center space-x-1 text-sm",
                 children: [/* @__PURE__ */ t("span", {
                   className: "text-gray-500 dark:text-gray-400",
                   children: "To:"
-                }), /* @__PURE__ */ t(_e, { selectedRecipient: L })]
+                }), /* @__PURE__ */ t(Ve, { selectedRecipient: L })]
               })
             }),
             /* @__PURE__ */ t("div", {
@@ -313,9 +320,9 @@ var Rn = ({ selectedToken: Ve, onSend: $e, onConfirm: Pe, onComplete: ge, accoun
                   type: "button",
                   onClick: () => {
                     const e = !k;
-                    if (ct(e), Y && u > 0) {
+                    if (ft(e), Y && u > 0) {
                       const n = parseFloat(Y);
-                      if (Nt(n)) {
+                      if (Ot(n)) {
                         const s = ie.getRate();
                         if (e) {
                           const m = n * u, b = s && s.currency !== "USD" ? m * s.rate : m;
@@ -350,7 +357,7 @@ var Rn = ({ selectedToken: Ve, onSend: $e, onConfirm: Pe, onComplete: ge, accoun
                       strokeLinejoin: "round"
                     })]
                   }), (() => {
-                    const e = Ue(Y);
+                    const e = We(Y);
                     if (k) {
                       const n = ie.getRate(), s = n && n.currency !== "USD" ? e / n.rate : e, m = u > 0 ? s / u : 0, b = m > 0 ? `${m.toFixed(8)} ${i?.symbol || ""}` : `0 ${i?.symbol || ""}`;
                       return /* @__PURE__ */ a("span", {
@@ -360,8 +367,8 @@ var Rn = ({ selectedToken: Ve, onSend: $e, onConfirm: Pe, onComplete: ge, accoun
                     } else {
                       const n = e * u;
                       return /* @__PURE__ */ a("span", {
-                        title: Dt(n),
-                        children: ["≈ ", vt(n)]
+                        title: Rt(n),
+                        children: ["≈ ", Bt(n)]
                       });
                     }
                   })()]
@@ -370,13 +377,13 @@ var Rn = ({ selectedToken: Ve, onSend: $e, onConfirm: Pe, onComplete: ge, accoun
             }),
             i && Z && /* @__PURE__ */ t("div", {
               className: "mt-3 flex justify-center items-center space-x-2",
-              children: /* @__PURE__ */ t(Et, {
+              children: /* @__PURE__ */ t(Pt, {
                 userBalance: Z,
                 userBalanceRaw: J,
-                decimals: mt,
+                decimals: gt,
                 isNativeToken: i.isNativeToken ?? !1,
                 gasCostFormatted: r?.gasCostFormatted,
-                chainId: ke || void 0,
+                chainId: xe || void 0,
                 onAmountSelect: (e) => {
                   if (W(f.EXACT_INPUT), h(e), E(""), k && u > 0) {
                     const n = parseFloat(e) * u;
@@ -399,10 +406,10 @@ var Rn = ({ selectedToken: Ve, onSend: $e, onConfirm: Pe, onComplete: ge, accoun
                   style: { minWidth: "138px" },
                   children: [/* @__PURE__ */ t("span", {
                     className: "text-sm font-medium text-black dark:text-white",
-                    children: O ? "From" : "Withdraw"
-                  }), O && /* @__PURE__ */ t("div", {
+                    children: F ? "From" : "Withdraw"
+                  }), F && /* @__PURE__ */ t("div", {
                     className: "mt-1",
-                    children: /* @__PURE__ */ t(Pt, { sendToScreen: {
+                    children: /* @__PURE__ */ t(Gt, { sendToScreen: {
                       screen: "select-funding-wallet",
                       backScreen: "withdraw"
                     } })
@@ -414,10 +421,10 @@ var Rn = ({ selectedToken: Ve, onSend: $e, onConfirm: Pe, onComplete: ge, accoun
                   style: { minWidth: "138px" },
                   children: [/* @__PURE__ */ t("span", {
                     className: "text-sm font-medium text-black dark:text-white",
-                    children: O ? "To" : "Receive"
-                  }), O && /* @__PURE__ */ t("div", {
+                    children: F ? "To" : "Receive"
+                  }), F && /* @__PURE__ */ t("div", {
                     className: "mt-1",
-                    children: /* @__PURE__ */ t(_e, { selectedRecipient: L })
+                    children: /* @__PURE__ */ t(Ve, { selectedRecipient: L })
                   })]
                 })
               ]
@@ -427,11 +434,11 @@ var Rn = ({ selectedToken: Ve, onSend: $e, onConfirm: Pe, onComplete: ge, accoun
               children: [
                 /* @__PURE__ */ t("div", {
                   className: "min-w-[138px] flex flex-col mr-0 py-3.5",
-                  children: /* @__PURE__ */ t(je, {
+                  children: /* @__PURE__ */ t(_e, {
                     token: i,
-                    chainId: ke,
+                    chainId: xe,
                     onSelect: () => _(!0),
-                    unselectable: !!y,
+                    unselectable: !!w,
                     fullWidth: !0
                   })
                 }),
@@ -456,9 +463,9 @@ var Rn = ({ selectedToken: Ve, onSend: $e, onConfirm: Pe, onComplete: ge, accoun
                 }),
                 /* @__PURE__ */ t("div", {
                   className: "min-w-[138px] flex",
-                  children: /* @__PURE__ */ t(je, {
-                    token: Ae,
-                    chainId: Ae?.chainId,
+                  children: /* @__PURE__ */ t(_e, {
+                    token: Le,
+                    chainId: Le?.chainId,
                     onSelect: () => V(!0),
                     unselectable: !!d,
                     fullWidth: !0
@@ -468,10 +475,10 @@ var Rn = ({ selectedToken: Ve, onSend: $e, onConfirm: Pe, onComplete: ge, accoun
             }),
             i && /* @__PURE__ */ t("div", {
               className: "mt-3 pl-1 text-xs text-left",
-              children: r?.noSufficientBalance || !Te && J !== void 0 && J !== "" && BigInt(J) === 0n ? /* @__PURE__ */ t("span", {
+              children: r?.noSufficientBalance || !we && J !== void 0 && J !== "" && BigInt(J) === 0n ? /* @__PURE__ */ t("span", {
                 style: { color: "#F97316" },
                 children: "Insufficient funds"
-              }) : Z ? /* @__PURE__ */ a(qt, { children: [/* @__PURE__ */ t("span", {
+              }) : Z ? /* @__PURE__ */ a(Yt, { children: [/* @__PURE__ */ t("span", {
                 className: "text-black dark:text-white notranslate",
                 translate: "no",
                 children: "Balance:"
@@ -480,14 +487,14 @@ var Rn = ({ selectedToken: Ve, onSend: $e, onConfirm: Pe, onComplete: ge, accoun
                 translate: "no",
                 children: [
                   " ",
-                  be ? `${ft || Z} ${i.symbol}` : "••••••",
-                  ve && be ? /* @__PURE__ */ a("span", {
+                  Te ? `${St || Z} ${i.symbol}` : "••••••",
+                  De && Te ? /* @__PURE__ */ a("span", {
                     className: "notranslate",
                     translate: "no",
                     children: [
                       " ",
                       "(",
-                      ht || ve,
+                      bt || De,
                       ")"
                     ]
                   }) : null
@@ -496,43 +503,43 @@ var Rn = ({ selectedToken: Ve, onSend: $e, onConfirm: Pe, onComplete: ge, accoun
             })
           ]
         }),
-        /* @__PURE__ */ t($t, {
-          processedFeeOptions: bt || [],
-          selectedFeeOption: le,
-          setSelectedFeeOption: (e) => Tt(e),
+        /* @__PURE__ */ t(Kt, {
+          processedFeeOptions: kt || [],
+          selectedFeeOption: ce,
+          setSelectedFeeOption: (e) => xt(e),
           chainId: i?.chainId,
-          isRefetching: B,
+          isRefetching: I,
           originTokenInfo: {
-            originToken: G ?? i,
-            originTokenBalance: G?.balance ?? i?.balance ?? "0",
-            originTokenAmount: K,
-            isLoadingBalance: Te
+            originToken: K ?? i,
+            originTokenBalance: K?.balance ?? i?.balance ?? "0",
+            originTokenAmount: z,
+            isLoadingBalance: we
           }
         }),
-        r && !B && /* @__PURE__ */ t("div", {
+        r && !I && /* @__PURE__ */ t("div", {
           className: "mb-4",
-          children: /* @__PURE__ */ t(Wt, {
+          children: /* @__PURE__ */ t($t, {
             quote: r,
             showContent: !0,
             swapMode: !1,
-            isRefetching: B,
+            isRefetching: I,
             showInsufficientFunds: !1
           })
         }),
         /* @__PURE__ */ t("button", {
           type: "submit",
-          disabled: !ut || Ce || !gt || !St || B || !r || r?.noSufficientBalance || (le ? Vt(le, {
-            originToken: G ?? i,
-            originTokenBalance: G?.balance ?? i?.balance ?? "0",
-            originTokenAmount: K
+          disabled: !pt || Ae || !wt || !yt || I || !r || r?.noSufficientBalance || (ce ? qt(ce, {
+            originToken: K ?? i,
+            originTokenBalance: K?.balance ?? i?.balance ?? "0",
+            originTokenAmount: z
           }) : !1),
           className: "w-full font-semibold py-4 px-4 trails-border-radius-button transition-colors bg-blue-500 hover:bg-blue-600 disabled:bg-gray-300 text-white disabled:text-gray-500 disabled:cursor-not-allowed cursor-pointer relative",
-          children: Ce ? /* @__PURE__ */ a("div", {
+          children: Ae ? /* @__PURE__ */ a("div", {
             className: "flex items-center justify-center",
-            children: [/* @__PURE__ */ t(pe, { className: "mr-2" }), /* @__PURE__ */ t("span", { children: ee })]
-          }) : r?.noSufficientBalance ? "Insufficient Balance" : K ? ee === "Getting quote..." ? /* @__PURE__ */ a("div", {
+            children: [/* @__PURE__ */ t(ge, { className: "mr-2" }), /* @__PURE__ */ t("span", { children: ee })]
+          }) : r?.noSufficientBalance ? "Insufficient Balance" : z ? ee === "Getting quote..." ? /* @__PURE__ */ a("div", {
             className: "flex items-center justify-center",
-            children: [/* @__PURE__ */ t(pe, { className: "mr-2" }), /* @__PURE__ */ t("span", { children: ee })]
+            children: [/* @__PURE__ */ t(ge, { className: "mr-2" }), /* @__PURE__ */ t("span", { children: ee })]
           }) : ee || "Make withdrawal" : "Enter amount"
         })
       ]
@@ -540,5 +547,5 @@ var Rn = ({ selectedToken: Ve, onSend: $e, onConfirm: Pe, onComplete: ge, accoun
   });
 };
 export {
-  Rn as Withdraw
+  jn as Withdraw
 };