@aori/mega-swap-widget 0.1.0

package/dist/WidgetWalletPanel-T7H6FGVN.cjs

@@ -0,0 +1,789 @@
+"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