0xtrails 0.16.2 → 0.17.0

package/dist/widget/components/EarnMarkets.js

@@ -1,313 +0,0 @@
-import { addressEqual as ge } from "../../utils/address.js";
-import { useDestinationSelectedToken as pe } from "../../hooks/useDestinationSelectedToken.js";
-import { formatTvl as xe } from "../../utils/format.js";
-import { useChainFilter as ve } from "../../hooks/useChainFilter.js";
-import { getEarnMarkets as ye, getEarnProviders as be } from "../../actions/utils.js";
-import { ScreenHeader as Ne } from "./ScreenHeader.js";
-import we from "./ChainFilterDropdown.js";
-import Ce from "./TokenImage.js";
-import Se from "./SearchInputField.js";
-import { ChainList as Ie } from "./ChainList.js";
-import { useTrailsClient as Pe } from "../../trailsClient.js";
-import { getEarnMarketApy as F, getEarnMarketChainIdNumber as q, getEarnMarketInputToken as z, getEarnMarketTvlUsd as ee } from "./earnMarketUtils.js";
-import { getEarnSupportedChains as Ee, isEarnSupportedChainId as B } from "./earnNetworks.js";
-import ke from "./EarnPoolsFilters.js";
-import { useEffect as I, useMemo as u, useRef as Me, useState as P } from "react";
-import { m as Te } from "motion/react";
-import { useInfiniteQuery as Fe, useQuery as Ae } from "@tanstack/react-query";
-import { Fragment as Le, jsx as t, jsxs as n } from "react/jsx-runtime";
-import { Search as Re, TrendingUp as De } from "lucide-react";
-var ae = [
-  "aave",
-  "morpho",
-  "curve",
-  "fluid",
-  "gearbox",
-  "yearn",
-  "summer-fi",
-  "spark",
-  "sky"
-], te = new Set(ae), w = 20, re = 100, _e = 300, je = 1, Ue = 1e3, Be = 5e5;
-function $(a) {
-  return a.split("-").map((s) => s.charAt(0).toUpperCase() + s.slice(1)).join(" ");
-}
-function $e(a) {
-  const s = z(a);
-  return [
-    a.metadata.name,
-    a.metadata.description,
-    a.providerId,
-    a.network,
-    a.chainId,
-    s?.symbol,
-    s?.name,
-    s?.address,
-    a.token.symbol,
-    a.token.name,
-    ...a.tags ?? []
-  ].filter(Boolean).join(" ").toLowerCase();
-}
-function qe(a, s, C) {
-  if (!s) return !0;
-  const i = z(a), f = q(a);
-  return f == null ? !1 : C && !C.has(f) ? !0 : s.some((g) => g.chainId !== f ? !1 : i?.address ? ge(g.contractAddress, i.address) : g.symbol.toLowerCase() === a.token.symbol.toLowerCase());
-}
-var ot = ({ onBack: a, onMarketSelect: s }) => {
-  const C = Pe(), { selectedChainId: i, setSelectedChainId: f } = ve(), { availableDestinationChainIds: g, availableDestinationTokens: A, availableDestinationTokenRestrictedChainIds: L } = pe(), o = u(() => g ? new Set(g) : null, [g]), K = u(() => L ? new Set(L) : null, [L]), p = i !== null && B(i) && (!o || o.has(i)) ? i : null, O = u(() => Ee().filter((e) => !o || o.has(e.chainId)), [o]), [E, ne] = P(""), [c, se] = P("aave"), [l, x] = P(0), [ie, V] = P(!1), [oe, le] = P(""), k = E.trim(), R = oe.trim(), D = k !== R, M = `${p ?? "all"}:${c}:${k}`, Y = Me(M), { data: H, isLoading: de, error: ce } = Ae({
-    queryKey: ["earnProviders", "widget"],
-    queryFn: () => be({ limit: 50 }, C)
-  }), { data: G, isLoading: _, isFetching: me, isFetchingNextPage: y, error: he, fetchNextPage: Q, hasNextPage: S } = Fe({
-    queryKey: [
-      "earnMarkets",
-      "widget-provider",
-      c,
-      p,
-      "rewardRateDesc",
-      R || void 0
-    ],
-    queryFn: ({ pageParam: e }) => ye({
-      provider: c === "all" ? void 0 : c,
-      chain: p ?? void 0,
-      sortBy: "rewardRateDesc",
-      search: R || void 0,
-      limit: re,
-      offset: e
-    }, C),
-    initialPageParam: 0,
-    getNextPageParam: (e, r) => {
-      if (e.items.length === 0 || e.items.length < re) return;
-      const d = r.reduce((h, N) => h + N.items.length, 0), v = e.total ?? 0;
-      if (!(v > 0 && d >= v))
-        return d;
-    },
-    staleTime: 6e4
-  }), Z = u(() => G?.pages.flatMap((e) => e.items) ?? [], [G]), j = _ || de, X = he || ce, U = u(() => {
-    const e = /* @__PURE__ */ new Map();
-    for (const r of H?.items ?? []) e.set(r.id, r);
-    return e;
-  }, [H]), ue = u(() => ["all", ...ae.map((e) => {
-    const r = U.get(e);
-    return {
-      id: e,
-      name: r?.name ?? $(e),
-      logoURI: r?.logoURI
-    };
-  })], [U]), m = u(() => {
-    const e = k.toLowerCase().split(/\s+/).filter(Boolean);
-    return Z.filter((r) => {
-      if (!te.has(r.providerId) || !r.status.enter || r.metadata.deprecated || r.metadata.underMaintenance) return !1;
-      const d = F(r);
-      if (d < je || d > Ue) return !1;
-      const v = ee(r);
-      if (v === null || v < Be) return !1;
-      const h = q(r);
-      if (!B(h) || o && !o.has(h) || A && !qe(r, A, K) || p !== null && h !== p || c !== "all" && r.providerId !== c) return !1;
-      if (e.length === 0) return !0;
-      const N = $e(r);
-      return e.every((T) => N.includes(T));
-    }).sort((r, d) => F(d) - F(r));
-  }, [
-    Z,
-    k,
-    p,
-    c,
-    o,
-    A,
-    K
-  ]), b = u(() => m.slice(l * w, (l + 1) * w), [m, l]), J = l > 0, W = m.length > (l + 1) * w || S;
-  I(() => {
-    const e = setTimeout(() => {
-      le(E);
-    }, _e);
-    return () => clearTimeout(e);
-  }, [E]), I(() => {
-    Y.current !== M && (Y.current = M, x(0));
-  }, [M]), I(() => {
-    i !== null && (!B(i) || o && !o.has(i)) && f(null);
-  }, [
-    o,
-    i,
-    f
-  ]), I(() => {
-    if (S || m.length === 0) return;
-    const e = Math.max(0, Math.ceil(m.length / w) - 1);
-    l > e && x(e);
-  }, [
-    m.length,
-    S,
-    l
-  ]), I(() => {
-    if (D || _ || y || !S) return;
-    const e = (l + 1) * w;
-    m.length < e && Q();
-  }, [
-    l,
-    m.length,
-    S,
-    D,
-    y,
-    _,
-    Q
-  ]);
-  const fe = (e) => {
-    const r = z(e), d = q(e), v = F(e), h = ee(e), N = U.get(e.providerId), T = N?.logoURI;
-    return /* @__PURE__ */ t(Te.button, {
-      type: "button",
-      whileHover: { scale: 1 },
-      whileTap: { scale: 0.99 },
-      onClick: () => s(e),
-      className: "w-full p-3 rounded-2xl cursor-pointer transition-all text-left hover:bg-gray-50 dark:hover:bg-gray-800",
-      children: /* @__PURE__ */ n("div", {
-        className: "flex items-center justify-between gap-2.5",
-        children: [/* @__PURE__ */ n("div", {
-          className: "flex items-center gap-2.5 min-w-0",
-          children: [/* @__PURE__ */ t(Ce, {
-            symbol: r?.symbol,
-            imageUrl: r?.logoURI,
-            chainId: d,
-            contractAddress: r?.address,
-            size: 32
-          }), /* @__PURE__ */ n("div", {
-            className: "min-w-0",
-            children: [/* @__PURE__ */ t("h3", {
-              title: e.metadata.name,
-              className: "font-semibold text-gray-950 dark:text-white text-xs truncate",
-              children: e.metadata.name
-            }), /* @__PURE__ */ n("div", {
-              className: "mt-0.5 flex items-center gap-1 text-[10px] text-gray-500 dark:text-gray-400",
-              children: [T ? /* @__PURE__ */ t("img", {
-                src: T,
-                alt: "",
-                className: "h-2.5 w-2.5 rounded-full object-contain bg-white",
-                loading: "lazy"
-              }) : /* @__PURE__ */ t("span", {
-                className: "h-2.5 w-2.5 rounded-full bg-indigo-100 text-indigo-500 flex items-center justify-center text-[7px] font-bold",
-                children: $(e.providerId).charAt(0)
-              }), /* @__PURE__ */ t("span", {
-                className: "truncate",
-                children: N?.name ?? $(e.providerId)
-              })]
-            })]
-          })]
-        }), /* @__PURE__ */ n("div", {
-          className: "text-right flex-shrink-0",
-          children: [/* @__PURE__ */ n("div", {
-            className: "flex items-center justify-end gap-1 text-green-600 dark:text-green-400",
-            children: [/* @__PURE__ */ t(De, { className: "w-3 h-3" }), /* @__PURE__ */ n("span", {
-              className: "font-semibold text-sm",
-              children: [v.toFixed(1), "% APY"]
-            })]
-          }), /* @__PURE__ */ n("p", {
-            className: "text-[10px] text-gray-500 dark:text-gray-400 whitespace-nowrap",
-            children: ["TVL: ", h !== null ? xe(h) : "-"]
-          })]
-        })]
-      })
-    }, e.id);
-  };
-  return ie ? /* @__PURE__ */ t(Ie, {
-    onBack: () => V(!1),
-    chains: O
-  }) : /* @__PURE__ */ n("div", {
-    className: "flex flex-col h-full",
-    children: [
-      /* @__PURE__ */ t(Ne, {
-        onBack: a,
-        headerContent: "Select Market",
-        headerContentAlign: "left"
-      }),
-      /* @__PURE__ */ t(Se, {
-        value: E,
-        onChange: (e) => {
-          ne(e || ""), x(0);
-        },
-        placeholder: "Filter markets",
-        autoFocus: !0,
-        className: "mb-4",
-        rightAlignedComponent: /* @__PURE__ */ t(we, {
-          chains: O,
-          selectedChainId: p,
-          onChainSelect: (e) => {
-            f(e), x(0);
-          },
-          chainListScreen: !0,
-          onNavigateToChainList: () => V(!0)
-        })
-      }),
-      !j && /* @__PURE__ */ t(ke, {
-        protocols: ue,
-        selectedProtocol: c,
-        onProtocolChange: (e) => {
-          (e === "all" || te.has(e)) && (se(e), x(0));
-        },
-        sortBy: "apy",
-        onSortChange: () => {
-        },
-        showSort: !1
-      }),
-      /* @__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 Markets"
-        })
-      }),
-      /* @__PURE__ */ t("div", {
-        className: "flex-1 overflow-y-auto overflow-x-hidden space-y-2 max-h-[320px] trails-scrollbar",
-        children: j ? /* @__PURE__ */ n("div", {
-          className: "flex flex-col items-center justify-center py-8 space-y-4",
-          children: [/* @__PURE__ */ t("div", { className: "animate-spin rounded-full h-8 w-8 border-solid border-b-2 border-blue-500" }), /* @__PURE__ */ t("p", {
-            className: "text-gray-600 dark:text-gray-400",
-            children: "Loading markets..."
-          })]
-        }) : X ? /* @__PURE__ */ n("div", {
-          className: "flex flex-col items-center justify-center py-8 space-y-2",
-          children: [/* @__PURE__ */ t("p", {
-            className: "text-sm text-red-500",
-            children: "Failed to load markets"
-          }), /* @__PURE__ */ t("p", {
-            className: "text-xs text-gray-500",
-            children: "Please try again later"
-          })]
-        }) : b.length === 0 ? me || D ? /* @__PURE__ */ n("div", {
-          className: "flex flex-col items-center justify-center py-8 space-y-4",
-          children: [/* @__PURE__ */ t("div", { className: "animate-spin rounded-full h-6 w-6 border-solid border-b-2 border-blue-500" }), /* @__PURE__ */ t("p", {
-            className: "text-xs text-gray-500 dark:text-gray-400",
-            children: "Searching for markets..."
-          })]
-        }) : /* @__PURE__ */ n("div", {
-          className: "text-center py-8",
-          children: [/* @__PURE__ */ t(Re, { className: "mx-auto mb-2 h-5 w-5 text-gray-400" }), /* @__PURE__ */ t("p", {
-            className: "text-gray-500 dark:text-gray-400 text-sm",
-            children: "No markets match your filters"
-          })]
-        }) : /* @__PURE__ */ n(Le, { children: [b.map(fe), y && b.length < w && /* @__PURE__ */ t("div", {
-          className: "flex items-center justify-center py-3",
-          children: /* @__PURE__ */ t("div", { className: "animate-spin rounded-full h-4 w-4 border-solid border-b-2 border-blue-500" })
-        })] })
-      }),
-      !j && !X && (J || W) && /* @__PURE__ */ n("div", {
-        className: "mt-3 flex items-center justify-between px-2 text-xs text-gray-500 dark:text-gray-400",
-        children: [/* @__PURE__ */ t("span", { children: b.length > 0 ? `Showing ${b.length} ${b.length === 1 ? "market" : "markets"} · Page ${l + 1}` : `Page ${l + 1}` }), /* @__PURE__ */ n("div", {
-          className: "flex items-center gap-2",
-          children: [/* @__PURE__ */ t("button", {
-            type: "button",
-            onClick: () => x((e) => Math.max(0, e - 1)),
-            disabled: !J || y,
-            className: "rounded-lg px-2 py-1 font-medium text-gray-700 transition-colors hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-40 dark:text-gray-300 dark:hover:bg-gray-800",
-            children: "Previous"
-          }), /* @__PURE__ */ t("button", {
-            type: "button",
-            onClick: () => x((e) => e + 1),
-            disabled: !W || y,
-            className: "rounded-lg px-2 py-1 font-medium text-gray-700 transition-colors hover:bg-gray-100 disabled:cursor-not-allowed disabled:opacity-40 dark:text-gray-300 dark:hover:bg-gray-800",
-            children: y ? "Loading..." : "Next"
-          })]
-        })]
-      })
-    ]
-  });
-};
-export {
-  ot as default
-};

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

@@ -1,8 +0,0 @@
-import { Pool } from '../../pools.js';
-interface EarnPoolsProps {
-    onBack?: () => void;
-    onPoolSelect: (pool: Pool) => void;
-}
-export declare const EarnPools: React.FC<EarnPoolsProps>;
-export default EarnPools;
-//# sourceMappingURL=EarnPools.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EarnPools.d.ts","sourceRoot":"","sources":["../../../src/widget/components/EarnPools.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAY,KAAK,IAAI,EAAE,MAAM,gBAAgB,CAAA;AAkBpD,UAAU,cAAc;IACtB,MAAM,CAAC,EAAE,MAAM,IAAI,CAAA;IACnB,YAAY,EAAE,CAAC,IAAI,EAAE,IAAI,KAAK,IAAI,CAAA;CACnC;AA2BD,eAAO,MAAM,SAAS,EAAE,KAAK,CAAC,EAAE,CAAC,cAAc,CA8b9C,CAAA;AAED,eAAe,SAAS,CAAA"}

package/dist/widget/components/EarnPools.js

@@ -1,256 +0,0 @@
-import { logger as p } from "../../logger/index.js";
-import { getChainInfo as j } from "../../chains.js";
-import { normalizeAddress as C } from "../../utils/address.js";
-import { useDestinationSelectedToken as O } from "../../hooks/useDestinationSelectedToken.js";
-import { formatTvl as W, formatUsdAmountLocaleDisplay as Y } from "../../utils/format.js";
-import { useChainFilter as J } from "../../hooks/useChainFilter.js";
-import { ScreenHeader as K } from "./ScreenHeader.js";
-import { WIDGET_REFRESH_INTERVAL as Q, useTokenBalances as X } from "../../query/balance.hooks.js";
-import Z from "./ChainFilterDropdown.js";
-import ee from "./TokenImage.js";
-import re from "./SearchInputField.js";
-import { ChainList as te } from "./ChainList.js";
-import ae from "../../pools.js";
-import se from "../assets/components/Aave.js";
-import ne from "../assets/components/Morpho.js";
-import le from "./EarnPoolsFilters.js";
-import { isAddress as oe } from "viem";
-import { useEffect as ie, useMemo as i, useState as y } from "react";
-import { m as ce } from "motion/react";
-import { useAccount as de } from "@0xtrails/wallet";
-import { Fragment as L, jsx as t, jsxs as n } from "react/jsx-runtime";
-import { TrendingUp as me } from "lucide-react";
-function ue(c, x, s) {
-  return !x || s && !s.has(c.chainId) ? !0 : x.some((d) => d.chainId !== c.chainId ? !1 : c.token?.address ? C(d.contractAddress) === C(c.token.address) : d.symbol.toLowerCase() === c.token?.symbol?.toLowerCase());
-}
-var De = ({ onBack: c, onPoolSelect: x }) => {
-  const { data: s, loading: d, error: H } = ae(), { address: N } = de(), { sortedTokens: g } = X(N && oe(N) ? N : null, void 0, { refetchInterval: Q }), [v, $] = y("all"), [w, T] = y(""), [m, k] = y(null), [F, R] = y("tvl"), [q, E] = y(!1), { selectedChainId: h, setSelectedChainId: b } = J(), { availableDestinationChainIds: A, availableDestinationTokens: I, availableDestinationTokenRestrictedChainIds: S } = O(), l = i(() => A ? new Set(A) : null, [A]), U = i(() => S ? new Set(S) : null, [S]);
-  ie(() => {
-    if (h !== null && l && !l.has(h)) {
-      b(null), k(null);
-      return;
-    }
-    h !== m && k(h);
-  }, [
-    l,
-    m,
-    h,
-    b
-  ]);
-  const z = (e) => {
-    k(e), b(e);
-  }, _ = i(() => {
-    if (!s || !Array.isArray(s)) return ["all"];
-    try {
-      const e = new Set(s.map((r) => r.protocol).filter(Boolean));
-      return ["all", ...Array.from(e).sort((r, a) => r.localeCompare(a))];
-    } catch (e) {
-      return p.console.error("[trails-sdk] Error computing protocols:", e), ["all"];
-    }
-  }, [s]), P = i(() => {
-    if (!s || !Array.isArray(s)) return [];
-    try {
-      const e = new Set(s.map((r) => r.chainId).filter((r) => !!r && (!l || l.has(r))));
-      return Array.from(e).map((r) => ({
-        chainId: r,
-        name: j(r)?.name ?? ""
-      })).sort((r, a) => r.name.localeCompare(a.name)).filter((r) => r.name);
-    } catch (e) {
-      return p.console.error("[trails-sdk] Error computing unique chains:", e), [];
-    }
-  }, [l, s]), D = i(() => {
-    const e = /* @__PURE__ */ new Map();
-    return g && Array.isArray(g) && g.forEach((r) => {
-      const a = `${C(r.contractAddress)}-${r.chainId}`;
-      e.set(a, r);
-    }), e;
-  }, [g]), f = i(() => !s || !Array.isArray(s) ? [] : s.filter((e) => {
-    try {
-      if (!e.isActive) return !1;
-      const r = v === "all" || e.protocol?.toLowerCase() === v?.toLowerCase();
-      if (l && !l.has(e.chainId) || I && !ue(e, I, U)) return !1;
-      const a = m === null || e.chainId === m, o = w.trim().toLowerCase().split(/\s+/).filter((u) => u.length > 0), G = !w.trim() || o.every((u) => e.token?.symbol?.toLowerCase().includes(u) || e.token?.name?.toLowerCase().includes(u) || e.protocol?.toLowerCase().includes(u) || j(e.chainId)?.name?.toLowerCase().includes(u));
-      return r && a && G;
-    } catch (r) {
-      return p.console.error("[trails-sdk] Error filtering pool:", e, r), !1;
-    }
-  }).map((e) => {
-    const r = `${C(e.depositAddress)}-${e.chainId}`, a = D.get(r);
-    let o = a?.balanceUsd || 0;
-    return a?.balanceFormatted && a?.priceUsd && (o = parseFloat(a.balanceFormatted) * a.priceUsd), {
-      ...e,
-      userBalance: a?.balance,
-      userBalanceUsd: o,
-      userBalanceFormatted: a?.balanceFormatted,
-      userBalanceDisplay: a?.balanceDisplay,
-      userTokenSymbol: a?.symbol
-    };
-  }).sort((e, r) => {
-    try {
-      const a = e.userBalanceFormatted && parseFloat(e.userBalanceFormatted) > 0, o = r.userBalanceFormatted && parseFloat(r.userBalanceFormatted) > 0;
-      return a && !o ? -1 : !a && o ? 1 : a && o ? e.userBalanceUsd > 0 && r.userBalanceUsd > 0 ? r.userBalanceUsd - e.userBalanceUsd : parseFloat(r.userBalanceFormatted || "0") - parseFloat(e.userBalanceFormatted || "0") : F === "tvl" ? (r.tvl || 0) - (e.tvl || 0) : F === "apy" ? (r.apy || 0) - (e.apy || 0) : 0;
-    } catch (a) {
-      return p.console.error("[trails-sdk] Error sorting pools:", a), 0;
-    }
-  }), [
-    s,
-    v,
-    m,
-    w,
-    F,
-    D,
-    l,
-    I,
-    U
-  ]), B = i(() => f.filter((e) => e.userBalanceFormatted && parseFloat(e.userBalanceFormatted) > 0), [f]), M = i(() => f.filter((e) => !e.userBalanceFormatted || parseFloat(e.userBalanceFormatted) === 0), [f]), V = (e) => /* @__PURE__ */ t(ce.div, {
-    whileHover: { scale: 1 },
-    whileTap: { scale: 0.99 },
-    onClick: () => x(e),
-    className: "p-4 trails-border-radius-container trails-list-item cursor-pointer transition-all overflow-hidden",
-    children: /* @__PURE__ */ n("div", {
-      className: "flex items-center justify-between",
-      children: [/* @__PURE__ */ n("div", {
-        className: "flex items-center space-x-3",
-        children: [/* @__PURE__ */ t("div", {
-          style: {
-            width: "32px",
-            height: "32px"
-          },
-          children: /* @__PURE__ */ t(ee, {
-            symbol: e.token.symbol,
-            imageUrl: e.token.logoUrl,
-            chainId: e.chainId,
-            size: 32
-          })
-        }), /* @__PURE__ */ n("div", { children: [/* @__PURE__ */ t("h3", {
-          className: "font-medium text-gray-900 dark:text-white text-sm",
-          children: e.name
-        }), /* @__PURE__ */ t("div", {
-          className: "flex items-center space-x-1",
-          children: /* @__PURE__ */ n("span", {
-            className: "text-xs text-gray-500 dark:text-gray-400 flex items-center",
-            children: [
-              e.protocol === "Aave" && /* @__PURE__ */ t(se, {
-                "aria-label": "Aave",
-                className: "w-3 h-3 mr-1"
-              }),
-              e.protocol === "Morpho" && /* @__PURE__ */ t(ne, {
-                "aria-label": "Morpho",
-                className: "w-3 h-3 mr-1"
-              }),
-              e.protocol
-            ]
-          })
-        })] })]
-      }), /* @__PURE__ */ n("div", {
-        className: "text-right",
-        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(me, { className: "w-3 h-3" }), /* @__PURE__ */ n("span", {
-              className: "font-semibold text-sm",
-              children: [e.apy.toFixed(1), "% APY"]
-            })]
-          }),
-          /* @__PURE__ */ n("p", {
-            className: "text-xs text-gray-500 dark:text-gray-400 whitespace-nowrap",
-            children: ["TVL: ", W(e.tvl)]
-          }),
-          e.userBalanceFormatted && parseFloat(e.userBalanceFormatted) > 0 && /* @__PURE__ */ n("p", {
-            className: "text-xs font-bold mt-1 whitespace-nowrap notranslate",
-            style: { color: "#71717A" },
-            translate: "no",
-            children: [
-              "Balance:",
-              " ",
-              e.userBalanceUsd > 0 ? Y(e.userBalanceUsd) : e.userBalanceDisplay || e.userBalanceFormatted
-            ]
-          })
-        ]
-      })]
-    })
-  }, e.id);
-  return q ? /* @__PURE__ */ t(te, {
-    onBack: () => E(!1),
-    chains: P
-  }) : /* @__PURE__ */ n("div", {
-    className: "flex flex-col h-full",
-    children: [
-      /* @__PURE__ */ t(K, {
-        onBack: c,
-        headerContent: "Select Vault",
-        headerContentAlign: "left"
-      }),
-      /* @__PURE__ */ t(re, {
-        value: w,
-        onChange: (e) => {
-          try {
-            T(e || "");
-          } catch (r) {
-            p.console.error("[trails-sdk] Error updating search filter:", r), T("");
-          }
-        },
-        placeholder: "Filter vaults",
-        autoFocus: !0,
-        className: "mb-4",
-        rightAlignedComponent: /* @__PURE__ */ t(Z, {
-          chains: P,
-          selectedChainId: m,
-          onChainSelect: z,
-          chainListScreen: !0,
-          onNavigateToChainList: () => E(!0)
-        })
-      }),
-      !d && /* @__PURE__ */ t(le, {
-        protocols: _,
-        selectedProtocol: v,
-        onProtocolChange: $,
-        sortBy: F,
-        onSortChange: R
-      }),
-      /* @__PURE__ */ t("div", {
-        className: "flex-1 overflow-y-auto overflow-x-hidden space-y-3 max-h-[250px] trails-scrollbar",
-        children: d ? /* @__PURE__ */ n("div", {
-          className: "flex flex-col items-center justify-center py-8 space-y-4",
-          children: [/* @__PURE__ */ t("div", { className: "animate-spin rounded-full h-8 w-8 border-solid border-b-2 border-blue-500" }), /* @__PURE__ */ t("p", {
-            className: "text-gray-600 dark:text-gray-400",
-            children: "Loading vaults..."
-          })]
-        }) : H ? /* @__PURE__ */ t("div", {
-          className: "flex flex-col items-center justify-center py-8 space-y-4",
-          children: /* @__PURE__ */ n("div", {
-            className: "text-red-500 text-center",
-            children: [/* @__PURE__ */ t("p", {
-              className: "text-sm",
-              children: "Failed to load pools"
-            }), /* @__PURE__ */ t("p", {
-              className: "text-xs text-gray-500 mt-1",
-              children: "Please try again later"
-            })]
-          })
-        }) : f.length === 0 ? /* @__PURE__ */ t("div", {
-          className: "text-center py-8",
-          children: /* @__PURE__ */ t("p", {
-            className: "text-gray-500 dark:text-gray-400 text-sm",
-            children: "No pools available for the selected protocol"
-          })
-        }) : /* @__PURE__ */ n(L, { children: [B.length > 0 && /* @__PURE__ */ n(L, { children: [/* @__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: "My Vaults"
-          })
-        }), B.map(V)] }), M.length > 0 && /* @__PURE__ */ n(L, { children: [/* @__PURE__ */ t("div", {
-          className: `px-2 py-1 ${B.length > 0 ? "mt-4" : ""}`,
-          children: /* @__PURE__ */ t("p", {
-            className: "text-xs font-semibold text-gray-600 dark:text-gray-400 tracking-wider",
-            children: B.length > 0 ? "Other Vaults" : "Available Vaults"
-          })
-        }), M.map(V)] })] })
-      })
-    ]
-  });
-};
-export {
-  De as default
-};

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

@@ -1,18 +0,0 @@
-import { default as React } from 'react';
-export type SortOption = "tvl" | "apy";
-export type ProtocolOption = string | {
-    id: string;
-    name: string;
-    logoURI?: string;
-};
-interface EarnPoolsFiltersProps {
-    protocols: ProtocolOption[];
-    selectedProtocol: string;
-    onProtocolChange: (protocol: string) => void;
-    sortBy: SortOption;
-    onSortChange: (sortBy: SortOption) => void;
-    showSort?: boolean;
-}
-export declare const EarnPoolsFilters: React.FC<EarnPoolsFiltersProps>;
-export default EarnPoolsFilters;
-//# sourceMappingURL=EarnPoolsFilters.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"EarnPoolsFilters.d.ts","sourceRoot":"","sources":["../../../src/widget/components/EarnPoolsFilters.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAI9B,MAAM,MAAM,UAAU,GAAG,KAAK,GAAG,KAAK,CAAA;AACtC,MAAM,MAAM,cAAc,GACtB,MAAM,GACN;IACE,EAAE,EAAE,MAAM,CAAA;IACV,IAAI,EAAE,MAAM,CAAA;IACZ,OAAO,CAAC,EAAE,MAAM,CAAA;CACjB,CAAA;AAEL,UAAU,qBAAqB;IAC7B,SAAS,EAAE,cAAc,EAAE,CAAA;IAC3B,gBAAgB,EAAE,MAAM,CAAA;IACxB,gBAAgB,EAAE,CAAC,QAAQ,EAAE,MAAM,KAAK,IAAI,CAAA;IAC5C,MAAM,EAAE,UAAU,CAAA;IAClB,YAAY,EAAE,CAAC,MAAM,EAAE,UAAU,KAAK,IAAI,CAAA;IAC1C,QAAQ,CAAC,EAAE,OAAO,CAAA;CACnB;AAED,eAAO,MAAM,gBAAgB,EAAE,KAAK,CAAC,EAAE,CAAC,qBAAqB,CAyM5D,CAAA;AAED,eAAe,gBAAgB,CAAA"}