0xtrails 0.16.2 → 0.17.0

package/dist/widget/components/ClassicSwap.js

@@ -1,786 +0,0 @@
-import { getFullErrorMessage as yt, getPrettifiedErrorMessage as Fn } from "../../error.js";
-import { logger as c } from "../../logger/index.js";
-import { isWithinCooldown as St } from "../../utils/time.js";
-import { getChainInfo as Qe } from "../../chains.js";
-import { addressEqual as In } from "../../utils/address.js";
-import { USDC_BASE as Ln } from "../../constants.js";
-import { useWidgetProps as En } from "../../hooks/useWidgetProps.js";
-import { getSupportedChains as Bn } from "../shared/destinationSupport.js";
-import { useOriginSelectedToken as On } from "../../hooks/useOriginSelectedToken.js";
-import { useDestinationSelectedToken as Rn } from "../../hooks/useDestinationSelectedToken.js";
-import { useFiatSelectedCurrency as _n } from "../../hooks/useFiatSelectedCurrency.js";
-import { isValidNumber as Tt } from "../../utils/validation.js";
-import { formatRawAmount as Mn, formatUsdAmountDisplay as Xn, formatUsdAmountLocaleDisplay as We } from "../../utils/format.js";
-import { useSelectedRecipient as Qn } from "../../hooks/useSelectedRecipient.js";
-import { useBalanceVisible as Wn } from "../../hooks/useBalanceVisible.js";
-import { useExchangeRate as jn } from "../../query/fiat.hooks.js";
-import { trackOnrampWidgetSession as Hn } from "../../analytics.js";
-import { TradeType as i } from "../../transactionIntent/types.js";
-import { useSwapState as qn } from "../../hooks/useSwapState.js";
-import { useViewManager as Vn } from "../../hooks/useViewManager.js";
-import { ScreenHeader as Te } from "./ScreenHeader.js";
-import { useAccountTokenBalanceOnchain as At } from "../../query/balance.hooks.js";
-import { AddressWalletIcon as Kn } from "./AddressWalletIcon.js";
-import { TokenSelector as bt } from "./TokenSelector.js";
-import { ChainList as wt } from "./ChainList.js";
-import kt from "./DynamicSizeInputField.js";
-import { isPassthroughEligible as zn } from "../../utils/passthrough.js";
-import Gn from "./QuoteDetails.js";
-import { ErrorDisplay as $n } from "./ErrorDisplay.js";
-import { AddressOrEnsName as Jn } from "./AddressOrEnsName.js";
-import Ae from "./LoadingSpinner.js";
-import { MeldProvidersList as Yn } from "../../meld/components/MeldProvidersList.js";
-import { useOnRampCountryDefaults as Zn } from "../../hooks/useOnRampCountryDefaults.js";
-import { closePopup as es, openPopup as ts, setPopupUrl as ns } from "../utils/windowUtils.js";
-import { PercentageMaxButtons as ss } from "./PercentageMaxButtons.js";
-import { useDefaultOriginToken as os } from "../../hooks/useDefaultOriginToken.js";
-import { useSendForm as rs } from "../../hooks/useSendForm.js";
-import { isFeeOptionDisabled as is } from "./FeeOption.js";
-import as from "./FeeOptions.js";
-import ls from "./FundingMethodSelectorButton.js";
-import { TokenSelectorButton as vt } from "./TokenSelectorButton.js";
-import { useDefaultDestinationToken as cs } from "../../hooks/useDefaultDestinationToken.js";
-import { useFiatOnRampCurrencies as ds } from "../../hooks/useFiatOnRampCurrencies.js";
-import { useOnRampProviderWidget as us } from "../../hooks/useOnRampProviderWidget.js";
-import { useOnRampQuote as ms } from "../../hooks/useOnRampQuote.js";
-import { FiatSelector as ps } from "./FiatSelector.js";
-import { FiatSelectorButton as fs } from "./FiatSelectorButton.js";
-import gs from "./OnRampProviderSelector.js";
-import hs from "./RecipientSelectorButton.js";
-import { RefundWarning as Cs } from "./RefundWarning.js";
-import ys from "./HighPriceImpactBlock.js";
-import Ss from "./QuoteInputErrorBlock.js";
-import { base as Ts } from "viem/chains";
-import { useCallback as D, useEffect as h, useMemo as Dt, useRef as je, useState as T } from "react";
-import { jsx as t, jsxs as a } from "react/jsx-runtime";
-import { ArrowDown as As, Loader2 as bs } from "lucide-react";
-var xo = ({ selectedToken: xt, onSend: Nt, onBack: Ut, onConfirm: Pt, onComplete: He, account: A, toRecipient: x, toAmount: qe, toChainId: O, toToken: b, toCalldata: Ft, walletClient: It, onTransactionStateChange: Lt, onError: Q, onWaitingForWalletConfirm: Et, onWaitingForOnrampConfirm: be, setWalletConfirmRetryHandler: Bt, swapProvider: Ot, bridgeProvider: Rt, swapProviderFallback: _t, bridgeProviderFallback: Mt, fundMethod: S, onAmountUpdate: we, checkoutOnHandlers: Xt, recentTokens: Ve, onTrackToken: ce, title: Qt = "Swap", isSequenceWallet: Wt = !1, exactInputOnly: k = !1 }) => {
-  const { fundOptions: W, fromToken: jt, supportedChains: Ht, supportedTokensByChain: qt } = En(), { mode: R, navigate: de } = Vn(), { isBalanceVisible: Ke } = Wn(), { selectedToken: o, setSelectedToken: U, hasManualSelection: P, setHasManualSelection: j } = On(), { selectedToken: u, setSelectedToken: F, hasManualSelection: ue, setHasManualSelection: me, isControlledByProps: ze, availableDestinationTokens: Vt, availableDestinationTokenKeys: Kt, availableDestinationTokenRestrictedChainIds: zt, availableDestinationChainIds: ke } = Rn(), Gt = Dt(() => Bn(ke), [ke]), { selectedRecipient: ve, setSelectedRecipient: Ge } = Qn(), { selectedCurrency: y, setSelectedCurrency: H, hasManualSelection: $e, setHasManualSelection: De, fiatAmount: q, setFiatAmount: V } = _n(), [Je, $t] = T(!1), [Jt, xe] = T(!1), [Yt, Zt] = T(null), [en, Ye] = T(!1), [tn, Ze] = T(null), n = S === "onramp-meld", { countryCode: nn, defaultCurrencyCode: Ne, isLoading: et } = Zn({ enabled: n }), I = Yt || nn, { fiatCurrencies: K, isLoading: pe } = ds({
-    countryCode: I || "US",
-    enabled: n && !!I
-  });
-  h(() => {
-    if (n && !y && K.length > 0 && !et && !pe && !$e) {
-      const e = Ne || "USD", r = K.find((w) => w.currencyCode === e);
-      r && (c.console.log("[ClassicSwap] Auto-selecting default currency:", r, Ne ? "(detected)" : "(fallback to USD)"), H(r));
-    }
-  }, [
-    n,
-    y,
-    Ne,
-    K,
-    et,
-    pe,
-    $e,
-    H
-  ]);
-  const Ue = je(null);
-  h(() => {
-    n || (Ue.current = null);
-  }, [n]), h(() => {
-    if (!n || pe || K.length === 0) return;
-    const e = W?.fiatCurrency?.trim() || "", r = W?.fiatAmount?.trim() || "", w = `${e.toUpperCase()}|${r}`;
-    if (Ue.current !== w) {
-      if (Ue.current = w, e) {
-        const B = K.find((v) => v.currencyCode.toUpperCase() === e.toUpperCase());
-        B && (H(B), De(!0));
-      }
-      r && V(r);
-    }
-  }, [
-    n,
-    pe,
-    K,
-    W?.fiatCurrency,
-    W?.fiatAmount,
-    H,
-    De,
-    V
-  ]);
-  const tt = W?.fiatCurrency?.trim().toUpperCase() || null, sn = !!tt && !!y && y.currencyCode.toUpperCase() === tt, on = n && sn, rn = n && !!W?.fiatAmount, z = je({
-    hasManualDestinationSelection: !1,
-    lastOriginSelectionTime: 0,
-    lastDestinationSelectionTime: 0
-  }), { defaultOriginToken: ne, isLoading: fe } = os(), { defaultDestinationToken: G, isLoading: nt } = cs(o), [ge, he] = T(xt?.chainId || o?.chainId), { tradeType: an, setTradeType: m, sellAmount: N, setSellAmount: p, buyAmount: _, setBuyAmount: g, resetSwapState: st, enterFormMode: ln } = qn();
-  h(() => {
-    ln("swap");
-  }, []);
-  const d = an || i.EXACT_INPUT, [Pe, ot] = T(!1), [cn, Ce] = T(null), dn = D((e) => {
-    V(""), st(), He(e);
-  }, [
-    He,
-    st,
-    V
-  ]);
-  h(() => {
-    c.console.log("[trails-sdk] ClassicSwap toRecipient prop effect:", {
-      toRecipient: x,
-      selectedRecipient: ve,
-      accountAddress: A?.address
-    }), x && (c.console.log("[trails-sdk] ClassicSwap Setting selectedRecipient to toRecipient:", x), Ge(x));
-  }, [x, Ge]);
-  const $ = ve || x || A?.address, Fe = !!($ && A?.address && !In($, A.address)) || !!b || Ht != null || qt != null || !!jt, M = n ? "onramp-meld" : S, rt = M === "onramp-meld" || M === "direct-transfer" || M === "onramp-mesh", { quotes: se, selectedQuote: it, isLoading: oe, error: re, onrampTrackingData: at } = ms({
-    amount: q,
-    sourceCurrencyCode: y?.currencyCode,
-    destinationCurrencyCode: "USDC_BASE",
-    countryCode: I || void 0,
-    walletAddress: A?.address || "",
-    enabled: n && !!q && !!y && !!I && !!$
-  }), { amount: ye, amountRaw: lt, amountUsdDisplay: un, amountUsdLocaleDisplay: mn, balanceFormatted: L, balanceRaw: pn, tokenDecimals: fn, handleSubmit: ct, isSubmitting: Ie, isLoadingQuote: C, selectedDestinationChain: dt, selectedDestToken: f, setSelectedDestinationChain: J, setSelectedDestToken: E, buttonText: Se, toAmountDisplay: Y, destinationTokenAddress: gn, isValidCustomToken: hn, prepareSendQuote: s, quoteError: ut, processedFeeOptions: mt, selectedFeeOption: ie, setSelectedFeeOption: Cn, sendFn: pt } = rs({
-    account: A,
-    toAmount: d === i.EXACT_OUTPUT ? _ : qe,
-    fromAmount: d === i.EXACT_INPUT ? N : void 0,
-    toRecipient: $,
-    toChainId: O,
-    toToken: b,
-    toCalldata: Ft,
-    walletClient: It,
-    onTransactionStateChange: Lt,
-    onError: Q,
-    onWaitingForWalletConfirm: Et,
-    onWaitingForOnrampConfirm: be,
-    onSend: Nt,
-    onConfirm: Pt,
-    onComplete: dn,
-    selectedToken: o ?? void 0,
-    setWalletConfirmRetryHandler: Bt,
-    tradeType: d,
-    swapProvider: Ot,
-    bridgeProvider: Rt,
-    swapProviderFallback: _t,
-    bridgeProviderFallback: Mt,
-    fundMethod: M,
-    mode: R,
-    checkoutOnHandlers: Xt,
-    onrampTrackingData: n ? at : null,
-    skipFeeBalanceFetch: M === "onramp-meld" || M === "direct-transfer" || M === "onramp-mesh"
-  }), l = tn || it, { exchangeRate: Le, isLoading: yn } = jn({
-    fromCurrency: "USD",
-    toCurrency: l?.sourceCurrencyCode || "USD",
-    disabled: !l || l?.sourceCurrencyCode === "USD"
-  }), { createWidgetSession: Sn, isLoading: Ee, error: ft } = us();
-  h(() => {
-    if (n) {
-      const e = Ln;
-      c.console.log("[ClassicSwap] Setting origin token to USDC on Base:", e), U(e), he(Ts.id), m(i.EXACT_INPUT);
-    }
-  }, [
-    n,
-    U,
-    m
-  ]);
-  const { token: Z } = At(u, A?.address, { disabled: rt }), { token: ee, isLoadingBalance: Tn } = At(o, A?.address, { disabled: rt }), An = Dt(() => {
-    if (!Z) return "0.00";
-    try {
-      return Mn(Z.balance || "0", Z.decimals ?? 18);
-    } catch (e) {
-      return c.console.error("[trails-sdk] balance format failed", e), "0.00";
-    }
-  }, [Z]), bn = D((e) => {
-    Ce(null), V(e);
-  }, [V]), wn = D((e) => {
-    let r = e;
-    e.length > 1 && e.startsWith("0") && e[1] !== "." && (r = e.replace(/^0+/, "") || "0"), m(i.EXACT_INPUT), p(r);
-  }, [m, p]), kn = D(() => {
-    d === i.EXACT_OUTPUT && s?.originAmountDisplay && !N && p(s.originAmountDisplay);
-  }, [
-    d,
-    s?.originAmountDisplay,
-    N,
-    p
-  ]), vn = D((e) => {
-    if (n || k) return;
-    let r = e;
-    e.length > 1 && e.startsWith("0") && e[1] !== "." && (r = e.replace(/^0+/, "") || "0"), m(i.EXACT_OUTPUT), g(r);
-  }, [
-    n,
-    k,
-    m,
-    g
-  ]), Dn = D(() => {
-    n || k || d === i.EXACT_INPUT && Y && !_ && g(Y);
-  }, [
-    d,
-    Y,
-    _,
-    n,
-    k,
-    g
-  ]);
-  h(() => {
-    if (n && l && o?.contractAddress) {
-      const e = Number(l.destinationAmount), r = Math.max(0, e - 0.25);
-      c.console.log("[trails-sdk] Adjusting onramp amount for fees:", {
-        originalAmount: e,
-        adjustedAmount: r,
-        feeSubtracted: 0.25
-      }), p(r.toString()), m(i.EXACT_INPUT);
-    }
-  }, [
-    n,
-    l,
-    o,
-    p,
-    m
-  ]), h(() => {
-    s && (d === i.EXACT_OUTPUT && s.originAmountDisplay ? p(s.originAmountDisplay) : d === i.EXACT_INPUT && s.destinationAmountDisplay && g(s.destinationAmountDisplay));
-  }, [
-    s,
-    d,
-    p,
-    g
-  ]), h(() => {
-    we && we(lt);
-  }, [lt, we]), h(() => {
-    P && !o && !fe && (c.console.log("[trails-sdk] Resetting hasManualOriginSelection - token was cleared"), j(!1));
-  }, [
-    P,
-    o,
-    fe,
-    j
-  ]), h(() => {
-    !o && !fe && ne && !P && (c.console.log("[trails-sdk] Auto-selecting origin token:", ne), U(ne), he(ne.chainId));
-  }, [
-    o,
-    fe,
-    ne,
-    U,
-    P
-  ]), h(() => {
-    const e = P || St(z.current.lastOriginSelectionTime, 1e3), r = z.current.hasManualDestinationSelection || ue || St(z.current.lastDestinationSelectionTime, 1e3);
-    if (!(b && O) && !u && !nt && G && !r && !e) {
-      c.console.log("[trails-sdk] Auto-selecting destination token:", G), F(G), E(G);
-      const w = Qe(G.chainId);
-      w && J(w);
-    }
-  }, [
-    u,
-    nt,
-    G,
-    ue,
-    P,
-    F,
-    E,
-    J,
-    b,
-    O
-  ]), h(() => {
-    Be.current && Be.current.focus();
-  }, []);
-  const Be = je(null), [Oe, ae] = T(!1), [Re, le] = T(!1), [xn, gt] = T(!1), [Nn, ht] = T(!1);
-  h(() => {
-    b && O || u && (c.console.log("[trails-sdk] Syncing destination token to useSendForm:", u), E(u));
-  }, [
-    u,
-    E,
-    b,
-    O
-  ]), h(() => {
-    if (!ze || !f || !b) return;
-    const e = f.chainId === Number(O), r = f.contractAddress?.toLowerCase() === b.toLowerCase() || f.symbol?.toLowerCase() === b.toLowerCase();
-    e && r && (u && u.chainId === f.chainId && u.contractAddress?.toLowerCase() === f.contractAddress?.toLowerCase() || (c.console.log("[trails-sdk] ClassicSwap: Syncing resolved token from useSendForm to global provider:", f.symbol), F(f)));
-  }, [
-    ze,
-    f,
-    u,
-    F,
-    b,
-    O
-  ]);
-  const X = D(() => {
-    if (Fe || !dt || !o || !f) return;
-    $t(!Je);
-    const e = o, r = ge, w = _ || Y || "", B = N || ye || "";
-    U(f), F(e), he(f?.chainId), E(e);
-    const v = Qe(r ?? void 0);
-    v && J(v), (P || ue) && (j(!0), me(!0)), k ? (p(B), g(""), m(i.EXACT_INPUT)) : d === i.EXACT_INPUT ? (g(B), p(""), m(i.EXACT_OUTPUT)) : (p(w), g(""), m(i.EXACT_INPUT));
-  }, [
-    o,
-    dt,
-    f,
-    ge,
-    U,
-    F,
-    E,
-    J,
-    Je,
-    P,
-    ue,
-    j,
-    me,
-    k,
-    d,
-    Y,
-    N,
-    _,
-    ye,
-    p,
-    g,
-    m,
-    Fe
-  ]), _e = D((e) => {
-    e.contractAddress === u?.contractAddress && e.chainId === u?.chainId && X(), (!o || o.symbol !== e.symbol) && (p(""), g(""), m(i.EXACT_INPUT)), U(e), he(e.chainId), ae(!1), j(!0), z.current.lastOriginSelectionTime = Date.now(), ce?.(e), c.console.log("[trails-sdk] selected origin token", e);
-  }, [
-    U,
-    j,
-    ce,
-    o,
-    X,
-    u,
-    p,
-    g,
-    m
-  ]), Me = D((e) => {
-    e.contractAddress === o?.contractAddress && e.chainId === o?.chainId && X(), F(e), E(e);
-    const r = Qe(e.chainId);
-    r && J(r), le(!1), me(!0), z.current.hasManualDestinationSelection = !0, z.current.lastDestinationSelectionTime = Date.now(), ce?.(e), c.console.log("[trails-sdk] selected destination token", e);
-  }, [
-    F,
-    E,
-    J,
-    me,
-    ce,
-    o,
-    X
-  ]), Ct = D((e) => {
-    e.contractAddress === o?.contractAddress && e.chainId === o?.chainId && X(), Oe ? _e(e) : Re && Me(e);
-  }, [
-    Oe,
-    Re,
-    _e,
-    Me,
-    o?.contractAddress,
-    o?.chainId,
-    X
-  ]);
-  return en ? /* @__PURE__ */ t(Yn, {
-    onBack: () => Ye(!1),
-    onSelectProvider: (e) => {
-      Ze(e), Ye(!1);
-    },
-    selectedProvider: l,
-    providers: se,
-    isLoading: oe
-  }) : Jt ? /* @__PURE__ */ a("div", {
-    className: "space-y-2",
-    children: [/* @__PURE__ */ t(Te, {
-      onBack: () => xe(!1),
-      headerContent: "Select Currency",
-      headerContentAlign: "left"
-    }), /* @__PURE__ */ t(ps, {
-      onCurrencySelect: (e) => {
-        H(e), xe(!1), De(!0);
-      },
-      onAutoSelect: (e) => {
-        H(e);
-      },
-      onSelectCountry: (e) => {
-        Zt(e);
-      },
-      onError: Q,
-      selectedCurrency: y
-    })]
-  }) : xn ? /* @__PURE__ */ t(wt, { onBack: () => {
-    gt(!1), ae(!0);
-  } }) : Oe ? /* @__PURE__ */ a("div", {
-    className: "space-y-2",
-    children: [/* @__PURE__ */ t(Te, {
-      onBack: () => ae(!1),
-      headerContent: "Select From Token",
-      headerContentAlign: "left"
-    }), /* @__PURE__ */ t(bt, {
-      onTokenSelect: _e,
-      onError: Q,
-      showContinueButton: !1,
-      compactMode: !1,
-      allSupportedTokens: !1,
-      fundMethod: S,
-      chainListScreen: !0,
-      onNavigateToChainList: () => {
-        ae(!1), gt(!0);
-      },
-      recentTokens: Ve,
-      onRecentTokenSelect: Ct
-    })]
-  }) : Nn ? /* @__PURE__ */ t(wt, {
-    chains: Gt,
-    onBack: () => {
-      ht(!1), le(!0);
-    }
-  }) : Re ? /* @__PURE__ */ a("div", {
-    className: "space-y-2",
-    children: [/* @__PURE__ */ t(Te, {
-      onBack: () => le(!1),
-      headerContent: "Select To Token",
-      headerContentAlign: "left"
-    }), /* @__PURE__ */ t(bt, {
-      onTokenSelect: Me,
-      onError: Q,
-      allowedTokens: Vt,
-      allowedTokenKeys: Kt,
-      allowedTokenRestrictedChainIds: zt,
-      allowedChainIds: ke,
-      showContinueButton: !1,
-      compactMode: !1,
-      allSupportedTokens: !0,
-      accountAddress: $,
-      accountHeaderLabel: "Receiver",
-      fundMethod: S,
-      chainListScreen: !0,
-      onNavigateToChainList: () => {
-        le(!1), ht(!0);
-      },
-      recentTokens: Ve,
-      onRecentTokenSelect: Ct
-    })]
-  }) : /* @__PURE__ */ a("div", {
-    className: "space-y-2",
-    children: [/* @__PURE__ */ t(Te, {
-      onBack: R === "fund" ? () => de("fund-form") : R === "earn" ? () => de("earn") : R === "pay" ? () => de("send-form") : R === "withdraw" ? () => de("withdraw") : Ut,
-      headerContent: Qt,
-      headerContentAlign: "left",
-      showAccountActions: !0
-    }), /* @__PURE__ */ a("form", {
-      onSubmit: async (e) => {
-        if (e.preventDefault(), c.console.log("[trails-sdk] Creating widget session", n), n && l && y) {
-          const { popup: r, blocked: w, error: B } = ts("meld-widget", 450, 700);
-          if (w) {
-            Ce(B || "Popup blocked. Please allow popups for this site."), Q(B || "Popup blocked");
-            return;
-          }
-          try {
-            if (ot(!0), Ce(null), c.console.log("[trails-sdk] prepareSendQuote", s), pt) {
-              c.console.log("[trails-sdk] Committing intent for onramp-meld flow");
-              try {
-                await pt({ selectedFeeOption: ie ?? null }), c.console.log("[trails-sdk] Intent committed for onramp-meld");
-              } catch (Pn) {
-                c.console.error("[trails-sdk] Failed to commit intent:", Pn);
-              }
-            }
-            const v = await Sn({
-              depositAddress: s?.originDepositAddress || "",
-              userAddress: A?.address || "",
-              countryCode: I || "",
-              sourceCurrencyCode: y.currencyCode,
-              sourceAmount: q,
-              destinationCurrencyCode: "USDC_BASE",
-              serviceProvider: l.serviceProvider,
-              paymentMethodType: l.paymentMethodType,
-              lockFields: [
-                "cryptoCurrency",
-                "destinationCurrencyCode",
-                "sourceCurrencyCode",
-                "walletAddress"
-              ]
-            });
-            c.console.log("[ClassicSwap] Widget session response:", v);
-            const { widgetUrl: te, id: Un, externalSessionId: Xe } = v;
-            if (Hn({
-              sessionId: at?.sessionId || Xe,
-              provider: l?.serviceProvider || "Meld",
-              widgetUrl: te,
-              depositAddress: s?.originDepositAddress || "",
-              userAddress: A?.address?.toLowerCase() || "",
-              countryCode: I || "",
-              sourceCurrencyCode: y?.currencyCode || "",
-              sourceAmount: q,
-              destinationCurrencyCode: "USDC_BASE",
-              paymentMethodType: l?.paymentMethodType || ""
-            }), !ns(r, te)) throw new Error("Payment window was closed. Please try again.");
-            c.console.log("[ClassicSwap] Opened onramp widget in popup", {
-              widgetUrl: te,
-              meldTransactionId: Un
-            }), be && s && (c.console.log("[ClassicSwap] Calling onWaitingForOnrampConfirm with externalSessionId:", Xe), be(s, l, {
-              depositAddress: s?.originDepositAddress || "",
-              userAddress: A?.address?.toLowerCase() || "",
-              countryCode: I || "",
-              sourceCurrencyCode: y.currencyCode,
-              sourceAmount: q,
-              destinationCurrencyCode: "USDC_BASE",
-              serviceProvider: l.serviceProvider,
-              paymentMethodType: l.paymentMethodType
-            }, Xe, r)), await ct(e);
-          } catch (v) {
-            es(r), c.console.error("[ClassicSwap] Error creating widget session", v);
-            const te = yt(v) || "Failed to create widget session";
-            Ce(te), Q(te);
-          } finally {
-            ot(!1);
-          }
-          return;
-        }
-        c.console.log("[trails-sdk] Calling handleSubmit from ClassicSwap"), ct(e);
-      },
-      className: "space-y-1",
-      children: [
-        /* @__PURE__ */ a("div", {
-          className: "pt-4 pb-4 trails-bg-secondary trails-bg-secondary-hover trails-border-radius-container p-3 group transition-all duration-200 border border-transparent focus-within:bg-white! dark:focus-within:bg-gray-800! trails-focus-border-secondary min-h-[120px] flex flex-col",
-          children: [
-            /* @__PURE__ */ a("div", {
-              className: "mb-4 flex justify-between items-center",
-              children: [/* @__PURE__ */ t("div", {
-                className: "text-sm font-medium trails-text-secondary text-left m-0",
-                children: R === "fund" ? "Payment method" : "Sell"
-              }), /* @__PURE__ */ t(ls, {})]
-            }),
-            /* @__PURE__ */ a("div", {
-              className: "flex items-center space-x-2 flex-1",
-              children: [/* @__PURE__ */ t("div", {
-                className: "flex-1",
-                children: /* @__PURE__ */ a("div", {
-                  className: "flex items-center space-x-2",
-                  children: [/* @__PURE__ */ t(kt, {
-                    ref: Be,
-                    value: n ? q : N,
-                    disabled: rn,
-                    onChange: (e) => {
-                      n ? bn(e.target.value) : wn(e.target.value);
-                    },
-                    onFocus: kn,
-                    isLoading: C && d === i.EXACT_OUTPUT,
-                    variant: "default"
-                  }), C && d === i.EXACT_OUTPUT && /* @__PURE__ */ t(Ae, {})]
-                })
-              }), /* @__PURE__ */ t("div", {
-                className: "relative",
-                children: n ? /* @__PURE__ */ t(fs, {
-                  currency: y,
-                  onSelect: () => xe(!0),
-                  unselectable: on
-                }) : /* @__PURE__ */ t(vt, {
-                  token: o,
-                  chainId: ge,
-                  onSelect: () => ae(!0)
-                })
-              })]
-            }),
-            /* @__PURE__ */ a("div", {
-              className: "mt-4 flex justify-between items-center",
-              children: [n && l && Le && l && !yn ? (() => {
-                const e = l.sourceCurrencyCode === "USD" ? l.sourceAmount : l.sourceAmount / Le;
-                return /* @__PURE__ */ t("div", {
-                  className: "text-xs text-gray-500 dark:text-gray-400",
-                  title: Xn(e || 0),
-                  children: /* @__PURE__ */ a("span", {
-                    className: "notranslate",
-                    translate: "no",
-                    children: ["≈ ", We(e || 0)]
-                  })
-                });
-              })() : /* @__PURE__ */ t("div", {
-                className: "text-xs text-gray-500 dark:text-gray-400",
-                children: /* @__PURE__ */ a("span", {
-                  className: "notranslate",
-                  translate: "no",
-                  children: [
-                    "≈",
-                    " ",
-                    d === i.EXACT_INPUT ? s?.originAmountUsdLocaleDisplay || mn || un || We(0) : C ? "" : s?.originAmountUsdLocaleDisplay || s?.originAmountUsdDisplay || ""
-                  ]
-                })
-              }), o && !n && S !== "direct-transfer" && S !== "onramp-mesh" && /* @__PURE__ */ a("div", {
-                className: "flex items-center space-x-2",
-                children: [/* @__PURE__ */ a("div", {
-                  className: "flex items-center space-x-1",
-                  children: [/* @__PURE__ */ t("span", {
-                    className: "text-xs text-gray-500 dark:text-gray-400 notranslate",
-                    translate: "no",
-                    children: "Balance:"
-                  }), /* @__PURE__ */ t("button", {
-                    type: "button",
-                    className: "text-xs text-gray-500 dark:text-gray-400 cursor-pointer hover:text-gray-700 dark:hover:text-gray-200 transition-colors bg-transparent border-none p-0",
-                    onClick: () => {
-                      if (L) {
-                        const e = parseFloat(L);
-                        Tt(e) && (m(i.EXACT_INPUT), p(e.toFixed(6)), g(""));
-                      }
-                    },
-                    onKeyDown: (e) => {
-                      if ((e.key === "Enter" || e.key === " ") && (e.preventDefault(), L)) {
-                        const r = parseFloat(L);
-                        Tt(r) && (m(i.EXACT_INPUT), p(r.toFixed(6)), g(""));
-                      }
-                    },
-                    title: "Click to use full balance",
-                    disabled: !L,
-                    children: /* @__PURE__ */ t("span", {
-                      className: "notranslate",
-                      translate: "no",
-                      children: Ke ? ee?.balanceLocaleDisplay || o?.balanceLocaleDisplay || ee?.balanceDisplay || o?.balanceDisplay || L || "0.00" : "••••••"
-                    })
-                  })]
-                }), L && /* @__PURE__ */ t(ss, {
-                  userBalance: L,
-                  userBalanceRaw: pn,
-                  decimals: fn,
-                  isNativeToken: o.isNativeToken ?? !1,
-                  gasCostFormatted: s?.gasCostFormatted,
-                  chainId: ge || void 0,
-                  onAmountSelect: (e) => {
-                    m(i.EXACT_INPUT), p(e), g("");
-                  },
-                  className: "opacity-100"
-                })]
-              })]
-            })
-          ]
-        }),
-        /* @__PURE__ */ t("div", {
-          className: "relative",
-          children: /* @__PURE__ */ t("button", {
-            type: "button",
-            onClick: X,
-            disabled: Fe,
-            className: "absolute left-1/2 top-1/2 transform -translate-x-1/2 -translate-y-1/2 p-1.5 trails-border-radius-button trails-bg-tertiary hover:trails-hover-bg transition-colors cursor-pointer border-2 border-white dark:border-gray-800 disabled:opacity-50 disabled:cursor-not-allowed disabled:hover:trails-bg-tertiary",
-            children: /* @__PURE__ */ t(As, {
-              className: "w-5 h-5 text-gray-900 dark:text-white",
-              strokeWidth: 2.5
-            })
-          })
-        }),
-        /* @__PURE__ */ a("div", {
-          className: "pt-4 pb-4 trails-bg-secondary trails-bg-secondary-hover trails-border-radius-container p-3 transition-all duration-200 border border-transparent focus-within:bg-white! dark:focus-within:bg-gray-800! trails-focus-border-secondary min-h-[120px] flex flex-col mb-4",
-          children: [
-            /* @__PURE__ */ a("div", {
-              className: "mb-4 flex justify-between items-center mb-2",
-              children: [/* @__PURE__ */ t("div", {
-                className: "text-sm font-medium trails-text-secondary text-left m-0",
-                children: R === "fund" ? "Recipient" : "Buy"
-              }), x ? /* @__PURE__ */ a("div", {
-                className: "flex items-center space-x-2 text-black dark:text-white",
-                children: [/* @__PURE__ */ t(Kn, { walletAddress: x }), /* @__PURE__ */ t(Jn, {
-                  address: x,
-                  startChars: 4,
-                  endChars: 4,
-                  className: "text-sm font-medium"
-                })]
-              }) : /* @__PURE__ */ t(hs, { selectedRecipient: ve })]
-            }),
-            /* @__PURE__ */ a("div", {
-              className: "flex items-center space-x-2 flex-1",
-              children: [/* @__PURE__ */ t("div", {
-                className: "flex-1",
-                children: /* @__PURE__ */ a("div", {
-                  className: "flex items-center space-x-2",
-                  children: [/* @__PURE__ */ t(kt, {
-                    value: d === i.EXACT_OUTPUT ? _ : _ || Y || "",
-                    onChange: k ? void 0 : (e) => vn(e.target.value),
-                    onFocus: k ? void 0 : Dn,
-                    isLoading: C && d === i.EXACT_INPUT,
-                    readOnly: n || k || d === i.EXACT_INPUT && C || !!qe,
-                    disabled: k,
-                    showPlaceholderStyle: !ye,
-                    variant: "default"
-                  }), C && d === i.EXACT_INPUT && /* @__PURE__ */ t(Ae, {})]
-                })
-              }), /* @__PURE__ */ t("div", {
-                className: "relative",
-                children: /* @__PURE__ */ t(vt, {
-                  token: f,
-                  chainId: f?.chainId,
-                  onSelect: () => le(!0),
-                  unselectable: !!b
-                })
-              })]
-            }),
-            /* @__PURE__ */ a("div", {
-              className: "mt-4 flex items-center justify-between",
-              children: [/* @__PURE__ */ t("div", {
-                className: "text-xs text-gray-500 dark:text-gray-400",
-                children: (s?.destinationAmountUsdDisplay || C && d === i.EXACT_INPUT) && /* @__PURE__ */ a("span", {
-                  className: "notranslate",
-                  translate: "no",
-                  children: [
-                    "≈",
-                    " ",
-                    C && d === i.EXACT_INPUT ? We(0) : s?.destinationAmountUsdLocaleDisplay || s?.destinationAmountUsdDisplay
-                  ]
-                })
-              }), u && /* @__PURE__ */ t("div", {
-                className: "text-xs text-gray-500 dark:text-gray-400",
-                children: /* @__PURE__ */ a("span", {
-                  className: "notranslate",
-                  translate: "no",
-                  children: [
-                    "Balance:",
-                    " ",
-                    Ke ? Z?.balanceLocaleDisplay || u?.balanceLocaleDisplay || Z?.balanceDisplay || u?.balanceDisplay || An || "-" : "••••••"
-                  ]
-                })
-              })]
-            })
-          ]
-        }),
-        /* @__PURE__ */ t(Cs, {
-          fundMethod: S,
-          isSenderContractOnOrigin: !1,
-          isSenderContractOnDestination: !1,
-          isSequenceWallet: Wt
-        }),
-        s && /* @__PURE__ */ t("div", { children: /* @__PURE__ */ t(Gn, {
-          quote: s,
-          fiatToUsdExchangeRate: Le,
-          onRampQuote: l,
-          showContent: !0,
-          swapMode: !0,
-          isRefetching: C,
-          isPassthrough: zn(s.passthroughEligible, ie, mt)
-        }) }),
-        /* @__PURE__ */ t(ys, { quoteError: ut }),
-        /* @__PURE__ */ t(Ss, { quoteError: ut }),
-        n && !oe && !C && s && se && se.length > 0 && /* @__PURE__ */ t(gs, {
-          providers: se,
-          selectedProvider: l,
-          trailsQuote: s,
-          setSelectedProvider: (e) => {
-            Ze(e);
-          },
-          isRefetching: oe
-        }),
-        n && re && /* @__PURE__ */ t("div", {
-          className: "mt-4",
-          children: /* @__PURE__ */ t($n, {
-            errorPrettified: Fn(re, "Error loading quote"),
-            error: yt(re),
-            severity: "error"
-          })
-        }),
-        !n && S !== "direct-transfer" && S !== "onramp-mesh" && /* @__PURE__ */ t(as, {
-          processedFeeOptions: mt || [],
-          selectedFeeOption: ie,
-          setSelectedFeeOption: (e) => Cn(e),
-          chainId: o?.chainId,
-          isRefetching: C,
-          originTokenInfo: {
-            originToken: ee ?? o,
-            originTokenBalance: ee?.balance ?? o?.balance ?? "0",
-            originTokenAmount: N,
-            isLoadingBalance: Tn
-          }
-        }),
-        /* @__PURE__ */ t("button", {
-          type: "submit",
-          disabled: n ? !N || Ie || Pe || !y || !f || !I || !$ || oe || Ee || !l || !!re || !!ft || C || !s : !ye || Ie || !gn || !hn || C || !s || !n && S !== "direct-transfer" && s?.noSufficientBalance || S !== "direct-transfer" && (ie ? is(ie, {
-            originToken: ee ?? o,
-            originTokenBalance: ee?.balance ?? o?.balance ?? "0",
-            originTokenAmount: N
-          }) : !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: Ie || Pe || Ee ? /* @__PURE__ */ a("div", {
-            className: "flex items-center justify-center",
-            children: [/* @__PURE__ */ t(bs, { className: "w-5 h-5 animate-spin mr-2 trails-text-muted" }), /* @__PURE__ */ t("span", { children: Pe || Ee ? "Creating session..." : Se })]
-          }) : n && !s && !l && (re || ft || cn) ? "Error Loading Quote" : S !== "direct-transfer" && s?.noSufficientBalance ? "Insufficient Balance" : n && (oe || C) && !s && !it && !se ? /* @__PURE__ */ a("div", {
-            className: "flex items-center justify-center",
-            children: [/* @__PURE__ */ t(Ae, { className: "mr-2" }), /* @__PURE__ */ t("span", { children: "Getting quote..." })]
-          }) : n && s ? "Continue" : Se === "Getting quote..." ? /* @__PURE__ */ a("div", {
-            className: "flex items-center justify-center",
-            children: [/* @__PURE__ */ t(Ae, { className: "mr-2" }), /* @__PURE__ */ t("span", { children: Se })]
-          }) : Se
-        })
-      ]
-    })]
-  });
-};
-export {
-  xo as default
-};