@rhinestone/deposit-modal 0.6.1 → 0.8.0

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

@@ -7,7 +7,7 @@ import {
   executePolymarketSafeTransfer,
   fetchPolymarketProxyWallet,
   readPolymarketBalances
-} from "./chunk-FJWLC4AM.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-GBOCV2LQ.mjs";
+} from "./chunk-RXWJ267K.mjs";
 import {
   SAFE_ABI
-} from "./chunk-F7P4MV72.mjs";
+} from "./chunk-TYB6AA6D.mjs";
 import {
   DEFAULT_BACKEND_URL,
   DEFAULT_SIGNER_ADDRESS,
@@ -87,21 +88,23 @@ import {
   getChainName,
   getExplorerTxUrl,
   getExplorerUrl,
+  getNativeSymbol,
   getSupportedChainIds,
   getTargetTokenSymbol,
   getTargetTokenSymbolsForChain,
   getTokenAddress,
   getTokenDecimalsByAddress,
-  getTokenIcon,
   getTokenSymbol,
   isContractBytecode,
+  isHyperCoreCaip2,
   isNativeSol,
   isSolanaCaip2,
   isStablecoinSymbol,
+  isSupportedTokenAddressForChain,
   isVirtualDestination,
   parseEvmChainId,
   targetChainToCaip2
-} from "./chunk-WJX3TJFK.mjs";
+} from "./chunk-SX52FXKH.mjs";
 
 // src/DepositModal.tsx
 import {
@@ -204,12 +207,6 @@ function AssetSelectStep({
       active = false;
     };
   }, [address, publicClient, service, onTotalBalanceComputedRef]);
-  useEffect(() => {
-    if (!defaultAssetId || selectedAssetId) return;
-    if (assets.some((asset) => asset.id === defaultAssetId)) {
-      setSelectedAssetId(defaultAssetId);
-    }
-  }, [assets, defaultAssetId, selectedAssetId]);
   const allowedChainSet = useMemo(
     () => allowedRoutes?.sourceChains ? new Set(allowedRoutes.sourceChains) : null,
     [allowedRoutes?.sourceChains]
@@ -226,7 +223,12 @@ function AssetSelectStep({
         return false;
       }
       if (allowedChainSet && !allowedChainSet.has(a.chainId)) return false;
-      if (allowedTokenSet && !allowedTokenSet.has(a.symbol.toUpperCase()))
+      if (allowedTokenSet) {
+        if (!allowedTokenSet.has(a.symbol.toUpperCase())) return false;
+        if (!isSupportedTokenAddressForChain(a.token, a.chainId)) return false;
+      }
+      const isNativeToken = a.token.toLowerCase() === NATIVE_TOKEN_ADDRESS;
+      if (!isNativeToken && !(typeof a.balanceUsd === "number" && a.balanceUsd >= 0.01))
         return false;
       return true;
     }).sort((a, b) => {
@@ -240,7 +242,13 @@ function AssetSelectStep({
       return 0;
     });
   }, [assets, allowedChainSet, allowedTokenSet]);
-  const selectedAsset = selectedAssetId && assets.find((asset) => asset.id === selectedAssetId);
+  useEffect(() => {
+    if (!defaultAssetId || selectedAssetId) return;
+    if (rows.some((asset) => asset.id === defaultAssetId)) {
+      setSelectedAssetId(defaultAssetId);
+    }
+  }, [rows, defaultAssetId, selectedAssetId]);
+  const selectedAsset = selectedAssetId && rows.find((asset) => asset.id === selectedAssetId);
   const formatBalance = (asset) => {
     if (!asset.balance) return "--";
     try {
@@ -289,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",
@@ -301,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",
                     {
@@ -366,13 +379,14 @@ async function fetchNativeAssets(address, publicClient, existing) {
   if (existingIds.has(id)) return [];
   try {
     const balance = await publicClient.getBalance({ address });
+    const nativeSymbol = getNativeSymbol(connectedChainId);
     return [
       {
         id,
         chainId: connectedChainId,
         token: NATIVE_TOKEN_ADDRESS,
-        symbol: "ETH",
-        name: "Ethereum",
+        symbol: nativeSymbol,
+        name: nativeSymbol,
         decimals: 18,
         balance: balance.toString()
       }
@@ -747,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" }),
@@ -802,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: [
@@ -813,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: [
@@ -880,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}`;
@@ -1008,7 +1018,13 @@ function ConfirmStep({
         });
       }
       onDepositSubmitted?.(hash, asset.chainId, amountUnits.toString());
-      onConfirm(hash, asset.chainId, amountUnits.toString(), resolvedSourceToken);
+      onConfirm(
+        hash,
+        asset.chainId,
+        amountUnits.toString(),
+        resolvedSourceToken,
+        quote?.fees?.breakdown
+      );
     } catch (err) {
       const raw = err instanceof Error ? err.message : "Transfer failed";
       const message = formatUserError(raw);
@@ -1048,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: [
@@ -1442,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]);
   }
@@ -1502,14 +1519,36 @@ function getDepositEventDetails(event) {
 function isSameRoute(sourceChain, sourceToken, targetChain, targetToken) {
   return sourceChain === targetChain && sourceToken.toLowerCase() === targetToken.toLowerCase();
 }
-function computeTokensForChain(chainId, allowedTokenSet) {
-  const all = chainId === "solana" ? SOLANA_TOKENS.map((t) => t.symbol) : getTargetTokenSymbolsForChain(chainId);
+function chainLabel(chainId) {
+  return getChainName(chainId).replace(/\s+(One|Mainnet|Smart Chain)$/i, "");
+}
+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) : (
+    // 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) {
+  const top = topTokens?.[String(chainId)]?.find((t) => t.symbol === symbol);
+  return top?.address ?? getTokenAddress(symbol, chainId);
+}
+function TokenGlyph({ symbol }) {
+  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;
   if (tokens.includes("USDC")) return "USDC";
-  return tokens[0] ?? "USDC";
+  return tokens[0] ?? "";
 }
 function DepositAddressStep({
   smartAccount,
@@ -1539,21 +1578,45 @@ 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 defaultChainId = evmChainIds.includes(BASE_CHAIN_ID2) ? BASE_CHAIN_ID2 : evmChainIds[0];
+  const chainHasAllowedToken = (id) => !allowedTokenSet || getTargetTokenSymbolsForChain(id).some(
+    (s) => allowedTokenSet.has(s.toUpperCase())
+  );
+  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;
+    service.getTopTokens().then((t) => {
+      if (active) setTopTokens(t);
+    });
+    return () => {
+      active = false;
+    };
+  }, [service]);
   const tokensForChain = useMemo3(
-    () => computeTokensForChain(sourceChainId, allowedTokenSet),
-    [sourceChainId, allowedTokenSet]
+    () => computeTokensForChain(sourceChainId, allowedTokenSet, topTokens),
+    [sourceChainId, allowedTokenSet, topTokens]
   );
   const defaultToken = pickFallbackToken(tokensForChain, "USDC");
   const [sourceTokenSymbol, setSourceTokenSymbol] = useState5(defaultToken);
+  useEffect5(() => {
+    if (!tokensForChain.includes(sourceTokenSymbol)) {
+      setSourceTokenSymbol(pickFallbackToken(tokensForChain, sourceTokenSymbol));
+    }
+  }, [tokensForChain, sourceTokenSymbol]);
   const [copied, setCopied] = useState5(false);
   const [pollingError, setPollingError] = useState5(null);
   const [chainDropdownOpen, setChainDropdownOpen] = useState5(false);
@@ -1569,13 +1632,14 @@ function DepositAddressStep({
     kind: "idle"
   });
   useEffect5(() => {
-    if (isSolana) {
+    if (isSolana || isHyperCore) {
       setLiquidityHelper({ kind: "idle" });
       return;
     }
-    const sourceTokenAddress = getTokenAddress(
+    const sourceTokenAddress = resolveSourceTokenAddress(
       sourceTokenSymbol,
-      sourceChainId
+      sourceChainId,
+      topTokens
     );
     if (!sourceTokenAddress) {
       setLiquidityHelper({ kind: "idle" });
@@ -1612,11 +1676,13 @@ function DepositAddressStep({
     };
   }, [
     isSolana,
+    isHyperCore,
     sourceChainId,
     sourceTokenSymbol,
     targetChain,
     targetToken,
-    service
+    service,
+    topTokens
   ]);
   const displayAddress = isSolana && solanaDepositAddress ? solanaDepositAddress : smartAccount;
   useEffect5(() => {
@@ -1658,14 +1724,18 @@ function DepositAddressStep({
   }, [displayAddress, onCopyAddress]);
   const handleSelectChain = useCallback2(
     (nextChain) => {
-      const nextTokens = computeTokensForChain(nextChain, allowedTokenSet);
+      const nextTokens = computeTokensForChain(
+        nextChain,
+        allowedTokenSet,
+        topTokens
+      );
       setSourceChainId(nextChain);
       setSourceTokenSymbol(pickFallbackToken(nextTokens, sourceTokenSymbol));
       setChainDropdownOpen(false);
       setTokenDropdownOpen(false);
       setCopied(false);
     },
-    [allowedTokenSet, sourceTokenSymbol]
+    [allowedTokenSet, sourceTokenSymbol, topTokens]
   );
   const onDepositSubmittedRef = useRef5(onDepositSubmitted);
   onDepositSubmittedRef.current = onDepositSubmitted;
@@ -1820,7 +1890,7 @@ function DepositAddressStep({
                     className: "rs-deposit-address-dropdown-icon"
                   }
                 ),
-                /* @__PURE__ */ jsx6("span", { children: getChainName(sourceChainId) }),
+                /* @__PURE__ */ jsx6("span", { children: chainLabel(sourceChainId) }),
                 /* @__PURE__ */ jsx6(ChevronDownIcon, { className: "rs-deposit-address-dropdown-chevron" })
               ]
             }
@@ -1840,7 +1910,7 @@ function DepositAddressStep({
                     className: "rs-deposit-address-dropdown-icon"
                   }
                 ),
-                /* @__PURE__ */ jsx6("span", { children: getChainName(chainId) })
+                /* @__PURE__ */ jsx6("span", { children: chainLabel(chainId) })
               ]
             },
             String(chainId)
@@ -1851,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,
                 {
@@ -1872,14 +1942,7 @@ function DepositAddressStep({
                 setChainDropdownOpen(false);
               },
               children: [
-                getTokenIcon(sourceTokenSymbol) && /* @__PURE__ */ jsx6(
-                  "img",
-                  {
-                    src: getTokenIcon(sourceTokenSymbol),
-                    alt: "",
-                    className: "rs-deposit-address-dropdown-icon"
-                  }
-                ),
+                /* @__PURE__ */ jsx6(TokenGlyph, { symbol: sourceTokenSymbol }),
                 /* @__PURE__ */ jsx6("span", { children: sourceTokenSymbol }),
                 /* @__PURE__ */ jsx6(ChevronDownIcon, { className: "rs-deposit-address-dropdown-chevron" })
               ]
@@ -1895,14 +1958,7 @@ function DepositAddressStep({
                 setTokenDropdownOpen(false);
               },
               children: [
-                getTokenIcon(symbol) && /* @__PURE__ */ jsx6(
-                  "img",
-                  {
-                    src: getTokenIcon(symbol),
-                    alt: "",
-                    className: "rs-deposit-address-dropdown-icon"
-                  }
-                ),
+                /* @__PURE__ */ jsx6(TokenGlyph, { symbol }),
                 /* @__PURE__ */ jsx6("span", { children: symbol })
               ]
             },
@@ -2176,6 +2232,7 @@ var DEPOSIT_POLL_INTERVAL_MS = 2e3;
 var DEPOSIT_POLL_FAST_INITIAL_DELAY_MS = 1e3;
 var DEPOSIT_POLL_FAST_INTERVAL_MS = 500;
 var IFRAME_LOAD_TIMEOUT_MS = 15e3;
+var SWAPPED_SUCCESS_HANDOFF_DELAY_MS = 1400;
 var SWAPPED_IFRAME_ORIGINS = new Set(SWAPPED_ORIGINS);
 var SWAPPED_TERMINAL_STATUSES = /* @__PURE__ */ new Set([
   "order_completed",
@@ -2244,7 +2301,8 @@ function SwappedIframeStep({
   onSwappedFailed,
   onClose,
   onGoBack,
-  onError
+  onError,
+  onImmersiveChange
 }) {
   const [widgetUrl, setWidgetUrl] = useState6(null);
   const [loadError, setLoadError] = useState6(null);
@@ -2256,6 +2314,7 @@ function SwappedIframeStep({
   const iframeRef = useRef6(null);
   const completeFiredRef = useRef6(false);
   const failedFiredRef = useRef6(false);
+  const completeTimeoutRef = useRef6(null);
   const expectedOrderUuidRef = useRef6(null);
   const expectedExternalCustomerIdRef = useRef6(null);
   const baselineDepositTxHashRef = useRef6(void 0);
@@ -2272,6 +2331,8 @@ function SwappedIframeStep({
   onErrorRef.current = onError;
   const onGoBackRef = useRef6(onGoBack);
   onGoBackRef.current = onGoBack;
+  const onImmersiveChangeRef = useRef6(onImmersiveChange);
+  onImmersiveChangeRef.current = onImmersiveChange;
   const loadUrlRef = useRef6(loadUrl);
   loadUrlRef.current = loadUrl;
   useEffect6(() => {
@@ -2282,6 +2343,10 @@ function SwappedIframeStep({
     setOrderState(null);
     setLatestEvent(null);
     setPhase("iframe");
+    if (completeTimeoutRef.current !== null) {
+      clearTimeout(completeTimeoutRef.current);
+      completeTimeoutRef.current = null;
+    }
     expectedOrderUuidRef.current = null;
     expectedExternalCustomerIdRef.current = null;
     completeFiredRef.current = false;
@@ -2303,6 +2368,10 @@ function SwappedIframeStep({
     });
     return () => {
       cancelled = true;
+      if (completeTimeoutRef.current !== null) {
+        clearTimeout(completeTimeoutRef.current);
+        completeTimeoutRef.current = null;
+      }
     };
   }, [service, smartAccount, retryToken, loadErrorCode, loadErrorFallback]);
   useEffect6(() => {
@@ -2412,10 +2481,11 @@ function SwappedIframeStep({
     return () => window.removeEventListener("message", onMessage);
   }, []);
   useEffect6(() => {
-    if (phase === "iframe" && (orderState !== null || latestEvent !== null)) {
+    const swappedProvesLive = orderState !== null && !(variant === "fiat" && orderState.status === "payment_pending");
+    if (phase === "iframe" && (swappedProvesLive || latestEvent !== null)) {
       setPhase("tracker");
     }
-  }, [phase, orderState, latestEvent]);
+  }, [phase, orderState, latestEvent, variant]);
   const stepStates = useMemo4(
     () => deriveStepStates(orderState?.status ?? null, latestEvent),
     [orderState, latestEvent]
@@ -2441,15 +2511,21 @@ function SwappedIframeStep({
     const txHash = currentDepositTxHashRef.current;
     if (!txHash) return;
     completeFiredRef.current = true;
-    onSwappedCompleteRef.current({
+    const info = {
+      smartAccount,
       txHash,
       orderCrypto: orderState?.orderCrypto ?? null,
       // Base-unit source amount from the deposit row/event, consistent with the
       // wallet/QR path. ProcessingStep + onLifecycle expect base units.
       amount: getEventSourceDetails(latestEvent ?? void 0).amount ?? null,
+      expectedOrderUuid: expectedOrderUuidRef.current,
       initialEvent: latestEvent ?? void 0
-    });
-  }, [latestEvent, orderState]);
+    };
+    completeTimeoutRef.current = setTimeout(() => {
+      completeTimeoutRef.current = null;
+      onSwappedCompleteRef.current(info);
+    }, SWAPPED_SUCCESS_HANDOFF_DELAY_MS);
+  }, [latestEvent, orderState, smartAccount]);
   useEffect6(() => {
     if (failedFiredRef.current || completeFiredRef.current) return;
     if (!isFailedEvent(latestEvent ?? void 0)) return;
@@ -2462,6 +2538,11 @@ function SwappedIframeStep({
       failureMessageForEvent(latestEvent ?? void 0)
     );
   }, [latestEvent]);
+  const immersive = variant === "fiat" && phase === "iframe" && !loadError;
+  useEffect6(() => {
+    onImmersiveChangeRef.current?.(immersive);
+  }, [immersive]);
+  useEffect6(() => () => onImmersiveChangeRef.current?.(false), []);
   if (phase === "tracker") {
     const paymentReceived = stepStates[0] === "complete";
     if (variant === "connect" && !terminalState && paymentReceived) {
@@ -2508,7 +2589,7 @@ function SwappedIframeStep({
         retryToken
       )
     ] }) }),
-    /* @__PURE__ */ jsx9(PoweredBy, {})
+    loadError && /* @__PURE__ */ jsx9(PoweredBy, {})
   ] });
 }
 function deriveStepStates(swappedStatus, latestEvent) {
@@ -2519,10 +2600,10 @@ function deriveStepStates(swappedStatus, latestEvent) {
     return ["failed", "pending", "pending", "pending"];
   }
   const step1Complete = swappedStatus === "order_completed" || swappedStatus === "order_broadcasted";
-  const step2Complete = latestEvent !== null;
+  const step2Complete = latestEvent !== null || swappedStatus === "order_broadcasted";
   const step3Complete = latestEvent?.type === "bridge-complete";
   if (step3Complete) {
-    return ["complete", "complete", "complete", "pending"];
+    return ["complete", "complete", "complete", "complete"];
   }
   if (step2Complete) {
     return ["complete", "complete", "active", "pending"];
@@ -2571,7 +2652,8 @@ function FiatOnrampStep({
   onSwappedFailed,
   onClose,
   onGoBack,
-  onError
+  onError,
+  onImmersiveChange
 }) {
   const loadUrl = useCallback3(async () => {
     const prefetched = consumePrefetchedUrl?.(smartAccount, paymentMethod);
@@ -2602,7 +2684,8 @@ function FiatOnrampStep({
       onSwappedFailed,
       onClose,
       onGoBack,
-      onError
+      onError,
+      onImmersiveChange
     }
   );
 }
@@ -2648,7 +2731,8 @@ function ExchangeConnectStep({
   onSwappedFailed,
   onClose,
   onGoBack,
-  onError
+  onError,
+  onImmersiveChange
 }) {
   const loadUrl = useCallback4(async () => {
     const res = await service.getSwappedConnectUrl({
@@ -2672,7 +2756,8 @@ function ExchangeConnectStep({
       onSwappedFailed,
       onClose,
       onGoBack,
-      onError
+      onError,
+      onImmersiveChange
     }
   );
 }
@@ -2812,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: [
@@ -2849,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"
               }
             ),
@@ -3059,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",
           {
@@ -3070,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: [
@@ -3132,7 +3220,6 @@ function SolanaAmountStep({
   targetChain,
   targetChainName,
   targetTokenSymbol,
-  targetTokenIcon,
   appBalanceUsd,
   onContinue,
   debug
@@ -3315,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" }),
@@ -3367,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: [
@@ -3378,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: [
@@ -3534,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";
@@ -3671,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: [
@@ -3734,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(
@@ -3746,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",
                     {
@@ -4182,7 +4272,8 @@ function createInitialState(overrides) {
       txHash: null,
       directTransfer: false,
       swappedContext: null,
-      initialEvent: null
+      initialEvent: null,
+      quoteFeeBreakdown: null
     },
     dappImport: {
       activeProviderId: null,
@@ -4792,10 +4883,22 @@ function applyAction(state, action) {
           txHash: action.txHash,
           directTransfer: action.directTransfer ?? false,
           swappedContext: action.swappedContext ?? null,
-          initialEvent: action.initialEvent ?? null
+          initialEvent: action.initialEvent ?? null,
+          quoteFeeBreakdown: action.quoteFeeBreakdown ?? null
         },
         flow: { ...state.flow, step: "processing" }
       };
+    case "processing/quote-fee-breakdown-loaded":
+      if (state.flow.step !== "processing" || state.processing.txHash?.toLowerCase() !== action.txHash.toLowerCase()) {
+        return state;
+      }
+      return {
+        ...state,
+        processing: {
+          ...state.processing,
+          quoteFeeBreakdown: action.quoteFeeBreakdown
+        }
+      };
     case "dapp-import/availability-loading":
       return {
         ...state,
@@ -4963,7 +5066,8 @@ function applyAction(state, action) {
           txHash: null,
           directTransfer: false,
           swappedContext: null,
-          initialEvent: null
+          initialEvent: null,
+          quoteFeeBreakdown: null
         },
         // Drop fetched availability wholesale. The fetch effect refetches
         // unconditionally on remount (so keeping the map saves nothing),
@@ -5320,6 +5424,33 @@ function isSameRoute2(sourceChain, sourceToken, targetChain, targetToken) {
 var SWAPPED_SOURCE_CHAIN = 8453;
 var SWAPPED_SOURCE_TOKEN = "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913";
 var SWAPPED_SOURCE_DECIMALS = 6;
+var SWAPPED_QUOTE_FEE_TIMEOUT_MS = 2500;
+async function fetchQuoteFeeBreakdown(params) {
+  try {
+    if (BigInt(params.amount) <= 0n) return void 0;
+  } catch {
+    return void 0;
+  }
+  let timeoutId;
+  try {
+    const quote = await Promise.race([
+      params.service.getQuotePreview({
+        account: params.account,
+        sourceChainId: params.sourceChainId,
+        sourceToken: params.sourceToken,
+        amount: params.amount
+      }),
+      new Promise((resolve) => {
+        timeoutId = setTimeout(resolve, SWAPPED_QUOTE_FEE_TIMEOUT_MS, null);
+      })
+    ]);
+    return quote?.fees?.breakdown;
+  } catch {
+    return void 0;
+  } finally {
+    if (timeoutId !== void 0) clearTimeout(timeoutId);
+  }
+}
 var DEFAULT_FIAT_ONRAMP_METHODS = [
   {
     method: "creditcard",
@@ -5444,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 {
@@ -5460,7 +5596,8 @@ function deriveStep(flow, d, p, activeEntry, fiat, exchange) {
         inputAmountUsd: d.inputAmountUsd ?? void 0,
         directTransfer: p.directTransfer,
         swappedContext: p.swappedContext ?? void 0,
-        initialEvent: p.initialEvent ?? void 0
+        initialEvent: p.initialEvent ?? void 0,
+        quoteFeeBreakdown: p.quoteFeeBreakdown ?? void 0
       };
   }
 }
@@ -5511,6 +5648,7 @@ function DepositFlow({
   uiConfig,
   allowedRoutes,
   onStepChange,
+  onSwappedImmersiveChange,
   onClose,
   onLifecycle,
   onEvent,
@@ -6636,7 +6774,7 @@ function DepositFlow({
     [targetToken, targetChain, storeApi, activeOwner]
   );
   const handleDepositSubmitted = useCallback7(
-    (txHash, chainId, amount, token) => {
+    (txHash, chainId, amount, token, quoteFeeBreakdown) => {
       logFlow("evm:submitted", {
         txHash,
         sourceChain: chainId,
@@ -6655,7 +6793,8 @@ function DepositFlow({
         sourceSymbol: asset?.symbol,
         sourceDecimals: asset?.decimals,
         inputAmountUsd: depositAtSubmit.inputAmountUsd ?? void 0,
-        directTransfer: !dappImport && isSameRoute2(chainId, token, targetChain, targetToken)
+        directTransfer: !dappImport && isSameRoute2(chainId, token, targetChain, targetToken),
+        quoteFeeBreakdown
       });
     },
     [logFlow, storeApi, targetChain, targetToken]
@@ -6670,10 +6809,12 @@ function DepositFlow({
       const stateAtComplete = storeApi.getState();
       const swappedContext = stateAtComplete.flow.mode === "exchange-connect" ? {
         variant: "connect",
-        method: stateAtComplete.exchange.selectedConnection
+        method: stateAtComplete.exchange.selectedConnection,
+        expectedOrderUuid: info.expectedOrderUuid
       } : stateAtComplete.flow.mode === "fiat-onramp" ? {
         variant: "fiat",
-        method: stateAtComplete.fiat.selectedMethod
+        method: stateAtComplete.fiat.selectedMethod,
+        expectedOrderUuid: info.expectedOrderUuid
       } : void 0;
       storeApi.dispatch({
         type: "deposit/submitted",
@@ -6693,8 +6834,23 @@ function DepositFlow({
         amount,
         sourceDecimals: SWAPPED_SOURCE_DECIMALS
       });
+      void (async () => {
+        const quoteFeeBreakdown = await fetchQuoteFeeBreakdown({
+          service,
+          account: info.smartAccount,
+          sourceChainId: SWAPPED_SOURCE_CHAIN,
+          sourceToken: SWAPPED_SOURCE_TOKEN,
+          amount
+        });
+        if (!quoteFeeBreakdown) return;
+        storeApi.dispatch({
+          type: "processing/quote-fee-breakdown-loaded",
+          txHash: info.txHash,
+          quoteFeeBreakdown
+        });
+      })();
     },
-    [logFlow, storeApi, onLifecycleRef]
+    [logFlow, onLifecycleRef, service, storeApi]
   );
   const handleDepositSubmittedCallback = useCallback7(
     (txHash, sourceChain, amount) => {
@@ -6936,7 +7092,8 @@ function DepositFlow({
               onClose: onClose ?? (() => {
               }),
               onGoBack: handleBack,
-              onError: handleError
+              onError: handleError,
+              onImmersiveChange: onSwappedImmersiveChange
             }
           ),
           step.type === "processing" && /* @__PURE__ */ jsx19(
@@ -6954,10 +7111,12 @@ function DepositFlow({
               sourceDecimals: step.sourceDecimals,
               amountUsd: step.inputAmountUsd,
               swappedContext: step.swappedContext,
+              quoteFeeBreakdown: step.quoteFeeBreakdown,
               service,
               directTransfer: step.directTransfer,
               initialEvent: step.initialEvent,
               isSwappedOrder: true,
+              uiConfig,
               onClose,
               onNewDeposit: handleNewDeposit,
               onDepositComplete: handleDepositComplete,
@@ -7005,7 +7164,8 @@ function DepositFlow({
               onClose: onClose ?? (() => {
               }),
               onGoBack: handleBack,
-              onError: handleError
+              onError: handleError,
+              onImmersiveChange: onSwappedImmersiveChange
             }
           ),
           step.type === "processing" && /* @__PURE__ */ jsx19(
@@ -7023,10 +7183,12 @@ function DepositFlow({
               sourceDecimals: step.sourceDecimals,
               amountUsd: step.inputAmountUsd,
               swappedContext: step.swappedContext,
+              quoteFeeBreakdown: step.quoteFeeBreakdown,
               service,
               directTransfer: step.directTransfer,
               initialEvent: step.initialEvent,
               isSwappedOrder: true,
+              uiConfig,
               onClose,
               onNewDeposit: handleNewDeposit,
               onDepositComplete: handleDepositComplete,
@@ -7076,9 +7238,6 @@ function DepositFlow({
           targetChain,
           targetChainName: getChainName(targetChain),
           targetTokenSymbol: getTargetTokenSymbol(targetToken, targetChain),
-          targetTokenIcon: getTokenIcon(
-            getTargetTokenSymbol(targetToken, targetChain)
-          ),
           appBalanceUsd,
           onContinue: handleSolanaAmountContinue,
           debug
@@ -7156,6 +7315,7 @@ function DepositFlow({
           service,
           directTransfer: effectiveStep.directTransfer,
           initialEvent: effectiveStep.initialEvent,
+          quoteFeeBreakdown: effectiveStep.quoteFeeBreakdown,
           onClose,
           onNewDeposit: handleNewDeposit,
           onDepositComplete: handleDepositComplete,
@@ -7318,6 +7478,7 @@ function DepositFlow({
         service,
         directTransfer: effectiveStep.directTransfer,
         initialEvent: effectiveStep.initialEvent,
+        quoteFeeBreakdown: effectiveStep.quoteFeeBreakdown,
         uiConfig,
         onClose,
         onNewDeposit: handleNewDeposit,
@@ -7355,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);
@@ -7373,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);
@@ -7393,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 {
@@ -7544,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", {
@@ -7553,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",
     {
@@ -7564,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: [
@@ -7591,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",
@@ -7602,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, {})
                 ]
               }
@@ -7618,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-IVRDXQAA.mjs").then((m) => ({ default: m.DepositModalReown }))
+  () => import("./DepositModalReown-RZ6VSMKP.mjs").then((m) => ({ default: m.DepositModalReown }))
 );
 function sortByCreatedAtDesc(items) {
   return [...items].sort((a, b) => {
@@ -7698,6 +7862,7 @@ function DepositModalInner({
   const modalRef = useRef9(null);
   const onReadyRef = useLatestRef(onReady);
   const [currentScreen, setCurrentScreen] = useState13("connect");
+  const [swappedImmersive, setSwappedImmersive] = useState13(false);
   const [backHandler, setBackHandler] = useState13(
     void 0
   );
@@ -7747,6 +7912,24 @@ function DepositModalInner({
     }),
     [backendUrl, debug]
   );
+  const [clientSetup, setClientSetup] = useState13(
+    null
+  );
+  useEffect11(() => {
+    if (!isOpen) return;
+    let active = true;
+    service.getSetup().then((config) => {
+      if (active) setClientSetup(config);
+    });
+    return () => {
+      active = false;
+    };
+  }, [isOpen, service]);
+  useEffect11(() => {
+    if (debug && clientSetup) {
+      console.debug("[deposit] client setup config (not shown yet)", clientSetup);
+    }
+  }, [debug, clientSetup]);
   const store = useMemo9(
     () => createDepositStore({ targetChain, targetToken }),
     // eslint-disable-next-line react-hooks/exhaustive-deps
@@ -7860,6 +8043,9 @@ function DepositModalInner({
       cursorRef.current = null;
       historyStaleRef.current = false;
       historyLoadedRef.current = false;
+      setCurrentScreen("connect");
+      setBackHandler(void 0);
+      setSwappedImmersive(false);
     }
   }, [isOpen]);
   useEffect11(() => {
@@ -7869,6 +8055,8 @@ function DepositModalInner({
   }, [isOpen, store]);
   const showBackButton = uiConfig?.showBackButton ?? true;
   const canGoBack = backHandler !== void 0;
+  const hideHeaderChrome = swappedImmersive;
+  const modalClassName = `rs-modal${hideHeaderChrome ? " rs-modal--swapped-iframe" : ""}`;
   return /* @__PURE__ */ jsx21(RpcUrlsProvider, { value: rpcUrls, children: /* @__PURE__ */ jsx21(DepositStoreProvider, { store, children: /* @__PURE__ */ jsx21(
     Modal,
     {
@@ -7877,8 +8065,8 @@ function DepositModalInner({
       className,
       inline,
       closeOnOverlayClick,
-      children: /* @__PURE__ */ jsxs19("div", { ref: modalRef, className: "rs-modal", children: [
-        /* @__PURE__ */ jsxs19("div", { className: "rs-modal-header--redesigned", children: [
+      children: /* @__PURE__ */ jsxs19("div", { ref: modalRef, className: modalClassName, children: [
+        !hideHeaderChrome && /* @__PURE__ */ jsxs19("div", { className: "rs-modal-header--redesigned", children: [
           /* @__PURE__ */ jsx21("div", { className: "rs-modal-header-nav-left", children: showBackButton && canGoBack && backHandler && /* @__PURE__ */ jsx21(
             "button",
             {
@@ -7947,6 +8135,7 @@ function DepositModalInner({
             uiConfig,
             allowedRoutes,
             onStepChange: handleStepChange,
+            onSwappedImmersiveChange: setSwappedImmersive,
             onClose,
             onLifecycle: handleLifecycle,
             onEvent,