0xtrails 0.16.1 → 0.17.0

package/dist/widget/components/TokenSelector.js

@@ -1,479 +0,0 @@
-import { getChainInfo as K } from "../../chains.js";
-import { addressEqual as Te, isNativeToken as me, normalizeAddress as Ae, truncateAddress as Ie } from "../../utils/address.js";
-import { useChainFilter as Se } from "../../hooks/useChainFilter.js";
-import { useBalanceVisible as De } from "../../hooks/useBalanceVisible.js";
-import { useSelectedFundMethod as Fe } from "../../hooks/useSelectedFundMethod.js";
-import { isValueZero as X } from "../../utils.js";
-import { useSupportedChains as Ue } from "../../query/chains.hooks.js";
-import { useTokenList as $e } from "../../hooks/useTokenList.js";
-import { useMeshFundingSelection as Ee } from "../../onramp/mesh/hooks/useMeshFundingSelection.js";
-import Le from "./ChainFilterDropdown.js";
-import Be from "./CopyButton.js";
-import { MeshExchangeAccountHeader as ze } from "./MeshExchangeAccountHeader.js";
-import { WalletAccountHeader as We } from "./WalletAccountHeader.js";
-import he from "./TokenImage.js";
-import Ke from "./RecentTokens.js";
-import Oe from "./SearchInputField.js";
-import { TokenSkeletonList as M } from "./TokenSkeleton.js";
-import He from "./Tooltip.js";
-import { isAddress as Pe } from "viem";
-import { memo as Re, useCallback as ue, useDeferredValue as je, useEffect as de, useMemo as f, useRef as Ve, useState as Ye } from "react";
-import { AnimatePresence as _e, m as qe } from "motion/react";
-import { useAccount as Qe } from "@0xtrails/wallet";
-import { Fragment as Ge, jsx as e, jsxs as s } from "react/jsx-runtime";
-import { AlertTriangle as pe, ChevronLeft as Ze, Info as Je } from "lucide-react";
-import { useVirtualizer as Xe } from "@tanstack/react-virtual";
-var W = 56, Me = [];
-function ee(i, g) {
-  return (i.chainId || 0) === (g.chainId || 0) && Te(i.contractAddress, g.contractAddress);
-}
-var ye = Re(({ token: i, isSelected: g, fundMethod: r, isBalanceVisible: N, onTokenSelect: x, virtualRow: n, measureElement: A }) => {
-  const { symbol: v, imageUrl: k, chainId: I, contractAddress: c, balanceUsdFormatted: S, balanceUsdDisplay: O, balanceUsdLocaleDisplay: H, name: D, priceUsd: P, balanceFormatted: m, balanceLocaleDisplay: w, balance: R, balanceUsd: F, isSufficientBalance: U } = i, j = !X(R) || !X(m) || !X(F), d = (P ?? 0) > 0 || (F ?? 0) > 0, l = U ?? !0, V = ue((C) => {
-    (C.key === "Enter" || C.key === " ") && (C.preventDefault(), x(i));
-  }, [x, i]);
-  return /* @__PURE__ */ e("div", {
-    "data-index": n.index,
-    ref: A,
-    style: {
-      position: "absolute",
-      top: 0,
-      left: 0,
-      width: "100%",
-      transform: `translateY(${n.start}px)`
-    },
-    children: /* @__PURE__ */ s("div", {
-      onClick: () => x(i),
-      onKeyDown: V,
-      title: !l && r !== "direct-transfer" && r !== "onramp-mesh" && r !== "onramp-meld" ? "Insufficient balance for this token" : `Select ${D} token`,
-      className: `w-full py-2 px-4 flex items-center space-x-3 transition-all duration-200 trails-list-item trails-border-radius-list-button relative ${g ? "trails-list-item-selected" : ""} ${!l && r !== "direct-transfer" && r !== "onramp-mesh" && r !== "onramp-meld" ? "opacity-75 cursor-not-allowed" : "cursor-pointer"}`,
-      children: [
-        /* @__PURE__ */ e("div", {
-          className: "relative shrink-0 mr-2",
-          children: /* @__PURE__ */ e("div", {
-            className: `rounded-full flex items-center justify-center bg-gray-100 dark:bg-gray-700 ${!l && r !== "direct-transfer" && r !== "onramp-mesh" ? "opacity-80" : ""}`,
-            children: c ? /* @__PURE__ */ e(he, {
-              symbol: v,
-              imageUrl: k,
-              chainId: I,
-              contractAddress: c,
-              size: 32
-            }) : /* @__PURE__ */ e("span", {
-              className: `text-base font-medium text-gray-600 dark:text-gray-300 ${!l && r !== "direct-transfer" && r !== "onramp-mesh" && r !== "onramp-meld" ? "opacity-70" : ""}`,
-              children: v
-            })
-          })
-        }),
-        /* @__PURE__ */ s("div", {
-          className: "flex-1 min-w-0 text-left",
-          children: [/* @__PURE__ */ e("h3", {
-            className: `text-sm font-medium truncate text-gray-900 dark:text-white ${!l && r !== "direct-transfer" && r !== "onramp-mesh" && r !== "onramp-meld" ? "opacity-70" : ""}`,
-            style: { ...!l && r !== "direct-transfer" && r !== "onramp-mesh" && r !== "onramp-meld" ? { maxWidth: "100px" } : {} },
-            children: D
-          }), /* @__PURE__ */ s("div", {
-            className: "group relative w-full",
-            children: [/* @__PURE__ */ s("div", {
-              className: `flex items-center gap-1.5 transition-all duration-300 ease-in-out ${c && !me(c) ? "group-hover:opacity-0 group-hover:transform group-hover:-translate-x-2" : ""} ${!U && r !== "direct-transfer" && r !== "onramp-mesh" && r !== "onramp-meld" ? "opacity-70" : ""}`,
-              children: [/* @__PURE__ */ e("span", {
-                className: "text-xs text-gray-500 dark:text-gray-400 whitespace-nowrap truncate inline-block",
-                style: { ...!l && r !== "direct-transfer" && r !== "onramp-mesh" && r !== "onramp-meld" ? { maxWidth: "100px" } : {} },
-                children: v
-              }), i.isCustomToken && /* @__PURE__ */ s("div", {
-                className: "relative group/indicator",
-                children: [/* @__PURE__ */ e(pe, { className: "w-3 h-3 text-gray-500 dark:text-gray-400" }), /* @__PURE__ */ s("div", {
-                  className: "absolute bottom-full left-1/2 -translate-x-1/2 mb-1 px-2 py-1 text-xs text-white bg-gray-900 dark:bg-gray-700 rounded whitespace-nowrap opacity-0 group-hover/indicator:opacity-100 transition-opacity pointer-events-none z-50",
-                  children: ["Custom token added by user", /* @__PURE__ */ e("div", { className: "absolute top-full left-1/2 -translate-x-1/2 -mt-px border-4 border-transparent border-t-gray-900 dark:border-t-gray-700" })]
-                })]
-              })]
-            }), c && !me(c) && /* @__PURE__ */ s("div", {
-              className: `absolute top-0 left-0 flex items-center gap-1.5 transition-all duration-300 ease-in-out opacity-0 transform translate-x-2 ${!l && r !== "direct-transfer" && r !== "onramp-mesh" && r !== "onramp-meld" ? "group-hover:opacity-70" : "group-hover:opacity-100"} group-hover:translate-x-0`,
-              children: [
-                /* @__PURE__ */ e("span", {
-                  className: "text-xs text-gray-500 dark:text-gray-400 whitespace-nowrap",
-                  children: Ie(c)
-                }),
-                /* @__PURE__ */ e(Be, {
-                  text: c,
-                  stopPropagation: !0,
-                  className: "p-0.5",
-                  size: "sm"
-                }),
-                /* @__PURE__ */ e(He, {
-                  content: /* @__PURE__ */ s("div", {
-                    className: "space-y-2 text-left",
-                    children: [
-                      /* @__PURE__ */ s("div", { children: [
-                        /* @__PURE__ */ e("span", {
-                          className: "opacity-70",
-                          children: "Symbol:"
-                        }),
-                        " ",
-                        /* @__PURE__ */ e("span", {
-                          className: "font-medium",
-                          children: i.symbol
-                        })
-                      ] }),
-                      /* @__PURE__ */ s("div", { children: [
-                        /* @__PURE__ */ e("span", {
-                          className: "opacity-70",
-                          children: "Name:"
-                        }),
-                        " ",
-                        /* @__PURE__ */ e("span", {
-                          className: "font-medium",
-                          children: i.name
-                        })
-                      ] }),
-                      /* @__PURE__ */ s("div", { children: [
-                        /* @__PURE__ */ e("span", {
-                          className: "opacity-70",
-                          children: "Chain:"
-                        }),
-                        " ",
-                        /* @__PURE__ */ e("span", {
-                          className: "font-medium",
-                          children: i.chainName || K(i.chainId || 0)?.name || `Chain ${i.chainId || 0}`
-                        })
-                      ] }),
-                      /* @__PURE__ */ s("div", { children: [
-                        /* @__PURE__ */ e("span", {
-                          className: "opacity-70",
-                          children: "Decimals:"
-                        }),
-                        " ",
-                        /* @__PURE__ */ e("span", {
-                          className: "font-medium",
-                          children: i.decimals
-                        })
-                      ] }),
-                      /* @__PURE__ */ s("div", { children: [
-                        /* @__PURE__ */ e("span", {
-                          className: "opacity-70",
-                          children: "Address:"
-                        }),
-                        " ",
-                        /* @__PURE__ */ e("span", {
-                          className: "font-mono text-[10px] break-all block mt-0.5",
-                          children: c
-                        })
-                      ] })
-                    ]
-                  }),
-                  side: "top",
-                  align: "center",
-                  sideOffset: 8,
-                  children: /* @__PURE__ */ e(Je, { className: "w-3 h-3 text-gray-400 hover:text-gray-600 dark:hover:text-gray-300 cursor-pointer" })
-                }),
-                i.isCustomToken && /* @__PURE__ */ s("div", {
-                  className: "relative group/indicator",
-                  children: [/* @__PURE__ */ e(pe, { className: "w-3 h-3 text-gray-500 dark:text-gray-400" }), /* @__PURE__ */ s("div", {
-                    className: "absolute bottom-full left-1/2 -translate-x-1/2 mb-1 px-2 py-1 text-xs text-white bg-gray-900 dark:bg-gray-700 rounded whitespace-nowrap opacity-0 group-hover/indicator:opacity-100 transition-opacity pointer-events-none z-50",
-                    children: ["Custom token added by user", /* @__PURE__ */ e("div", { className: "absolute top-full left-1/2 -translate-x-1/2 -mt-px border-4 border-transparent border-t-gray-900 dark:border-t-gray-700" })]
-                  })]
-                })
-              ]
-            })]
-          })]
-        }),
-        r !== "direct-transfer" && r !== "onramp-meld" && j && /* @__PURE__ */ s("div", {
-          className: "text-right shrink-0 flex flex-col items-end",
-          children: [!l && /* @__PURE__ */ e("span", {
-            className: "absolute px-2 py-0.5 text-xs font-medium rounded",
-            style: {
-              backgroundColor: "#FED7AA",
-              color: "#7C2D12",
-              right: "90px",
-              top: "50%",
-              transform: "translateY(-50%)"
-            },
-            children: "Low balance"
-          }), d ? /* @__PURE__ */ s(Ge, { children: [/* @__PURE__ */ e("p", {
-            className: `text-sm font-medium text-gray-900 dark:text-white notranslate ${l ? "" : "opacity-70"}`,
-            translate: "no",
-            children: N ? H || O || S || "$0.00" : "••••••"
-          }), /* @__PURE__ */ e("p", {
-            className: `text-xs text-gray-500 dark:text-gray-400 notranslate ${l ? "" : "opacity-70"}`,
-            translate: "no",
-            children: N ? w || m : "••••••"
-          })] }) : /* @__PURE__ */ e("p", {
-            className: `text-sm font-medium text-gray-900 dark:text-white notranslate ${l ? "" : "opacity-70"}`,
-            translate: "no",
-            children: N ? w || m : "••••••"
-          })]
-        })
-      ]
-    })
-  }, n.key);
-});
-ye.displayName = "TokenRow";
-var Ta = ({ onTokenSelect: i, targetAmountUsd: g, onError: r, recentTokens: N = Me, onRecentTokenSelect: x, fundMethod: n, onNavigateToFundMethods: A, showContinueButton: v = !1, selectedToken: k, onContinue: I, showInsufficientBalance: c = !1, compactMode: S = !1, allSupportedTokens: O = !1, allowedTokens: H, allowedTokenKeys: D, allowedTokenRestrictedChainIds: P, allowedChainIds: m, chainListScreen: w, onNavigateToChainList: R, onNavigateToSwitchWallet: F, accountAddress: U, accountHeaderLabel: j }) => {
-  const [d, l] = Ye(!1), { isBalanceVisible: V } = De(), { address: C } = Qe(), T = U ?? C, { selectedMeshExchange: $, selectedMeshAccessTokens: ge } = Ee(), { selectedBluvoExchange: E, selectedBluvoWalletId: L, selectedBluvoBalances: ae } = Fe(), te = Ve(null), { searchQuery: h, setSearchQuery: xe, handleTokenSelect: re, filteredTokens: be, chainFilteredTokens: fe, foundTokensAllChains: Y, isLoadingTokens: _, isLoadingCustomToken: se, isSearching: ne, customTokenError: ie, isTokenSelected: Ne, balanceError: ve } = $e({
-    onContinue: i,
-    targetAmountUsd: g,
-    onError: r,
-    accountAddress: T,
-    fundMethod: n,
-    allSupportedTokens: O,
-    allowedTokens: H,
-    allowedTokenKeys: D,
-    allowedTokenRestrictedChainIds: P,
-    allowedChainIds: m
-  }), { selectedChainId: u, setSelectedChainId: b } = Se(), { data: le = [] } = Ue(), q = f(() => m ? new Set(m) : null, [m]);
-  de(() => {
-    q && u !== null && !q.has(u) && b(null);
-  }, [
-    q,
-    u,
-    b
-  ]);
-  const Q = je(fe), o = f(() => n !== "onramp-bluvo" || !E || !L ? Q : Q.filter((a) => {
-    const t = Number(a.balanceFormatted || a.balanceDisplay || a.balance || 0), p = Number(a.balanceUsd || 0);
-    return Number.isFinite(t) && t > 0 || Number.isFinite(p) && p > 0;
-  }), [
-    Q,
-    n,
-    E,
-    L
-  ]), B = f(() => u === null || o.length > 0 || Y.length === 0 || !Pe(h.trim()) ? [] : Y.filter((a) => (a.chainId || 0) !== u), [
-    u,
-    o,
-    Y,
-    h
-  ]);
-  de(() => {
-    !_ && !d && l(!0);
-  }, [_, d]);
-  const ke = !d && (_ || o.length === 0), we = f(() => m?.length ? m.map((a) => ({
-    chainId: a,
-    name: K(a)?.name || `Chain ${a}`,
-    imageUrl: ""
-  })).sort((a, t) => a.name.localeCompare(t.name)) : le.map((a) => {
-    const t = K(a.id);
-    return {
-      chainId: a.id,
-      name: t?.name || a.name || `Chain ${a.id}`,
-      imageUrl: ""
-    };
-  }).sort((a, t) => a.name.localeCompare(t.name)), [m, le]), oe = N.filter((a) => {
-    if (!o.some((p) => ee(p, a))) return !1;
-    if (!h.trim()) return !0;
-    const t = h.trim().toLowerCase();
-    return a.symbol.toLowerCase().includes(t) || a.name.toLowerCase().includes(t) || Ae(a.contractAddress).includes(t);
-  }), G = f(() => oe.map((a) => {
-    const t = o.find((p) => ee(p, a));
-    return t ? {
-      ...a,
-      balance: t.balance,
-      balanceFormatted: t.balanceFormatted,
-      balanceDisplay: t.balanceDisplay,
-      balanceLocaleDisplay: t.balanceLocaleDisplay,
-      balanceUsd: t.balanceUsd,
-      balanceUsdFormatted: t.balanceUsdFormatted,
-      balanceUsdDisplay: t.balanceUsdDisplay,
-      balanceUsdLocaleDisplay: t.balanceUsdLocaleDisplay
-    } : a;
-  }), [o, oe]), y = S ? 192 : G.length > 0 ? 200 : 250, Z = Xe({
-    count: o.length,
-    getScrollElement: () => te.current,
-    estimateSize: () => W,
-    overscan: 25
-  }), z = ue((a) => {
-    b(null), re(a);
-  }, [b, re]), Ce = (a) => {
-    const t = o.find((p) => ee(p, a));
-    t ? z(t) : x && (b(null), x(a));
-  }, ce = f(() => ie && h.trim().startsWith("0x") ? "Token not found on any supported chain." : h.trim() ? "No tokens found matching your search." : n === "direct-transfer" || n === "onramp-mesh" ? "" : n === "onramp-bluvo" ? !E || !L ? "Connect your exchange to load withdrawable assets." : ae.length === 0 ? "Your connected exchange account has no withdrawable assets yet." : "No route-compatible assets are available for this connected exchange account." : T ? "No available tokens found" : "", [
-    ie,
-    n,
-    h,
-    ae.length,
-    E,
-    L,
-    T
-  ]);
-  return /* @__PURE__ */ s("div", {
-    className: "space-y-2",
-    children: [
-      n === "onramp-mesh" && $ && /* @__PURE__ */ e(ze, {
-        exchangeName: $.exchangeName,
-        exchangeKey: $.exchangeKey,
-        exchangeImageUrl: $.imageUrl,
-        connectedAccountName: ge[0]?.accountName
-      }),
-      n === "wallet" && w && T && /* @__PURE__ */ e(We, {
-        walletAddress: T,
-        label: j,
-        onSwitchWallet: F
-      }),
-      /* @__PURE__ */ e(Oe, {
-        onDebouncedChange: xe,
-        debounceMs: 300,
-        placeholder: "Search tokens, symbol, address",
-        autoFocus: !0,
-        className: "mb-2",
-        rightAlignedComponent: /* @__PURE__ */ e(Le, {
-          chains: we,
-          selectedChainId: u,
-          onChainSelect: b,
-          compactMode: S,
-          nestedMode: !0,
-          chainListScreen: w,
-          onNavigateToChainList: R
-        })
-      }),
-      /* @__PURE__ */ e(_e, { children: d && G.length > 0 && /* @__PURE__ */ e(qe.div, {
-        initial: {
-          opacity: 0,
-          height: 0
-        },
-        animate: {
-          opacity: 1,
-          height: "auto"
-        },
-        exit: {
-          opacity: 0,
-          height: 0
-        },
-        transition: {
-          duration: 0.05,
-          ease: "easeOut"
-        },
-        children: /* @__PURE__ */ e(Ke, {
-          recentTokens: G,
-          onTokenSelect: Ce
-        })
-      }) }),
-      ke && /* @__PURE__ */ e("div", {
-        style: { height: y },
-        children: /* @__PURE__ */ e(M, { count: Math.floor(y / W) })
-      }),
-      d && ne && o.length === 0 && /* @__PURE__ */ e("div", {
-        style: { height: y },
-        children: /* @__PURE__ */ e(M, { count: Math.floor(y / W) })
-      }),
-      d && se && o.length === 0 && /* @__PURE__ */ e("div", {
-        style: { height: y },
-        children: /* @__PURE__ */ e(M, { count: Math.floor(y / W) })
-      }),
-      d && !se && !ne && !ve && be.length === 0 && o.length === 0 && ce && /* @__PURE__ */ s("div", {
-        className: "space-y-3",
-        children: [/* @__PURE__ */ e("div", {
-          className: "text-center py-4 rounded-lg trails-bg-secondary",
-          children: /* @__PURE__ */ e("p", {
-            className: "text-gray-500 dark:text-gray-400",
-            children: ce
-          })
-        }), B.length > 0 && /* @__PURE__ */ s("div", {
-          className: "space-y-2",
-          children: [/* @__PURE__ */ e("p", {
-            className: "text-xs font-medium text-gray-500 dark:text-gray-400 px-2",
-            children: B.length === 1 ? "Found on another chain" : `Found on ${B.length} other chains`
-          }), /* @__PURE__ */ e("div", {
-            className: "max-h-48 overflow-y-auto trails-scrollbar",
-            children: B.map((a) => {
-              const t = K(a.chainId || 0), p = a.chainName || t?.name || `Chain ${a.chainId || 0}`;
-              return /* @__PURE__ */ s("div", {
-                onClick: () => z(a),
-                onKeyDown: (J) => {
-                  (J.key === "Enter" || J.key === " ") && (J.preventDefault(), z(a));
-                },
-                className: "w-full py-2 px-4 flex items-center space-x-3 transition-all duration-200 trails-list-item trails-border-radius-list-button cursor-pointer",
-                children: [/* @__PURE__ */ e("div", {
-                  className: "relative shrink-0 mr-2",
-                  children: /* @__PURE__ */ e("div", {
-                    className: "rounded-full flex items-center justify-center bg-gray-100 dark:bg-gray-700",
-                    children: a.contractAddress ? /* @__PURE__ */ e(he, {
-                      symbol: a.symbol,
-                      imageUrl: a.imageUrl,
-                      chainId: a.chainId,
-                      contractAddress: a.contractAddress,
-                      size: 32
-                    }) : /* @__PURE__ */ e("span", {
-                      className: "text-base font-medium text-gray-600 dark:text-gray-300",
-                      children: a.symbol
-                    })
-                  })
-                }), /* @__PURE__ */ s("div", {
-                  className: "flex-1 min-w-0 text-left",
-                  children: [/* @__PURE__ */ e("h3", {
-                    className: "text-sm font-medium truncate text-gray-900 dark:text-white",
-                    children: a.name
-                  }), /* @__PURE__ */ s("span", {
-                    className: "text-xs text-gray-500 dark:text-gray-400",
-                    children: [
-                      a.symbol,
-                      " on ",
-                      p
-                    ]
-                  })]
-                })]
-              }, `${a.chainId}-${a.contractAddress}`);
-            })
-          })]
-        })]
-      }),
-      d && o.length > 0 && /* @__PURE__ */ e("div", {
-        ref: te,
-        className: "overflow-y-auto trails-scrollbar",
-        style: { height: y },
-        children: /* @__PURE__ */ e("div", {
-          style: {
-            height: `${Z.getTotalSize()}px`,
-            width: "100%",
-            position: "relative"
-          },
-          children: Z.getVirtualItems().map((a) => {
-            const t = o[a.index];
-            return t ? /* @__PURE__ */ e(ye, {
-              token: t,
-              isSelected: Ne(t),
-              fundMethod: n,
-              isBalanceVisible: V,
-              onTokenSelect: z,
-              virtualRow: a,
-              measureElement: Z.measureElement
-            }, a.key) : null;
-          })
-        })
-      }),
-      c && n !== "direct-transfer" && n !== "onramp-mesh" && n !== "onramp-meld" && /* @__PURE__ */ s("div", {
-        className: "text-left py-3 px-4 rounded-lg bg-amber-500/10 border border-solid border-amber-500/30",
-        children: [/* @__PURE__ */ e("p", {
-          className: "text-xs font-medium text-amber-400",
-          children: "Insufficient balance"
-        }), /* @__PURE__ */ e("p", {
-          className: "text-xs mt-1 text-amber-300",
-          children: "You do not have enough funds to reach the target amount"
-        })]
-      }),
-      v && I && k && /* @__PURE__ */ e("div", {
-        className: "space-y-4",
-        children: /* @__PURE__ */ e("button", {
-          type: "button",
-          onClick: () => I(k),
-          disabled: !k,
-          className: "w-full font-semibold py-3 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",
-          children: "Continue"
-        })
-      }),
-      (n === "direct-transfer" || n === "onramp-mesh" || n === "onramp-meld") && /* @__PURE__ */ e("div", {
-        className: "text-center pt-2 pb-1",
-        children: /* @__PURE__ */ e("p", {
-          className: "text-sm font-medium text-gray-600 dark:text-gray-400",
-          children: n === "direct-transfer" ? "Paying with Crypto Transfer" : "Paying with Exchange Deposit"
-        })
-      }),
-      A && d && /* @__PURE__ */ e("div", {
-        className: "text-center pt-1",
-        children: /* @__PURE__ */ s("button", {
-          type: "button",
-          onClick: A,
-          className: "inline-flex items-center justify-center space-x-1 px-2 py-1 text-xs font-medium trails-text-secondary trails-bg-secondary trails-hover-bg trails-border trails-border-radius-button transition-all duration-200 cursor-pointer",
-          children: [/* @__PURE__ */ e(Ze, { className: "h-3 w-3" }), /* @__PURE__ */ e("span", { children: "Pay with another method" })]
-        })
-      })
-    ]
-  });
-};
-export {
-  Ta as TokenSelector
-};

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

@@ -1,17 +0,0 @@
-import { default as React } from 'react';
-interface TokenSelectorButtonProps {
-    token?: {
-        symbol: string;
-        imageUrl?: string;
-        contractAddress?: string;
-        chainId?: number | null;
-    } | null;
-    chainId?: number | null;
-    onSelect: () => void;
-    className?: string;
-    unselectable?: boolean;
-    fullWidth?: boolean;
-}
-export declare const TokenSelectorButton: React.FC<TokenSelectorButtonProps>;
-export {};
-//# sourceMappingURL=TokenSelectorButton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TokenSelectorButton.d.ts","sourceRoot":"","sources":["../../../src/widget/components/TokenSelectorButton.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAQ9B,UAAU,wBAAwB;IAChC,KAAK,CAAC,EAAE;QACN,MAAM,EAAE,MAAM,CAAA;QACd,QAAQ,CAAC,EAAE,MAAM,CAAA;QACjB,eAAe,CAAC,EAAE,MAAM,CAAA;QACxB,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;KACxB,GAAG,IAAI,CAAA;IACR,OAAO,CAAC,EAAE,MAAM,GAAG,IAAI,CAAA;IACvB,QAAQ,EAAE,MAAM,IAAI,CAAA;IACpB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,YAAY,CAAC,EAAE,OAAO,CAAA;IACtB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAED,eAAO,MAAM,mBAAmB,EAAE,KAAK,CAAC,EAAE,CAAC,wBAAwB,CA+FlE,CAAA"}

package/dist/widget/components/TokenSelectorButton.js

@@ -1,64 +0,0 @@
-import { getChainInfo as x } from "../../chains.js";
-import { useSelectedFundMethod as b } from "../../hooks/useSelectedFundMethod.js";
-import { useViewManager as p } from "../../hooks/useViewManager.js";
-import { useClickTracking as y } from "../../hooks/useClickTracking.js";
-import w from "./TokenImage.js";
-import { useMemo as k } from "react";
-import { useConnection as v } from "@0xtrails/wallet";
-import { Fragment as l, jsx as r, jsxs as o } from "react/jsx-runtime";
-import { ChevronRight as d } from "lucide-react";
-var B = ({ token: e, chainId: c, onSelect: m, className: h = "flex items-center justify-between trails-border-radius-input px-2.5 py-2 border transition-all duration-200", unselectable: t = !1, fullWidth: i = !1 }) => {
-  const { isConnected: f } = v(), { navigate: g } = p(), { selectedFundMethod: n } = b(), a = e?.chainId || c, s = k(() => a ? x(a) : null, [a]), { trackClick: u } = y();
-  return /* @__PURE__ */ r("button", {
-    type: "button",
-    onClick: () => {
-      if (!t) {
-        if (u({
-          component: "TokenSelectorButton",
-          action: "select_token",
-          label: e?.symbol || "unselected",
-          metadata: {
-            chainId: a?.toString(),
-            tokenSymbol: e?.symbol,
-            contractAddress: e?.contractAddress,
-            fundMethod: n
-          }
-        }), !f && n === "wallet") {
-          g("connect");
-          return;
-        }
-        m();
-      }
-    },
-    disabled: t,
-    className: `flex h-[52px] my-0 min-h-[52px] shrink-0 items-center ${h} ${!i && e ? "max-w-[145px]" : ""} ${i ? "w-full" : ""} ${t ? "bg-[#F4F4F5] dark:bg-gray-800 border-gray-200 dark:border-gray-700 cursor-default" : e ? "bg-white dark:bg-gray-900 border-gray-200 dark:border-gray-700 hover:bg-gray-50 dark:hover:bg-gray-800 hover:border-gray-300 dark:hover:border-gray-600 cursor-pointer" : "bg-blue-500 hover:bg-blue-600 border-blue-500 text-white cursor-pointer"}`,
-    children: e ? /* @__PURE__ */ o(l, { children: [/* @__PURE__ */ o("div", {
-      className: "flex items-center flex-1 min-w-0 overflow-hidden",
-      children: [/* @__PURE__ */ r("div", {
-        className: "flex items-center shrink-0",
-        children: /* @__PURE__ */ r(w, {
-          symbol: e.symbol,
-          imageUrl: e.imageUrl,
-          chainId: a,
-          contractAddress: e.contractAddress,
-          size: 28
-        })
-      }), /* @__PURE__ */ o("div", {
-        className: "flex flex-col items-start flex-1 min-w-0 overflow-hidden ml-1.5",
-        children: [/* @__PURE__ */ r("span", {
-          className: "font-bold trails-text-primary text-sm leading-tight truncate w-full text-left",
-          children: e.symbol
-        }), s && /* @__PURE__ */ r("span", {
-          className: "text-xs trails-text-muted leading-tight truncate w-full text-left",
-          children: s.name
-        })]
-      })]
-    }), !t && /* @__PURE__ */ r(d, { className: "w-3.5 h-3.5 shrink-0 trails-text-muted ml-1" })] }) : /* @__PURE__ */ o(l, { children: [/* @__PURE__ */ r("span", {
-      className: "font-medium text-sm text-white flex-1",
-      children: "Select Token"
-    }), !t && /* @__PURE__ */ r(d, { className: "w-3.5 h-3.5 shrink-0 text-white ml-1" })] })
-  });
-};
-export {
-  B as TokenSelectorButton
-};

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

@@ -1,12 +0,0 @@
-import { default as React } from 'react';
-interface TokenSkeletonProps {
-    className?: string;
-}
-export declare const TokenSkeleton: React.FC<TokenSkeletonProps>;
-interface TokenSkeletonListProps {
-    count?: number;
-    className?: string;
-}
-export declare const TokenSkeletonList: React.FC<TokenSkeletonListProps>;
-export {};
-//# sourceMappingURL=TokenSkeleton.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"TokenSkeleton.d.ts","sourceRoot":"","sources":["../../../src/widget/components/TokenSkeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAE9B,UAAU,kBAAkB;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,aAAa,EAAE,KAAK,CAAC,EAAE,CAAC,kBAAkB,CA2BtD,CAAA;AAED,UAAU,sBAAsB;IAC9B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAY9D,CAAA"}

package/dist/widget/components/TokenSkeleton.js

@@ -1,36 +0,0 @@
-import { jsx as e, jsxs as r } from "react/jsx-runtime";
-var i = ({ className: a = "" }) => /* @__PURE__ */ r("div", {
-  className: `w-full py-2 px-4 flex items-center space-x-3 ${a}`,
-  style: { height: 56 },
-  children: [/* @__PURE__ */ e("div", {
-    className: "relative shrink-0 mr-2",
-    children: /* @__PURE__ */ e("div", {
-      className: "rounded-full bg-gray-200 dark:bg-gray-700 animate-pulse",
-      style: {
-        width: 32,
-        height: 32
-      }
-    })
-  }), /* @__PURE__ */ r("div", {
-    className: "flex-1 min-w-0 text-left space-y-2",
-    children: [/* @__PURE__ */ e("div", {
-      className: "bg-gray-200 dark:bg-gray-700 rounded animate-pulse",
-      style: {
-        width: "65%",
-        height: 14
-      }
-    }), /* @__PURE__ */ e("div", {
-      className: "bg-gray-200 dark:bg-gray-700 rounded animate-pulse",
-      style: {
-        width: "45%",
-        height: 12
-      }
-    })]
-  })]
-}), n = ({ count: a = 4, className: l = "" }) => /* @__PURE__ */ e("div", {
-  className: l,
-  children: Array.from({ length: a }).map((s, t) => /* @__PURE__ */ e(i, {}, t))
-});
-export {
-  n as TokenSkeletonList
-};

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

@@ -1,14 +0,0 @@
-import { default as React } from 'react';
-interface TooltipProps {
-    message?: string;
-    content?: React.ReactNode;
-    children: React.ReactNode;
-    className?: string;
-    side?: "top" | "right" | "bottom" | "left";
-    align?: "start" | "center" | "end";
-    sideOffset?: number;
-    alignOffset?: number;
-}
-export declare const Tooltip: React.FC<TooltipProps>;
-export default Tooltip;
-//# sourceMappingURL=Tooltip.d.ts.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"Tooltip.d.ts","sourceRoot":"","sources":["../../../src/widget/components/Tooltip.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAK9B,UAAU,YAAY;IACpB,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;IACzB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,IAAI,CAAC,EAAE,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAA;IAC1C,KAAK,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,CAAA;IAClC,UAAU,CAAC,EAAE,MAAM,CAAA;IACnB,WAAW,CAAC,EAAE,MAAM,CAAA;CACrB;AAED,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CA6C1C,CAAA;AAED,eAAe,OAAO,CAAA"}