@rhinestone/deposit-modal 0.11.1 → 0.12.0

package/dist/{chunk-YELNYILK.mjs → chunk-Q5MFRAWD.mjs}

@@ -17,10 +17,10 @@ import {
   runAccountSetupDeduped,
   txRefsMatch,
   warnRemovedProps
-} from "./chunk-5746YXKC.mjs";
+} from "./chunk-QF5T6HXC.mjs";
 import {
   ListRow
-} from "./chunk-V6T7LORJ.mjs";
+} from "./chunk-RMYUE6HJ.mjs";
 import {
   AlertTriangleIcon,
   AppleIcon,
@@ -86,7 +86,7 @@ import {
   useLatestRef,
   useRpcUrls,
   useStableRpcUrls
-} from "./chunk-CWGUBFJL.mjs";
+} from "./chunk-5IP67CL5.mjs";
 import {
   POLYMARKET_COLLATERAL_OFFRAMP_ADDRESS,
   POLYMARKET_ICON_URL,
@@ -97,7 +97,7 @@ import {
   executePolymarketSafeTransfer,
   fetchPolymarketProxyWallet,
   readPolymarketBalances
-} from "./chunk-MZ53PDIX.mjs";
+} from "./chunk-53IGTENZ.mjs";
 import {
   CHAIN_BY_ID,
   HYPERCORE_CHAIN_ID,
@@ -107,7 +107,6 @@ import {
   SOLANA_TOKENS,
   cdnIconUrl,
   findTokenDecimals,
-  getBundledTargetTokens,
   getChainBadge,
   getChainIcon,
   getChainId,
@@ -130,7 +129,7 @@ import {
   publishShortlistTokens,
   targetChainToCaip2,
   targetChainToChainId
-} from "./chunk-53IFZGSF.mjs";
+} from "./chunk-YR43AAX5.mjs";
 
 // src/DepositModal.tsx
 import {
@@ -1689,9 +1688,120 @@ import {
 } from "react";
 import { formatUnits as formatUnits3 } from "viem";
 
+// src/components/steps/DepositAddressSkeleton.tsx
+import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+var BASE_CHAIN_ID = 8453;
+function DepositAddressSkeleton({
+  uiConfig
+}) {
+  const evmChainIds = getSupportedChainIds();
+  const defaultChainId = evmChainIds.includes(BASE_CHAIN_ID) ? BASE_CHAIN_ID : evmChainIds[0];
+  const tokensForChain = getTargetTokenSymbolsForChain(defaultChainId);
+  const defaultToken = tokensForChain.includes("USDC") ? "USDC" : tokensForChain[0] ?? "USDC";
+  const chainName = getChainName(defaultChainId);
+  const chainIcon = getChainIcon(defaultChainId);
+  return /* @__PURE__ */ jsxs8("div", { className: "rs-screen", "aria-busy": "true", children: [
+    /* @__PURE__ */ jsx10("span", { className: "rs-sr-only", role: "status", children: "Preparing deposit details\u2026" }),
+    /* @__PURE__ */ jsxs8("div", { className: "rs-screen-body", children: [
+      /* @__PURE__ */ jsx10(BodyHeader, { icon: /* @__PURE__ */ jsx10(TransferCryptoIcon, {}), title: "Transfer crypto" }),
+      /* @__PURE__ */ jsxs8("div", { className: "rs-deposit-address-selectors", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsxs8("div", { className: "rs-deposit-address-dropdown", children: [
+          /* @__PURE__ */ jsx10("div", { className: "rs-deposit-address-dropdown-label", children: "Supported chain" }),
+          /* @__PURE__ */ jsxs8("div", { className: "rs-deposit-address-dropdown-trigger", children: [
+            /* @__PURE__ */ jsx10(
+              CdnIcon,
+              {
+                src: chainIcon,
+                className: "rs-deposit-address-dropdown-icon"
+              }
+            ),
+            /* @__PURE__ */ jsx10("span", { children: chainName }),
+            /* @__PURE__ */ jsx10(ChevronDownIcon, { className: "rs-deposit-address-dropdown-chevron" })
+          ] })
+        ] }),
+        /* @__PURE__ */ jsxs8("div", { className: "rs-deposit-address-dropdown", children: [
+          /* @__PURE__ */ jsxs8("div", { className: "rs-deposit-address-dropdown-label rs-deposit-address-dropdown-label--with-min", children: [
+            /* @__PURE__ */ jsx10("span", { children: "Supported token" }),
+            /* @__PURE__ */ jsxs8("span", { className: "rs-deposit-address-min", children: [
+              "Min.$",
+              (uiConfig?.minDepositUsd ?? 0.1).toFixed(2),
+              /* @__PURE__ */ jsx10(Tooltip, { content: "Minimum deposit amount required for the selected chain.", children: /* @__PURE__ */ jsx10(
+                InfoIcon,
+                {
+                  className: "rs-deposit-address-min-icon",
+                  "aria-hidden": "true"
+                }
+              ) })
+            ] })
+          ] }),
+          /* @__PURE__ */ jsxs8("div", { className: "rs-deposit-address-dropdown-trigger", children: [
+            /* @__PURE__ */ jsx10(
+              TokenIcon,
+              {
+                symbol: defaultToken,
+                className: "rs-deposit-address-dropdown-icon"
+              }
+            ),
+            /* @__PURE__ */ jsx10("span", { children: defaultToken }),
+            /* @__PURE__ */ jsx10(ChevronDownIcon, { className: "rs-deposit-address-dropdown-chevron" })
+          ] })
+        ] })
+      ] }),
+      /* @__PURE__ */ jsxs8(
+        "div",
+        {
+          style: { display: "flex", flexDirection: "column", gap: 4, width: "100%" },
+          children: [
+            /* @__PURE__ */ jsxs8("div", { className: "rs-deposit-address-well", children: [
+              /* @__PURE__ */ jsx10("div", { className: "rs-deposit-address-qr", children: /* @__PURE__ */ jsx10("div", { className: "rs-skeleton rs-skeleton-qr", "aria-hidden": "true" }) }),
+              /* @__PURE__ */ jsx10("div", { className: "rs-skeleton rs-skeleton-address", "aria-hidden": "true" })
+            ] }),
+            /* @__PURE__ */ jsxs8(
+              "button",
+              {
+                type: "button",
+                className: "rs-deposit-address-copy",
+                disabled: true,
+                "aria-hidden": "true",
+                children: [
+                  /* @__PURE__ */ jsx10(CopyIcon, {}),
+                  "Copy address"
+                ]
+              }
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx10("div", { className: "rs-price-impact", "aria-hidden": "true", children: /* @__PURE__ */ jsxs8("div", { className: "rs-price-impact-header", children: [
+        /* @__PURE__ */ jsxs8("span", { className: "rs-price-impact-header-left", children: [
+          /* @__PURE__ */ jsx10("span", { className: "rs-price-impact-label", children: "Price impact" }),
+          /* @__PURE__ */ jsx10("span", { className: "rs-price-impact-label", children: /* @__PURE__ */ jsx10("strong", { children: "0.00%" }) }),
+          /* @__PURE__ */ jsx10(
+            Tooltip,
+            {
+              className: "rs-price-impact-info",
+              content: "Price impact is the difference between expected and execution price, due to trade size and liquidity.",
+              children: /* @__PURE__ */ jsx10(InfoIcon, { "aria-hidden": "true" })
+            }
+          )
+        ] }),
+        /* @__PURE__ */ jsx10(
+          ChevronDownIcon,
+          {
+            className: "rs-price-impact-chevron",
+            "aria-hidden": "true"
+          }
+        )
+      ] }) })
+    ] }),
+    /* @__PURE__ */ jsx10(PoweredBy, {})
+  ] });
+}
+DepositAddressSkeleton.displayName = "DepositAddressSkeleton";
+
 // src/components/ui/DepositNotification.tsx
 import { useState as useState5, useEffect as useEffect5, useRef as useRef4, useCallback } from "react";
-import { jsx as jsx10, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
 var INITIAL_POLL_INTERVAL = 3e3;
 var MAX_POLL_INTERVAL = 3e4;
 var BACKOFF_MULTIPLIER = 1.5;
@@ -1748,7 +1858,7 @@ function formatBridgeFailedMessage(event) {
   }
   return "Bridge failed";
 }
-var txLinkIcon = /* @__PURE__ */ jsx10(ExternalLinkIcon, { className: "rs-deposit-notification-link-icon" });
+var txLinkIcon = /* @__PURE__ */ jsx11(ExternalLinkIcon, { className: "rs-deposit-notification-link-icon" });
 function DepositNotification({
   deposit,
   smartAccount,
@@ -1887,7 +1997,7 @@ function DepositNotification({
   const destExplorerUrl = destinationTxHash ? explorerTxUrl(targetChainToChainId(targetChain), destinationTxHash) : null;
   const title = status === "complete" ? "Deposit completed" : status === "failed" ? "Deposit failed" : "Deposit received and processing\u2026";
   const subtitle = status === "complete" ? "Your deposit has been credited to your account." : status === "failed" ? "Your deposit could not be processed." : "Your deposit will be credited to your account shortly.";
-  const statusIcon = status === "complete" ? /* @__PURE__ */ jsx10("div", { className: "rs-deposit-notification-badge rs-deposit-notification-badge--complete", children: /* @__PURE__ */ jsx10(CheckIcon, {}) }) : status === "failed" ? /* @__PURE__ */ jsx10("div", { className: "rs-deposit-notification-badge rs-deposit-notification-badge--failed", children: /* @__PURE__ */ jsx10(CloseIcon, {}) }) : /* @__PURE__ */ jsx10("div", { className: "rs-deposit-notification-badge rs-deposit-notification-badge--processing", children: /* @__PURE__ */ jsxs8(
+  const statusIcon = status === "complete" ? /* @__PURE__ */ jsx11("div", { className: "rs-deposit-notification-badge rs-deposit-notification-badge--complete", children: /* @__PURE__ */ jsx11(CheckIcon, {}) }) : status === "failed" ? /* @__PURE__ */ jsx11("div", { className: "rs-deposit-notification-badge rs-deposit-notification-badge--failed", children: /* @__PURE__ */ jsx11(CloseIcon, {}) }) : /* @__PURE__ */ jsx11("div", { className: "rs-deposit-notification-badge rs-deposit-notification-badge--processing", children: /* @__PURE__ */ jsxs9(
     "svg",
     {
       className: "rs-deposit-notification-spinner",
@@ -1896,7 +2006,7 @@ function DepositNotification({
       xmlns: "http://www.w3.org/2000/svg",
       "aria-hidden": "true",
       children: [
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx11(
           "path",
           {
             className: "rs-deposit-notification-spinner-track",
@@ -1906,7 +2016,7 @@ function DepositNotification({
             strokeLinecap: "round"
           }
         ),
-        /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsx11(
           "path",
           {
             className: "rs-deposit-notification-spinner-head",
@@ -1920,31 +2030,31 @@ function DepositNotification({
     }
   ) });
   const showClose = status !== "processing";
-  return /* @__PURE__ */ jsxs8(
+  return /* @__PURE__ */ jsxs9(
     "div",
     {
       className: `rs-deposit-notification rs-deposit-notification--${status} ${expanded ? "rs-deposit-notification--expanded" : ""}`,
       children: [
-        /* @__PURE__ */ jsxs8("div", { className: "rs-deposit-notification-header", children: [
-          /* @__PURE__ */ jsx10("div", { className: "rs-deposit-notification-icon", children: statusIcon }),
-          /* @__PURE__ */ jsxs8("div", { className: "rs-deposit-notification-content", children: [
-            /* @__PURE__ */ jsxs8("div", { className: "rs-deposit-notification-title-row", children: [
-              /* @__PURE__ */ jsx10("span", { className: "rs-deposit-notification-title", children: title }),
-              showClose && /* @__PURE__ */ jsx10(
+        /* @__PURE__ */ jsxs9("div", { className: "rs-deposit-notification-header", children: [
+          /* @__PURE__ */ jsx11("div", { className: "rs-deposit-notification-icon", children: statusIcon }),
+          /* @__PURE__ */ jsxs9("div", { className: "rs-deposit-notification-content", children: [
+            /* @__PURE__ */ jsxs9("div", { className: "rs-deposit-notification-title-row", children: [
+              /* @__PURE__ */ jsx11("span", { className: "rs-deposit-notification-title", children: title }),
+              showClose && /* @__PURE__ */ jsx11(
                 "button",
                 {
                   type: "button",
                   className: "rs-deposit-notification-close",
                   onClick: () => onDismiss(deposit.id),
                   "aria-label": "Dismiss",
-                  children: /* @__PURE__ */ jsx10(CloseIcon, {})
+                  children: /* @__PURE__ */ jsx11(CloseIcon, {})
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx10("div", { className: "rs-deposit-notification-subtitle", children: subtitle })
+            /* @__PURE__ */ jsx11("div", { className: "rs-deposit-notification-subtitle", children: subtitle })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs8(
+        /* @__PURE__ */ jsxs9(
           "button",
           {
             type: "button",
@@ -1952,15 +2062,15 @@ function DepositNotification({
             onClick: () => setExpanded(!expanded),
             "aria-expanded": expanded,
             children: [
-              /* @__PURE__ */ jsx10("span", { children: expanded ? "See less details" : "See more details" }),
-              /* @__PURE__ */ jsx10(ChevronDownIcon, { className: "rs-deposit-notification-toggle-chevron" })
+              /* @__PURE__ */ jsx11("span", { children: expanded ? "See less details" : "See more details" }),
+              /* @__PURE__ */ jsx11(ChevronDownIcon, { className: "rs-deposit-notification-toggle-chevron" })
             ]
           }
         ),
-        expanded && /* @__PURE__ */ jsxs8("div", { className: "rs-deposit-notification-details", children: [
-          /* @__PURE__ */ jsxs8("div", { className: "rs-deposit-notification-row", children: [
-            /* @__PURE__ */ jsx10("span", { className: "rs-deposit-notification-label", children: "Deposit tx" }),
-            /* @__PURE__ */ jsx10("span", { className: "rs-deposit-notification-value", children: sourceExplorerUrl ? /* @__PURE__ */ jsxs8(
+        expanded && /* @__PURE__ */ jsxs9("div", { className: "rs-deposit-notification-details", children: [
+          /* @__PURE__ */ jsxs9("div", { className: "rs-deposit-notification-row", children: [
+            /* @__PURE__ */ jsx11("span", { className: "rs-deposit-notification-label", children: "Deposit tx" }),
+            /* @__PURE__ */ jsx11("span", { className: "rs-deposit-notification-value", children: sourceExplorerUrl ? /* @__PURE__ */ jsxs9(
               "a",
               {
                 href: sourceExplorerUrl,
@@ -1974,9 +2084,9 @@ function DepositNotification({
               }
             ) : truncateHash(txHash) })
           ] }),
-          destinationTxHash && /* @__PURE__ */ jsxs8("div", { className: "rs-deposit-notification-row", children: [
-            /* @__PURE__ */ jsx10("span", { className: "rs-deposit-notification-label", children: "Completion tx" }),
-            /* @__PURE__ */ jsx10("span", { className: "rs-deposit-notification-value", children: destExplorerUrl ? /* @__PURE__ */ jsxs8(
+          destinationTxHash && /* @__PURE__ */ jsxs9("div", { className: "rs-deposit-notification-row", children: [
+            /* @__PURE__ */ jsx11("span", { className: "rs-deposit-notification-label", children: "Completion tx" }),
+            /* @__PURE__ */ jsx11("span", { className: "rs-deposit-notification-value", children: destExplorerUrl ? /* @__PURE__ */ jsxs9(
               "a",
               {
                 href: destExplorerUrl,
@@ -1990,13 +2100,13 @@ function DepositNotification({
               }
             ) : truncateHash(destinationTxHash) })
           ] }),
-          /* @__PURE__ */ jsxs8("div", { className: "rs-deposit-notification-row", children: [
-            /* @__PURE__ */ jsx10("span", { className: "rs-deposit-notification-label", children: "Order submitted" }),
-            /* @__PURE__ */ jsx10("span", { className: "rs-deposit-notification-value", children: formatTimestamp(detectedAt) })
+          /* @__PURE__ */ jsxs9("div", { className: "rs-deposit-notification-row", children: [
+            /* @__PURE__ */ jsx11("span", { className: "rs-deposit-notification-label", children: "Order submitted" }),
+            /* @__PURE__ */ jsx11("span", { className: "rs-deposit-notification-value", children: formatTimestamp(detectedAt) })
           ] }),
-          completedAt && /* @__PURE__ */ jsxs8("div", { className: "rs-deposit-notification-row", children: [
-            /* @__PURE__ */ jsx10("span", { className: "rs-deposit-notification-label", children: "Order filled" }),
-            /* @__PURE__ */ jsx10("span", { className: "rs-deposit-notification-value", children: formatTimestamp(completedAt) })
+          completedAt && /* @__PURE__ */ jsxs9("div", { className: "rs-deposit-notification-row", children: [
+            /* @__PURE__ */ jsx11("span", { className: "rs-deposit-notification-label", children: "Order filled" }),
+            /* @__PURE__ */ jsx11("span", { className: "rs-deposit-notification-value", children: formatTimestamp(completedAt) })
           ] })
         ] })
       ]
@@ -2005,7 +2115,7 @@ function DepositNotification({
 }
 
 // src/components/steps/DepositAddressStep.tsx
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 var QRCode = lazy(
   () => import("./QRCode-WUC652SH.mjs").then((m) => ({ default: m.QRCode }))
 );
@@ -2092,10 +2202,6 @@ function chainLabel(chainId, catalogChain) {
 function computeTokensForChain(chainId, topTokens, catalogChain) {
   const fromBackend = topTokens?.[String(chainId)]?.map((t) => t.symbol);
   if (fromBackend) return fromBackend;
-  if (chainId === "solana") return SOLANA_TOKENS.map((t) => t.symbol);
-  if (chainId === "hypercore") return ["USDC", "USDT0"];
-  const bundled = getBundledTargetTokens(chainId).map((t) => t.symbol);
-  if (bundled.length > 0) return bundled;
   return Array.isArray(catalogChain?.supportedTokens) ? catalogChain.supportedTokens.map((t) => t.symbol) : [];
 }
 function resolveSourceTokenAddress(symbol, chainId, topTokens, catalogChain) {
@@ -2106,12 +2212,12 @@ function resolveSourceTokenAddress(symbol, chainId, topTokens, catalogChain) {
   return Array.isArray(catalogChain?.supportedTokens) ? catalogChain.supportedTokens.find((t) => t.symbol === symbol)?.address : void 0;
 }
 function TokenGlyph({ symbol }) {
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     TokenIcon,
     {
       symbol,
       className: "rs-deposit-address-dropdown-icon",
-      fallback: /* @__PURE__ */ jsx11("span", { className: "rs-deposit-address-dropdown-icon rs-deposit-address-dropdown-icon--fallback", children: symbol.slice(0, 3) })
+      fallback: /* @__PURE__ */ jsx12("span", { className: "rs-deposit-address-dropdown-icon rs-deposit-address-dropdown-icon--fallback", children: symbol.slice(0, 3) })
     }
   );
 }
@@ -2149,7 +2255,7 @@ function DepositAddressStep({
   }, [service]);
   const BASE_CHAIN_ID2 = 8453;
   const evmChainIds = useDepositChainIds();
-  const { catalog } = useChainCatalog();
+  const { catalog, isLoading: catalogLoading } = useChainCatalog();
   const catalogFor = useCallback2(
     (chain) => {
       if (!catalog) return void 0;
@@ -2171,10 +2277,11 @@ function DepositAddressStep({
   }, [evmChainIds, hasSolana, topTokens, catalogFor]);
   const preferredChainId = (options) => options.includes(BASE_CHAIN_ID2) ? BASE_CHAIN_ID2 : options[0] ?? BASE_CHAIN_ID2;
   const [sourceChainId, setSourceChainId] = useState6(() => preferredChainId(chainOptions));
+  const chainChosenByUser = useRef5(false);
   useEffect6(() => {
-    if (chainOptions.length > 0 && !chainOptions.includes(sourceChainId)) {
-      setSourceChainId(preferredChainId(chainOptions));
-    }
+    if (chainOptions.length === 0) return;
+    const stale = chainChosenByUser.current ? !chainOptions.includes(sourceChainId) : sourceChainId !== preferredChainId(chainOptions);
+    if (stale) setSourceChainId(preferredChainId(chainOptions));
   }, [chainOptions, sourceChainId]);
   const isSolana = sourceChainId === "solana";
   const isHyperCore = sourceChainId === "hypercore";
@@ -2302,6 +2409,7 @@ function DepositAddressStep({
         topTokens,
         catalogFor(nextChain)
       );
+      chainChosenByUser.current = true;
       setSourceChainId(nextChain);
       setSourceTokenSymbol(pickFallbackToken(nextTokens, sourceTokenSymbol));
       setChainDropdownOpen(false);
@@ -2438,13 +2546,20 @@ function DepositAddressStep({
     setNotifications((prev) => prev.filter((n) => n.id !== id));
   }, []);
   const qrIconSrc = catalogFor(sourceChainId)?.iconUrl ?? getChainIcon(sourceChainId);
-  return /* @__PURE__ */ jsxs9("div", { className: "rs-screen rs-step--with-notifications", children: [
-    /* @__PURE__ */ jsxs9("div", { className: "rs-screen-body", children: [
-      /* @__PURE__ */ jsx11(BodyHeader, { icon: /* @__PURE__ */ jsx11(TransferCryptoIcon, {}), title: "Transfer crypto" }),
-      /* @__PURE__ */ jsxs9("div", { className: "rs-deposit-address-selectors", children: [
-        /* @__PURE__ */ jsxs9("div", { className: "rs-deposit-address-dropdown", ref: chainDropdownRef, children: [
-          /* @__PURE__ */ jsx11("div", { className: "rs-deposit-address-dropdown-label", children: "Supported chain" }),
-          /* @__PURE__ */ jsxs9(
+  if (chainOptions.length === 0) {
+    if (catalogLoading) return /* @__PURE__ */ jsx12(DepositAddressSkeleton, { uiConfig });
+    return /* @__PURE__ */ jsx12("div", { className: "rs-screen", children: /* @__PURE__ */ jsxs10("div", { className: "rs-screen-body", children: [
+      /* @__PURE__ */ jsx12(BodyHeader, { icon: /* @__PURE__ */ jsx12(TransferCryptoIcon, {}), title: "Transfer crypto" }),
+      /* @__PURE__ */ jsx12(Callout, { variant: "error", children: "Supported chains are unavailable right now, so there is no deposit address to show. Close and try again in a moment." })
+    ] }) });
+  }
+  return /* @__PURE__ */ jsxs10("div", { className: "rs-screen rs-step--with-notifications", children: [
+    /* @__PURE__ */ jsxs10("div", { className: "rs-screen-body", children: [
+      /* @__PURE__ */ jsx12(BodyHeader, { icon: /* @__PURE__ */ jsx12(TransferCryptoIcon, {}), title: "Transfer crypto" }),
+      /* @__PURE__ */ jsxs10("div", { className: "rs-deposit-address-selectors", children: [
+        /* @__PURE__ */ jsxs10("div", { className: "rs-deposit-address-dropdown", ref: chainDropdownRef, children: [
+          /* @__PURE__ */ jsx12("div", { className: "rs-deposit-address-dropdown-label", children: "Supported chain" }),
+          /* @__PURE__ */ jsxs10(
             "button",
             {
               type: "button",
@@ -2455,45 +2570,45 @@ function DepositAddressStep({
                 setTokenDropdownOpen(false);
               },
               children: [
-                /* @__PURE__ */ jsx11(
+                /* @__PURE__ */ jsx12(
                   CdnIcon,
                   {
                     src: catalogFor(sourceChainId)?.iconUrl ?? getChainIcon(sourceChainId),
                     className: "rs-deposit-address-dropdown-icon"
                   }
                 ),
-                /* @__PURE__ */ jsx11("span", { children: chainLabel(sourceChainId, catalogFor(sourceChainId)) }),
-                /* @__PURE__ */ jsx11(ChevronDownIcon, { className: "rs-deposit-address-dropdown-chevron" })
+                /* @__PURE__ */ jsx12("span", { children: chainLabel(sourceChainId, catalogFor(sourceChainId)) }),
+                /* @__PURE__ */ jsx12(ChevronDownIcon, { className: "rs-deposit-address-dropdown-chevron" })
               ]
             }
           ),
-          chainDropdownOpen && /* @__PURE__ */ jsx11("div", { className: "rs-deposit-address-dropdown-menu", children: chainOptions.map((chainId) => /* @__PURE__ */ jsxs9(
+          chainDropdownOpen && /* @__PURE__ */ jsx12("div", { className: "rs-deposit-address-dropdown-menu", children: chainOptions.map((chainId) => /* @__PURE__ */ jsxs10(
             "button",
             {
               type: "button",
               className: `rs-deposit-address-dropdown-item ${chainId === sourceChainId ? "rs-deposit-address-dropdown-item--active" : ""}`,
               onClick: () => handleSelectChain(chainId),
               children: [
-                /* @__PURE__ */ jsx11(
+                /* @__PURE__ */ jsx12(
                   CdnIcon,
                   {
                     src: catalogFor(chainId)?.iconUrl ?? getChainIcon(chainId),
                     className: "rs-deposit-address-dropdown-icon"
                   }
                 ),
-                /* @__PURE__ */ jsx11("span", { children: chainLabel(chainId, catalogFor(chainId)) })
+                /* @__PURE__ */ jsx12("span", { children: chainLabel(chainId, catalogFor(chainId)) })
               ]
             },
             String(chainId)
           )) })
         ] }),
-        /* @__PURE__ */ jsxs9("div", { className: "rs-deposit-address-dropdown", ref: tokenDropdownRef, children: [
-          /* @__PURE__ */ jsxs9("div", { className: "rs-deposit-address-dropdown-label rs-deposit-address-dropdown-label--with-min", children: [
-            /* @__PURE__ */ jsx11("span", { children: "Supported token" }),
-            /* @__PURE__ */ jsxs9("span", { className: "rs-deposit-address-min", children: [
+        /* @__PURE__ */ jsxs10("div", { className: "rs-deposit-address-dropdown", ref: tokenDropdownRef, children: [
+          /* @__PURE__ */ jsxs10("div", { className: "rs-deposit-address-dropdown-label rs-deposit-address-dropdown-label--with-min", children: [
+            /* @__PURE__ */ jsx12("span", { children: "Supported token" }),
+            /* @__PURE__ */ jsxs10("span", { className: "rs-deposit-address-min", children: [
               "Min.$",
               (isHyperCoreDestination(targetChain) || isHyperCore ? Math.max(HYPERCORE_MIN_DEPOSIT_USD, uiConfig?.minDepositUsd ?? 0) : uiConfig?.minDepositUsd ?? 0.1).toFixed(2),
-              /* @__PURE__ */ jsx11(Tooltip, { content: "Minimum deposit amount required for the selected chain.", children: /* @__PURE__ */ jsx11(
+              /* @__PURE__ */ jsx12(Tooltip, { content: "Minimum deposit amount required for the selected chain.", children: /* @__PURE__ */ jsx12(
                 InfoIcon,
                 {
                   className: "rs-deposit-address-min-icon",
@@ -2502,7 +2617,7 @@ function DepositAddressStep({
               ) })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs9(
+          /* @__PURE__ */ jsxs10(
             "button",
             {
               type: "button",
@@ -2513,13 +2628,13 @@ function DepositAddressStep({
                 setChainDropdownOpen(false);
               },
               children: [
-                /* @__PURE__ */ jsx11(TokenGlyph, { symbol: sourceTokenSymbol }),
-                /* @__PURE__ */ jsx11("span", { children: sourceTokenSymbol }),
-                /* @__PURE__ */ jsx11(ChevronDownIcon, { className: "rs-deposit-address-dropdown-chevron" })
+                /* @__PURE__ */ jsx12(TokenGlyph, { symbol: sourceTokenSymbol }),
+                /* @__PURE__ */ jsx12("span", { children: sourceTokenSymbol }),
+                /* @__PURE__ */ jsx12(ChevronDownIcon, { className: "rs-deposit-address-dropdown-chevron" })
               ]
             }
           ),
-          tokenDropdownOpen && /* @__PURE__ */ jsx11("div", { className: "rs-deposit-address-dropdown-menu", children: tokensForChain.map((symbol) => /* @__PURE__ */ jsxs9(
+          tokenDropdownOpen && /* @__PURE__ */ jsx12("div", { className: "rs-deposit-address-dropdown-menu", children: tokensForChain.map((symbol) => /* @__PURE__ */ jsxs10(
             "button",
             {
               type: "button",
@@ -2529,37 +2644,37 @@ function DepositAddressStep({
                 setTokenDropdownOpen(false);
               },
               children: [
-                /* @__PURE__ */ jsx11(TokenGlyph, { symbol }),
-                /* @__PURE__ */ jsx11("span", { children: symbol })
+                /* @__PURE__ */ jsx12(TokenGlyph, { symbol }),
+                /* @__PURE__ */ jsx12("span", { children: symbol })
               ]
             },
             symbol
           )) })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs9(
+      /* @__PURE__ */ jsxs10(
         "div",
         {
           style: { display: "flex", flexDirection: "column", gap: 4, width: "100%" },
           children: [
-            /* @__PURE__ */ jsxs9("div", { className: "rs-deposit-address-well", children: [
-              /* @__PURE__ */ jsx11("div", { className: "rs-deposit-address-qr", children: /* @__PURE__ */ jsx11(
+            /* @__PURE__ */ jsxs10("div", { className: "rs-deposit-address-well", children: [
+              /* @__PURE__ */ jsx12("div", { className: "rs-deposit-address-qr", children: /* @__PURE__ */ jsx12(
                 Suspense,
                 {
-                  fallback: /* @__PURE__ */ jsx11("div", { className: "rs-skeleton rs-skeleton-qr", "aria-hidden": "true" }),
-                  children: /* @__PURE__ */ jsx11(QRCode, { value: displayAddress, size: 190, iconSrc: qrIconSrc })
+                  fallback: /* @__PURE__ */ jsx12("div", { className: "rs-skeleton rs-skeleton-qr", "aria-hidden": "true" }),
+                  children: /* @__PURE__ */ jsx12(QRCode, { value: displayAddress, size: 190, iconSrc: qrIconSrc })
                 }
               ) }),
-              /* @__PURE__ */ jsx11("div", { className: "rs-deposit-address-value", children: displayAddress })
+              /* @__PURE__ */ jsx12("div", { className: "rs-deposit-address-value", children: displayAddress })
             ] }),
-            /* @__PURE__ */ jsxs9(
+            /* @__PURE__ */ jsxs10(
               "button",
               {
                 type: "button",
                 className: "rs-deposit-address-copy",
                 onClick: handleCopy,
                 children: [
-                  copied ? /* @__PURE__ */ jsx11(CheckIcon, {}) : /* @__PURE__ */ jsx11(CopyIcon, {}),
+                  copied ? /* @__PURE__ */ jsx12(CheckIcon, {}) : /* @__PURE__ */ jsx12(CopyIcon, {}),
                   copied ? "Copied!" : "Copy address"
                 ]
               }
@@ -2567,12 +2682,12 @@ function DepositAddressStep({
           ]
         }
       ),
-      /* @__PURE__ */ jsxs9(
+      /* @__PURE__ */ jsxs10(
         "div",
         {
           className: `rs-price-impact ${priceImpactExpanded ? "rs-price-impact--open" : ""}`,
           children: [
-            /* @__PURE__ */ jsxs9(
+            /* @__PURE__ */ jsxs10(
               "button",
               {
                 type: "button",
@@ -2580,19 +2695,19 @@ function DepositAddressStep({
                 onClick: () => setPriceImpactExpanded((v) => !v),
                 "aria-expanded": priceImpactExpanded,
                 children: [
-                  /* @__PURE__ */ jsxs9("span", { className: "rs-price-impact-header-left", children: [
-                    /* @__PURE__ */ jsx11("span", { className: "rs-price-impact-label", children: "Price impact" }),
-                    /* @__PURE__ */ jsx11("span", { className: "rs-price-impact-label", children: /* @__PURE__ */ jsx11("strong", { children: "0.00%" }) }),
-                    /* @__PURE__ */ jsx11(
+                  /* @__PURE__ */ jsxs10("span", { className: "rs-price-impact-header-left", children: [
+                    /* @__PURE__ */ jsx12("span", { className: "rs-price-impact-label", children: "Price impact" }),
+                    /* @__PURE__ */ jsx12("span", { className: "rs-price-impact-label", children: /* @__PURE__ */ jsx12("strong", { children: "0.00%" }) }),
+                    /* @__PURE__ */ jsx12(
                       Tooltip,
                       {
                         className: "rs-price-impact-info",
                         content: "Price impact is the difference between expected and execution price, due to trade size and liquidity.",
-                        children: /* @__PURE__ */ jsx11(InfoIcon, { "aria-hidden": "true" })
+                        children: /* @__PURE__ */ jsx12(InfoIcon, { "aria-hidden": "true" })
                       }
                     )
                   ] }),
-                  /* @__PURE__ */ jsx11(
+                  /* @__PURE__ */ jsx12(
                     ChevronDownIcon,
                     {
                       className: "rs-price-impact-chevron",
@@ -2602,35 +2717,35 @@ function DepositAddressStep({
                 ]
               }
             ),
-            /* @__PURE__ */ jsx11("div", { className: "rs-price-impact-panel", children: /* @__PURE__ */ jsxs9("div", { className: "rs-price-impact-panel-inner", children: [
-              /* @__PURE__ */ jsxs9("div", { className: "rs-price-impact-row", children: [
-                /* @__PURE__ */ jsx11("span", { className: "rs-price-impact-row-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx11(PercentIcon, {}) }),
-                /* @__PURE__ */ jsxs9("span", { className: "rs-price-impact-label", children: [
+            /* @__PURE__ */ jsx12("div", { className: "rs-price-impact-panel", children: /* @__PURE__ */ jsxs10("div", { className: "rs-price-impact-panel-inner", children: [
+              /* @__PURE__ */ jsxs10("div", { className: "rs-price-impact-row", children: [
+                /* @__PURE__ */ jsx12("span", { className: "rs-price-impact-row-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx12(PercentIcon, {}) }),
+                /* @__PURE__ */ jsxs10("span", { className: "rs-price-impact-label", children: [
                   "Max slippage: ",
-                  /* @__PURE__ */ jsx11("strong", { children: "0.2%" })
+                  /* @__PURE__ */ jsx12("strong", { children: "0.2%" })
                 ] }),
-                /* @__PURE__ */ jsx11(
+                /* @__PURE__ */ jsx12(
                   Tooltip,
                   {
                     className: "rs-price-impact-info",
                     content: "Slippage accounts for price changes during execution. Slippage is adjusted per pair to ensure reliable execution.",
-                    children: /* @__PURE__ */ jsx11(InfoIcon, { "aria-hidden": "true" })
+                    children: /* @__PURE__ */ jsx12(InfoIcon, { "aria-hidden": "true" })
                   }
                 )
               ] }),
-              /* @__PURE__ */ jsxs9("div", { className: "rs-price-impact-row", children: [
-                /* @__PURE__ */ jsx11("span", { className: "rs-price-impact-row-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx11(ClockIcon, {}) }),
-                /* @__PURE__ */ jsxs9("span", { className: "rs-price-impact-label", children: [
+              /* @__PURE__ */ jsxs10("div", { className: "rs-price-impact-row", children: [
+                /* @__PURE__ */ jsx12("span", { className: "rs-price-impact-row-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx12(ClockIcon, {}) }),
+                /* @__PURE__ */ jsxs10("span", { className: "rs-price-impact-label", children: [
                   "Processing time: ",
-                  /* @__PURE__ */ jsx11("strong", { children: "< 1 min" })
+                  /* @__PURE__ */ jsx12("strong", { children: "< 1 min" })
                 ] })
               ] }),
-              liquidityHelper.kind !== "idle" && /* @__PURE__ */ jsxs9("div", { className: "rs-price-impact-row", children: [
-                /* @__PURE__ */ jsx11("span", { className: "rs-price-impact-row-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx11(PlusCircleIcon, {}) }),
-                /* @__PURE__ */ jsxs9("span", { className: "rs-price-impact-label", children: [
+              liquidityHelper.kind !== "idle" && /* @__PURE__ */ jsxs10("div", { className: "rs-price-impact-row", children: [
+                /* @__PURE__ */ jsx12("span", { className: "rs-price-impact-row-icon", "aria-hidden": "true", children: /* @__PURE__ */ jsx12(PlusCircleIcon, {}) }),
+                /* @__PURE__ */ jsxs10("span", { className: "rs-price-impact-label", children: [
                   "Max deposit:",
                   " ",
-                  /* @__PURE__ */ jsx11("strong", { children: liquidityHelper.kind === "max" ? `${formatUnits3(
+                  /* @__PURE__ */ jsx12("strong", { children: liquidityHelper.kind === "max" ? `${formatUnits3(
                     BigInt(liquidityHelper.maxAmount),
                     liquidityHelper.decimals
                   )} ${liquidityHelper.symbol}` : liquidityHelper.kind === "unlimited" ? "Unlimited" : liquidityHelper.kind === "unavailable" ? "Unavailable" : liquidityHelper.kind === "error" ? "\u2014" : "\u2026" })
@@ -2640,9 +2755,9 @@ function DepositAddressStep({
           ]
         }
       ),
-      pollingError && /* @__PURE__ */ jsx11("div", { className: "rs-deposit-address-error", children: pollingError })
+      pollingError && /* @__PURE__ */ jsx12("div", { className: "rs-deposit-address-error", children: pollingError })
     ] }),
-    notifications.length > 0 && /* @__PURE__ */ jsx11("div", { className: "rs-deposit-notifications", children: notifications.map((deposit) => /* @__PURE__ */ jsx11(
+    notifications.length > 0 && /* @__PURE__ */ jsx12("div", { className: "rs-deposit-notifications", children: notifications.map((deposit) => /* @__PURE__ */ jsx12(
       DepositNotification,
       {
         deposit,
@@ -2657,7 +2772,7 @@ function DepositAddressStep({
       },
       deposit.id
     )) }),
-    /* @__PURE__ */ jsx11(PoweredBy, {})
+    /* @__PURE__ */ jsx12(PoweredBy, {})
   ] });
 }
 DepositAddressStep.displayName = "DepositAddressStep";
@@ -2683,11 +2798,11 @@ function isSwappedWidgetUrlFresh(res, now = Date.now()) {
 import { useState as useState7, useEffect as useEffect7, useRef as useRef6, useMemo as useMemo4 } from "react";
 
 // src/components/steps/FinalisingDepositStep.tsx
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 function FinalisingDepositStep() {
-  return /* @__PURE__ */ jsxs10("div", { className: "rs-screen rs-finalising", children: [
-    /* @__PURE__ */ jsxs10("div", { className: "rs-screen-body rs-finalising-body", children: [
-      /* @__PURE__ */ jsxs10(
+  return /* @__PURE__ */ jsxs11("div", { className: "rs-screen rs-finalising", children: [
+    /* @__PURE__ */ jsxs11("div", { className: "rs-screen-body rs-finalising-body", children: [
+      /* @__PURE__ */ jsxs11(
         "svg",
         {
           className: "rs-finalising-spinner",
@@ -2695,23 +2810,23 @@ function FinalisingDepositStep() {
           fill: "none",
           "aria-hidden": "true",
           children: [
-            /* @__PURE__ */ jsx12("circle", { className: "rs-finalising-spinner-track", cx: "40", cy: "40", r: "34" }),
-            /* @__PURE__ */ jsx12("circle", { className: "rs-finalising-spinner-head", cx: "40", cy: "40", r: "34" })
+            /* @__PURE__ */ jsx13("circle", { className: "rs-finalising-spinner-track", cx: "40", cy: "40", r: "34" }),
+            /* @__PURE__ */ jsx13("circle", { className: "rs-finalising-spinner-head", cx: "40", cy: "40", r: "34" })
           ]
         }
       ),
-      /* @__PURE__ */ jsxs10("div", { className: "rs-finalising-text", children: [
-        /* @__PURE__ */ jsx12("h2", { className: "rs-finalising-title", children: "Finalising deposit" }),
-        /* @__PURE__ */ jsx12("p", { className: "rs-finalising-subtitle", children: "We are depositing your funds to the application." })
+      /* @__PURE__ */ jsxs11("div", { className: "rs-finalising-text", children: [
+        /* @__PURE__ */ jsx13("h2", { className: "rs-finalising-title", children: "Finalising deposit" }),
+        /* @__PURE__ */ jsx13("p", { className: "rs-finalising-subtitle", children: "We are depositing your funds to the application." })
       ] })
     ] }),
-    /* @__PURE__ */ jsx12(PoweredBy, {})
+    /* @__PURE__ */ jsx13(PoweredBy, {})
   ] });
 }
 FinalisingDepositStep.displayName = "FinalisingDepositStep";
 
 // src/components/steps/SwappedOrderTracker.tsx
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 var STEP_LABELS = [
   "Payment received",
   null,
@@ -2733,29 +2848,29 @@ function SwappedOrderTracker({
     STEP_LABELS[2],
     STEP_LABELS[3]
   ];
-  return /* @__PURE__ */ jsxs11("div", { className: "rs-screen rs-swapped-tracker", children: [
-    /* @__PURE__ */ jsxs11("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
-      /* @__PURE__ */ jsx13(BodyHeader, { icon: /* @__PURE__ */ jsx13(HandCoinsIcon, {}), title }),
-      /* @__PURE__ */ jsx13("ol", { className: "rs-swapped-tracker-steps", children: labels.map((label, idx) => {
+  return /* @__PURE__ */ jsxs12("div", { className: "rs-screen rs-swapped-tracker", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+      /* @__PURE__ */ jsx14(BodyHeader, { icon: /* @__PURE__ */ jsx14(HandCoinsIcon, {}), title }),
+      /* @__PURE__ */ jsx14("ol", { className: "rs-swapped-tracker-steps", children: labels.map((label, idx) => {
         const status = stepStates[idx];
-        return /* @__PURE__ */ jsxs11(
+        return /* @__PURE__ */ jsxs12(
           "li",
           {
             className: `rs-swapped-tracker-step rs-swapped-tracker-step--${status}`,
             children: [
-              /* @__PURE__ */ jsx13("span", { className: "rs-swapped-tracker-step-label", children: label }),
-              /* @__PURE__ */ jsx13(
+              /* @__PURE__ */ jsx14("span", { className: "rs-swapped-tracker-step-label", children: label }),
+              /* @__PURE__ */ jsx14(
                 "span",
                 {
                   className: "rs-swapped-tracker-step-marker",
                   "aria-hidden": "true",
-                  children: status === "complete" ? /* @__PURE__ */ jsx13(CheckIcon, {}) : status === "failed" ? /* @__PURE__ */ jsx13(CloseIcon, {}) : status === "active" ? /* @__PURE__ */ jsx13(Spinner, {}) : /* @__PURE__ */ jsx13(
+                  children: status === "complete" ? /* @__PURE__ */ jsx14(CheckIcon, {}) : status === "failed" ? /* @__PURE__ */ jsx14(CloseIcon, {}) : status === "active" ? /* @__PURE__ */ jsx14(Spinner, {}) : /* @__PURE__ */ jsx14(
                     "svg",
                     {
                       className: "rs-swapped-tracker-step-ring",
                       viewBox: "0 0 16 16",
                       "aria-hidden": "true",
-                      children: /* @__PURE__ */ jsx13("circle", { cx: "8", cy: "8", r: "7" })
+                      children: /* @__PURE__ */ jsx14("circle", { cx: "8", cy: "8", r: "7" })
                     }
                   )
                 }
@@ -2765,13 +2880,13 @@ function SwappedOrderTracker({
           label
         );
       }) }),
-      terminal && /* @__PURE__ */ jsxs11(
+      terminal && /* @__PURE__ */ jsxs12(
         "div",
         {
           className: `rs-swapped-tracker-terminal rs-swapped-tracker-terminal--${terminal.kind}`,
           children: [
-            /* @__PURE__ */ jsx13("p", { className: "rs-swapped-tracker-terminal-message", children: terminal.message }),
-            terminal.kind === "cancelled" && onRetry && /* @__PURE__ */ jsx13(
+            /* @__PURE__ */ jsx14("p", { className: "rs-swapped-tracker-terminal-message", children: terminal.message }),
+            terminal.kind === "cancelled" && onRetry && /* @__PURE__ */ jsx14(
               "button",
               {
                 type: "button",
@@ -2784,7 +2899,7 @@ function SwappedOrderTracker({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx13(PoweredBy, {})
+    /* @__PURE__ */ jsx14(PoweredBy, {})
   ] });
 }
 function formatTrackerAmount(amount) {
@@ -2796,7 +2911,7 @@ function formatTrackerAmount(amount) {
 SwappedOrderTracker.displayName = "SwappedOrderTracker";
 
 // src/components/steps/SwappedIframeStep.tsx
-import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 var STATUS_POLL_INTERVAL_MS = 2e3;
 var DEPOSIT_POLL_INTERVAL_MS = 2e3;
 var DEPOSIT_POLL_FAST_INITIAL_DELAY_MS = 1e3;
@@ -3128,9 +3243,9 @@ function SwappedIframeStep({
   if (phase === "tracker") {
     const paymentReceived = stepStates[0] === "complete";
     if (variant === "connect" && !terminalState && paymentReceived) {
-      return /* @__PURE__ */ jsx14(FinalisingDepositStep, {});
+      return /* @__PURE__ */ jsx15(FinalisingDepositStep, {});
     }
-    return /* @__PURE__ */ jsx14(
+    return /* @__PURE__ */ jsx15(
       SwappedOrderTracker,
       {
         amount: orderState?.orderCryptoAmount ?? null,
@@ -3142,11 +3257,11 @@ function SwappedIframeStep({
       }
     );
   }
-  return /* @__PURE__ */ jsxs12("div", { className: "rs-screen rs-fiat-onramp", "data-variant": variant, children: [
-    /* @__PURE__ */ jsx14("div", { className: "rs-screen-body rs-fiat-onramp-body", children: /* @__PURE__ */ jsxs12("div", { className: "rs-fiat-onramp-iframe-wrap", children: [
-      loadError && /* @__PURE__ */ jsxs12("div", { className: "rs-fiat-onramp-error", children: [
-        /* @__PURE__ */ jsx14("div", { children: loadError }),
-        /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs13("div", { className: "rs-screen rs-fiat-onramp", "data-variant": variant, children: [
+    /* @__PURE__ */ jsx15("div", { className: "rs-screen-body rs-fiat-onramp-body", children: /* @__PURE__ */ jsxs13("div", { className: "rs-fiat-onramp-iframe-wrap", children: [
+      loadError && /* @__PURE__ */ jsxs13("div", { className: "rs-fiat-onramp-error", children: [
+        /* @__PURE__ */ jsx15("div", { children: loadError }),
+        /* @__PURE__ */ jsx15(
           "button",
           {
             type: "button",
@@ -3156,8 +3271,8 @@ function SwappedIframeStep({
           }
         )
       ] }),
-      !loadError && !iframeLoaded && /* @__PURE__ */ jsx14("div", { className: "rs-fiat-onramp-loading", children: /* @__PURE__ */ jsx14(Spinner, {}) }),
-      widgetUrl && !loadError && /* @__PURE__ */ jsx14(
+      !loadError && !iframeLoaded && /* @__PURE__ */ jsx15("div", { className: "rs-fiat-onramp-loading", children: /* @__PURE__ */ jsx15(Spinner, {}) }),
+      widgetUrl && !loadError && /* @__PURE__ */ jsx15(
         "iframe",
         {
           ref: iframeRef,
@@ -3179,7 +3294,7 @@ function SwappedIframeStep({
         retryToken
       )
     ] }) }),
-    loadError && /* @__PURE__ */ jsx14(PoweredBy, {})
+    loadError && /* @__PURE__ */ jsx15(PoweredBy, {})
   ] });
 }
 function deriveStepStates(swappedStatus, latestEvent) {
@@ -3206,7 +3321,7 @@ function deriveStepStates(swappedStatus, latestEvent) {
 SwappedIframeStep.displayName = "SwappedIframeStep";
 
 // src/components/steps/FiatOnrampStep.tsx
-import { jsx as jsx15 } from "react/jsx-runtime";
+import { jsx as jsx16 } from "react/jsx-runtime";
 function fiatBannerForStatus(status, context) {
   if (context.currencyMismatch) {
     return {
@@ -3271,7 +3386,7 @@ function FiatOnrampStep({
     methodSelectionSource,
     consumePrefetchedUrl
   ]);
-  return /* @__PURE__ */ jsx15(
+  return /* @__PURE__ */ jsx16(
     SwappedIframeStep,
     {
       smartAccount,
@@ -3295,7 +3410,7 @@ FiatOnrampStep.displayName = "FiatOnrampStep";
 
 // src/components/steps/ExchangeConnectStep.tsx
 import { useCallback as useCallback4 } from "react";
-import { jsx as jsx16 } from "react/jsx-runtime";
+import { jsx as jsx17 } from "react/jsx-runtime";
 function connectBannerForStatus(status, context) {
   if (context.currencyMismatch) {
     return {
@@ -3345,7 +3460,7 @@ function ExchangeConnectStep({
     });
     return res;
   }, [loadPreparedUrl, service, smartAccount, connection]);
-  return /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsx17(
     SwappedIframeStep,
     {
       smartAccount,
@@ -3369,13 +3484,13 @@ ExchangeConnectStep.displayName = "ExchangeConnectStep";
 
 // src/components/steps/ExchangeSelectStep.tsx
 import { useCallback as useCallback5, useEffect as useEffect8, useState as useState8 } from "react";
-import { jsx as jsx17, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
 function ExchangeLogo({ exchange }) {
   const [failed, setFailed] = useState8(false);
   if (!exchange.logoUrl || failed) {
-    return /* @__PURE__ */ jsx17(BankIcon, {});
+    return /* @__PURE__ */ jsx18(BankIcon, {});
   }
-  return /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsx18(
     "img",
     {
       src: exchange.logoUrl,
@@ -3451,20 +3566,20 @@ function ExchangeSelectStep({
     },
     [exchangeFeeBps, onError, onSelectExchange]
   );
-  return /* @__PURE__ */ jsxs13("div", { className: "rs-screen rs-exchange-select", children: [
-    /* @__PURE__ */ jsxs13("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
-      /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsxs14("div", { className: "rs-screen rs-exchange-select", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+      /* @__PURE__ */ jsx18(
         BodyHeader,
         {
-          icon: /* @__PURE__ */ jsx17(UnplugIcon, {}),
+          icon: /* @__PURE__ */ jsx18(UnplugIcon, {}),
           title: "Connect exchange",
           subtitle: "Select an exchange to connect"
         }
       ),
-      loading && /* @__PURE__ */ jsx17("div", { className: "rs-exchange-select-state", "aria-live": "polite", children: /* @__PURE__ */ jsx17(Spinner, {}) }),
-      !loading && error && /* @__PURE__ */ jsxs13("div", { className: "rs-exchange-select-state", "aria-live": "polite", children: [
-        /* @__PURE__ */ jsx17("div", { className: "rs-exchange-select-state-title", children: "Couldn\u2019t load exchanges" }),
-        /* @__PURE__ */ jsx17(
+      loading && /* @__PURE__ */ jsx18("div", { className: "rs-exchange-select-state", "aria-live": "polite", children: /* @__PURE__ */ jsx18(Spinner, {}) }),
+      !loading && error && /* @__PURE__ */ jsxs14("div", { className: "rs-exchange-select-state", "aria-live": "polite", children: [
+        /* @__PURE__ */ jsx18("div", { className: "rs-exchange-select-state-title", children: "Couldn\u2019t load exchanges" }),
+        /* @__PURE__ */ jsx18(
           "button",
           {
             type: "button",
@@ -3474,9 +3589,9 @@ function ExchangeSelectStep({
           }
         )
       ] }),
-      !loading && !error && exchanges.length === 0 && /* @__PURE__ */ jsxs13("div", { className: "rs-exchange-select-state", "aria-live": "polite", children: [
-        /* @__PURE__ */ jsx17("div", { className: "rs-exchange-select-state-title", children: "No exchanges available" }),
-        /* @__PURE__ */ jsx17(
+      !loading && !error && exchanges.length === 0 && /* @__PURE__ */ jsxs14("div", { className: "rs-exchange-select-state", "aria-live": "polite", children: [
+        /* @__PURE__ */ jsx18("div", { className: "rs-exchange-select-state-title", children: "No exchanges available" }),
+        /* @__PURE__ */ jsx18(
           "button",
           {
             type: "button",
@@ -3486,9 +3601,9 @@ function ExchangeSelectStep({
           }
         )
       ] }),
-      !loading && !error && exchanges.length > 0 && /* @__PURE__ */ jsx17("div", { className: "rs-exchange-grid", children: exchanges.map((exchange) => {
+      !loading && !error && exchanges.length > 0 && /* @__PURE__ */ jsx18("div", { className: "rs-exchange-grid", children: exchanges.map((exchange) => {
         const brand = getExchangeLogo(exchange.name, exchange.connection);
-        return /* @__PURE__ */ jsxs13(
+        return /* @__PURE__ */ jsxs14(
           "button",
           {
             type: "button",
@@ -3498,142 +3613,31 @@ function ExchangeSelectStep({
             "aria-busy": selectingConnection === exchange.connection,
             "aria-label": `Select ${exchange.name}`,
             children: [
-              /* @__PURE__ */ jsx17(
+              /* @__PURE__ */ jsx18(
                 "span",
                 {
                   className: `rs-exchange-card-logo${brand ? " rs-exchange-card-logo--brand" : ""}`,
-                  children: brand ?? /* @__PURE__ */ jsx17(ExchangeLogo, { exchange })
+                  children: brand ?? /* @__PURE__ */ jsx18(ExchangeLogo, { exchange })
                 }
               ),
-              /* @__PURE__ */ jsx17("span", { className: "rs-exchange-card-name", children: exchange.name })
+              /* @__PURE__ */ jsx18("span", { className: "rs-exchange-card-name", children: exchange.name })
             ]
           },
           exchange.connection
         );
       }) })
     ] }),
-    /* @__PURE__ */ jsx17(PoweredBy, {}),
-    exchangeFeeBps > 0 && /* @__PURE__ */ jsxs13("p", { className: "rs-exchange-select-fee-note", children: [
+    /* @__PURE__ */ jsx18(PoweredBy, {}),
+    exchangeFeeBps > 0 && /* @__PURE__ */ jsxs14("p", { className: "rs-exchange-select-fee-note", children: [
       "A ",
       formatFeeRate(exchangeFeeBps),
       " Exchange Fee applies to your deposit."
     ] }),
-    selectionNotice && /* @__PURE__ */ jsx17("p", { className: "rs-exchange-select-fee-note", role: "status", children: selectionNotice })
+    selectionNotice && /* @__PURE__ */ jsx18("p", { className: "rs-exchange-select-fee-note", role: "status", children: selectionNotice })
   ] });
 }
 ExchangeSelectStep.displayName = "ExchangeSelectStep";
 
-// src/components/steps/DepositAddressSkeleton.tsx
-import { jsx as jsx18, jsxs as jsxs14 } from "react/jsx-runtime";
-var BASE_CHAIN_ID = 8453;
-function DepositAddressSkeleton({
-  uiConfig
-}) {
-  const evmChainIds = getSupportedChainIds();
-  const defaultChainId = evmChainIds.includes(BASE_CHAIN_ID) ? BASE_CHAIN_ID : evmChainIds[0];
-  const tokensForChain = getTargetTokenSymbolsForChain(defaultChainId);
-  const defaultToken = tokensForChain.includes("USDC") ? "USDC" : tokensForChain[0] ?? "USDC";
-  const chainName = getChainName(defaultChainId);
-  const chainIcon = getChainIcon(defaultChainId);
-  return /* @__PURE__ */ jsxs14("div", { className: "rs-screen", "aria-busy": "true", children: [
-    /* @__PURE__ */ jsx18("span", { className: "rs-sr-only", role: "status", children: "Preparing deposit details\u2026" }),
-    /* @__PURE__ */ jsxs14("div", { className: "rs-screen-body", children: [
-      /* @__PURE__ */ jsx18(BodyHeader, { icon: /* @__PURE__ */ jsx18(TransferCryptoIcon, {}), title: "Transfer crypto" }),
-      /* @__PURE__ */ jsxs14("div", { className: "rs-deposit-address-selectors", "aria-hidden": "true", children: [
-        /* @__PURE__ */ jsxs14("div", { className: "rs-deposit-address-dropdown", children: [
-          /* @__PURE__ */ jsx18("div", { className: "rs-deposit-address-dropdown-label", children: "Supported chain" }),
-          /* @__PURE__ */ jsxs14("div", { className: "rs-deposit-address-dropdown-trigger", children: [
-            /* @__PURE__ */ jsx18(
-              CdnIcon,
-              {
-                src: chainIcon,
-                className: "rs-deposit-address-dropdown-icon"
-              }
-            ),
-            /* @__PURE__ */ jsx18("span", { children: chainName }),
-            /* @__PURE__ */ jsx18(ChevronDownIcon, { className: "rs-deposit-address-dropdown-chevron" })
-          ] })
-        ] }),
-        /* @__PURE__ */ jsxs14("div", { className: "rs-deposit-address-dropdown", children: [
-          /* @__PURE__ */ jsxs14("div", { className: "rs-deposit-address-dropdown-label rs-deposit-address-dropdown-label--with-min", children: [
-            /* @__PURE__ */ jsx18("span", { children: "Supported token" }),
-            /* @__PURE__ */ jsxs14("span", { className: "rs-deposit-address-min", children: [
-              "Min.$",
-              (uiConfig?.minDepositUsd ?? 0.1).toFixed(2),
-              /* @__PURE__ */ jsx18(Tooltip, { content: "Minimum deposit amount required for the selected chain.", children: /* @__PURE__ */ jsx18(
-                InfoIcon,
-                {
-                  className: "rs-deposit-address-min-icon",
-                  "aria-hidden": "true"
-                }
-              ) })
-            ] })
-          ] }),
-          /* @__PURE__ */ jsxs14("div", { className: "rs-deposit-address-dropdown-trigger", children: [
-            /* @__PURE__ */ jsx18(
-              TokenIcon,
-              {
-                symbol: defaultToken,
-                className: "rs-deposit-address-dropdown-icon"
-              }
-            ),
-            /* @__PURE__ */ jsx18("span", { children: defaultToken }),
-            /* @__PURE__ */ jsx18(ChevronDownIcon, { className: "rs-deposit-address-dropdown-chevron" })
-          ] })
-        ] })
-      ] }),
-      /* @__PURE__ */ jsxs14(
-        "div",
-        {
-          style: { display: "flex", flexDirection: "column", gap: 4, width: "100%" },
-          children: [
-            /* @__PURE__ */ jsxs14("div", { className: "rs-deposit-address-well", children: [
-              /* @__PURE__ */ jsx18("div", { className: "rs-deposit-address-qr", children: /* @__PURE__ */ jsx18("div", { className: "rs-skeleton rs-skeleton-qr", "aria-hidden": "true" }) }),
-              /* @__PURE__ */ jsx18("div", { className: "rs-skeleton rs-skeleton-address", "aria-hidden": "true" })
-            ] }),
-            /* @__PURE__ */ jsxs14(
-              "button",
-              {
-                type: "button",
-                className: "rs-deposit-address-copy",
-                disabled: true,
-                "aria-hidden": "true",
-                children: [
-                  /* @__PURE__ */ jsx18(CopyIcon, {}),
-                  "Copy address"
-                ]
-              }
-            )
-          ]
-        }
-      ),
-      /* @__PURE__ */ jsx18("div", { className: "rs-price-impact", "aria-hidden": "true", children: /* @__PURE__ */ jsxs14("div", { className: "rs-price-impact-header", children: [
-        /* @__PURE__ */ jsxs14("span", { className: "rs-price-impact-header-left", children: [
-          /* @__PURE__ */ jsx18("span", { className: "rs-price-impact-label", children: "Price impact" }),
-          /* @__PURE__ */ jsx18("span", { className: "rs-price-impact-label", children: /* @__PURE__ */ jsx18("strong", { children: "0.00%" }) }),
-          /* @__PURE__ */ jsx18(
-            Tooltip,
-            {
-              className: "rs-price-impact-info",
-              content: "Price impact is the difference between expected and execution price, due to trade size and liquidity.",
-              children: /* @__PURE__ */ jsx18(InfoIcon, { "aria-hidden": "true" })
-            }
-          )
-        ] }),
-        /* @__PURE__ */ jsx18(
-          ChevronDownIcon,
-          {
-            className: "rs-price-impact-chevron",
-            "aria-hidden": "true"
-          }
-        )
-      ] }) })
-    ] }),
-    /* @__PURE__ */ jsx18(PoweredBy, {})
-  ] });
-}
-DepositAddressSkeleton.displayName = "DepositAddressSkeleton";
-
 // src/components/steps/SolanaTokenSelectStep.tsx
 import { useState as useState9, useEffect as useEffect9, useMemo as useMemo5 } from "react";
 import { formatUnits as formatUnits4 } from "viem";
@@ -8752,7 +8756,7 @@ DepositHistoryPanel.displayName = "DepositHistoryPanel";
 // src/DepositModal.tsx
 import { jsx as jsx27, jsxs as jsxs23 } from "react/jsx-runtime";
 var ReownDepositInner = lazy2(
-  () => import("./DepositModalReown-MO5QDLIT.mjs").then((m) => ({ default: m.DepositModalReown }))
+  () => import("./DepositModalReown-MVVRUXO4.mjs").then((m) => ({ default: m.DepositModalReown }))
 );
 function sortByCreatedAtDesc(items) {
   return [...items].sort((a, b) => {
@@ -8835,8 +8839,7 @@ function DepositModalInner({
   const [backHandler, setBackHandler] = useState14(
     void 0
   );
-  const showHistoryButton = uiConfig?.showHistoryButton ?? false;
-  const historyButtonVisible = showHistoryButton && (currentScreen === "select-asset" || currentScreen === "deposit-address");
+  const historyButtonVisible = currentScreen === "connect";
   const [historyOpen, setHistoryOpen] = useState14(false);
   const [historyDeposits, setHistoryDeposits] = useState14([]);
   const [hasMoreHistory, setHasMoreHistory] = useState14(false);
@@ -8972,11 +8975,11 @@ function DepositModalInner({
       if (event.type === "smart-account-changed" && !event.evm && !event.solana) {
         historyStaleRef.current = true;
       }
-      if (showHistoryButton && (event.type === "submitted" || event.type === "complete" || event.type === "failed")) {
+      if (event.type === "submitted" || event.type === "complete" || event.type === "failed") {
         markHistoryStale();
       }
     },
-    [onLifecycleRef, showHistoryButton, markHistoryStale]
+    [onLifecycleRef, markHistoryStale]
   );
   useEffect12(() => {
     if (!isOpen) {
@@ -9085,7 +9088,7 @@ function DepositModalInner({
             debug
           }
         ),
-        showHistoryButton && historyOpen && /* @__PURE__ */ jsx27(
+        historyOpen && /* @__PURE__ */ jsx27(
           DepositHistoryPanel,
           {
             deposits: historyDeposits,