0xtrails 0.16.2 → 0.17.1

package/dist/widget/components/EarnPoolsFilters.js

@@ -1,106 +0,0 @@
-import R from "../assets/components/Aave.js";
-import j from "../assets/components/Morpho.js";
-import { useRef as m, useState as h } from "react";
-import { jsx as r, jsxs as o } from "react/jsx-runtime";
-import { ChevronDown as v } from "lucide-react";
-var z = ({ protocols: l, selectedProtocol: a, onProtocolChange: k, sortBy: s, onSortChange: g, showSort: w = !0 }) => {
-  const [p, b] = h(!1), [x, i] = h(!1), N = m(null), P = m(null), d = (e) => typeof e == "string" ? e : e.id, n = (e) => d(e) === "all" ? "All Protocols" : typeof e == "string" ? e : e.name, c = (e) => {
-    if (typeof e != "string") return e.logoURI;
-    if (e === "Aave") return R;
-    if (e === "Morpho") return j;
-  }, u = l.find((e) => d(e) === a) ?? a, D = a === "all" ? l.flatMap((e) => {
-    const t = c(e);
-    return t ? [t] : [];
-  }).slice(0, 3) : (() => {
-    const e = c(u);
-    return e ? [e] : [];
-  })(), f = (e, t) => typeof e == "string" ? /* @__PURE__ */ r("img", {
-    src: e,
-    alt: t,
-    className: "w-2.5 h-2.5 rounded-full object-contain",
-    loading: "lazy"
-  }, e) : /* @__PURE__ */ r(e, {
-    "aria-label": t,
-    className: "w-2.5 h-2.5 rounded-full object-contain"
-  }, t), S = (e) => {
-    const t = c(e);
-    return t ? f(t, n(e)) : null;
-  }, I = (e) => e === "tvl" ? "Sort by TVL" : "Sort by APY";
-  return /* @__PURE__ */ o("div", {
-    className: "flex items-center space-x-2 mb-3",
-    children: [/* @__PURE__ */ o("div", {
-      className: "relative",
-      ref: N,
-      children: [/* @__PURE__ */ o("button", {
-        type: "button",
-        onClick: (e) => {
-          e.preventDefault(), e.stopPropagation(), b(!p);
-        },
-        className: "flex items-center justify-between px-2 py-1.5 trails-bg-secondary text-gray-700 dark:text-gray-300 rounded-xl hover:bg-gray-200 dark:hover:bg-gray-600 transition-colors cursor-pointer text-xs min-w-[100px]",
-        children: [/* @__PURE__ */ o("div", {
-          className: "flex items-center space-x-1",
-          children: [D.map((e) => f(e, n(u))), /* @__PURE__ */ r("span", {
-            className: "text-xs font-medium",
-            children: n(u)
-          })]
-        }), /* @__PURE__ */ r(v, { className: "w-4 h-4 ml-1" })]
-      }), p && /* @__PURE__ */ r("div", {
-        className: "absolute top-full left-0 mt-0.5 w-full trails-bg-secondary border border-gray-200 dark:border-gray-700 rounded-xl shadow-lg z-20",
-        children: l.map((e) => {
-          const t = d(e);
-          return /* @__PURE__ */ o("button", {
-            type: "button",
-            onClick: (y) => {
-              y.preventDefault(), y.stopPropagation(), k(t), b(!1);
-            },
-            className: `w-full flex items-center space-x-1 px-2 py-1.5 text-left hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors cursor-pointer first:rounded-t-xl last:rounded-b-xl ${a === t ? "bg-blue-50 dark:bg-blue-900/20 text-blue-600 dark:text-blue-400" : "text-gray-700 dark:text-gray-300"}`,
-            children: [S(e), /* @__PURE__ */ r("span", {
-              className: "text-xs",
-              children: n(e)
-            })]
-          }, t);
-        })
-      })]
-    }), w && /* @__PURE__ */ o("div", {
-      className: "relative",
-      ref: P,
-      children: [/* @__PURE__ */ o("button", {
-        type: "button",
-        onClick: (e) => {
-          e.preventDefault(), e.stopPropagation(), i(!x);
-        },
-        className: "flex items-center justify-between px-2 py-1.5 trails-bg-secondary text-gray-700 dark:text-gray-300 rounded-xl hover:bg-gray-200 dark:hover:bg-gray-600 transition-colors cursor-pointer text-xs min-w-[90px]",
-        children: [/* @__PURE__ */ r("span", {
-          className: "text-xs font-medium",
-          children: I(s)
-        }), /* @__PURE__ */ r(v, { className: "w-4 h-4 ml-1" })]
-      }), x && /* @__PURE__ */ o("div", {
-        className: "absolute top-full left-0 mt-0.5 w-full trails-bg-secondary border border-gray-200 dark:border-gray-700 rounded-xl shadow-lg z-20",
-        children: [/* @__PURE__ */ r("button", {
-          type: "button",
-          onClick: (e) => {
-            e.preventDefault(), e.stopPropagation(), g("tvl"), i(!1);
-          },
-          className: `w-full px-2 py-1.5 text-left hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors cursor-pointer rounded-t-xl ${s === "tvl" ? "bg-blue-50 dark:bg-blue-900/20 text-blue-600 dark:text-blue-400" : "text-gray-700 dark:text-gray-300"}`,
-          children: /* @__PURE__ */ r("span", {
-            className: "text-xs",
-            children: "Sort by TVL"
-          })
-        }), /* @__PURE__ */ r("button", {
-          type: "button",
-          onClick: (e) => {
-            e.preventDefault(), e.stopPropagation(), g("apy"), i(!1);
-          },
-          className: `w-full px-2 py-1.5 text-left hover:bg-gray-50 dark:hover:bg-gray-700 transition-colors cursor-pointer rounded-b-xl ${s === "apy" ? "bg-blue-50 dark:bg-blue-900/20 text-blue-600 dark:text-blue-400" : "text-gray-700 dark:text-gray-300"}`,
-          children: /* @__PURE__ */ r("span", {
-            className: "text-xs",
-            children: "Sort by APY"
-          })
-        })]
-      })]
-    })]
-  });
-};
-export {
-  z as default
-};

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

@@ -1,21 +0,0 @@
-import { default as React } from 'react';
-import { Account, WalletClient } from 'viem';
-import { CheckoutOnHandlers } from '../../hooks/useCheckout.js';
-import { OnCompleteProps } from '../../hooks/useSendForm.js';
-import { Token } from '../../tokens.js';
-import { TransactionState } from '../../transactions.js';
-interface EarnWithdrawProps {
-    account?: Account;
-    walletClient?: WalletClient;
-    onTransactionStateChange: (transactionStates: TransactionState[]) => void;
-    onError: (error: Error | string | null) => void;
-    onComplete: (result: OnCompleteProps) => void;
-    checkoutOnHandlers?: CheckoutOnHandlers;
-    recentTokens?: Token[];
-    onRecentTokenSelect?: (token: Token) => void;
-    onTrackToken?: (token: any) => void;
-    onPoolSelectorStateChange?: (isShowing: boolean) => void;
-}
-export declare const EarnWithdraw: React.FC<EarnWithdrawProps>;
-export {};
-//# sourceMappingURL=EarnWithdraw.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EarnWithdraw.d.ts","sourceRoot":"","sources":["../../../src/widget/components/EarnWithdraw.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,OAAO,KAAK,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,MAAM,CAAA;AAcjD,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAA;AACpE,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,4BAA4B,CAAA;AAGjE,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAA;AAE5C,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAA;AA6B7D,UAAU,iBAAiB;IACzB,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,UAAU,EAAE,CAAC,MAAM,EAAE,eAAe,KAAK,IAAI,CAAA;IAC7C,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;AA4ID,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CA4jBpD,CAAA"}

package/dist/widget/components/EarnWithdraw.js

@@ -1,477 +0,0 @@
-import { logger as X } from "../../logger/index.js";
-import { getChainInfo as I, getPublicClient as we } from "../../chains.js";
-import { getExplorerUrlForAddress as ke } from "../../explorer.js";
-import { formatAmount as ye, formatAmountLocaleDisplay as ve, formatTvl as Ne, formatUsdAmountLocaleDisplay as Z } from "../../utils/format.js";
-import { useChainFilter as Ie } from "../../hooks/useChainFilter.js";
-import { useBalanceVisible as Ce } from "../../hooks/useBalanceVisible.js";
-import { getTransactionStateFromReceipt as Se } from "../../transactionIntent/execution/transactionState.js";
-import { sendOriginTransaction as Fe } from "../../intents.js";
-import { ScreenHeader as Te } from "./ScreenHeader.js";
-import Be from "./ChainFilterDropdown.js";
-import ee from "./TokenImage.js";
-import Le from "./SearchInputField.js";
-import { ChainList as Me } from "./ChainList.js";
-import Ae from "./DynamicSizeInputField.js";
-import { useTrailsClient as Ue } from "../../trailsClient.js";
-import { useEarnMarkets as Pe } from "../../actions/hooks/useEarnMarkets.js";
-import { useEarnBalances as We } from "../../actions/hooks/useEarnBalances.js";
-import Ee from "./LoadingSpinner.js";
-import { useAmountUsd as De } from "../../hooks/useAmountUsd.js";
-import { PercentageMaxButtons as Re } from "./PercentageMaxButtons.js";
-import { TokenDisplayNonSelectable as je } from "./TokenDisplayNonSelectable.js";
-import { getEarnMarketApy as Ge, getEarnMarketChainIdNumber as $e, getEarnMarketTvlUsd as Ve } from "./earnMarketUtils.js";
-import { EARN_SUPPORTED_NETWORKS as Oe, getEarnNetworkChainId as ze, getEarnSupportedChains as He, isEarnSupportedChainId as te } from "./earnNetworks.js";
-import { useEffect as C, useMemo as k, useRef as Ye, useState as b } from "react";
-import { useTrailsWalletClient as _e } from "@0xtrails/wallet";
-import { jsx as t, jsxs as n } from "react/jsx-runtime";
-import { ChevronRight as ae, Search as Ke, TrendingUp as qe } from "lucide-react";
-function re(e) {
-  try {
-    return BigInt(e.amountRaw) > 0n;
-  } catch {
-    const i = Number(e.amount);
-    return Number.isFinite(i) && i > 0;
-  }
-}
-function Je(e) {
-  return e.outputTokenBalance && re(e.outputTokenBalance) ? e.outputTokenBalance : e.balances.find(re);
-}
-function ne(e) {
-  return ve(e.amount, {
-    maxFractionDigits: 6,
-    minFractionDigits: 0
-  }) || ye(e.amount, {
-    maxFractionDigits: 6,
-    minFractionDigits: 0
-  });
-}
-function g(e) {
-  return e.balances.yieldId;
-}
-function R(e) {
-  return e.market?.metadata.name ?? e.balance.shareToken?.name ?? `${e.balance.token.symbol} position`;
-}
-function j(e) {
-  return e.market?.providerId ?? e.balance.shareToken?.symbol ?? e.balances.yieldId;
-}
-function F(e) {
-  return e.market?.network ?? e.balance.token.network;
-}
-function S(e) {
-  return e.market ? $e(e.market) : ze(F(e));
-}
-function Qe(e) {
-  if (e.market) return Ge(e.market);
-  const i = e.balances.rewardRate?.total;
-  return Number.isFinite(i) ? i : 0;
-}
-function Xe(e) {
-  return [
-    R(e),
-    j(e),
-    g(e),
-    F(e),
-    e.balance.token.symbol,
-    e.balance.token.name,
-    e.balance.token.address,
-    e.balance.shareToken?.symbol,
-    e.balance.shareToken?.name,
-    e.balance.shareToken?.address,
-    e.market?.metadata.description
-  ].filter(Boolean).join(" ").toLowerCase();
-}
-function se(e) {
-  const i = Number(e.balance.amountUsd);
-  if (Number.isFinite(i)) return i;
-  const m = Number(e.balance.amount);
-  return Number.isFinite(m) ? m : 0;
-}
-function Ze(e) {
-  const i = typeof e == "string" ? JSON.parse(e) : e;
-  if (!i.to || !i.data || i.chainId === void 0) throw new Error("Yield exit action returned an incomplete transaction");
-  const m = (f) => f === void 0 ? void 0 : BigInt(f);
-  return {
-    to: i.to,
-    data: i.data,
-    value: i.value === null ? 0n : BigInt(i.value ?? 0),
-    chainId: Number(i.chainId),
-    gasLimit: m(i.gasLimit ?? i.gas),
-    maxFeePerGas: m(i.maxFeePerGas),
-    maxPriorityFeePerGas: m(i.maxPriorityFeePerGas)
-  };
-}
-var Ft = ({ account: e, walletClient: i, onTransactionStateChange: m, onError: f, onComplete: ie, onPoolSelectorStateChange: G }) => {
-  const oe = Ue(), $ = _e(i), { isBalanceVisible: V } = Ce(), { selectedChainId: x, setSelectedChainId: T } = Ie(), y = x !== null && te(x) ? x : null, le = k(() => He(), []), O = Ye(null), [p, B] = b(""), [L, ce] = b(""), [M, v] = b(!1), [de, z] = b(!1), [w, H] = b(null), [A, Y] = b(!1), { data: _, isLoading: K } = Pe({ limit: 100 }), { data: U, isLoading: q, error: me } = We({
-    walletAddress: e?.address ?? "",
-    chains: [...Oe],
-    enabled: !!e?.address
-  }), h = k(() => {
-    if (!U?.length) return [];
-    const a = new Map((_ ?? []).map((r) => [r.id, r]));
-    return U.map((r) => {
-      const o = a.get(r.yieldId), l = Je(r);
-      return !l || o?.status.exit === !1 ? null : {
-        market: o,
-        balances: r,
-        balance: l
-      };
-    }).filter((r) => !!r);
-  }, [U, _]), ue = k(() => {
-    const a = new Set(h.map(S).filter((r) => r !== void 0));
-    return Array.from(a).map((r) => ({
-      chainId: r,
-      name: I(r)?.name ?? ""
-    })).filter((r) => r.name).sort((r, o) => r.name.localeCompare(o.name));
-  }, [h]), J = k(() => {
-    const a = L.trim().toLowerCase().split(/\s+/).filter(Boolean);
-    return h.filter((r) => {
-      const o = S(r);
-      if (y !== null && (o === void 0 || o !== y)) return !1;
-      if (a.length === 0) return !0;
-      const l = Xe(r);
-      return a.every((c) => l.includes(c));
-    }).sort((r, o) => se(o) - se(r));
-  }, [
-    L,
-    y,
-    h
-  ]), s = k(() => {
-    if (w) {
-      const a = h.find((r) => g(r) === w);
-      if (a) return a;
-    }
-    return h[0] ?? null;
-  }, [w, h]);
-  C(() => {
-    const a = s ? g(s) : null;
-    !w && a && H(a);
-  }, [s, w]), C(() => {
-    O.current?.focus();
-  }, []), C(() => {
-    G?.(M);
-  }, [M, G]), C(() => {
-    x !== null && !te(x) && T(null);
-  }, [x, T]);
-  const u = s ? S(s) : void 0, P = u ? I(u) : null, d = s?.balance.token, he = s ? ne(s.balance) : void 0, W = s?.balance.amount, N = d?.address ?? s?.market?.token.address, { amountUsdFormatted: E, amountUsdFormattedLocale: fe } = De({
-    amount: p,
-    token: N,
-    chainId: u
-  }), D = (a) => {
-    B(a);
-  }, pe = (a) => {
-    X.console.log("[earn-withdraw] selected market for withdrawal:", {
-      marketId: g(a),
-      network: F(a)
-    }), H(g(a)), B(""), v(!1);
-  }, ge = async (a) => {
-    if (a.preventDefault(), !e || !$) {
-      f("No account or wallet client found");
-      return;
-    }
-    if (!s || !p) {
-      f("Select a market and enter an amount to withdraw");
-      return;
-    }
-    try {
-      Y(!0), f(null);
-      const r = (await oe.yieldCreateExitAction({
-        earnMarketId: g(s),
-        userWalletAddress: e.address,
-        args: {
-          amount: p,
-          outputToken: d?.address ?? d?.symbol,
-          outputTokenNetwork: d?.network ?? F(s)
-        }
-      })).action.transactions.filter((l) => !l.isMessage).map((l) => Ze(l.unsignedTransaction));
-      if (r.length === 0) throw new Error("Yield exit action did not return a transaction");
-      m(r.map((l, c) => ({
-        transactionHash: "",
-        explorerUrl: "",
-        chainId: l.chainId,
-        state: "pending",
-        label: r.length === 1 ? "Withdraw" : `Withdraw ${c + 1}`
-      })));
-      const o = [];
-      for (const [l, c] of r.entries()) {
-        const Q = I(c.chainId);
-        if (!Q) throw new Error(`Chain ${c.chainId} not found`);
-        const xe = await Fe(e, $, {
-          to: c.to,
-          data: c.data,
-          value: c.value,
-          chain: Q,
-          gasLimit: c.gasLimit,
-          maxFeePerGas: c.maxFeePerGas,
-          maxPriorityFeePerGas: c.maxPriorityFeePerGas
-        }), be = await we(c.chainId).waitForTransactionReceipt({ hash: xe });
-        o.push(Se(be, c.chainId, r.length === 1 ? "Withdraw" : `Withdraw ${l + 1}`)), m([...o]);
-      }
-      ie({ transactionStates: o });
-    } catch (r) {
-      X.console.error("[earn-withdraw] error submitting withdrawal:", r), f(r instanceof Error ? r.message : "Failed to withdraw from market");
-    } finally {
-      Y(!1);
-    }
-  };
-  return M ? de ? /* @__PURE__ */ t(Me, {
-    onBack: () => z(!1),
-    chains: le
-  }) : /* @__PURE__ */ n("div", {
-    className: "flex flex-col h-full",
-    children: [
-      /* @__PURE__ */ t(Te, {
-        onBack: () => v(!1),
-        headerContent: "Select Position",
-        headerContentAlign: "left"
-      }),
-      /* @__PURE__ */ t(Le, {
-        value: L,
-        onChange: (a) => ce(a || ""),
-        placeholder: "Filter positions",
-        autoFocus: !0,
-        className: "mb-4",
-        rightAlignedComponent: /* @__PURE__ */ t(Be, {
-          chains: ue,
-          selectedChainId: y,
-          onChainSelect: T,
-          chainListScreen: !0,
-          onNavigateToChainList: () => z(!0)
-        })
-      }),
-      /* @__PURE__ */ t("div", {
-        className: "px-2 py-1",
-        children: /* @__PURE__ */ t("p", {
-          className: "text-xs font-semibold text-gray-600 dark:text-gray-400 tracking-wider",
-          children: "Available Positions"
-        })
-      }),
-      /* @__PURE__ */ t("div", {
-        className: "flex-1 overflow-y-auto overflow-x-hidden space-y-2 max-h-[320px] trails-scrollbar",
-        children: J.length === 0 ? /* @__PURE__ */ t("div", {
-          className: "py-8 text-center trails-text-secondary text-sm",
-          children: K || q ? "Loading balances..." : h.length === 0 ? "No withdrawable Earn balances found." : "No positions match your filters."
-        }) : J.map((a) => {
-          const r = S(a), o = a.balance.token, l = r ? I(r) : null;
-          return /* @__PURE__ */ t("button", {
-            type: "button",
-            onClick: () => pe(a),
-            className: "w-full p-3 trails-list-item trails-border-radius-container transition-all duration-200 cursor-pointer text-left",
-            children: /* @__PURE__ */ n("div", {
-              className: "flex items-center justify-between gap-3",
-              children: [/* @__PURE__ */ n("div", {
-                className: "flex items-center gap-3 min-w-0",
-                children: [/* @__PURE__ */ t(ee, {
-                  symbol: o.symbol,
-                  imageUrl: o.logoURI,
-                  chainId: r,
-                  contractAddress: o.address,
-                  size: 32
-                }), /* @__PURE__ */ n("div", {
-                  className: "min-w-0",
-                  children: [/* @__PURE__ */ t("div", {
-                    className: "font-medium text-gray-900 dark:text-white text-sm truncate",
-                    children: R(a)
-                  }), /* @__PURE__ */ n("div", {
-                    className: "text-xs trails-text-secondary",
-                    children: [j(a), l ? ` • ${l.name}` : ""]
-                  })]
-                })]
-              }), /* @__PURE__ */ n("div", {
-                className: "text-right flex-shrink-0",
-                children: [/* @__PURE__ */ t("div", {
-                  className: "text-sm font-medium text-gray-900 dark:text-white",
-                  children: V ? `${ne(a.balance)} ${o.symbol}` : "••••••"
-                }), a.balance.amountUsd ? /* @__PURE__ */ n("div", {
-                  className: "text-xs trails-text-secondary",
-                  children: [
-                    "≈",
-                    " ",
-                    Z(a.balance.amountUsd)
-                  ]
-                }) : null]
-              })]
-            })
-          }, g(a));
-        })
-      })
-    ]
-  }) : /* @__PURE__ */ n("div", {
-    className: "space-y-2",
-    children: [
-      /* @__PURE__ */ t("div", {
-        className: "trails-bg-secondary trails-border-radius-container transition-all duration-200 border border-transparent hover:bg-white! dark:hover:bg-white! hover:border-gray-400 dark:hover:border-gray-500",
-        children: s ? /* @__PURE__ */ n("div", {
-          className: "p-3 trails-border-radius-container trails-bg-secondary transition-all overflow-hidden",
-          children: [/* @__PURE__ */ t("div", {
-            className: "flex justify-between items-center mb-2",
-            children: /* @__PURE__ */ t("div", {
-              className: "text-sm font-semibold trails-text-secondary text-left",
-              children: "From"
-            })
-          }), /* @__PURE__ */ t("div", {
-            className: "px-1",
-            children: /* @__PURE__ */ n("div", {
-              className: "flex items-center justify-between",
-              children: [/* @__PURE__ */ n("div", {
-                className: "flex items-center space-x-3 min-w-0",
-                children: [/* @__PURE__ */ t("a", {
-                  href: N && u ? ke({
-                    address: N,
-                    chainId: u
-                  }) : void 0,
-                  target: "_blank",
-                  rel: "noopener noreferrer",
-                  className: "cursor-pointer",
-                  children: /* @__PURE__ */ t(ee, {
-                    symbol: d?.symbol ?? s.market?.token.symbol,
-                    imageUrl: d?.logoURI ?? s.market?.token.logoURI,
-                    chainId: u,
-                    contractAddress: N,
-                    size: 32
-                  })
-                }), /* @__PURE__ */ n("div", {
-                  className: "min-w-0",
-                  children: [/* @__PURE__ */ t("h3", {
-                    className: "font-medium text-gray-900 dark:text-white text-sm truncate",
-                    children: R(s)
-                  }), /* @__PURE__ */ n("div", {
-                    className: "text-xs text-gray-500 dark:text-gray-400",
-                    children: [j(s), P ? ` • ${P.name}` : ""]
-                  })]
-                })]
-              }), /* @__PURE__ */ n("button", {
-                type: "button",
-                title: "Select Vault",
-                onClick: () => v(!0),
-                className: "text-right flex items-center space-x-3 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-700 rounded p-2 transition-colors",
-                children: [/* @__PURE__ */ n("div", { children: [/* @__PURE__ */ n("div", {
-                  className: "flex items-center justify-end space-x-1 text-green-600 dark:text-green-400 mb-1 whitespace-nowrap",
-                  children: [/* @__PURE__ */ t(qe, { className: "w-3 h-3" }), /* @__PURE__ */ n("span", {
-                    className: "font-semibold text-sm",
-                    children: [Qe(s).toFixed(1), "% APY"]
-                  })]
-                }), s.market ? /* @__PURE__ */ n("p", {
-                  className: "text-xs text-gray-500 dark:text-gray-400 whitespace-nowrap",
-                  children: [
-                    "TVL:",
-                    " ",
-                    Ne(Ve(s.market) ?? 0)
-                  ]
-                }) : null] }), /* @__PURE__ */ t(ae, { className: "w-4 h-4 text-gray-400" })]
-              })]
-            })
-          })]
-        }) : /* @__PURE__ */ t("button", {
-          type: "button",
-          onClick: () => v(!0),
-          className: "w-full py-6 px-4 trails-list-item trails-border-radius-container transition-all duration-200 cursor-pointer",
-          children: /* @__PURE__ */ n("div", {
-            className: "flex items-center justify-between",
-            children: [/* @__PURE__ */ n("div", {
-              className: "flex items-center space-x-3 flex-1",
-              children: [/* @__PURE__ */ t("div", {
-                className: "w-8 h-8 rounded-full bg-gray-100 dark:bg-gray-700 flex items-center justify-center",
-                children: /* @__PURE__ */ t(Ke, { className: "w-4 h-4 text-gray-400" })
-              }), /* @__PURE__ */ n("div", {
-                className: "text-left flex-1",
-                children: [/* @__PURE__ */ t("div", {
-                  className: "font-semibold text-gray-900 dark:text-white text-sm",
-                  children: K || q ? "Loading withdrawable balances..." : "Select vault to withdraw from"
-                }), me ? /* @__PURE__ */ t("div", {
-                  className: "text-xs text-red-500 mt-1",
-                  children: "Failed to load Earn balances"
-                }) : null]
-              })]
-            }), /* @__PURE__ */ t(ae, { className: "w-4 h-4 trails-text-muted flex-shrink-0" })]
-          })
-        })
-      }),
-      s && d ? /* @__PURE__ */ n("div", {
-        className: "pt-4 pb-4 mb-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__ */ t("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: "Amount"
-            })
-          }),
-          /* @__PURE__ */ n("div", {
-            className: "flex items-center space-x-2 flex-1",
-            children: [/* @__PURE__ */ t("div", {
-              className: "flex-1",
-              children: /* @__PURE__ */ t(Ae, {
-                ref: O,
-                value: p,
-                onChange: (a) => B(a.target.value),
-                isLoading: A,
-                variant: "default"
-              })
-            }), u && d.address ? /* @__PURE__ */ t(je, {
-              symbol: d.symbol,
-              imageUrl: d.logoURI,
-              chainId: u,
-              contractAddress: d.address,
-              chainName: P?.name
-            }) : null]
-          }),
-          /* @__PURE__ */ n("div", {
-            className: "mt-4 flex justify-between items-center",
-            children: [/* @__PURE__ */ t("div", {
-              className: "text-xs text-gray-500 dark:text-gray-400",
-              title: p && E ? E : void 0,
-              children: p ? /* @__PURE__ */ n("span", {
-                className: "notranslate",
-                translate: "no",
-                children: [
-                  "≈",
-                  " ",
-                  fe || E || Z(0)
-                ]
-              }) : /* @__PURE__ */ t("span", { children: " " })
-            }), /* @__PURE__ */ n("div", {
-              className: "flex items-center space-x-2",
-              children: [/* @__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: () => D(W || "0"),
-                onKeyDown: (a) => {
-                  (a.key === "Enter" || a.key === " ") && (a.preventDefault(), D(W || "0"));
-                },
-                title: "Click to withdraw full balance",
-                children: /* @__PURE__ */ n("span", {
-                  className: "notranslate",
-                  translate: "no",
-                  children: ["Balance: ", V ? he : "••••••"]
-                })
-              }), /* @__PURE__ */ t(Re, {
-                userBalance: W,
-                userBalanceRaw: s.balance.amountRaw,
-                decimals: d.decimals ?? 18,
-                isNativeToken: !1,
-                chainId: u,
-                onAmountSelect: D,
-                className: "opacity-100"
-              })]
-            })]
-          })
-        ]
-      }) : null,
-      s ? /* @__PURE__ */ t("form", {
-        onSubmit: ge,
-        children: /* @__PURE__ */ t("button", {
-          type: "submit",
-          disabled: !p || A,
-          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: A ? /* @__PURE__ */ n("div", {
-            className: "flex items-center justify-center",
-            children: [/* @__PURE__ */ t(Ee, { className: "mr-2" }), /* @__PURE__ */ t("span", { children: "Processing..." })]
-          }) : "Withdraw"
-        })
-      }) : null
-    ]
-  });
-};
-export {
-  Ft as EarnWithdraw
-};

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

@@ -1,2 +0,0 @@
-export declare function ErrorAnimationIcon(): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=ErrorAnimationIcon.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorAnimationIcon.d.ts","sourceRoot":"","sources":["../../../src/widget/components/ErrorAnimationIcon.tsx"],"names":[],"mappings":"AAEA,wBAAgB,kBAAkB,4CA+HjC"}