@rhinestone/deposit-modal 0.3.1 → 0.4.0

package/dist/{chunk-LEL6GMEQ.cjs → chunk-AE5LHTPM.cjs}

@@ -27,15 +27,15 @@
 
 
 
-var _chunkMQIJZNTPcjs = require('./chunk-MQIJZNTP.cjs');
 
 
 
+var _chunkOQVLEVNRcjs = require('./chunk-OQVLEVNR.cjs');
 
-var _chunkAJHFNHG3cjs = require('./chunk-AJHFNHG3.cjs');
 
 
 
+var _chunkUEKPBRBYcjs = require('./chunk-UEKPBRBY.cjs');
 
 
 
@@ -46,7 +46,10 @@ var _chunkAJHFNHG3cjs = require('./chunk-AJHFNHG3.cjs');
 
 
 
-var _chunkMILJQWPTcjs = require('./chunk-MILJQWPT.cjs');
+
+
+
+var _chunkABVRVW3Pcjs = require('./chunk-ABVRVW3P.cjs');
 
 // src/WithdrawModal.tsx
 
@@ -237,8 +240,8 @@ function WithdrawFormStep({
   const chainMismatch = Boolean(
     _optionalChain([walletClient, 'optionalAccess', _3 => _3.chain, 'optionalAccess', _4 => _4.id]) && walletClient.chain.id !== asset.chainId
   );
-  const targetSymbol = _chunkMILJQWPTcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
-  const targetChainName = _chunkMILJQWPTcjs.getChainName.call(void 0, targetChain);
+  const targetSymbol = _chunkABVRVW3Pcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
+  const targetChainName = _chunkABVRVW3Pcjs.getChainName.call(void 0, targetChain);
   const isBusy = submitting || isSubmitting;
   const seededRecipientRef = _react.useRef.call(void 0, _nullishCoalesce(defaultRecipient, () => ( "")));
   _react.useEffect.call(void 0, () => {
@@ -257,7 +260,7 @@ function WithdrawFormStep({
       setIsSwitching(true);
       switchChain(asset.chainId).catch((err) => {
         const raw = err instanceof Error ? err.message : "Failed to switch chain";
-        setError(_chunkMQIJZNTPcjs.formatUserError.call(void 0, raw));
+        setError(_chunkOQVLEVNRcjs.formatUserError.call(void 0, raw));
       }).finally(() => {
         setIsSwitching(false);
       });
@@ -277,7 +280,7 @@ function WithdrawFormStep({
         return;
       }
       try {
-        const bal = _chunkMQIJZNTPcjs.isNativeAsset.call(void 0, asset) ? await publicClient.getBalance({ address: safeAddress }) : await publicClient.readContract({
+        const bal = _chunkOQVLEVNRcjs.isNativeAsset.call(void 0, asset) ? await publicClient.getBalance({ address: safeAddress }) : await publicClient.readContract({
           address: asset.token,
           abi: _viem.erc20Abi,
           functionName: "balanceOf",
@@ -381,7 +384,7 @@ function WithdrawFormStep({
       await onSubmit(recipient, amount);
     } catch (err) {
       const raw = err instanceof Error ? err.message : "Withdrawal failed";
-      setError(_chunkMQIJZNTPcjs.formatUserError.call(void 0, raw));
+      setError(_chunkOQVLEVNRcjs.formatUserError.call(void 0, raw));
     } finally {
       setIsSubmitting(false);
     }
@@ -389,16 +392,16 @@ function WithdrawFormStep({
   if (isBalanceLoading) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen-body rs-withdraw-loading", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMQIJZNTPcjs.Spinner, { className: "rs-spinner--lg" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOQVLEVNRcjs.Spinner, { className: "rs-spinner--lg" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-withdraw-loading-title", children: "Loading on-chain balance" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-withdraw-loading-subtitle", children: chainMismatch ? `Switch to ${_chunkMILJQWPTcjs.getChainName.call(void 0, asset.chainId)} to continue.` : "Please wait before withdrawing." })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-withdraw-loading-subtitle", children: chainMismatch ? `Switch to ${_chunkABVRVW3Pcjs.getChainName.call(void 0, asset.chainId)} to continue.` : "Please wait before withdrawing." })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMQIJZNTPcjs.PoweredBy, {})
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOQVLEVNRcjs.PoweredBy, {})
     ] });
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen-body", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMQIJZNTPcjs.BodyHeader, { icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMQIJZNTPcjs.CircleArrowOutUpLeftIcon, {}), title: "Withdraw" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOQVLEVNRcjs.BodyHeader, { icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOQVLEVNRcjs.CircleArrowOutUpLeftIcon, {}), title: "Withdraw" }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-section", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "label",
@@ -444,7 +447,7 @@ function WithdrawFormStep({
                 ),
                 isRecipientConnected ? null : "Use connected"
               ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMQIJZNTPcjs.WalletIcon, { className: "rs-withdraw-use-connected-icon" }),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOQVLEVNRcjs.WalletIcon, { className: "rs-withdraw-use-connected-icon" }),
                 isRecipientConnected ? null : "Use connected"
               ] })
             }
@@ -484,7 +487,7 @@ function WithdrawFormStep({
           ) })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-amount-info", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-withdraw-usd", children: amountUsd !== null ? _chunkMQIJZNTPcjs.currencyFormatter.format(amountUsd) : "$0.00" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-withdraw-usd", children: amountUsd !== null ? _chunkOQVLEVNRcjs.currencyFormatter.format(amountUsd) : "$0.00" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-withdraw-balance", children: [
             "Balance: ",
             formattedBalance,
@@ -514,10 +517,10 @@ function WithdrawFormStep({
                     },
                     children: [
                       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-dropdown-value", children: [
-                        _chunkMILJQWPTcjs.getChainIcon.call(void 0, targetChain) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        _chunkABVRVW3Pcjs.getChainIcon.call(void 0, targetChain) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                           "img",
                           {
-                            src: _chunkMILJQWPTcjs.getChainIcon.call(void 0, targetChain),
+                            src: _chunkABVRVW3Pcjs.getChainIcon.call(void 0, targetChain),
                             alt: targetChainName,
                             className: "rs-withdraw-dropdown-icon"
                           }
@@ -525,7 +528,7 @@ function WithdrawFormStep({
                         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: targetChainName })
                       ] }),
                       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _chunkMQIJZNTPcjs.ChevronDownIcon,
+                        _chunkOQVLEVNRcjs.ChevronDownIcon,
                         {
                           className: "rs-withdraw-dropdown-arrow",
                           style: {
@@ -546,10 +549,10 @@ function WithdrawFormStep({
                       setShowChainDropdown(false);
                     },
                     children: [
-                      _chunkMILJQWPTcjs.getChainIcon.call(void 0, chain.id) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      _chunkABVRVW3Pcjs.getChainIcon.call(void 0, chain.id) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                         "img",
                         {
-                          src: _chunkMILJQWPTcjs.getChainIcon.call(void 0, chain.id),
+                          src: _chunkABVRVW3Pcjs.getChainIcon.call(void 0, chain.id),
                           alt: chain.name,
                           className: "rs-withdraw-dropdown-icon"
                         }
@@ -583,10 +586,10 @@ function WithdrawFormStep({
                     },
                     children: [
                       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-dropdown-value", children: [
-                        _chunkMILJQWPTcjs.getTokenIcon.call(void 0, targetSymbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        _chunkABVRVW3Pcjs.getTokenIcon.call(void 0, targetSymbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                           "img",
                           {
-                            src: _chunkMILJQWPTcjs.getTokenIcon.call(void 0, targetSymbol),
+                            src: _chunkABVRVW3Pcjs.getTokenIcon.call(void 0, targetSymbol),
                             alt: targetSymbol,
                             className: "rs-withdraw-dropdown-icon"
                           }
@@ -594,7 +597,7 @@ function WithdrawFormStep({
                         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: targetSymbol })
                       ] }),
                       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _chunkMQIJZNTPcjs.ChevronDownIcon,
+                        _chunkOQVLEVNRcjs.ChevronDownIcon,
                         {
                           className: "rs-withdraw-dropdown-arrow",
                           style: {
@@ -615,10 +618,10 @@ function WithdrawFormStep({
                       setShowTokenDropdown(false);
                     },
                     children: [
-                      _chunkMILJQWPTcjs.getTokenIcon.call(void 0, option.symbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      _chunkABVRVW3Pcjs.getTokenIcon.call(void 0, option.symbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                         "img",
                         {
-                          src: _chunkMILJQWPTcjs.getTokenIcon.call(void 0, option.symbol),
+                          src: _chunkABVRVW3Pcjs.getTokenIcon.call(void 0, option.symbol),
                           alt: option.symbol,
                           className: "rs-withdraw-dropdown-icon"
                         }
@@ -633,11 +636,11 @@ function WithdrawFormStep({
           )
         ] })
       ] }),
-      chainMismatch && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-chain-switch", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-chain-switch-text", children: isSwitching ? `Switching to ${_chunkMILJQWPTcjs.getChainName.call(void 0, asset.chainId)}...` : `Switch to ${_chunkMILJQWPTcjs.getChainName.call(void 0, asset.chainId)} to continue.` }) }),
-      error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMQIJZNTPcjs.Callout, { variant: "error", children: error }),
-      !error && registrationError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMQIJZNTPcjs.Callout, { variant: "error", children: registrationError }),
+      chainMismatch && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-chain-switch", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-chain-switch-text", children: isSwitching ? `Switching to ${_chunkABVRVW3Pcjs.getChainName.call(void 0, asset.chainId)}...` : `Switch to ${_chunkABVRVW3Pcjs.getChainName.call(void 0, asset.chainId)} to continue.` }) }),
+      error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOQVLEVNRcjs.Callout, { variant: "error", children: error }),
+      !error && registrationError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOQVLEVNRcjs.Callout, { variant: "error", children: registrationError }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkMQIJZNTPcjs.Button,
+        _chunkOQVLEVNRcjs.Button,
         {
           onClick: handleWithdraw,
           fullWidth: true,
@@ -647,7 +650,7 @@ function WithdrawFormStep({
         }
       )
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMQIJZNTPcjs.PoweredBy, {})
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOQVLEVNRcjs.PoweredBy, {})
   ] });
 }
 WithdrawFormStep.displayName = "WithdrawFormStep";
@@ -668,18 +671,29 @@ function WithdrawReviewStep({
   estimatedTime = "< 1 min",
   registrationPending = false,
   registrationError = null,
+  service,
   onConfirm,
   onError
 }) {
   const [isSubmitting, setIsSubmitting] = _react.useState.call(void 0, false);
   const [error, setError] = _react.useState.call(void 0, null);
-  const sourceChainName = _chunkMILJQWPTcjs.getChainName.call(void 0, sourceChain);
-  const sourceChainIcon = _chunkMILJQWPTcjs.getChainIcon.call(void 0, sourceChain);
-  const targetSymbol = _chunkMILJQWPTcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
-  const targetChainName = _chunkMILJQWPTcjs.getChainName.call(void 0, targetChain);
-  const targetChainIcon = _chunkMILJQWPTcjs.getChainIcon.call(void 0, targetChain);
-  const sourceTokenIcon = _chunkMILJQWPTcjs.getTokenIcon.call(void 0, sourceSymbol);
-  const targetTokenIcon = _chunkMILJQWPTcjs.getTokenIcon.call(void 0, targetSymbol);
+  const sourceChainName = _chunkABVRVW3Pcjs.getChainName.call(void 0, sourceChain);
+  const sourceChainIcon = _chunkABVRVW3Pcjs.getChainIcon.call(void 0, sourceChain);
+  const targetSymbol = _chunkABVRVW3Pcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
+  const targetChainName = _chunkABVRVW3Pcjs.getChainName.call(void 0, targetChain);
+  const targetChainIcon = _chunkABVRVW3Pcjs.getChainIcon.call(void 0, targetChain);
+  const sourceTokenIcon = _chunkABVRVW3Pcjs.getTokenIcon.call(void 0, sourceSymbol);
+  const targetTokenIcon = _chunkABVRVW3Pcjs.getTokenIcon.call(void 0, targetSymbol);
+  const amountNumber = Number(amount);
+  const formattedSendAmount = _nullishCoalesce(_chunkOQVLEVNRcjs.formatTokenAmount.call(void 0, amountNumber, sourceSymbol), () => ( amount));
+  const prices = _chunkOQVLEVNRcjs.useTokenPrices.call(void 0, service, [sourceSymbol, targetSymbol]);
+  const receiveDisplay = _nullishCoalesce(_chunkOQVLEVNRcjs.formatReceiveEstimate.call(void 0, {
+    sourceAmount: Number.isFinite(amountNumber) ? amountNumber : void 0,
+    sourceSymbol,
+    targetSymbol,
+    prices
+  }), () => ( // No price for the target token — an honest dash beats a wrong number.
+  "\u2014"));
   const handleConfirm = async () => {
     setError(null);
     setIsSubmitting(true);
@@ -687,7 +701,7 @@ function WithdrawReviewStep({
       await onConfirm();
     } catch (err) {
       const raw = err instanceof Error ? err.message : "Withdraw failed";
-      const message = _chunkMQIJZNTPcjs.formatUserError.call(void 0, raw);
+      const message = _chunkOQVLEVNRcjs.formatUserError.call(void 0, raw);
       setError(message);
       _optionalChain([onError, 'optionalCall', _8 => _8(message, "WITHDRAW_REVIEW_ERROR")]);
     } finally {
@@ -698,9 +712,9 @@ function WithdrawReviewStep({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkMQIJZNTPcjs.BodyHeader,
+        _chunkOQVLEVNRcjs.BodyHeader,
         {
-          icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMQIJZNTPcjs.CircleArrowOutUpLeftIcon, {}),
+          icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOQVLEVNRcjs.CircleArrowOutUpLeftIcon, {}),
           title: "Review withdrawal"
         }
       ),
@@ -709,7 +723,7 @@ function WithdrawReviewStep({
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "You send" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
-              amount,
+              formattedSendAmount,
               " ",
               sourceSymbol
             ] }),
@@ -730,11 +744,7 @@ function WithdrawReviewStep({
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Receive" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
-              amount,
-              " ",
-              targetSymbol
-            ] }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: receiveDisplay }),
             targetTokenIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: targetTokenIcon, alt: "" }) })
           ] })
         ] }),
@@ -750,10 +760,10 @@ function WithdrawReviewStep({
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-value", children: estimatedTime })
         ] })
       ] }),
-      error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMQIJZNTPcjs.Callout, { variant: "error", children: error }),
-      !error && registrationError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMQIJZNTPcjs.Callout, { variant: "error", children: registrationError }),
+      error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOQVLEVNRcjs.Callout, { variant: "error", children: error }),
+      !error && registrationError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOQVLEVNRcjs.Callout, { variant: "error", children: registrationError }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkMQIJZNTPcjs.Button,
+        _chunkOQVLEVNRcjs.Button,
         {
           onClick: handleConfirm,
           loading: isSubmitting,
@@ -764,7 +774,7 @@ function WithdrawReviewStep({
         }
       )
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMQIJZNTPcjs.PoweredBy, {})
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOQVLEVNRcjs.PoweredBy, {})
   ] });
 }
 WithdrawReviewStep.displayName = "WithdrawReviewStep";
@@ -775,15 +785,15 @@ WithdrawReviewStep.displayName = "WithdrawReviewStep";
 var ADDR_REGEX = /^0x[a-fA-F0-9]{40}$/;
 var REGISTRATION_DEBOUNCE_MS = 600;
 function resolveSessionOwner(eoaAddress) {
-  const localOwner = _chunkMQIJZNTPcjs.loadSessionOwnerFromStorage.call(void 0, eoaAddress);
+  const localOwner = _chunkOQVLEVNRcjs.loadSessionOwnerFromStorage.call(void 0, eoaAddress);
   if (localOwner) {
     return {
-      account: _chunkMQIJZNTPcjs.accountFromPrivateKey.call(void 0, localOwner.privateKey),
+      account: _chunkOQVLEVNRcjs.accountFromPrivateKey.call(void 0, localOwner.privateKey),
       address: localOwner.address
     };
   }
-  const created = _chunkMQIJZNTPcjs.createSessionOwnerKey.call(void 0, );
-  _chunkMQIJZNTPcjs.saveSessionOwnerToStorage.call(void 0, eoaAddress, created.privateKey, created.address);
+  const created = _chunkOQVLEVNRcjs.createSessionOwnerKey.call(void 0, );
+  _chunkOQVLEVNRcjs.saveSessionOwnerToStorage.call(void 0, eoaAddress, created.privateKey, created.address);
   return { account: created.account, address: created.address };
 }
 function targetsEqual(a, b) {
@@ -803,7 +813,7 @@ function WithdrawFlow({
   amount: defaultAmount,
   service,
   allowedRoutes,
-  signerAddress = _chunkMILJQWPTcjs.DEFAULT_SIGNER_ADDRESS,
+  signerAddress = _chunkABVRVW3Pcjs.DEFAULT_SIGNER_ADDRESS,
   sessionChainIds,
   forceRegister = false,
   reownWallet,
@@ -818,19 +828,19 @@ function WithdrawFlow({
   onError,
   debug
 }) {
-  const onStepChangeRef = _chunkMQIJZNTPcjs.useLatestRef.call(void 0, onStepChange);
-  const onEventRef = _chunkMQIJZNTPcjs.useLatestRef.call(void 0, onEvent);
-  const onLifecycleRef = _chunkMQIJZNTPcjs.useLatestRef.call(void 0, onLifecycle);
-  const onErrorRef = _chunkMQIJZNTPcjs.useLatestRef.call(void 0, onError);
+  const onStepChangeRef = _chunkOQVLEVNRcjs.useLatestRef.call(void 0, onStepChange);
+  const onEventRef = _chunkOQVLEVNRcjs.useLatestRef.call(void 0, onEvent);
+  const onLifecycleRef = _chunkOQVLEVNRcjs.useLatestRef.call(void 0, onLifecycle);
+  const onErrorRef = _chunkOQVLEVNRcjs.useLatestRef.call(void 0, onError);
   const logFlow = _react.useCallback.call(void 0, 
     (message, data) => {
-      _chunkMQIJZNTPcjs.debugLog.call(void 0, debug, "withdraw-flow", message, data);
+      _chunkOQVLEVNRcjs.debugLog.call(void 0, debug, "withdraw-flow", message, data);
     },
     [debug]
   );
   const logFlowError = _react.useCallback.call(void 0, 
     (message, error, data) => {
-      _chunkMQIJZNTPcjs.debugError.call(void 0, debug, "withdraw-flow", message, error, data);
+      _chunkOQVLEVNRcjs.debugError.call(void 0, debug, "withdraw-flow", message, error, data);
     },
     [debug]
   );
@@ -905,14 +915,14 @@ function WithdrawFlow({
         return {
           ownerAddress: dappAddress,
           walletClient: _nullishCoalesce(dappWalletClient, () => ( void 0)),
-          publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkMQIJZNTPcjs.getPublicClient.call(void 0, sourceChain))),
+          publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkOQVLEVNRcjs.getPublicClient.call(void 0, sourceChain))),
           switchChain: dappSwitchChain
         };
       }
       return {
         ownerAddress: dappWalletClient.account.address,
         walletClient: dappWalletClient,
-        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkMQIJZNTPcjs.getPublicClient.call(void 0, sourceChain))),
+        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkOQVLEVNRcjs.getPublicClient.call(void 0, sourceChain))),
         switchChain: dappSwitchChain
       };
     }
@@ -923,7 +933,7 @@ function WithdrawFlow({
       return {
         ownerAddress: dappWalletClient.account.address,
         walletClient: dappWalletClient,
-        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkMQIJZNTPcjs.getPublicClient.call(void 0, sourceChain))),
+        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkOQVLEVNRcjs.getPublicClient.call(void 0, sourceChain))),
         switchChain: dappSwitchChain
       };
     }
@@ -980,7 +990,7 @@ function WithdrawFlow({
         const setup = await service.setupAccount({
           ownerAddress,
           sessionOwnerAddress: sessionOwner.address,
-          targetChain: _chunkMILJQWPTcjs.toEvmCaip2.call(void 0, targetChain),
+          targetChain: _chunkABVRVW3Pcjs.toEvmCaip2.call(void 0, targetChain),
           targetToken,
           recipient: recipientForRegistration,
           signerAddress,
@@ -1005,7 +1015,7 @@ function WithdrawFlow({
             message: typedData.message
           });
           if (cancelled) return;
-          const sessionDetails = _chunkMQIJZNTPcjs.buildSessionDetails.call(void 0, 
+          const sessionDetails = _chunkOQVLEVNRcjs.buildSessionDetails.call(void 0, 
             setup.sessionDetailsUnsigned,
             signature
           );
@@ -1019,7 +1029,7 @@ function WithdrawFlow({
             eoaAddress: ownerAddress,
             sessionOwner: sessionOwner.address,
             target: {
-              chain: _chunkMILJQWPTcjs.toEvmCaip2.call(void 0, targetChain),
+              chain: _chunkABVRVW3Pcjs.toEvmCaip2.call(void 0, targetChain),
               token: targetToken,
               recipient: recipientForRegistration
             }
@@ -1042,7 +1052,7 @@ function WithdrawFlow({
       } catch (err) {
         if (cancelled) return;
         const raw = err instanceof Error ? err.message : "Registration failed";
-        const message = _chunkMQIJZNTPcjs.formatUserError.call(void 0, raw);
+        const message = _chunkOQVLEVNRcjs.formatUserError.call(void 0, raw);
         logFlowError("auto-register:failed", err, {
           ownerAddress,
           targetChain,
@@ -1075,10 +1085,10 @@ function WithdrawFlow({
     onErrorRef
   ]);
   const asset = _react.useMemo.call(void 0, () => {
-    const symbol = _chunkMILJQWPTcjs.getTokenSymbol.call(void 0, sourceToken, sourceChain);
-    const decimals = _chunkMILJQWPTcjs.getTokenDecimalsByAddress.call(void 0, sourceToken, sourceChain);
+    const symbol = _chunkABVRVW3Pcjs.getTokenSymbol.call(void 0, sourceToken, sourceChain);
+    const decimals = _chunkABVRVW3Pcjs.getTokenDecimalsByAddress.call(void 0, sourceToken, sourceChain);
     return {
-      id: _chunkMQIJZNTPcjs.getAssetId.call(void 0, { chainId: sourceChain, token: sourceToken }),
+      id: _chunkOQVLEVNRcjs.getAssetId.call(void 0, { chainId: sourceChain, token: sourceToken }),
       chainId: sourceChain,
       token: sourceToken,
       symbol,
@@ -1086,7 +1096,7 @@ function WithdrawFlow({
       decimals
     };
   }, [sourceChain, sourceToken]);
-  const isSourceNative = sourceToken.toLowerCase() === _chunkMILJQWPTcjs.NATIVE_TOKEN_ADDRESS.toLowerCase();
+  const isSourceNative = sourceToken.toLowerCase() === _chunkABVRVW3Pcjs.NATIVE_TOKEN_ADDRESS.toLowerCase();
   const isSameRoute = targetChain === sourceChain && targetToken.toLowerCase() === sourceToken.toLowerCase();
   const reviewBackHandler = _react.useCallback.call(void 0, () => {
     storeApi.dispatch({ type: "review/back" });
@@ -1104,8 +1114,8 @@ function WithdrawFlow({
     }
     if (lastStepOpenEventKeyRef.current === "form") return;
     lastStepOpenEventKeyRef.current = "form";
-    const tokenSymbol = _chunkMILJQWPTcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
-    const chainName = _chunkMILJQWPTcjs.getChainName.call(void 0, targetChain);
+    const tokenSymbol = _chunkABVRVW3Pcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
+    const chainName = _chunkABVRVW3Pcjs.getChainName.call(void 0, targetChain);
     _optionalChain([onEventRef, 'access', _37 => _37.current, 'optionalCall', _38 => _38({
       type: "withdraw_modal_select_amount_open",
       pred_balance: totalBalanceUsd,
@@ -1142,8 +1152,8 @@ function WithdrawFlow({
   );
   const handleFormContinue = _react.useCallback.call(void 0, 
     (recipient, amountValue) => {
-      const tokenSymbol = _chunkMILJQWPTcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
-      const chainName = _chunkMILJQWPTcjs.getChainName.call(void 0, targetChain);
+      const tokenSymbol = _chunkABVRVW3Pcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
+      const chainName = _chunkABVRVW3Pcjs.getChainName.call(void 0, targetChain);
       _optionalChain([onEventRef, 'access', _41 => _41.current, 'optionalCall', _42 => _42({
         type: "withdraw_modal_select_amount_cta_click",
         pred_balance: totalBalanceUsd,
@@ -1186,7 +1196,7 @@ function WithdrawFlow({
           targetToken
         });
         const amountUnits = _viem.parseUnits.call(void 0, amountValue, asset.decimals);
-        const pc = _nullishCoalesce(_optionalChain([signerContext, 'optionalAccess', _44 => _44.publicClient]), () => ( _chunkMQIJZNTPcjs.getPublicClient.call(void 0, sourceChain)));
+        const pc = _nullishCoalesce(_optionalChain([signerContext, 'optionalAccess', _44 => _44.publicClient]), () => ( _chunkOQVLEVNRcjs.getPublicClient.call(void 0, sourceChain)));
         let result;
         if (onSignTransaction) {
           const transferTarget = isSameRoute ? recipient : smartAccount;
@@ -1199,7 +1209,7 @@ function WithdrawFlow({
               args: [transferTarget, amountUnits]
             })
           };
-          const request = await _chunkAJHFNHG3cjs.buildSafeTransaction.call(void 0, {
+          const request = await _chunkUEKPBRBYcjs.buildSafeTransaction.call(void 0, {
             publicClient: pc,
             safeAddress,
             to: transferData.to,
@@ -1210,7 +1220,7 @@ function WithdrawFlow({
           const { signature } = await onSignTransaction(request);
           const relayResult = await service.relayWithdraw({
             smartAccount,
-            chainId: _chunkMILJQWPTcjs.toEvmCaip2.call(void 0, sourceChain),
+            chainId: _chunkABVRVW3Pcjs.toEvmCaip2.call(void 0, sourceChain),
             safeAddress,
             safeTransaction: request.typedData.message,
             signature
@@ -1220,7 +1230,7 @@ function WithdrawFlow({
           }
           result = { txHash: relayResult.txHash };
         } else if (isSourceNative) {
-          result = await _chunkAJHFNHG3cjs.executeSafeEthTransfer.call(void 0, {
+          result = await _chunkUEKPBRBYcjs.executeSafeEthTransfer.call(void 0, {
             walletClient: signerContext.walletClient,
             publicClient: pc,
             safeAddress,
@@ -1229,7 +1239,7 @@ function WithdrawFlow({
             chainId: sourceChain
           });
         } else {
-          result = await _chunkAJHFNHG3cjs.executeSafeErc20Transfer.call(void 0, {
+          result = await _chunkUEKPBRBYcjs.executeSafeErc20Transfer.call(void 0, {
             walletClient: signerContext.walletClient,
             publicClient: pc,
             safeAddress,
@@ -1262,7 +1272,7 @@ function WithdrawFlow({
           targetChain,
           targetToken
         });
-        handleError(_chunkMQIJZNTPcjs.formatUserError.call(void 0, raw), "WITHDRAW_FLOW_ERROR");
+        handleError(_chunkOQVLEVNRcjs.formatUserError.call(void 0, raw), "WITHDRAW_FLOW_ERROR");
         throw err;
       }
     },
@@ -1327,9 +1337,9 @@ function WithdrawFlow({
     [_optionalChain([allowedRoutes, 'optionalAccess', _54 => _54.sourceTokens])]
   );
   const targetChainOptions = _react.useMemo.call(void 0, () => {
-    return _chunkMILJQWPTcjs.SOURCE_CHAINS.filter((chain) => {
+    return _chunkABVRVW3Pcjs.SOURCE_CHAINS.filter((chain) => {
       if (allowedChainSet && !allowedChainSet.has(chain.id)) return false;
-      const tokens = _chunkMILJQWPTcjs.getSupportedTargetTokens.call(void 0, chain.id);
+      const tokens = _chunkABVRVW3Pcjs.getSupportedTargetTokens.call(void 0, chain.id);
       if (allowedTokenSet) {
         return tokens.some((t) => allowedTokenSet.has(t.symbol.toUpperCase()));
       }
@@ -1337,7 +1347,7 @@ function WithdrawFlow({
     });
   }, [allowedChainSet, allowedTokenSet]);
   const targetTokenOptions = _react.useMemo.call(void 0, () => {
-    const tokens = _chunkMILJQWPTcjs.getSupportedTargetTokens.call(void 0, targetChain);
+    const tokens = _chunkABVRVW3Pcjs.getSupportedTargetTokens.call(void 0, targetChain);
     if (!allowedTokenSet) return tokens;
     return tokens.filter((t) => allowedTokenSet.has(t.symbol.toUpperCase()));
   }, [targetChain, allowedTokenSet]);
@@ -1351,7 +1361,7 @@ function WithdrawFlow({
   const handleTargetChainChange = _react.useCallback.call(void 0, 
     (chainId) => {
       setTargetChain(chainId);
-      let options = _chunkMILJQWPTcjs.getSupportedTargetTokens.call(void 0, chainId);
+      let options = _chunkABVRVW3Pcjs.getSupportedTargetTokens.call(void 0, chainId);
       if (allowedTokenSet) {
         options = options.filter(
           (t) => allowedTokenSet.has(t.symbol.toUpperCase())
@@ -1401,7 +1411,7 @@ function WithdrawFlow({
       state: "ready"
     }));
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-body", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkMQIJZNTPcjs.ConnectStep,
+      _chunkOQVLEVNRcjs.ConnectStep,
       {
         walletRows: withdrawRows,
         onConfirmWallet: (walletId) => {
@@ -1419,7 +1429,7 @@ function WithdrawFlow({
   if (!signerContext) return null;
   if (!onSignTransaction && !signerContext.walletClient) return null;
   const resolvedConnectedRecipient = _optionalChain([selectedWalletOption, 'optionalAccess', _61 => _61.kind]) === "external" ? selectedWalletOption.address : void 0;
-  const formPublicClient = _nullishCoalesce(signerContext.publicClient, () => ( _chunkMQIJZNTPcjs.getPublicClient.call(void 0, sourceChain)));
+  const formPublicClient = _nullishCoalesce(signerContext.publicClient, () => ( _chunkOQVLEVNRcjs.getPublicClient.call(void 0, sourceChain)));
   const stepView = deriveStepView(flowStep, registration);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-modal-body", children: [
     stepView === "form" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -1456,6 +1466,7 @@ function WithdrawFlow({
         targetToken,
         amount: _nullishCoalesce(storeApi.getState().amount, () => ( "0")),
         recipient: _nullishCoalesce(_nullishCoalesce(storeApi.getState().recipient, () => ( recipientForRegistration)), () => ( "0x0")),
+        service,
         registrationPending: registration.kind === "pending" || registration.kind === "stale",
         registrationError: registration.kind === "failed" ? registration.error : null,
         onConfirm: handleReviewConfirm,
@@ -1463,7 +1474,7 @@ function WithdrawFlow({
       }
     ),
     stepView === "processing" && registration.kind !== "idle" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkMQIJZNTPcjs.ProcessingStep,
+      _chunkOQVLEVNRcjs.ProcessingStep,
       {
         smartAccount: registration.kind === "ready" || registration.kind === "stale" ? registration.smartAccount : "0x0",
         txHash: _nullishCoalesce(storeApi.getState().txHash, () => ( "0x0")),
@@ -1471,7 +1482,9 @@ function WithdrawFlow({
         sourceToken,
         targetChain,
         targetToken,
-        amount: _nullishCoalesce(storeApi.getState().amount, () => ( "0")),
+        amount: toBaseUnits(_nullishCoalesce(storeApi.getState().amount, () => ( "0")), asset.decimals),
+        sourceSymbol: asset.symbol,
+        sourceDecimals: asset.decimals,
         directTransfer: isSameRoute,
         service,
         flowLabel: "withdraw",
@@ -1485,6 +1498,13 @@ function WithdrawFlow({
     )
   ] });
 }
+function toBaseUnits(amount, decimals) {
+  try {
+    return _viem.parseUnits.call(void 0, amount, decimals).toString();
+  } catch (e6) {
+    return "0";
+  }
+}
 function deriveStepView(step, _registration) {
   if (step === "review") return "review";
   if (step === "processing" || step === "complete" || step === "failed") {
@@ -1496,7 +1516,7 @@ function deriveStepView(step, _registration) {
 // src/WithdrawModal.tsx
 
 var ReownWithdrawInner = _react.lazy.call(void 0, 
-  () => Promise.resolve().then(() => _interopRequireWildcard(require("./WithdrawModalReown-WJ6VBZKK.cjs"))).then((m) => ({
+  () => Promise.resolve().then(() => _interopRequireWildcard(require("./WithdrawModalReown-Z2YF2FSJ.cjs"))).then((m) => ({
     default: m.WithdrawModalReown
   }))
 );
@@ -1524,8 +1544,8 @@ function WithdrawModalInner({
   inline,
   closeOnOverlayClick,
   allowedRoutes,
-  backendUrl = _chunkMILJQWPTcjs.DEFAULT_BACKEND_URL,
-  signerAddress = _chunkMILJQWPTcjs.DEFAULT_SIGNER_ADDRESS,
+  backendUrl = _chunkABVRVW3Pcjs.DEFAULT_BACKEND_URL,
+  signerAddress = _chunkABVRVW3Pcjs.DEFAULT_SIGNER_ADDRESS,
   sessionChainIds,
   forceRegister = false,
   reownWallet,
@@ -1543,18 +1563,18 @@ function WithdrawModalInner({
   debug
 }) {
   const modalRef = _react.useRef.call(void 0, null);
-  const onReadyRef = _chunkMQIJZNTPcjs.useLatestRef.call(void 0, onReady);
+  const onReadyRef = _chunkOQVLEVNRcjs.useLatestRef.call(void 0, onReady);
   const [backHandler, setBackHandler] = _react.useState.call(void 0, 
     void 0
   );
-  const targetChain = _chunkMILJQWPTcjs.getChainId.call(void 0, targetChainProp);
-  const sourceChain = _chunkMILJQWPTcjs.getChainId.call(void 0, sourceChainProp);
+  const targetChain = _chunkABVRVW3Pcjs.getChainId.call(void 0, targetChainProp);
+  const sourceChain = _chunkABVRVW3Pcjs.getChainId.call(void 0, sourceChainProp);
   const service = _react.useMemo.call(void 0, 
-    () => _chunkMQIJZNTPcjs.createDepositService.call(void 0, backendUrl, { debug, debugScope: "service:withdraw" }),
+    () => _chunkOQVLEVNRcjs.createDepositService.call(void 0, backendUrl, { debug, debugScope: "service:withdraw" }),
     [backendUrl, debug]
   );
   const store = _react.useMemo.call(void 0, () => createWithdrawStore(), []);
-  const onErrorRef = _chunkMQIJZNTPcjs.useLatestRef.call(void 0, onError);
+  const onErrorRef = _chunkOQVLEVNRcjs.useLatestRef.call(void 0, onError);
   _react.useEffect.call(void 0, () => {
     if (isOpen && onSignTransaction && !dappAddress) {
       _optionalChain([onErrorRef, 'access', _62 => _62.current, 'optionalCall', _63 => _63({
@@ -1565,7 +1585,7 @@ function WithdrawModalInner({
   }, [isOpen, onSignTransaction, dappAddress, onErrorRef]);
   _react.useEffect.call(void 0, () => {
     if (isOpen && modalRef.current) {
-      _chunkMQIJZNTPcjs.applyTheme.call(void 0, modalRef.current, theme);
+      _chunkOQVLEVNRcjs.applyTheme.call(void 0, modalRef.current, theme);
     }
   }, [isOpen, theme]);
   _react.useEffect.call(void 0, () => {
@@ -1584,7 +1604,7 @@ function WithdrawModalInner({
   const showBackButton = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _66 => _66.showBackButton]), () => ( true));
   const canGoBack = backHandler !== void 0;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WithdrawStoreProvider, { store, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkMQIJZNTPcjs.Modal,
+    _chunkOQVLEVNRcjs.Modal,
     {
       isOpen,
       onClose,
@@ -1600,7 +1620,7 @@ function WithdrawModalInner({
               className: "rs-modal-header-back",
               "aria-label": "Go back",
               onClick: backHandler,
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMQIJZNTPcjs.ChevronLeftIcon, {})
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOQVLEVNRcjs.ChevronLeftIcon, {})
             }
           ) }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-header-nav-right", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -1610,7 +1630,7 @@ function WithdrawModalInner({
               onClick: onClose,
               className: "rs-modal-close",
               "aria-label": "Close",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMQIJZNTPcjs.CloseIcon, {})
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOQVLEVNRcjs.CloseIcon, {})
             }
           ) })
         ] }),