0xtrails 0.16.1 → 0.17.0

package/dist/widget/components/FundExactInput.js

@@ -1,1116 +0,0 @@
-import { getFullErrorMessage as Kt, getPrettifiedErrorMessage as fo } from "../../error.js";
-import { logger as s } from "../../logger/index.js";
-import { isWithinCooldown as Xt } from "../../utils/time.js";
-import { getChainInfo as ct } from "../../chains.js";
-import { addressEqual as Ht } from "../../utils/address.js";
-import { FIAT_CURRENCY_SYMBOLS as go, USDC_BASE as Ee } from "../../constants.js";
-import { useWidgetProps as ho } from "../../hooks/useWidgetProps.js";
-import { useSupportedTokens as yo } from "../../query/token.hooks.js";
-import { getSupportedChains as So } from "../shared/destinationSupport.js";
-import { useOriginSelectedToken as bo } from "../../hooks/useOriginSelectedToken.js";
-import { useDestinationSelectedToken as Co } from "../../hooks/useDestinationSelectedToken.js";
-import { useFiatSelectedCurrency as To } from "../../hooks/useFiatSelectedCurrency.js";
-import { isPositiveNumber as qt, toSafeNumber as re } from "../../utils/validation.js";
-import { forexRateStore as se } from "../utils/forexRateStore.js";
-import { formatUsdAmountDisplay as dt, formatUsdAmountLocaleDisplay as zt } from "../../utils/format.js";
-import { useSelectedRecipient as xo } from "../../hooks/useSelectedRecipient.js";
-import { useExchangeRate as Ao } from "../../query/fiat.hooks.js";
-import { useSelectedFundMethod as ko } from "../../hooks/useSelectedFundMethod.js";
-import { trackOnrampWidgetSession as vo } from "../../analytics.js";
-import { TradeType as L } from "../../transactionIntent/types.js";
-import { useSwapState as wo } from "../../hooks/useSwapState.js";
-import { useViewManager as Lo } from "../../hooks/useViewManager.js";
-import { ScreenHeader as Pe } from "./ScreenHeader.js";
-import { useAccountTokenBalanceOnchain as Do } from "../../query/balance.hooks.js";
-import { useOnrampClient as Fo } from "../../onrampClient.js";
-import { getMatchingMeshSupportedTokens as No } from "../utils/meshSupportedTokens.js";
-import { getActiveMeshEnvironment as Ro } from "../utils/onrampConfig.js";
-import { getWidgetOnrampConfig as Io } from "../utils/trailsOnrampConfig.js";
-import { MeshExchangeIcon as Eo } from "../../onramp/mesh/components/MeshExchangeIcon.js";
-import { TokenSelector as Zt } from "./TokenSelector.js";
-import { ChainList as Jt } from "./ChainList.js";
-import Po from "./DynamicSizeInputField.js";
-import { isPassthroughEligible as Oo } from "../../utils/passthrough.js";
-import Uo from "./QuoteDetails.js";
-import { ErrorDisplay as en } from "./ErrorDisplay.js";
-import ye from "./LoadingSpinner.js";
-import { MeldProvidersList as Bo } from "../../meld/components/MeldProvidersList.js";
-import { useOnRampCountryDefaults as Mo } from "../../hooks/useOnRampCountryDefaults.js";
-import { closePopup as Vo, openPopup as jo, setPopupUrl as Go } from "../utils/windowUtils.js";
-import { PercentageMaxButtons as $o } from "./PercentageMaxButtons.js";
-import { useDefaultOriginToken as _o } from "../../hooks/useDefaultOriginToken.js";
-import { useSendForm as Wo } from "../../hooks/useSendForm.js";
-import { isFeeOptionDisabled as Qo } from "./FeeOption.js";
-import Yo from "./FeeOptions.js";
-import { TokenSelectorButton as tn } from "./TokenSelectorButton.js";
-import { useDefaultDestinationToken as Ko } from "../../hooks/useDefaultDestinationToken.js";
-import { useFiatOnRampCurrencies as Xo } from "../../hooks/useFiatOnRampCurrencies.js";
-import { useOnRampProviderWidget as Ho } from "../../hooks/useOnRampProviderWidget.js";
-import { useOnRampQuote as qo } from "../../hooks/useOnRampQuote.js";
-import { useEffectiveFundBalance as zo } from "../../hooks/useEffectiveFundBalance.js";
-import { FiatSelector as Zo } from "./FiatSelector.js";
-import { FiatSelectorButton as Jo } from "./FiatSelectorButton.js";
-import er from "./OnRampProviderSelector.js";
-import { PulsatingButton as tr } from "./PulsatingButton.js";
-import nr from "./RecipientSelectorButton.js";
-import { RefundWarning as or } from "./RefundWarning.js";
-import { useExchangeFundingSelection as rr } from "../../hooks/useExchangeFundingSelection.js";
-import { useCallback as ie, useEffect as p, useMemo as nn, useRef as D, useState as k } from "react";
-import { useQuery as sr } from "@tanstack/react-query";
-import { Fragment as ir, jsx as n, jsxs as u } from "react/jsx-runtime";
-import { ArrowLeftRight as ar } from "lucide-react";
-var hs = ({ selectedToken: on, onSend: rn, onConfirm: sn, onComplete: ut, account: O, toRecipient: $, toAmount: an, toChainId: U, toToken: C, toCalldata: ln, walletClient: cn, onTransactionStateChange: dn, onError: K, onWaitingForWalletConfirm: un, onrampPropsCallback: Se, screenNavigationCallback: be, onWaitingForOnrampConfirm: Oe, setWalletConfirmRetryHandler: mn, swapProvider: pn, bridgeProvider: fn, swapProviderFallback: gn, bridgeProviderFallback: hn, fundMethod: a, onAmountUpdate: Ue, checkoutOnHandlers: yn, recentTokens: mt, onTrackToken: Ce, isSequenceWallet: Sn = !1, defaultInputMode: X }) => {
-  const { mode: bn, navigate: Be } = Lo(), { fundOptions: B, onramp: Cn, apiKey: Me, trailsApiUrl: Ve } = ho(), Tn = Fo(), { selectedToken: i, setSelectedToken: H, hasManualSelection: M, setHasManualSelection: Te } = bo(), { selectedToken: F, setSelectedToken: V, hasManualSelection: xe, setHasManualSelection: Ae, isControlledByProps: pt, availableDestinationTokens: xn, availableDestinationTokenKeys: An, availableDestinationTokenRestrictedChainIds: kn, availableDestinationChainIds: je } = Co(), vn = nn(() => So(je), [je]), { paymentMethod: wn, setPaymentMethod: ft } = ko(), { selectedMeshExchange: I, selectedMeshAccessTokens: Ln, selectedBluvoExchange: q } = rr(), Ge = Io(Cn), $e = Ro(Ge), gt = !!Ge?.mesh, Dn = Ge?.mesh?.exchanges ?? null, _e = I ? [I.integrationId] : null, ke = I ? null : Dn, ht = a === "onramp-mesh" && (I?.exchangeKey === "coinbase" || I?.exchangeKey === "coinbaseRamp"), yt = I?.exchangeName || "Exchange", { token: ve, isLoadingBalance: Fn } = Do(i, O?.address, { disabled: a === "onramp-meld" || a === "direct-transfer" || a === "onramp-mesh" || a === "onramp-bluvo" }), { selectedRecipient: We, setSelectedRecipient: St } = xo(), { selectedCurrency: c, setSelectedCurrency: z, hasManualSelection: bt, setHasManualSelection: Qe, fiatAmount: h, setFiatAmount: x } = To(), [Nn, Ye] = k(!1), [Rn, In] = k(null), [En, Ct] = k(!1), [Pn, Tt] = k(null), [xt, On] = k(h), ae = D(null), o = a === "onramp-meld", we = o ? Ee : i, [f, le] = k(!o && X === "fiat"), [T, d] = k(""), ce = D(!1), [Z, At] = k(!1), de = D(null);
-  p(() => () => {
-    de.current && clearTimeout(de.current);
-  }, []);
-  const { countryCode: Un, defaultCurrencyCode: Ke, isLoading: Xe } = Mo({ enabled: o }), j = Rn || Un, { fiatCurrencies: J, isLoading: ue } = Xo({
-    countryCode: j || "US",
-    enabled: o && !!j
-  });
-  p(() => {
-    if (o && !c && J.length > 0 && !Xe && !ue && !bt) {
-      const e = Ke ?? "USD", t = J.find((r) => r.currencyCode === e);
-      t && (s.console.log("[Fund] Auto-selecting default currency:", t, Ke ? "(from location)" : "(fallback to USD - location not available)"), z(t));
-    }
-  }, [
-    o,
-    c,
-    Ke,
-    J,
-    Xe,
-    ue,
-    bt,
-    z
-  ]);
-  const He = D(null);
-  p(() => {
-    o || (He.current = null);
-  }, [o]), p(() => {
-    if (!o || ue || J.length === 0) return;
-    const e = B?.fiatCurrency?.trim() || "", t = B?.fiatAmount?.trim() || "", r = `${e.toUpperCase()}|${t}`;
-    if (He.current !== r) {
-      if (He.current = r, e) {
-        const m = J.find((g) => g.currencyCode.toUpperCase() === e.toUpperCase());
-        m && (z(m), Qe(!0), m.currencyCode.toUpperCase() !== "USD" && f && (le(!1), ce.current = !1));
-      }
-      t && (x(t), d(t));
-    }
-  }, [
-    o,
-    ue,
-    J,
-    B?.fiatCurrency,
-    B?.fiatAmount,
-    z,
-    Qe,
-    x,
-    f
-  ]);
-  const _ = B?.paymentMethodType || null, kt = D(null);
-  p(() => {
-    !o || !_ || kt.current !== _ && (kt.current = _, ft({
-      id: _,
-      name: {
-        CREDIT_DEBIT_CARD: "Credit/Debit Card",
-        APPLE_PAY: "Apple Pay",
-        GOOGLE_PAY: "Google Pay",
-        SEPA: "SEPA",
-        PAYPAL: "PayPal",
-        REVOLUT_PAY: "Revolut Pay"
-      }[_] ?? _
-    }));
-  }, [
-    o,
-    _,
-    ft
-  ]);
-  const vt = B?.fiatCurrency?.trim().toUpperCase() || null, Bn = !!vt && !!c && c.currencyCode.toUpperCase() === vt, Mn = o && Bn, E = o && !!B?.fiatAmount, W = D({
-    hasManualDestinationSelection: !1,
-    lastOriginSelectionTime: 0,
-    lastDestinationSelectionTime: 0
-  }), { defaultOriginToken: Le, isLoading: De } = _o(), { defaultDestinationToken: ee, isLoading: wt } = Ko(i), Lt = we?.chainId ?? on?.chainId ?? null, { tradeType: Vn, setTradeType: Q, sellAmount: y, setSellAmount: v, buyAmount: jn, setBuyAmount: me, resetSwapState: Dt, enterFormMode: Gn } = wo(), Ft = nn(() => a === "onramp-meld" ? "fund-onramp-meld" : a === "onramp-mesh" ? "fund-onramp-mesh" : a === "onramp-bluvo" ? "fund-onramp-bluvo" : a === "direct-transfer" ? "fund-direct-transfer" : "fund-wallet", [a]);
-  p(() => {
-    Gn(Ft) && (x(""), d(""));
-  }, [Ft]), p(() => {
-    o && h ? d(h) : !o && y && d(y);
-  }, []);
-  const N = Vn || L.EXACT_INPUT, [qe, Nt] = k(!1), [Fe, ze] = k(null), $n = ie((e) => {
-    d(""), x(""), Dt(), ut(e);
-  }, [
-    ut,
-    Dt,
-    x
-  ]);
-  p(() => {
-    s.console.log("[trails-sdk] Fund toRecipient prop effect:", {
-      toRecipient: $,
-      selectedRecipient: We,
-      accountAddress: O?.address
-    }), $ && (s.console.log("[trails-sdk] Fund Setting selectedRecipient to toRecipient:", $), St($));
-  }, [$, St]);
-  const Ne = We || $ || O?.address, pe = o ? "onramp-meld" : a;
-  p(() => (ae.current && clearTimeout(ae.current), ae.current = setTimeout(() => {
-    On(h);
-  }, 500), () => {
-    ae.current && clearTimeout(ae.current);
-  }), [h]);
-  const { quotes: Re, selectedQuote: _n, isLoading: Y, error: fe, onrampTrackingData: Rt } = qo({
-    amount: xt,
-    sourceCurrencyCode: c?.currencyCode,
-    destinationCurrencyCode: "USDC_BASE",
-    countryCode: j || void 0,
-    walletAddress: O?.address || "",
-    paymentMethodType: wn?.id,
-    enabled: o && !!xt && !!c && !!j && !!Ne
-  }), { amount: Wn, amountRaw: It, balanceFormatted: Qn, balanceRaw: Yn, tokenDecimals: Kn, balanceLocaleDisplay: Xn, balanceUsdDisplay: Hn, balanceUsdLocaleDisplay: qn, handleSubmit: Et, isSubmitting: Ze, isLoadingQuote: R, selectedDestToken: w, setSelectedDestinationChain: te, setSelectedDestToken: G, buttonText: Ie, destinationTokenAddress: zn, isValidCustomToken: Zn, prepareSendQuote: l, processedFeeOptions: Pt, selectedFeeOption: ge, setSelectedFeeOption: Jn, sendFn: Ot, sourceTokenPrices: eo } = Wo({
-    account: O,
-    toAmount: N === L.EXACT_OUTPUT ? jn : an,
-    fromAmount: N === L.EXACT_INPUT ? y : void 0,
-    toRecipient: Ne,
-    toChainId: U,
-    toToken: C,
-    toCalldata: ln,
-    walletClient: cn,
-    onTransactionStateChange: dn,
-    onError: K,
-    onWaitingForWalletConfirm: un,
-    onWaitingForOnrampConfirm: Oe,
-    onSend: rn,
-    onConfirm: sn,
-    onComplete: $n,
-    selectedToken: we,
-    setWalletConfirmRetryHandler: mn,
-    tradeType: N,
-    swapProvider: pn,
-    bridgeProvider: fn,
-    swapProviderFallback: gn,
-    bridgeProviderFallback: hn,
-    fundMethod: pe,
-    mode: bn,
-    checkoutOnHandlers: yn,
-    onrampTrackingData: o ? Rt : null,
-    skipFeeBalanceFetch: pe === "onramp-meld" || pe === "direct-transfer" || pe === "onramp-mesh" || pe === "onramp-bluvo",
-    onNavigateToOnrampMesh: Se && be ? (e) => {
-      Se(e), be("onramp-mesh");
-    } : void 0,
-    onNavigateToOnrampBluvo: Se && be ? (e) => {
-      Se(e), be("onramp-bluvo");
-    } : void 0
-  }), { data: Ut = !0, isLoading: Bt } = sr({
-    queryKey: [
-      "mesh-route-support",
-      $e,
-      ke,
-      l?.originChain?.id,
-      l?.originToken?.symbol,
-      Ve,
-      Me
-    ],
-    queryFn: async () => {
-      const e = await Tn.getMeshSupportedTokens({ environment: $e });
-      return No(ke?.length ? (e.tokens || []).filter((t) => (t.exchangeKeys || []).some((r) => ke.includes(r))) : _e?.length ? (e.tokens || []).filter((t) => (t.integrationIds || []).some((r) => _e.includes(r))) : e.tokens || [], l?.originChain?.id, l?.originToken?.symbol).length > 0;
-    },
-    enabled: a === "onramp-mesh" && gt && !!l?.originChain?.id && !!l?.originToken?.symbol && !!Me && !!Ve,
-    staleTime: 1440 * 60 * 1e3,
-    gcTime: 1440 * 60 * 1e3,
-    refetchOnMount: !1,
-    refetchOnWindowFocus: !1,
-    refetchOnReconnect: !1
-  }), b = Pn || _n, to = a !== "direct-transfer" && a !== "onramp-mesh" && a !== "onramp-bluvo", Je = o && !!b && !l, { effectiveBalanceFormatted: ne, effectiveBalanceRaw: no, effectiveTokenDecimals: oo, effectiveBalanceLocaleDisplay: ro, effectiveBalanceUsdDisplay: Mt, effectiveBalanceUsdLocaleDisplay: so } = zo({
-    fundMethod: a,
-    meshEnabled: gt,
-    meshEnvironment: $e,
-    activeMeshExchangeKeys: ke,
-    activeMeshIntegrationIds: _e,
-    selectedMeshAccessTokens: Ln,
-    originToken: i,
-    trailsApiUrl: Ve,
-    apiKey: Me,
-    balanceFormatted: Qn,
-    balanceRaw: Yn,
-    tokenDecimals: Kn,
-    balanceLocaleDisplay: Xn,
-    balanceUsdDisplay: Hn,
-    balanceUsdLocaleDisplay: qn
-  }), { exchangeRate: S, isLoading: io } = Ao({
-    fromCurrency: "USD",
-    toCurrency: o && c?.currencyCode ? c.currencyCode : "USD",
-    disabled: !o || !c || c?.currencyCode === "USD"
-  }), Vt = D(o);
-  p(() => {
-    Vt.current !== o && (Vt.current = o, d(o && h ? h : !o && y ? y : ""));
-  }, [
-    o,
-    h,
-    y
-  ]);
-  const A = eo?.[0]?.priceUsd || 0;
-  p(() => {
-    if (ce.current !== f) {
-      if (ce.current = f, Z) return;
-      if (o && h) {
-        const e = re(h);
-        if (e > 0) if (f && S) {
-          const t = e / S;
-          d(Number(t.toFixed(2)).toString());
-        } else d(Number(e.toFixed(2)).toString());
-      } else if (!o && y) {
-        const e = re(y);
-        if (e > 0) if (f && A > 0) {
-          const t = e * A, r = se.getRate(), m = r && r.currency !== "USD" ? t * r.rate : t, g = Number(m.toFixed(2)).toString();
-          s.console.log("[TRAILS EFFECT] Setting display value in useEffect:", g, "from USD:", t, "with rate:", r?.rate), d(g);
-        } else d((Math.round(e * 1e8) / 1e8).toString());
-      }
-    }
-  }, [
-    f,
-    S,
-    h,
-    y,
-    o,
-    A,
-    Z
-  ]);
-  const jt = D(c);
-  p(() => {
-    if (c && jt.current !== c) {
-      const e = X === "fiat" && !(o && c.currencyCode.toUpperCase() !== "USD");
-      le(e), ce.current = e;
-    }
-    jt.current = c;
-  }, [
-    c,
-    X,
-    o
-  ]), p(() => {
-    c && !Z && !f && T !== "" && h !== "" && h !== void 0 && h !== null && d(h);
-  }, [
-    c,
-    h,
-    Z,
-    f,
-    T
-  ]);
-  const Gt = D(i);
-  p(() => {
-    i && !o && Gt.current !== i && (le(X === "fiat"), ce.current = X === "fiat"), Gt.current = i;
-  }, [
-    i,
-    o,
-    X
-  ]), p(() => {
-    i && !o && !Z && !f && T !== "" && y !== "" && y !== void 0 && y !== null && d(y);
-  }, [
-    i,
-    o,
-    y,
-    Z,
-    f,
-    T
-  ]);
-  const { createWidgetSession: ao, isLoading: et, error: $t } = Ho(), [tt, oe] = k(!1), [nt, he] = k(!1), { supportedTokens: ot } = yo({ disabled: !C }), rt = D(null);
-  p(() => {
-    const e = `${C}-${U}`;
-    if (C && U && ot?.length > 0 && rt.current !== e) {
-      const t = ot?.find((r) => r.chainId === Number(U) && (Ht(r.contractAddress, C) || r.symbol.toLowerCase() === C.toLowerCase()));
-      if (t) {
-        s.console.log("[trails-sdk] Fund: Setting destination token from toToken prop:", t), V(t), G(t);
-        const r = ct(Number(U));
-        r && te(r), rt.current = e;
-      }
-    } else !C && xe && (Ae(!1), W.current.hasManualDestinationSelection = !1, rt.current = null);
-  }, [
-    C,
-    U,
-    ot,
-    V,
-    G,
-    te,
-    xe,
-    Ae
-  ]);
-  const _t = ie((e) => {
-    let t = e;
-    e !== "0" && e.length > 1 && e.startsWith("0") && e[1] !== "." && (t = e.replace(/^0+/, "") || "0"), Q(L.EXACT_INPUT), v(t);
-  }, [Q, v]), lo = ie(() => {
-    N === L.EXACT_OUTPUT && l?.originAmountDisplay && !y && v(l.originAmountDisplay);
-  }, [
-    N,
-    l?.originAmountDisplay,
-    y,
-    v
-  ]);
-  p(() => {
-    if (o && b && we?.contractAddress) {
-      const e = Number(b.destinationAmount), t = Math.max(0, e - 0.25);
-      s.console.log("[trails-sdk] Adjusting onramp amount for fees:", {
-        originalAmount: e,
-        adjustedAmount: t,
-        feeSubtracted: 0.25
-      }), v(t.toString()), Q(L.EXACT_INPUT);
-    }
-  }, [
-    o,
-    b,
-    we,
-    v,
-    Q
-  ]), p(() => {
-    l && (N === L.EXACT_OUTPUT && l.originAmountDisplay ? v(l.originAmountDisplay) : N === L.EXACT_INPUT && l.destinationAmountDisplay && me(l.destinationAmountDisplay));
-  }, [
-    l,
-    N,
-    v,
-    me
-  ]), p(() => {
-    Ue && Ue(It);
-  }, [It, Ue]), p(() => {
-    M && !i && !De && (s.console.log("[trails-sdk] Resetting hasManualOriginSelection - token was cleared"), Te(!1));
-  }, [
-    M,
-    i,
-    De,
-    Te
-  ]), p(() => {
-    M || !ht || i && i.chainId === Ee.chainId && Ht(i.contractAddress, Ee.contractAddress) || (s.console.log("[Fund] Preselecting USDC on Base for Coinbase Mesh onramp"), H(Ee));
-  }, [
-    M,
-    ht,
-    i,
-    H
-  ]), p(() => {
-    a !== "onramp-mesh" && !i && !De && Le && !M && (s.console.log("[trails-sdk] Auto-selecting origin token:", Le), H(Le));
-  }, [
-    i,
-    De,
-    Le,
-    H,
-    M,
-    a
-  ]), p(() => {
-    if (C) return;
-    const e = M || Xt(W.current.lastOriginSelectionTime, 1e3), t = W.current.hasManualDestinationSelection || xe || Xt(W.current.lastDestinationSelectionTime, 1e3);
-    if (!F && !wt && ee && !t && !e) {
-      s.console.log("[trails-sdk] Auto-selecting destination token:", ee), V(ee), G(ee);
-      const r = ct(ee.chainId);
-      r && te(r);
-    }
-  }, [
-    F,
-    wt,
-    ee,
-    xe,
-    M,
-    V,
-    G,
-    te,
-    C
-  ]), p(() => {
-    st.current && st.current.focus();
-  }, []);
-  const st = D(null), [co, Wt] = k(!1), [uo, Qt] = k(!1);
-  p(() => {
-    F && (s.console.log("[trails-sdk] Syncing destination token to useSendForm:", F), G(F));
-  }, [F, G]), p(() => {
-    if (!pt || !w || !C) return;
-    const e = w.chainId === Number(U), t = w.contractAddress?.toLowerCase() === C.toLowerCase() || w.symbol?.toLowerCase() === C.toLowerCase();
-    e && t && (F && F.chainId === w.chainId && F.contractAddress?.toLowerCase() === w.contractAddress?.toLowerCase() || (s.console.log("[trails-sdk] Fund: Syncing resolved token from useSendForm to global provider:", w.symbol), V(w)));
-  }, [
-    pt,
-    w,
-    F,
-    V,
-    C,
-    U
-  ]);
-  const it = ie((e) => {
-    i && i.symbol !== e.symbol && (v(""), me(""), d(""), Q(L.EXACT_INPUT)), H(e), oe(!1), Te(!0), W.current.lastOriginSelectionTime = Date.now(), Ce?.(e), s.console.log("[trails-sdk] selected origin token", e);
-  }, [
-    H,
-    Te,
-    Ce,
-    i,
-    v,
-    me,
-    Q
-  ]), at = ie((e) => {
-    V(e), G(e);
-    const t = ct(e.chainId);
-    t && te(t), he(!1), Ae(!0), W.current.hasManualDestinationSelection = !0, W.current.lastDestinationSelectionTime = Date.now(), Ce?.(e), s.console.log("[trails-sdk] selected destination token", e);
-  }, [
-    V,
-    G,
-    te,
-    Ae,
-    Ce
-  ]), Yt = ie((e) => {
-    tt ? it(e) : nt && at(e);
-  }, [
-    tt,
-    nt,
-    it,
-    at
-  ]);
-  return En ? /* @__PURE__ */ n(Bo, {
-    onBack: () => Ct(!1),
-    onSelectProvider: (e) => {
-      Tt(e), Ct(!1);
-    },
-    selectedProvider: b,
-    providers: Re,
-    isLoading: Y
-  }) : Nn ? /* @__PURE__ */ u("div", {
-    className: "space-y-2",
-    children: [/* @__PURE__ */ n(Pe, {
-      onBack: () => Ye(!1),
-      headerContent: "Select Currency",
-      headerContentAlign: "left"
-    }), /* @__PURE__ */ n(Zo, {
-      onCurrencySelect: (e) => {
-        z(e), Ye(!1), Qe(!0);
-      },
-      onAutoSelect: (e) => {
-        z(e);
-      },
-      onSelectCountry: (e) => {
-        In(e);
-      },
-      onError: K,
-      selectedCurrency: c
-    })]
-  }) : co ? /* @__PURE__ */ n(Jt, { onBack: () => {
-    Wt(!1), oe(!0);
-  } }) : tt ? /* @__PURE__ */ u("div", {
-    className: "space-y-2",
-    children: [/* @__PURE__ */ n(Pe, {
-      onBack: () => oe(!1),
-      headerContent: "Select From Token",
-      headerContentAlign: "left"
-    }), /* @__PURE__ */ n(Zt, {
-      onTokenSelect: it,
-      onError: K,
-      showContinueButton: !1,
-      compactMode: !1,
-      allSupportedTokens: !1,
-      fundMethod: a,
-      chainListScreen: !0,
-      onNavigateToChainList: () => {
-        oe(!1), Wt(!0);
-      },
-      recentTokens: mt,
-      onRecentTokenSelect: Yt
-    })]
-  }) : uo ? /* @__PURE__ */ n(Jt, {
-    chains: vn,
-    onBack: () => {
-      Qt(!1), he(!0);
-    }
-  }) : nt ? /* @__PURE__ */ u("div", {
-    className: "space-y-2",
-    children: [/* @__PURE__ */ n(Pe, {
-      onBack: () => he(!1),
-      headerContent: "Select To Token",
-      headerContentAlign: "left"
-    }), /* @__PURE__ */ n(Zt, {
-      onTokenSelect: at,
-      onError: K,
-      allowedTokens: xn,
-      allowedTokenKeys: An,
-      allowedTokenRestrictedChainIds: kn,
-      allowedChainIds: je,
-      showContinueButton: !1,
-      compactMode: !1,
-      allSupportedTokens: !0,
-      accountAddress: Ne,
-      accountHeaderLabel: "Receiver",
-      fundMethod: a,
-      chainListScreen: !0,
-      onNavigateToChainList: () => {
-        he(!1), Qt(!0);
-      },
-      recentTokens: mt,
-      onRecentTokenSelect: Yt
-    })]
-  }) : /* @__PURE__ */ u("div", {
-    className: "space-y-2",
-    children: [/* @__PURE__ */ n(Pe, {
-      onBack: () => Be("fund-methods"),
-      headerContent: "Fund",
-      headerContentAlign: "left",
-      showAccountActions: !0,
-      customActions: B?.hideSwap ? void 0 : /* @__PURE__ */ u("button", {
-        type: "button",
-        onClick: () => Be("swap", { backTarget: "fund-form" }),
-        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__ */ n(ar, { className: "h-4 w-4" }), /* @__PURE__ */ n("span", {
-          className: "text-sm font-medium",
-          children: "Swap"
-        })]
-      })
-    }), /* @__PURE__ */ u("form", {
-      onSubmit: async (e) => {
-        if (e.preventDefault(), s.console.log("[trails-sdk] Creating widget session", o), o && b && c) {
-          const { popup: t, blocked: r, error: m } = jo("meld-widget", 450, 700);
-          if (r) {
-            ze(m || "Popup blocked. Please allow popups for this site."), K(m || "Popup blocked");
-            return;
-          }
-          try {
-            if (Nt(!0), ze(null), s.console.log("[trails-sdk] prepareSendQuote", l), Ot) {
-              s.console.log("[trails-sdk] Committing intent for onramp-meld flow");
-              try {
-                await Ot({ selectedFeeOption: ge ?? null }), s.console.log("[trails-sdk] Intent committed for onramp-meld");
-              } catch (po) {
-                s.console.error("[trails-sdk] Failed to commit intent:", po);
-              }
-            }
-            const g = await ao({
-              depositAddress: l?.originDepositAddress || "",
-              userAddress: O?.address || "",
-              countryCode: j || "",
-              sourceCurrencyCode: c.currencyCode,
-              sourceAmount: h,
-              destinationCurrencyCode: "USDC_BASE",
-              serviceProvider: b.serviceProvider,
-              paymentMethodType: b.paymentMethodType,
-              lockFields: [
-                "cryptoCurrency",
-                "destinationCurrencyCode",
-                "sourceCurrencyCode",
-                "walletAddress"
-              ]
-            });
-            s.console.log("[Fund] Widget session response:", g);
-            const { widgetUrl: P, id: mo, externalSessionId: lt } = g;
-            if (vo({
-              sessionId: Rt?.sessionId || lt,
-              provider: b?.serviceProvider || "Meld",
-              widgetUrl: P,
-              depositAddress: l?.originDepositAddress || "",
-              userAddress: O?.address?.toLowerCase() || "",
-              countryCode: j || "",
-              sourceCurrencyCode: c?.currencyCode || "",
-              sourceAmount: h,
-              destinationCurrencyCode: "USDC_BASE",
-              paymentMethodType: b?.paymentMethodType || ""
-            }), !Go(t, P)) throw new Error("Payment window was closed. Please try again.");
-            s.console.log("[Fund] Opened onramp widget in popup", {
-              widgetUrl: P,
-              meldTransactionId: mo
-            }), Oe && l && (s.console.log("[Fund] Calling onWaitingForOnrampConfirm with externalSessionId:", lt), Oe(l, b, {
-              depositAddress: l?.originDepositAddress || "",
-              userAddress: O?.address?.toLowerCase() || "",
-              countryCode: j || "",
-              sourceCurrencyCode: c.currencyCode,
-              sourceAmount: h,
-              destinationCurrencyCode: "USDC_BASE",
-              serviceProvider: b.serviceProvider,
-              paymentMethodType: b.paymentMethodType
-            }, lt, t)), await Et(e);
-          } catch (g) {
-            Vo(t), s.console.error("[Fund] Error creating widget session", g);
-            const P = Kt(g) || "Failed to create widget session";
-            ze(P), K(P);
-          } finally {
-            Nt(!1);
-          }
-          return;
-        }
-        s.console.log("[trails-sdk] Calling handleSubmit from Fund"), Et(e);
-      },
-      className: "space-y-1",
-      children: [
-        /* @__PURE__ */ u("div", {
-          className: "pt-4 pb-4 trails-border-radius-container p-3 flex flex-col border border-gray-200 dark:border-gray-700 rounded-lg relative",
-          children: [
-            /* @__PURE__ */ n("div", {
-              className: "flex items-center justify-center",
-              children: /* @__PURE__ */ u("div", {
-                className: "flex items-center justify-center space-x-2",
-                children: [/* @__PURE__ */ n(Po, {
-                  ref: st,
-                  value: T,
-                  disabled: E,
-                  onChange: (e) => {
-                    const t = e.target.value;
-                    if (At(!0), de.current && clearTimeout(de.current), de.current = setTimeout(() => {
-                      At(!1);
-                    }, 300), t === "") {
-                      d(""), o ? x("") : v("");
-                      return;
-                    }
-                    if (o) {
-                      if (!t.match(/^\d*\.?\d{0,2}$/)) return;
-                      if (d(t), f && S) {
-                        const r = re(t), m = se.getRate();
-                        x(((m && m.currency !== "USD" ? r / m.rate : r) * S).toString());
-                      } else x(t);
-                    } else {
-                      const r = new RegExp(`^\\d*\\.?\\d{0,${f ? 2 : 8}}$`);
-                      if (!t.match(r)) return;
-                      if (d(t), f && A > 0) {
-                        const m = re(t), g = se.getRate();
-                        _t(((g && g.currency !== "USD" ? m / g.rate : m) / A).toString());
-                      } else _t(t);
-                    }
-                  },
-                  onFocus: lo,
-                  isLoading: R && N === L.EXACT_OUTPUT,
-                  variant: "default",
-                  inputSize: "large",
-                  textAlign: "center",
-                  isFiatInput: o || f,
-                  currencySymbol: f ? go[se.getRate()?.currency || "USD"] || "$" : o ? c?.currencyCode : i?.symbol
-                }), R && N === L.EXACT_OUTPUT && /* @__PURE__ */ n(ye, {})]
-              })
-            }),
-            o && (Xe || ue) ? /* @__PURE__ */ n("div", {
-              className: "mt-2 text-center text-sm text-gray-500 dark:text-gray-400",
-              children: "Loading..."
-            }) : /* @__PURE__ */ n("div", {
-              className: "mt-2 text-center text-sm",
-              children: o ? c?.currencyCode === "USD" ? T && Number(T) > 0 ? /* @__PURE__ */ u("div", {
-                className: "text-xs text-gray-500 dark:text-gray-400 notranslate",
-                translate: "no",
-                children: ["≈ ", dt(Number(T))]
-              }) : null : S != null && !io ? /* @__PURE__ */ n("div", {
-                className: "flex justify-center",
-                children: /* @__PURE__ */ u("button", {
-                  type: "button",
-                  disabled: E,
-                  onClick: () => {
-                    const e = !f;
-                    if (le(e), T) {
-                      const t = parseFloat(T);
-                      if (qt(t)) {
-                        if (e && S) {
-                          const r = t / S;
-                          d(Number(r.toFixed(2)).toString());
-                        } else if (!e && S) {
-                          const r = t * S;
-                          d(Number(r.toFixed(2)).toString());
-                        }
-                      }
-                    }
-                  },
-                  className: `text-xs transition-colors flex items-center gap-1 ${E ? "text-gray-400 cursor-not-allowed" : "text-blue-500 hover:text-blue-600 cursor-pointer"}`,
-                  title: c ? `${c.currencyCode}` : "",
-                  children: [/* @__PURE__ */ u("svg", {
-                    "aria-hidden": "true",
-                    width: "16",
-                    height: "16",
-                    viewBox: "0 0 16 16",
-                    fill: "none",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    children: [/* @__PURE__ */ n("path", {
-                      d: "M3.16669 6.5L5.50002 4.16667M5.50002 4.16667L7.83335 6.5M5.50002 4.16667L5.50002 11.8333",
-                      stroke: "#3B82F6",
-                      strokeWidth: "1.5",
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round"
-                    }), /* @__PURE__ */ n("path", {
-                      d: "M12.8334 9.5L10.5 11.8333M10.5 11.8333L8.16669 9.5M10.5 11.8333L10.5 4.16667",
-                      stroke: "#3B82F6",
-                      strokeWidth: "1.5",
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round"
-                    })]
-                  }), (() => {
-                    const e = re(T);
-                    if (f) {
-                      const t = e * S, r = t > 0 ? `${t.toFixed(2)} ${c?.currencyCode}` : `0.00 ${c?.currencyCode}`;
-                      return /* @__PURE__ */ u("span", {
-                        className: "notranslate",
-                        translate: "no",
-                        title: r,
-                        children: ["≈ ", r]
-                      });
-                    } else {
-                      const t = e / S;
-                      return /* @__PURE__ */ u("span", {
-                        className: "notranslate",
-                        translate: "no",
-                        title: dt(t),
-                        children: ["≈ ", zt(t)]
-                      });
-                    }
-                  })()]
-                })
-              }) : null : /* @__PURE__ */ n("div", {
-                className: "flex justify-center",
-                children: /* @__PURE__ */ u("button", {
-                  type: "button",
-                  onClick: () => {
-                    const e = !f;
-                    if (s.console.log("[TRAILS TOGGLE] Starting toggle, newMode (entering fiat):", e), s.console.log("[TRAILS TOGGLE] Current inputDisplayValue:", T), s.console.log("[TRAILS TOGGLE] tokenPriceUsd:", A), le(e), T && A > 0) {
-                      const t = parseFloat(T);
-                      if (s.console.log("[TRAILS TOGGLE] Parsed currentValue:", t), qt(t)) {
-                        const r = se.getRate();
-                        if (s.console.log("[TRAILS TOGGLE] ForexRate data:", r), e) {
-                          const m = t * A;
-                          s.console.log("[TRAILS TOGGLE] Token->Fiat: usdValue (token * price):", m);
-                          const g = r && r.currency !== "USD" ? m * r.rate : m;
-                          s.console.log("[TRAILS TOGGLE] Token->Fiat: displayValue after forex:", g), s.console.log("[TRAILS TOGGLE] Token->Fiat: forex rate used:", r?.rate || "none (USD)");
-                          const P = Number(g.toFixed(2)).toString();
-                          s.console.log("[TRAILS TOGGLE] Token->Fiat: Setting input to:", P), d(P);
-                        } else {
-                          const m = r && r.currency !== "USD" ? t / r.rate : t;
-                          s.console.log("[TRAILS TOGGLE] Fiat->Token: usdValue (input / rate):", m), s.console.log("[TRAILS TOGGLE] Fiat->Token: forex rate used:", r?.rate || "none (USD)");
-                          const g = m / A;
-                          s.console.log("[TRAILS TOGGLE] Fiat->Token: tokenValue (usd / price):", g), d((Math.round(g * 1e8) / 1e8).toString());
-                        }
-                      }
-                    }
-                  },
-                  className: "text-base text-blue-500 hover:text-blue-600 transition-colors cursor-pointer flex items-center gap-2 py-1.5",
-                  title: i ? `Toggle between USD and ${i.symbol}` : "",
-                  children: [/* @__PURE__ */ u("svg", {
-                    "aria-hidden": "true",
-                    width: "20",
-                    height: "20",
-                    viewBox: "0 0 16 16",
-                    fill: "none",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    children: [/* @__PURE__ */ n("path", {
-                      d: "M3.16669 6.5L5.50002 4.16667M5.50002 4.16667L7.83335 6.5M5.50002 4.16667L5.50002 11.8333",
-                      stroke: "#3B82F6",
-                      strokeWidth: "1.5",
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round"
-                    }), /* @__PURE__ */ n("path", {
-                      d: "M12.8334 9.5L10.5 11.8333M10.5 11.8333L8.16669 9.5M10.5 11.8333L10.5 4.16667",
-                      stroke: "#3B82F6",
-                      strokeWidth: "1.5",
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round"
-                    })]
-                  }), (() => {
-                    const e = re(T);
-                    if (s.console.log("[TRAILS DISPLAY] isEnteringFiat:", f), s.console.log("[TRAILS DISPLAY] inputValue:", e), f) {
-                      const t = se.getRate();
-                      s.console.log("[TRAILS DISPLAY] ForexRate data:", t);
-                      const r = t && t.currency !== "USD" ? e / t.rate : e;
-                      s.console.log("[TRAILS DISPLAY] Fiat mode - usdValue (input / rate):", r);
-                      const m = A > 0 ? r / A : 0;
-                      s.console.log("[TRAILS DISPLAY] Fiat mode - tokenAmount:", m);
-                      const g = m > 0 ? `${m.toFixed(8)} ${i?.symbol || ""}` : `0 ${i?.symbol || ""}`;
-                      return /* @__PURE__ */ u("span", {
-                        title: g,
-                        children: ["≈ ", g]
-                      });
-                    } else {
-                      const t = e * A;
-                      s.console.log("[TRAILS DISPLAY] Token mode - usdAmount:", t);
-                      const r = dt(t), m = zt(t);
-                      return s.console.log("[TRAILS DISPLAY] Token mode - displayValue:", r), s.console.log("[TRAILS DISPLAY] Token mode - localeValue:", m), /* @__PURE__ */ u("span", {
-                        title: r,
-                        children: ["≈ ", m]
-                      });
-                    }
-                  })()]
-                })
-              })
-            }),
-            o ? /* @__PURE__ */ u("div", {
-              className: "mt-3 flex justify-center items-center space-x-2",
-              children: [
-                /* @__PURE__ */ n("button", {
-                  type: "button",
-                  disabled: E,
-                  className: `py-0.5 px-1.5 text-xs font-medium rounded-full transition-colors trails-bg-percentage-button trails-text-percentage-button ${E ? "opacity-50 cursor-not-allowed" : "cursor-pointer trails-hover-percentage-button"}`,
-                  onClick: () => {
-                    if (c?.currencyCode === "USD")
-                      x("25"), d("25");
-                    else if (S) {
-                      const e = 25 * S;
-                      x(e.toFixed(2)), d(f ? "25" : e.toString());
-                    }
-                  },
-                  children: "$25"
-                }),
-                /* @__PURE__ */ n("button", {
-                  type: "button",
-                  disabled: E,
-                  className: `py-0.5 px-1.5 text-xs font-medium rounded-full transition-colors trails-bg-percentage-button trails-text-percentage-button ${E ? "opacity-50 cursor-not-allowed" : "cursor-pointer trails-hover-percentage-button"}`,
-                  onClick: () => {
-                    if (c?.currencyCode === "USD")
-                      x("50"), d("50");
-                    else if (S) {
-                      const e = 50 * S;
-                      x(e.toFixed(2)), d(f ? "50" : e.toString());
-                    }
-                  },
-                  children: "$50"
-                }),
-                /* @__PURE__ */ n("button", {
-                  type: "button",
-                  disabled: E,
-                  className: `py-0.5 px-1.5 text-xs font-medium rounded-full transition-colors trails-bg-percentage-button trails-text-percentage-button ${E ? "opacity-50 cursor-not-allowed" : "cursor-pointer trails-hover-percentage-button"}`,
-                  onClick: () => {
-                    if (c?.currencyCode === "USD")
-                      x("100"), d("100");
-                    else if (S) {
-                      const e = 100 * S;
-                      x(e.toFixed(2)), d(f ? "100" : e.toString());
-                    }
-                  },
-                  children: "$100"
-                })
-              ]
-            }) : i && ne && a !== "direct-transfer" ? /* @__PURE__ */ n("div", {
-              className: "mt-3 flex justify-center items-center space-x-2",
-              children: /* @__PURE__ */ n($o, {
-                userBalance: ne,
-                userBalanceRaw: no,
-                decimals: oo,
-                isNativeToken: i.isNativeToken ?? !1,
-                gasCostFormatted: l?.gasCostFormatted,
-                chainId: Lt || void 0,
-                onAmountSelect: (e) => {
-                  if (Q(L.EXACT_INPUT), v(e), me(""), f && A > 0) {
-                    const t = parseFloat(e) * A;
-                    d(Number(t.toFixed(2)).toString());
-                  } else d(e);
-                },
-                className: "opacity-100"
-              })
-            }) : null,
-            a === "onramp-mesh" && I && /* @__PURE__ */ n("div", {
-              className: "mt-3 flex items-center justify-center",
-              children: /* @__PURE__ */ u("div", {
-                className: "flex items-center gap-2 text-sm text-gray-900 dark:text-white",
-                children: [
-                  /* @__PURE__ */ n("span", { children: "Fund with" }),
-                  /* @__PURE__ */ n(Eo, {
-                    exchangeKey: I.exchangeKey,
-                    exchangeName: yt,
-                    exchangeImageUrl: I.imageUrl,
-                    className: "h-5 w-5 rounded-full border border-solid border-gray-200 dark:border-gray-700",
-                    imageClassName: "h-4 w-4 object-contain",
-                    fallbackClassName: "text-[10px] font-semibold text-white"
-                  }),
-                  /* @__PURE__ */ n("span", { children: yt })
-                ]
-              })
-            }),
-            a === "onramp-bluvo" && q && /* @__PURE__ */ n("div", {
-              className: "mt-3 flex items-center justify-center",
-              children: /* @__PURE__ */ u("div", {
-                className: "flex items-center gap-2 text-sm text-gray-900 dark:text-white",
-                children: [
-                  /* @__PURE__ */ n("span", { children: "Fund with" }),
-                  /* @__PURE__ */ n("div", {
-                    className: "h-5 w-5 overflow-hidden rounded-full border border-solid border-gray-200 dark:border-gray-700",
-                    children: q.logoUrl ? /* @__PURE__ */ n("img", {
-                      src: q.logoUrl,
-                      alt: q.name,
-                      className: "h-full w-full object-contain"
-                    }) : /* @__PURE__ */ n("div", {
-                      className: "flex h-full w-full items-center justify-center bg-blue-50 text-[10px] font-semibold text-blue-700 dark:bg-blue-900/30 dark:text-blue-200",
-                      children: q.name.slice(0, 1)
-                    })
-                  }),
-                  /* @__PURE__ */ n("span", { children: q.name })
-                ]
-              })
-            })
-          ]
-        }),
-        /* @__PURE__ */ u("div", {
-          className: "mt-4 pt-4 pb-4 trails-border-radius-container p-3 mb-4 border border-gray-200 dark:border-gray-700 rounded-lg",
-          children: [
-            /* @__PURE__ */ u("div", {
-              className: "flex items-center justify-between mb-3 px-1",
-              children: [
-                /* @__PURE__ */ n("span", {
-                  className: "text-sm font-medium text-black dark:text-white",
-                  style: { minWidth: "138px" },
-                  children: "Sending"
-                }),
-                /* @__PURE__ */ n("div", { className: "w-7 flex-shrink-0" }),
-                " ",
-                $ ? /* @__PURE__ */ n("span", {
-                  className: "text-sm font-medium text-black dark:text-white",
-                  style: { minWidth: "138px" },
-                  children: "Receiving"
-                }) : /* @__PURE__ */ n(nr, { selectedRecipient: We })
-              ]
-            }),
-            /* @__PURE__ */ u("div", {
-              className: "flex items-center justify-between space-x-2",
-              children: [
-                /* @__PURE__ */ n("div", {
-                  className: "min-w-[138px] flex flex-col mr-0",
-                  children: o ? /* @__PURE__ */ n(Jo, {
-                    currency: c,
-                    onSelect: () => Ye(!0),
-                    unselectable: Mn
-                  }) : l?.noSufficientBalance ? /* @__PURE__ */ n("button", {
-                    type: "button",
-                    onClick: () => {
-                      Be("fund-methods");
-                    },
-                    className: "w-full flex items-center justify-center space-x-1.5 trails-border-radius-input px-2.5 py-1.5 border transition-all duration-200 bg-blue-500 hover:bg-blue-600 border-blue-500 text-white cursor-pointer",
-                    children: /* @__PURE__ */ n("span", {
-                      className: "font-medium text-sm text-white",
-                      children: "Add funds"
-                    })
-                  }) : i ? /* @__PURE__ */ n(tn, {
-                    token: i,
-                    chainId: Lt,
-                    onSelect: () => oe(!0),
-                    fullWidth: !0
-                  }) : /* @__PURE__ */ n(tr, {
-                    onClick: () => {
-                      oe(!0);
-                    },
-                    className: "w-full flex items-center justify-center space-x-1.5 trails-border-radius-input px-2.5 py-1.5 border transition-all duration-200 bg-blue-500 hover:bg-blue-600 border-blue-700 text-white cursor-pointer",
-                    children: /* @__PURE__ */ n("span", {
-                      className: "font-medium text-sm text-white",
-                      children: "Select Token"
-                    })
-                  })
-                }),
-                /* @__PURE__ */ n("div", {
-                  className: "flex-shrink-0 mr-0",
-                  children: /* @__PURE__ */ n("div", {
-                    className: "w-7 h-7 rounded-full bg-gray-100 dark:bg-gray-800 flex items-center justify-center",
-                    children: /* @__PURE__ */ n("svg", {
-                      "aria-hidden": "true",
-                      xmlns: "http://www.w3.org/2000/svg",
-                      width: "16",
-                      height: "16",
-                      viewBox: "0 0 16 16",
-                      fill: "none",
-                      children: /* @__PURE__ */ n("path", {
-                        d: "M7.52861 2.86201C7.78895 2.60166 8.21096 2.60166 8.47131 2.86201L13.138 7.52868C13.3983 7.78903 13.3983 8.21104 13.138 8.47138L8.47131 13.1381C8.21096 13.3984 7.78895 13.3984 7.52861 13.1381C7.26826 12.8777 7.26826 12.4557 7.52861 12.1953L11.0573 8.6667H3.33329C2.9651 8.6667 2.66663 8.36822 2.66663 8.00003C2.66663 7.63184 2.9651 7.33336 3.33329 7.33336H11.0573L7.52861 3.80472C7.26826 3.54437 7.26826 3.12236 7.52861 2.86201Z",
-                        fill: "black"
-                      })
-                    })
-                  })
-                }),
-                /* @__PURE__ */ n("div", {
-                  className: "min-w-[138px] flex",
-                  children: /* @__PURE__ */ n(tn, {
-                    token: w,
-                    chainId: w?.chainId,
-                    onSelect: () => he(!0),
-                    unselectable: !!C,
-                    fullWidth: !0
-                  })
-                })
-              ]
-            }),
-            (!a || a === "wallet" || a === "onramp-mesh") && i && /* @__PURE__ */ n("div", {
-              className: "mt-3 pl-1 text-xs text-left",
-              children: l?.noSufficientBalance ? /* @__PURE__ */ u("span", {
-                style: { color: "#F97316" },
-                children: ["Insufficient funds", ne ? `. Have ${ne} ${i.symbol}` : ""]
-              }) : ne ? /* @__PURE__ */ u(ir, { children: [/* @__PURE__ */ n("span", {
-                className: "text-black dark:text-white notranslate",
-                translate: "no",
-                children: "Balance:"
-              }), /* @__PURE__ */ u("span", {
-                className: "text-gray-500 dark:text-gray-400 notranslate",
-                translate: "no",
-                children: [
-                  ` ${ro || ne} `,
-                  i.symbol,
-                  Mt ? /* @__PURE__ */ n("span", {
-                    className: "notranslate",
-                    translate: "no",
-                    children: ` (${so || Mt})`
-                  }) : null
-                ]
-              })] }) : null
-            })
-          ]
-        }),
-        /* @__PURE__ */ n(or, {
-          fundMethod: a,
-          isSenderContractOnOrigin: !1,
-          isSenderContractOnDestination: !1,
-          isSequenceWallet: Sn
-        }),
-        !o && a !== "direct-transfer" && a !== "onramp-mesh" && a !== "onramp-bluvo" && /* @__PURE__ */ n(Yo, {
-          processedFeeOptions: Pt || [],
-          selectedFeeOption: ge,
-          setSelectedFeeOption: (e) => Jn(e),
-          chainId: i?.chainId,
-          isRefetching: R,
-          originTokenInfo: {
-            originToken: ve ?? i,
-            originTokenBalance: ve?.balance ?? i?.balance ?? "0",
-            originTokenAmount: y,
-            isLoadingBalance: Fn
-          }
-        }),
-        o && !Y && !R && l && Re && Re.length > 0 && /* @__PURE__ */ n(er, {
-          providers: Re,
-          selectedProvider: b,
-          trailsQuote: l,
-          setSelectedProvider: (e) => {
-            Tt(e);
-          },
-          isRefetching: Y
-        }),
-        l && !R && !Y && /* @__PURE__ */ n("div", {
-          className: "mb-4",
-          children: /* @__PURE__ */ n(Uo, {
-            quote: l,
-            fiatToUsdExchangeRate: S,
-            onRampQuote: b,
-            showContent: !0,
-            swapMode: !1,
-            isRefetching: R,
-            showInsufficientFunds: !1,
-            isPassthrough: Oo(l.passthroughEligible, ge, Pt)
-          })
-        }),
-        o && fe && /* @__PURE__ */ n("div", {
-          className: "mt-4",
-          children: /* @__PURE__ */ n(en, {
-            errorPrettified: fo(fe, "Error loading quote"),
-            error: Kt(fe),
-            severity: "error"
-          })
-        }),
-        Fe && /* @__PURE__ */ n("div", {
-          className: "mt-4",
-          children: /* @__PURE__ */ n(en, {
-            errorPrettified: Fe,
-            error: Fe,
-            severity: "error"
-          })
-        }),
-        /* @__PURE__ */ n("button", {
-          type: "submit",
-          disabled: o ? !y || Ze || qe || !c || !w || !j || !Ne || Y || et || !b || !!fe || !!$t || R || Je || !l : !Wn || Ze || !zn || !Zn || R || !l || a === "onramp-mesh" && (Bt || !Ut) || !o && a !== "direct-transfer" && a !== "onramp-bluvo" && l?.noSufficientBalance || to && (ge ? Qo(ge, {
-            originToken: ve ?? i,
-            originTokenBalance: ve?.balance ?? i?.balance ?? "0",
-            originTokenAmount: y
-          }) : !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: Ze || qe || et ? /* @__PURE__ */ u("div", {
-            className: "flex items-center justify-center",
-            children: [/* @__PURE__ */ n(ye, {}), /* @__PURE__ */ n("span", { children: qe || et ? "Creating session..." : Ie })]
-          }) : o && !l && !b && (fe || $t || Fe) ? "Error Loading Quote" : a !== "direct-transfer" && a !== "onramp-bluvo" && l?.noSufficientBalance ? "Insufficient Balance" : a === "onramp-mesh" && Bt ? /* @__PURE__ */ u("div", {
-            className: "flex items-center justify-center",
-            children: [/* @__PURE__ */ n(ye, { className: "mr-2" }), /* @__PURE__ */ n("span", { children: "Checking exchange funding..." })]
-          }) : a === "onramp-mesh" && l && !Ut ? "Exchange funding unavailable" : o && !h || !o && !y ? "Enter amount" : o && (Y || R || Je || b && !l) ? /* @__PURE__ */ u("div", {
-            className: "flex items-center justify-center",
-            children: [/* @__PURE__ */ n(ye, { className: "mr-2" }), /* @__PURE__ */ n("span", { children: "Getting quote..." })]
-          }) : o && !Y && !R && !Je && l ? "Continue" : Ie === "Getting quote..." ? /* @__PURE__ */ u("div", {
-            className: "flex items-center justify-center",
-            children: [/* @__PURE__ */ n(ye, { className: "mr-2" }), /* @__PURE__ */ n("span", { children: Ie })]
-          }) : Ie
-        })
-      ]
-    })]
-  });
-};
-export {
-  hs as FundExactInput
-};