@rhinestone/deposit-modal 0.3.0-alpha.4 → 0.3.0-alpha.6

package/dist/{chunk-BNY4AL7P.mjs → chunk-EJH36TH2.mjs}

@@ -1,6 +1,6 @@
 import {
   AlertTriangleIcon,
-  ArrowRightIcon,
+  ArrowUpRightIcon,
   BodyHeader,
   Button,
   CheckIcon,
@@ -48,7 +48,7 @@ import {
   tokenFormatter,
   txRefsMatch,
   useLatestRef
-} from "./chunk-TFXIQ7YH.mjs";
+} from "./chunk-CTYKQ4B4.mjs";
 import {
   DEFAULT_BACKEND_URL,
   DEFAULT_SIGNER_ADDRESS,
@@ -586,7 +586,7 @@ function AmountStep({
       liquidityWarning
     );
   };
-  const continueLabel = isCheckingLiquidity ? "Checking liquidity\u2026" : exceedsBalance ? "Insufficient balance" : isAboveMax ? "Continue with max allowed deposit" : isBelowMin ? "Continue with minimum deposit" : "Continue";
+  const continueLabel = exceedsBalance ? "Insufficient balance" : isAboveMax ? "Continue with max allowed deposit" : isBelowMin ? "Continue with minimum deposit" : "Continue";
   const continueDisabled = chainMismatch || isCheckingLiquidity || exceedsBalance || numericAmount === 0 && !isBelowMin || balance === null;
   const sourceChainName = getChainName(asset.chainId);
   const targetChainName = getChainName(targetChain);
@@ -679,6 +679,8 @@ function AmountStep({
         {
           onClick: handleContinue,
           fullWidth: true,
+          loading: isCheckingLiquidity,
+          loadingText: "Checking liquidity\u2026",
           disabled: continueDisabled,
           children: continueLabel
         }
@@ -834,50 +836,50 @@ function ConfirmStep({
   return /* @__PURE__ */ jsxs3("div", { className: "rs-screen", children: [
     /* @__PURE__ */ jsxs3("div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
       /* @__PURE__ */ jsx3(BodyHeader, { icon: /* @__PURE__ */ jsx3(WalletIcon, {}), title: "Review deposit" }),
-      /* @__PURE__ */ jsxs3("div", { className: "rs-amount-details", children: [
-        /* @__PURE__ */ jsxs3("div", { className: "rs-amount-detail-row", children: [
+      /* @__PURE__ */ jsxs3("div", { className: "rs-review-details", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx3("span", { children: "Source chain" }),
-          /* @__PURE__ */ jsxs3("span", { className: "rs-amount-detail-value", children: [
+          /* @__PURE__ */ jsxs3("span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ jsx3("span", { children: sourceChainName }),
-            sourceChainIcon && /* @__PURE__ */ jsx3("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx3("img", { src: sourceChainIcon, alt: "" }) })
+            sourceChainIcon && /* @__PURE__ */ jsx3("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx3("img", { src: sourceChainIcon, alt: "" }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs3("div", { className: "rs-amount-detail-row", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx3("span", { children: "Destination chain" }),
-          /* @__PURE__ */ jsxs3("span", { className: "rs-amount-detail-value", children: [
+          /* @__PURE__ */ jsxs3("span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ jsx3("span", { children: targetChainName }),
-            targetChainIcon && /* @__PURE__ */ jsx3("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx3("img", { src: targetChainIcon, alt: "" }) })
+            targetChainIcon && /* @__PURE__ */ jsx3("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx3("img", { src: targetChainIcon, alt: "" }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs3("div", { className: "rs-amount-detail-row", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx3("span", { children: "Estimated time" }),
-          /* @__PURE__ */ jsx3("span", { className: "rs-amount-detail-value", children: estimatedTime })
+          /* @__PURE__ */ jsx3("span", { className: "rs-review-detail-value", children: estimatedTime })
         ] }),
-        /* @__PURE__ */ jsxs3("div", { className: "rs-amount-detail-row", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx3("span", { children: "You send" }),
-          /* @__PURE__ */ jsxs3("span", { className: "rs-amount-detail-value", children: [
+          /* @__PURE__ */ jsxs3("span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ jsxs3("span", { children: [
               formattedSendAmount,
               " ",
               asset.symbol
             ] }),
-            sourceTokenIcon && /* @__PURE__ */ jsx3("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx3("img", { src: sourceTokenIcon, alt: "" }) })
+            sourceTokenIcon && /* @__PURE__ */ jsx3("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx3("img", { src: sourceTokenIcon, alt: "" }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs3("div", { className: "rs-amount-detail-row", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx3("span", { children: "Receive" }),
-          /* @__PURE__ */ jsxs3("span", { className: "rs-amount-detail-value", children: [
+          /* @__PURE__ */ jsxs3("span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ jsxs3("span", { children: [
               receiveAmount,
               " ",
               targetSymbol
             ] }),
-            targetTokenIcon && /* @__PURE__ */ jsx3("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx3("img", { src: targetTokenIcon, alt: "" }) })
+            targetTokenIcon && /* @__PURE__ */ jsx3("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx3("img", { src: targetTokenIcon, alt: "" }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs3("div", { className: "rs-amount-detail-row", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx3("span", { children: "Fees" }),
-          /* @__PURE__ */ jsxs3("span", { className: "rs-amount-detail-value", children: [
+          /* @__PURE__ */ jsxs3("span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ jsx3(
               "span",
               {
@@ -885,7 +887,7 @@ function ConfirmStep({
                 children: "$0.05"
               }
             ),
-            /* @__PURE__ */ jsx3(Tooltip, { content: feeTooltip, children: /* @__PURE__ */ jsx3("span", { className: "rs-amount-detail-info", "aria-label": "Fee info", children: /* @__PURE__ */ jsx3(InfoIcon, {}) }) })
+            /* @__PURE__ */ jsx3(Tooltip, { content: feeTooltip, children: /* @__PURE__ */ jsx3("span", { className: "rs-review-detail-info", "aria-label": "Fee info", children: /* @__PURE__ */ jsx3(InfoIcon, {}) }) })
           ] })
         ] })
       ] }),
@@ -1141,28 +1143,44 @@ function DepositNotification({
   const title = status === "complete" ? "Deposit completed" : status === "failed" ? "Deposit failed" : "Deposit received and processing\u2026";
   const subtitle = status === "complete" ? "Your deposit has been credited to your account." : status === "failed" ? "Your deposit could not be processed." : "Your deposit will be credited to your account shortly.";
   const statusIcon = status === "complete" ? /* @__PURE__ */ jsx4("div", { className: "rs-deposit-notification-badge rs-deposit-notification-badge--complete", children: /* @__PURE__ */ jsx4(CheckIcon, {}) }) : status === "failed" ? /* @__PURE__ */ jsx4("div", { className: "rs-deposit-notification-badge rs-deposit-notification-badge--failed", children: /* @__PURE__ */ jsx4(CloseIcon, {}) }) : /* @__PURE__ */ jsx4("div", { className: "rs-deposit-notification-badge rs-deposit-notification-badge--processing", children: /* @__PURE__ */ jsx4(Spinner, {}) });
+  const showClose = status !== "processing";
   return /* @__PURE__ */ jsxs4(
     "div",
     {
-      className: `rs-deposit-notification rs-deposit-notification--${status}`,
+      className: `rs-deposit-notification rs-deposit-notification--${status} ${expanded ? "rs-deposit-notification--expanded" : ""}`,
       children: [
         /* @__PURE__ */ jsxs4("div", { className: "rs-deposit-notification-header", children: [
           /* @__PURE__ */ jsx4("div", { className: "rs-deposit-notification-icon", children: statusIcon }),
           /* @__PURE__ */ jsxs4("div", { className: "rs-deposit-notification-content", children: [
-            /* @__PURE__ */ jsx4("div", { className: "rs-deposit-notification-title", children: title }),
+            /* @__PURE__ */ jsxs4("div", { className: "rs-deposit-notification-title-row", children: [
+              /* @__PURE__ */ jsx4("span", { className: "rs-deposit-notification-title", children: title }),
+              showClose && /* @__PURE__ */ jsx4(
+                "button",
+                {
+                  type: "button",
+                  className: "rs-deposit-notification-close",
+                  onClick: () => onDismiss(deposit.id),
+                  "aria-label": "Dismiss",
+                  children: /* @__PURE__ */ jsx4(CloseIcon, {})
+                }
+              )
+            ] }),
             /* @__PURE__ */ jsx4("div", { className: "rs-deposit-notification-subtitle", children: subtitle })
-          ] }),
-          /* @__PURE__ */ jsx4(
-            "button",
-            {
-              type: "button",
-              className: "rs-deposit-notification-close",
-              onClick: () => onDismiss(deposit.id),
-              "aria-label": "Dismiss",
-              children: /* @__PURE__ */ jsx4(CloseIcon, {})
-            }
-          )
+          ] })
         ] }),
+        /* @__PURE__ */ jsxs4(
+          "button",
+          {
+            type: "button",
+            className: "rs-deposit-notification-toggle",
+            onClick: () => setExpanded(!expanded),
+            "aria-expanded": expanded,
+            children: [
+              /* @__PURE__ */ jsx4("span", { children: expanded ? "See less details" : "See more details" }),
+              /* @__PURE__ */ jsx4(ChevronDownIcon, { className: "rs-deposit-notification-toggle-chevron" })
+            ]
+          }
+        ),
         expanded && /* @__PURE__ */ jsxs4("div", { className: "rs-deposit-notification-details", children: [
           /* @__PURE__ */ jsxs4("div", { className: "rs-deposit-notification-row", children: [
             /* @__PURE__ */ jsx4("span", { className: "rs-deposit-notification-label", children: "Deposit tx" }),
@@ -1204,16 +1222,7 @@ function DepositNotification({
             /* @__PURE__ */ jsx4("span", { className: "rs-deposit-notification-label", children: "Order filled" }),
             /* @__PURE__ */ jsx4("span", { className: "rs-deposit-notification-value", children: formatTimestamp(completedAt) })
           ] })
-        ] }),
-        /* @__PURE__ */ jsx4(
-          "button",
-          {
-            type: "button",
-            className: "rs-deposit-notification-toggle",
-            onClick: () => setExpanded(!expanded),
-            children: expanded ? "See less" : "See more"
-          }
-        )
+        ] })
       ]
     }
   );
@@ -1429,7 +1438,6 @@ function DepositAddressStep({
   onDepositComplete,
   onDepositFailed,
   onCopyAddress,
-  onRequestWalletPicker,
   onError
 }) {
   const hasSolana = Boolean(solanaDepositAddress);
@@ -1723,7 +1731,7 @@ function DepositAddressStep({
   const qrIconSrc = getChainIcon(sourceChainId);
   return /* @__PURE__ */ jsxs5("div", { className: "rs-screen rs-step--with-notifications", children: [
     /* @__PURE__ */ jsxs5("div", { className: "rs-screen-body", children: [
-      /* @__PURE__ */ jsx5(BodyHeader, { icon: /* @__PURE__ */ jsx5(CoinsIcon, {}), title: "Transfer crypto" }),
+      /* @__PURE__ */ jsx5(BodyHeader, { icon: /* @__PURE__ */ jsx5(HandCoinsIcon, {}), title: "Transfer crypto" }),
       /* @__PURE__ */ jsxs5("div", { className: "rs-deposit-address-selectors", children: [
         /* @__PURE__ */ jsxs5("div", { className: "rs-deposit-address-dropdown", ref: chainDropdownRef, children: [
           /* @__PURE__ */ jsx5("div", { className: "rs-deposit-address-dropdown-label", children: "Supported chain" }),
@@ -1731,7 +1739,8 @@ function DepositAddressStep({
             "button",
             {
               type: "button",
-              className: "rs-deposit-address-dropdown-trigger",
+              className: `rs-deposit-address-dropdown-trigger ${chainDropdownOpen ? "rs-deposit-address-dropdown-trigger--open" : ""}`,
+              "aria-expanded": chainDropdownOpen,
               onClick: () => {
                 setChainDropdownOpen(!chainDropdownOpen);
                 setTokenDropdownOpen(false);
@@ -1779,7 +1788,7 @@ function DepositAddressStep({
             /* @__PURE__ */ jsx5("span", { children: "Supported token" }),
             /* @__PURE__ */ jsxs5("span", { className: "rs-deposit-address-min", children: [
               "Min.$",
-              uiConfig?.minDepositUsd ?? 0.1,
+              (uiConfig?.minDepositUsd ?? 0.1).toFixed(2),
               /* @__PURE__ */ jsx5(Tooltip, { content: "Minimum deposit amount required for the selected chain.", children: /* @__PURE__ */ jsx5(
                 InfoIcon,
                 {
@@ -1793,7 +1802,8 @@ function DepositAddressStep({
             "button",
             {
               type: "button",
-              className: "rs-deposit-address-dropdown-trigger",
+              className: `rs-deposit-address-dropdown-trigger ${tokenDropdownOpen ? "rs-deposit-address-dropdown-trigger--open" : ""}`,
+              "aria-expanded": tokenDropdownOpen,
               onClick: () => {
                 setTokenDropdownOpen(!tokenDropdownOpen);
                 setChainDropdownOpen(false);
@@ -1850,8 +1860,8 @@ function DepositAddressStep({
                     "div",
                     {
                       style: {
-                        width: 220,
-                        height: 220,
+                        width: 200,
+                        height: 200,
                         display: "flex",
                         alignItems: "center",
                         justifyContent: "center"
@@ -1859,7 +1869,7 @@ function DepositAddressStep({
                       children: /* @__PURE__ */ jsx5(Spinner, {})
                     }
                   ),
-                  children: /* @__PURE__ */ jsx5(QRCode, { value: displayAddress, size: 220, iconSrc: qrIconSrc })
+                  children: /* @__PURE__ */ jsx5(QRCode, { value: displayAddress, size: 200, iconSrc: qrIconSrc })
                 }
               ) }),
               /* @__PURE__ */ jsx5("div", { className: "rs-deposit-address-value", children: displayAddress })
@@ -1952,16 +1962,7 @@ function DepositAddressStep({
           ]
         }
       ),
-      pollingError && /* @__PURE__ */ jsx5("div", { className: "rs-deposit-address-error", children: pollingError }),
-      onRequestWalletPicker && /* @__PURE__ */ jsx5(
-        "button",
-        {
-          type: "button",
-          className: "rs-connect-wallet-manage",
-          onClick: onRequestWalletPicker,
-          children: "Use a wallet to deposit instead"
-        }
-      )
+      pollingError && /* @__PURE__ */ jsx5("div", { className: "rs-deposit-address-error", children: pollingError })
     ] }),
     notifications.length > 0 && /* @__PURE__ */ jsx5("div", { className: "rs-deposit-notifications", children: notifications.map((deposit) => /* @__PURE__ */ jsx5(
       DepositNotification,
@@ -3912,15 +3913,6 @@ function AccountPreparingSkeleton({
     ) })
   ] });
 }
-function SetupUpdatingBanner({
-  status,
-  message
-}) {
-  if (status === "error") {
-    return /* @__PURE__ */ jsx10("div", { className: "rs-deposit-address-error", role: "alert", children: message ?? "Couldn't update deposit details \u2014 please retry." });
-  }
-  return /* @__PURE__ */ jsx10("div", { className: "rs-loading-state", style: { padding: "8px 16px" }, children: /* @__PURE__ */ jsx10("div", { className: "rs-loading-text", children: /* @__PURE__ */ jsx10("div", { className: "rs-loading-subtitle", children: "Updating deposit details\u2026" }) }) });
-}
 var QR_AUTO_ADVANCE_HYDRATION_GRACE_MS = 1e3;
 function isSameRoute2(sourceChain, sourceToken, targetChain, targetToken) {
   return sourceChain === targetChain && sourceToken.toLowerCase() === targetToken.toLowerCase();
@@ -4092,6 +4084,9 @@ function DepositFlow({
   const hasNavigatedBack = flowSlice.hasNavigatedBack;
   const selectedWalletId = useDepositStore(selectedWalletIdSelector);
   const [totalBalanceUsd, setTotalBalanceUsd] = useState9(0);
+  const [targetBalanceUsd, setTargetBalanceUsd] = useState9(
+    void 0
+  );
   const [hasQrAutoAdvanceGraceElapsed, setHasQrAutoAdvanceGraceElapsed] = useState9(() => !hasInitialWalletHydrationPending);
   const portfolioAssetsRef = useRef5([]);
   const stableWalletSignerRef = useRef5(null);
@@ -4372,6 +4367,26 @@ function DepositFlow({
     () => readSetupForOwner(setupSlice, activeOwner),
     [setupSlice, activeOwner]
   );
+  const activeSmartAccount = activeEntry.smartAccount;
+  useEffect8(() => {
+    if (!activeSmartAccount) {
+      setTargetBalanceUsd(void 0);
+      return;
+    }
+    let active = true;
+    service.fetchPortfolio(activeSmartAccount).then((portfolio) => {
+      if (!active) return;
+      const target = portfolio.tokens.find(
+        (t) => t.chainId === targetChain && typeof t.address === "string" && t.address.toLowerCase() === targetToken.toLowerCase()
+      );
+      setTargetBalanceUsd(target?.balanceUsd ?? 0);
+    }).catch(() => {
+      if (active) setTargetBalanceUsd(0);
+    });
+    return () => {
+      active = false;
+    };
+  }, [activeSmartAccount, targetChain, targetToken, service]);
   const lastActiveSetupLifecycleKeyRef = useRef5(null);
   useEffect8(() => {
     if (!flowMode || !isConnectSelectionConfirmed) {
@@ -5111,16 +5126,7 @@ function DepositFlow({
   }
   if (isDepositAddressMode) {
     if (!dappAddress) return null;
-    const isWalletPickerReachable = walletOptions.length > 0 || Boolean(reownWallet) || Boolean(onConnect);
-    const showBanner = effectiveStep.type !== "setup" && (activeEntry.status === "loading" || activeEntry.status === "error");
     return /* @__PURE__ */ jsxs10("div", { className: "rs-modal-body", children: [
-      showBanner && /* @__PURE__ */ jsx10(
-        SetupUpdatingBanner,
-        {
-          status: activeEntry.status,
-          message: activeEntry.message ?? void 0
-        }
-      ),
       effectiveStep.type === "setup" && /* @__PURE__ */ jsx10(
         AccountPreparingSkeleton,
         {
@@ -5154,9 +5160,6 @@ function DepositFlow({
               cta_name: "copy"
             });
           },
-          onRequestWalletPicker: isWalletPickerReachable ? () => storeApi.dispatch({
-            type: "connect/wallet-picker-requested"
-          }) : void 0,
           onError: handleError,
           debug
         }
@@ -5167,15 +5170,7 @@ function DepositFlow({
     if (!dappAddress) return null;
     const solanaAddr = reownWallet?.solanaAddress;
     const solanaProvider = reownWallet?.solanaProvider;
-    const solanaShowBanner = effectiveStep.type !== "setup" && effectiveStep.type !== "processing" && (activeEntry.status === "loading" || activeEntry.status === "error");
     return /* @__PURE__ */ jsxs10("div", { className: "rs-modal-body", children: [
-      solanaShowBanner && /* @__PURE__ */ jsx10(
-        SetupUpdatingBanner,
-        {
-          status: activeEntry.status,
-          message: activeEntry.message ?? void 0
-        }
-      ),
       effectiveStep.type === "setup" && /* @__PURE__ */ jsx10(
         AccountPreparingSkeleton,
         {
@@ -5206,6 +5201,7 @@ function DepositFlow({
           targetTokenIcon: getTokenIcon(
             getTokenSymbol(targetToken, targetChain)
           ),
+          targetBalanceUsd,
           onContinue: handleSolanaAmountContinue,
           debug
         }
@@ -5301,15 +5297,7 @@ function DepositFlow({
     }
     return getPublicClient(chainId);
   };
-  const walletShowBanner = effectiveStep.type !== "setup" && effectiveStep.type !== "processing" && (activeEntry.status === "loading" || activeEntry.status === "error");
   return /* @__PURE__ */ jsxs10("div", { className: "rs-modal-body", children: [
-    walletShowBanner && /* @__PURE__ */ jsx10(
-      SetupUpdatingBanner,
-      {
-        status: activeEntry.status,
-        message: activeEntry.message ?? void 0
-      }
-    ),
     effectiveStep.type === "setup" && /* @__PURE__ */ jsx10(
       AccountPreparingSkeleton,
       {
@@ -5360,6 +5348,7 @@ function DepositFlow({
         targetChain,
         targetToken,
         uiConfig,
+        targetBalanceUsd,
         service,
         onContinue: handleAmountContinue,
         onCtaClick: (ctaName) => {
@@ -5584,7 +5573,6 @@ function DepositHistoryPanel({
               children: /* @__PURE__ */ jsx11(ChevronLeftIcon, {})
             }
           ) }),
-          /* @__PURE__ */ jsx11("div", { className: "rs-modal-header-nav-center" }),
           /* @__PURE__ */ jsx11("div", { className: "rs-modal-header-nav-right", children: onCloseModal && /* @__PURE__ */ jsx11(
             "button",
             {
@@ -5708,7 +5696,7 @@ function HistoryCard({ deposit }) {
                 onClick: (e) => e.stopPropagation(),
                 children: [
                   /* @__PURE__ */ jsx11("span", { children: shortenHash(deposit.sourceTxHash) }),
-                  /* @__PURE__ */ jsx11(ArrowRightIcon, {})
+                  /* @__PURE__ */ jsx11(ArrowUpRightIcon, {})
                 ]
               }
             )
@@ -5723,7 +5711,7 @@ DepositHistoryPanel.displayName = "DepositHistoryPanel";
 // src/DepositModal.tsx
 import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 var ReownDepositInner = lazy2(
-  () => import("./DepositModalReown-A2E4QTSF.mjs").then((m) => ({ default: m.DepositModalReown }))
+  () => import("./DepositModalReown-3N7YYGB4.mjs").then((m) => ({ default: m.DepositModalReown }))
 );
 function sortByCreatedAtDesc(items) {
   return [...items].sort((a, b) => {

package/dist/{chunk-GE3TMZEL.mjs → chunk-QI6Q7V6O.mjs}

@@ -31,7 +31,7 @@ import {
   saveSessionOwnerToStorage,
   toEvmCaip2,
   useLatestRef
-} from "./chunk-TFXIQ7YH.mjs";
+} from "./chunk-CTYKQ4B4.mjs";
 import {
   DEFAULT_BACKEND_URL,
   DEFAULT_SIGNER_ADDRESS,
@@ -697,50 +697,50 @@ function WithdrawReviewStep({
           title: "Review withdrawal"
         }
       ),
-      /* @__PURE__ */ jsxs2("div", { className: "rs-amount-details", children: [
-        /* @__PURE__ */ jsxs2("div", { className: "rs-amount-detail-row", children: [
+      /* @__PURE__ */ jsxs2("div", { className: "rs-review-details", children: [
+        /* @__PURE__ */ jsxs2("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx2("span", { children: "You send" }),
-          /* @__PURE__ */ jsxs2("span", { className: "rs-amount-detail-value", children: [
+          /* @__PURE__ */ jsxs2("span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ jsxs2("span", { children: [
               amount,
               " ",
               sourceSymbol
             ] }),
-            sourceTokenIcon && /* @__PURE__ */ jsx2("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx2("img", { src: sourceTokenIcon, alt: "" }) })
+            sourceTokenIcon && /* @__PURE__ */ jsx2("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx2("img", { src: sourceTokenIcon, alt: "" }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "rs-amount-detail-row", children: [
+        /* @__PURE__ */ jsxs2("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx2("span", { children: "Source chain" }),
-          /* @__PURE__ */ jsxs2("span", { className: "rs-amount-detail-value", children: [
+          /* @__PURE__ */ jsxs2("span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ jsx2("span", { children: sourceChainName }),
-            sourceChainIcon && /* @__PURE__ */ jsx2("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx2("img", { src: sourceChainIcon, alt: "" }) })
+            sourceChainIcon && /* @__PURE__ */ jsx2("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx2("img", { src: sourceChainIcon, alt: "" }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "rs-amount-detail-row", children: [
+        /* @__PURE__ */ jsxs2("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx2("span", { children: "Recipient" }),
-          /* @__PURE__ */ jsx2("span", { className: "rs-amount-detail-value", children: /* @__PURE__ */ jsx2("span", { children: shortenAddress(recipient) }) })
+          /* @__PURE__ */ jsx2("span", { className: "rs-review-detail-value", children: /* @__PURE__ */ jsx2("span", { children: shortenAddress(recipient) }) })
         ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "rs-amount-detail-row", children: [
+        /* @__PURE__ */ jsxs2("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx2("span", { children: "Receive" }),
-          /* @__PURE__ */ jsxs2("span", { className: "rs-amount-detail-value", children: [
+          /* @__PURE__ */ jsxs2("span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ jsxs2("span", { children: [
               amount,
               " ",
               targetSymbol
             ] }),
-            targetTokenIcon && /* @__PURE__ */ jsx2("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx2("img", { src: targetTokenIcon, alt: "" }) })
+            targetTokenIcon && /* @__PURE__ */ jsx2("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx2("img", { src: targetTokenIcon, alt: "" }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "rs-amount-detail-row", children: [
+        /* @__PURE__ */ jsxs2("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx2("span", { children: "Destination chain" }),
-          /* @__PURE__ */ jsxs2("span", { className: "rs-amount-detail-value", children: [
+          /* @__PURE__ */ jsxs2("span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ jsx2("span", { children: targetChainName }),
-            targetChainIcon && /* @__PURE__ */ jsx2("span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ jsx2("img", { src: targetChainIcon, alt: "" }) })
+            targetChainIcon && /* @__PURE__ */ jsx2("span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ jsx2("img", { src: targetChainIcon, alt: "" }) })
           ] })
         ] }),
-        /* @__PURE__ */ jsxs2("div", { className: "rs-amount-detail-row", children: [
+        /* @__PURE__ */ jsxs2("div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ jsx2("span", { children: "Estimated time" }),
-          /* @__PURE__ */ jsx2("span", { className: "rs-amount-detail-value", children: estimatedTime })
+          /* @__PURE__ */ jsx2("span", { className: "rs-review-detail-value", children: estimatedTime })
         ] })
       ] }),
       error && /* @__PURE__ */ jsxs2("div", { className: "rs-amount-error", role: "alert", children: [
@@ -1493,7 +1493,7 @@ function deriveStepView(step, _registration) {
 // src/WithdrawModal.tsx
 import { jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
 var ReownWithdrawInner = lazy(
-  () => import("./WithdrawModalReown-UO7XCJ7K.mjs").then((m) => ({
+  () => import("./WithdrawModalReown-BB3MZAIO.mjs").then((m) => ({
     default: m.WithdrawModalReown
   }))
 );