0xtrails 0.16.2 → 0.17.0

package/dist/widget/components/PaymentMethods.js

@@ -1,118 +0,0 @@
-import { logger as d } from "../../logger/index.js";
-import { useWidgetProps as u } from "../../hooks/useWidgetProps.js";
-import { useSelectedFundMethod as N } from "../../hooks/useSelectedFundMethod.js";
-import { useViewManager as v } from "../../hooks/useViewManager.js";
-import { ScreenHeader as w } from "./ScreenHeader.js";
-import k from "./ConnectedWallets.js";
-import { useOnRampPaymentMethods as C } from "../../hooks/useOnRampPaymentMethods.js";
-import S from "react";
-import { useWalletActions as W } from "@0xtrails/wallet";
-import { Fragment as l, jsx as e, jsxs as r } from "react/jsx-runtime";
-import { ArrowLeftRight as M, ChevronRight as o, QrCode as j } from "lucide-react";
-var q = ({ onBack: i, onSelectQrCode: c }) => {
-  const { switchAccount: m } = W(), { mode: n, goHome: a } = v(), { setSelectedFundMethod: s, setPaymentMethod: h } = N(), { fundOptions: p } = u(), y = p?.hideWallets ?? [], { paymentMethods: g, isLoading: x, error: b } = C({ enabled: !0 });
-  return /* @__PURE__ */ r("div", {
-    className: "flex flex-col h-full",
-    children: [/* @__PURE__ */ e(w, {
-      onBack: i,
-      headerContent: "Payment methods",
-      headerContentAlign: "left",
-      rightSideContent: /* @__PURE__ */ e("div", { className: "w-9" })
-    }), /* @__PURE__ */ e("div", {
-      className: "flex-1",
-      children: /* @__PURE__ */ r("div", {
-        className: "space-y-4",
-        children: [
-          /* @__PURE__ */ e(k, {
-            showConnectNewWallet: !0,
-            onWalletSelect: (t) => {
-              try {
-                m(t.connectionId, t.address), d.console.log(`[trails-sdk] Switched to wallet: ${t.address}`), s("wallet"), a();
-              } catch (f) {
-                d.console.error("[trails-sdk] Failed to switch wallet:", f);
-              }
-            },
-            backScreen: "payment-methods",
-            hiddenWallets: y
-          }),
-          /* @__PURE__ */ r("div", {
-            className: "relative flex items-center justify-center",
-            children: [
-              /* @__PURE__ */ e("div", { className: "flex-1 border-t border-gray-200 dark:border-gray-700" }),
-              /* @__PURE__ */ e("span", {
-                className: "px-4 text-sm text-gray-500 dark:text-gray-400 bg-white dark:bg-gray-900",
-                children: "or"
-              }),
-              /* @__PURE__ */ e("div", { className: "flex-1 border-t border-gray-200 dark:border-gray-700" })
-            ]
-          }),
-          /* @__PURE__ */ r("div", {
-            className: "trails-border-radius-container border trails-border-primary",
-            children: [
-              n !== "pay" && /* @__PURE__ */ r(l, { children: [
-                x ? /* @__PURE__ */ r(l, { children: [/* @__PURE__ */ e("div", { className: "border-b border-gray-200 dark:border-gray-700" }), /* @__PURE__ */ e("div", {
-                  className: "px-3 py-4 text-sm text-gray-500 dark:text-gray-400",
-                  children: "Loading payment methods..."
-                })] }) : b ? /* @__PURE__ */ r(l, { children: [/* @__PURE__ */ e("div", { className: "border-b border-gray-200 dark:border-gray-700" }), /* @__PURE__ */ e("div", {
-                  className: "px-3 py-4 text-sm text-red-500 dark:text-red-400",
-                  children: "Failed to load payment methods"
-                })] }) : g.map((t) => /* @__PURE__ */ e(S.Fragment, { children: /* @__PURE__ */ r("button", {
-                  type: "button",
-                  onClick: () => {
-                    s("onramp-meld"), h({
-                      id: t.paymentMethod,
-                      name: t.name
-                    }), a();
-                  },
-                  className: "w-full text-left px-3 py-4 text-sm flex items-center justify-between cursor-pointer transition-colors trails-text-primary trails-hover-bg",
-                  children: [/* @__PURE__ */ r("div", {
-                    className: "flex items-center gap-3",
-                    children: [/* @__PURE__ */ e("img", {
-                      src: t.logos?.light || t.logos?.dark || "",
-                      alt: t.name,
-                      className: "w-6 h-6"
-                    }), /* @__PURE__ */ e("span", {
-                      className: "text-sm font-bold",
-                      children: t.name
-                    })]
-                  }), /* @__PURE__ */ e(o, { className: "w-5 h-5 text-gray-400" })]
-                }) }, t.paymentMethod)),
-                /* @__PURE__ */ e("div", { className: "border-b border-gray-200 dark:border-gray-700" }),
-                /* @__PURE__ */ r("button", {
-                  type: "button",
-                  onClick: () => {
-                    s("onramp-mesh"), a();
-                  },
-                  className: "w-full text-left px-3 py-4 text-sm flex items-center justify-between cursor-pointer transition-colors trails-text-primary trails-hover-bg",
-                  children: [/* @__PURE__ */ r("div", {
-                    className: "flex items-center gap-3",
-                    children: [/* @__PURE__ */ e(M, { className: "w-4 h-4" }), /* @__PURE__ */ e("span", {
-                      className: "text-sm font-bold",
-                      children: "Send from Exchange"
-                    })]
-                  }), /* @__PURE__ */ e(o, { className: "w-5 h-5 text-gray-400" })]
-                })
-              ] }),
-              n !== "pay" && /* @__PURE__ */ e("div", { className: "border-b border-gray-200 dark:border-gray-700" }),
-              /* @__PURE__ */ r("button", {
-                type: "button",
-                onClick: c,
-                className: "w-full text-left px-3 py-4 text-sm flex items-center justify-between cursor-pointer transition-colors trails-text-primary trails-hover-bg",
-                children: [/* @__PURE__ */ r("div", {
-                  className: "flex items-center gap-3",
-                  children: [/* @__PURE__ */ e(j, { className: "w-4 h-4" }), /* @__PURE__ */ e("span", {
-                    className: "text-sm font-bold",
-                    children: "Pay with QR Code"
-                  })]
-                }), /* @__PURE__ */ e(o, { className: "w-5 h-5 text-gray-400" })]
-              })
-            ]
-          })
-        ]
-      })
-    })]
-  });
-};
-export {
-  q as default
-};

package/dist/widget/components/PercentageMaxButtons.d.ts

@@ -1,14 +0,0 @@
-import { default as React } from 'react';
-interface PercentageMaxButtonsProps {
-    userBalance: string | undefined;
-    userBalanceRaw: string;
-    decimals: number;
-    isNativeToken: boolean;
-    gasCostFormatted?: string;
-    chainId?: number;
-    onAmountSelect: (amount: string) => void;
-    className?: string;
-}
-export declare const PercentageMaxButtons: React.FC<PercentageMaxButtonsProps>;
-export {};
-//# sourceMappingURL=PercentageMaxButtons.d.ts.map

package/dist/widget/components/PercentageMaxButtons.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PercentageMaxButtons.d.ts","sourceRoot":"","sources":["../../../src/widget/components/PercentageMaxButtons.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAS9B,UAAU,yBAAyB;IACjC,WAAW,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,cAAc,EAAE,MAAM,CAAA;IACtB,QAAQ,EAAE,MAAM,CAAA;IAChB,aAAa,EAAE,OAAO,CAAA;IACtB,gBAAgB,CAAC,EAAE,MAAM,CAAA;IACzB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,cAAc,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAA;IACxC,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA2FpE,CAAA"}

package/dist/widget/components/PercentageMaxButtons.js

@@ -1,62 +0,0 @@
-import { isValidNumber as b } from "../../utils/validation.js";
-import { calculateMaxNativeAmount as g, getDefaultGasCostEstimate as d } from "../../estimate.js";
-import { useClickTracking as f } from "../../hooks/useClickTracking.js";
-import { formatUnits as h } from "viem";
-import { jsx as a, jsxs as y } from "react/jsx-runtime";
-var P = ({ userBalance: t, userBalanceRaw: u, decimals: p, isNativeToken: o, gasCostFormatted: e, chainId: r, onAmountSelect: i, className: x = "" }) => {
-  const { trackClick: c } = f();
-  if (!t) return null;
-  const l = (n) => {
-    c({
-      component: "PercentageMaxButtons",
-      action: "select_percentage",
-      label: `${n}%`,
-      value: n,
-      metadata: {
-        percentage: n.toString(),
-        userBalance: t,
-        isNativeToken: o.toString(),
-        chainId: r?.toString()
-      }
-    });
-    const s = parseFloat(t);
-    b(s) && i((s * n / 100).toFixed(6));
-  }, m = async () => {
-    c({
-      component: "PercentageMaxButtons",
-      action: "select_max",
-      metadata: {
-        userBalance: t,
-        isNativeToken: o.toString(),
-        chainId: r?.toString(),
-        gasCostFormatted: e
-      }
-    }), i(o ? g(t, e && e !== "0" ? e : await d(t, r)) : h(BigInt(u), p));
-  };
-  return /* @__PURE__ */ y("div", {
-    className: `flex space-x-1 opacity-0 group-hover:opacity-100 transition-opacity duration-200 ${x}`,
-    children: [
-      /* @__PURE__ */ a("button", {
-        type: "button",
-        onClick: () => l(20),
-        className: "py-0.5 px-1.5 text-xs font-medium rounded-full transition-colors cursor-pointer trails-bg-percentage-button trails-text-percentage-button trails-hover-percentage-button",
-        children: "20%"
-      }),
-      /* @__PURE__ */ a("button", {
-        type: "button",
-        onClick: () => l(50),
-        className: "py-0.5 px-1.5 text-xs font-medium rounded-full transition-colors cursor-pointer trails-bg-percentage-button trails-text-percentage-button trails-hover-percentage-button",
-        children: "50%"
-      }),
-      /* @__PURE__ */ a("button", {
-        type: "button",
-        onClick: m,
-        className: "py-0.5 px-1.5 text-xs font-medium rounded-full transition-colors cursor-pointer trails-bg-percentage-button trails-text-percentage-button trails-hover-percentage-button",
-        children: "Max"
-      })
-    ]
-  });
-};
-export {
-  P as PercentageMaxButtons
-};

package/dist/widget/components/PoolDeposit.d.ts

@@ -1,32 +0,0 @@
-import { default as React } from 'react';
-import { Account, WalletClient } from 'viem';
-import { PrepareSendQuote } from '../../prepareSend.js';
-import { Token } from '../../tokens.js';
-import { FundMethod } from '../../transactionIntent/types.js';
-import { TransactionState } from '../../transactions.js';
-import { CheckoutOnHandlers } from '../../hooks/useCheckout.js';
-import { OnCompleteProps } from '../../hooks/useSendForm.js';
-interface PoolDepositProps {
-    account?: Account;
-    walletClient?: WalletClient;
-    onTransactionStateChange: (transactionStates: TransactionState[]) => void;
-    onError: (error: Error | string | null) => void;
-    onWaitingForWalletConfirm: (props: PrepareSendQuote) => void;
-    onConfirm: () => void;
-    onComplete: (result: OnCompleteProps) => void;
-    onSend: (amount: string, recipient: string) => void;
-    setWalletConfirmRetryHandler: (handler: () => Promise<void>) => void;
-    swapProvider?: string;
-    bridgeProvider?: string;
-    swapProviderFallback?: boolean;
-    bridgeProviderFallback?: boolean;
-    fundMethod?: FundMethod;
-    checkoutOnHandlers?: CheckoutOnHandlers;
-    recentTokens?: Token[];
-    onRecentTokenSelect?: (token: Token) => void;
-    onTrackToken?: (token: any) => void;
-    onPoolSelectorStateChange?: (isShowing: boolean) => void;
-}
-export declare const PoolDeposit: React.FC<PoolDepositProps>;
-export {};
-//# sourceMappingURL=PoolDeposit.d.ts.map

package/dist/widget/components/PoolDeposit.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PoolDeposit.d.ts","sourceRoot":"","sources":["../../../src/widget/components/PoolDeposit.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAA;AAKjD,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,sBAAsB,CAAA;AAG5D,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAE5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,kCAAkC,CAAA;AAClE,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AAE7D,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AAIpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AA0BjE,UAAU,gBAAgB;IACxB,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,YAAY,CAAC,EAAE,YAAY,CAAA;IAC3B,wBAAwB,EAAE,CAAC,iBAAiB,EAAE,gBAAgB,EAAE,KAAK,IAAI,CAAA;IACzE,OAAO,EAAE,CAAC,KAAK,EAAE,KAAK,GAAG,MAAM,GAAG,IAAI,KAAK,IAAI,CAAA;IAC/C,yBAAyB,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAA;IAC5D,SAAS,EAAE,MAAM,IAAI,CAAA;IACrB,UAAU,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAA;IAC7C,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,KAAK,IAAI,CAAA;IACnD,4BAA4B,EAAE,CAAC,OAAO,EAAE,MAAM,OAAO,CAAC,IAAI,CAAC,KAAK,IAAI,CAAA;IACpE,YAAY,CAAC,EAAE,MAAM,CAAA;IACrB,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,sBAAsB,CAAC,EAAE,OAAO,CAAA;IAChC,UAAU,CAAC,EAAE,UAAU,CAAA;IACvB,kBAAkB,CAAC,EAAE,kBAAkB,CAAA;IACvC,YAAY,CAAC,EAAE,KAAK,EAAE,CAAA;IACtB,mBAAmB,CAAC,EAAE,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,CAAA;IAC5C,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAA;IACnC,yBAAyB,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;CACzD;AAWD,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CA2kBlD,CAAA"}

package/dist/widget/components/PoolDeposit.js

@@ -1,426 +0,0 @@
-import { getExplorerUrlForAddress as Ce } from "../../explorer.js";
-import { useOriginSelectedToken as Fe } from "../../hooks/useOriginSelectedToken.js";
-import { formatTvl as De, formatUsdAmountLocaleDisplay as Me } from "../../utils/format.js";
-import { useBalanceVisible as Oe } from "../../hooks/useBalanceVisible.js";
-import { TradeType as Ee } from "../../transactionIntent/types.js";
-import { dynamic as Le } from "../../actions/dynamic.js";
-import { getEarnProviders as Ue } from "../../actions/utils.js";
-import { useViewManager as Re } from "../../hooks/useViewManager.js";
-import { ScreenHeader as je } from "./ScreenHeader.js";
-import { useAccountTokenBalanceOnchain as Pe } from "../../query/balance.hooks.js";
-import K from "./TokenImage.js";
-import { TokenSelector as qe } from "./TokenSelector.js";
-import { ChainList as ze } from "./ChainList.js";
-import Ve from "./DynamicSizeInputField.js";
-import Qe from "./QuoteDetails.js";
-import { useTrailsClient as _e } from "../../trailsClient.js";
-import Y from "./LoadingSpinner.js";
-import { PercentageMaxButtons as Ke } from "./PercentageMaxButtons.js";
-import { buildEarnMarketAction as Ye, getEarnMarketApy as He, getEarnMarketChainIdNumber as We, getEarnMarketInputToken as Xe, getEarnMarketTvlUsd as $e, getEstimatedMonthlyEarnings as Ge } from "./earnMarketUtils.js";
-import { useDefaultOriginToken as Je } from "../../hooks/useDefaultOriginToken.js";
-import { useSendForm as Ze } from "../../hooks/useSendForm.js";
-import et from "./EarnMarkets.js";
-import { isFeeOptionDisabled as tt } from "./FeeOption.js";
-import rt from "./FeeOptions.js";
-import at from "./FundingMethodSelectorButton.js";
-import { TokenSelectorButton as nt } from "./TokenSelectorButton.js";
-import { useEffect as D, useMemo as k, useRef as it, useState as h } from "react";
-import { m as H } from "motion/react";
-import { useQuery as ot } from "@tanstack/react-query";
-import { jsx as e, jsxs as a } from "react/jsx-runtime";
-import { ArrowDown as st, ChevronRight as W, Search as lt } from "lucide-react";
-function ct(l) {
-  return l.toLocaleString(void 0, {
-    maximumFractionDigits: l >= 1 ? 2 : l >= 0.01 ? 4 : 6,
-    minimumFractionDigits: 0
-  });
-}
-var zt = ({ account: l, walletClient: X, onTransactionStateChange: $, onError: M, onWaitingForWalletConfirm: G, onConfirm: J, onComplete: Z, onSend: ee, setWalletConfirmRetryHandler: te, swapProvider: re, bridgeProvider: ae, swapProviderFallback: ne, bridgeProviderFallback: ie, fundMethod: o, checkoutOnHandlers: oe, recentTokens: se, onRecentTokenSelect: le, onTrackToken: ce, onPoolSelectorStateChange: O }) => {
-  const de = _e(), { mode: me } = Re(), { isBalanceVisible: ue } = Oe(), { selectedToken: n, setSelectedToken: v } = Fe(), { token: m, isLoadingBalance: pe } = Pe(n, l?.address), { defaultOriginToken: N, isLoading: E } = Je(), [t, fe] = h(null), [w, b] = h(!1), [T, u] = h(!1), [S, L] = h(!1), [c, U] = h(""), A = it(null), i = t ? Xe(t) : void 0, p = t ? We(t) : void 0, I = t ? He(t) : 0, R = t ? $e(t) : null, { data: j } = ot({
-    queryKey: ["earnProviders", "widget"],
-    queryFn: () => Ue({ limit: 100 }, de),
-    enabled: !!t
-  }), ge = k(() => {
-    const r = /* @__PURE__ */ new Map();
-    for (const _ of j?.items ?? []) r.set(_.id, _);
-    return r;
-  }, [j]), f = t ? ge.get(t.providerId) : void 0, P = i?.address && p ? Ce({
-    address: i.address,
-    chainId: p
-  }) : void 0, x = f?.website || t?.metadata.documentation, y = k(() => {
-    if (t)
-      return Ye(t, Le());
-  }, [t]), he = k(() => y ? [y] : void 0, [y]), { balanceFormatted: d, balanceRaw: be, balanceLocaleDisplay: xe, tokenDecimals: ye, isLoadingQuote: g, prepareSendQuote: s, setAmount: q, handleSubmit: ke, isSubmitting: z, buttonText: V, isValidRecipient: ve, processedFeeOptions: Ne, selectedFeeOption: B, setSelectedFeeOption: we, quoteError: Te, quoteErrorPrettified: Se } = Ze({
-    account: l,
-    fromAmount: t ? c : "",
-    toRecipient: t ? l?.address : void 0,
-    toChainId: p,
-    toToken: i?.address ?? i?.symbol,
-    actions: he,
-    walletClient: X,
-    onTransactionStateChange: $,
-    onError: M,
-    onWaitingForWalletConfirm: G,
-    onSend: ee,
-    onConfirm: J,
-    onComplete: Z,
-    selectedToken: n,
-    setWalletConfirmRetryHandler: te,
-    tradeType: Ee.EXACT_INPUT,
-    swapProvider: re,
-    bridgeProvider: ae,
-    swapProviderFallback: ne,
-    bridgeProviderFallback: ie,
-    fundMethod: o,
-    mode: me,
-    checkoutOnHandlers: oe,
-    skipFeeBalanceFetch: o === "onramp-meld" || o === "direct-transfer" || o === "onramp-mesh"
-  }), C = k(() => Ge(s?.destinationAmountFormatted ?? "", I), [s?.destinationAmountFormatted, I]), Q = t && (Te || Se) ? "Something went wrong. Please try again." : null;
-  D(() => {
-    !n && !E && N && v(N);
-  }, [
-    n,
-    E,
-    N,
-    v
-  ]), D(() => {
-    A.current && A.current.focus();
-  }, []), D(() => {
-    O?.(w || T || S);
-  }, [
-    w,
-    T,
-    S,
-    O
-  ]);
-  const Ae = (r) => {
-    U(r), t && q(r);
-  }, Ie = (r) => {
-    fe(r), b(!1);
-  }, F = (r) => {
-    U(r), t && q(r);
-  }, Be = (r) => {
-    v(r), u(!1), ce?.(r);
-  };
-  return S ? /* @__PURE__ */ e(ze, { onBack: () => {
-    L(!1), u(!0);
-  } }) : w ? /* @__PURE__ */ e(et, {
-    amount: c,
-    onBack: () => b(!1),
-    onMarketSelect: Ie
-  }) : T ? /* @__PURE__ */ a("div", {
-    className: "space-y-2",
-    children: [/* @__PURE__ */ e(je, {
-      onBack: () => u(!1),
-      headerContent: "Select Token",
-      headerContentAlign: "left"
-    }), /* @__PURE__ */ e(qe, {
-      onTokenSelect: Be,
-      onError: M,
-      fundMethod: o,
-      showContinueButton: !1,
-      compactMode: !1,
-      recentTokens: se,
-      onRecentTokenSelect: le,
-      allSupportedTokens: !1,
-      chainListScreen: !0,
-      onNavigateToChainList: () => {
-        u(!1), L(!0);
-      }
-    })]
-  }) : /* @__PURE__ */ a("div", {
-    className: "space-y-2",
-    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__ */ e("div", {
-              className: "text-sm font-medium trails-text-secondary text-left m-0",
-              children: "You pay with"
-            }), /* @__PURE__ */ e(at, {})]
-          }),
-          /* @__PURE__ */ a("div", {
-            className: "flex items-center space-x-2 flex-1",
-            children: [/* @__PURE__ */ e("div", {
-              className: "flex-1",
-              children: /* @__PURE__ */ a("div", {
-                className: "flex items-center space-x-2",
-                children: [/* @__PURE__ */ e(Ve, {
-                  ref: A,
-                  value: c,
-                  onChange: (r) => Ae(r.target.value),
-                  isLoading: g,
-                  variant: "default"
-                }), g && /* @__PURE__ */ e(Y, {})]
-              })
-            }), /* @__PURE__ */ e("div", {
-              className: "relative",
-              children: /* @__PURE__ */ e(nt, {
-                token: n,
-                chainId: n?.chainId,
-                onSelect: () => u(!0)
-              })
-            })]
-          }),
-          /* @__PURE__ */ a("div", {
-            className: "mt-4 flex justify-between items-center",
-            children: [n?.symbol && /* @__PURE__ */ e("div", {
-              className: "text-xs text-gray-500 dark:text-gray-400",
-              title: s?.originAmountUsdDisplay || void 0,
-              children: /* @__PURE__ */ a("span", {
-                className: "notranslate",
-                translate: "no",
-                children: [
-                  "≈",
-                  " ",
-                  s?.originAmountUsdLocaleDisplay || s?.originAmountUsdDisplay || Me(0)
-                ]
-              })
-            }), n && o !== "direct-transfer" && o !== "onramp-mesh" && /* @__PURE__ */ a("div", {
-              className: "flex items-center space-x-2",
-              children: [/* @__PURE__ */ e("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: () => F(d || "0"),
-                onKeyDown: (r) => {
-                  (r.key === "Enter" || r.key === " ") && (r.preventDefault(), F(d || "0"));
-                },
-                title: "Click to use full balance",
-                disabled: !d,
-                children: /* @__PURE__ */ a("span", {
-                  className: "notranslate",
-                  translate: "no",
-                  children: [
-                    "Balance:",
-                    " ",
-                    ue ? m?.balanceLocaleDisplay || n?.balanceLocaleDisplay || xe || d || "0.00" : "••••••"
-                  ]
-                })
-              }), d && /* @__PURE__ */ e(Ke, {
-                userBalance: d,
-                userBalanceRaw: be,
-                decimals: ye,
-                isNativeToken: n.isNativeToken ?? !1,
-                gasCostFormatted: s?.gasCostFormatted,
-                chainId: n.chainId,
-                onAmountSelect: F,
-                className: "opacity-100"
-              })]
-            })]
-          })
-        ]
-      }),
-      /* @__PURE__ */ e("div", {
-        className: "relative z-10 pointer-events-none",
-        children: /* @__PURE__ */ e("button", {
-          type: "button",
-          className: "absolute left-1/2 top-1/2 z-20 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 pointer-events-auto",
-          children: /* @__PURE__ */ e(st, {
-            className: "w-5 h-5 text-gray-900 dark:text-white",
-            strokeWidth: 2.5
-          })
-        })
-      }),
-      /* @__PURE__ */ e("div", {
-        className: "mb-4 trails-bg-secondary trails-border-radius-container transition-all duration-200 border border-gray-300 dark:border-gray-600 hover:bg-white! dark:hover:bg-white! hover:border-gray-400 dark:hover:border-gray-500",
-        children: t && i ? /* @__PURE__ */ e("div", {
-          title: "Select Market",
-          className: "w-full overflow-hidden px-4 py-4 text-left trails-border-radius-container trails-bg-secondary transition-all",
-          children: /* @__PURE__ */ a("div", { children: [
-            /* @__PURE__ */ e("div", {
-              className: "flex justify-between items-center mb-4",
-              children: /* @__PURE__ */ e("div", {
-                className: "text-sm font-semibold trails-text-secondary text-left",
-                children: "Market"
-              })
-            }),
-            /* @__PURE__ */ a("div", {
-              className: "flex items-center justify-between gap-4",
-              children: [/* @__PURE__ */ a("div", {
-                className: "flex items-center gap-5 min-w-0",
-                children: [P ? /* @__PURE__ */ e("a", {
-                  href: P,
-                  target: "_blank",
-                  rel: "noopener noreferrer",
-                  title: `View ${i.symbol} on explorer`,
-                  onClick: (r) => r.stopPropagation(),
-                  className: "flex-shrink-0 rounded-full transition-transform hover:scale-105",
-                  children: /* @__PURE__ */ e(K, {
-                    symbol: i.symbol,
-                    imageUrl: i.logoURI,
-                    chainId: p,
-                    contractAddress: i.address,
-                    size: 34
-                  })
-                }) : /* @__PURE__ */ e(K, {
-                  symbol: i.symbol,
-                  imageUrl: i.logoURI,
-                  chainId: p,
-                  contractAddress: i.address,
-                  size: 34
-                }), /* @__PURE__ */ a("div", {
-                  className: "min-w-0",
-                  children: [x ? /* @__PURE__ */ e("a", {
-                    href: x,
-                    target: "_blank",
-                    rel: "noopener noreferrer",
-                    onClick: (r) => r.stopPropagation(),
-                    className: "block font-semibold text-gray-900 dark:text-white text-sm truncate transition-colors hover:text-blue-600 dark:hover:text-blue-400",
-                    children: t.metadata.name
-                  }) : /* @__PURE__ */ e("h3", {
-                    className: "font-semibold text-gray-900 dark:text-white text-sm truncate",
-                    children: t.metadata.name
-                  }), /* @__PURE__ */ a("div", {
-                    className: "mt-1 flex items-center gap-1.5 text-xs text-gray-500 dark:text-gray-400 truncate",
-                    children: [f?.logoURI && /* @__PURE__ */ e("img", {
-                      src: f.logoURI,
-                      alt: "",
-                      className: "h-3.5 w-3.5 rounded-full object-contain",
-                      loading: "lazy"
-                    }), x ? /* @__PURE__ */ e("a", {
-                      href: x,
-                      target: "_blank",
-                      rel: "noopener noreferrer",
-                      onClick: (r) => r.stopPropagation(),
-                      className: "truncate transition-colors hover:text-blue-600 dark:hover:text-blue-400",
-                      children: f?.name ?? t.providerId
-                    }) : /* @__PURE__ */ e("span", {
-                      className: "truncate",
-                      children: f?.name ?? t.providerId
-                    })]
-                  })]
-                })]
-              }), /* @__PURE__ */ a("button", {
-                type: "button",
-                title: "Select Market",
-                onClick: () => b(!0),
-                className: "flex items-center space-x-3 flex-shrink-0 rounded-lg p-1 transition-colors hover:bg-gray-100 dark:hover:bg-gray-700 cursor-pointer",
-                children: [/* @__PURE__ */ a("div", {
-                  className: "text-right",
-                  children: [/* @__PURE__ */ e("div", {
-                    className: "flex items-center justify-end space-x-1 text-green-600 dark:text-green-400 mb-1 whitespace-nowrap",
-                    children: /* @__PURE__ */ a("span", {
-                      className: "font-semibold text-sm",
-                      children: [I.toFixed(2), "% APY"]
-                    })
-                  }), /* @__PURE__ */ a("p", {
-                    className: "text-xs text-gray-500 dark:text-gray-400 whitespace-nowrap",
-                    children: [
-                      "TVL:",
-                      " ",
-                      R !== null ? De(R) : "-"
-                    ]
-                  })]
-                }), /* @__PURE__ */ e(W, { className: "w-4 h-4 text-gray-400" })]
-              })]
-            }),
-            s && C !== null && /* @__PURE__ */ a(H.div, {
-              initial: {
-                opacity: 0,
-                y: -4
-              },
-              animate: {
-                opacity: 1,
-                y: 0
-              },
-              transition: {
-                duration: 0.18,
-                ease: "easeOut"
-              },
-              className: "mt-4 flex items-center justify-between border-t border-gray-200 pt-3 dark:border-gray-700",
-              children: [/* @__PURE__ */ e("span", {
-                className: "text-xs font-medium text-gray-500 dark:text-gray-400",
-                children: "To earn"
-              }), /* @__PURE__ */ a(H.span, {
-                initial: {
-                  opacity: 0,
-                  y: 3
-                },
-                animate: {
-                  opacity: 1,
-                  y: 0
-                },
-                transition: {
-                  duration: 0.16,
-                  ease: "easeOut"
-                },
-                className: "text-sm font-semibold text-green-600 dark:text-green-400",
-                children: [
-                  "+",
-                  ct(C),
-                  "/mo"
-                ]
-              }, C)]
-            })
-          ] })
-        }) : /* @__PURE__ */ e("button", {
-          type: "button",
-          onClick: () => b(!0),
-          className: "w-full py-6 px-4 trails-list-item trails-border-radius-container transition-all duration-200 cursor-pointer",
-          children: /* @__PURE__ */ a("div", {
-            className: "flex items-center justify-between",
-            children: [/* @__PURE__ */ a("div", {
-              className: "flex items-center space-x-3 flex-1",
-              children: [/* @__PURE__ */ e("div", {
-                className: "w-8 h-8 rounded-full bg-gray-100 dark:bg-gray-700 flex items-center justify-center",
-                children: /* @__PURE__ */ e(lt, { className: "w-4 h-4 text-gray-400" })
-              }), /* @__PURE__ */ e("div", {
-                className: "text-left flex-1",
-                children: /* @__PURE__ */ e("div", {
-                  className: "font-semibold text-gray-900 dark:text-white text-sm",
-                  children: "Select market to earn yield with"
-                })
-              })]
-            }), /* @__PURE__ */ e(W, { className: "w-4 h-4 trails-text-muted flex-shrink-0" })]
-          })
-        })
-      }),
-      o !== "direct-transfer" && o !== "onramp-mesh" && /* @__PURE__ */ e(rt, {
-        processedFeeOptions: Ne,
-        selectedFeeOption: B,
-        setSelectedFeeOption: (r) => we(r),
-        chainId: n?.chainId,
-        isRefetching: g,
-        originTokenInfo: {
-          originToken: m ?? n,
-          originTokenBalance: m?.balance ?? n?.balance ?? "0",
-          originTokenAmount: c ?? "0",
-          isLoadingBalance: pe
-        }
-      }),
-      s && /* @__PURE__ */ e("div", {
-        className: "mb-4",
-        children: /* @__PURE__ */ e(Qe, {
-          quote: s,
-          showContent: !0,
-          isRefetching: g
-        })
-      }),
-      Q ? /* @__PURE__ */ e("div", {
-        className: "mb-4 rounded-2xl bg-gray-200 px-4 py-3 text-center text-sm font-semibold text-gray-600 dark:bg-gray-700 dark:text-gray-300",
-        children: Q
-      }) : null,
-      /* @__PURE__ */ e("form", {
-        onSubmit: ke,
-        children: /* @__PURE__ */ e("button", {
-          type: "submit",
-          disabled: !c || !ve || z || !n || !t || !i || !y || g || !s || o !== "direct-transfer" && s?.noSufficientBalance || o !== "direct-transfer" && (B ? tt(B, {
-            originToken: m ?? n,
-            originTokenBalance: m?.balance ?? n?.balance ?? "0",
-            originTokenAmount: c ?? "0"
-          }) : !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: z ? /* @__PURE__ */ a("div", {
-            className: "flex items-center justify-center",
-            children: [/* @__PURE__ */ e(Y, { className: "mr-2" }), /* @__PURE__ */ e("span", { children: V })]
-          }) : t ? o !== "direct-transfer" && s?.noSufficientBalance ? "Insufficient Balance" : V || "Deposit" : "Select Market"
-        })
-      })
-    ]
-  });
-};
-export {
-  zt as PoolDeposit
-};