@rhinestone/deposit-modal 0.3.0-alpha.3 → 0.3.0-alpha.5

package/dist/{chunk-QLTTDVFU.mjs → chunk-ZUWAIMMH.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,
@@ -3717,6 +3718,16 @@ function computeCacheKey(input, sessionOwnerAddress) {
 function computeIsCacheable(input) {
   return !input.forceRegister && !(input.postBridgeActions?.length ?? 0);
 }
+var SETUP_REQUEST_DEDUPE_TTL_MS = 3e4;
+var setupRequestDedupe = /* @__PURE__ */ new Map();
+function readDedupedAccountSetupResult(requestKey) {
+  const now = Date.now();
+  const existing = setupRequestDedupe.get(requestKey);
+  if (existing?.settled && existing.expiresAt > now && existing.result) {
+    return existing.result;
+  }
+  return null;
+}
 async function runAccountSetup(input, deps) {
   const { service, debug } = deps;
   const enableSolana = input.enableSolana ?? true;
@@ -3814,6 +3825,42 @@ async function runAccountSetup(input, deps) {
     throw mapError(error);
   }
 }
+function runAccountSetupDeduped(input, deps, requestKey) {
+  const now = Date.now();
+  const existing = setupRequestDedupe.get(requestKey);
+  if (existing && (!existing.settled || existing.expiresAt > now)) {
+    debugLog(deps.debug, "account-setup", "setup:dedupe-hit", {
+      owner: input.ownerAddress,
+      forceRegister: input.forceRegister ?? false
+    });
+    return existing.promise;
+  }
+  const entry = {
+    promise: runAccountSetup(input, deps),
+    settled: false,
+    expiresAt: Number.POSITIVE_INFINITY,
+    result: null
+  };
+  setupRequestDedupe.set(requestKey, entry);
+  entry.promise.then((result) => {
+    entry.settled = true;
+    entry.result = result;
+    entry.expiresAt = Date.now() + SETUP_REQUEST_DEDUPE_TTL_MS;
+    const cleanupTimer = setTimeout(() => {
+      if (setupRequestDedupe.get(requestKey) === entry) {
+        setupRequestDedupe.delete(requestKey);
+      }
+    }, SETUP_REQUEST_DEDUPE_TTL_MS);
+    if (typeof cleanupTimer === "object" && cleanupTimer && "unref" in cleanupTimer && typeof cleanupTimer.unref === "function") {
+      cleanupTimer.unref();
+    }
+  }).catch(() => {
+    if (setupRequestDedupe.get(requestKey) === entry) {
+      setupRequestDedupe.delete(requestKey);
+    }
+  });
+  return entry.promise;
+}
 function mapError(error) {
   if (error instanceof TypeError) {
     return new SetupError(
@@ -3866,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();
@@ -4046,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);
@@ -4326,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) {
@@ -4704,6 +4765,28 @@ function DepositFlow({
         if (current.requestKey === requestKey) {
           return;
         }
+        const dedupedResult = readDedupedAccountSetupResult(requestKey);
+        if (dedupedResult) {
+          storeApi.dispatch({
+            type: "setup/started",
+            owner,
+            requestKey,
+            cacheKey,
+            cacheable
+          });
+          storeApi.dispatch({
+            type: "setup/ready",
+            owner,
+            requestKey,
+            result: {
+              smartAccount: dedupedResult.smartAccount,
+              sessionOwnerAddress: dedupedResult.sessionOwnerAddress,
+              solanaDepositAddress: dedupedResult.solanaDepositAddress,
+              cacheKey: dedupedResult.cacheKey
+            }
+          });
+          return;
+        }
         storeApi.dispatch({
           type: "setup/started",
           owner,
@@ -4712,7 +4795,11 @@ function DepositFlow({
           cacheable
         });
         try {
-          const result = await runAccountSetup(input, { service, debug });
+          const result = await runAccountSetupDeduped(
+            input,
+            { service, debug },
+            requestKey
+          );
           storeApi.dispatch({
             type: "setup/ready",
             owner,
@@ -5039,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,
         {
@@ -5082,9 +5160,6 @@ function DepositFlow({
               cta_name: "copy"
             });
           },
-          onRequestWalletPicker: isWalletPickerReachable ? () => storeApi.dispatch({
-            type: "connect/wallet-picker-requested"
-          }) : void 0,
           onError: handleError,
           debug
         }
@@ -5095,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,
         {
@@ -5134,6 +5201,7 @@ function DepositFlow({
           targetTokenIcon: getTokenIcon(
             getTokenSymbol(targetToken, targetChain)
           ),
+          targetBalanceUsd,
           onContinue: handleSolanaAmountContinue,
           debug
         }
@@ -5229,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,
       {
@@ -5288,6 +5348,7 @@ function DepositFlow({
         targetChain,
         targetToken,
         uiConfig,
+        targetBalanceUsd,
         service,
         onContinue: handleAmountContinue,
         onCtaClick: (ctaName) => {
@@ -5636,7 +5697,7 @@ function HistoryCard({ deposit }) {
                 onClick: (e) => e.stopPropagation(),
                 children: [
                   /* @__PURE__ */ jsx11("span", { children: shortenHash(deposit.sourceTxHash) }),
-                  /* @__PURE__ */ jsx11(ArrowRightIcon, {})
+                  /* @__PURE__ */ jsx11(ArrowUpRightIcon, {})
                 ]
               }
             )
@@ -5651,7 +5712,7 @@ DepositHistoryPanel.displayName = "DepositHistoryPanel";
 // src/DepositModal.tsx
 import { jsx as jsx12, jsxs as jsxs12 } from "react/jsx-runtime";
 var ReownDepositInner = lazy2(
-  () => import("./DepositModalReown-6QBOLFNL.mjs").then((m) => ({ default: m.DepositModalReown }))
+  () => import("./DepositModalReown-3VZ5AKV2.mjs").then((m) => ({ default: m.DepositModalReown }))
 );
 function sortByCreatedAtDesc(items) {
   return [...items].sort((a, b) => {

package/dist/deposit.cjs

@@ -1,8 +1,8 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkIATY2C5Rcjs = require('./chunk-IATY2C5R.cjs');
-require('./chunk-V6NJIPSS.cjs');
+var _chunkTTD2FEA2cjs = require('./chunk-TTD2FEA2.cjs');
+require('./chunk-DX2D2TRZ.cjs');
 require('./chunk-IVTXEYB2.cjs');
 
 
-exports.DepositModal = _chunkIATY2C5Rcjs.DepositModal;
+exports.DepositModal = _chunkTTD2FEA2cjs.DepositModal;

package/dist/deposit.mjs

@@ -1,7 +1,7 @@
 import {
   DepositModal
-} from "./chunk-QLTTDVFU.mjs";
-import "./chunk-TFXIQ7YH.mjs";
+} from "./chunk-ZUWAIMMH.mjs";
+import "./chunk-CTYKQ4B4.mjs";
 import "./chunk-VA3ANS7D.mjs";
 export {
   DepositModal

package/dist/index.cjs

@@ -1,13 +1,13 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunkIATY2C5Rcjs = require('./chunk-IATY2C5R.cjs');
+var _chunkTTD2FEA2cjs = require('./chunk-TTD2FEA2.cjs');
 
 
-var _chunkUEYFJM5Ycjs = require('./chunk-UEYFJM5Y.cjs');
+var _chunkBB6UVRAVcjs = require('./chunk-BB6UVRAV.cjs');
 
 
 var _chunkYQFH2WSWcjs = require('./chunk-YQFH2WSW.cjs');
-require('./chunk-V6NJIPSS.cjs');
+require('./chunk-DX2D2TRZ.cjs');
 
 
 
@@ -70,4 +70,4 @@ var _chunkIVTXEYB2cjs = require('./chunk-IVTXEYB2.cjs');
 
 
 
-exports.CHAIN_BY_ID = _chunkIVTXEYB2cjs.CHAIN_BY_ID; exports.DEFAULT_BACKEND_URL = _chunkIVTXEYB2cjs.DEFAULT_BACKEND_URL; exports.DEFAULT_SIGNER_ADDRESS = _chunkIVTXEYB2cjs.DEFAULT_SIGNER_ADDRESS; exports.DepositModal = _chunkIATY2C5Rcjs.DepositModal; exports.NATIVE_TOKEN_ADDRESS = _chunkIVTXEYB2cjs.NATIVE_TOKEN_ADDRESS; exports.SOURCE_CHAINS = _chunkIVTXEYB2cjs.SOURCE_CHAINS; exports.SUPPORTED_CHAINS = _chunkIVTXEYB2cjs.SUPPORTED_CHAINS; exports.WithdrawModal = _chunkUEYFJM5Ycjs.WithdrawModal; exports.chainRegistry = _chunkIVTXEYB2cjs.chainRegistry; exports.disconnectWallet = _chunkYQFH2WSWcjs.disconnectWallet; exports.findChainIdForToken = _chunkIVTXEYB2cjs.findChainIdForToken; exports.getChainBadge = _chunkIVTXEYB2cjs.getChainBadge; exports.getChainIcon = _chunkIVTXEYB2cjs.getChainIcon; exports.getChainId = _chunkIVTXEYB2cjs.getChainId; exports.getChainName = _chunkIVTXEYB2cjs.getChainName; exports.getChainObject = _chunkIVTXEYB2cjs.getChainObject; exports.getExplorerName = _chunkIVTXEYB2cjs.getExplorerName; exports.getExplorerTxUrl = _chunkIVTXEYB2cjs.getExplorerTxUrl; exports.getExplorerUrl = _chunkIVTXEYB2cjs.getExplorerUrl; exports.getSupportedChainIds = _chunkIVTXEYB2cjs.getSupportedChainIds; exports.getSupportedTargetTokens = _chunkIVTXEYB2cjs.getSupportedTargetTokens; exports.getSupportedTokenSymbolsForChain = _chunkIVTXEYB2cjs.getSupportedTokenSymbolsForChain; exports.getTargetTokenSymbolsForChain = _chunkIVTXEYB2cjs.getTargetTokenSymbolsForChain; exports.getTokenAddress = _chunkIVTXEYB2cjs.getTokenAddress; exports.getTokenDecimals = _chunkIVTXEYB2cjs.getTokenDecimals; exports.getTokenDecimalsByAddress = _chunkIVTXEYB2cjs.getTokenDecimalsByAddress; exports.getTokenIcon = _chunkIVTXEYB2cjs.getTokenIcon; exports.getTokenSymbol = _chunkIVTXEYB2cjs.getTokenSymbol; exports.getUsdcAddress = _chunkIVTXEYB2cjs.getUsdcAddress; exports.getUsdcDecimals = _chunkIVTXEYB2cjs.getUsdcDecimals; exports.isSupportedTokenAddressForChain = _chunkIVTXEYB2cjs.isSupportedTokenAddressForChain;
+exports.CHAIN_BY_ID = _chunkIVTXEYB2cjs.CHAIN_BY_ID; exports.DEFAULT_BACKEND_URL = _chunkIVTXEYB2cjs.DEFAULT_BACKEND_URL; exports.DEFAULT_SIGNER_ADDRESS = _chunkIVTXEYB2cjs.DEFAULT_SIGNER_ADDRESS; exports.DepositModal = _chunkTTD2FEA2cjs.DepositModal; exports.NATIVE_TOKEN_ADDRESS = _chunkIVTXEYB2cjs.NATIVE_TOKEN_ADDRESS; exports.SOURCE_CHAINS = _chunkIVTXEYB2cjs.SOURCE_CHAINS; exports.SUPPORTED_CHAINS = _chunkIVTXEYB2cjs.SUPPORTED_CHAINS; exports.WithdrawModal = _chunkBB6UVRAVcjs.WithdrawModal; exports.chainRegistry = _chunkIVTXEYB2cjs.chainRegistry; exports.disconnectWallet = _chunkYQFH2WSWcjs.disconnectWallet; exports.findChainIdForToken = _chunkIVTXEYB2cjs.findChainIdForToken; exports.getChainBadge = _chunkIVTXEYB2cjs.getChainBadge; exports.getChainIcon = _chunkIVTXEYB2cjs.getChainIcon; exports.getChainId = _chunkIVTXEYB2cjs.getChainId; exports.getChainName = _chunkIVTXEYB2cjs.getChainName; exports.getChainObject = _chunkIVTXEYB2cjs.getChainObject; exports.getExplorerName = _chunkIVTXEYB2cjs.getExplorerName; exports.getExplorerTxUrl = _chunkIVTXEYB2cjs.getExplorerTxUrl; exports.getExplorerUrl = _chunkIVTXEYB2cjs.getExplorerUrl; exports.getSupportedChainIds = _chunkIVTXEYB2cjs.getSupportedChainIds; exports.getSupportedTargetTokens = _chunkIVTXEYB2cjs.getSupportedTargetTokens; exports.getSupportedTokenSymbolsForChain = _chunkIVTXEYB2cjs.getSupportedTokenSymbolsForChain; exports.getTargetTokenSymbolsForChain = _chunkIVTXEYB2cjs.getTargetTokenSymbolsForChain; exports.getTokenAddress = _chunkIVTXEYB2cjs.getTokenAddress; exports.getTokenDecimals = _chunkIVTXEYB2cjs.getTokenDecimals; exports.getTokenDecimalsByAddress = _chunkIVTXEYB2cjs.getTokenDecimalsByAddress; exports.getTokenIcon = _chunkIVTXEYB2cjs.getTokenIcon; exports.getTokenSymbol = _chunkIVTXEYB2cjs.getTokenSymbol; exports.getUsdcAddress = _chunkIVTXEYB2cjs.getUsdcAddress; exports.getUsdcDecimals = _chunkIVTXEYB2cjs.getUsdcDecimals; exports.isSupportedTokenAddressForChain = _chunkIVTXEYB2cjs.isSupportedTokenAddressForChain;

package/dist/index.mjs

@@ -1,13 +1,13 @@
 import {
   DepositModal
-} from "./chunk-QLTTDVFU.mjs";
+} from "./chunk-ZUWAIMMH.mjs";
 import {
   WithdrawModal
-} from "./chunk-GE3TMZEL.mjs";
+} from "./chunk-QI6Q7V6O.mjs";
 import {
   disconnectWallet
 } from "./chunk-5YXAQB6A.mjs";
-import "./chunk-TFXIQ7YH.mjs";
+import "./chunk-CTYKQ4B4.mjs";
 import {
   CHAIN_BY_ID,
   DEFAULT_BACKEND_URL,