@rhinestone/deposit-modal 0.18.0 → 0.20.0

package/dist/{chunk-34JVJZEZ.cjs → chunk-BTEG2VNZ.cjs}

@@ -40,20 +40,23 @@
 
 
 
+var _chunkCXRH5MKOcjs = require('./chunk-CXRH5MKO.cjs');
 
 
 
 
-var _chunkN3AAT6BScjs = require('./chunk-N3AAT6BS.cjs');
 
 
 
 
+var _chunkG264OM23cjs = require('./chunk-G264OM23.cjs');
 
 
 
 
-var _chunkOY5N3E6Lcjs = require('./chunk-OY5N3E6L.cjs');
+
+
+var _chunkFKJ6EJHHcjs = require('./chunk-FKJ6EJHH.cjs');
 
 // src/WithdrawModal.tsx
 var _react = require('react');
@@ -223,10 +226,12 @@ function WithdrawFormStep({
   submitting = false,
   registrationPending = false,
   registrationError = null,
+  decimalsStatus = "ready",
   onRecipientChange,
   onSubmit,
   onFriction
 }) {
+  const decimalsReady = decimalsStatus === "ready";
   const [recipient, setRecipient] = _react.useState.call(void 0, _nullishCoalesce(defaultRecipient, () => ( "")));
   const [amount, setAmount] = _react.useState.call(void 0, _nullishCoalesce(defaultAmount, () => ( "")));
   const [balance, setBalance] = _react.useState.call(void 0, null);
@@ -238,11 +243,15 @@ function WithdrawFormStep({
   const chainDropdownRef = _react.useRef.call(void 0, null);
   const tokenDropdownRef = _react.useRef.call(void 0, null);
   const publicClientChainId = _optionalChain([publicClient, 'access', _ => _.chain, 'optionalAccess', _2 => _2.id]);
-  const onFrictionRef = _chunkN3AAT6BScjs.useLatestRef.call(void 0, onFriction);
+  const onFrictionRef = _chunkG264OM23cjs.useLatestRef.call(void 0, onFriction);
   useClickOutside(chainDropdownRef, () => setShowChainDropdown(false));
   useClickOutside(tokenDropdownRef, () => setShowTokenDropdown(false));
-  const targetSymbol = _chunkOY5N3E6Lcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
-  const targetChainName = _chunkOY5N3E6Lcjs.getChainName.call(void 0, targetChain);
+  const offeredTarget = targetTokenOptions.find(
+    (option) => option.address.toLowerCase() === targetToken.toLowerCase()
+  );
+  const resolvedTargetSymbol = _chunkCXRH5MKOcjs.useTokenDisplay.call(void 0, targetChain, targetToken).symbol;
+  const targetSymbol = _nullishCoalesce(_optionalChain([offeredTarget, 'optionalAccess', _3 => _3.symbol]), () => ( resolvedTargetSymbol));
+  const targetChainName = _chunkFKJ6EJHHcjs.getChainName.call(void 0, targetChain);
   const isBusy = submitting || isSubmitting;
   const seededRecipientRef = _react.useRef.call(void 0, _nullishCoalesce(defaultRecipient, () => ( "")));
   _react.useEffect.call(void 0, () => {
@@ -266,7 +275,7 @@ function WithdrawFormStep({
         return;
       }
       try {
-        const bal = _chunkN3AAT6BScjs.isNativeAsset.call(void 0, asset) ? await publicClient.getBalance({ address: accountAddress }) : await publicClient.readContract({
+        const bal = _chunkCXRH5MKOcjs.isNativeAsset.call(void 0, asset) ? await publicClient.getBalance({ address: accountAddress }) : await publicClient.readContract({
           address: asset.token,
           abi: _viem.erc20Abi,
           functionName: "balanceOf",
@@ -279,7 +288,7 @@ function WithdrawFormStep({
       } catch (e2) {
         if (active) {
           setBalance(null);
-          _optionalChain([onFrictionRef, 'access', _3 => _3.current, 'optionalCall', _4 => _4("wallet_balance_unavailable")]);
+          _optionalChain([onFrictionRef, 'access', _4 => _4.current, 'optionalCall', _5 => _5("wallet_balance_unavailable")]);
           timeoutId = setTimeout(fetchBalance, retryDelayMs);
           retryDelayMs = Math.min(Math.round(retryDelayMs * 1.5), 3e4);
         }
@@ -297,6 +306,7 @@ function WithdrawFormStep({
   }, [accountAddress, publicClient, publicClientChainId, asset, onFrictionRef]);
   const formattedBalance = _react.useMemo.call(void 0, () => {
     if (balance === null) return "...";
+    if (!decimalsReady) return "\u2014";
     try {
       const raw = _viem.formatUnits.call(void 0, balance, asset.decimals);
       const numeric = Number(raw);
@@ -307,10 +317,10 @@ function WithdrawFormStep({
     } catch (e3) {
       return "...";
     }
-  }, [balance, asset.decimals]);
+  }, [balance, asset.decimals, decimalsReady]);
   _react.useEffect.call(void 0, () => {
     if (targetTokenOptions.length > 0 || !recipient || !amount) return;
-    _optionalChain([onFrictionRef, 'access', _5 => _5.current, 'optionalCall', _6 => _6("route_target_tokens_unavailable")]);
+    _optionalChain([onFrictionRef, 'access', _6 => _6.current, 'optionalCall', _7 => _7("route_target_tokens_unavailable")]);
   }, [targetTokenOptions.length, recipient, amount, onFrictionRef]);
   const amountUsd = _react.useMemo.call(void 0, () => {
     if (!amount) return null;
@@ -323,29 +333,30 @@ function WithdrawFormStep({
     return null;
   }, [amount, asset.symbol]);
   const handleMaxClick = _react.useCallback.call(void 0, () => {
-    if (balance === null) return;
+    if (balance === null || !decimalsReady) return;
     const maxAmount = _viem.formatUnits.call(void 0, balance, asset.decimals);
     setAmount(maxAmount);
     setError(null);
-  }, [balance, asset.decimals]);
+  }, [balance, asset.decimals, decimalsReady]);
   const handleWithdraw = _react.useCallback.call(void 0, async () => {
+    if (!decimalsReady) return;
     if (!recipient || !/^0x[a-fA-F0-9]{40}$/.test(recipient)) {
       setError("Enter a valid recipient address");
-      _optionalChain([onFriction, 'optionalCall', _7 => _7("recipient_invalid")]);
+      _optionalChain([onFriction, 'optionalCall', _8 => _8("recipient_invalid")]);
       return;
     }
     const lowerRecipient = recipient.toLowerCase();
-    if (lowerRecipient === accountAddress.toLowerCase() || lowerRecipient === _optionalChain([depositAddress, 'optionalAccess', _8 => _8.toLowerCase, 'call', _9 => _9()])) {
+    if (lowerRecipient === accountAddress.toLowerCase() || lowerRecipient === _optionalChain([depositAddress, 'optionalAccess', _9 => _9.toLowerCase, 'call', _10 => _10()])) {
       setError(
         "Recipient can't be your own account. Send to a different wallet."
       );
-      _optionalChain([onFriction, 'optionalCall', _10 => _10("recipient_not_allowed")]);
+      _optionalChain([onFriction, 'optionalCall', _11 => _11("recipient_not_allowed")]);
       return;
     }
     const parsed = Number(amount);
     if (!amount || !Number.isFinite(parsed) || parsed <= 0) {
       setError("Enter a valid amount");
-      _optionalChain([onFriction, 'optionalCall', _11 => _11("amount_invalid")]);
+      _optionalChain([onFriction, 'optionalCall', _12 => _12("amount_invalid")]);
       return;
     }
     if (balance !== null) {
@@ -353,12 +364,12 @@ function WithdrawFormStep({
         const amountInUnits = _viem.parseUnits.call(void 0, amount, asset.decimals);
         if (amountInUnits > balance) {
           setError("Insufficient balance");
-          _optionalChain([onFriction, 'optionalCall', _12 => _12("amount_insufficient_balance")]);
+          _optionalChain([onFriction, 'optionalCall', _13 => _13("amount_insufficient_balance")]);
           return;
         }
       } catch (e4) {
         setError("Invalid amount");
-        _optionalChain([onFriction, 'optionalCall', _13 => _13("amount_invalid")]);
+        _optionalChain([onFriction, 'optionalCall', _14 => _14("amount_invalid")]);
         return;
       }
     }
@@ -368,7 +379,7 @@ function WithdrawFormStep({
       await onSubmit(recipient, amount);
     } catch (err) {
       const raw = err instanceof Error ? err.message : "Withdrawal failed";
-      setError(_chunkN3AAT6BScjs.formatUserError.call(void 0, raw));
+      setError(_chunkCXRH5MKOcjs.formatUserError.call(void 0, raw));
     } finally {
       setIsSubmitting(false);
     }
@@ -377,6 +388,7 @@ function WithdrawFormStep({
     amount,
     balance,
     asset.decimals,
+    decimalsReady,
     accountAddress,
     depositAddress,
     onSubmit,
@@ -385,16 +397,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, _chunkN3AAT6BScjs.Spinner, { className: "rs-spinner--lg" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG264OM23cjs.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: "Please wait before withdrawing." })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3AAT6BScjs.PoweredBy, {})
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCXRH5MKOcjs.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, _chunkN3AAT6BScjs.BodyHeader, { icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3AAT6BScjs.CircleArrowOutUpLeftIcon, {}), title: "Withdraw" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG264OM23cjs.BodyHeader, { icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG264OM23cjs.CircleArrowOutUpLeftIcon, {}), title: "Withdraw" }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-section", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
           "label",
@@ -415,7 +427,7 @@ function WithdrawFormStep({
             onChange: (e) => {
               const next = e.target.value.trim();
               setRecipient(next);
-              _optionalChain([onRecipientChange, 'optionalCall', _14 => _14(next)]);
+              _optionalChain([onRecipientChange, 'optionalCall', _15 => _15(next)]);
               if (error) setError(null);
             }
           }
@@ -448,13 +460,13 @@ function WithdrawFormStep({
               type: "button",
               className: "rs-withdraw-max-btn",
               onClick: handleMaxClick,
-              disabled: balance === null,
+              disabled: balance === null || !decimalsReady,
               children: "Max"
             }
           ) })
         ] }),
         /* @__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 ? `~${_chunkN3AAT6BScjs.currencyFormatter.format(amountUsd)}` : "$0.00" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-withdraw-usd", children: amountUsd !== null ? `~${_chunkCXRH5MKOcjs.currencyFormatter.format(amountUsd)}` : "$0.00" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-withdraw-balance", children: [
             "Balance: ",
             formattedBalance,
@@ -485,9 +497,9 @@ function WithdrawFormStep({
                     children: [
                       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-dropdown-value", children: [
                         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                          _chunkN3AAT6BScjs.CdnIcon,
+                          _chunkCXRH5MKOcjs.CdnIcon,
                           {
-                            src: _chunkOY5N3E6Lcjs.getChainIcon.call(void 0, targetChain),
+                            src: _chunkFKJ6EJHHcjs.getChainIcon.call(void 0, targetChain),
                             alt: targetChainName,
                             className: "rs-withdraw-dropdown-icon"
                           }
@@ -495,7 +507,7 @@ function WithdrawFormStep({
                         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: targetChainName })
                       ] }),
                       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _chunkN3AAT6BScjs.ChevronDownIcon,
+                        _chunkG264OM23cjs.ChevronDownIcon,
                         {
                           className: "rs-withdraw-dropdown-arrow",
                           style: {
@@ -517,9 +529,9 @@ function WithdrawFormStep({
                     },
                     children: [
                       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _chunkN3AAT6BScjs.CdnIcon,
+                        _chunkCXRH5MKOcjs.CdnIcon,
                         {
-                          src: _chunkOY5N3E6Lcjs.getChainIcon.call(void 0, chain.id),
+                          src: _chunkFKJ6EJHHcjs.getChainIcon.call(void 0, chain.id),
                           alt: chain.name,
                           className: "rs-withdraw-dropdown-icon"
                         }
@@ -554,8 +566,9 @@ function WithdrawFormStep({
                     children: [
                       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-dropdown-value", children: [
                         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                          _chunkN3AAT6BScjs.TokenIcon,
+                          _chunkCXRH5MKOcjs.TokenIcon,
                           {
+                            token: { chain: targetChain, address: targetToken },
                             symbol: targetSymbol,
                             className: "rs-withdraw-dropdown-icon"
                           }
@@ -563,7 +576,7 @@ function WithdrawFormStep({
                         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: targetSymbol })
                       ] }),
                       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _chunkN3AAT6BScjs.ChevronDownIcon,
+                        _chunkG264OM23cjs.ChevronDownIcon,
                         {
                           className: "rs-withdraw-dropdown-arrow",
                           style: {
@@ -585,8 +598,9 @@ function WithdrawFormStep({
                     },
                     children: [
                       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        _chunkN3AAT6BScjs.TokenIcon,
+                        _chunkCXRH5MKOcjs.TokenIcon,
                         {
+                          token: { chain: targetChain, address: option.address },
                           symbol: option.symbol,
                           className: "rs-withdraw-dropdown-icon"
                         }
@@ -601,25 +615,26 @@ function WithdrawFormStep({
           )
         ] })
       ] }),
-      error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3AAT6BScjs.Callout, { variant: "error", children: error }),
-      !error && registrationError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3AAT6BScjs.Callout, { variant: "error", children: registrationError }),
+      error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCXRH5MKOcjs.Callout, { variant: "error", children: error }),
+      !error && registrationError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCXRH5MKOcjs.Callout, { variant: "error", children: registrationError }),
+      decimalsStatus === "unresolved" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCXRH5MKOcjs.Callout, { variant: "error", children: "This token's decimals couldn't be determined, so this withdrawal can't be prepared." }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkN3AAT6BScjs.Button,
+        _chunkCXRH5MKOcjs.Button,
         {
           onClick: handleWithdraw,
           fullWidth: true,
           loading: isBusy,
-          disabled: !recipient || !amount || isBusy || Boolean(registrationError) || // No token list for the selected chain yet. A destination published
+          disabled: !recipient || !amount || isBusy || !decimalsReady || Boolean(registrationError) || // No token list for the selected chain yet. A destination published
           // at runtime becomes selectable as soon as `/chains` resolves, which
           // can precede its addresses; submitting in that window would send
           // the previously selected chain's token address to a chain it does
           // not exist on.
           targetTokenOptions.length === 0,
-          children: isBusy ? "Preparing..." : registrationPending ? "Preparing session..." : targetTokenOptions.length === 0 ? "Loading tokens..." : !recipient ? "Enter Recipient Address" : !amount ? "Enter Withdraw Amount" : "Withdraw"
+          children: isBusy ? "Preparing..." : decimalsStatus === "pending" ? "Loading token..." : registrationPending ? "Preparing session..." : targetTokenOptions.length === 0 ? "Loading tokens..." : !recipient ? "Enter Recipient Address" : !amount ? "Enter Withdraw Amount" : "Withdraw"
         }
       )
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3AAT6BScjs.PoweredBy, {})
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCXRH5MKOcjs.PoweredBy, {})
   ] });
 }
 WithdrawFormStep.displayName = "WithdrawFormStep";
@@ -641,7 +656,7 @@ function WithdrawReviewStep({
   estimatedTime = "< 1 min",
   registrationPending = false,
   registrationError = null,
-  service,
+  targetSymbol: offeredTargetSymbol,
   onSubmittingChange,
   onConfirm,
   onError
@@ -651,25 +666,29 @@ function WithdrawReviewStep({
   const onSubmittingChangeRef = _react.useRef.call(void 0, onSubmittingChange);
   onSubmittingChangeRef.current = onSubmittingChange;
   _react.useEffect.call(void 0, () => {
-    _optionalChain([onSubmittingChangeRef, 'access', _15 => _15.current, 'optionalCall', _16 => _16(isSubmitting)]);
-    return () => _optionalChain([onSubmittingChangeRef, 'access', _17 => _17.current, 'optionalCall', _18 => _18(false)]);
+    _optionalChain([onSubmittingChangeRef, 'access', _16 => _16.current, 'optionalCall', _17 => _17(isSubmitting)]);
+    return () => _optionalChain([onSubmittingChangeRef, 'access', _18 => _18.current, 'optionalCall', _19 => _19(false)]);
   }, [isSubmitting]);
-  const sourceChainName = _chunkOY5N3E6Lcjs.getChainName.call(void 0, sourceChain);
-  const sourceChainIcon = _chunkOY5N3E6Lcjs.getChainIcon.call(void 0, sourceChain);
-  const targetSymbol = _chunkOY5N3E6Lcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
-  const targetChainName = _chunkOY5N3E6Lcjs.getChainName.call(void 0, targetChain);
-  const targetChainIcon = _chunkOY5N3E6Lcjs.getChainIcon.call(void 0, targetChain);
+  const sourceChainName = _chunkFKJ6EJHHcjs.getChainName.call(void 0, sourceChain);
+  const sourceChainIcon = _chunkFKJ6EJHHcjs.getChainIcon.call(void 0, sourceChain);
+  const [sourceDisplay, targetDisplay] = _chunkCXRH5MKOcjs.useTokenDisplays.call(void 0, [
+    { chain: sourceChain, address: sourceToken },
+    { chain: targetChain, address: targetToken }
+  ]);
+  const targetSymbol = _nullishCoalesce(offeredTargetSymbol, () => ( targetDisplay.symbol));
+  const targetChainName = _chunkFKJ6EJHHcjs.getChainName.call(void 0, targetChain);
+  const targetChainIcon = _chunkFKJ6EJHHcjs.getChainIcon.call(void 0, targetChain);
   const amountNumber = Number(amount);
-  const formattedSendAmount = _nullishCoalesce(_chunkN3AAT6BScjs.formatTokenAmount.call(void 0, amountNumber, sourceSymbol), () => ( amount));
-  const prices = _chunkN3AAT6BScjs.useTokenPrices.call(void 0, service, [
+  const formattedSendAmount = _nullishCoalesce(_chunkCXRH5MKOcjs.formatTokenAmount.call(void 0, amountNumber, sourceSymbol), () => ( amount));
+  const prices = _chunkCXRH5MKOcjs.useTokenPrices.call(void 0, [
     { chainId: sourceChain, address: sourceToken, symbol: sourceSymbol },
     { chainId: targetChain, address: targetToken, symbol: targetSymbol }
   ]);
-  const receiveDisplay = _nullishCoalesce(_chunkN3AAT6BScjs.formatReceiveEstimate.call(void 0, {
+  const receiveDisplay = _nullishCoalesce(_chunkCXRH5MKOcjs.formatReceiveEstimate.call(void 0, {
     sourceAmount: Number.isFinite(amountNumber) ? amountNumber : void 0,
     sourceSymbol,
     targetSymbol,
-    sourceTrusted: _chunkN3AAT6BScjs.isRecognizedToken.call(void 0, sourceToken, sourceChain),
+    sourceTrusted: sourceDisplay.curated,
     prices
   }), () => ( // No price for the target token — an honest dash beats a wrong number.
   "\u2014"));
@@ -681,11 +700,11 @@ function WithdrawReviewStep({
       await onConfirm();
     } catch (err) {
       const raw = err instanceof Error ? err.message : "Withdraw failed";
-      const uncertain = _chunkN3AAT6BScjs.isSubmissionUncertain.call(void 0, err);
-      const message = uncertain ? "Withdrawal status is uncertain. Check your activity before trying again." : _chunkN3AAT6BScjs.formatUserError.call(void 0, raw);
+      const uncertain = _chunkCXRH5MKOcjs.isSubmissionUncertain.call(void 0, err);
+      const message = uncertain ? "Withdrawal status is uncertain. Check your activity before trying again." : _chunkCXRH5MKOcjs.formatUserError.call(void 0, raw);
       if (uncertain) setSubmissionUncertain(true);
       setError(message);
-      _optionalChain([onError, 'optionalCall', _19 => _19(message, "WITHDRAW_REVIEW_ERROR", raw)]);
+      _optionalChain([onError, 'optionalCall', _20 => _20(message, "WITHDRAW_REVIEW_ERROR", raw)]);
     } finally {
       setIsSubmitting(false);
     }
@@ -694,9 +713,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, 
-        _chunkN3AAT6BScjs.BodyHeader,
+        _chunkG264OM23cjs.BodyHeader,
         {
-          icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3AAT6BScjs.CircleArrowOutUpLeftIcon, {}),
+          icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG264OM23cjs.CircleArrowOutUpLeftIcon, {}),
           title: "Review withdrawal"
         }
       ),
@@ -709,14 +728,20 @@ function WithdrawReviewStep({
               " ",
               sourceSymbol
             ] }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3AAT6BScjs.TokenIcon, { symbol: sourceSymbol }) })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkCXRH5MKOcjs.TokenIcon,
+              {
+                token: { chain: sourceChain, address: sourceToken },
+                symbol: sourceSymbol
+              }
+            ) })
           ] })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Source chain" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: sourceChainName }),
-            sourceChainIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3AAT6BScjs.CdnIcon, { src: sourceChainIcon }) })
+            sourceChainIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCXRH5MKOcjs.CdnIcon, { src: sourceChainIcon }) })
           ] })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
@@ -727,14 +752,20 @@ function WithdrawReviewStep({
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Receive" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: receiveDisplay }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3AAT6BScjs.TokenIcon, { symbol: targetSymbol }) })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkCXRH5MKOcjs.TokenIcon,
+              {
+                token: { chain: targetChain, address: targetToken },
+                symbol: targetSymbol
+              }
+            ) })
           ] })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Destination chain" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: targetChainName }),
-            targetChainIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3AAT6BScjs.CdnIcon, { src: targetChainIcon }) })
+            targetChainIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCXRH5MKOcjs.CdnIcon, { src: targetChainIcon }) })
           ] })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
@@ -742,10 +773,10 @@ function WithdrawReviewStep({
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-value", children: estimatedTime })
         ] })
       ] }),
-      error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3AAT6BScjs.Callout, { variant: "error", children: error }),
-      !error && registrationError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3AAT6BScjs.Callout, { variant: "error", children: registrationError }),
+      error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCXRH5MKOcjs.Callout, { variant: "error", children: error }),
+      !error && registrationError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCXRH5MKOcjs.Callout, { variant: "error", children: registrationError }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkN3AAT6BScjs.Button,
+        _chunkCXRH5MKOcjs.Button,
         {
           onClick: handleConfirm,
           loading: isSubmitting,
@@ -756,7 +787,7 @@ function WithdrawReviewStep({
         }
       )
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3AAT6BScjs.PoweredBy, {})
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCXRH5MKOcjs.PoweredBy, {})
   ] });
 }
 WithdrawReviewStep.displayName = "WithdrawReviewStep";
@@ -772,7 +803,7 @@ WithdrawReviewStep.displayName = "WithdrawReviewStep";
 
 
 function withdrawFailureReasonForError(error) {
-  if (_chunkN3AAT6BScjs.isSubmissionUncertain.call(void 0, error)) return "submission_uncertain";
+  if (_chunkCXRH5MKOcjs.isSubmissionUncertain.call(void 0, error)) return "submission_uncertain";
   const message = (error instanceof Error ? error.message : String(_nullishCoalesce(error, () => ( "")))).toLowerCase();
   if (message.includes("changed before submission")) {
     return "registration_target_changed";
@@ -931,7 +962,7 @@ function WithdrawAnalyticsControllerProvider({
   children,
   controllerRef
 }) {
-  const emit = _chunkN3AAT6BScjs.useWithdrawAnalyticsEmitter.call(void 0, );
+  const emit = _chunkCXRH5MKOcjs.useWithdrawAnalyticsEmitter.call(void 0, );
   const controller = _react.useMemo.call(void 0, 
     () => createWithdrawAnalyticsController(emit),
     [emit]
@@ -950,7 +981,7 @@ var REGISTRATION_DEBOUNCE_MS = 600;
 var WITHDRAW_INDEXING_DELAY_MS = 2e3;
 function targetsEqual(a, b) {
   if (!a) return false;
-  return a.chain === b.chain && a.token.toLowerCase() === b.token.toLowerCase() && (_nullishCoalesce(_optionalChain([a, 'access', _20 => _20.recipient, 'optionalAccess', _21 => _21.toLowerCase, 'call', _22 => _22()]), () => ( ""))) === (_nullishCoalesce(_optionalChain([b, 'access', _23 => _23.recipient, 'optionalAccess', _24 => _24.toLowerCase, 'call', _25 => _25()]), () => ( "")));
+  return a.chain === b.chain && a.token.toLowerCase() === b.token.toLowerCase() && (_nullishCoalesce(_optionalChain([a, 'access', _21 => _21.recipient, 'optionalAccess', _22 => _22.toLowerCase, 'call', _23 => _23()]), () => ( ""))) === (_nullishCoalesce(_optionalChain([b, 'access', _24 => _24.recipient, 'optionalAccess', _25 => _25.toLowerCase, 'call', _26 => _26()]), () => ( "")));
 }
 function WithdrawFlow({
   accountAddress,
@@ -971,11 +1002,11 @@ function WithdrawFlow({
   onError,
   debug
 }) {
-  const rpcUrls = _chunkN3AAT6BScjs.useRpcUrls.call(void 0, );
-  const onStepChangeRef = _chunkN3AAT6BScjs.useLatestRef.call(void 0, onStepChange);
+  const rpcUrls = _chunkCXRH5MKOcjs.useRpcUrls.call(void 0, );
+  const onStepChangeRef = _chunkG264OM23cjs.useLatestRef.call(void 0, onStepChange);
   const analytics = useWithdrawAnalyticsController();
-  const onLifecycleRef = _chunkN3AAT6BScjs.useLatestRef.call(void 0, onLifecycle);
-  const onErrorRef = _chunkN3AAT6BScjs.useLatestRef.call(void 0, onError);
+  const onLifecycleRef = _chunkG264OM23cjs.useLatestRef.call(void 0, onLifecycle);
+  const onErrorRef = _chunkG264OM23cjs.useLatestRef.call(void 0, onError);
   const isFlowActiveRef = _react.useRef.call(void 0, true);
   const submitGenerationRef = _react.useRef.call(void 0, 0);
   const lastSubmitFailureRef = _react.useRef.call(void 0, 
@@ -989,13 +1020,13 @@ function WithdrawFlow({
   }, []);
   const logFlow = _react.useCallback.call(void 0, 
     (message, data) => {
-      _chunkN3AAT6BScjs.debugLog.call(void 0, debug, "withdraw-flow", message, data);
+      _chunkCXRH5MKOcjs.debugLog.call(void 0, debug, "withdraw-flow", message, data);
     },
     [debug]
   );
   const logFlowError = _react.useCallback.call(void 0, 
     (message, error, data) => {
-      _chunkN3AAT6BScjs.debugError.call(void 0, debug, "withdraw-flow", message, error, data);
+      _chunkCXRH5MKOcjs.debugError.call(void 0, debug, "withdraw-flow", message, error, data);
     },
     [debug]
   );
@@ -1017,18 +1048,18 @@ function WithdrawFlow({
   const registration = useWithdrawStore((s) => s.registration);
   const flowStep = useWithdrawStore((s) => s.step);
   const reviewedRecipient = useWithdrawStore((s) => s.recipient);
-  const publicClient = _chunkN3AAT6BScjs.useReadClient.call(void 0, sourceChain, rpcUrls);
+  const publicClient = _chunkCXRH5MKOcjs.useReadClient.call(void 0, sourceChain, rpcUrls);
   const recipientForRegistration = _react.useMemo.call(void 0, () => {
     if (!recipientInput) return void 0;
     return ADDR_REGEX.test(recipientInput) ? recipientInput : void 0;
   }, [recipientInput]);
-  const onDestinationChangeRef = _chunkN3AAT6BScjs.useLatestRef.call(void 0, onDestinationChange);
+  const onDestinationChangeRef = _chunkG264OM23cjs.useLatestRef.call(void 0, onDestinationChange);
   const reportedDestinationRef = _react.useRef.call(void 0, void 0);
   _react.useEffect.call(void 0, () => {
     if (reportedDestinationRef.current === recipientForRegistration) return;
     const report = () => {
       reportedDestinationRef.current = recipientForRegistration;
-      _optionalChain([onDestinationChangeRef, 'access', _26 => _26.current, 'optionalCall', _27 => _27(recipientForRegistration)]);
+      _optionalChain([onDestinationChangeRef, 'access', _27 => _27.current, 'optionalCall', _28 => _28(recipientForRegistration)]);
     };
     if (!reportedDestinationRef.current) {
       report();
@@ -1058,7 +1089,7 @@ function WithdrawFlow({
           targetToken,
           recipient: recipientForRegistration
         });
-        const salt = _chunkN3AAT6BScjs.deriveAccountSalt.call(void 0, {
+        const salt = _chunkCXRH5MKOcjs.deriveAccountSalt.call(void 0, {
           recipient: recipientForRegistration,
           targetChain,
           targetToken
@@ -1066,7 +1097,7 @@ function WithdrawFlow({
         const { evmDepositAddress } = await service.registerManagedAccount({
           salt,
           target: {
-            chain: _chunkOY5N3E6Lcjs.targetChainToCaip2.call(void 0, targetChain),
+            chain: _chunkFKJ6EJHHcjs.targetChainToCaip2.call(void 0, targetChain),
             token: targetToken,
             recipient: recipientForRegistration
           }
@@ -1080,7 +1111,7 @@ function WithdrawFlow({
           smartAccount: evmDepositAddress,
           registeredTarget: desiredTarget
         });
-        _optionalChain([onLifecycleRef, 'access', _28 => _28.current, 'optionalCall', _29 => _29({
+        _optionalChain([onLifecycleRef, 'access', _29 => _29.current, 'optionalCall', _30 => _30({
           type: "connected",
           address: accountAddress,
           smartAccount: evmDepositAddress
@@ -1088,7 +1119,7 @@ function WithdrawFlow({
       } catch (err) {
         if (cancelled) return;
         const raw = err instanceof Error ? err.message : "Registration failed";
-        const message = _chunkN3AAT6BScjs.formatUserError.call(void 0, raw);
+        const message = _chunkCXRH5MKOcjs.formatUserError.call(void 0, raw);
         logFlowError("auto-register:failed", err, {
           accountAddress,
           targetChain,
@@ -1098,7 +1129,7 @@ function WithdrawFlow({
           type: "registration/failed",
           error: message
         });
-        _optionalChain([onErrorRef, 'access', _30 => _30.current, 'optionalCall', _31 => _31({ message, code: "WITHDRAW_REGISTER_FAILED" })]);
+        _optionalChain([onErrorRef, 'access', _31 => _31.current, 'optionalCall', _32 => _32({ message, code: "WITHDRAW_REGISTER_FAILED" })]);
       }
     }, REGISTRATION_DEBOUNCE_MS);
     return () => {
@@ -1118,19 +1149,22 @@ function WithdrawFlow({
     onLifecycleRef,
     onErrorRef
   ]);
+  const sourceDisplay = _chunkCXRH5MKOcjs.useTokenDisplay.call(void 0, sourceChain, sourceToken);
+  const { isLoading: catalogLoading } = _chunkCXRH5MKOcjs.useChainCatalog.call(void 0, );
+  const decimalsStatus = sourceDisplay.decimals !== void 0 ? "ready" : sourceDisplay.pending || catalogLoading ? "pending" : "unresolved";
   const asset = _react.useMemo.call(void 0, () => {
-    const symbol = _chunkOY5N3E6Lcjs.getTokenSymbol.call(void 0, sourceToken, sourceChain);
-    const decimals = _chunkOY5N3E6Lcjs.getTokenDecimalsByAddress.call(void 0, sourceToken, sourceChain);
+    const symbol = sourceDisplay.symbol;
     return {
-      id: _chunkN3AAT6BScjs.getAssetId.call(void 0, { chainId: sourceChain, token: sourceToken }),
+      id: _chunkCXRH5MKOcjs.getAssetId.call(void 0, { chainId: sourceChain, token: sourceToken }),
       chainId: sourceChain,
       token: sourceToken,
       symbol,
       name: symbol,
-      decimals
+      // Only read once `decimalsStatus` is ready; the form is blocked before.
+      decimals: _nullishCoalesce(sourceDisplay.decimals, () => ( 0))
     };
-  }, [sourceChain, sourceToken]);
-  const isSourceNative = sourceToken.toLowerCase() === _chunkOY5N3E6Lcjs.NATIVE_TOKEN_ADDRESS.toLowerCase();
+  }, [sourceChain, sourceToken, sourceDisplay.symbol, sourceDisplay.decimals]);
+  const isSourceNative = sourceToken.toLowerCase() === _chunkFKJ6EJHHcjs.NATIVE_TOKEN_ADDRESS.toLowerCase();
   const isSameRoute = targetChain === sourceChain && targetToken.toLowerCase() === sourceToken.toLowerCase();
   const reviewedTarget = reviewedRecipient ? {
     chain: targetChain,
@@ -1149,7 +1183,7 @@ function WithdrawFlow({
     storeApi.dispatch({ type: "review/back" });
   }, [analytics, storeApi]);
   _react.useEffect.call(void 0, () => {
-    _optionalChain([onStepChangeRef, 'access', _32 => _32.current, 'optionalCall', _33 => _33(
+    _optionalChain([onStepChangeRef, 'access', _33 => _33.current, 'optionalCall', _34 => _34(
       flowStep === "review" ? reviewBackHandler : void 0,
       flowStep
     )]);
@@ -1191,7 +1225,7 @@ function WithdrawFlow({
         analytics.friction("processor_status_poll_failed", "processing");
       }
       logFlowError("flow:error", _nullishCoalesce(cause, () => ( message)), { code });
-      _optionalChain([onErrorRef, 'access', _34 => _34.current, 'optionalCall', _35 => _35({ message, code, cause })]);
+      _optionalChain([onErrorRef, 'access', _35 => _35.current, 'optionalCall', _36 => _36({ message, code, cause })]);
     },
     [analytics, logFlowError, onErrorRef]
   );
@@ -1262,6 +1296,9 @@ function WithdrawFlow({
           targetChain,
           targetToken
         });
+        if (decimalsStatus !== "ready") {
+          throw new Error("Token decimals are unknown");
+        }
         const amountUnits = _viem.parseUnits.call(void 0, amountValue, asset.decimals);
         const result = await onSendTransaction({
           chainId: sourceChain,
@@ -1273,7 +1310,7 @@ function WithdrawFlow({
         if (!getMatchingRegistration()) {
           throw new Error("Withdrawal target changed before submission");
         }
-        if (!_optionalChain([result, 'optionalAccess', _36 => _36.txHash])) {
+        if (!_optionalChain([result, 'optionalAccess', _37 => _37.txHash])) {
           throw new Error("onSendTransaction did not return a txHash");
         }
         analytics.handoff(
@@ -1292,7 +1329,7 @@ function WithdrawFlow({
           sourceChain,
           sourceToken
         });
-        _optionalChain([onLifecycleRef, 'access', _37 => _37.current, 'optionalCall', _38 => _38({
+        _optionalChain([onLifecycleRef, 'access', _38 => _38.current, 'optionalCall', _39 => _39({
           type: "submitted",
           txHash: result.txHash,
           sourceChain,
@@ -1320,7 +1357,7 @@ function WithdrawFlow({
           targetChain,
           targetToken
         });
-        handleError(_chunkN3AAT6BScjs.formatUserError.call(void 0, raw), "WITHDRAW_FLOW_ERROR");
+        handleError(_chunkCXRH5MKOcjs.formatUserError.call(void 0, raw), "WITHDRAW_FLOW_ERROR");
         throw err;
       }
     },
@@ -1329,6 +1366,7 @@ function WithdrawFlow({
       targetChain,
       targetToken,
       asset.decimals,
+      decimalsStatus,
       accountAddress,
       sourceToken,
       sourceChain,
@@ -1346,7 +1384,7 @@ function WithdrawFlow({
       analytics.openStep("processing");
       analytics.outcome("completed");
       logFlow("withdraw:complete", { txHash, destinationTxHash, ...context });
-      _optionalChain([onLifecycleRef, 'access', _39 => _39.current, 'optionalCall', _40 => _40({
+      _optionalChain([onLifecycleRef, 'access', _40 => _40.current, 'optionalCall', _41 => _41({
         type: "complete",
         txHash,
         destinationTxHash,
@@ -1370,7 +1408,7 @@ function WithdrawFlow({
       analytics.outcome("failed");
       analytics.failure("processor_failed", false, "processing");
       logFlowError("withdraw:failed", error, { txHash });
-      _optionalChain([onLifecycleRef, 'access', _41 => _41.current, 'optionalCall', _42 => _42({
+      _optionalChain([onLifecycleRef, 'access', _42 => _42.current, 'optionalCall', _43 => _43({
         type: "failed",
         txHash,
         error
@@ -1379,8 +1417,8 @@ function WithdrawFlow({
     },
     [analytics, logFlowError, onLifecycleRef, storeApi]
   );
-  const targetChainOptions = _chunkN3AAT6BScjs.useDestinationChains.call(void 0, );
-  const targetTokensFor = _chunkN3AAT6BScjs.useTargetTokens.call(void 0, );
+  const targetChainOptions = _chunkCXRH5MKOcjs.useDestinationChains.call(void 0, );
+  const targetTokensFor = _chunkCXRH5MKOcjs.useTargetTokens.call(void 0, );
   const targetTokenOptions = _react.useMemo.call(void 0, 
     () => targetTokensFor(targetChain),
     [targetChain, targetTokensFor]
@@ -1435,6 +1473,7 @@ function WithdrawFlow({
         onTargetTokenChange: handleTargetTokenChange,
         registrationPending: registration.kind === "pending" || registration.kind === "stale",
         registrationError: registration.kind === "failed" ? registration.error : null,
+        decimalsStatus,
         onRecipientChange: setRecipientInput,
         onSubmit: async (r, a) => handleFormContinue(r, a),
         onFriction: handleFormFriction
@@ -1450,7 +1489,9 @@ function WithdrawFlow({
         targetToken,
         amount: _nullishCoalesce(storeApi.getState().amount, () => ( "0")),
         recipient: _nullishCoalesce(_nullishCoalesce(storeApi.getState().recipient, () => ( recipientForRegistration)), () => ( "0x0")),
-        service,
+        targetSymbol: _optionalChain([targetTokenOptions, 'access', _44 => _44.find, 'call', _45 => _45(
+          (option) => option.address.toLowerCase() === targetToken.toLowerCase()
+        ), 'optionalAccess', _46 => _46.symbol]),
         registrationPending: registration.kind === "pending" || registration.kind === "stale" || !isReviewedTargetReady,
         registrationError: registration.kind === "failed" ? registration.error : null,
         onSubmittingChange,
@@ -1459,7 +1500,7 @@ function WithdrawFlow({
       }
     ),
     stepView === "processing" && registration.kind !== "idle" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkN3AAT6BScjs.ProcessingStep,
+      _chunkCXRH5MKOcjs.ProcessingStep,
       {
         smartAccount: _nullishCoalesce(storeApi.getState().processingSmartAccount, () => ( (registration.kind === "ready" || registration.kind === "stale" ? registration.smartAccount : "0x0"))),
         txHash: _nullishCoalesce(storeApi.getState().txHash, () => ( "0x0")),
@@ -1529,7 +1570,7 @@ function buildWithdrawAnalyticsSessionProperties({
       recipient: recipient !== void 0,
       amount: defaultAmount !== void 0
     },
-    ..._chunkN3AAT6BScjs.analyticsTargetProperties.call(void 0, {
+    ..._chunkCXRH5MKOcjs.analyticsTargetProperties.call(void 0, {
       targetChain: seedTargetChain,
       targetToken: seedTargetToken
     })
@@ -1570,10 +1611,10 @@ function WithdrawModal({
   onUiState,
   ...removedProps
 }) {
-  _chunkN3AAT6BScjs.warnRemovedProps.call(void 0, "WithdrawModal", removedProps);
-  _chunkN3AAT6BScjs.checkBackendUrl.call(void 0, "WithdrawModal", backendUrl);
+  _chunkCXRH5MKOcjs.warnRemovedProps.call(void 0, "WithdrawModal", removedProps);
+  _chunkCXRH5MKOcjs.checkBackendUrl.call(void 0, "WithdrawModal", backendUrl);
   const modalRef = _react.useRef.call(void 0, null);
-  const onReadyRef = _chunkN3AAT6BScjs.useLatestRef.call(void 0, onReady);
+  const onReadyRef = _chunkG264OM23cjs.useLatestRef.call(void 0, onReady);
   const analyticsControllerRef = _react.useRef.call(void 0, 
     null
   );
@@ -1587,23 +1628,23 @@ function WithdrawModal({
   const [historyRecipient, setHistoryRecipient] = _react.useState.call(void 0, 
     recipient
   );
-  const onUiStateRef = _chunkN3AAT6BScjs.useLatestRef.call(void 0, onUiState);
-  const targetChain = _chunkOY5N3E6Lcjs.getChainId.call(void 0, _nullishCoalesce(targetChainProp, () => ( sourceChainProp)));
-  const sourceChain = _chunkOY5N3E6Lcjs.getChainId.call(void 0, sourceChainProp);
-  const rpcUrls = _chunkN3AAT6BScjs.useStableRpcUrls.call(void 0, rpcUrlsProp);
+  const onUiStateRef = _chunkG264OM23cjs.useLatestRef.call(void 0, onUiState);
+  const targetChain = _chunkFKJ6EJHHcjs.getChainId.call(void 0, _nullishCoalesce(targetChainProp, () => ( sourceChainProp)));
+  const sourceChain = _chunkFKJ6EJHHcjs.getChainId.call(void 0, sourceChainProp);
+  const rpcUrls = _chunkCXRH5MKOcjs.useStableRpcUrls.call(void 0, rpcUrlsProp);
   const service = _react.useMemo.call(void 0, 
-    () => _chunkN3AAT6BScjs.createDepositService.call(void 0, backendUrl, { debug, debugScope: "service:withdraw" }),
+    () => _chunkCXRH5MKOcjs.createDepositService.call(void 0, backendUrl, { debug, debugScope: "service:withdraw" }),
     [backendUrl, debug]
   );
   const historyAnalytics = _react.useMemo.call(void 0, 
-    () => _chunkN3AAT6BScjs.createHistoryAnalytics.call(void 0, {
+    () => _chunkCXRH5MKOcjs.createHistoryAnalytics.call(void 0, {
       modal: "withdraw",
       controllerRef: analyticsControllerRef,
       sessionIdRef: analyticsSessionIdRef
     }),
     []
   );
-  const history = _chunkN3AAT6BScjs.useHistoryPanel.call(void 0, {
+  const history = _chunkCXRH5MKOcjs.useHistoryPanel.call(void 0, {
     isOpen,
     recipient: historyRecipient,
     service,
@@ -1611,20 +1652,20 @@ function WithdrawModal({
     analytics: historyAnalytics
   });
   const { markStale: markHistoryStale, recoverySubmitting } = history;
-  const historyButtonVisible = _chunkN3AAT6BScjs.isHistoryEntryVisible.call(void 0, {
+  const historyButtonVisible = _chunkCXRH5MKOcjs.isHistoryEntryVisible.call(void 0, {
     screen,
     submitting,
     settled: false
   });
   const store = _react.useMemo.call(void 0, () => createWithdrawStore(), []);
-  const onErrorRef = _chunkN3AAT6BScjs.useLatestRef.call(void 0, onError);
+  const onErrorRef = _chunkG264OM23cjs.useLatestRef.call(void 0, onError);
   _react.useEffect.call(void 0, () => {
     if (isOpen && typeof onSendTransaction !== "function") {
-      _optionalChain([onErrorRef, 'access', _43 => _43.current, 'optionalCall', _44 => _44({
+      _optionalChain([onErrorRef, 'access', _47 => _47.current, 'optionalCall', _48 => _48({
         message: "WithdrawModal requires an `onSendTransaction` function.",
         code: "WITHDRAW_MISSING_SEND_TRANSACTION"
       })]);
-      _optionalChain([analyticsControllerRef, 'access', _45 => _45.current, 'optionalAccess', _46 => _46.failure, 'call', _47 => _47(
+      _optionalChain([analyticsControllerRef, 'access', _49 => _49.current, 'optionalAccess', _50 => _50.failure, 'call', _51 => _51(
         "submission_handler_missing",
         false,
         "form"
@@ -1635,8 +1676,8 @@ function WithdrawModal({
     (source) => {
       if (submitting || recoverySubmitting) return;
       const analytics = analyticsControllerRef.current;
-      _optionalChain([analytics, 'optionalAccess', _48 => _48.abandon, 'call', _49 => _49("modal_close")]);
-      _optionalChain([analytics, 'optionalAccess', _50 => _50.close, 'call', _51 => _51(source)]);
+      _optionalChain([analytics, 'optionalAccess', _52 => _52.abandon, 'call', _53 => _53("modal_close")]);
+      _optionalChain([analytics, 'optionalAccess', _54 => _54.close, 'call', _55 => _55(source)]);
       onClose();
     },
     [onClose, submitting, recoverySubmitting]
@@ -1652,18 +1693,18 @@ function WithdrawModal({
   _react.useEffect.call(void 0, () => {
     if (previousOpenRef.current && !isOpen) {
       const analytics = analyticsControllerRef.current;
-      _optionalChain([analytics, 'optionalAccess', _52 => _52.abandon, 'call', _53 => _53("modal_close")]);
-      _optionalChain([analytics, 'optionalAccess', _54 => _54.close, 'call', _55 => _55("host_controlled")]);
+      _optionalChain([analytics, 'optionalAccess', _56 => _56.abandon, 'call', _57 => _57("modal_close")]);
+      _optionalChain([analytics, 'optionalAccess', _58 => _58.close, 'call', _59 => _59("host_controlled")]);
     }
     previousOpenRef.current = isOpen;
   }, [isOpen]);
   _react.useEffect.call(void 0, () => {
     if (!isOpen || !modalRef.current) return;
-    return _chunkN3AAT6BScjs.applyTheme.call(void 0, modalRef.current, theme);
+    return _chunkCXRH5MKOcjs.applyTheme.call(void 0, modalRef.current, theme);
   }, [isOpen, theme]);
   _react.useEffect.call(void 0, () => {
     if (isOpen) {
-      _optionalChain([onReadyRef, 'access', _56 => _56.current, 'optionalCall', _57 => _57()]);
+      _optionalChain([onReadyRef, 'access', _60 => _60.current, 'optionalCall', _61 => _61()]);
     }
   }, [isOpen, onReadyRef]);
   _react.useEffect.call(void 0, () => {
@@ -1677,7 +1718,7 @@ function WithdrawModal({
     if (next) setScreen(next);
   }, []);
   _react.useEffect.call(void 0, () => {
-    _optionalChain([onUiStateRef, 'access', _58 => _58.current, 'optionalCall', _59 => _59({
+    _optionalChain([onUiStateRef, 'access', _62 => _62.current, 'optionalCall', _63 => _63({
       screen,
       back: backHandler,
       // A transfer or a recovery in flight is a submission whose outcome is
@@ -1685,10 +1726,10 @@ function WithdrawModal({
       submitting: submitting || recoverySubmitting
     })]);
   }, [screen, backHandler, submitting, recoverySubmitting, onUiStateRef]);
-  const onLifecycleRef = _chunkN3AAT6BScjs.useLatestRef.call(void 0, onLifecycle);
+  const onLifecycleRef = _chunkG264OM23cjs.useLatestRef.call(void 0, onLifecycle);
   const handleLifecycle = _react.useCallback.call(void 0, 
     (event) => {
-      _optionalChain([onLifecycleRef, 'access', _60 => _60.current, 'optionalCall', _61 => _61(event)]);
+      _optionalChain([onLifecycleRef, 'access', _64 => _64.current, 'optionalCall', _65 => _65(event)]);
       if (event.type === "submitted" || event.type === "complete" || event.type === "failed") {
         markHistoryStale();
       }
@@ -1705,10 +1746,10 @@ function WithdrawModal({
     seedTargetChain: targetChain,
     seedTargetToken: _nullishCoalesce(targetToken, () => ( sourceToken))
   });
-  const showBackButton = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _62 => _62.showBackButton]), () => ( true));
+  const showBackButton = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _66 => _66.showBackButton]), () => ( true));
   const canGoBack = backHandler !== void 0 && !submitting;
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3AAT6BScjs.RpcUrlsProvider, { value: rpcUrls, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3AAT6BScjs.ChainCatalogProvider, { service, rpcUrls, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WithdrawStoreProvider, { store, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkN3AAT6BScjs.Modal,
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCXRH5MKOcjs.RpcUrlsProvider, { value: rpcUrls, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCXRH5MKOcjs.ChainCatalogProvider, { service, rpcUrls, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCXRH5MKOcjs.AssetMetadataProvider, { service, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WithdrawStoreProvider, { store, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkCXRH5MKOcjs.Modal,
     {
       isOpen,
       onClose: handleModalDismiss,
@@ -1717,7 +1758,7 @@ function WithdrawModal({
       closeOnOverlayClick,
       ariaLabel: "Withdraw",
       children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkN3AAT6BScjs.AnalyticsSession,
+        _chunkCXRH5MKOcjs.AnalyticsSession,
         {
           modal: "withdraw",
           sessionProperties: analyticsSessionProperties,
@@ -1739,12 +1780,12 @@ function WithdrawModal({
                       className: "rs-modal-header-back",
                       "aria-label": "Go back",
                       onClick: backHandler,
-                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3AAT6BScjs.ChevronLeftIcon, {})
+                      children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG264OM23cjs.ChevronLeftIcon, {})
                     }
                   ) }),
                   /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-modal-header-nav-right", children: [
                     historyButtonVisible && historyRecipient && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                      _chunkN3AAT6BScjs.HistoryEntryButton,
+                      _chunkCXRH5MKOcjs.HistoryEntryButton,
                       {
                         badge: history.badge,
                         onClick: history.openPanel
@@ -1757,7 +1798,7 @@ function WithdrawModal({
                         onClick: () => closeWithSource("header_button"),
                         className: "rs-modal-close",
                         "aria-label": "Close",
-                        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkN3AAT6BScjs.CloseIcon, {})
+                        children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG264OM23cjs.CloseIcon, {})
                       }
                     )
                   ] })
@@ -1785,7 +1826,7 @@ function WithdrawModal({
                   }
                 ),
                 history.isPanelOpen && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  _chunkN3AAT6BScjs.HistoryOverlay,
+                  _chunkCXRH5MKOcjs.HistoryOverlay,
                   {
                     controller: history,
                     backLabel: "Withdraw",
@@ -1810,7 +1851,7 @@ function WithdrawModal({
         }
       )
     }
-  ) }) }) });
+  ) }) }) }) });
 }