@aori/mega-swap-widget 0.1.0 → 0.1.2

package/dist/WidgetWalletPanel-T7H6FGVN.cjs

@@ -1,789 +0,0 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }"use client";
-"use client";
-
-
-var _chunk5TH6MFQDcjs = require('./chunk-5TH6MFQD.cjs');
-
-
-
-var _chunk6XB5R4GFcjs = require('./chunk-6XB5R4GF.cjs');
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-var _chunkGZUTUD5Ocjs = require('./chunk-GZUTUD5O.cjs');
-
-
-var _chunkPGYOJ5RBcjs = require('./chunk-PGYOJ5RB.cjs');
-
-
-var _chunkNBJPKJBCcjs = require('./chunk-NBJPKJBC.cjs');
-
-// src/components/WidgetWalletPanel.tsx
-var _react = require('react');
-var _wagmi = require('wagmi');
-
-// src/hooks/useWidgetWalletData.ts
-
-function useWidgetWalletData(isActive) {
-  const { address, isConnected } = _chunkPGYOJ5RBcjs.useWalletState.call(void 0, );
-  const { chainDataMap } = _chunkGZUTUD5Ocjs.useChainData.call(void 0, );
-  const availableChainIds = _chunkGZUTUD5Ocjs.useEnabledChainIds.call(void 0, );
-  const { getToken, tokenRegistry } = _chunkGZUTUD5Ocjs.useTokenData.call(void 0, );
-  const { supportedInputTokens, supportedOutputTokens } = _chunkGZUTUD5Ocjs.useWidgetConfig.call(void 0, );
-  const allSupportedTokens = _react.useMemo.call(void 0, () => {
-    if (!supportedInputTokens.length && !supportedOutputTokens.length) return [];
-    const seen = /* @__PURE__ */ new Set();
-    const result = [];
-    for (const t of [...supportedInputTokens, ...supportedOutputTokens]) {
-      const key = `${t.chainId}-${t.address.toLowerCase()}`;
-      if (!seen.has(key)) {
-        seen.add(key);
-        result.push(t);
-      }
-    }
-    return result;
-  }, [supportedInputTokens, supportedOutputTokens]);
-  const { balances, isLoading: balancesLoading, isError: balancesError, refetch } = _chunkGZUTUD5Ocjs.useBulkBalances.call(void 0, 
-    address,
-    availableChainIds,
-    {
-      enabled: isConnected && isActive && !!address,
-      refetchOnWindowFocus: false
-    },
-    allSupportedTokens.length > 0 ? allSupportedTokens : void 0
-  );
-  const supportedSet = _react.useMemo.call(void 0, () => {
-    if (!allSupportedTokens.length) return null;
-    return new Set(allSupportedTokens.map((t) => `${t.chainId}-${t.address.toLowerCase()}`));
-  }, [allSupportedTokens]);
-  const groupedAssets = _react.useMemo.call(void 0, () => {
-    if (!balances || balances.length === 0) return {};
-    const filtered = balances.filter((b) => {
-      if (!b.assetInfo) return false;
-      if (!b.balance || b.balance === "0") return false;
-      if (supportedSet) {
-        return supportedSet.has(`${b.chainId}-${b.address.toLowerCase()}`);
-      }
-      if (_chunkGZUTUD5Ocjs.isGasToken.call(void 0, b.assetInfo)) return true;
-      if (tokenRegistry.length === 0) return true;
-      return tokenRegistry.some(
-        (t) => t.address.toLowerCase() === b.address.toLowerCase() && t.chainId === b.chainId
-      );
-    });
-    return filtered.reduce((acc, b) => {
-      const key = String(b.chainId);
-      if (!acc[key]) acc[key] = [];
-      acc[key].push({
-        token: b.address,
-        amount: b.balance,
-        decimals: b.decimals,
-        assetInfo: b.assetInfo
-      });
-      return acc;
-    }, {});
-  }, [balances, tokenRegistry, supportedSet]);
-  const totalBalance = _react.useMemo.call(void 0, () => {
-    if (!balances || balances.length === 0) return 0;
-    return balances.reduce((total, b) => {
-      if (!b.assetInfo || b.decimals === void 0) return total;
-      return total + parseFloat(b.balance) / 10 ** b.decimals * (b.assetInfo.price || 0);
-    }, 0);
-  }, [balances]);
-  const chains = _react.useMemo.call(void 0, () => {
-    if (availableChainIds.length === 0) return {};
-    return availableChainIds.reduce(
-      (acc, chainId) => {
-        const apiData = chainDataMap[chainId];
-        const staticConfig = _chunkGZUTUD5Ocjs.getChainConfig.call(void 0, chainId);
-        acc[chainId.toString()] = {
-          chainId,
-          name: _optionalChain([staticConfig, 'optionalAccess', _2 => _2.displayName]) || _optionalChain([apiData, 'optionalAccess', _3 => _3.chainKey]) || `Chain ${chainId}`
-        };
-        return acc;
-      },
-      {}
-    );
-  }, [availableChainIds, chainDataMap]);
-  const tokenRegistryForPanel = _react.useMemo.call(void 0, 
-    () => tokenRegistry.map((t) => ({ address: t.address, chainId: t.chainId })),
-    [tokenRegistry]
-  );
-  const refetchTimerRef = _react.useRef.call(void 0, null);
-  _react.useEffect.call(void 0, () => {
-    return () => {
-      if (refetchTimerRef.current) clearTimeout(refetchTimerRef.current);
-    };
-  }, []);
-  const refetchBalances = _react.useCallback.call(void 0, () => {
-    if (refetchTimerRef.current) clearTimeout(refetchTimerRef.current);
-    refetchTimerRef.current = setTimeout(() => refetch(), 2e3);
-  }, [refetch]);
-  return {
-    address,
-    isConnected,
-    groupedAssets,
-    totalBalance,
-    balancesLoading,
-    balancesError,
-    chains,
-    getToken,
-    useTokenWithLazyLoad: _chunkGZUTUD5Ocjs.useTokenWithLazyLoad,
-    tokenRegistry: tokenRegistryForPanel,
-    refetchBalances
-  };
-}
-
-// src/components/wallet/WidgetWalletCard.tsx
-var import_ethereum_gradient_base64 = _chunkNBJPKJBCcjs.__toESM.call(void 0, _chunk5TH6MFQDcjs.require_main.call(void 0, ), 1);
-var _jsxruntime = require('react/jsx-runtime');
-var WidgetWalletCard = ({
-  address,
-  totalBalance,
-  isLoading = false
-}) => {
-  const formatBalance = (balance) => new Intl.NumberFormat("en-US", {
-    style: "currency",
-    currency: "USD",
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 2
-  }).format(balance);
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "p-2 w-full flex justify-center", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "div",
-    {
-      className: "relative w-full h-[140px] overflow-hidden",
-      style: {
-        borderRadius: "var(--widget-radius)",
-        border: "1px var(--widget-border-style) var(--widget-border)"
-      },
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "absolute inset-0 z-0", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "img",
-            {
-              className: "w-full h-full object-cover opacity-60",
-              src: (0, import_ethereum_gradient_base64.makeGradient)(address),
-              alt: "address gradient"
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "absolute inset-0 bg-gradient-to-t from-black/80 via-black/40 to-transparent" })
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative z-10 flex h-full flex-col justify-between p-3", children: [
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-2xs uppercase mono", style: { color: "var(--widget-muted-foreground)", opacity: 0.7 }, children: "Token Balance:" }),
-            isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.Skeleton_default, { className: "h-8 w-28 bg-white/10 rounded mt-1" }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-2xl font-bold mt-0.5", style: { color: "var(--widget-foreground)" }, children: formatBalance(totalBalance) })
-          ] }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.CopyText_default, { text: address, type: "address", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mono text-2xs", style: { color: "var(--widget-foreground)", opacity: 0.7 }, children: address }) }) })
-        ] })
-      ]
-    }
-  ) });
-};
-
-// src/components/wallet/WidgetWalletPortfolio.tsx
-
-
-// src/components/wallet/WidgetWalletAssetItem.tsx
-
-
-var WidgetWalletAssetItem = ({
-  asset,
-  balanceAmount,
-  balanceDecimals,
-  price,
-  onSelect,
-  getToken,
-  useTokenWithLazyLoad: useTokenWithLazyLoad2
-}) => {
-  const [hovered, setHovered] = _react.useState.call(void 0, false);
-  const balance = balanceDecimals !== void 0 ? parseFloat(balanceAmount) / 10 ** balanceDecimals : 0;
-  const lazyLoadResult = _optionalChain([useTokenWithLazyLoad2, 'optionalCall', _4 => _4(asset.chainId, asset.address)]);
-  const lazyToken = _optionalChain([lazyLoadResult, 'optionalAccess', _5 => _5.token]);
-  let finalPrice = _nullishCoalesce(price, () => ( null));
-  if (_chunkGZUTUD5Ocjs.isGasToken.call(void 0, asset) && finalPrice == null) {
-    if (_optionalChain([lazyToken, 'optionalAccess', _6 => _6.price]) != null) {
-      finalPrice = lazyToken.price;
-    } else if (getToken) {
-      finalPrice = _nullishCoalesce(_optionalChain([getToken, 'call', _7 => _7(asset.chainId, asset.address), 'optionalAccess', _8 => _8.price]), () => ( null));
-    }
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      role: "button",
-      tabIndex: 0,
-      className: "flex h-[52px] w-full flex-row items-center p-3 cursor-pointer transition-colors",
-      style: {
-        borderBottom: "1px var(--widget-border-style) var(--widget-border)",
-        backgroundColor: hovered ? "var(--widget-secondary)" : "transparent"
-      },
-      onMouseEnter: () => setHovered(true),
-      onMouseLeave: () => setHovered(false),
-      onClick: () => _optionalChain([onSelect, 'optionalCall', _9 => _9(asset)]),
-      onKeyDown: (e) => {
-        if (e.key === "Enter" || e.key === " ") {
-          e.preventDefault();
-          _optionalChain([onSelect, 'optionalCall', _10 => _10(asset)]);
-        }
-      },
-      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full w-full flex-row items-center justify-between", children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-full flex-row items-center gap-2", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.TokenImage_default, { asset, size: "sm" }),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-start", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm font-medium uppercase", style: { color: "var(--widget-foreground)" }, children: asset.symbol }),
-            balance > 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "mono text-xs", style: { color: "var(--widget-muted-foreground)" }, children: balance.toFixed(4) })
-          ] })
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm font-medium", style: { color: "var(--widget-foreground)" }, children: finalPrice != null ? `$${(finalPrice * balance).toFixed(2)}` : "\u2014" })
-      ] })
-    }
-  );
-};
-
-// src/components/wallet/WidgetWalletPortfolio.tsx
-
-var usdFormat = new Intl.NumberFormat("en-US", {
-  style: "currency",
-  currency: "USD",
-  minimumFractionDigits: 2
-});
-var CHAIN_NAMES = _chunkGZUTUD5Ocjs.getChainNames.call(void 0, );
-var WidgetWalletPortfolio = ({
-  groupedAssets,
-  chains,
-  tokenRegistry = [],
-  getToken,
-  useTokenWithLazyLoad: useTokenWithLazyLoad2,
-  onAssetSelect
-}) => {
-  const [expandedChains, setExpandedChains] = _react.useState.call(void 0, /* @__PURE__ */ new Set());
-  const getChainName = _react.useCallback.call(void 0, 
-    (chainId) => _optionalChain([chains, 'optionalAccess', _11 => _11[chainId], 'optionalAccess', _12 => _12.name]) || CHAIN_NAMES[chainId] || `Chain ${chainId}`,
-    [chains]
-  );
-  const registrySet = _react.useMemo.call(void 0, () => {
-    const s = /* @__PURE__ */ new Set();
-    for (const t of tokenRegistry) {
-      s.add(`${t.chainId}-${t.address.toLowerCase()}`);
-    }
-    return s;
-  }, [tokenRegistry]);
-  const calculateDollarizedBalance = _react.useCallback.call(void 0, (asset) => {
-    if (asset.decimals === void 0 || !_optionalChain([asset, 'access', _13 => _13.assetInfo, 'optionalAccess', _14 => _14.price])) return 0;
-    return parseFloat(asset.amount) / 10 ** asset.decimals * asset.assetInfo.price;
-  }, []);
-  const { filteredGroupedAssets, chainTotals } = _react.useMemo.call(void 0, () => {
-    const entries = Object.entries(groupedAssets).map(([chainId, assets]) => {
-      const filtered = assets.filter((asset) => {
-        if (!asset.assetInfo) return false;
-        if (_chunkGZUTUD5Ocjs.isGasToken.call(void 0, asset.assetInfo)) return true;
-        if (registrySet.size > 0) {
-          return registrySet.has(
-            `${asset.assetInfo.chainId}-${_nullishCoalesce(_optionalChain([asset, 'access', _15 => _15.assetInfo, 'access', _16 => _16.address, 'optionalAccess', _17 => _17.toLowerCase, 'call', _18 => _18()]), () => ( ""))}`
-          );
-        }
-        return true;
-      });
-      return [chainId, filtered];
-    }).filter(([, assets]) => assets.length > 0);
-    const totals = {};
-    for (const [chainId, assets] of entries) {
-      totals[chainId] = assets.reduce((sum, asset) => sum + calculateDollarizedBalance(asset), 0);
-    }
-    const sorted = [...entries].sort((a, b) => (_nullishCoalesce(totals[b[0]], () => ( 0))) - (_nullishCoalesce(totals[a[0]], () => ( 0))));
-    return { filteredGroupedAssets: sorted, chainTotals: totals };
-  }, [groupedAssets, registrySet, calculateDollarizedBalance]);
-  const toggleChain = _react.useCallback.call(void 0, (chainId) => {
-    setExpandedChains((prev) => {
-      const next = new Set(prev);
-      if (next.has(chainId)) next.delete(chainId);
-      else next.add(chainId);
-      return next;
-    });
-  }, []);
-  const formatUSD = (v) => usdFormat.format(v);
-  if (filteredGroupedAssets.length === 0) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-center p-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm", style: { color: "var(--widget-muted-foreground)" }, children: "No token balances found" }) });
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "pb-2 pt-1", children: filteredGroupedAssets.map(([chainId, assets]) => {
-    const chainIdNum = parseInt(chainId);
-    const chainName = getChainName(chainIdNum);
-    const totalChainValue = chainTotals[chainId] || 0;
-    const isExpanded = expandedChains.has(chainId);
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "div",
-      {
-        className: "mx-2 mb-2",
-        style: {
-          border: "1px var(--widget-border-style) var(--widget-border)",
-          borderRadius: "var(--widget-radius)",
-          overflow: "hidden"
-        },
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-            "button",
-            {
-              type: "button",
-              onClick: () => toggleChain(chainId),
-              className: "flex w-full flex-row items-center justify-between p-2 cursor-pointer transition-colors hover:bg-(--widget-secondary)",
-              style: { backgroundColor: "transparent" },
-              children: [
-                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "inline-flex flex-row items-center gap-2", children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.ChainIcon_default, { chain: chainIdNum, size: "sm" }),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm font-medium capitalize", style: { color: "var(--widget-foreground)" }, children: chainName })
-                ] }),
-                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm font-semibold", style: { color: "var(--widget-foreground)" }, children: formatUSD(totalChainValue) }),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "span",
-                    {
-                      className: `transition-transform duration-200 ${isExpanded ? "rotate-180" : ""}`,
-                      style: { color: "var(--widget-muted-foreground)" },
-                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        "path",
-                        {
-                          d: "M2.5 4.5L6 8L9.5 4.5",
-                          stroke: "currentColor",
-                          strokeWidth: "1.5",
-                          strokeLinecap: "round",
-                          strokeLinejoin: "round"
-                        }
-                      ) })
-                    }
-                  )
-                ] })
-              ]
-            }
-          ),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            "div",
-            {
-              className: `overflow-hidden transition-all duration-200 ease-out ${isExpanded ? "max-h-[2000px] opacity-100" : "max-h-0 opacity-0"}`,
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { style: { borderTop: "1px var(--widget-border-style) var(--widget-border)" }, children: assets.map((asset) => {
-                if (!asset.assetInfo) return null;
-                return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  WidgetWalletAssetItem,
-                  {
-                    asset: asset.assetInfo,
-                    balanceAmount: asset.amount,
-                    balanceDecimals: asset.decimals,
-                    price: _nullishCoalesce(_optionalChain([asset, 'access', _19 => _19.assetInfo, 'optionalAccess', _20 => _20.price]), () => ( null)),
-                    onSelect: onAssetSelect,
-                    getToken,
-                    useTokenWithLazyLoad: useTokenWithLazyLoad2
-                  },
-                  `${asset.assetInfo.chainId}-${asset.token}`
-                );
-              }) })
-            }
-          )
-        ]
-      },
-      chainId
-    );
-  }) });
-};
-
-// src/components/wallet/WidgetWalletTradeHistory.tsx
-
-
-// src/hooks/useWidgetOrderHistory.ts
-function useWidgetOrderHistory(_userAddress, _enabled) {
-  return {
-    orders: [],
-    isLoading: false,
-    error: null,
-    hasMore: false,
-    loadMore: async () => {
-    },
-    totalOrders: 0
-  };
-}
-
-// src/components/wallet/WidgetWalletTradeItem.tsx
-
-
-var IconCheck = () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: [
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "5", cy: "5", r: "4", stroke: "currentColor", strokeWidth: "1.2" }),
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M3 5.2L4.3 6.5L7 3.5", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round", strokeLinejoin: "round" })
-] });
-var IconX = () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: [
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "5", cy: "5", r: "4", stroke: "currentColor", strokeWidth: "1.2" }),
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M3.5 3.5L6.5 6.5M6.5 3.5L3.5 6.5", stroke: "currentColor", strokeWidth: "1.2", strokeLinecap: "round" })
-] });
-var IconClock = () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: [
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "5", cy: "5", r: "4", stroke: "currentColor", strokeWidth: "1.2" }),
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "path", { d: "M5 3V5.5L6.5 6.5", stroke: "currentColor", strokeWidth: "1", strokeLinecap: "round" })
-] });
-var IconDot = () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "svg", { width: "10", height: "10", viewBox: "0 0 10 10", fill: "none", children: [
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "5", cy: "5", r: "4", stroke: "currentColor", strokeWidth: "1.2" }),
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "circle", { cx: "5", cy: "5", r: "1.5", fill: "currentColor" })
-] });
-var getEventTypeIcon = (eventType) => {
-  switch ((eventType || "").toLowerCase()) {
-    case "completed":
-    case "settled":
-    case "success":
-    case "swapped":
-    case "swap":
-      return { icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, IconCheck, {}), color: "var(--widget-primary)" };
-    case "received":
-      return { icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, IconDot, {}), color: "var(--widget-accent)" };
-    case "failed":
-    case "error":
-    case "expired":
-      return { icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, IconX, {}), color: "var(--widget-destructive)" };
-    case "pending":
-    case "created":
-    case "placed":
-      return { icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, IconClock, {}), color: "var(--widget-muted-foreground)" };
-    default:
-      return { icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, IconDot, {}), color: "var(--widget-muted-foreground)" };
-  }
-};
-var getEventTypeHoverBg = (eventType) => {
-  switch ((eventType || "").toLowerCase()) {
-    case "completed":
-    case "settled":
-    case "success":
-    case "swapped":
-    case "swap":
-      return "color-mix(in srgb, var(--widget-primary) 5%, transparent)";
-    case "failed":
-    case "error":
-    case "expired":
-      return "color-mix(in srgb, var(--widget-destructive) 5%, transparent)";
-    case "pending":
-    case "created":
-    case "placed":
-      return "color-mix(in srgb, var(--widget-accent) 5%, transparent)";
-    default:
-      return "var(--widget-secondary)";
-  }
-};
-var formatAmountSafe = (rawAmount, tokenData) => {
-  try {
-    const numAmount = parseFloat(rawAmount || "0");
-    if (isNaN(numAmount) || numAmount === 0) return "0";
-    const decimals = _nullishCoalesce(_optionalChain([tokenData, 'optionalAccess', _21 => _21.decimals]), () => ( 18));
-    return _chunkGZUTUD5Ocjs.formatNumber.call(void 0, numAmount / 10 ** decimals);
-  } catch (e2) {
-    return "0";
-  }
-};
-var WidgetWalletTradeItem = ({
-  order,
-  baseToken,
-  quoteToken
-}) => {
-  const [hovered, setHovered] = _react.useState.call(void 0, false);
-  const eventType = _optionalChain([order, 'optionalAccess', _22 => _22.status]) || _optionalChain([order, 'optionalAccess', _23 => _23.eventType]) || "unknown";
-  const { icon: eventIcon, color: eventColor } = getEventTypeIcon(eventType);
-  const formatDateTime = (timestamp) => {
-    if (!timestamp) return { date: "", time: "" };
-    const d = new Date(typeof timestamp === "number" ? timestamp : Number(timestamp) || timestamp);
-    return {
-      date: d.toLocaleDateString("en-US", { month: "short", day: "numeric", year: "numeric" }),
-      time: d.toLocaleTimeString("en-US", { hour: "2-digit", minute: "2-digit", timeZone: "UTC", hour12: false }) + " UTC"
-    };
-  };
-  const dateTime = formatDateTime(_optionalChain([order, 'optionalAccess', _24 => _24.timestamp]) || _optionalChain([order, 'optionalAccess', _25 => _25.createdAt]) || "");
-  const inputDisplay = baseToken ? { asset: baseToken, symbol: baseToken.symbol, amount: formatAmountSafe(_optionalChain([order, 'optionalAccess', _26 => _26.inputAmount]), baseToken) } : { asset: null, symbol: (_optionalChain([order, 'optionalAccess', _27 => _27.inputToken]) || "").slice(0, 6) + "...", amount: formatAmountSafe(_optionalChain([order, 'optionalAccess', _28 => _28.inputAmount]), null) };
-  const outputDisplay = quoteToken ? { asset: quoteToken, symbol: quoteToken.symbol, amount: formatAmountSafe(_optionalChain([order, 'optionalAccess', _29 => _29.outputAmount]), quoteToken) } : { asset: null, symbol: (_optionalChain([order, 'optionalAccess', _30 => _30.outputToken]) || "").slice(0, 6) + "...", amount: formatAmountSafe(_optionalChain([order, 'optionalAccess', _31 => _31.outputAmount]), null) };
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-    "a",
-    {
-      href: _optionalChain([order, 'optionalAccess', _32 => _32.explorerUrl]) || "#",
-      target: "_blank",
-      rel: "noopener noreferrer",
-      className: "group flex flex-col cursor-pointer transition-all duration-200 ease-in-out no-underline",
-      style: {
-        border: "1px var(--widget-border-style) var(--widget-border)",
-        backgroundColor: hovered ? getEventTypeHoverBg(eventType) : "transparent",
-        marginBottom: "0.5rem",
-        padding: "0.25rem"
-      },
-      onMouseEnter: () => setHovered(true),
-      onMouseLeave: () => setHovered(false),
-      children: [
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-row items-center justify-between space-x-1", children: [
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-row items-center space-x-1", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "-translate-y-px", style: { color: eventColor }, children: eventIcon }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-2xs mono uppercase", style: { color: eventColor }, children: eventType })
-          ] }),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-row items-center space-x-2", children: [
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "text-2xs mono", style: { color: hovered ? "var(--widget-foreground)" : "var(--widget-muted-foreground)" }, children: [
-              "\xAC ",
-              _chunkGZUTUD5Ocjs.TruncateString.call(void 0, _optionalChain([order, 'optionalAccess', _33 => _33.quoteId]) || _optionalChain([order, 'optionalAccess', _34 => _34.orderHash]) || "")
-            ] }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "svg",
-              {
-                className: "w-2.5 -translate-y-px opacity-70 group-hover:rotate-[-45deg] group-hover:opacity-100 duration-200",
-                style: { color: "var(--widget-foreground)" },
-                viewBox: "0 0 684 684",
-                fill: "none",
-                children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  "path",
-                  {
-                    d: "M0.666687 384.667L519.92 384.667L281.627 622.96L342 683.333L683.333 342L342 0.666687L281.627 61.04L519.92 299.333L0.666687 299.333V384.667Z",
-                    fill: "currentColor"
-                  }
-                )
-              }
-            )
-          ] })
-        ] }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-          "div",
-          {
-            className: "flex flex-row items-center justify-between pr-2",
-            style: { backgroundColor: hovered ? "transparent" : "var(--widget-secondary)" },
-            children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-col w-full h-full p-2", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex h-8 w-full items-center justify-between px-2", children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center space-x-1", children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.TokenImage_default, { asset: inputDisplay.asset, size: "xs", className: "h-3 w-3" }),
-                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm h-4", style: { color: "var(--widget-muted-foreground)" }, children: inputDisplay.amount }),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-xs", style: { color: "var(--widget-foreground)" }, children: inputDisplay.symbol })
-                ] }),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "px-1", style: { color: "var(--widget-muted-foreground)" }, children: "\u2192" }),
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGZUTUD5Ocjs.TokenImage_default, { asset: outputDisplay.asset, size: "xs", className: "h-3 w-3" }),
-                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col", children: [
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-sm h-4", style: { color: "var(--widget-muted-foreground)" }, children: outputDisplay.amount }),
-                  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-xs", style: { color: "var(--widget-foreground)" }, children: outputDisplay.symbol })
-                ] })
-              ] }) }) }),
-              /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col items-end text-right shrink-0", children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-2xs mono whitespace-nowrap", style: { color: "var(--widget-muted-foreground)" }, children: dateTime.date }),
-                dateTime.time && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "text-2xs mono whitespace-nowrap", style: { color: "var(--widget-muted-foreground)", opacity: 0.6 }, children: dateTime.time })
-              ] })
-            ]
-          }
-        )
-      ]
-    }
-  );
-};
-
-// src/components/wallet/WidgetWalletTradeHistory.tsx
-
-var TradeSkeleton = () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-  "div",
-  {
-    className: "mt-2 flex flex-col",
-    style: {
-      height: "4rem",
-      border: "1px var(--widget-border-style) var(--widget-border)",
-      backgroundColor: "var(--widget-secondary)"
-    },
-    children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center space-x-2 p-2", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-4 w-4 rounded", style: { backgroundColor: "var(--widget-muted)" } }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-24 rounded", style: { backgroundColor: "var(--widget-muted)" } })
-      ] }),
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex h-8 w-full items-center justify-between px-4", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center space-x-1", children: [4, 16, 10, 4, 16, 10].map((w, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 rounded", style: { width: `${w * 4}px`, backgroundColor: "var(--widget-muted)" } }, i)) }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "h-3 w-10 rounded", style: { backgroundColor: "var(--widget-muted)" } })
-      ] })
-    ]
-  }
-);
-var WidgetWalletTradeHistory = ({ isActive }) => {
-  const { address: userAddress } = _chunkPGYOJ5RBcjs.useWalletState.call(void 0, );
-  const { orders, isLoading, error, hasMore, loadMore } = useWidgetOrderHistory(userAddress, isActive);
-  const [isFetching, setIsFetching] = _react.useState.call(void 0, false);
-  const scrollRef = _react.useRef.call(void 0, null);
-  const handleScroll = _react.useCallback.call(void 0, 
-    async (e) => {
-      const target = e.currentTarget;
-      const isNearBottom = target.scrollTop + target.clientHeight >= target.scrollHeight - 100;
-      if (isNearBottom && !isLoading && !isFetching && hasMore) {
-        setIsFetching(true);
-        try {
-          await loadMore();
-        } finally {
-          setIsFetching(false);
-        }
-      }
-    },
-    [isLoading, isFetching, hasMore, loadMore]
-  );
-  if (!userAddress) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-center p-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm", style: { color: "var(--widget-muted-foreground)" }, children: "Connect your wallet to view activity" }) });
-  }
-  if (error) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center justify-center p-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm", style: { color: "var(--widget-destructive)" }, children: "Error loading activity" }) });
-  }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      ref: scrollRef,
-      className: "flex flex-col flex-1 min-h-0 overflow-y-auto p-2",
-      onScroll: handleScroll,
-      style: { backgroundColor: "transparent" },
-      children: isLoading ? Array.from({ length: 5 }).map((_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TradeSkeleton, {}, i)) : orders.length === 0 ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-col items-center justify-center h-full p-6", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm", style: { color: "var(--widget-muted-foreground)" }, children: "No Activity" }) }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        orders.map((order) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          WidgetWalletTradeItem,
-          {
-            order,
-            baseToken: _nullishCoalesce(_optionalChain([order, 'access', _35 => _35.enrichedTokens, 'optionalAccess', _36 => _36.base]), () => ( null)),
-            quoteToken: _nullishCoalesce(_optionalChain([order, 'access', _37 => _37.enrichedTokens, 'optionalAccess', _38 => _38.quote]), () => ( null))
-          },
-          order.orderHash
-        )),
-        isFetching && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TradeSkeleton, {})
-      ] })
-    }
-  );
-};
-
-// src/components/WidgetWalletPanel.tsx
-
-var WidgetWalletSkeleton = () => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col w-full h-full overflow-hidden", children: [
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "p-2 w-full flex justify-center", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      className: "relative w-full h-[140px] animate-pulse",
-      style: {
-        borderRadius: "var(--widget-radius)",
-        border: "1px var(--widget-border-style) var(--widget-border)",
-        backgroundColor: "var(--widget-secondary)"
-      }
-    }
-  ) }),
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "px-2 flex flex-col gap-1.5 mt-1", children: [80, 60, 72, 55, 65].map((w, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center justify-between py-1.5", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-2", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "div",
-        {
-          className: "h-6 w-6 rounded-full animate-pulse shrink-0",
-          style: { backgroundColor: "var(--widget-secondary)" }
-        }
-      ),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        "div",
-        {
-          className: "h-3.5 animate-pulse",
-          style: { width: `${w}px`, backgroundColor: "var(--widget-secondary)", borderRadius: "0.25rem" }
-        }
-      )
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        className: "h-3.5 w-14 animate-pulse",
-        style: { backgroundColor: "var(--widget-secondary)", opacity: 0.5, borderRadius: "0.25rem" }
-      }
-    )
-  ] }, i)) }),
-  /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "mt-auto shrink-0 p-2", style: { borderTop: "1px var(--widget-border-style) var(--widget-border)" }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    "div",
-    {
-      className: "w-full animate-pulse",
-      style: {
-        height: "34px",
-        backgroundColor: "var(--widget-secondary)",
-        opacity: 0.35,
-        borderRadius: "var(--widget-radius)"
-      }
-    }
-  ) })
-] });
-var WidgetWalletPanel = () => {
-  const walletTab = _chunk6XB5R4GFcjs.useWidgetSwapUIStore.call(void 0, (state) => state.walletTab);
-  const [signOutHovered, setSignOutHovered] = _react.useState.call(void 0, false);
-  const { disconnect } = _wagmi.useDisconnect.call(void 0, );
-  const { setQuoteToken } = _chunk6XB5R4GFcjs.useSwapFormContext.call(void 0, );
-  const handleAssetSelect = _react.useCallback.call(void 0, 
-    async (asset) => {
-      await setQuoteToken(asset);
-      _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().setView("swap");
-    },
-    [setQuoteToken]
-  );
-  const {
-    address,
-    groupedAssets,
-    totalBalance,
-    balancesLoading,
-    chains,
-    getToken,
-    useTokenWithLazyLoad: useTokenWithLazyLoad2,
-    tokenRegistry
-  } = useWidgetWalletData(true);
-  if (!address) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-col items-center justify-center h-full p-4", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-sm", style: { color: "var(--widget-muted-foreground)" }, children: "Connect your wallet to view your portfolio" }) });
-  }
-  if (balancesLoading && walletTab === "wallet") {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WidgetWalletSkeleton, {});
-  }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col w-full h-full overflow-hidden", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex-1 overflow-y-auto", style: { minHeight: 0 }, children: [
-      walletTab === "wallet" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          WidgetWalletCard,
-          {
-            address,
-            totalBalance,
-            isLoading: balancesLoading
-          }
-        ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          WidgetWalletPortfolio,
-          {
-            groupedAssets,
-            chains,
-            tokenRegistry,
-            getToken,
-            useTokenWithLazyLoad: useTokenWithLazyLoad2,
-            onAssetSelect: handleAssetSelect
-          }
-        )
-      ] }),
-      walletTab === "activity" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WidgetWalletTradeHistory, { isActive: walletTab === "activity" })
-    ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      "div",
-      {
-        className: "shrink-0 p-2",
-        style: { borderTop: "1px var(--widget-border-style) var(--widget-border)" },
-        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "button",
-          {
-            type: "button",
-            onClick: () => {
-              disconnect();
-              _chunk6XB5R4GFcjs.useWidgetSwapUIStore.getState().setView("swap");
-            },
-            onMouseEnter: () => setSignOutHovered(true),
-            onMouseLeave: () => setSignOutHovered(false),
-            className: "w-full py-2 text-xs mono uppercase cursor-pointer transition-colors",
-            style: {
-              backgroundColor: signOutHovered ? "var(--widget-destructive)" : "transparent",
-              color: signOutHovered ? "var(--widget-destructive-foreground)" : "var(--widget-destructive)",
-              border: "1px var(--widget-border-style) var(--widget-destructive)",
-              borderRadius: "var(--widget-radius)"
-            },
-            children: "Sign Out"
-          }
-        )
-      }
-    )
-  ] });
-};
-
-
-exports.WidgetWalletPanel = WidgetWalletPanel;
-//# sourceMappingURL=WidgetWalletPanel-T7H6FGVN.cjs.map