@rhinestone/deposit-modal 0.3.1 → 0.4.1

package/dist/{chunk-QYSCCX4K.mjs → chunk-RTAIW3WW.mjs}

@@ -7,7 +7,7 @@ import {
   executePolymarketSafeTransfer,
   fetchPolymarketProxyWallet,
   readPolymarketBalances
-} from "./chunk-BAEB5AFZ.mjs";
+} from "./chunk-FJWLC4AM.mjs";
 import {
   AlertTriangleIcon,
   ArrowUpRightIcon,
@@ -34,6 +34,7 @@ import {
   Spinner,
   Tooltip,
   TransferCryptoIcon,
+  UnplugIcon,
   WalletIcon,
   accountFromPrivateKey,
   applyTheme,
@@ -44,10 +45,13 @@ import {
   debugError,
   debugLog,
   failureMessageForEvent,
+  formatReceiveEstimate,
+  formatTokenAmount,
   formatUserError,
   getAssetId,
   getEventSourceDetails,
   getEventTxHash,
+  getExchangeLogo,
   getHyperEvmReadClient,
   getPublicClient,
   isDepositEvent,
@@ -59,10 +63,10 @@ import {
   tokenFormatter,
   txRefsMatch,
   useLatestRef
-} from "./chunk-3C35DVPE.mjs";
+} from "./chunk-A33QFRKD.mjs";
 import {
   SAFE_ABI
-} from "./chunk-TQ2AYMWS.mjs";
+} from "./chunk-F7P4MV72.mjs";
 import {
   DEFAULT_BACKEND_URL,
   DEFAULT_SIGNER_ADDRESS,
@@ -92,7 +96,7 @@ import {
   isVirtualDestination,
   parseEvmChainId,
   targetChainToCaip2
-} from "./chunk-6YRDD462.mjs";
+} from "./chunk-WJX3TJFK.mjs";
 
 // src/DepositModal.tsx
 import {
@@ -875,25 +879,21 @@ function ConfirmStep({
   const targetChainIcon = getChainIcon(targetChain);
   const sourceTokenIcon = getTokenIcon(asset.symbol);
   const targetTokenIcon = getTokenIcon(targetSymbol);
-  const formattedSendAmount = amount && !Number.isNaN(Number(amount)) ? Number(amount).toLocaleString("en-US", {
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 6
-  }) : "0";
-  const formattedReceiveAmount = (() => {
-    if (sameRoute) return formattedSendAmount;
-    const dollarValue = Number(targetAmount);
-    if (!Number.isFinite(dollarValue) || dollarValue <= 0)
-      return formattedSendAmount;
-    if (targetTokenPriceUsd !== null && targetTokenPriceUsd > 0) {
-      const tokenAmount = dollarValue / targetTokenPriceUsd;
-      return tokenAmount.toLocaleString("en-US", {
-        minimumFractionDigits: 2,
-        maximumFractionDigits: 6
-      });
-    }
-    return formattedSendAmount;
+  const formattedSendAmount = amount && Number.isFinite(Number(amount)) ? formatTokenAmount(Number(amount), asset.symbol) ?? "0" : "0";
+  const receiveDisplay = (() => {
+    if (sameRoute) return `${formattedSendAmount} ${asset.symbol}`;
+    const usdValue = Number(targetAmount);
+    const sourceAmountUsd = Number.isFinite(usdValue) && usdValue > 0 ? usdValue : void 0;
+    const estimate = formatReceiveEstimate({
+      sourceAmount: Number.isFinite(Number(amount)) ? Number(amount) : void 0,
+      sourceSymbol: asset.symbol,
+      targetSymbol,
+      sourceAmountUsd,
+      prices: targetTokenPriceUsd !== null && targetTokenPriceUsd > 0 ? { [targetSymbol.toUpperCase()]: targetTokenPriceUsd } : {}
+    });
+    if (estimate !== void 0) return estimate;
+    return sourceAmountUsd !== void 0 ? `~$${sourceAmountUsd.toFixed(2)}` : `${formattedSendAmount} ${asset.symbol}`;
   })();
-  const receiveAmount = sameRoute ? formattedReceiveAmount : `~${formattedReceiveAmount}`;
   const feeSponsored = uiConfig?.feeSponsored ?? false;
   const feeTooltip = uiConfig?.feeTooltip ?? (feeSponsored ? "Network fees are sponsored for this deposit." : "Network fees apply.");
   const feeDisplay = quote ? `$${quote.fees.totalUsd.toFixed(2)}` : null;
@@ -1047,11 +1047,7 @@ function ConfirmStep({
         /* @__PURE__ */ jsxs4("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx4("span", { children: "Receive" }),
           /* @__PURE__ */ jsxs4("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsxs4("span", { children: [
-              receiveAmount,
-              " ",
-              targetSymbol
-            ] }),
+            /* @__PURE__ */ jsx4("span", { children: receiveDisplay }),
             targetTokenIcon && /* @__PURE__ */ jsx4("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx4("img", { src: targetTokenIcon, alt: "" }) })
           ] })
         ] }),
@@ -2053,12 +2049,28 @@ import { useCallback as useCallback3 } from "react";
 // src/components/steps/SwappedIframeStep.tsx
 import { useState as useState6, useEffect as useEffect6, useRef as useRef6, useMemo as useMemo4 } from "react";
 
-// src/components/steps/SwappedOrderTracker.tsx
+// src/components/steps/FinalisingDepositStep.tsx
 import { jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+function FinalisingDepositStep() {
+  return /* @__PURE__ */ jsxs7("div", { className: "rs-screen rs-finalising", children: [
+    /* @__PURE__ */ jsxs7("div", { className: "rs-screen-body rs-finalising-body", children: [
+      /* @__PURE__ */ jsx7("span", { className: "rs-finalising-spinner", children: /* @__PURE__ */ jsx7(Spinner, {}) }),
+      /* @__PURE__ */ jsxs7("div", { className: "rs-finalising-text", children: [
+        /* @__PURE__ */ jsx7("h2", { className: "rs-finalising-title", children: "Finalising deposit" }),
+        /* @__PURE__ */ jsx7("p", { className: "rs-finalising-subtitle", children: "We are depositing your funds to the application." })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx7(PoweredBy, {})
+  ] });
+}
+FinalisingDepositStep.displayName = "FinalisingDepositStep";
+
+// src/components/steps/SwappedOrderTracker.tsx
+import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
 var STEP_LABELS = [
   "Payment received",
   null,
-  "Processing App deposit",
+  "Processing deposit",
   "Deposit successful"
 ];
 function SwappedOrderTracker({
@@ -2077,23 +2089,23 @@ function SwappedOrderTracker({
     STEP_LABELS[2],
     STEP_LABELS[3]
   ];
-  return /* @__PURE__ */ jsxs7("div", { className: "rs-screen rs-swapped-tracker", children: [
-    /* @__PURE__ */ jsxs7("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
-      /* @__PURE__ */ jsx7(BodyHeader, { icon: /* @__PURE__ */ jsx7(HandCoinsIcon, {}), title }),
-      /* @__PURE__ */ jsx7("ol", { className: "rs-swapped-tracker-steps", children: labels.map((label, idx) => {
+  return /* @__PURE__ */ jsxs8("div", { className: "rs-screen rs-swapped-tracker", children: [
+    /* @__PURE__ */ jsxs8("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+      /* @__PURE__ */ jsx8(BodyHeader, { icon: /* @__PURE__ */ jsx8(HandCoinsIcon, {}), title }),
+      /* @__PURE__ */ jsx8("ol", { className: "rs-swapped-tracker-steps", children: labels.map((label, idx) => {
         const status = stepStates[idx];
-        return /* @__PURE__ */ jsxs7(
+        return /* @__PURE__ */ jsxs8(
           "li",
           {
             className: `rs-swapped-tracker-step rs-swapped-tracker-step--${status}`,
             children: [
-              /* @__PURE__ */ jsx7("span", { className: "rs-swapped-tracker-step-label", children: label }),
-              /* @__PURE__ */ jsx7(
+              /* @__PURE__ */ jsx8("span", { className: "rs-swapped-tracker-step-label", children: label }),
+              /* @__PURE__ */ jsx8(
                 "span",
                 {
                   className: "rs-swapped-tracker-step-marker",
                   "aria-hidden": "true",
-                  children: status === "complete" ? /* @__PURE__ */ jsx7(CheckIcon, {}) : status === "failed" ? /* @__PURE__ */ jsx7(CloseIcon, {}) : status === "active" ? /* @__PURE__ */ jsx7(Spinner, {}) : null
+                  children: status === "complete" ? /* @__PURE__ */ jsx8(CheckIcon, {}) : status === "failed" ? /* @__PURE__ */ jsx8(CloseIcon, {}) : status === "active" ? /* @__PURE__ */ jsx8(Spinner, {}) : null
                 }
               )
             ]
@@ -2101,13 +2113,13 @@ function SwappedOrderTracker({
           label
         );
       }) }),
-      terminal && /* @__PURE__ */ jsxs7(
+      terminal && /* @__PURE__ */ jsxs8(
         "div",
         {
           className: `rs-swapped-tracker-terminal rs-swapped-tracker-terminal--${terminal.kind}`,
           children: [
-            /* @__PURE__ */ jsx7("p", { className: "rs-swapped-tracker-terminal-message", children: terminal.message }),
-            terminal.kind === "cancelled" && onRetry && /* @__PURE__ */ jsx7(
+            /* @__PURE__ */ jsx8("p", { className: "rs-swapped-tracker-terminal-message", children: terminal.message }),
+            terminal.kind === "cancelled" && onRetry && /* @__PURE__ */ jsx8(
               "button",
               {
                 type: "button",
@@ -2120,7 +2132,7 @@ function SwappedOrderTracker({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx7(PoweredBy, {})
+    /* @__PURE__ */ jsx8(PoweredBy, {})
   ] });
 }
 function formatTrackerAmount(amount) {
@@ -2132,7 +2144,7 @@ function formatTrackerAmount(amount) {
 SwappedOrderTracker.displayName = "SwappedOrderTracker";
 
 // src/components/steps/SwappedIframeStep.tsx
-import { jsx as jsx8, jsxs as jsxs8 } from "react/jsx-runtime";
+import { jsx as jsx9, jsxs as jsxs9 } from "react/jsx-runtime";
 var STATUS_POLL_INTERVAL_MS = 2e3;
 var DEPOSIT_POLL_INTERVAL_MS = 2e3;
 var DEPOSIT_POLL_FAST_INITIAL_DELAY_MS = 1e3;
@@ -2389,7 +2401,11 @@ function SwappedIframeStep({
     );
   }, [latestEvent]);
   if (phase === "tracker") {
-    return /* @__PURE__ */ jsx8(
+    const paymentReceived = stepStates[0] === "complete";
+    if (variant === "connect" && !terminalState && paymentReceived) {
+      return /* @__PURE__ */ jsx9(FinalisingDepositStep, {});
+    }
+    return /* @__PURE__ */ jsx9(
       SwappedOrderTracker,
       {
         amount: orderState?.orderCryptoAmount ?? null,
@@ -2401,45 +2417,35 @@ function SwappedIframeStep({
       }
     );
   }
-  return /* @__PURE__ */ jsxs8("div", { className: "rs-screen rs-fiat-onramp", "data-variant": variant, children: [
-    /* @__PURE__ */ jsxs8("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
-      /* @__PURE__ */ jsx8(
-        BodyHeader,
-        {
-          icon: /* @__PURE__ */ jsx8(HandCoinsIcon, {}),
-          title: "Deposit",
-          subtitle: "Add money to your balance"
-        }
-      ),
-      /* @__PURE__ */ jsxs8("div", { className: "rs-fiat-onramp-iframe-wrap", children: [
-        loadError && /* @__PURE__ */ jsxs8("div", { className: "rs-fiat-onramp-error", children: [
-          /* @__PURE__ */ jsx8("div", { children: loadError }),
-          /* @__PURE__ */ jsx8(
-            "button",
-            {
-              type: "button",
-              className: "rs-fiat-onramp-retry",
-              onClick: () => setRetryToken((n) => n + 1),
-              children: "Retry"
-            }
-          )
-        ] }),
-        !loadError && !iframeLoaded && /* @__PURE__ */ jsx8("div", { className: "rs-fiat-onramp-loading", children: /* @__PURE__ */ jsx8(Spinner, {}) }),
-        widgetUrl && !loadError && /* @__PURE__ */ jsx8(
-          "iframe",
+  return /* @__PURE__ */ jsxs9("div", { className: "rs-screen rs-fiat-onramp", "data-variant": variant, children: [
+    /* @__PURE__ */ jsx9("div", { className: "rs-screen-body rs-fiat-onramp-body", children: /* @__PURE__ */ jsxs9("div", { className: "rs-fiat-onramp-iframe-wrap", children: [
+      loadError && /* @__PURE__ */ jsxs9("div", { className: "rs-fiat-onramp-error", children: [
+        /* @__PURE__ */ jsx9("div", { children: loadError }),
+        /* @__PURE__ */ jsx9(
+          "button",
           {
-            src: widgetUrl,
-            title: iframeTitle,
-            className: "rs-fiat-onramp-iframe",
-            sandbox: "allow-scripts allow-forms allow-same-origin allow-popups allow-popups-to-escape-sandbox allow-top-navigation-by-user-activation",
-            allow: "payment; camera; microphone; clipboard-write; geolocation",
-            onLoad: () => setIframeLoaded(true)
-          },
-          retryToken
+            type: "button",
+            className: "rs-fiat-onramp-retry",
+            onClick: () => setRetryToken((n) => n + 1),
+            children: "Retry"
+          }
         )
-      ] })
-    ] }),
-    /* @__PURE__ */ jsx8(PoweredBy, {})
+      ] }),
+      !loadError && !iframeLoaded && /* @__PURE__ */ jsx9("div", { className: "rs-fiat-onramp-loading", children: /* @__PURE__ */ jsx9(Spinner, {}) }),
+      widgetUrl && !loadError && /* @__PURE__ */ jsx9(
+        "iframe",
+        {
+          src: widgetUrl,
+          title: iframeTitle,
+          className: "rs-fiat-onramp-iframe",
+          sandbox: "allow-scripts allow-forms allow-same-origin allow-popups allow-popups-to-escape-sandbox allow-top-navigation-by-user-activation",
+          allow: "payment; camera; microphone; clipboard-write; geolocation",
+          onLoad: () => setIframeLoaded(true)
+        },
+        retryToken
+      )
+    ] }) }),
+    /* @__PURE__ */ jsx9(PoweredBy, {})
   ] });
 }
 function deriveStepStates(swappedStatus, latestEvent) {
@@ -2466,7 +2472,7 @@ function deriveStepStates(swappedStatus, latestEvent) {
 SwappedIframeStep.displayName = "SwappedIframeStep";
 
 // src/components/steps/FiatOnrampStep.tsx
-import { jsx as jsx9 } from "react/jsx-runtime";
+import { jsx as jsx10 } from "react/jsx-runtime";
 function fiatBannerForStatus(status, context) {
   if (context.currencyMismatch) {
     return {
@@ -2507,14 +2513,9 @@ function FiatOnrampStep({
       smartAccount,
       method: paymentMethod
     });
-    if (res.currencyCode !== "USDC_BASE") {
-      console.warn(
-        `[FiatOnrampStep] Expected backend to return currencyCode=USDC_BASE, got ${res.currencyCode}. Swapped purchases may not bridge as expected.`
-      );
-    }
     return res;
   }, [service, smartAccount, paymentMethod]);
-  return /* @__PURE__ */ jsx9(
+  return /* @__PURE__ */ jsx10(
     SwappedIframeStep,
     {
       smartAccount,
@@ -2536,7 +2537,7 @@ FiatOnrampStep.displayName = "FiatOnrampStep";
 
 // src/components/steps/ExchangeConnectStep.tsx
 import { useCallback as useCallback4 } from "react";
-import { jsx as jsx10 } from "react/jsx-runtime";
+import { jsx as jsx11 } from "react/jsx-runtime";
 function connectBannerForStatus(status, context) {
   if (context.currencyMismatch) {
     return {
@@ -2580,14 +2581,9 @@ function ExchangeConnectStep({
       smartAccount,
       connection
     });
-    if (res.currencyCode !== "USDC_BASE") {
-      console.warn(
-        `[ExchangeConnectStep] Expected backend to return currencyCode=USDC_BASE, got ${res.currencyCode}. Swapped Connect pulls may not bridge as expected.`
-      );
-    }
     return res;
   }, [service, smartAccount, connection]);
-  return /* @__PURE__ */ jsx10(
+  return /* @__PURE__ */ jsx11(
     SwappedIframeStep,
     {
       smartAccount,
@@ -2609,13 +2605,13 @@ ExchangeConnectStep.displayName = "ExchangeConnectStep";
 
 // src/components/steps/ExchangeSelectStep.tsx
 import { useCallback as useCallback5, useEffect as useEffect7, useState as useState7 } from "react";
-import { jsx as jsx11, jsxs as jsxs9 } from "react/jsx-runtime";
+import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
 function ExchangeLogo({ exchange }) {
   const [failed, setFailed] = useState7(false);
   if (!exchange.logoUrl || failed) {
-    return /* @__PURE__ */ jsx11(BankIcon, {});
+    return /* @__PURE__ */ jsx12(BankIcon, {});
   }
-  return /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsx12(
     "img",
     {
       src: exchange.logoUrl,
@@ -2656,20 +2652,20 @@ function ExchangeSelectStep({
       cancelled = true;
     };
   }, [service, retryToken, onError]);
-  return /* @__PURE__ */ jsxs9("div", { className: "rs-screen rs-exchange-select", children: [
-    /* @__PURE__ */ jsxs9("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
-      /* @__PURE__ */ jsx11(
+  return /* @__PURE__ */ jsxs10("div", { className: "rs-screen rs-exchange-select", children: [
+    /* @__PURE__ */ jsxs10("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+      /* @__PURE__ */ jsx12(
         BodyHeader,
         {
-          icon: /* @__PURE__ */ jsx11(BankIcon, {}),
-          title: "Fund from Exchange",
-          subtitle: "Choose your exchange"
+          icon: /* @__PURE__ */ jsx12(UnplugIcon, {}),
+          title: "Connect exchange",
+          subtitle: "Select an exchange to connect"
         }
       ),
-      loading && /* @__PURE__ */ jsx11("div", { className: "rs-exchange-select-state", "aria-live": "polite", children: /* @__PURE__ */ jsx11(Spinner, {}) }),
-      !loading && error && /* @__PURE__ */ jsxs9("div", { className: "rs-exchange-select-state", "aria-live": "polite", children: [
-        /* @__PURE__ */ jsx11("div", { className: "rs-exchange-select-state-title", children: "Couldn\u2019t load exchanges" }),
-        /* @__PURE__ */ jsx11(
+      loading && /* @__PURE__ */ jsx12("div", { className: "rs-exchange-select-state", "aria-live": "polite", children: /* @__PURE__ */ jsx12(Spinner, {}) }),
+      !loading && error && /* @__PURE__ */ jsxs10("div", { className: "rs-exchange-select-state", "aria-live": "polite", children: [
+        /* @__PURE__ */ jsx12("div", { className: "rs-exchange-select-state-title", children: "Couldn\u2019t load exchanges" }),
+        /* @__PURE__ */ jsx12(
           "button",
           {
             type: "button",
@@ -2679,9 +2675,9 @@ function ExchangeSelectStep({
           }
         )
       ] }),
-      !loading && !error && exchanges.length === 0 && /* @__PURE__ */ jsxs9("div", { className: "rs-exchange-select-state", "aria-live": "polite", children: [
-        /* @__PURE__ */ jsx11("div", { className: "rs-exchange-select-state-title", children: "No exchanges available" }),
-        /* @__PURE__ */ jsx11(
+      !loading && !error && exchanges.length === 0 && /* @__PURE__ */ jsxs10("div", { className: "rs-exchange-select-state", "aria-live": "polite", children: [
+        /* @__PURE__ */ jsx12("div", { className: "rs-exchange-select-state-title", children: "No exchanges available" }),
+        /* @__PURE__ */ jsx12(
           "button",
           {
             type: "button",
@@ -2691,28 +2687,37 @@ function ExchangeSelectStep({
           }
         )
       ] }),
-      !loading && !error && exchanges.length > 0 && /* @__PURE__ */ jsx11("div", { className: "rs-exchange-grid", children: exchanges.map((exchange) => /* @__PURE__ */ jsxs9(
-        "button",
-        {
-          type: "button",
-          className: "rs-exchange-card",
-          onClick: () => onSelectExchange(exchange.connection),
-          "aria-label": `Select ${exchange.name}`,
-          children: [
-            /* @__PURE__ */ jsx11("span", { className: "rs-exchange-card-logo", children: /* @__PURE__ */ jsx11(ExchangeLogo, { exchange }) }),
-            /* @__PURE__ */ jsx11("span", { className: "rs-exchange-card-name", children: exchange.name })
-          ]
-        },
-        exchange.connection
-      )) })
+      !loading && !error && exchanges.length > 0 && /* @__PURE__ */ jsx12("div", { className: "rs-exchange-grid", children: exchanges.map((exchange) => {
+        const brand = getExchangeLogo(exchange.name, exchange.connection);
+        return /* @__PURE__ */ jsxs10(
+          "button",
+          {
+            type: "button",
+            className: "rs-exchange-card",
+            onClick: () => onSelectExchange(exchange.connection),
+            "aria-label": `Select ${exchange.name}`,
+            children: [
+              /* @__PURE__ */ jsx12(
+                "span",
+                {
+                  className: `rs-exchange-card-logo${brand ? " rs-exchange-card-logo--brand" : ""}`,
+                  children: brand ?? /* @__PURE__ */ jsx12(ExchangeLogo, { exchange })
+                }
+              ),
+              /* @__PURE__ */ jsx12("span", { className: "rs-exchange-card-name", children: exchange.name })
+            ]
+          },
+          exchange.connection
+        );
+      }) })
     ] }),
-    /* @__PURE__ */ jsx11(PoweredBy, {})
+    /* @__PURE__ */ jsx12(PoweredBy, {})
   ] });
 }
 ExchangeSelectStep.displayName = "ExchangeSelectStep";
 
 // src/components/steps/DepositAddressSkeleton.tsx
-import { jsx as jsx12, jsxs as jsxs10 } from "react/jsx-runtime";
+import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
 var BASE_CHAIN_ID = 8453;
 function DepositAddressSkeleton({
   uiConfig,
@@ -2733,15 +2738,15 @@ function DepositAddressSkeleton({
   const chainName = getChainName(defaultChainId);
   const chainIcon = getChainIcon(defaultChainId);
   const tokenIcon = getTokenIcon(defaultToken);
-  return /* @__PURE__ */ jsxs10("div", { className: "rs-screen", "aria-busy": "true", children: [
-    /* @__PURE__ */ jsx12("span", { className: "rs-sr-only", role: "status", children: "Preparing deposit details\u2026" }),
-    /* @__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", "aria-hidden": "true", children: [
-        /* @__PURE__ */ jsxs10("div", { className: "rs-deposit-address-dropdown", children: [
-          /* @__PURE__ */ jsx12("div", { className: "rs-deposit-address-dropdown-label", children: "Supported chain" }),
-          /* @__PURE__ */ jsxs10("div", { className: "rs-deposit-address-dropdown-trigger", children: [
-            chainIcon && /* @__PURE__ */ jsx12(
+  return /* @__PURE__ */ jsxs11("div", { className: "rs-screen", "aria-busy": "true", children: [
+    /* @__PURE__ */ jsx13("span", { className: "rs-sr-only", role: "status", children: "Preparing deposit details\u2026" }),
+    /* @__PURE__ */ jsxs11("div", { className: "rs-screen-body", children: [
+      /* @__PURE__ */ jsx13(BodyHeader, { icon: /* @__PURE__ */ jsx13(TransferCryptoIcon, {}), title: "Transfer crypto" }),
+      /* @__PURE__ */ jsxs11("div", { className: "rs-deposit-address-selectors", "aria-hidden": "true", children: [
+        /* @__PURE__ */ jsxs11("div", { className: "rs-deposit-address-dropdown", children: [
+          /* @__PURE__ */ jsx13("div", { className: "rs-deposit-address-dropdown-label", children: "Supported chain" }),
+          /* @__PURE__ */ jsxs11("div", { className: "rs-deposit-address-dropdown-trigger", children: [
+            chainIcon && /* @__PURE__ */ jsx13(
               "img",
               {
                 src: chainIcon,
@@ -2749,17 +2754,17 @@ function DepositAddressSkeleton({
                 className: "rs-deposit-address-dropdown-icon"
               }
             ),
-            /* @__PURE__ */ jsx12("span", { children: chainName }),
-            /* @__PURE__ */ jsx12(ChevronDownIcon, { className: "rs-deposit-address-dropdown-chevron" })
+            /* @__PURE__ */ jsx13("span", { children: chainName }),
+            /* @__PURE__ */ jsx13(ChevronDownIcon, { className: "rs-deposit-address-dropdown-chevron" })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs10("div", { className: "rs-deposit-address-dropdown", 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: [
+        /* @__PURE__ */ jsxs11("div", { className: "rs-deposit-address-dropdown", children: [
+          /* @__PURE__ */ jsxs11("div", { className: "rs-deposit-address-dropdown-label rs-deposit-address-dropdown-label--with-min", children: [
+            /* @__PURE__ */ jsx13("span", { children: "Supported token" }),
+            /* @__PURE__ */ jsxs11("span", { className: "rs-deposit-address-min", children: [
               "Min.$",
               (uiConfig?.minDepositUsd ?? 0.1).toFixed(2),
-              /* @__PURE__ */ jsx12(Tooltip, { content: "Minimum deposit amount required for the selected chain.", children: /* @__PURE__ */ jsx12(
+              /* @__PURE__ */ jsx13(Tooltip, { content: "Minimum deposit amount required for the selected chain.", children: /* @__PURE__ */ jsx13(
                 InfoIcon,
                 {
                   className: "rs-deposit-address-min-icon",
@@ -2768,8 +2773,8 @@ function DepositAddressSkeleton({
               ) })
             ] })
           ] }),
-          /* @__PURE__ */ jsxs10("div", { className: "rs-deposit-address-dropdown-trigger", children: [
-            tokenIcon && /* @__PURE__ */ jsx12(
+          /* @__PURE__ */ jsxs11("div", { className: "rs-deposit-address-dropdown-trigger", children: [
+            tokenIcon && /* @__PURE__ */ jsx13(
               "img",
               {
                 src: tokenIcon,
@@ -2777,21 +2782,21 @@ function DepositAddressSkeleton({
                 className: "rs-deposit-address-dropdown-icon"
               }
             ),
-            /* @__PURE__ */ jsx12("span", { children: defaultToken }),
-            /* @__PURE__ */ jsx12(ChevronDownIcon, { className: "rs-deposit-address-dropdown-chevron" })
+            /* @__PURE__ */ jsx13("span", { children: defaultToken }),
+            /* @__PURE__ */ jsx13(ChevronDownIcon, { className: "rs-deposit-address-dropdown-chevron" })
           ] })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs10(
+      /* @__PURE__ */ jsxs11(
         "div",
         {
           style: { display: "flex", flexDirection: "column", gap: 4, width: "100%" },
           children: [
-            /* @__PURE__ */ jsxs10("div", { className: "rs-deposit-address-well", children: [
-              /* @__PURE__ */ jsx12("div", { className: "rs-deposit-address-qr", children: /* @__PURE__ */ jsx12("div", { className: "rs-skeleton rs-skeleton-qr", "aria-hidden": "true" }) }),
-              /* @__PURE__ */ jsx12("div", { className: "rs-skeleton rs-skeleton-address", "aria-hidden": "true" })
+            /* @__PURE__ */ jsxs11("div", { className: "rs-deposit-address-well", children: [
+              /* @__PURE__ */ jsx13("div", { className: "rs-deposit-address-qr", children: /* @__PURE__ */ jsx13("div", { className: "rs-skeleton rs-skeleton-qr", "aria-hidden": "true" }) }),
+              /* @__PURE__ */ jsx13("div", { className: "rs-skeleton rs-skeleton-address", "aria-hidden": "true" })
             ] }),
-            /* @__PURE__ */ jsxs10(
+            /* @__PURE__ */ jsxs11(
               "button",
               {
                 type: "button",
@@ -2799,7 +2804,7 @@ function DepositAddressSkeleton({
                 disabled: true,
                 "aria-hidden": "true",
                 children: [
-                  /* @__PURE__ */ jsx12(CopyIcon, {}),
+                  /* @__PURE__ */ jsx13(CopyIcon, {}),
                   "Copy address"
                 ]
               }
@@ -2807,20 +2812,20 @@ function DepositAddressSkeleton({
           ]
         }
       ),
-      /* @__PURE__ */ jsx12("div", { className: "rs-price-impact", "aria-hidden": "true", children: /* @__PURE__ */ jsxs10("div", { className: "rs-price-impact-header", children: [
-        /* @__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(
+      /* @__PURE__ */ jsx13("div", { className: "rs-price-impact", "aria-hidden": "true", children: /* @__PURE__ */ jsxs11("div", { className: "rs-price-impact-header", children: [
+        /* @__PURE__ */ jsxs11("span", { className: "rs-price-impact-header-left", children: [
+          /* @__PURE__ */ jsx13("span", { className: "rs-price-impact-label", children: "Price impact" }),
+          /* @__PURE__ */ jsx13("span", { className: "rs-price-impact-label", children: /* @__PURE__ */ jsx13("strong", { children: "0.00%" }) }),
+          /* @__PURE__ */ jsx13(
             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__ */ jsx12(InfoIcon, { "aria-hidden": "true" })
+              children: /* @__PURE__ */ jsx13(InfoIcon, { "aria-hidden": "true" })
             }
           )
         ] }),
-        /* @__PURE__ */ jsx12(
+        /* @__PURE__ */ jsx13(
           ChevronDownIcon,
           {
             className: "rs-price-impact-chevron",
@@ -2829,7 +2834,7 @@ function DepositAddressSkeleton({
         )
       ] }) })
     ] }),
-    /* @__PURE__ */ jsx12(PoweredBy, {})
+    /* @__PURE__ */ jsx13(PoweredBy, {})
   ] });
 }
 DepositAddressSkeleton.displayName = "DepositAddressSkeleton";
@@ -2837,7 +2842,7 @@ DepositAddressSkeleton.displayName = "DepositAddressSkeleton";
 // src/components/steps/SolanaTokenSelectStep.tsx
 import { useState as useState8, useEffect as useEffect8, useMemo as useMemo5 } from "react";
 import { formatUnits as formatUnits4 } from "viem";
-import { jsx as jsx13, jsxs as jsxs11 } from "react/jsx-runtime";
+import { jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
 function SolanaTokenSelectStep({
   solanaAddress,
   service,
@@ -2943,30 +2948,30 @@ function SolanaTokenSelectStep({
   };
   const chainIcon = getChainIcon("solana");
   const chainName = getChainName("solana");
-  return /* @__PURE__ */ jsxs11("div", { className: "rs-screen", children: [
-    /* @__PURE__ */ jsxs11("div", { className: "rs-screen-body", children: [
-      /* @__PURE__ */ jsx13(
+  return /* @__PURE__ */ jsxs12("div", { className: "rs-screen", children: [
+    /* @__PURE__ */ jsxs12("div", { className: "rs-screen-body", children: [
+      /* @__PURE__ */ jsx14(
         BodyHeader,
         {
-          icon: /* @__PURE__ */ jsx13(WalletIcon, {}),
+          icon: /* @__PURE__ */ jsx14(WalletIcon, {}),
           title: "Your assets",
           subtitle: "Select source assets to transfer"
         }
       ),
-      loading && /* @__PURE__ */ jsxs11("div", { className: "rs-loading-state", style: { padding: "40px 12px" }, children: [
-        /* @__PURE__ */ jsx13(Spinner, { className: "rs-text-tertiary" }),
-        /* @__PURE__ */ jsx13("span", { className: "rs-text-sm rs-text-tertiary", children: "Loading balances" })
+      loading && /* @__PURE__ */ jsxs12("div", { className: "rs-loading-state", style: { padding: "40px 12px" }, children: [
+        /* @__PURE__ */ jsx14(Spinner, { className: "rs-text-tertiary" }),
+        /* @__PURE__ */ jsx14("span", { className: "rs-text-sm rs-text-tertiary", children: "Loading balances" })
       ] }),
-      error && /* @__PURE__ */ jsx13(Callout, { variant: "error", children: error }),
-      !loading && !error && rows.length === 0 && /* @__PURE__ */ jsxs11("div", { className: "rs-empty-state", children: [
-        /* @__PURE__ */ jsx13(WalletIcon, { className: "rs-empty-icon" }),
-        /* @__PURE__ */ jsx13("div", { className: "rs-empty-text", children: "No funds in connected wallet" }),
-        /* @__PURE__ */ jsxs11("div", { className: "rs-empty-address", children: [
+      error && /* @__PURE__ */ jsx14(Callout, { variant: "error", children: error }),
+      !loading && !error && rows.length === 0 && /* @__PURE__ */ jsxs12("div", { className: "rs-empty-state", children: [
+        /* @__PURE__ */ jsx14(WalletIcon, { className: "rs-empty-icon" }),
+        /* @__PURE__ */ jsx14("div", { className: "rs-empty-text", children: "No funds in connected wallet" }),
+        /* @__PURE__ */ jsxs12("div", { className: "rs-empty-address", children: [
           solanaAddress.slice(0, 6),
           "...",
           solanaAddress.slice(-4)
         ] }),
-        onDisconnect && /* @__PURE__ */ jsx13(
+        onDisconnect && /* @__PURE__ */ jsx14(
           "button",
           {
             type: "button",
@@ -2976,11 +2981,11 @@ function SolanaTokenSelectStep({
           }
         )
       ] }),
-      !loading && !error && rows.length > 0 && /* @__PURE__ */ jsx13("div", { className: "rs-asset-list", children: rows.map((entry) => {
+      !loading && !error && rows.length > 0 && /* @__PURE__ */ jsx14("div", { className: "rs-asset-list", children: rows.map((entry) => {
         const isSelected = selectedSymbol === entry.token.symbol;
         const tokenAmount = formatBalance(entry);
         const tokenIcon = getTokenIcon(entry.token.symbol);
-        return /* @__PURE__ */ jsxs11(
+        return /* @__PURE__ */ jsxs12(
           "button",
           {
             type: "button",
@@ -2988,33 +2993,33 @@ function SolanaTokenSelectStep({
             className: `rs-asset-row ${isSelected ? "rs-asset-row--selected" : ""}`,
             "aria-pressed": isSelected,
             children: [
-              /* @__PURE__ */ jsxs11("div", { className: "rs-asset-info", children: [
-                /* @__PURE__ */ jsxs11("div", { className: "rs-asset-icon-wrapper", children: [
-                  tokenIcon ? /* @__PURE__ */ jsx13("span", { className: "rs-asset-icon", children: /* @__PURE__ */ jsx13("img", { src: tokenIcon, alt: entry.token.symbol }) }) : /* @__PURE__ */ jsx13("span", { className: "rs-asset-icon", children: entry.token.symbol.slice(0, 4) }),
-                  chainIcon && /* @__PURE__ */ jsx13("span", { className: "rs-asset-chain-badge", children: /* @__PURE__ */ jsx13("img", { src: chainIcon, alt: chainName }) })
+              /* @__PURE__ */ jsxs12("div", { className: "rs-asset-info", children: [
+                /* @__PURE__ */ jsxs12("div", { className: "rs-asset-icon-wrapper", children: [
+                  tokenIcon ? /* @__PURE__ */ jsx14("span", { className: "rs-asset-icon", children: /* @__PURE__ */ jsx14("img", { src: tokenIcon, alt: entry.token.symbol }) }) : /* @__PURE__ */ jsx14("span", { className: "rs-asset-icon", children: entry.token.symbol.slice(0, 4) }),
+                  chainIcon && /* @__PURE__ */ jsx14("span", { className: "rs-asset-chain-badge", children: /* @__PURE__ */ jsx14("img", { src: chainIcon, alt: chainName }) })
                 ] }),
-                /* @__PURE__ */ jsxs11("div", { className: "rs-asset-text", children: [
-                  /* @__PURE__ */ jsxs11("div", { className: "rs-asset-name-row", children: [
-                    /* @__PURE__ */ jsx13("span", { className: "rs-asset-name", children: entry.token.symbol }),
-                    /* @__PURE__ */ jsxs11("span", { className: "rs-asset-chain", children: [
+                /* @__PURE__ */ jsxs12("div", { className: "rs-asset-text", children: [
+                  /* @__PURE__ */ jsxs12("div", { className: "rs-asset-name-row", children: [
+                    /* @__PURE__ */ jsx14("span", { className: "rs-asset-name", children: entry.token.symbol }),
+                    /* @__PURE__ */ jsxs12("span", { className: "rs-asset-chain", children: [
                       "on ",
                       chainName
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsxs11("div", { className: "rs-asset-balance-small", children: [
+                  /* @__PURE__ */ jsxs12("div", { className: "rs-asset-balance-small", children: [
                     tokenAmount,
                     " ",
                     entry.token.symbol
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ jsx13("div", { className: "rs-asset-balance", children: entry.balanceUsd > 0 ? currencyFormatter.format(entry.balanceUsd) : tokenAmount !== "--" ? `${tokenAmount} ${entry.token.symbol}` : "--" })
+              /* @__PURE__ */ jsx14("div", { className: "rs-asset-balance", children: entry.balanceUsd > 0 ? currencyFormatter.format(entry.balanceUsd) : tokenAmount !== "--" ? `${tokenAmount} ${entry.token.symbol}` : "--" })
             ]
           },
           entry.token.symbol
         );
       }) }),
-      /* @__PURE__ */ jsx13(
+      /* @__PURE__ */ jsx14(
         Button,
         {
           onClick: () => selectedEntry && onContinue(
@@ -3028,14 +3033,14 @@ function SolanaTokenSelectStep({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx13(PoweredBy, {})
+    /* @__PURE__ */ jsx14(PoweredBy, {})
   ] });
 }
 
 // src/components/steps/SolanaAmountStep.tsx
 import { useCallback as useCallback6, useEffect as useEffect9, useMemo as useMemo6, useRef as useRef7, useState as useState9 } from "react";
 import { formatUnits as formatUnits5, parseUnits as parseUnits3 } from "viem";
-import { Fragment as Fragment2, jsx as jsx14, jsxs as jsxs12 } from "react/jsx-runtime";
+import { Fragment as Fragment2, jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
 var SOL_FEE_RESERVE_LAMPORTS = 1000000n;
 var PRESETS2 = [
   { value: 25, label: "25%" },
@@ -3236,12 +3241,12 @@ function SolanaAmountStep({
   const continueLabel = exceedsBalance ? "Insufficient balance" : isAboveMax ? "Continue with max allowed deposit" : isBelowMin ? "Continue with minimum deposit" : "Continue";
   const continueDisabled = exceedsBalance || numericAmount === 0 && !isBelowMin;
   const sourceTokenIcon = getTokenIcon(token.symbol);
-  return /* @__PURE__ */ jsxs12("div", { className: "rs-screen", children: [
-    /* @__PURE__ */ jsxs12("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
-      /* @__PURE__ */ jsx14(BodyHeader, { icon: /* @__PURE__ */ jsx14(WalletIcon, {}), title: "Wallet deposit" }),
-      /* @__PURE__ */ jsxs12("div", { className: "rs-amount-section", children: [
-        /* @__PURE__ */ jsxs12("div", { className: "rs-amount-display", children: [
-          /* @__PURE__ */ jsx14(
+  return /* @__PURE__ */ jsxs13("div", { className: "rs-screen", children: [
+    /* @__PURE__ */ jsxs13("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+      /* @__PURE__ */ jsx15(BodyHeader, { icon: /* @__PURE__ */ jsx15(WalletIcon, {}), title: "Wallet deposit" }),
+      /* @__PURE__ */ jsxs13("div", { className: "rs-amount-section", children: [
+        /* @__PURE__ */ jsxs13("div", { className: "rs-amount-display", children: [
+          /* @__PURE__ */ jsx15(
             AnimatedAmountInput,
             {
               value: amount,
@@ -3250,25 +3255,25 @@ function SolanaAmountStep({
               autoFocus: true
             }
           ),
-          /* @__PURE__ */ jsxs12("div", { className: "rs-amount-meta", children: [
-            /* @__PURE__ */ jsxs12("span", { className: "rs-amount-meta-balance", children: [
+          /* @__PURE__ */ jsxs13("div", { className: "rs-amount-meta", children: [
+            /* @__PURE__ */ jsxs13("span", { className: "rs-amount-meta-balance", children: [
               formattedBalance,
               " ",
               token.symbol,
               " available",
-              computedBalanceUsd !== null && /* @__PURE__ */ jsxs12(Fragment2, { children: [
+              computedBalanceUsd !== null && /* @__PURE__ */ jsxs13(Fragment2, { children: [
                 " (~",
                 currencyFormatter.format(computedBalanceUsd),
                 ")"
               ] })
             ] }),
-            minDepositUsd !== null && /* @__PURE__ */ jsxs12("span", { className: "rs-amount-meta-minimum", children: [
+            minDepositUsd !== null && /* @__PURE__ */ jsxs13("span", { className: "rs-amount-meta-minimum", children: [
               "Min. deposit ",
               currencyFormatter.format(minDepositUsd)
             ] })
           ] })
         ] }),
-        /* @__PURE__ */ jsx14("div", { className: "rs-amount-presets", children: PRESETS2.map((preset) => /* @__PURE__ */ jsx14(
+        /* @__PURE__ */ jsx15("div", { className: "rs-amount-presets", children: PRESETS2.map((preset) => /* @__PURE__ */ jsx15(
           "button",
           {
             type: "button",
@@ -3279,36 +3284,36 @@ function SolanaAmountStep({
           preset.value
         )) })
       ] }),
-      /* @__PURE__ */ jsxs12("div", { className: "rs-amount-details", children: [
-        /* @__PURE__ */ jsxs12("div", { className: "rs-amount-detail-row", children: [
-          /* @__PURE__ */ jsx14("span", { children: "You send" }),
-          /* @__PURE__ */ jsxs12("span", { className: "rs-amount-detail-value", children: [
-            /* @__PURE__ */ jsxs12("span", { children: [
+      /* @__PURE__ */ jsxs13("div", { className: "rs-amount-details", children: [
+        /* @__PURE__ */ jsxs13("div", { className: "rs-amount-detail-row", children: [
+          /* @__PURE__ */ jsx15("span", { children: "You send" }),
+          /* @__PURE__ */ jsxs13("span", { className: "rs-amount-detail-value", children: [
+            /* @__PURE__ */ jsxs13("span", { children: [
               "Solana ",
               token.symbol
             ] }),
-            sourceTokenIcon && /* @__PURE__ */ jsx14("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx14("img", { src: sourceTokenIcon, alt: "" }) })
+            sourceTokenIcon && /* @__PURE__ */ jsx15("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx15("img", { src: sourceTokenIcon, alt: "" }) })
           ] })
         ] }),
-        targetChainName && targetTokenSymbol && /* @__PURE__ */ jsxs12("div", { className: "rs-amount-detail-row", children: [
-          /* @__PURE__ */ jsx14("span", { children: "Receive" }),
-          /* @__PURE__ */ jsxs12("span", { className: "rs-amount-detail-value", children: [
-            /* @__PURE__ */ jsxs12("span", { children: [
+        targetChainName && targetTokenSymbol && /* @__PURE__ */ jsxs13("div", { className: "rs-amount-detail-row", children: [
+          /* @__PURE__ */ jsx15("span", { children: "Receive" }),
+          /* @__PURE__ */ jsxs13("span", { className: "rs-amount-detail-value", children: [
+            /* @__PURE__ */ jsxs13("span", { children: [
               targetChainName,
               " ",
               targetTokenSymbol
             ] }),
-            targetTokenIcon && /* @__PURE__ */ jsx14("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx14("img", { src: targetTokenIcon, alt: "" }) })
+            targetTokenIcon && /* @__PURE__ */ jsx15("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx15("img", { src: targetTokenIcon, alt: "" }) })
           ] })
         ] }),
-        balanceAfterUsd !== null && /* @__PURE__ */ jsxs12("div", { className: "rs-amount-detail-row", children: [
-          /* @__PURE__ */ jsx14("span", { children: "Balance after deposit" }),
-          /* @__PURE__ */ jsx14("span", { className: "rs-amount-detail-value", children: currencyFormatter.format(balanceAfterUsd) })
+        balanceAfterUsd !== null && /* @__PURE__ */ jsxs13("div", { className: "rs-amount-detail-row", children: [
+          /* @__PURE__ */ jsx15("span", { children: "Balance after deposit" }),
+          /* @__PURE__ */ jsx15("span", { className: "rs-amount-detail-value", children: currencyFormatter.format(balanceAfterUsd) })
         ] })
       ] }),
-      targetChain === HYPERCORE_CHAIN_ID && /* @__PURE__ */ jsx14(Callout, { variant: "warning", children: "First deposit to a new HyperCore account includes a ~1 USDC activation fee." }),
-      error && /* @__PURE__ */ jsx14(Callout, { variant: "error", children: error }),
-      /* @__PURE__ */ jsx14(
+      targetChain === HYPERCORE_CHAIN_ID && /* @__PURE__ */ jsx15(Callout, { variant: "warning", children: "First deposit to a new HyperCore account includes a ~1 USDC activation fee." }),
+      error && /* @__PURE__ */ jsx15(Callout, { variant: "error", children: error }),
+      /* @__PURE__ */ jsx15(
         Button,
         {
           onClick: handleContinue,
@@ -3318,7 +3323,7 @@ function SolanaAmountStep({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx14(PoweredBy, {})
+    /* @__PURE__ */ jsx15(PoweredBy, {})
   ] });
 }
 
@@ -3431,7 +3436,7 @@ async function sendSolanaTransaction(provider, _connection, transaction) {
 }
 
 // src/components/steps/SolanaConfirmStep.tsx
-import { jsx as jsx15, jsxs as jsxs13 } from "react/jsx-runtime";
+import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
 function SolanaConfirmStep({
   smartAccount,
   solanaAddress,
@@ -3455,7 +3460,6 @@ function SolanaConfirmStep({
   const [isSubmitting, setIsSubmitting] = useState10(false);
   const [error, setError] = useState10(null);
   const targetSymbol = getTargetTokenSymbol(targetToken, targetChain);
-  const isSameToken = token.symbol.toUpperCase() === targetSymbol.toUpperCase();
   const sourceChainName = getChainName("solana");
   const targetChainName = getChainName(targetChain);
   const sourceChainIcon = getChainIcon("solana");
@@ -3464,25 +3468,20 @@ function SolanaConfirmStep({
   const targetTokenIcon = getTokenIcon(targetSymbol);
   const feeSponsored = uiConfig?.feeSponsored ?? false;
   const feeTooltip = uiConfig?.feeTooltip ?? (feeSponsored ? "Network fees are sponsored for this deposit." : "Network fees apply.");
-  const formattedAmount = sourceAmount && !Number.isNaN(Number(sourceAmount)) ? Number(sourceAmount).toLocaleString("en-US", {
-    minimumFractionDigits: 2,
-    maximumFractionDigits: 6
-  }) : "0";
-  const formattedReceiveAmount = (() => {
-    if (isSameToken) return formattedAmount;
-    const dollarValue = Number(targetAmount);
-    if (!Number.isFinite(dollarValue) || dollarValue <= 0)
-      return formattedAmount;
-    if (targetTokenPriceUsd !== null && targetTokenPriceUsd > 0) {
-      const tokenAmount = dollarValue / targetTokenPriceUsd;
-      return tokenAmount.toLocaleString("en-US", {
-        minimumFractionDigits: 2,
-        maximumFractionDigits: 6
-      });
-    }
-    return formattedAmount;
+  const formattedAmount = sourceAmount && Number.isFinite(Number(sourceAmount)) ? formatTokenAmount(Number(sourceAmount), token.symbol) ?? "0" : "0";
+  const receiveDisplay = (() => {
+    const usdValue = Number(targetAmount);
+    const sourceAmountUsd = Number.isFinite(usdValue) && usdValue > 0 ? usdValue : void 0;
+    const estimate = formatReceiveEstimate({
+      sourceAmount: Number.isFinite(Number(sourceAmount)) ? Number(sourceAmount) : void 0,
+      sourceSymbol: token.symbol,
+      targetSymbol,
+      sourceAmountUsd,
+      prices: targetTokenPriceUsd !== null && targetTokenPriceUsd > 0 ? { [targetSymbol.toUpperCase()]: targetTokenPriceUsd } : {}
+    });
+    if (estimate !== void 0) return estimate;
+    return sourceAmountUsd !== void 0 ? `~$${sourceAmountUsd.toFixed(2)}` : `${formattedAmount} ${token.symbol}`;
   })();
-  const receiveAmount = isSameToken ? formattedReceiveAmount : `~${formattedReceiveAmount}`;
   const handleConfirm = async () => {
     if (!solanaProvider) {
       debugLog(debug, "solana-confirm", "submit:blocked", {
@@ -3572,66 +3571,62 @@ function SolanaConfirmStep({
       setIsSubmitting(false);
     }
   };
-  return /* @__PURE__ */ jsxs13("div", { className: "rs-screen", children: [
-    /* @__PURE__ */ jsxs13("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
-      /* @__PURE__ */ jsx15(BodyHeader, { icon: /* @__PURE__ */ jsx15(WalletIcon, {}), title: "Review deposit" }),
-      /* @__PURE__ */ jsxs13("div", { className: "rs-review-details", children: [
-        /* @__PURE__ */ jsxs13("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx15("span", { children: "Source chain" }),
-          /* @__PURE__ */ jsxs13("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsx15("span", { children: sourceChainName }),
-            sourceChainIcon && /* @__PURE__ */ jsx15("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx15("img", { src: sourceChainIcon, alt: "" }) })
+  return /* @__PURE__ */ jsxs14("div", { className: "rs-screen", children: [
+    /* @__PURE__ */ jsxs14("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+      /* @__PURE__ */ jsx16(BodyHeader, { icon: /* @__PURE__ */ jsx16(WalletIcon, {}), title: "Review deposit" }),
+      /* @__PURE__ */ jsxs14("div", { className: "rs-review-details", children: [
+        /* @__PURE__ */ jsxs14("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx16("span", { children: "Source chain" }),
+          /* @__PURE__ */ jsxs14("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsx16("span", { children: sourceChainName }),
+            sourceChainIcon && /* @__PURE__ */ jsx16("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx16("img", { src: sourceChainIcon, alt: "" }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs13("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx15("span", { children: "Destination chain" }),
-          /* @__PURE__ */ jsxs13("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsx15("span", { children: targetChainName }),
-            targetChainIcon && /* @__PURE__ */ jsx15("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx15("img", { src: targetChainIcon, alt: "" }) })
+        /* @__PURE__ */ jsxs14("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx16("span", { children: "Destination chain" }),
+          /* @__PURE__ */ jsxs14("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsx16("span", { children: targetChainName }),
+            targetChainIcon && /* @__PURE__ */ jsx16("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx16("img", { src: targetChainIcon, alt: "" }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs13("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx15("span", { children: "Estimated time" }),
-          /* @__PURE__ */ jsx15("span", { className: "rs-review-detail-value", children: estimatedTime })
+        /* @__PURE__ */ jsxs14("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx16("span", { children: "Estimated time" }),
+          /* @__PURE__ */ jsx16("span", { className: "rs-review-detail-value", children: estimatedTime })
         ] }),
-        /* @__PURE__ */ jsxs13("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx15("span", { children: "You send" }),
-          /* @__PURE__ */ jsxs13("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsxs13("span", { children: [
+        /* @__PURE__ */ jsxs14("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx16("span", { children: "You send" }),
+          /* @__PURE__ */ jsxs14("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsxs14("span", { children: [
               formattedAmount,
               " ",
               token.symbol
             ] }),
-            sourceTokenIcon && /* @__PURE__ */ jsx15("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx15("img", { src: sourceTokenIcon, alt: "" }) })
+            sourceTokenIcon && /* @__PURE__ */ jsx16("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx16("img", { src: sourceTokenIcon, alt: "" }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs13("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx15("span", { children: "Receive" }),
-          /* @__PURE__ */ jsxs13("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsxs13("span", { children: [
-              receiveAmount,
-              " ",
-              targetSymbol
-            ] }),
-            targetTokenIcon && /* @__PURE__ */ jsx15("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx15("img", { src: targetTokenIcon, alt: "" }) })
+        /* @__PURE__ */ jsxs14("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx16("span", { children: "Receive" }),
+          /* @__PURE__ */ jsxs14("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsx16("span", { children: receiveDisplay }),
+            targetTokenIcon && /* @__PURE__ */ jsx16("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx16("img", { src: targetTokenIcon, alt: "" }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs13("div", { className: "rs-review-detail-row", children: [
-          /* @__PURE__ */ jsx15("span", { children: "Fees" }),
-          /* @__PURE__ */ jsxs13("span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ jsx15(
+        /* @__PURE__ */ jsxs14("div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ jsx16("span", { children: "Fees" }),
+          /* @__PURE__ */ jsxs14("span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ jsx16(
               "span",
               {
                 style: feeSponsored ? { textDecoration: "line-through" } : void 0,
                 children: "$0.04"
               }
             ),
-            /* @__PURE__ */ jsx15(Tooltip, { content: feeTooltip, children: /* @__PURE__ */ jsx15("span", { className: "rs-review-detail-info", "aria-label": "Fee info", children: /* @__PURE__ */ jsx15(InfoIcon, {}) }) })
+            /* @__PURE__ */ jsx16(Tooltip, { content: feeTooltip, children: /* @__PURE__ */ jsx16("span", { className: "rs-review-detail-info", "aria-label": "Fee info", children: /* @__PURE__ */ jsx16(InfoIcon, {}) }) })
           ] })
         ] })
       ] }),
-      error && /* @__PURE__ */ jsx15(Callout, { variant: "error", children: error }),
-      /* @__PURE__ */ jsx15(
+      error && /* @__PURE__ */ jsx16(Callout, { variant: "error", children: error }),
+      /* @__PURE__ */ jsx16(
         Button,
         {
           onClick: handleConfirm,
@@ -3643,28 +3638,28 @@ function SolanaConfirmStep({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx15(PoweredBy, {})
+    /* @__PURE__ */ jsx16(PoweredBy, {})
   ] });
 }
 
 // src/components/steps/DappImportAssetSelectStep.tsx
-import { jsx as jsx16, jsxs as jsxs14 } from "react/jsx-runtime";
+import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
 function DappImportAssetSelectStep({
   sourceLabel,
   assets,
   onSelect
 }) {
-  return /* @__PURE__ */ jsxs14("div", { className: "rs-screen", children: [
-    /* @__PURE__ */ jsxs14("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
-      /* @__PURE__ */ jsx16(
+  return /* @__PURE__ */ jsxs15("div", { className: "rs-screen", children: [
+    /* @__PURE__ */ jsxs15("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+      /* @__PURE__ */ jsx17(
         BodyHeader,
         {
-          icon: /* @__PURE__ */ jsx16(WalletIcon, {}),
+          icon: /* @__PURE__ */ jsx17(WalletIcon, {}),
           title: `Transfer from ${sourceLabel}`,
           subtitle: "Pick the balance to import"
         }
       ),
-      /* @__PURE__ */ jsx16("div", { className: "rs-asset-list", children: assets.map((asset) => {
+      /* @__PURE__ */ jsx17("div", { className: "rs-asset-list", children: assets.map((asset) => {
         const tokenAmount = asset.balance ? tokenFormatter.format(
           Number(asset.balance) / 10 ** asset.decimals
         ) : "0";
@@ -3672,23 +3667,23 @@ function DappImportAssetSelectStep({
         const tokenIcon = asset.icon ?? getTokenIcon(asset.symbol);
         const chainIcon = getChainIcon(asset.chainId);
         const badge = getChainBadge(asset.chainId);
-        return /* @__PURE__ */ jsxs14(
+        return /* @__PURE__ */ jsxs15(
           "button",
           {
             type: "button",
             className: "rs-asset-row",
             onClick: () => onSelect(asset),
             children: [
-              /* @__PURE__ */ jsxs14("div", { className: "rs-asset-info", children: [
-                /* @__PURE__ */ jsxs14("div", { className: "rs-asset-icon-wrapper", children: [
-                  /* @__PURE__ */ jsx16("span", { className: "rs-asset-icon", children: tokenIcon ? /* @__PURE__ */ jsx16("img", { src: tokenIcon, alt: asset.symbol }) : asset.symbol.slice(0, 4) }),
-                  chainIcon ? /* @__PURE__ */ jsx16("span", { className: "rs-asset-chain-badge", children: /* @__PURE__ */ jsx16(
+              /* @__PURE__ */ jsxs15("div", { className: "rs-asset-info", children: [
+                /* @__PURE__ */ jsxs15("div", { className: "rs-asset-icon-wrapper", children: [
+                  /* @__PURE__ */ jsx17("span", { className: "rs-asset-icon", children: tokenIcon ? /* @__PURE__ */ jsx17("img", { src: tokenIcon, alt: asset.symbol }) : asset.symbol.slice(0, 4) }),
+                  chainIcon ? /* @__PURE__ */ jsx17("span", { className: "rs-asset-chain-badge", children: /* @__PURE__ */ jsx17(
                     "img",
                     {
                       src: chainIcon,
                       alt: getChainName(asset.chainId)
                     }
-                  ) }) : /* @__PURE__ */ jsx16(
+                  ) }) : /* @__PURE__ */ jsx17(
                     "span",
                     {
                       className: "rs-asset-chain-badge",
@@ -3697,86 +3692,86 @@ function DappImportAssetSelectStep({
                     }
                   )
                 ] }),
-                /* @__PURE__ */ jsxs14("div", { className: "rs-asset-text", children: [
-                  /* @__PURE__ */ jsxs14("div", { className: "rs-asset-name-row", children: [
-                    /* @__PURE__ */ jsx16("span", { className: "rs-asset-name", children: asset.symbol }),
-                    /* @__PURE__ */ jsxs14("span", { className: "rs-asset-chain", children: [
+                /* @__PURE__ */ jsxs15("div", { className: "rs-asset-text", children: [
+                  /* @__PURE__ */ jsxs15("div", { className: "rs-asset-name-row", children: [
+                    /* @__PURE__ */ jsx17("span", { className: "rs-asset-name", children: asset.symbol }),
+                    /* @__PURE__ */ jsxs15("span", { className: "rs-asset-chain", children: [
                       "on ",
                       asset.sourceLabel
                     ] })
                   ] }),
-                  /* @__PURE__ */ jsxs14("div", { className: "rs-asset-balance-small", children: [
+                  /* @__PURE__ */ jsxs15("div", { className: "rs-asset-balance-small", children: [
                     tokenAmount,
                     " ",
                     asset.symbol
                   ] })
                 ] })
               ] }),
-              /* @__PURE__ */ jsx16("div", { className: "rs-asset-balance", children: balanceUsd })
+              /* @__PURE__ */ jsx17("div", { className: "rs-asset-balance", children: balanceUsd })
             ]
           },
           asset.id
         );
       }) })
     ] }),
-    /* @__PURE__ */ jsx16(PoweredBy, {})
+    /* @__PURE__ */ jsx17(PoweredBy, {})
   ] });
 }
 DappImportAssetSelectStep.displayName = "DappImportAssetSelectStep";
 
 // src/components/steps/DappImportAssetSelectSkeleton.tsx
-import { jsx as jsx17, jsxs as jsxs15 } from "react/jsx-runtime";
+import { jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
 function DappImportAssetSelectSkeleton({
   sourceLabel,
   rowCount = 3,
   error = false,
   onRetry
 }) {
-  return /* @__PURE__ */ jsxs15("div", { className: "rs-screen", "aria-busy": error ? "false" : "true", children: [
-    /* @__PURE__ */ jsx17("span", { className: "rs-sr-only", role: "status", children: error ? "Couldn't load balances" : "Loading balances\u2026" }),
-    /* @__PURE__ */ jsxs15("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
-      /* @__PURE__ */ jsx17(
+  return /* @__PURE__ */ jsxs16("div", { className: "rs-screen", "aria-busy": error ? "false" : "true", children: [
+    /* @__PURE__ */ jsx18("span", { className: "rs-sr-only", role: "status", children: error ? "Couldn't load balances" : "Loading balances\u2026" }),
+    /* @__PURE__ */ jsxs16("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+      /* @__PURE__ */ jsx18(
         BodyHeader,
         {
-          icon: /* @__PURE__ */ jsx17(WalletIcon, {}),
+          icon: /* @__PURE__ */ jsx18(WalletIcon, {}),
           title: `Transfer from ${sourceLabel}`,
           subtitle: "Pick the balance to import"
         }
       ),
-      error ? /* @__PURE__ */ jsx17("div", { className: "rs-loading-state", children: /* @__PURE__ */ jsxs15("div", { className: "rs-loading-text", children: [
-        /* @__PURE__ */ jsx17("div", { className: "rs-loading-title rs-text-error", children: "Couldn\u2019t load your balances" }),
-        /* @__PURE__ */ jsx17("div", { className: "rs-loading-subtitle", children: "Check your connection and try again." })
-      ] }) }) : /* @__PURE__ */ jsx17("div", { className: "rs-asset-list", "aria-hidden": "true", children: Array.from({ length: rowCount }, (_, index) => /* @__PURE__ */ jsxs15(
+      error ? /* @__PURE__ */ jsx18("div", { className: "rs-loading-state", children: /* @__PURE__ */ jsxs16("div", { className: "rs-loading-text", children: [
+        /* @__PURE__ */ jsx18("div", { className: "rs-loading-title rs-text-error", children: "Couldn\u2019t load your balances" }),
+        /* @__PURE__ */ jsx18("div", { className: "rs-loading-subtitle", children: "Check your connection and try again." })
+      ] }) }) : /* @__PURE__ */ jsx18("div", { className: "rs-asset-list", "aria-hidden": "true", children: Array.from({ length: rowCount }, (_, index) => /* @__PURE__ */ jsxs16(
         "div",
         {
           className: "rs-asset-row rs-asset-row--skeleton",
           children: [
-            /* @__PURE__ */ jsxs15("div", { className: "rs-asset-info", children: [
-              /* @__PURE__ */ jsxs15("div", { className: "rs-asset-icon-wrapper", children: [
-                /* @__PURE__ */ jsx17("span", { className: "rs-asset-icon", children: /* @__PURE__ */ jsx17("span", { className: "rs-skeleton rs-skeleton-fill" }) }),
-                /* @__PURE__ */ jsx17("span", { className: "rs-asset-chain-badge", children: /* @__PURE__ */ jsx17("span", { className: "rs-skeleton rs-skeleton-fill" }) })
+            /* @__PURE__ */ jsxs16("div", { className: "rs-asset-info", children: [
+              /* @__PURE__ */ jsxs16("div", { className: "rs-asset-icon-wrapper", children: [
+                /* @__PURE__ */ jsx18("span", { className: "rs-asset-icon", children: /* @__PURE__ */ jsx18("span", { className: "rs-skeleton rs-skeleton-fill" }) }),
+                /* @__PURE__ */ jsx18("span", { className: "rs-asset-chain-badge", children: /* @__PURE__ */ jsx18("span", { className: "rs-skeleton rs-skeleton-fill" }) })
               ] }),
-              /* @__PURE__ */ jsxs15("div", { className: "rs-asset-text", children: [
-                /* @__PURE__ */ jsx17("div", { className: "rs-asset-name-row", children: /* @__PURE__ */ jsx17("span", { className: "rs-skeleton rs-skeleton-text rs-skeleton-text--name" }) }),
-                /* @__PURE__ */ jsx17("div", { className: "rs-asset-balance-small", children: /* @__PURE__ */ jsx17("span", { className: "rs-skeleton rs-skeleton-text rs-skeleton-text--balance" }) })
+              /* @__PURE__ */ jsxs16("div", { className: "rs-asset-text", children: [
+                /* @__PURE__ */ jsx18("div", { className: "rs-asset-name-row", children: /* @__PURE__ */ jsx18("span", { className: "rs-skeleton rs-skeleton-text rs-skeleton-text--name" }) }),
+                /* @__PURE__ */ jsx18("div", { className: "rs-asset-balance-small", children: /* @__PURE__ */ jsx18("span", { className: "rs-skeleton rs-skeleton-text rs-skeleton-text--balance" }) })
               ] })
             ] }),
-            /* @__PURE__ */ jsx17("div", { className: "rs-asset-balance", children: /* @__PURE__ */ jsx17("span", { className: "rs-skeleton rs-skeleton-text rs-skeleton-text--usd" }) })
+            /* @__PURE__ */ jsx18("div", { className: "rs-asset-balance", children: /* @__PURE__ */ jsx18("span", { className: "rs-skeleton rs-skeleton-text rs-skeleton-text--usd" }) })
           ]
         },
         index
       )) })
     ] }),
-    error && onRetry && /* @__PURE__ */ jsx17("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx17(
+    error && onRetry && /* @__PURE__ */ jsx18("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx18(
       "button",
       {
         type: "button",
         className: "rs-button rs-button--default rs-button--full-width",
         onClick: onRetry,
-        children: /* @__PURE__ */ jsx17("span", { children: "Try again" })
+        children: /* @__PURE__ */ jsx18("span", { children: "Try again" })
       }
     ) }),
-    /* @__PURE__ */ jsx17(PoweredBy, {})
+    /* @__PURE__ */ jsx18(PoweredBy, {})
   ] });
 }
 DappImportAssetSelectSkeleton.displayName = "DappImportAssetSelectSkeleton";
@@ -5136,28 +5131,27 @@ function mapError(error) {
 }
 
 // src/DepositFlow.tsx
-import { Fragment as Fragment3, jsx as jsx18, jsxs as jsxs16 } from "react/jsx-runtime";
+import { Fragment as Fragment3, jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
 function AccountPreparingSkeleton({
   errorMessage,
   onRetry
 }) {
-  return /* @__PURE__ */ jsxs16("div", { className: "rs-step", children: [
-    /* @__PURE__ */ jsx18("div", { className: "rs-step-body", style: { paddingTop: 0 }, children: /* @__PURE__ */ jsx18("div", { className: "rs-loading-state", children: /* @__PURE__ */ jsx18("div", { className: "rs-loading-text", children: errorMessage ? /* @__PURE__ */ jsxs16(Fragment3, { children: [
-      /* @__PURE__ */ jsx18("div", { className: "rs-loading-title rs-text-error", children: "Couldn\u2019t prepare account" }),
-      /* @__PURE__ */ jsx18("div", { className: "rs-loading-subtitle", children: errorMessage })
-    ] }) : /* @__PURE__ */ jsx18("div", { className: "rs-loading-title", children: "Preparing\u2026" }) }) }) }),
-    errorMessage && onRetry && /* @__PURE__ */ jsx18("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs17("div", { className: "rs-step", children: [
+    /* @__PURE__ */ jsx19("div", { className: "rs-step-body", style: { paddingTop: 0 }, children: /* @__PURE__ */ jsx19("div", { className: "rs-loading-state", children: /* @__PURE__ */ jsx19("div", { className: "rs-loading-text", children: errorMessage ? /* @__PURE__ */ jsxs17(Fragment3, { children: [
+      /* @__PURE__ */ jsx19("div", { className: "rs-loading-title rs-text-error", children: "Couldn\u2019t prepare account" }),
+      /* @__PURE__ */ jsx19("div", { className: "rs-loading-subtitle", children: errorMessage })
+    ] }) : /* @__PURE__ */ jsx19("div", { className: "rs-loading-title", children: "Preparing\u2026" }) }) }) }),
+    errorMessage && onRetry && /* @__PURE__ */ jsx19("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx19(
       "button",
       {
         type: "button",
         className: "rs-button rs-button--default rs-button--full-width",
         onClick: onRetry,
-        children: /* @__PURE__ */ jsx18("span", { children: "Try again" })
+        children: /* @__PURE__ */ jsx19("span", { children: "Try again" })
       }
     ) })
   ] });
 }
-var QR_AUTO_ADVANCE_HYDRATION_GRACE_MS = 1e3;
 var DAPP_IMPORT_RESOLVE_TIMEOUT_MS = 1e4;
 function isSameRoute2(sourceChain, sourceToken, targetChain, targetToken) {
   return sourceChain === targetChain && sourceToken.toLowerCase() === targetToken.toLowerCase();
@@ -5165,6 +5159,26 @@ function isSameRoute2(sourceChain, sourceToken, targetChain, targetToken) {
 var SWAPPED_SOURCE_CHAIN = 8453;
 var SWAPPED_SOURCE_TOKEN = "0x833589fCD6eDb6E08f4c7C32D4f71b54bdA02913";
 var SWAPPED_SOURCE_DECIMALS = 6;
+var DEFAULT_FIAT_ONRAMP_METHODS = [
+  {
+    method: "creditcard",
+    label: "Debit/Credit card",
+    sublabel: "Instant - $10,000 limit",
+    icon: "card"
+  },
+  {
+    method: "bank-transfer",
+    label: "Bank transfer",
+    sublabel: "Instant - $10,000 limit",
+    icon: "bank"
+  },
+  {
+    method: "apple-pay",
+    label: "Apple pay",
+    sublabel: "Instant - $10,000 limit",
+    icon: "apple"
+  }
+];
 function getAddressKey(address) {
   return address ? address.toLowerCase() : null;
 }
@@ -5345,12 +5359,6 @@ function DepositFlow({
   const onEventRef = useLatestRef(onEvent);
   const onLifecycleRef = useLatestRef(onLifecycle);
   const onErrorRef = useLatestRef(onError);
-  const hasInitialReownSession = Boolean(
-    enableSolana ? reownWallet?.isConnected || reownWallet?.address : reownWallet?.address
-  );
-  const hasInitialWalletHydrationPending = Boolean(
-    dappAddress && (hasDappWalletClientProp && dappWalletClient === void 0 || reownWallet && !hasInitialReownSession && !reownWallet.isReady)
-  );
   const storeApi = useDepositStoreApi();
   const flowSlice = useDepositStore((s) => s.flow);
   const depositSlice = useDepositStore((s) => s.deposit);
@@ -5360,10 +5368,8 @@ function DepositFlow({
   const exchangeSlice = useDepositStore((s) => s.exchange);
   const flowMode = flowSlice.mode;
   const isConnectSelectionConfirmed = flowSlice.isConnectSelectionConfirmed;
-  const hasNavigatedBack = flowSlice.hasNavigatedBack;
   const selectedWalletId = useDepositStore(selectedWalletIdSelector);
   const [totalBalanceUsd, setTotalBalanceUsd] = useState11(0);
-  const [hasQrAutoAdvanceGraceElapsed, setHasQrAutoAdvanceGraceElapsed] = useState11(() => !hasInitialWalletHydrationPending);
   const portfolioAssetsRef = useRef8([]);
   const stableWalletSignerRef = useRef8(null);
   const stableWalletSelectionKeyRef = useRef8(null);
@@ -5461,24 +5467,10 @@ function DepositFlow({
   const hasReownSession = Boolean(
     enableSolana ? reownWallet?.isConnected || reownWallet?.address : reownWallet?.address
   );
-  const isWalletHydrationPending = Boolean(
-    dappAddress && !hasWalletOptions && (hasDappWalletClientProp && dappWalletClient === void 0 || reownWallet && !hasReownSession && !reownWallet.isReady)
-  );
   const isDappImportWalletHydrating = Boolean(
     hasDappWalletClientProp && dappWalletClient === void 0 || reownWallet && !hasReownSession && !reownWallet.isReady
   );
   const showConnectStep = flowMode === null && !isConnectSelectionConfirmed;
-  useEffect10(() => {
-    if (!isWalletHydrationPending) {
-      setHasQrAutoAdvanceGraceElapsed(true);
-      return;
-    }
-    setHasQrAutoAdvanceGraceElapsed(false);
-    const timeout = window.setTimeout(() => {
-      setHasQrAutoAdvanceGraceElapsed(true);
-    }, QR_AUTO_ADVANCE_HYDRATION_GRACE_MS);
-    return () => window.clearTimeout(timeout);
-  }, [isWalletHydrationPending]);
   const walletSelectionKey = useMemo7(() => {
     if (flowMode !== "wallet" && flowMode !== "dapp-import") return null;
     if (canAutoLock) {
@@ -6520,26 +6512,6 @@ function DepositFlow({
       storeApi.dispatch({ type: "flow/step-set", step: "connect" });
     }
   }, [enableSolana, flowMode, storeApi]);
-  useEffect10(() => {
-    if (hasNavigatedBack || isConnectSelectionConfirmed || flowMode || enableFiatOnramp || enableExchangeConnect || initialDappImportProvider) {
-      return;
-    }
-    if (enableQrTransfer && !hasWalletOptions && dappAddress && !hasReownSession && !dappWalletClient && hasQrAutoAdvanceGraceElapsed) {
-      handleSelectTransferCrypto();
-    }
-  }, [
-    enableQrTransfer,
-    hasWalletOptions,
-    hasReownSession,
-    hasQrAutoAdvanceGraceElapsed,
-    isConnectSelectionConfirmed,
-    flowMode,
-    hasNavigatedBack,
-    dappAddress,
-    dappWalletClient,
-    initialDappImportProvider,
-    handleSelectTransferCrypto
-  ]);
   const walletRows = useMemo7(() => {
     return walletOptions.map((option) => {
       const ownerForRow = option.kind === "solana" ? dappAddress : option.address ?? null;
@@ -6568,7 +6540,7 @@ function DepositFlow({
     [storeApi]
   );
   if (showConnectStep) {
-    return /* @__PURE__ */ jsx18("div", { className: "rs-modal-body", children: /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx19("div", { className: "rs-modal-body", children: /* @__PURE__ */ jsx19(
       ConnectStep,
       {
         walletRows,
@@ -6581,8 +6553,7 @@ function DepositFlow({
           }
           handleSelectTransferCrypto();
         } : void 0,
-        onSelectPayWithCard: enableFiatOnramp && dappAddress && (!fiatOnrampMethods || fiatOnrampMethods.length === 0) ? () => handleSelectFiatMethod() : void 0,
-        fiatPaymentMethods: enableFiatOnramp && dappAddress ? fiatOnrampMethods : void 0,
+        fiatPaymentMethods: enableFiatOnramp && dappAddress ? fiatOnrampMethods && fiatOnrampMethods.length > 0 ? fiatOnrampMethods : DEFAULT_FIAT_ONRAMP_METHODS : void 0,
         onSelectFiatMethod: enableFiatOnramp && dappAddress ? (method) => handleSelectFiatMethod(method) : void 0,
         onSelectFundFromExchange: enableExchangeConnect && dappAddress ? () => handleSelectExchange() : void 0,
         onRequestConnect,
@@ -6625,21 +6596,21 @@ function DepositFlow({
   }
   if (isDepositAddressMode) {
     if (!dappAddress) return null;
-    return /* @__PURE__ */ jsxs16("div", { className: "rs-modal-body", children: [
-      effectiveStep.type === "setup" && (activeEntry.status === "error" ? /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsxs17("div", { className: "rs-modal-body", children: [
+      effectiveStep.type === "setup" && (activeEntry.status === "error" ? /* @__PURE__ */ jsx19(
         AccountPreparingSkeleton,
         {
           errorMessage: activeEntry.message ?? void 0,
           onRetry: () => handleRetrySetup(dappAddress)
         }
-      ) : /* @__PURE__ */ jsx18(
+      ) : /* @__PURE__ */ jsx19(
         DepositAddressSkeleton,
         {
           uiConfig,
           allowedRoutes
         }
       )),
-      effectiveStep.type === "deposit-address" && /* @__PURE__ */ jsx18(
+      effectiveStep.type === "deposit-address" && /* @__PURE__ */ jsx19(
         DepositAddressStep,
         {
           smartAccount: effectiveStep.smartAccount,
@@ -6672,21 +6643,21 @@ function DepositFlow({
   }
   if (isFiatOnrampMode) {
     if (!dappAddress) return null;
-    return /* @__PURE__ */ jsxs16(
+    return /* @__PURE__ */ jsxs17(
       "div",
       {
         className: "rs-modal-body",
         "data-flow-mode": "fiat-onramp",
         "data-step-type": step.type,
         children: [
-          step.type === "setup" && /* @__PURE__ */ jsx18(
+          step.type === "setup" && /* @__PURE__ */ jsx19(
             AccountPreparingSkeleton,
             {
               errorMessage: activeEntry.status === "error" ? activeEntry.message ?? void 0 : void 0,
               onRetry: activeEntry.status === "error" ? () => handleRetrySetup(dappAddress) : void 0
             }
           ),
-          step.type === "fiat-onramp" && /* @__PURE__ */ jsx18(
+          step.type === "fiat-onramp" && /* @__PURE__ */ jsx19(
             FiatOnrampStep,
             {
               smartAccount: step.smartAccount,
@@ -6699,7 +6670,7 @@ function DepositFlow({
               onError: handleError
             }
           ),
-          step.type === "processing" && /* @__PURE__ */ jsx18(
+          step.type === "processing" && /* @__PURE__ */ jsx19(
             ProcessingStep,
             {
               smartAccount: step.smartAccount,
@@ -6731,21 +6702,21 @@ function DepositFlow({
   }
   if (isExchangeConnectMode) {
     if (!dappAddress) return null;
-    return /* @__PURE__ */ jsxs16(
+    return /* @__PURE__ */ jsxs17(
       "div",
       {
         className: "rs-modal-body",
         "data-flow-mode": "exchange-connect",
         "data-step-type": step.type,
         children: [
-          step.type === "setup" && /* @__PURE__ */ jsx18(
+          step.type === "setup" && /* @__PURE__ */ jsx19(
             AccountPreparingSkeleton,
             {
               errorMessage: activeEntry.status === "error" ? activeEntry.message ?? void 0 : void 0,
               onRetry: activeEntry.status === "error" ? () => handleRetrySetup(dappAddress) : void 0
             }
           ),
-          step.type === "exchange-select" && /* @__PURE__ */ jsx18(
+          step.type === "exchange-select" && /* @__PURE__ */ jsx19(
             ExchangeSelectStep,
             {
               service,
@@ -6753,7 +6724,7 @@ function DepositFlow({
               onError: handleError
             }
           ),
-          step.type === "exchange-connect" && /* @__PURE__ */ jsx18(
+          step.type === "exchange-connect" && /* @__PURE__ */ jsx19(
             ExchangeConnectStep,
             {
               smartAccount: step.smartAccount,
@@ -6766,7 +6737,7 @@ function DepositFlow({
               onError: handleError
             }
           ),
-          step.type === "processing" && /* @__PURE__ */ jsx18(
+          step.type === "processing" && /* @__PURE__ */ jsx19(
             ProcessingStep,
             {
               smartAccount: step.smartAccount,
@@ -6800,15 +6771,15 @@ function DepositFlow({
     if (!dappAddress) return null;
     const solanaAddr = reownWallet?.solanaAddress;
     const solanaProvider = reownWallet?.solanaProvider;
-    return /* @__PURE__ */ jsxs16("div", { className: "rs-modal-body", children: [
-      effectiveStep.type === "setup" && /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsxs17("div", { className: "rs-modal-body", children: [
+      effectiveStep.type === "setup" && /* @__PURE__ */ jsx19(
         AccountPreparingSkeleton,
         {
           errorMessage: activeEntry.status === "error" ? activeEntry.message ?? void 0 : void 0,
           onRetry: activeEntry.status === "error" ? () => handleRetrySetup(dappAddress) : void 0
         }
       ),
-      effectiveStep.type === "solana-token-select" && solanaAddr && /* @__PURE__ */ jsx18(
+      effectiveStep.type === "solana-token-select" && solanaAddr && /* @__PURE__ */ jsx19(
         SolanaTokenSelectStep,
         {
           solanaAddress: solanaAddr,
@@ -6822,7 +6793,7 @@ function DepositFlow({
           debug
         }
       ),
-      effectiveStep.type === "solana-amount" && /* @__PURE__ */ jsx18(
+      effectiveStep.type === "solana-amount" && /* @__PURE__ */ jsx19(
         SolanaAmountStep,
         {
           token: effectiveStep.token,
@@ -6841,7 +6812,7 @@ function DepositFlow({
           debug
         }
       ),
-      effectiveStep.type === "solana-confirm" && solanaAddr && solanaProvider ? /* @__PURE__ */ jsx18(
+      effectiveStep.type === "solana-confirm" && solanaAddr && solanaProvider ? /* @__PURE__ */ jsx19(
         SolanaConfirmStep,
         {
           smartAccount: effectiveStep.smartAccount,
@@ -6862,16 +6833,16 @@ function DepositFlow({
           onError: handleError,
           debug
         }
-      ) : effectiveStep.type === "solana-confirm" ? /* @__PURE__ */ jsxs16("div", { className: "rs-step", children: [
-        /* @__PURE__ */ jsxs16("div", { className: "rs-loading-state", children: [
-          /* @__PURE__ */ jsx18("div", { className: "rs-step-icon rs-step-icon--error", children: /* @__PURE__ */ jsx18(
+      ) : effectiveStep.type === "solana-confirm" ? /* @__PURE__ */ jsxs17("div", { className: "rs-step", children: [
+        /* @__PURE__ */ jsxs17("div", { className: "rs-loading-state", children: [
+          /* @__PURE__ */ jsx19("div", { className: "rs-step-icon rs-step-icon--error", children: /* @__PURE__ */ jsx19(
             "svg",
             {
               viewBox: "0 0 24 24",
               fill: "none",
               stroke: "currentColor",
               strokeWidth: "2",
-              children: /* @__PURE__ */ jsx18(
+              children: /* @__PURE__ */ jsx19(
                 "path",
                 {
                   strokeLinecap: "round",
@@ -6881,22 +6852,22 @@ function DepositFlow({
               )
             }
           ) }),
-          /* @__PURE__ */ jsxs16("div", { className: "rs-loading-text", children: [
-            /* @__PURE__ */ jsx18("div", { className: "rs-loading-title rs-text-error", children: "Wallet disconnected" }),
-            /* @__PURE__ */ jsx18("div", { className: "rs-loading-subtitle", children: "Please reconnect your Solana wallet to continue." })
+          /* @__PURE__ */ jsxs17("div", { className: "rs-loading-text", children: [
+            /* @__PURE__ */ jsx19("div", { className: "rs-loading-title rs-text-error", children: "Wallet disconnected" }),
+            /* @__PURE__ */ jsx19("div", { className: "rs-loading-subtitle", children: "Please reconnect your Solana wallet to continue." })
           ] })
         ] }),
-        /* @__PURE__ */ jsx18("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx18(
+        /* @__PURE__ */ jsx19("div", { className: "rs-step-footer", children: /* @__PURE__ */ jsx19(
           "button",
           {
             type: "button",
             className: "rs-button rs-button--default rs-button--full-width",
             onClick: handleBack,
-            children: /* @__PURE__ */ jsx18("span", { children: "Go Back" })
+            children: /* @__PURE__ */ jsx19("span", { children: "Go Back" })
           }
         ) })
       ] }) : null,
-      effectiveStep.type === "processing" && /* @__PURE__ */ jsx18(
+      effectiveStep.type === "processing" && /* @__PURE__ */ jsx19(
         ProcessingStep,
         {
           smartAccount: effectiveStep.smartAccount,
@@ -6924,13 +6895,13 @@ function DepositFlow({
     ] });
   }
   if (isDappImportMode && effectiveStep.type === "dapp-import-resolving") {
-    return /* @__PURE__ */ jsx18(
+    return /* @__PURE__ */ jsx19(
       "div",
       {
         className: "rs-modal-body",
         "data-flow-mode": "dapp-import",
         "data-step-type": effectiveStep.type,
-        children: /* @__PURE__ */ jsx18(
+        children: /* @__PURE__ */ jsx19(
           DappImportAssetSelectSkeleton,
           {
             sourceLabel: activeDappImportProvider?.sourceLabel ?? "",
@@ -6942,7 +6913,7 @@ function DepositFlow({
     );
   }
   if (!signerContext?.walletClient || !signerContext?.publicClient) {
-    return /* @__PURE__ */ jsx18("div", { className: "rs-modal-body", children: /* @__PURE__ */ jsx18("div", { className: "rs-step", children: /* @__PURE__ */ jsx18("div", { className: "rs-loading-state", children: /* @__PURE__ */ jsx18("div", { className: "rs-loading-text", children: /* @__PURE__ */ jsx18("div", { className: "rs-loading-title", children: "Connecting wallet\u2026" }) }) }) }) });
+    return /* @__PURE__ */ jsx19("div", { className: "rs-modal-body", children: /* @__PURE__ */ jsx19("div", { className: "rs-step", children: /* @__PURE__ */ jsx19("div", { className: "rs-loading-state", children: /* @__PURE__ */ jsx19("div", { className: "rs-loading-text", children: /* @__PURE__ */ jsx19("div", { className: "rs-loading-title", children: "Connecting wallet\u2026" }) }) }) }) });
   }
   const ownerAddress = signerContext.ownerAddress;
   const ownerChainId = signerContext.walletClient?.chain?.id ?? signerContext.publicClient.chain?.id ?? setupChainId;
@@ -6952,15 +6923,15 @@ function DepositFlow({
     }
     return getPublicClient(chainId);
   };
-  return /* @__PURE__ */ jsxs16("div", { className: "rs-modal-body", children: [
-    effectiveStep.type === "setup" && /* @__PURE__ */ jsx18(
+  return /* @__PURE__ */ jsxs17("div", { className: "rs-modal-body", children: [
+    effectiveStep.type === "setup" && /* @__PURE__ */ jsx19(
       AccountPreparingSkeleton,
       {
         errorMessage: activeEntry.status === "error" ? activeEntry.message ?? void 0 : void 0,
         onRetry: activeEntry.status === "error" ? () => handleRetrySetup(ownerAddress) : void 0
       }
     ),
-    effectiveStep.type === "select-asset" && /* @__PURE__ */ jsx18(
+    effectiveStep.type === "select-asset" && /* @__PURE__ */ jsx19(
       AssetSelectStep,
       {
         address: ownerAddress,
@@ -6978,7 +6949,7 @@ function DepositFlow({
         } : void 0
       }
     ),
-    effectiveStep.type === "dapp-import-asset-select" && activeDappImportProvider && activeDappImportAvailability && /* @__PURE__ */ jsx18(
+    effectiveStep.type === "dapp-import-asset-select" && activeDappImportProvider && activeDappImportAvailability && /* @__PURE__ */ jsx19(
       DappImportAssetSelectStep,
       {
         sourceLabel: activeDappImportAvailability.assets[0]?.sourceLabel ?? activeDappImportProvider.sourceLabel,
@@ -6986,7 +6957,7 @@ function DepositFlow({
         onSelect: handleDappImportAssetSelected
       }
     ),
-    effectiveStep.type === "amount" && /* @__PURE__ */ jsx18(
+    effectiveStep.type === "amount" && /* @__PURE__ */ jsx19(
       AmountStep,
       {
         walletClient: signerContext.walletClient,
@@ -7018,7 +6989,7 @@ function DepositFlow({
         }
       }
     ),
-    effectiveStep.type === "confirm" && /* @__PURE__ */ jsx18(
+    effectiveStep.type === "confirm" && /* @__PURE__ */ jsx19(
       ConfirmStep,
       {
         walletClient: signerContext.walletClient,
@@ -7059,7 +7030,7 @@ function DepositFlow({
         onError: handleError
       }
     ),
-    effectiveStep.type === "processing" && /* @__PURE__ */ jsx18(
+    effectiveStep.type === "processing" && /* @__PURE__ */ jsx19(
       ProcessingStep,
       {
         smartAccount: effectiveStep.smartAccount,
@@ -7091,7 +7062,7 @@ function DepositFlow({
 
 // src/components/history/DepositHistoryPanel.tsx
 import { useCallback as useCallback8, useMemo as useMemo8, useState as useState12 } from "react";
-import { jsx as jsx19, jsxs as jsxs17 } from "react/jsx-runtime";
+import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
 function shortenHash(hash) {
   if (hash.length <= 14) return hash;
   return `${hash.slice(0, 6)}\u2026${hash.slice(-4)}`;
@@ -7218,7 +7189,7 @@ function DepositHistoryPanel({
       (d) => !(d.txHash && sourceHashes.has(d.txHash.toLowerCase()))
     );
   }, [deposits]);
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     "div",
     {
       className: "rs-history-panel",
@@ -7226,55 +7197,55 @@ function DepositHistoryPanel({
       "aria-label": "Deposit history",
       onKeyDown: handleKeyDown,
       children: [
-        /* @__PURE__ */ jsxs17("div", { className: "rs-modal-header--redesigned", children: [
-          /* @__PURE__ */ jsx19("div", { className: "rs-modal-header-nav-left", children: /* @__PURE__ */ jsx19(
+        /* @__PURE__ */ jsxs18("div", { className: "rs-modal-header--redesigned", children: [
+          /* @__PURE__ */ jsx20("div", { className: "rs-modal-header-nav-left", children: /* @__PURE__ */ jsx20(
             "button",
             {
               type: "button",
               className: "rs-modal-header-back",
               "aria-label": "Back",
               onClick: onClose,
-              children: /* @__PURE__ */ jsx19(ChevronLeftIcon, {})
+              children: /* @__PURE__ */ jsx20(ChevronLeftIcon, {})
             }
           ) }),
-          /* @__PURE__ */ jsx19("div", { className: "rs-modal-header-nav-right", children: onCloseModal && /* @__PURE__ */ jsx19(
+          /* @__PURE__ */ jsx20("div", { className: "rs-modal-header-nav-right", children: onCloseModal && /* @__PURE__ */ jsx20(
             "button",
             {
               type: "button",
               className: "rs-modal-close",
               "aria-label": "Close",
               onClick: onCloseModal,
-              children: /* @__PURE__ */ jsx19(CloseIcon, {})
+              children: /* @__PURE__ */ jsx20(CloseIcon, {})
             }
           ) })
         ] }),
-        /* @__PURE__ */ jsxs17("div", { className: "rs-history-screen", children: [
-          /* @__PURE__ */ jsxs17("div", { className: "rs-history-screen-body", children: [
-            /* @__PURE__ */ jsx19(BodyHeader, { icon: /* @__PURE__ */ jsx19(HistoryIcon, {}), title: "History" }),
-            isLoading && deposits.length === 0 && /* @__PURE__ */ jsxs17("div", { className: "rs-history-empty", children: [
-              /* @__PURE__ */ jsx19("span", { className: "rs-history-empty-glyph", "aria-hidden": "true", children: /* @__PURE__ */ jsx19(HistoryIcon, {}) }),
-              /* @__PURE__ */ jsxs17("div", { className: "rs-history-empty-text", children: [
-                /* @__PURE__ */ jsx19(Spinner, { className: "rs-spinner--sm" }),
-                /* @__PURE__ */ jsx19("span", { className: "rs-history-empty-hint", children: "Loading history\u2026" })
+        /* @__PURE__ */ jsxs18("div", { className: "rs-history-screen", children: [
+          /* @__PURE__ */ jsxs18("div", { className: "rs-history-screen-body", children: [
+            /* @__PURE__ */ jsx20(BodyHeader, { icon: /* @__PURE__ */ jsx20(HistoryIcon, {}), title: "History" }),
+            isLoading && deposits.length === 0 && /* @__PURE__ */ jsxs18("div", { className: "rs-history-empty", children: [
+              /* @__PURE__ */ jsx20("span", { className: "rs-history-empty-glyph", "aria-hidden": "true", children: /* @__PURE__ */ jsx20(HistoryIcon, {}) }),
+              /* @__PURE__ */ jsxs18("div", { className: "rs-history-empty-text", children: [
+                /* @__PURE__ */ jsx20(Spinner, { className: "rs-spinner--sm" }),
+                /* @__PURE__ */ jsx20("span", { className: "rs-history-empty-hint", children: "Loading history\u2026" })
               ] })
             ] }),
-            error && !isLoading && /* @__PURE__ */ jsxs17("div", { className: "rs-history-empty", children: [
-              /* @__PURE__ */ jsx19("span", { className: "rs-history-empty-glyph", "aria-hidden": "true", children: /* @__PURE__ */ jsx19(AlertTriangleIcon, {}) }),
-              /* @__PURE__ */ jsxs17("div", { className: "rs-history-empty-text", children: [
-                /* @__PURE__ */ jsx19("span", { className: "rs-history-empty-title", children: "Couldn't load history" }),
-                /* @__PURE__ */ jsx19("span", { className: "rs-history-empty-hint", children: error })
+            error && !isLoading && /* @__PURE__ */ jsxs18("div", { className: "rs-history-empty", children: [
+              /* @__PURE__ */ jsx20("span", { className: "rs-history-empty-glyph", "aria-hidden": "true", children: /* @__PURE__ */ jsx20(AlertTriangleIcon, {}) }),
+              /* @__PURE__ */ jsxs18("div", { className: "rs-history-empty-text", children: [
+                /* @__PURE__ */ jsx20("span", { className: "rs-history-empty-title", children: "Couldn't load history" }),
+                /* @__PURE__ */ jsx20("span", { className: "rs-history-empty-hint", children: error })
               ] })
             ] }),
-            !isLoading && !error && visibleDeposits.length === 0 && /* @__PURE__ */ jsxs17("div", { className: "rs-history-empty", children: [
-              /* @__PURE__ */ jsx19("span", { className: "rs-history-empty-glyph", "aria-hidden": "true", children: /* @__PURE__ */ jsx19(HistoryIcon, {}) }),
-              /* @__PURE__ */ jsxs17("div", { className: "rs-history-empty-text", children: [
-                /* @__PURE__ */ jsx19("span", { className: "rs-history-empty-title", children: "No deposits yet" }),
-                /* @__PURE__ */ jsx19("span", { className: "rs-history-empty-hint", children: "Your deposit history will appear here" })
+            !isLoading && !error && visibleDeposits.length === 0 && /* @__PURE__ */ jsxs18("div", { className: "rs-history-empty", children: [
+              /* @__PURE__ */ jsx20("span", { className: "rs-history-empty-glyph", "aria-hidden": "true", children: /* @__PURE__ */ jsx20(HistoryIcon, {}) }),
+              /* @__PURE__ */ jsxs18("div", { className: "rs-history-empty-text", children: [
+                /* @__PURE__ */ jsx20("span", { className: "rs-history-empty-title", children: "No deposits yet" }),
+                /* @__PURE__ */ jsx20("span", { className: "rs-history-empty-hint", children: "Your deposit history will appear here" })
               ] })
             ] }),
-            visibleDeposits.length > 0 && /* @__PURE__ */ jsxs17("div", { className: "rs-history-list", children: [
-              visibleDeposits.map((deposit, i) => /* @__PURE__ */ jsx19(HistoryCard, { deposit }, deposit.txHash || i)),
-              hasMore && /* @__PURE__ */ jsx19(
+            visibleDeposits.length > 0 && /* @__PURE__ */ jsxs18("div", { className: "rs-history-list", children: [
+              visibleDeposits.map((deposit, i) => /* @__PURE__ */ jsx20(HistoryCard, { deposit }, deposit.txHash || i)),
+              hasMore && /* @__PURE__ */ jsx20(
                 "button",
                 {
                   type: "button",
@@ -7286,7 +7257,7 @@ function DepositHistoryPanel({
               )
             ] })
           ] }),
-          /* @__PURE__ */ jsx19(PoweredBy, {})
+          /* @__PURE__ */ jsx20(PoweredBy, {})
         ] })
       ]
     }
@@ -7312,7 +7283,7 @@ function HistoryCard({ deposit }) {
   const date = deposit.createdAt ? formatDate(deposit.createdAt) : null;
   const txTypeLabel = `Deposit${sourceSymbol ? ` ${sourceSymbol}` : ""}`;
   const srcTxUrl = deposit.sourceTxHash ? getTxExplorerUrl(deposit.sourceTxHash, sourceChainId) : null;
-  return /* @__PURE__ */ jsxs17(
+  return /* @__PURE__ */ jsxs18(
     "button",
     {
       type: "button",
@@ -7320,38 +7291,38 @@ function HistoryCard({ deposit }) {
       onClick: () => setExpanded((v) => !v),
       "aria-expanded": expanded,
       children: [
-        /* @__PURE__ */ jsxs17("div", { className: "rs-history-card-row", children: [
-          /* @__PURE__ */ jsxs17("div", { className: "rs-history-card-icons", children: [
-            /* @__PURE__ */ jsx19("span", { className: "rs-history-card-token", children: sourceTokenIcon ? /* @__PURE__ */ jsx19("img", { src: sourceTokenIcon, alt: "" }) : sourceSymbol.slice(0, 2) }),
-            sourceChainIcon && /* @__PURE__ */ jsx19("span", { className: "rs-history-card-chain", children: /* @__PURE__ */ jsx19("img", { src: sourceChainIcon, alt: "" }) })
+        /* @__PURE__ */ jsxs18("div", { className: "rs-history-card-row", children: [
+          /* @__PURE__ */ jsxs18("div", { className: "rs-history-card-icons", children: [
+            /* @__PURE__ */ jsx20("span", { className: "rs-history-card-token", children: sourceTokenIcon ? /* @__PURE__ */ jsx20("img", { src: sourceTokenIcon, alt: "" }) : sourceSymbol.slice(0, 2) }),
+            sourceChainIcon && /* @__PURE__ */ jsx20("span", { className: "rs-history-card-chain", children: /* @__PURE__ */ jsx20("img", { src: sourceChainIcon, alt: "" }) })
           ] }),
-          /* @__PURE__ */ jsxs17("div", { className: "rs-history-card-text", children: [
-            /* @__PURE__ */ jsx19("span", { className: "rs-history-card-title", children: txTypeLabel }),
-            date && /* @__PURE__ */ jsx19("span", { className: "rs-history-card-date", children: date })
+          /* @__PURE__ */ jsxs18("div", { className: "rs-history-card-text", children: [
+            /* @__PURE__ */ jsx20("span", { className: "rs-history-card-title", children: txTypeLabel }),
+            date && /* @__PURE__ */ jsx20("span", { className: "rs-history-card-date", children: date })
           ] }),
-          /* @__PURE__ */ jsxs17("div", { className: "rs-history-card-side", children: [
-            /* @__PURE__ */ jsx19("span", { className: "rs-history-card-amount", children: displayAmount }),
-            /* @__PURE__ */ jsx19("span", { className: `rs-history-badge rs-history-badge--${status}`, children: STATUS_LABEL[status] })
+          /* @__PURE__ */ jsxs18("div", { className: "rs-history-card-side", children: [
+            /* @__PURE__ */ jsx20("span", { className: "rs-history-card-amount", children: displayAmount }),
+            /* @__PURE__ */ jsx20("span", { className: `rs-history-badge rs-history-badge--${status}`, children: STATUS_LABEL[status] })
           ] })
         ] }),
-        /* @__PURE__ */ jsx19("div", { className: "rs-history-card-panel", children: /* @__PURE__ */ jsx19("div", { className: "rs-history-card-panel-inner", children: /* @__PURE__ */ jsxs17("div", { className: "rs-history-card-details", children: [
-          sourceChainName && /* @__PURE__ */ jsxs17("div", { className: "rs-amount-detail-row", children: [
-            /* @__PURE__ */ jsx19("span", { children: "Source chain" }),
-            /* @__PURE__ */ jsxs17("span", { className: "rs-amount-detail-value", children: [
-              /* @__PURE__ */ jsx19("span", { children: sourceChainName }),
-              sourceChainIcon && /* @__PURE__ */ jsx19("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx19("img", { src: sourceChainIcon, alt: "" }) })
+        /* @__PURE__ */ jsx20("div", { className: "rs-history-card-panel", children: /* @__PURE__ */ jsx20("div", { className: "rs-history-card-panel-inner", children: /* @__PURE__ */ jsxs18("div", { className: "rs-history-card-details", children: [
+          sourceChainName && /* @__PURE__ */ jsxs18("div", { className: "rs-amount-detail-row", children: [
+            /* @__PURE__ */ jsx20("span", { children: "Source chain" }),
+            /* @__PURE__ */ jsxs18("span", { className: "rs-amount-detail-value", children: [
+              /* @__PURE__ */ jsx20("span", { children: sourceChainName }),
+              sourceChainIcon && /* @__PURE__ */ jsx20("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx20("img", { src: sourceChainIcon, alt: "" }) })
             ] })
           ] }),
-          targetChainName && /* @__PURE__ */ jsxs17("div", { className: "rs-amount-detail-row", children: [
-            /* @__PURE__ */ jsx19("span", { children: "Destination chain" }),
-            /* @__PURE__ */ jsxs17("span", { className: "rs-amount-detail-value", children: [
-              /* @__PURE__ */ jsx19("span", { children: targetChainName }),
-              targetChainIcon && /* @__PURE__ */ jsx19("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx19("img", { src: targetChainIcon, alt: "" }) })
+          targetChainName && /* @__PURE__ */ jsxs18("div", { className: "rs-amount-detail-row", children: [
+            /* @__PURE__ */ jsx20("span", { children: "Destination chain" }),
+            /* @__PURE__ */ jsxs18("span", { className: "rs-amount-detail-value", children: [
+              /* @__PURE__ */ jsx20("span", { children: targetChainName }),
+              targetChainIcon && /* @__PURE__ */ jsx20("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx20("img", { src: targetChainIcon, alt: "" }) })
             ] })
           ] }),
-          srcTxUrl && deposit.sourceTxHash && /* @__PURE__ */ jsxs17("div", { className: "rs-amount-detail-row", children: [
-            /* @__PURE__ */ jsx19("span", { children: "Transaction details" }),
-            /* @__PURE__ */ jsxs17(
+          srcTxUrl && deposit.sourceTxHash && /* @__PURE__ */ jsxs18("div", { className: "rs-amount-detail-row", children: [
+            /* @__PURE__ */ jsx20("span", { children: "Transaction details" }),
+            /* @__PURE__ */ jsxs18(
               "a",
               {
                 href: srcTxUrl,
@@ -7360,8 +7331,8 @@ function HistoryCard({ deposit }) {
                 className: "rs-history-card-link",
                 onClick: (e) => e.stopPropagation(),
                 children: [
-                  /* @__PURE__ */ jsx19("span", { children: shortenHash(deposit.sourceTxHash) }),
-                  /* @__PURE__ */ jsx19(ArrowUpRightIcon, {})
+                  /* @__PURE__ */ jsx20("span", { children: shortenHash(deposit.sourceTxHash) }),
+                  /* @__PURE__ */ jsx20(ArrowUpRightIcon, {})
                 ]
               }
             )
@@ -7374,9 +7345,9 @@ function HistoryCard({ deposit }) {
 DepositHistoryPanel.displayName = "DepositHistoryPanel";
 
 // src/DepositModal.tsx
-import { jsx as jsx20, jsxs as jsxs18 } from "react/jsx-runtime";
+import { jsx as jsx21, jsxs as jsxs19 } from "react/jsx-runtime";
 var ReownDepositInner = lazy2(
-  () => import("./DepositModalReown-G7UX4IBZ.mjs").then((m) => ({ default: m.DepositModalReown }))
+  () => import("./DepositModalReown-EXI7MW65.mjs").then((m) => ({ default: m.DepositModalReown }))
 );
 function sortByCreatedAtDesc(items) {
   return [...items].sort((a, b) => {
@@ -7392,7 +7363,7 @@ function DepositModal(props) {
     "dappWalletClient"
   );
   if (needsReown) {
-    return /* @__PURE__ */ jsx20(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx20(
+    return /* @__PURE__ */ jsx21(Suspense2, { fallback: null, children: /* @__PURE__ */ jsx21(
       ReownDepositInner,
       {
         ...props,
@@ -7400,7 +7371,7 @@ function DepositModal(props) {
       }
     ) });
   }
-  return /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(
     DepositModalInner,
     {
       ...props,
@@ -7630,7 +7601,7 @@ function DepositModalInner({
   }, [isOpen, store]);
   const showBackButton = uiConfig?.showBackButton ?? true;
   const canGoBack = backHandler !== void 0;
-  return /* @__PURE__ */ jsx20(DepositStoreProvider, { store, children: /* @__PURE__ */ jsx20(
+  return /* @__PURE__ */ jsx21(DepositStoreProvider, { store, children: /* @__PURE__ */ jsx21(
     Modal,
     {
       isOpen,
@@ -7638,20 +7609,20 @@ function DepositModalInner({
       className,
       inline,
       closeOnOverlayClick,
-      children: /* @__PURE__ */ jsxs18("div", { ref: modalRef, className: "rs-modal", children: [
-        /* @__PURE__ */ jsxs18("div", { className: "rs-modal-header--redesigned", children: [
-          /* @__PURE__ */ jsx20("div", { className: "rs-modal-header-nav-left", children: showBackButton && canGoBack && backHandler && /* @__PURE__ */ jsx20(
+      children: /* @__PURE__ */ jsxs19("div", { ref: modalRef, className: "rs-modal", children: [
+        /* @__PURE__ */ jsxs19("div", { className: "rs-modal-header--redesigned", children: [
+          /* @__PURE__ */ jsx21("div", { className: "rs-modal-header-nav-left", children: showBackButton && canGoBack && backHandler && /* @__PURE__ */ jsx21(
             "button",
             {
               type: "button",
               className: "rs-modal-header-back",
               "aria-label": "Go back",
               onClick: backHandler,
-              children: /* @__PURE__ */ jsx20(ChevronLeftIcon, {})
+              children: /* @__PURE__ */ jsx21(ChevronLeftIcon, {})
             }
           ) }),
-          /* @__PURE__ */ jsxs18("div", { className: "rs-modal-header-nav-right", children: [
-            historyButtonVisible && /* @__PURE__ */ jsx20(
+          /* @__PURE__ */ jsxs19("div", { className: "rs-modal-header-nav-right", children: [
+            historyButtonVisible && /* @__PURE__ */ jsx21(
               "button",
               {
                 type: "button",
@@ -7659,22 +7630,22 @@ function DepositModalInner({
                 "aria-label": "Deposit history",
                 onClick: handleHistoryOpen,
                 disabled: !recipient,
-                children: /* @__PURE__ */ jsx20(HistoryIcon, {})
+                children: /* @__PURE__ */ jsx21(HistoryIcon, {})
               }
             ),
-            /* @__PURE__ */ jsx20(
+            /* @__PURE__ */ jsx21(
               "button",
               {
                 type: "button",
                 onClick: onClose,
                 className: "rs-modal-close",
                 "aria-label": "Close",
-                children: /* @__PURE__ */ jsx20(CloseIcon, {})
+                children: /* @__PURE__ */ jsx21(CloseIcon, {})
               }
             )
           ] })
         ] }),
-        recipientIsContract ? /* @__PURE__ */ jsx20("div", { className: "rs-modal-body", children: /* @__PURE__ */ jsx20(Callout, { variant: "error", children: "HyperCore deposits require an EOA recipient. The configured recipient is a smart contract, which is not supported." }) }) : /* @__PURE__ */ jsx20(
+        recipientIsContract ? /* @__PURE__ */ jsx21("div", { className: "rs-modal-body", children: /* @__PURE__ */ jsx21(Callout, { variant: "error", children: "HyperCore deposits require an EOA recipient. The configured recipient is a smart contract, which is not supported." }) }) : /* @__PURE__ */ jsx21(
           DepositFlow,
           {
             dappWalletClient,
@@ -7716,7 +7687,7 @@ function DepositModalInner({
             debug
           }
         ),
-        showHistoryButton && historyOpen && /* @__PURE__ */ jsx20(
+        showHistoryButton && historyOpen && /* @__PURE__ */ jsx21(
           DepositHistoryPanel,
           {
             deposits: historyDeposits,