@rhinestone/deposit-modal 0.7.0 → 0.8.0

package/dist/{chunk-UZENNYHS.mjs → chunk-5S5BQ2GM.mjs}

@@ -7,7 +7,7 @@ import {
   executePolymarketSafeTransfer,
   fetchPolymarketProxyWallet,
   readPolymarketBalances
-} from "./chunk-4JLYWRQA.mjs";
+} from "./chunk-YLIPI3NU.mjs";
 import {
   AlertTriangleIcon,
   ArrowUpRightIcon,
@@ -33,6 +33,7 @@ import {
   ProcessingStep,
   RpcUrlsProvider,
   Spinner,
+  TokenIcon,
   Tooltip,
   TransferCryptoIcon,
   UnplugIcon,
@@ -68,10 +69,10 @@ import {
   useLatestRef,
   useRpcUrls,
   useStableRpcUrls
-} from "./chunk-OYPFPEIT.mjs";
+} from "./chunk-RXWJ267K.mjs";
 import {
   SAFE_ABI
-} from "./chunk-K6J3RDDK.mjs";
+} from "./chunk-TYB6AA6D.mjs";
 import {
   DEFAULT_BACKEND_URL,
   DEFAULT_SIGNER_ADDRESS,
@@ -93,9 +94,9 @@ import {
   getTargetTokenSymbolsForChain,
   getTokenAddress,
   getTokenDecimalsByAddress,
-  getTokenIcon,
   getTokenSymbol,
   isContractBytecode,
+  isHyperCoreCaip2,
   isNativeSol,
   isSolanaCaip2,
   isStablecoinSymbol,
@@ -103,7 +104,7 @@ import {
   isVirtualDestination,
   parseEvmChainId,
   targetChainToCaip2
-} from "./chunk-CPMHRMPH.mjs";
+} from "./chunk-SX52FXKH.mjs";
 
 // src/DepositModal.tsx
 import {
@@ -296,7 +297,6 @@ function AssetSelectStep({
         const isSelected = selectedAssetId === asset.id;
         const tokenAmount = formatBalance(asset);
         const badge = getChainBadge(asset.chainId);
-        const tokenIcon = getTokenIcon(asset.symbol);
         const chainIcon = getChainIcon(asset.chainId);
         return /* @__PURE__ */ jsxs(
           "button",
@@ -308,7 +308,13 @@ function AssetSelectStep({
             children: [
               /* @__PURE__ */ jsxs("div", { className: "rs-asset-info", children: [
                 /* @__PURE__ */ jsxs("div", { className: "rs-asset-icon-wrapper", children: [
-                  tokenIcon ? /* @__PURE__ */ jsx("span", { className: "rs-asset-icon", children: /* @__PURE__ */ jsx("img", { src: tokenIcon, alt: asset.symbol }) }) : /* @__PURE__ */ jsx("span", { className: "rs-asset-icon", children: asset.symbol.slice(0, 4) }),
+                  /* @__PURE__ */ jsx("span", { className: "rs-asset-icon", children: /* @__PURE__ */ jsx(
+                    TokenIcon,
+                    {
+                      symbol: asset.symbol,
+                      fallback: asset.symbol.slice(0, 4)
+                    }
+                  ) }),
                   chainIcon ? /* @__PURE__ */ jsx("span", { className: "rs-asset-chain-badge", children: /* @__PURE__ */ jsx(
                     "img",
                     {
@@ -755,8 +761,6 @@ function AmountStep({
   const continueDisabled = chainMismatch || isCheckingLiquidity || exceedsBalance || numericAmount === 0 && !isBelowMin || balance === null;
   const sourceChainName = getChainName(asset.chainId);
   const targetChainName = getChainName(targetChain);
-  const sourceTokenIcon = getTokenIcon(asset.symbol);
-  const targetTokenIcon = getTokenIcon(targetSymbol);
   return /* @__PURE__ */ jsxs3("div", { className: "rs-screen", children: [
     /* @__PURE__ */ jsxs3("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
       /* @__PURE__ */ jsx3(BodyHeader, { icon: /* @__PURE__ */ jsx3(WalletIcon, {}), title: "Wallet deposit" }),
@@ -810,7 +814,7 @@ function AmountStep({
               " ",
               asset.symbol
             ] }),
-            sourceTokenIcon && /* @__PURE__ */ jsx3("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx3("img", { src: sourceTokenIcon, alt: "" }) })
+            /* @__PURE__ */ jsx3("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx3(TokenIcon, { symbol: asset.symbol }) })
           ] })
         ] }),
         /* @__PURE__ */ jsxs3("div", { className: "rs-amount-detail-row", children: [
@@ -821,7 +825,7 @@ function AmountStep({
               " ",
               targetSymbol
             ] }),
-            targetTokenIcon && /* @__PURE__ */ jsx3("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx3("img", { src: targetTokenIcon, alt: "" }) })
+            /* @__PURE__ */ jsx3("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx3(TokenIcon, { symbol: targetSymbol }) })
           ] })
         ] }),
         balanceAfterUsd !== null && /* @__PURE__ */ jsxs3("div", { className: "rs-amount-detail-row", children: [
@@ -888,8 +892,6 @@ function ConfirmStep({
   const targetChainName = getChainName(targetChain);
   const sourceChainIcon = getChainIcon(asset.chainId);
   const targetChainIcon = getChainIcon(targetChain);
-  const sourceTokenIcon = getTokenIcon(asset.symbol);
-  const targetTokenIcon = getTokenIcon(targetSymbol);
   const formattedSendAmount = amount && Number.isFinite(Number(amount)) ? formatTokenAmount(Number(amount), asset.symbol) ?? "0" : "0";
   const receiveDisplay = (() => {
     if (sameRoute) return `${formattedSendAmount} ${asset.symbol}`;
@@ -1062,14 +1064,14 @@ function ConfirmStep({
               " ",
               asset.symbol
             ] }),
-            sourceTokenIcon && /* @__PURE__ */ jsx4("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx4("img", { src: sourceTokenIcon, alt: "" }) })
+            /* @__PURE__ */ jsx4("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx4(TokenIcon, { symbol: asset.symbol }) })
           ] })
         ] }),
         /* @__PURE__ */ jsxs4("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx4("span", { children: "Receive" }),
           /* @__PURE__ */ jsxs4("span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ jsx4("span", { children: receiveDisplay }),
-            targetTokenIcon && /* @__PURE__ */ jsx4("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx4("img", { src: targetTokenIcon, alt: "" }) })
+            /* @__PURE__ */ jsx4("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx4(TokenIcon, { symbol: targetSymbol }) })
           ] })
         ] }),
         /* @__PURE__ */ jsxs4("div", { className: "rs-review-detail-row", children: [
@@ -1456,6 +1458,7 @@ function asNumber(value) {
 function asChainId(value) {
   if (typeof value === "string") {
     if (value.startsWith("solana")) return "solana";
+    if (value.startsWith("hypercore")) return "hypercore";
     const eip155Match = value.match(/^eip155:(\d+)$/);
     if (eip155Match) return Number(eip155Match[1]);
   }
@@ -1521,7 +1524,11 @@ function chainLabel(chainId) {
 }
 function computeTokensForChain(chainId, allowedTokenSet, topTokens) {
   const fromBackend = topTokens?.[String(chainId)]?.map((t) => t.symbol);
-  const all = fromBackend ?? (chainId === "solana" ? SOLANA_TOKENS.map((t) => t.symbol) : getTargetTokenSymbolsForChain(chainId));
+  const all = fromBackend ?? (chainId === "solana" ? SOLANA_TOKENS.map((t) => t.symbol) : (
+    // HyperCore accepts USDC + USDT0 as origin tokens (native Hyperliquid L1
+    // spot transfers); it has no EVM source-chain matrix entry.
+    chainId === "hypercore" ? ["USDC", "USDT0"] : getTargetTokenSymbolsForChain(chainId)
+  ));
   return allowedTokenSet ? all.filter((s) => allowedTokenSet.has(s.toUpperCase())) : all;
 }
 function resolveSourceTokenAddress(symbol, chainId, topTokens) {
@@ -1529,8 +1536,14 @@ function resolveSourceTokenAddress(symbol, chainId, topTokens) {
   return top?.address ?? getTokenAddress(symbol, chainId);
 }
 function TokenGlyph({ symbol }) {
-  const icon = getTokenIcon(symbol);
-  return icon ? /* @__PURE__ */ jsx6("img", { src: icon, alt: "", className: "rs-deposit-address-dropdown-icon" }) : /* @__PURE__ */ jsx6("span", { className: "rs-deposit-address-dropdown-icon rs-deposit-address-dropdown-icon--fallback", children: symbol.slice(0, 3) });
+  return /* @__PURE__ */ jsx6(
+    TokenIcon,
+    {
+      symbol,
+      className: "rs-deposit-address-dropdown-icon",
+      fallback: /* @__PURE__ */ jsx6("span", { className: "rs-deposit-address-dropdown-icon rs-deposit-address-dropdown-icon--fallback", children: symbol.slice(0, 3) })
+    }
+  );
 }
 function pickFallbackToken(tokens, current) {
   if (tokens.includes(current)) return current;
@@ -1565,18 +1578,24 @@ function DepositAddressStep({
     return allowedChainSet ? all.filter((id) => allowedChainSet.has(id)) : all;
   }, [allowedChainSet]);
   const chainOptions = useMemo3(() => {
-    if (!hasSolana) return evmChainIds;
     const options = [...evmChainIds];
-    options.splice(1, 0, "solana");
+    const extras = [];
+    if (hasSolana) extras.push("solana");
+    if (!allowedChainSet || allowedChainSet.has(HYPERCORE_CHAIN_ID)) {
+      extras.push("hypercore");
+    }
+    options.splice(1, 0, ...extras);
     return options;
-  }, [evmChainIds, hasSolana]);
+  }, [evmChainIds, hasSolana, allowedChainSet]);
   const BASE_CHAIN_ID2 = 8453;
   const chainHasAllowedToken = (id) => !allowedTokenSet || getTargetTokenSymbolsForChain(id).some(
     (s) => allowedTokenSet.has(s.toUpperCase())
   );
-  const defaultChainId = evmChainIds.includes(BASE_CHAIN_ID2) && chainHasAllowedToken(BASE_CHAIN_ID2) ? BASE_CHAIN_ID2 : evmChainIds.find(chainHasAllowedToken) ?? evmChainIds[0];
+  const evmDefault = evmChainIds.includes(BASE_CHAIN_ID2) && chainHasAllowedToken(BASE_CHAIN_ID2) ? BASE_CHAIN_ID2 : evmChainIds.find(chainHasAllowedToken) ?? evmChainIds[0];
+  const defaultChainId = evmDefault ?? chainOptions[0];
   const [sourceChainId, setSourceChainId] = useState5(defaultChainId);
   const isSolana = sourceChainId === "solana";
+  const isHyperCore = sourceChainId === "hypercore";
   const [topTokens, setTopTokens] = useState5(null);
   useEffect5(() => {
     let active = true;
@@ -1613,7 +1632,7 @@ function DepositAddressStep({
     kind: "idle"
   });
   useEffect5(() => {
-    if (isSolana) {
+    if (isSolana || isHyperCore) {
       setLiquidityHelper({ kind: "idle" });
       return;
     }
@@ -1657,6 +1676,7 @@ function DepositAddressStep({
     };
   }, [
     isSolana,
+    isHyperCore,
     sourceChainId,
     sourceTokenSymbol,
     targetChain,
@@ -1901,7 +1921,7 @@ function DepositAddressStep({
             /* @__PURE__ */ jsx6("span", { children: "Supported token" }),
             /* @__PURE__ */ jsxs6("span", { className: "rs-deposit-address-min", children: [
               "Min.$",
-              (targetChain === HYPERCORE_CHAIN_ID ? Math.max(HYPERCORE_MIN_DEPOSIT_USD, uiConfig?.minDepositUsd ?? 0) : uiConfig?.minDepositUsd ?? 0.1).toFixed(2),
+              (targetChain === HYPERCORE_CHAIN_ID || isHyperCore ? Math.max(HYPERCORE_MIN_DEPOSIT_USD, uiConfig?.minDepositUsd ?? 0) : uiConfig?.minDepositUsd ?? 0.1).toFixed(2),
               /* @__PURE__ */ jsx6(Tooltip, { content: "Minimum deposit amount required for the selected chain.", children: /* @__PURE__ */ jsx6(
                 InfoIcon,
                 {
@@ -2877,7 +2897,6 @@ function DepositAddressSkeleton({
   const defaultToken = tokensForChain.includes("USDC") ? "USDC" : tokensForChain[0] ?? "USDC";
   const chainName = getChainName(defaultChainId);
   const chainIcon = getChainIcon(defaultChainId);
-  const tokenIcon = getTokenIcon(defaultToken);
   return /* @__PURE__ */ jsxs11("div", { className: "rs-screen", "aria-busy": "true", children: [
     /* @__PURE__ */ jsx13("span", { className: "rs-sr-only", role: "status", children: "Preparing deposit details\u2026" }),
     /* @__PURE__ */ jsxs11("div", { className: "rs-screen-body", children: [
@@ -2914,11 +2933,10 @@ function DepositAddressSkeleton({
             ] })
           ] }),
           /* @__PURE__ */ jsxs11("div", { className: "rs-deposit-address-dropdown-trigger", children: [
-            tokenIcon && /* @__PURE__ */ jsx13(
-              "img",
+            /* @__PURE__ */ jsx13(
+              TokenIcon,
               {
-                src: tokenIcon,
-                alt: "",
+                symbol: defaultToken,
                 className: "rs-deposit-address-dropdown-icon"
               }
             ),
@@ -3124,7 +3142,6 @@ function SolanaTokenSelectStep({
       !loading && !error && rows.length > 0 && /* @__PURE__ */ jsx14("div", { className: "rs-asset-list", children: rows.map((entry) => {
         const isSelected = selectedSymbol === entry.token.symbol;
         const tokenAmount = formatBalance(entry);
-        const tokenIcon = getTokenIcon(entry.token.symbol);
         return /* @__PURE__ */ jsxs12(
           "button",
           {
@@ -3135,7 +3152,13 @@ function SolanaTokenSelectStep({
             children: [
               /* @__PURE__ */ jsxs12("div", { className: "rs-asset-info", children: [
                 /* @__PURE__ */ jsxs12("div", { className: "rs-asset-icon-wrapper", children: [
-                  tokenIcon ? /* @__PURE__ */ jsx14("span", { className: "rs-asset-icon", children: /* @__PURE__ */ jsx14("img", { src: tokenIcon, alt: entry.token.symbol }) }) : /* @__PURE__ */ jsx14("span", { className: "rs-asset-icon", children: entry.token.symbol.slice(0, 4) }),
+                  /* @__PURE__ */ jsx14("span", { className: "rs-asset-icon", children: /* @__PURE__ */ jsx14(
+                    TokenIcon,
+                    {
+                      symbol: entry.token.symbol,
+                      fallback: entry.token.symbol.slice(0, 4)
+                    }
+                  ) }),
                   chainIcon && /* @__PURE__ */ jsx14("span", { className: "rs-asset-chain-badge", children: /* @__PURE__ */ jsx14("img", { src: chainIcon, alt: chainName }) })
                 ] }),
                 /* @__PURE__ */ jsxs12("div", { className: "rs-asset-text", children: [
@@ -3197,7 +3220,6 @@ function SolanaAmountStep({
   targetChain,
   targetChainName,
   targetTokenSymbol,
-  targetTokenIcon,
   appBalanceUsd,
   onContinue,
   debug
@@ -3380,7 +3402,6 @@ function SolanaAmountStep({
   };
   const continueLabel = exceedsBalance ? "Insufficient balance" : isAboveMax ? "Continue with max allowed deposit" : isBelowMin ? "Continue with minimum deposit" : "Continue";
   const continueDisabled = exceedsBalance || numericAmount === 0 && !isBelowMin;
-  const sourceTokenIcon = getTokenIcon(token.symbol);
   return /* @__PURE__ */ jsxs13("div", { className: "rs-screen", children: [
     /* @__PURE__ */ jsxs13("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
       /* @__PURE__ */ jsx15(BodyHeader, { icon: /* @__PURE__ */ jsx15(WalletIcon, {}), title: "Wallet deposit" }),
@@ -3432,7 +3453,7 @@ function SolanaAmountStep({
               "Solana ",
               token.symbol
             ] }),
-            sourceTokenIcon && /* @__PURE__ */ jsx15("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx15("img", { src: sourceTokenIcon, alt: "" }) })
+            /* @__PURE__ */ jsx15("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx15(TokenIcon, { symbol: token.symbol }) })
           ] })
         ] }),
         targetChainName && targetTokenSymbol && /* @__PURE__ */ jsxs13("div", { className: "rs-amount-detail-row", children: [
@@ -3443,7 +3464,7 @@ function SolanaAmountStep({
               " ",
               targetTokenSymbol
             ] }),
-            targetTokenIcon && /* @__PURE__ */ jsx15("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx15("img", { src: targetTokenIcon, alt: "" }) })
+            /* @__PURE__ */ jsx15("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx15(TokenIcon, { symbol: targetTokenSymbol }) })
           ] })
         ] }),
         balanceAfterUsd !== null && /* @__PURE__ */ jsxs13("div", { className: "rs-amount-detail-row", children: [
@@ -3599,8 +3620,6 @@ function SolanaConfirmStep({
   const targetChainName = getChainName(targetChain);
   const sourceChainIcon = getChainIcon("solana");
   const targetChainIcon = getChainIcon(targetChain);
-  const sourceTokenIcon = getTokenIcon(token.symbol);
-  const targetTokenIcon = getTokenIcon(targetSymbol);
   const feeSponsored = uiConfig?.feeSponsored ?? false;
   const feeTooltip = uiConfig?.feeTooltip ?? (feeSponsored ? "Network fees are sponsored for this deposit." : "Network fees apply.");
   const formattedAmount = sourceAmount && Number.isFinite(Number(sourceAmount)) ? formatTokenAmount(Number(sourceAmount), token.symbol) ?? "0" : "0";
@@ -3736,14 +3755,14 @@ function SolanaConfirmStep({
               " ",
               token.symbol
             ] }),
-            sourceTokenIcon && /* @__PURE__ */ jsx16("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx16("img", { src: sourceTokenIcon, alt: "" }) })
+            /* @__PURE__ */ jsx16("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx16(TokenIcon, { symbol: token.symbol }) })
           ] })
         ] }),
         /* @__PURE__ */ jsxs14("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx16("span", { children: "Receive" }),
           /* @__PURE__ */ jsxs14("span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ jsx16("span", { children: receiveDisplay }),
-            targetTokenIcon && /* @__PURE__ */ jsx16("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx16("img", { src: targetTokenIcon, alt: "" }) })
+            /* @__PURE__ */ jsx16("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx16(TokenIcon, { symbol: targetSymbol }) })
           ] })
         ] }),
         /* @__PURE__ */ jsxs14("div", { className: "rs-review-detail-row", children: [
@@ -3799,7 +3818,7 @@ function DappImportAssetSelectStep({
           Number(asset.balance) / 10 ** asset.decimals
         ) : "0";
         const balanceUsd = asset.balanceUsd && asset.balanceUsd > 0 ? currencyFormatter.format(asset.balanceUsd) : `${tokenAmount} ${asset.symbol}`;
-        const tokenIcon = asset.icon ?? getTokenIcon(asset.symbol);
+        const assetIcon = asset.icon;
         const chainIcon = getChainIcon(asset.chainId);
         const badge = getChainBadge(asset.chainId);
         return /* @__PURE__ */ jsxs15(
@@ -3811,7 +3830,13 @@ function DappImportAssetSelectStep({
             children: [
               /* @__PURE__ */ jsxs15("div", { className: "rs-asset-info", children: [
                 /* @__PURE__ */ jsxs15("div", { className: "rs-asset-icon-wrapper", children: [
-                  /* @__PURE__ */ jsx17("span", { className: "rs-asset-icon", children: tokenIcon ? /* @__PURE__ */ jsx17("img", { src: tokenIcon, alt: asset.symbol }) : asset.symbol.slice(0, 4) }),
+                  /* @__PURE__ */ jsx17("span", { className: "rs-asset-icon", children: assetIcon ? /* @__PURE__ */ jsx17("img", { src: assetIcon, alt: asset.symbol }) : /* @__PURE__ */ jsx17(
+                    TokenIcon,
+                    {
+                      symbol: asset.symbol,
+                      fallback: asset.symbol.slice(0, 4)
+                    }
+                  ) }),
                   chainIcon ? /* @__PURE__ */ jsx17("span", { className: "rs-asset-chain-badge", children: /* @__PURE__ */ jsx17(
                     "img",
                     {
@@ -5550,7 +5575,12 @@ function deriveStep(flow, d, p, activeEntry, fiat, exchange) {
         balanceUsd: d.balanceUsd
       };
     case "processing":
-      if (!smartAccount || !p.txHash || !d.amount || d.sourceChain === null || d.sourceChain === "unknown" || !d.sourceToken) {
+      if (!smartAccount || !p.txHash || !d.amount || d.sourceChain === null || d.sourceChain === "unknown" || // HyperCore is a QR/deposit-address-only source (no wallet flow), so it
+      // never dispatches `deposit/submitted` and never reaches this store
+      // `processing` step — its completion is tracked by the DepositNotification
+      // on the deposit-address screen. Excluding it here keeps `sourceChain`
+      // narrowed to the EVM/Solana shape ProcessingStep expects.
+      d.sourceChain === "hypercore" || !d.sourceToken) {
         return { type: "setup" };
       }
       return {
@@ -7208,9 +7238,6 @@ function DepositFlow({
           targetChain,
           targetChainName: getChainName(targetChain),
           targetTokenSymbol: getTargetTokenSymbol(targetToken, targetChain),
-          targetTokenIcon: getTokenIcon(
-            getTargetTokenSymbol(targetToken, targetChain)
-          ),
           appBalanceUsd,
           onContinue: handleSolanaAmountContinue,
           debug
@@ -7489,6 +7516,7 @@ function resolveChainId(value) {
   if (value === void 0 || value === null) return null;
   if (typeof value === "number") return value;
   if (isSolanaCaip2(value) || value === "solana") return "solana";
+  if (isHyperCoreCaip2(value) || value === "hypercore") return "hypercore";
   const parsed = parseEvmChainId(value);
   if (parsed !== null) return parsed;
   const num = Number(value);
@@ -7507,7 +7535,8 @@ function resolveTokenSymbol(token, chainId) {
     }
   }
   if (chainId !== null && chainId !== void 0 && chainId !== "solana" && /^0x[a-fA-F0-9]{40}$/.test(token)) {
-    const sym = getTokenSymbol(token, chainId);
+    const evmChainId = chainId === "hypercore" ? HYPERCORE_CHAIN_ID : chainId;
+    const sym = getTokenSymbol(token, evmChainId);
     if (sym !== "Token") return sym;
   }
   return shortenHash(token);
@@ -7527,7 +7556,8 @@ function formatAmount(rawAmount, token, chainId) {
         decimals = 9;
       }
     } else if (/^0x[a-fA-F0-9]{40}$/.test(token)) {
-      decimals = getTokenDecimalsByAddress(token, chainId);
+      const evmChainId = chainId === "hypercore" ? HYPERCORE_CHAIN_ID : chainId;
+      decimals = getTokenDecimalsByAddress(token, evmChainId);
     }
   }
   try {
@@ -7678,7 +7708,6 @@ function HistoryCard({ deposit }) {
   const sourceChainIcon = sourceChainId ? getChainIcon(sourceChainId) : void 0;
   const targetChainIcon = targetChainId ? getChainIcon(targetChainId) : void 0;
   const sourceSymbol = resolveTokenSymbol(deposit.token, sourceChainId);
-  const sourceTokenIcon = sourceSymbol ? getTokenIcon(sourceSymbol) : void 0;
   const rawAmount = deposit.sourceAmount && deposit.sourceAmount !== "0" ? deposit.sourceAmount : deposit.amount;
   const formattedAmount = rawAmount ? formatAmount(rawAmount, deposit.token, sourceChainId) : null;
   const displayAmount = formattedAmount ? sourceSymbol && /^USD/.test(sourceSymbol) ? `$${Number(formattedAmount).toLocaleString("en-US", {
@@ -7687,7 +7716,8 @@ function HistoryCard({ deposit }) {
   })}` : `${formattedAmount} ${sourceSymbol}` : "\u2014";
   const date = deposit.createdAt ? formatDate(deposit.createdAt) : null;
   const txTypeLabel = `Deposit${sourceSymbol ? ` ${sourceSymbol}` : ""}`;
-  const srcTxUrl = deposit.sourceTxHash ? getTxExplorerUrl(deposit.sourceTxHash, sourceChainId) : null;
+  const srcTxHash = sourceChainId === "hypercore" ? deposit.txHash : deposit.sourceTxHash;
+  const srcTxUrl = srcTxHash ? getTxExplorerUrl(srcTxHash, sourceChainId) : null;
   return /* @__PURE__ */ jsxs18(
     "button",
     {
@@ -7698,7 +7728,7 @@ function HistoryCard({ deposit }) {
       children: [
         /* @__PURE__ */ jsxs18("div", { className: "rs-history-card-row", children: [
           /* @__PURE__ */ jsxs18("div", { className: "rs-history-card-icons", children: [
-            /* @__PURE__ */ jsx20("span", { className: "rs-history-card-token", children: sourceTokenIcon ? /* @__PURE__ */ jsx20("img", { src: sourceTokenIcon, alt: "" }) : sourceSymbol.slice(0, 2) }),
+            /* @__PURE__ */ jsx20("span", { className: "rs-history-card-token", children: /* @__PURE__ */ jsx20(TokenIcon, { symbol: sourceSymbol, fallback: sourceSymbol.slice(0, 2) }) }),
             sourceChainIcon && /* @__PURE__ */ jsx20("span", { className: "rs-history-card-chain", children: /* @__PURE__ */ jsx20("img", { src: sourceChainIcon, alt: "" }) })
           ] }),
           /* @__PURE__ */ jsxs18("div", { className: "rs-history-card-text", children: [
@@ -7725,7 +7755,7 @@ function HistoryCard({ deposit }) {
               targetChainIcon && /* @__PURE__ */ jsx20("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx20("img", { src: targetChainIcon, alt: "" }) })
             ] })
           ] }),
-          srcTxUrl && deposit.sourceTxHash && /* @__PURE__ */ jsxs18("div", { className: "rs-amount-detail-row", children: [
+          srcTxUrl && srcTxHash && /* @__PURE__ */ jsxs18("div", { className: "rs-amount-detail-row", children: [
             /* @__PURE__ */ jsx20("span", { children: "Transaction details" }),
             /* @__PURE__ */ jsxs18(
               "a",
@@ -7736,7 +7766,7 @@ function HistoryCard({ deposit }) {
                 className: "rs-history-card-link",
                 onClick: (e) => e.stopPropagation(),
                 children: [
-                  /* @__PURE__ */ jsx20("span", { children: shortenHash(deposit.sourceTxHash) }),
+                  /* @__PURE__ */ jsx20("span", { children: shortenHash(srcTxHash) }),
                   /* @__PURE__ */ jsx20(ArrowUpRightIcon, {})
                 ]
               }
@@ -7752,7 +7782,7 @@ DepositHistoryPanel.displayName = "DepositHistoryPanel";
 // src/DepositModal.tsx
 import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
 var ReownDepositInner = lazy2(
-  () => import("./DepositModalReown-T4RRW5FM.mjs").then((m) => ({ default: m.DepositModalReown }))
+  () => import("./DepositModalReown-RZ6VSMKP.mjs").then((m) => ({ default: m.DepositModalReown }))
 );
 function sortByCreatedAtDesc(items) {
   return [...items].sort((a, b) => {

package/dist/{chunk-CLUR2J72.mjs → chunk-7JJ4EFDY.mjs}

@@ -12,6 +12,7 @@ import {
   ProcessingStep,
   RpcUrlsProvider,
   Spinner,
+  TokenIcon,
   WalletIcon,
   accountFromPrivateKey,
   applyTheme,
@@ -33,12 +34,12 @@ import {
   useRpcUrls,
   useStableRpcUrls,
   useTokenPrices
-} from "./chunk-OYPFPEIT.mjs";
+} from "./chunk-RXWJ267K.mjs";
 import {
   buildSafeTransaction,
   executeSafeErc20Transfer,
   executeSafeEthTransfer
-} from "./chunk-K6J3RDDK.mjs";
+} from "./chunk-TYB6AA6D.mjs";
 import {
   DEFAULT_BACKEND_URL,
   DEFAULT_SIGNER_ADDRESS,
@@ -49,10 +50,9 @@ import {
   getChainName,
   getSupportedTargetTokens,
   getTokenDecimalsByAddress,
-  getTokenIcon,
   getTokenSymbol,
   toEvmCaip2
-} from "./chunk-CPMHRMPH.mjs";
+} from "./chunk-SX52FXKH.mjs";
 
 // src/WithdrawModal.tsx
 import {
@@ -605,11 +605,10 @@ function WithdrawFormStep({
                     },
                     children: [
                       /* @__PURE__ */ jsxs("div", { className: "rs-withdraw-dropdown-value", children: [
-                        getTokenIcon(targetSymbol) && /* @__PURE__ */ jsx(
-                          "img",
+                        /* @__PURE__ */ jsx(
+                          TokenIcon,
                           {
-                            src: getTokenIcon(targetSymbol),
-                            alt: targetSymbol,
+                            symbol: targetSymbol,
                             className: "rs-withdraw-dropdown-icon"
                           }
                         ),
@@ -637,11 +636,10 @@ function WithdrawFormStep({
                       setShowTokenDropdown(false);
                     },
                     children: [
-                      getTokenIcon(option.symbol) && /* @__PURE__ */ jsx(
-                        "img",
+                      /* @__PURE__ */ jsx(
+                        TokenIcon,
                         {
-                          src: getTokenIcon(option.symbol),
-                          alt: option.symbol,
+                          symbol: option.symbol,
                           className: "rs-withdraw-dropdown-icon"
                         }
                       ),
@@ -701,8 +699,6 @@ function WithdrawReviewStep({
   const targetSymbol = getTokenSymbol(targetToken, targetChain);
   const targetChainName = getChainName(targetChain);
   const targetChainIcon = getChainIcon(targetChain);
-  const sourceTokenIcon = getTokenIcon(sourceSymbol);
-  const targetTokenIcon = getTokenIcon(targetSymbol);
   const amountNumber = Number(amount);
   const formattedSendAmount = formatTokenAmount(amountNumber, sourceSymbol) ?? amount;
   const prices = useTokenPrices(service, [sourceSymbol, targetSymbol]);
@@ -746,7 +742,7 @@ function WithdrawReviewStep({
               " ",
               sourceSymbol
             ] }),
-            sourceTokenIcon && /* @__PURE__ */ jsx2("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx2("img", { src: sourceTokenIcon, alt: "" }) })
+            /* @__PURE__ */ jsx2("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx2(TokenIcon, { symbol: sourceSymbol }) })
           ] })
         ] }),
         /* @__PURE__ */ jsxs2("div", { className: "rs-review-detail-row", children: [
@@ -764,7 +760,7 @@ function WithdrawReviewStep({
           /* @__PURE__ */ jsx2("span", { children: "Receive" }),
           /* @__PURE__ */ jsxs2("span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ jsx2("span", { children: receiveDisplay }),
-            targetTokenIcon && /* @__PURE__ */ jsx2("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx2("img", { src: targetTokenIcon, alt: "" }) })
+            /* @__PURE__ */ jsx2("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx2(TokenIcon, { symbol: targetSymbol }) })
           ] })
         ] }),
         /* @__PURE__ */ jsxs2("div", { className: "rs-review-detail-row", children: [
@@ -1594,7 +1590,7 @@ function deriveStepView(step, _registration) {
 // src/WithdrawModal.tsx
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var ReownWithdrawInner = lazy(
-  () => import("./WithdrawModalReown-Q6MUMZTX.mjs").then((m) => ({
+  () => import("./WithdrawModalReown-4YUV2WWV.mjs").then((m) => ({
     default: m.WithdrawModalReown
   }))
 );