@rhinestone/deposit-modal 0.6.1 → 0.7.0

package/dist/{chunk-VPWWFWZT.cjs → chunk-UN6MEOOA.cjs}

@@ -13,7 +13,7 @@
 
 
 
-var _chunkABVRVW3Pcjs = require('./chunk-ABVRVW3P.cjs');
+var _chunkHH46H6ZIcjs = require('./chunk-HH46H6ZI.cjs');
 
 // src/components/ui/Modal.tsx
 
@@ -538,6 +538,7 @@ function createDepositService(baseUrl, options) {
   }
   const PORTFOLIO_CACHE_TTL_MS = 3e4;
   const portfolioCache = /* @__PURE__ */ new Map();
+  let topTokensPromise = null;
   function cachedPortfolio(key, fetcher, forceRefresh = false) {
     const now = Date.now();
     const entry = portfolioCache.get(key);
@@ -642,7 +643,7 @@ function createDepositService(baseUrl, options) {
     },
     async fetchPortfolio(address, options2) {
       return cachedPortfolio(`evm:${address.toLowerCase()}`, async () => {
-        const url = apiUrl(`/portfolio/${address}`);
+        const url = apiUrl(`/portfolio/${address}?includeUnsupported=true`);
         debugLog(debug, scope, "fetchPortfolio:request", { url, address });
         const response = await fetch(url, {
           method: "GET",
@@ -948,7 +949,7 @@ function createDepositService(baseUrl, options) {
     },
     async checkLiquidity(params) {
       if (params.destinationChainId === "solana") {
-        const token = _chunkABVRVW3Pcjs.getSolanaTokenByMint.call(void 0, params.destinationToken);
+        const token = _chunkHH46H6ZIcjs.getSolanaTokenByMint.call(void 0, params.destinationToken);
         return {
           hasLiquidity: true,
           symbol: _nullishCoalesce(_optionalChain([token, 'optionalAccess', _25 => _25.symbol]), () => ( "Token")),
@@ -1178,6 +1179,60 @@ function createDepositService(baseUrl, options) {
         stale: body.stale === true ? true : void 0
       };
     },
+    getTopTokens() {
+      if (!topTokensPromise) {
+        topTokensPromise = (async () => {
+          try {
+            const response = await fetch(apiUrl("/tokens"), {
+              method: "GET",
+              headers: { "Content-Type": "application/json" }
+            });
+            if (!response.ok) {
+              debugLog(debug, scope, "getTopTokens:unavailable", {
+                status: response.status
+              });
+              return null;
+            }
+            const data = await response.json();
+            const tokens = _nullishCoalesce(data.tokens, () => ( null));
+            debugLog(debug, scope, "getTopTokens:success", {
+              chains: tokens ? Object.keys(tokens).length : 0
+            });
+            return tokens;
+          } catch (error) {
+            debugError(debug, scope, "getTopTokens:error", error);
+            return null;
+          }
+        })();
+      }
+      return topTokensPromise;
+    },
+    async getSetup() {
+      const url = apiUrl("/setup");
+      try {
+        const response = await fetch(url, {
+          method: "GET",
+          headers: { "Content-Type": "application/json" },
+          cache: "no-store"
+        });
+        if (!response.ok) {
+          debugLog(debug, scope, "getSetup:unavailable", {
+            status: response.status
+          });
+          return null;
+        }
+        const data = await response.json();
+        debugLog(debug, scope, "getSetup:success", {
+          hasWhitelist: Boolean(data.depositWhitelist),
+          whitelistChains: data.depositWhitelist ? Object.keys(data.depositWhitelist).length : 0,
+          minDepositUsd: data.minDepositUsd
+        });
+        return data;
+      } catch (error) {
+        debugError(debug, scope, "getSetup:error", error);
+        return null;
+      }
+    },
     async fetchSwappedOrderStatus(smartAccount) {
       const url = apiUrl(
         `/onramp/swapped/status/${encodeURIComponent(smartAccount)}`
@@ -1198,7 +1253,16 @@ function createDepositService(baseUrl, options) {
       const status = typeof body.status === "string" ? body.status : null;
       const orderId = typeof body.orderId === "string" ? body.orderId : null;
       if (!status || !orderId) return null;
-      const numericOrNull = (v) => typeof v === "number" && Number.isFinite(v) ? v : null;
+      const numericOrNull = (v) => {
+        if (typeof v === "number") {
+          return Number.isFinite(v) ? v : null;
+        }
+        if (typeof v === "string" && v.trim().length > 0) {
+          const parsed = Number(v);
+          return Number.isFinite(parsed) ? parsed : null;
+        }
+        return null;
+      };
       return {
         orderId,
         status,
@@ -1239,14 +1303,14 @@ function normalizeOrchestratorPortfolio(data) {
       const unlocked = _nullishCoalesce(_optionalChain([chainBalance, 'access', _32 => _32.balance, 'optionalAccess', _33 => _33.unlocked]), () => ( "0"));
       const normalizedName = tokenData.tokenName.trim();
       const isNativeSymbol = normalizedName.toUpperCase() === "ETH" || normalizedName.toUpperCase() === "ETHER";
-      const tokenAddress = _nullishCoalesce(_nullishCoalesce(chainBalance.tokenAddress, () => ( extractTokenAddress(tokenData, chainBalance.chainId))), () => ( _chunkABVRVW3Pcjs.getTokenAddress.call(void 0, tokenData.tokenName, chainBalance.chainId)));
-      const resolvedTokenAddress = isNativeSymbol ? _chunkABVRVW3Pcjs.NATIVE_TOKEN_ADDRESS : tokenAddress;
+      const tokenAddress = _nullishCoalesce(_nullishCoalesce(chainBalance.tokenAddress, () => ( extractTokenAddress(tokenData, chainBalance.chainId))), () => ( _chunkHH46H6ZIcjs.getTokenAddress.call(void 0, tokenData.tokenName, chainBalance.chainId)));
+      const resolvedTokenAddress = isNativeSymbol ? _chunkHH46H6ZIcjs.NATIVE_TOKEN_ADDRESS : tokenAddress;
       if (!resolvedTokenAddress) {
         continue;
       }
-      const registrySymbol = _chunkABVRVW3Pcjs.getTokenSymbol.call(void 0, resolvedTokenAddress, chainBalance.chainId);
+      const registrySymbol = _chunkHH46H6ZIcjs.getTokenSymbol.call(void 0, resolvedTokenAddress, chainBalance.chainId);
       const symbol = registrySymbol !== "Token" ? registrySymbol : normalizedName || "Token";
-      const decimals = registrySymbol !== "Token" ? _chunkABVRVW3Pcjs.getTokenDecimalsByAddress.call(void 0, resolvedTokenAddress, chainBalance.chainId) : _nullishCoalesce(tokenData.tokenDecimals, () => ( 18));
+      const decimals = registrySymbol !== "Token" ? _chunkHH46H6ZIcjs.getTokenDecimalsByAddress.call(void 0, resolvedTokenAddress, chainBalance.chainId) : _nullishCoalesce(tokenData.tokenDecimals, () => ( 18));
       tokens.push({
         chainId: chainBalance.chainId,
         address: resolvedTokenAddress,
@@ -1266,7 +1330,7 @@ function normalizeOrchestratorPortfolio(data) {
 function normalizeDirectToken(token) {
   const rawChainId = _nullishCoalesce(extractNumber(token, "chainId"), () => ( extractNumber(token.chain, "id")));
   const rawChainString = _nullishCoalesce(extractString(token, "chainId"), () => ( extractString(token.chain, "id")));
-  const chainId = _nullishCoalesce(rawChainId, () => ( (rawChainString ? _chunkABVRVW3Pcjs.isSolanaCaip2.call(void 0, rawChainString) || rawChainString.toLowerCase() === "solana" ? "solana" : _chunkABVRVW3Pcjs.parseEvmChainId.call(void 0, rawChainString) : null)));
+  const chainId = _nullishCoalesce(rawChainId, () => ( (rawChainString ? _chunkHH46H6ZIcjs.isSolanaCaip2.call(void 0, rawChainString) || rawChainString.toLowerCase() === "solana" ? "solana" : _chunkHH46H6ZIcjs.parseEvmChainId.call(void 0, rawChainString) : null)));
   if (chainId === null) return null;
   const symbol = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(extractString(token, "symbol"), () => ( extractString(token, "tokenSymbol"))), () => ( extractString(token, "tokenName"))), () => ( extractString(token, "name")));
   if (!symbol) return null;
@@ -1275,14 +1339,14 @@ function normalizeDirectToken(token) {
   const address = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(extractString(token, "address"), () => ( extractString(token, "tokenAddress"))), () => ( extractString(
     token.token,
     "address"
-  ))), () => ( (typeof chainId === "number" ? _chunkABVRVW3Pcjs.getTokenAddress.call(void 0, symbol, chainId) : void 0)));
+  ))), () => ( (typeof chainId === "number" ? _chunkHH46H6ZIcjs.getTokenAddress.call(void 0, symbol, chainId) : void 0)));
   if (!address) return null;
   const balanceUsd = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_nullishCoalesce(extractNumber(token, "balanceUsd"), () => ( extractNumber(token, "usdValue"))), () => ( extractNumber(token, "valueUsd"))), () => ( extractNumericString(token, "balanceUsd"))), () => ( extractNumericString(token, "usdValue"))), () => ( extractNumericString(token, "valueUsd"))), () => ( 0));
   const isSolanaToken = chainId === "solana";
-  const registrySymbol = isSolanaToken ? "Token" : _chunkABVRVW3Pcjs.getTokenSymbol.call(void 0, address, chainId);
+  const registrySymbol = isSolanaToken ? "Token" : _chunkHH46H6ZIcjs.getTokenSymbol.call(void 0, address, chainId);
   const resolvedSymbol = isSolanaToken ? symbol : registrySymbol !== "Token" ? registrySymbol : symbol;
   const backendDecimals = _nullishCoalesce(extractNumber(token, "decimals"), () => ( extractNumber(token, "tokenDecimals")));
-  const resolvedDecimals = !isSolanaToken && registrySymbol !== "Token" ? _chunkABVRVW3Pcjs.getTokenDecimalsByAddress.call(void 0, address, chainId) : _nullishCoalesce(backendDecimals, () => ( 18));
+  const resolvedDecimals = !isSolanaToken && registrySymbol !== "Token" ? _chunkHH46H6ZIcjs.getTokenDecimalsByAddress.call(void 0, address, chainId) : _nullishCoalesce(backendDecimals, () => ( 18));
   return {
     chainId,
     address,
@@ -1423,7 +1487,7 @@ function getPublicClient(chainId, rpcUrls) {
   const cacheKey = `${chainId}|${_nullishCoalesce(url, () => ( ""))}`;
   let client = clientCache.get(cacheKey);
   if (!client) {
-    const chain = _chunkABVRVW3Pcjs.CHAIN_BY_ID[chainId];
+    const chain = _chunkHH46H6ZIcjs.CHAIN_BY_ID[chainId];
     client = _viem.createPublicClient.call(void 0, {
       chain,
       transport: _viem.http.call(void 0, url)
@@ -2231,7 +2295,7 @@ function VisaMark() {
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { width: "37.2537", height: "24", rx: "4.2985", fill: "white" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { width: "38", height: "24", rx: "4.2985", fill: "white" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "path",
           {
@@ -2254,7 +2318,7 @@ function MastercardMark() {
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { width: "37.2537", height: "24", rx: "4.2985", fill: "white" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { width: "38", height: "24", rx: "4.2985", fill: "white" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "path",
           {
@@ -2298,7 +2362,7 @@ function AmexMark() {
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { width: "37.2537", height: "24", rx: "4.2985", fill: "#006FCF" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "rect", { width: "38", height: "24", rx: "4.2985", fill: "#006FCF" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "path",
           {
@@ -2394,7 +2458,7 @@ var EXCHANGE_META = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fr
   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ExchangeBadgeIcons, {}),
   "+6"
 ] });
-var EXTRA_CHAIN_COUNT = Math.max(0, _chunkABVRVW3Pcjs.getSupportedChainIds.call(void 0, ).length - 3);
+var EXTRA_CHAIN_COUNT = Math.max(0, _chunkHH46H6ZIcjs.getSupportedChainIds.call(void 0, ).length - 3);
 var CHAIN_BADGE_META = /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
   /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChainBadgeIcons, {}),
   EXTRA_CHAIN_COUNT > 0 ? `+${EXTRA_CHAIN_COUNT}` : null
@@ -2826,21 +2890,25 @@ Tooltip.displayName = "Tooltip";
 // src/components/ui/FeesAccordion.tsx
 
 
-function FeesAccordion({ total, rows }) {
+function FeesAccordion({ total, rows, tooltip }) {
   const [open, setOpen] = _react.useState.call(void 0, false);
   const expandable = rows.length > 0;
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-fees-accordion", children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-      "button",
-      {
-        type: "button",
-        className: "rs-fees-accordion-summary",
-        "aria-expanded": expandable ? open : void 0,
-        disabled: !expandable,
-        onClick: () => expandable && setOpen((o) => !o),
-        children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Fees" }),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-fees-accordion-summary", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-fees-accordion-label", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Fees" }),
+        tooltip && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Tooltip, { content: tooltip, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-info", "aria-label": "Fees info", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InfoIcon, {}) }) })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        "button",
+        {
+          type: "button",
+          className: "rs-fees-accordion-toggle",
+          "aria-label": "Fees",
+          "aria-expanded": expandable ? open : void 0,
+          disabled: !expandable,
+          onClick: () => expandable && setOpen((o) => !o),
+          children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: total }),
             expandable && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
               "span",
@@ -2850,13 +2918,29 @@ function FeesAccordion({ total, rows }) {
                 children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ChevronDownIcon, {})
               }
             )
-          ] })
-        ]
-      }
-    ),
+          ]
+        }
+      )
+    ] }),
     expandable && open && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-fees-accordion-rows", children: rows.map((row, i) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-fees-accordion-row", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: row.label }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-value", children: row.value })
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "span",
+          {
+            className: row.strike ? "rs-review-detail-value--strike" : void 0,
+            children: row.value
+          }
+        ),
+        row.tooltip && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Tooltip, { content: row.tooltip, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          "span",
+          {
+            className: "rs-review-detail-info",
+            "aria-label": `${row.label} info`,
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, InfoIcon, {})
+          }
+        ) })
+      ] })
     ] }, `${row.label}-${i}`)) })
   ] });
 }
@@ -2872,6 +2956,7 @@ function SwappedReceipt({
   depositedIcon,
   feesTotal,
   feeRows,
+  feesTooltip,
   newLabel,
   onNewDeposit,
   onClose
@@ -2892,13 +2977,20 @@ function SwappedReceipt({
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-value", children: amountPaid })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Receive" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Deposited amount" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: depositedAmount }),
             depositedIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: depositedIcon, alt: "" }) })
           ] })
         ] }),
-        feesTotal != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, FeesAccordion, { total: feesTotal, rows: _nullishCoalesce(feeRows, () => ( [])) })
+        feesTotal != null && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          FeesAccordion,
+          {
+            total: feesTotal,
+            rows: _nullishCoalesce(feeRows, () => ( [])),
+            tooltip: _nullishCoalesce(feesTooltip, () => ( void 0))
+          }
+        )
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen-button-row", children: [
         onNewDeposit && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Button, { variant: "outline", onClick: onNewDeposit, fullWidth: true, children: newLabel }),
@@ -3070,13 +3162,13 @@ var EVM_ADDRESS_RE = /^0x[a-fA-F0-9]{40}$/;
 function resolveTokenDisplay(token, chain, fallback) {
   if (token !== void 0) {
     if (chain === "solana") {
-      const solanaToken = _chunkABVRVW3Pcjs.getSolanaTokenByMint.call(void 0, token);
+      const solanaToken = _chunkHH46H6ZIcjs.getSolanaTokenByMint.call(void 0, token);
       if (solanaToken) {
         return { symbol: solanaToken.symbol, decimals: solanaToken.decimals };
       }
     } else if (EVM_ADDRESS_RE.test(token)) {
-      const symbol = _chunkABVRVW3Pcjs.getTokenSymbol.call(void 0, token, chain);
-      const decimals = _chunkABVRVW3Pcjs.findTokenDecimals.call(void 0, token, chain);
+      const symbol = _chunkHH46H6ZIcjs.getTokenSymbol.call(void 0, token, chain);
+      const decimals = _chunkHH46H6ZIcjs.findTokenDecimals.call(void 0, token, chain);
       if (symbol !== "Token" || decimals !== void 0) {
         return {
           symbol: symbol !== "Token" ? symbol : _nullishCoalesce(_optionalChain([fallback, 'optionalAccess', _117 => _117.symbol]), () => ( symbol)),
@@ -3252,6 +3344,8 @@ function FailedBadge() {
 var INITIAL_POLL_INTERVAL = 3e3;
 var MAX_POLL_INTERVAL = 3e4;
 var BACKOFF_MULTIPLIER = 1.5;
+var SWAPPED_RECEIPT_STATUS_RETRY_INTERVAL_MS = 1e3;
+var SWAPPED_FIAT_STATUS_MAX_ATTEMPTS = 12;
 var ESCALATED_DELAY_MS = 10 * 60 * 1e3;
 var SOFT_DELAY_MS = {
   confirming: 90 * 1e3,
@@ -3282,6 +3376,36 @@ function formatPaymentMethod(method) {
   if (PAYMENT_METHOD_LABELS[key]) return PAYMENT_METHOD_LABELS[key];
   return key.replace(/[-_]+/g, " ").split(" ").filter(Boolean).map((word) => word.charAt(0).toUpperCase() + word.slice(1)).join(" ");
 }
+function normalizeFeeUsd(value) {
+  return Number.isFinite(value) ? Math.max(0, value) : null;
+}
+function formatUsdFee(value) {
+  return `$${_nullishCoalesce(_optionalChain([normalizeFeeUsd, 'call', _121 => _121(value), 'optionalAccess', _122 => _122.toFixed, 'call', _123 => _123(2)]), () => ( "0.00"))}`;
+}
+function getMarketNetworkFees(breakdown) {
+  if (!breakdown) return null;
+  const gasUsd = normalizeFeeUsd(breakdown.gasUsd);
+  const bridgeUsd = normalizeFeeUsd(breakdown.bridgeUsd);
+  const swapUsd = normalizeFeeUsd(breakdown.swapUsd);
+  if (gasUsd === null || bridgeUsd === null || swapUsd === null) return null;
+  return {
+    marketUsd: bridgeUsd + swapUsd,
+    networkUsd: gasUsd
+  };
+}
+function toSwappedFiatContext(status) {
+  return {
+    orderCrypto: status.orderCrypto,
+    orderCryptoAmount: status.orderCryptoAmount,
+    paidAmountUsd: status.paidAmountUsd,
+    paidAmountEur: status.paidAmountEur,
+    onrampFeeUsd: status.onrampFeeUsd,
+    paymentMethod: status.paymentMethod
+  };
+}
+function hasFiatReceiptPricing(status) {
+  return status.paidAmountUsd != null && status.onrampFeeUsd != null;
+}
 function loadPhaseTimings(txHash) {
   if (typeof window === "undefined") return null;
   try {
@@ -3310,12 +3434,12 @@ function isEventForTx(event, txHash) {
   return txRefsMatch(eventTxHash, txHash);
 }
 function parseWebhookTimestamp(event) {
-  if (typeof _optionalChain([event, 'optionalAccess', _121 => _121.time]) !== "string") return void 0;
+  if (typeof _optionalChain([event, 'optionalAccess', _124 => _124.time]) !== "string") return void 0;
   const timestamp = Date.parse(event.time);
   return Number.isFinite(timestamp) ? timestamp : void 0;
 }
 function syncPhaseTimings(previous, event) {
-  if (!_optionalChain([event, 'optionalAccess', _122 => _122.type])) return previous;
+  if (!_optionalChain([event, 'optionalAccess', _125 => _125.type])) return previous;
   const timestamp = _nullishCoalesce(parseWebhookTimestamp(event), () => ( Date.now()));
   const setReceived = (event.type === "deposit-received" || event.type === "bridge-started" || event.type === "bridge-complete" || event.type === "bridge-failed" || event.type === "error") && previous.receivedAt === void 0;
   const setBridging = (event.type === "bridge-started" || event.type === "bridge-complete") && previous.bridgingAt === void 0;
@@ -3377,46 +3501,46 @@ function getCurrentPhaseId(state, phaseTimings) {
   if (state.type === "complete") {
     return void 0;
   }
-  if (_optionalChain([state, 'access', _123 => _123.lastEvent, 'optionalAccess', _124 => _124.type]) === "bridge-started" || _optionalChain([state, 'access', _125 => _125.lastEvent, 'optionalAccess', _126 => _126.type]) === "bridge-complete")
+  if (_optionalChain([state, 'access', _126 => _126.lastEvent, 'optionalAccess', _127 => _127.type]) === "bridge-started" || _optionalChain([state, 'access', _128 => _128.lastEvent, 'optionalAccess', _129 => _129.type]) === "bridge-complete")
     return "bridging";
-  if (_optionalChain([state, 'access', _127 => _127.lastEvent, 'optionalAccess', _128 => _128.type]) === "deposit-received") return "received";
+  if (_optionalChain([state, 'access', _130 => _130.lastEvent, 'optionalAccess', _131 => _131.type]) === "deposit-received") return "received";
   return "confirming";
 }
 function getCompletionDestinationTxHash(event) {
-  const eventData = _optionalChain([event, 'optionalAccess', _129 => _129.data]);
-  const swapTxHash = _optionalChain([eventData, 'optionalAccess', _130 => _130.swap, 'optionalAccess', _131 => _131.transactionHash]);
-  const destinationTxHash = _optionalChain([eventData, 'optionalAccess', _132 => _132.destination, 'optionalAccess', _133 => _133.transactionHash]);
+  const eventData = _optionalChain([event, 'optionalAccess', _132 => _132.data]);
+  const swapTxHash = _optionalChain([eventData, 'optionalAccess', _133 => _133.swap, 'optionalAccess', _134 => _134.transactionHash]);
+  const destinationTxHash = _optionalChain([eventData, 'optionalAccess', _135 => _135.destination, 'optionalAccess', _136 => _136.transactionHash]);
   return _nullishCoalesce(swapTxHash, () => ( destinationTxHash));
 }
 function getTerminalProcessingOutcome(event) {
-  if (_optionalChain([event, 'optionalAccess', _134 => _134.type]) === "post-bridge-swap-complete") {
+  if (_optionalChain([event, 'optionalAccess', _137 => _137.type]) === "post-bridge-swap-complete") {
     return {
       type: "complete",
       destinationTxHash: getCompletionDestinationTxHash(event)
     };
   }
-  if (_optionalChain([event, 'optionalAccess', _135 => _135.type]) === "post-bridge-swap-failed") {
+  if (_optionalChain([event, 'optionalAccess', _138 => _138.type]) === "post-bridge-swap-failed") {
     return {
       type: "failed",
       message: formatBridgeFailedMessage(event).message
     };
   }
-  if (_optionalChain([event, 'optionalAccess', _136 => _136.type]) === "bridge-complete") {
+  if (_optionalChain([event, 'optionalAccess', _139 => _139.type]) === "bridge-complete") {
     return {
       type: "complete",
       destinationTxHash: getCompletionDestinationTxHash(event)
     };
   }
-  if (_optionalChain([event, 'optionalAccess', _137 => _137.type]) === "bridge-failed") {
+  if (_optionalChain([event, 'optionalAccess', _140 => _140.type]) === "bridge-failed") {
     return {
       type: "failed",
       message: formatBridgeFailedMessage(event).message
     };
   }
-  if (_optionalChain([event, 'optionalAccess', _138 => _138.type]) === "error") {
+  if (_optionalChain([event, 'optionalAccess', _141 => _141.type]) === "error") {
     return {
       type: "failed",
-      message: _nullishCoalesce(_optionalChain([event, 'access', _139 => _139.data, 'optionalAccess', _140 => _140.message]), () => ( "Unknown error"))
+      message: _nullishCoalesce(_optionalChain([event, 'access', _142 => _142.data, 'optionalAccess', _143 => _143.message]), () => ( "Unknown error"))
     };
   }
   return null;
@@ -3424,10 +3548,10 @@ function getTerminalProcessingOutcome(event) {
 function getInitialProcessingState(event, txHash) {
   if (!event || !isEventForTx(event, txHash)) return null;
   const terminal = getTerminalProcessingOutcome(event);
-  if (_optionalChain([terminal, 'optionalAccess', _141 => _141.type]) === "complete") {
+  if (_optionalChain([terminal, 'optionalAccess', _144 => _144.type]) === "complete") {
     return { type: "complete", lastEvent: event };
   }
-  if (_optionalChain([terminal, 'optionalAccess', _142 => _142.type]) === "failed") {
+  if (_optionalChain([terminal, 'optionalAccess', _145 => _145.type]) === "failed") {
     return { type: "failed", message: terminal.message, lastEvent: event };
   }
   if (isDepositEvent(event)) {
@@ -3455,6 +3579,7 @@ function ProcessingStep({
   uiConfig,
   quotedFeeAmount,
   quotedFeeSymbol,
+  quoteFeeBreakdown,
   balanceAfterUsd,
   isSwappedOrder,
   swappedContext,
@@ -3529,7 +3654,7 @@ function ProcessingStep({
       flowLabel
     });
     const context = processingContextRef.current;
-    _optionalChain([onDepositCompleteRef, 'access', _143 => _143.current, 'optionalCall', _144 => _144(txHash, void 0, {
+    _optionalChain([onDepositCompleteRef, 'access', _146 => _146.current, 'optionalCall', _147 => _147(txHash, void 0, {
       amount: context.amount,
       sourceChain: context.sourceChain,
       sourceToken: context.sourceToken,
@@ -3560,7 +3685,7 @@ function ProcessingStep({
         destinationTxHash: outcome.destinationTxHash,
         event: event.type
       });
-      _optionalChain([onDepositCompleteRef, 'access', _145 => _145.current, 'optionalCall', _146 => _146(txHash, outcome.destinationTxHash, {
+      _optionalChain([onDepositCompleteRef, 'access', _148 => _148.current, 'optionalCall', _149 => _149(txHash, outcome.destinationTxHash, {
         amount: context.amount,
         sourceChain: context.sourceChain,
         sourceToken: context.sourceToken,
@@ -3576,7 +3701,7 @@ function ProcessingStep({
       message: outcome.message,
       event: event.type
     });
-    _optionalChain([onDepositFailedRef, 'access', _147 => _147.current, 'optionalCall', _148 => _148(txHash, outcome.message)]);
+    _optionalChain([onDepositFailedRef, 'access', _150 => _150.current, 'optionalCall', _151 => _151(txHash, outcome.message)]);
   }, [
     debug,
     onDepositCompleteRef,
@@ -3608,31 +3733,65 @@ function ProcessingStep({
     updatePhaseTimings(
       (previous) => syncPhaseTimings(previous, state.lastEvent)
     );
-  }, [_optionalChain([state, 'access', _149 => _149.lastEvent, 'optionalAccess', _150 => _150.time]), _optionalChain([state, 'access', _151 => _151.lastEvent, 'optionalAccess', _152 => _152.type]), updatePhaseTimings]);
+  }, [_optionalChain([state, 'access', _152 => _152.lastEvent, 'optionalAccess', _153 => _153.time]), _optionalChain([state, 'access', _154 => _154.lastEvent, 'optionalAccess', _155 => _155.type]), updatePhaseTimings]);
   const [swappedFiatContext, setSwappedFiatContext] = _react.useState.call(void 0, null);
   _react.useEffect.call(void 0, () => {
     let cancelled = false;
-    service.fetchSwappedOrderStatus(smartAccount).then((res) => {
-      if (cancelled || !res) return;
-      if (res.transactionId != null) {
-        if (res.transactionId.toLowerCase() !== txHash.toLowerCase()) return;
-      } else if (!isSwappedOrder || _optionalChain([swappedContext, 'optionalAccess', _153 => _153.variant]) === "connect") {
+    let timeoutId;
+    const isFiatSwappedOrder = isSwappedOrder && _optionalChain([swappedContext, 'optionalAccess', _156 => _156.variant]) === "fiat";
+    const expectedOrderUuid = _nullishCoalesce(_optionalChain([swappedContext, 'optionalAccess', _157 => _157.expectedOrderUuid]), () => ( null));
+    setSwappedFiatContext(null);
+    if (isFiatSwappedOrder && !expectedOrderUuid) {
+      return () => {
+        cancelled = true;
+      };
+    }
+    let attempts = 0;
+    const matchesCurrentDeposit = (res) => {
+      if (isFiatSwappedOrder) {
+        return res.orderId === expectedOrderUuid;
+      }
+      return res.transactionId != null && res.transactionId.toLowerCase() === txHash.toLowerCase();
+    };
+    const scheduleRetry = () => {
+      if (cancelled || !isFiatSwappedOrder || attempts >= SWAPPED_FIAT_STATUS_MAX_ATTEMPTS) {
         return;
       }
-      setSwappedFiatContext({
-        orderCrypto: res.orderCrypto,
-        orderCryptoAmount: res.orderCryptoAmount,
-        paidAmountUsd: res.paidAmountUsd,
-        paidAmountEur: res.paidAmountEur,
-        onrampFeeUsd: res.onrampFeeUsd,
-        paymentMethod: res.paymentMethod
-      });
-    }).catch(() => {
-    });
+      timeoutId = setTimeout(
+        fetchContext,
+        SWAPPED_RECEIPT_STATUS_RETRY_INTERVAL_MS
+      );
+    };
+    async function fetchContext() {
+      attempts += 1;
+      try {
+        const res = await service.fetchSwappedOrderStatus(smartAccount);
+        if (cancelled) return;
+        if (!res || !matchesCurrentDeposit(res)) {
+          scheduleRetry();
+          return;
+        }
+        setSwappedFiatContext(toSwappedFiatContext(res));
+        if (isFiatSwappedOrder && !hasFiatReceiptPricing(res)) {
+          scheduleRetry();
+        }
+      } catch (e8) {
+        scheduleRetry();
+      }
+    }
+    fetchContext();
     return () => {
       cancelled = true;
+      if (timeoutId !== void 0) clearTimeout(timeoutId);
     };
-  }, [service, smartAccount, txHash, isSwappedOrder, _optionalChain([swappedContext, 'optionalAccess', _154 => _154.variant])]);
+  }, [
+    service,
+    smartAccount,
+    txHash,
+    isSwappedOrder,
+    _optionalChain([swappedContext, 'optionalAccess', _158 => _158.variant]),
+    _optionalChain([swappedContext, 'optionalAccess', _159 => _159.expectedOrderUuid])
+  ]);
   _react.useEffect.call(void 0, () => {
     if (directTransfer) return;
     if (state.type !== "processing") {
@@ -3657,20 +3816,20 @@ function ProcessingStep({
           debugLog(debug, "processing", "poll:event", {
             type: lastEvent2.type,
             matchesTx: eventMatchesTx,
-            intentId: _optionalChain([eventData, 'optionalAccess', _155 => _155.intentId])
+            intentId: _optionalChain([eventData, 'optionalAccess', _160 => _160.intentId])
           });
         }
         if (!isMounted) return;
-        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _156 => _156.type]) === "bridge-complete") {
+        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _161 => _161.type]) === "bridge-complete") {
           setState({ type: "complete", lastEvent: eventForCurrentTx });
-          const destinationTxHash2 = _optionalChain([eventForCurrentTx, 'access', _157 => _157.data, 'optionalAccess', _158 => _158.destination, 'optionalAccess', _159 => _159.transactionHash]);
+          const destinationTxHash2 = _optionalChain([eventForCurrentTx, 'access', _162 => _162.data, 'optionalAccess', _163 => _163.destination, 'optionalAccess', _164 => _164.transactionHash]);
           debugLog(debug, "processing", "state:complete", {
             txHash,
             destinationTxHash: destinationTxHash2,
             event: eventForCurrentTx.type
           });
           const context = processingContextRef.current;
-          _optionalChain([onDepositCompleteRef, 'access', _160 => _160.current, 'optionalCall', _161 => _161(txHash, destinationTxHash2, {
+          _optionalChain([onDepositCompleteRef, 'access', _165 => _165.current, 'optionalCall', _166 => _166(txHash, destinationTxHash2, {
             amount: context.amount,
             sourceChain: context.sourceChain,
             sourceToken: context.sourceToken,
@@ -3681,7 +3840,7 @@ function ProcessingStep({
           })]);
           return;
         }
-        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _162 => _162.type]) === "bridge-failed") {
+        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _167 => _167.type]) === "bridge-failed") {
           const formatted = formatBridgeFailedMessage(eventForCurrentTx);
           setState({
             type: "failed",
@@ -3693,11 +3852,11 @@ function ProcessingStep({
             message: formatted.message,
             code: formatted.code
           });
-          _optionalChain([onDepositFailedRef, 'access', _163 => _163.current, 'optionalCall', _164 => _164(txHash, formatted.message)]);
+          _optionalChain([onDepositFailedRef, 'access', _168 => _168.current, 'optionalCall', _169 => _169(txHash, formatted.message)]);
           return;
         }
-        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _165 => _165.type]) === "error") {
-          const errorMessage = _nullishCoalesce(_optionalChain([eventForCurrentTx, 'access', _166 => _166.data, 'optionalAccess', _167 => _167.message]), () => ( "Unknown error"));
+        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _170 => _170.type]) === "error") {
+          const errorMessage = _nullishCoalesce(_optionalChain([eventForCurrentTx, 'access', _171 => _171.data, 'optionalAccess', _172 => _172.message]), () => ( "Unknown error"));
           setState({
             type: "failed",
             message: errorMessage,
@@ -3707,7 +3866,7 @@ function ProcessingStep({
             txHash,
             message: errorMessage
           });
-          _optionalChain([onDepositFailedRef, 'access', _168 => _168.current, 'optionalCall', _169 => _169(txHash, errorMessage)]);
+          _optionalChain([onDepositFailedRef, 'access', _173 => _173.current, 'optionalCall', _174 => _174(txHash, errorMessage)]);
           return;
         }
         setState((previous) => ({
@@ -3768,7 +3927,7 @@ function ProcessingStep({
         txHash,
         timeoutMs: ESCALATED_DELAY_MS
       });
-      _optionalChain([onErrorRef, 'access', _170 => _170.current, 'optionalCall', _171 => _171(message, "PROCESS_TIMEOUT")]);
+      _optionalChain([onErrorRef, 'access', _175 => _175.current, 'optionalCall', _176 => _176(message, "PROCESS_TIMEOUT")]);
     }, ESCALATED_DELAY_MS);
     return () => clearTimeout(timeoutId);
   }, [debug, directTransfer, onErrorRef, state.type, txHash]);
@@ -3780,13 +3939,13 @@ function ProcessingStep({
   const timelineNowMs = _nullishCoalesce(phaseTimings.endedAt, () => ( Date.now()));
   const flowNoun = flowLabel === "withdraw" ? "withdrawal" : "deposit";
   const flowCapitalized = flowLabel === "withdraw" ? "Withdrawal" : "Deposit";
-  const destinationTxHash = _optionalChain([lastEvent, 'optionalAccess', _172 => _172.data, 'optionalAccess', _173 => _173.destination, 'optionalAccess', _174 => _174.transactionHash]) || null;
+  const destinationTxHash = _optionalChain([lastEvent, 'optionalAccess', _177 => _177.data, 'optionalAccess', _178 => _178.destination, 'optionalAccess', _179 => _179.transactionHash]) || null;
   const sourceDetails = getEventSourceDetails(lastEvent);
   const displaySourceChain = _nullishCoalesce(sourceDetails.chainId, () => ( sourceChain));
   const displaySourceToken = _nullishCoalesce(sourceDetails.token, () => ( sourceToken));
   const displayAmount = _nullishCoalesce(sourceDetails.amount, () => ( amount));
-  const sourceExplorerUrl = _chunkABVRVW3Pcjs.getExplorerTxUrl.call(void 0, displaySourceChain, txHash);
-  const destExplorerUrl = destinationTxHash ? _chunkABVRVW3Pcjs.getExplorerTxUrl.call(void 0, targetChain, destinationTxHash) : null;
+  const sourceExplorerUrl = _chunkHH46H6ZIcjs.getExplorerTxUrl.call(void 0, displaySourceChain, txHash);
+  const destExplorerUrl = destinationTxHash ? _chunkHH46H6ZIcjs.getExplorerTxUrl.call(void 0, targetChain, destinationTxHash) : null;
   const sourceDisplay = (() => {
     const resolved = resolveTokenDisplay(displaySourceToken, displaySourceChain, {
       symbol: _nullishCoalesce(providedSourceSymbol, () => ( (displaySourceChain === "solana" ? "SOL" : "Token"))),
@@ -3851,15 +4010,15 @@ function ProcessingStep({
   const delayPhaseId = isProcessing && currentPhaseId && activePhaseElapsedMs >= SOFT_DELAY_MS[currentPhaseId] ? currentPhaseId : void 0;
   void delayPhaseId;
   void hasEscalatedDelay;
-  const targetTokenIcon = _chunkABVRVW3Pcjs.getTokenIcon.call(void 0, targetSymbol);
-  const sourceChainIcon = _chunkABVRVW3Pcjs.getChainIcon.call(void 0, displaySourceChain);
-  const targetChainIcon = _chunkABVRVW3Pcjs.getChainIcon.call(void 0, targetChain);
-  const sourceTokenIcon = _chunkABVRVW3Pcjs.getTokenIcon.call(void 0, sourceSymbol);
-  const sourceChainName = _chunkABVRVW3Pcjs.getChainName.call(void 0, displaySourceChain);
-  const targetChainName = _chunkABVRVW3Pcjs.getChainName.call(void 0, targetChain);
+  const targetTokenIcon = _chunkHH46H6ZIcjs.getTokenIcon.call(void 0, targetSymbol);
+  const sourceChainIcon = _chunkHH46H6ZIcjs.getChainIcon.call(void 0, displaySourceChain);
+  const targetChainIcon = _chunkHH46H6ZIcjs.getChainIcon.call(void 0, targetChain);
+  const sourceTokenIcon = _chunkHH46H6ZIcjs.getTokenIcon.call(void 0, sourceSymbol);
+  const sourceChainName = _chunkHH46H6ZIcjs.getChainName.call(void 0, displaySourceChain);
+  const targetChainName = _chunkHH46H6ZIcjs.getChainName.call(void 0, targetChain);
   const timerText = formatTimer(elapsedSeconds);
-  const feeSponsored = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _175 => _175.feeSponsored]), () => ( false));
-  const feeTooltip = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _176 => _176.feeTooltip]), () => ( (feeSponsored ? "Network fees are sponsored for this deposit." : "Network fees apply.")));
+  const feeSponsored = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _180 => _180.feeSponsored]), () => ( false));
+  const feeTooltip = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _181 => _181.feeTooltip]), () => ( (feeSponsored ? "Network fees are sponsored for this deposit." : "Network fees apply.")));
   const stateTitle = isComplete ? `${flowCapitalized} successful` : isFailed ? `${flowCapitalized} failed` : "Processing...";
   const handleRetry = _nullishCoalesce(onRetry, () => ( onNewDeposit));
   const headerContent = isComplete ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-body-header", children: [
@@ -3870,31 +4029,47 @@ function ProcessingStep({
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-body-header-text", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "h2", { className: "rs-body-header-title", children: stateTitle }) })
   ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BodyHeader, { icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WalletIcon, {}), title: stateTitle });
   if (isComplete && isSwappedOrder) {
-    const effectivePaymentMethod = _nullishCoalesce(_nullishCoalesce(_optionalChain([swappedContext, 'optionalAccess', _177 => _177.method]), () => ( _optionalChain([swappedFiatContext, 'optionalAccess', _178 => _178.paymentMethod]))), () => ( null));
+    const effectivePaymentMethod = _nullishCoalesce(_nullishCoalesce(_optionalChain([swappedContext, 'optionalAccess', _182 => _182.method]), () => ( _optionalChain([swappedFiatContext, 'optionalAccess', _183 => _183.paymentMethod]))), () => ( null));
     const onrampMethod = effectivePaymentMethod ? formatPaymentMethod(effectivePaymentMethod) : null;
-    const onrampMethodIcon = _optionalChain([swappedContext, 'optionalAccess', _179 => _179.variant]) === "connect" && effectivePaymentMethod ? getExchangeLogoSrc(
+    const onrampMethodIcon = _optionalChain([swappedContext, 'optionalAccess', _184 => _184.variant]) === "connect" && effectivePaymentMethod ? getExchangeLogoSrc(
       _nullishCoalesce(onrampMethod, () => ( effectivePaymentMethod)),
       effectivePaymentMethod
     ) : null;
-    const connectPaidAmount = _optionalChain([swappedContext, 'optionalAccess', _180 => _180.variant]) === "connect" ? `${formattedSentAmount} ${sourceSymbol}` : null;
-    const amountPaid = _nullishCoalesce(connectPaidAmount, () => ( (_optionalChain([swappedFiatContext, 'optionalAccess', _181 => _181.paidAmountUsd]) != null ? `$${swappedFiatContext.paidAmountUsd.toFixed(2)}` : null)));
+    const connectPaidAmount = _optionalChain([swappedContext, 'optionalAccess', _185 => _185.variant]) === "connect" ? `${formattedSentAmount} ${sourceSymbol}` : null;
+    const amountPaid = _nullishCoalesce(connectPaidAmount, () => ( (_optionalChain([swappedFiatContext, 'optionalAccess', _186 => _186.paidAmountUsd]) != null ? `$${swappedFiatContext.paidAmountUsd.toFixed(2)}` : null)));
     const depositedAmount = receiveDisplay;
-    const onrampFeeUsd = _nullishCoalesce(_optionalChain([swappedFiatContext, 'optionalAccess', _182 => _182.onrampFeeUsd]), () => ( null));
-    const networkFeeUsd = quotedFeeAmount !== void 0 && Number.isFinite(Number(quotedFeeAmount)) ? Number(quotedFeeAmount) : null;
+    const onrampFeeUsd = _nullishCoalesce(_optionalChain([swappedFiatContext, 'optionalAccess', _187 => _187.onrampFeeUsd]), () => ( null));
+    const quoteFees = getMarketNetworkFees(quoteFeeBreakdown);
+    const fallbackNetworkFeeUsd = quoteFees === null && quotedFeeAmount !== void 0 && Number.isFinite(Number(quotedFeeAmount)) ? Number(quotedFeeAmount) : null;
+    const marketFeeUsd = _nullishCoalesce(_optionalChain([quoteFees, 'optionalAccess', _188 => _188.marketUsd]), () => ( null));
+    const networkFeeUsd = _nullishCoalesce(_optionalChain([quoteFees, 'optionalAccess', _189 => _189.networkUsd]), () => ( fallbackNetworkFeeUsd));
+    const sponsoredFeeTooltip = "This fee is sponsored for this deposit.";
+    const feesTooltip = feeSponsored ? "On-ramp fees are charged by the payment provider. Market and network fees are sponsored for this deposit." : "Fees include on-ramp, market, and network costs for this deposit.";
     const feeRows = [];
     if (onrampFeeUsd != null) {
       feeRows.push({
         label: "On-ramp fee",
-        value: `$${onrampFeeUsd.toFixed(2)}`
+        value: formatUsdFee(onrampFeeUsd)
+      });
+    }
+    if (marketFeeUsd != null) {
+      feeRows.push({
+        label: "Market fee",
+        value: formatUsdFee(marketFeeUsd),
+        strike: feeSponsored,
+        tooltip: feeSponsored ? sponsoredFeeTooltip : void 0
       });
     }
     if (networkFeeUsd != null) {
       feeRows.push({
         label: "Network fee",
-        value: `$${networkFeeUsd.toFixed(2)}`
+        value: formatUsdFee(networkFeeUsd),
+        strike: feeSponsored,
+        tooltip: feeSponsored ? sponsoredFeeTooltip : void 0
       });
     }
-    const feesTotal = feeRows.length > 0 ? `$${((_nullishCoalesce(onrampFeeUsd, () => ( 0))) + (_nullishCoalesce(networkFeeUsd, () => ( 0)))).toFixed(2)}` : null;
+    const chargeableQuoteFeeUsd = feeSponsored ? 0 : (_nullishCoalesce(marketFeeUsd, () => ( 0))) + (_nullishCoalesce(networkFeeUsd, () => ( 0)));
+    const feesTotal = feeRows.length > 0 ? formatUsdFee((_nullishCoalesce(onrampFeeUsd, () => ( 0))) + chargeableQuoteFeeUsd) : null;
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       SwappedReceipt,
       {
@@ -3905,6 +4080,7 @@ function ProcessingStep({
         depositedIcon: targetTokenIcon,
         feesTotal,
         feeRows,
+        feesTooltip,
         newLabel: `New ${flowNoun}`,
         onNewDeposit,
         onClose
@@ -3956,7 +4132,7 @@ function ProcessingStep({
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-value", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Ticker, { value: timerText }) })
         ] }),
         isSwappedOrder ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-          _optionalChain([swappedFiatContext, 'optionalAccess', _183 => _183.paidAmountUsd]) != null && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
+          _optionalChain([swappedFiatContext, 'optionalAccess', _190 => _190.paidAmountUsd]) != null && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "You pay" }),
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
               "$",
@@ -3968,7 +4144,7 @@ function ProcessingStep({
               ] })
             ] })
           ] }),
-          _optionalChain([swappedFiatContext, 'optionalAccess', _184 => _184.onrampFeeUsd]) != null && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
+          _optionalChain([swappedFiatContext, 'optionalAccess', _191 => _191.onrampFeeUsd]) != null && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "On-ramp fee" }),
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
               "$",
@@ -4112,7 +4288,7 @@ function loadSessionOwnerFromStorage(eoaAddress) {
       privateKey: parsed.privateKey,
       address: account.address
     };
-  } catch (e8) {
+  } catch (e9) {
     return null;
   }
 }