@rhinestone/deposit-modal 0.1.31 → 0.1.32

package/dist/{chunk-SLI5FHTT.mjs → chunk-RR25E5DZ.mjs}

@@ -16,7 +16,7 @@ import {
   isNativeAsset,
   loadSessionOwnerFromStorage,
   saveSessionOwnerToStorage
-} from "./chunk-EVU7M7A6.mjs";
+} from "./chunk-DLFUXLAM.mjs";
 import {
   DEFAULT_BACKEND_URL,
   DEFAULT_SIGNER_ADDRESS,
@@ -29,7 +29,7 @@ import {
   getTokenDecimalsByAddress,
   getTokenIcon,
   getTokenSymbol
-} from "./chunk-3ICS43XC.mjs";
+} from "./chunk-C6I5TFSL.mjs";
 
 // src/WithdrawModal.tsx
 import {
@@ -48,7 +48,7 @@ import { useCallback as useCallback2, useEffect as useEffect2, useMemo as useMem
 // src/components/steps/WithdrawFormStep.tsx
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
 import { erc20Abi, formatUnits, parseUnits } from "viem";
-import { jsx, jsxs } from "react/jsx-runtime";
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 function useClickOutside(ref, onClose) {
   useEffect(() => {
     function handleClick(e) {
@@ -75,6 +75,7 @@ function WithdrawFormStep({
   onTargetChainChange,
   onTargetTokenChange,
   switchChain,
+  walletIcon,
   submitting = false,
   onSubmit,
   onBalanceUsdChange
@@ -264,14 +265,22 @@ function WithdrawFormStep({
               }
             }
           ),
-          address && /* @__PURE__ */ jsxs(
+          address && /* @__PURE__ */ jsx(
             "button",
             {
               type: "button",
               className: `rs-withdraw-use-connected ${isRecipientConnected ? "rs-withdraw-use-connected--active" : ""}`,
               onClick: handleUseConnected,
               title: isRecipientConnected ? "Using connected wallet" : "Use connected wallet",
-              children: [
+              children: walletIcon ? /* @__PURE__ */ jsx(
+                "img",
+                {
+                  src: walletIcon,
+                  alt: "Wallet",
+                  style: { width: 18, height: 18, borderRadius: 4 },
+                  className: "rs-withdraw-use-connected-icon"
+                }
+              ) : /* @__PURE__ */ jsxs(Fragment, { children: [
                 /* @__PURE__ */ jsx(
                   "svg",
                   {
@@ -291,7 +300,7 @@ function WithdrawFormStep({
                   }
                 ),
                 isRecipientConnected ? null : "Wallet"
-              ]
+              ] })
             }
           )
         ] })
@@ -860,6 +869,7 @@ function WithdrawFlow({
   waitForFinalTx = true,
   reownWallet,
   onConnect,
+  onDisconnect,
   onSignTransaction,
   onRequestConnect,
   connectButtonLabel,
@@ -905,7 +915,8 @@ function WithdrawFlow({
       options.push({
         address: reownWallet.address,
         label: "External Wallet",
-        kind: "external"
+        kind: "external",
+        icon: reownWallet.icon
       });
     }
     return options;
@@ -1236,6 +1247,7 @@ function WithdrawFlow({
         onSelectAddress: setSelectedConnectAddress,
         onRequestConnect,
         onConnect,
+        onDisconnect,
         onContinue: () => {
           if (selectedConnectAddressEffective) {
             setSelectedConnectAddress(selectedConnectAddressEffective);
@@ -1250,6 +1262,12 @@ function WithdrawFlow({
   if (!onSignTransaction && !signerContext.walletClient) return null;
   const ownerAddress = signerContext.ownerAddress;
   const formPublicClient = signerContext.publicClient ?? getPublicClient(sourceChain);
+  const selectedWalletIcon = useMemo2(() => {
+    const selected = walletOptions.find(
+      (o) => o.address.toLowerCase() === ownerAddress.toLowerCase()
+    );
+    return selected?.icon ?? reownWallet?.icon;
+  }, [walletOptions, ownerAddress, reownWallet?.icon]);
   return /* @__PURE__ */ jsxs2("div", { className: "rs-modal-body", children: [
     step.type === "form" && /* @__PURE__ */ jsx2(
       WithdrawFormStep,
@@ -1268,6 +1286,7 @@ function WithdrawFlow({
         onTargetChainChange: handleTargetChainChange,
         onTargetTokenChange: handleTargetTokenChange,
         switchChain: signerContext.switchChain,
+        walletIcon: selectedWalletIcon,
         submitting: isSubmitting,
         onSubmit: handleFormSubmit,
         onBalanceUsdChange: setTotalBalanceUsd
@@ -1281,7 +1300,6 @@ function WithdrawFlow({
         sourceChain: step.sourceChain,
         sourceToken: step.sourceToken,
         targetChain,
-        targetToken,
         amount: step.amount,
         waitForFinalTx,
         service,
@@ -1300,7 +1318,7 @@ function WithdrawFlow({
 // src/WithdrawModal.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var ReownWithdrawInner = lazy(
-  () => import("./WithdrawModalReown-DMDRLYTE.mjs").then((m) => ({
+  () => import("./WithdrawModalReown-YGGV7BL2.mjs").then((m) => ({
     default: m.WithdrawModalReown
   }))
 );
@@ -1333,6 +1351,7 @@ function WithdrawModalInner({
   waitForFinalTx = true,
   reownWallet,
   onConnect,
+  onDisconnect,
   onSignTransaction,
   onRequestConnect,
   connectButtonLabel,
@@ -1501,6 +1520,7 @@ function WithdrawModalInner({
             waitForFinalTx,
             reownWallet,
             onConnect,
+            onDisconnect,
             onSignTransaction,
             onRequestConnect,
             connectButtonLabel,

package/dist/{chunk-PE6OK3FH.cjs → chunk-S4UBVD3H.cjs}

@@ -341,6 +341,9 @@ function getTokenSymbol(token, chainId) {
   }
   return "Token";
 }
+function isStablecoinSymbol(symbol) {
+  return /^(usdc|usdt|dai|usd)$/i.test(symbol);
+}
 var CHAIN_BADGES = {
   [_chains.mainnet.id]: { shortLabel: "ETH", color: "#627EEA", bg: "#EEF2FF" },
   [_chains.base.id]: { shortLabel: "Base", color: "#0052FF", bg: "#E7F0FF" },
@@ -427,4 +430,5 @@ function getTokenIcon(symbol) {
 
 
 
-exports.DEFAULT_BACKEND_URL = DEFAULT_BACKEND_URL; exports.DEFAULT_SIGNER_ADDRESS = DEFAULT_SIGNER_ADDRESS; exports.NATIVE_TOKEN_ADDRESS = NATIVE_TOKEN_ADDRESS; exports.CHAIN_BY_ID = CHAIN_BY_ID; exports.SOURCE_CHAINS = SOURCE_CHAINS; exports.SUPPORTED_CHAINS = SUPPORTED_CHAINS; exports.chainRegistry = chainRegistry; exports.getChainId = getChainId; exports.getChainObject = getChainObject; exports.getUsdcAddress = getUsdcAddress; exports.getUsdcDecimals = getUsdcDecimals; exports.getTokenAddress = getTokenAddress; exports.getTokenDecimals = getTokenDecimals; exports.getTargetTokenSymbolsForChain = getTargetTokenSymbolsForChain; exports.getSupportedTokenSymbolsForChain = getSupportedTokenSymbolsForChain; exports.getSupportedChainIds = getSupportedChainIds; exports.isSupportedTokenAddressForChain = isSupportedTokenAddressForChain; exports.getSupportedTargetTokens = getSupportedTargetTokens; exports.getTokenDecimalsByAddress = getTokenDecimalsByAddress; exports.findChainIdForToken = findChainIdForToken; exports.getTokenSymbol = getTokenSymbol; exports.getChainName = getChainName; exports.getChainBadge = getChainBadge; exports.getExplorerUrl = getExplorerUrl; exports.getExplorerTxUrl = getExplorerTxUrl; exports.getExplorerName = getExplorerName; exports.getChainIcon = getChainIcon; exports.getTokenIcon = getTokenIcon;
+
+exports.DEFAULT_BACKEND_URL = DEFAULT_BACKEND_URL; exports.DEFAULT_SIGNER_ADDRESS = DEFAULT_SIGNER_ADDRESS; exports.NATIVE_TOKEN_ADDRESS = NATIVE_TOKEN_ADDRESS; exports.CHAIN_BY_ID = CHAIN_BY_ID; exports.SOURCE_CHAINS = SOURCE_CHAINS; exports.SUPPORTED_CHAINS = SUPPORTED_CHAINS; exports.chainRegistry = chainRegistry; exports.getChainId = getChainId; exports.getChainObject = getChainObject; exports.getUsdcAddress = getUsdcAddress; exports.getUsdcDecimals = getUsdcDecimals; exports.getTokenAddress = getTokenAddress; exports.getTokenDecimals = getTokenDecimals; exports.getTargetTokenSymbolsForChain = getTargetTokenSymbolsForChain; exports.getSupportedTokenSymbolsForChain = getSupportedTokenSymbolsForChain; exports.getSupportedChainIds = getSupportedChainIds; exports.isSupportedTokenAddressForChain = isSupportedTokenAddressForChain; exports.getSupportedTargetTokens = getSupportedTargetTokens; exports.getTokenDecimalsByAddress = getTokenDecimalsByAddress; exports.findChainIdForToken = findChainIdForToken; exports.getTokenSymbol = getTokenSymbol; exports.isStablecoinSymbol = isStablecoinSymbol; exports.getChainName = getChainName; exports.getChainBadge = getChainBadge; exports.getExplorerUrl = getExplorerUrl; exports.getExplorerTxUrl = getExplorerTxUrl; exports.getExplorerName = getExplorerName; exports.getChainIcon = getChainIcon; exports.getTokenIcon = getTokenIcon;

package/dist/{chunk-SZ35G2DT.cjs → chunk-SQDXU7ML.cjs}

@@ -16,7 +16,7 @@
 
 
 
-var _chunkG2RDCQHLcjs = require('./chunk-G2RDCQHL.cjs');
+var _chunkYIHOACM3cjs = require('./chunk-YIHOACM3.cjs');
 
 
 
@@ -29,7 +29,7 @@ var _chunkG2RDCQHLcjs = require('./chunk-G2RDCQHL.cjs');
 
 
 
-var _chunkPE6OK3FHcjs = require('./chunk-PE6OK3FH.cjs');
+var _chunkS4UBVD3Hcjs = require('./chunk-S4UBVD3H.cjs');
 
 // src/WithdrawModal.tsx
 
@@ -75,6 +75,7 @@ function WithdrawFormStep({
   onTargetChainChange,
   onTargetTokenChange,
   switchChain,
+  walletIcon,
   submitting = false,
   onSubmit,
   onBalanceUsdChange
@@ -101,8 +102,8 @@ function WithdrawFormStep({
   const chainMismatch = Boolean(
     _optionalChain([walletClient, 'optionalAccess', _3 => _3.chain, 'optionalAccess', _4 => _4.id]) && walletClient.chain.id !== asset.chainId
   );
-  const targetSymbol = _chunkPE6OK3FHcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
-  const targetChainName = _chunkPE6OK3FHcjs.getChainName.call(void 0, targetChain);
+  const targetSymbol = _chunkS4UBVD3Hcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
+  const targetChainName = _chunkS4UBVD3Hcjs.getChainName.call(void 0, targetChain);
   const isBusy = submitting || isSubmitting;
   _react.useEffect.call(void 0, () => {
     if (chainMismatch && switchChain && !hasAttemptedSwitch.current) {
@@ -110,7 +111,7 @@ function WithdrawFormStep({
       setIsSwitching(true);
       switchChain(asset.chainId).catch((err) => {
         const raw = err instanceof Error ? err.message : "Failed to switch chain";
-        setError(_chunkG2RDCQHLcjs.formatUserError.call(void 0, raw));
+        setError(_chunkYIHOACM3cjs.formatUserError.call(void 0, raw));
       }).finally(() => {
         setIsSwitching(false);
       });
@@ -127,7 +128,7 @@ function WithdrawFormStep({
         return;
       }
       try {
-        const bal = _chunkG2RDCQHLcjs.isNativeAsset.call(void 0, asset) ? await publicClient.getBalance({ address: safeAddress }) : await publicClient.readContract({
+        const bal = _chunkYIHOACM3cjs.isNativeAsset.call(void 0, asset) ? await publicClient.getBalance({ address: safeAddress }) : await publicClient.readContract({
           address: asset.token,
           abi: _viem.erc20Abi,
           functionName: "balanceOf",
@@ -229,7 +230,7 @@ function WithdrawFormStep({
       await onSubmit(recipient, amount);
     } catch (err) {
       const raw = err instanceof Error ? err.message : "Withdrawal failed";
-      setError(_chunkG2RDCQHLcjs.formatUserError.call(void 0, raw));
+      setError(_chunkYIHOACM3cjs.formatUserError.call(void 0, raw));
     } finally {
       setIsSubmitting(false);
     }
@@ -241,7 +242,7 @@ function WithdrawFormStep({
       await switchChain(asset.chainId);
     } catch (err) {
       const raw = err instanceof Error ? err.message : "Failed to switch chain";
-      setError(_chunkG2RDCQHLcjs.formatUserError.call(void 0, raw));
+      setError(_chunkYIHOACM3cjs.formatUserError.call(void 0, raw));
     } finally {
       setIsSwitching(false);
     }
@@ -264,14 +265,22 @@ function WithdrawFormStep({
               }
             }
           ),
-          address && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+          address && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "button",
             {
               type: "button",
               className: `rs-withdraw-use-connected ${isRecipientConnected ? "rs-withdraw-use-connected--active" : ""}`,
               onClick: handleUseConnected,
               title: isRecipientConnected ? "Using connected wallet" : "Use connected wallet",
-              children: [
+              children: walletIcon ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                "img",
+                {
+                  src: walletIcon,
+                  alt: "Wallet",
+                  style: { width: 18, height: 18, borderRadius: 4 },
+                  className: "rs-withdraw-use-connected-icon"
+                }
+              ) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
                 /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "svg",
                   {
@@ -291,7 +300,7 @@ function WithdrawFormStep({
                   }
                 ),
                 isRecipientConnected ? null : "Wallet"
-              ]
+              ] })
             }
           )
         ] })
@@ -331,7 +340,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 ? _chunkG2RDCQHLcjs.currencyFormatter.format(amountUsd) : "$0.00" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-withdraw-usd", children: amountUsd !== null ? _chunkYIHOACM3cjs.currencyFormatter.format(amountUsd) : "$0.00" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-withdraw-balance", children: [
             formattedBalance,
             " ",
@@ -359,10 +368,10 @@ function WithdrawFormStep({
                     },
                     children: [
                       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-dropdown-value", children: [
-                        _chunkPE6OK3FHcjs.getTokenIcon.call(void 0, targetSymbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        _chunkS4UBVD3Hcjs.getTokenIcon.call(void 0, targetSymbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                           "img",
                           {
-                            src: _chunkPE6OK3FHcjs.getTokenIcon.call(void 0, targetSymbol),
+                            src: _chunkS4UBVD3Hcjs.getTokenIcon.call(void 0, targetSymbol),
                             alt: targetSymbol,
                             className: "rs-withdraw-dropdown-icon"
                           }
@@ -403,10 +412,10 @@ function WithdrawFormStep({
                       setShowTokenDropdown(false);
                     },
                     children: [
-                      _chunkPE6OK3FHcjs.getTokenIcon.call(void 0, option.symbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      _chunkS4UBVD3Hcjs.getTokenIcon.call(void 0, option.symbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                         "img",
                         {
-                          src: _chunkPE6OK3FHcjs.getTokenIcon.call(void 0, option.symbol),
+                          src: _chunkS4UBVD3Hcjs.getTokenIcon.call(void 0, option.symbol),
                           alt: option.symbol,
                           className: "rs-withdraw-dropdown-icon"
                         }
@@ -439,10 +448,10 @@ function WithdrawFormStep({
                     },
                     children: [
                       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-dropdown-value", children: [
-                        _chunkPE6OK3FHcjs.getChainIcon.call(void 0, targetChain) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        _chunkS4UBVD3Hcjs.getChainIcon.call(void 0, targetChain) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                           "img",
                           {
-                            src: _chunkPE6OK3FHcjs.getChainIcon.call(void 0, targetChain),
+                            src: _chunkS4UBVD3Hcjs.getChainIcon.call(void 0, targetChain),
                             alt: targetChainName,
                             className: "rs-withdraw-dropdown-icon"
                           }
@@ -483,10 +492,10 @@ function WithdrawFormStep({
                       setShowChainDropdown(false);
                     },
                     children: [
-                      _chunkPE6OK3FHcjs.getChainIcon.call(void 0, chain.id) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      _chunkS4UBVD3Hcjs.getChainIcon.call(void 0, chain.id) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                         "img",
                         {
-                          src: _chunkPE6OK3FHcjs.getChainIcon.call(void 0, chain.id),
+                          src: _chunkS4UBVD3Hcjs.getChainIcon.call(void 0, chain.id),
                           alt: chain.name,
                           className: "rs-withdraw-dropdown-icon"
                         }
@@ -504,11 +513,11 @@ function WithdrawFormStep({
       chainMismatch && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-chain-switch", children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-chain-switch-text", children: [
           "Switch to ",
-          _chunkPE6OK3FHcjs.getChainName.call(void 0, asset.chainId),
+          _chunkS4UBVD3Hcjs.getChainName.call(void 0, asset.chainId),
           " to continue."
         ] }),
         switchChain && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkG2RDCQHLcjs.Button,
+          _chunkYIHOACM3cjs.Button,
           {
             variant: "outline",
             size: "small",
@@ -540,7 +549,7 @@ function WithdrawFormStep({
       ] })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-footer", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkG2RDCQHLcjs.Button,
+      _chunkYIHOACM3cjs.Button,
       {
         onClick: handleWithdraw,
         fullWidth: true,
@@ -549,7 +558,7 @@ function WithdrawFormStep({
         children: isBusy ? "Preparing..." : "Withdraw"
       }
     ) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkG2RDCQHLcjs.PoweredBy, {})
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYIHOACM3cjs.PoweredBy, {})
   ] });
 }
 WithdrawFormStep.displayName = "WithdrawFormStep";
@@ -632,7 +641,7 @@ async function executeSafeEthTransfer(params) {
     throw new Error("Wallet not connected");
   }
   if (chain.id !== chainId) {
-    throw new Error(`Switch to ${_chunkPE6OK3FHcjs.getChainName.call(void 0, chainId)} to sign`);
+    throw new Error(`Switch to ${_chunkS4UBVD3Hcjs.getChainName.call(void 0, chainId)} to sign`);
   }
   const isOwner = await publicClient.readContract({
     address: safeAddress,
@@ -715,7 +724,7 @@ async function executeSafeErc20Transfer(params) {
     throw new Error("Wallet not connected");
   }
   if (chain.id !== chainId) {
-    throw new Error(`Switch to ${_chunkPE6OK3FHcjs.getChainName.call(void 0, chainId)} to sign`);
+    throw new Error(`Switch to ${_chunkS4UBVD3Hcjs.getChainName.call(void 0, chainId)} to sign`);
   }
   const isOwner = await publicClient.readContract({
     address: safeAddress,
@@ -854,12 +863,13 @@ function WithdrawFlow({
   recipient: defaultRecipient,
   amount: defaultAmount,
   service,
-  signerAddress = _chunkPE6OK3FHcjs.DEFAULT_SIGNER_ADDRESS,
+  signerAddress = _chunkS4UBVD3Hcjs.DEFAULT_SIGNER_ADDRESS,
   sessionChainIds,
   forceRegister = false,
   waitForFinalTx = true,
   reownWallet,
   onConnect,
+  onDisconnect,
   onSignTransaction,
   onRequestConnect,
   connectButtonLabel,
@@ -905,7 +915,8 @@ function WithdrawFlow({
       options.push({
         address: reownWallet.address,
         label: "External Wallet",
-        kind: "external"
+        kind: "external",
+        icon: reownWallet.icon
       });
     }
     return options;
@@ -923,14 +934,14 @@ function WithdrawFlow({
         return {
           ownerAddress: dappAddress,
           walletClient: _nullishCoalesce(dappWalletClient, () => ( void 0)),
-          publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkG2RDCQHLcjs.getPublicClient.call(void 0, sourceChain))),
+          publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkYIHOACM3cjs.getPublicClient.call(void 0, sourceChain))),
           switchChain: dappSwitchChain
         };
       }
       return {
         ownerAddress: dappWalletClient.account.address,
         walletClient: dappWalletClient,
-        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkG2RDCQHLcjs.getPublicClient.call(void 0, sourceChain))),
+        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkYIHOACM3cjs.getPublicClient.call(void 0, sourceChain))),
         switchChain: dappSwitchChain
       };
     }
@@ -939,7 +950,7 @@ function WithdrawFlow({
       return {
         ownerAddress: dappWalletClient.account.address,
         walletClient: dappWalletClient,
-        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkG2RDCQHLcjs.getPublicClient.call(void 0, sourceChain))),
+        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkYIHOACM3cjs.getPublicClient.call(void 0, sourceChain))),
         switchChain: dappSwitchChain
       };
     }
@@ -965,10 +976,10 @@ function WithdrawFlow({
     sourceChain
   ]);
   const asset = _react.useMemo.call(void 0, () => {
-    const symbol = _chunkPE6OK3FHcjs.getTokenSymbol.call(void 0, sourceToken, sourceChain);
-    const decimals = _chunkPE6OK3FHcjs.getTokenDecimalsByAddress.call(void 0, sourceToken, sourceChain);
+    const symbol = _chunkS4UBVD3Hcjs.getTokenSymbol.call(void 0, sourceToken, sourceChain);
+    const decimals = _chunkS4UBVD3Hcjs.getTokenDecimalsByAddress.call(void 0, sourceToken, sourceChain);
     return {
-      id: _chunkG2RDCQHLcjs.getAssetId.call(void 0, { chainId: sourceChain, token: sourceToken }),
+      id: _chunkYIHOACM3cjs.getAssetId.call(void 0, { chainId: sourceChain, token: sourceToken }),
       chainId: sourceChain,
       token: sourceToken,
       symbol,
@@ -976,7 +987,7 @@ function WithdrawFlow({
       decimals
     };
   }, [sourceChain, sourceToken]);
-  const isSourceNative = sourceToken.toLowerCase() === _chunkPE6OK3FHcjs.NATIVE_TOKEN_ADDRESS.toLowerCase();
+  const isSourceNative = sourceToken.toLowerCase() === _chunkS4UBVD3Hcjs.NATIVE_TOKEN_ADDRESS.toLowerCase();
   const stepIndex = step.type === "form" ? 0 : 1;
   const currentBackHandler = void 0;
   _react.useEffect.call(void 0, () => {
@@ -998,15 +1009,15 @@ function WithdrawFlow({
     [onError]
   );
   const resolveSessionOwner = _react.useCallback.call(void 0, async (eoaAddress) => {
-    const localOwner = _chunkG2RDCQHLcjs.loadSessionOwnerFromStorage.call(void 0, eoaAddress);
+    const localOwner = _chunkYIHOACM3cjs.loadSessionOwnerFromStorage.call(void 0, eoaAddress);
     if (localOwner) {
       return {
-        account: _chunkG2RDCQHLcjs.accountFromPrivateKey.call(void 0, localOwner.privateKey),
+        account: _chunkYIHOACM3cjs.accountFromPrivateKey.call(void 0, localOwner.privateKey),
         address: localOwner.address
       };
     }
-    const created = _chunkG2RDCQHLcjs.createSessionOwnerKey.call(void 0, );
-    _chunkG2RDCQHLcjs.saveSessionOwnerToStorage.call(void 0, eoaAddress, created.privateKey, created.address);
+    const created = _chunkYIHOACM3cjs.createSessionOwnerKey.call(void 0, );
+    _chunkYIHOACM3cjs.saveSessionOwnerToStorage.call(void 0, eoaAddress, created.privateKey, created.address);
     return {
       account: created.account,
       address: created.address
@@ -1050,7 +1061,7 @@ function WithdrawFlow({
             primaryType: typedData.primaryType,
             message: typedData.message
           });
-          const sessionDetails = _chunkG2RDCQHLcjs.buildSessionDetails.call(void 0, setup.sessionDetailsUnsigned, signature);
+          const sessionDetails = _chunkYIHOACM3cjs.buildSessionDetails.call(void 0, setup.sessionDetailsUnsigned, signature);
           await service.registerAccount({
             address: smartAccount,
             accountParams: {
@@ -1069,7 +1080,7 @@ function WithdrawFlow({
         }
         handleConnected(ownerAddress2, smartAccount);
         const amountUnits = _viem.parseUnits.call(void 0, amountValue, asset.decimals);
-        const pc = _nullishCoalesce(_optionalChain([signerContext, 'optionalAccess', _24 => _24.publicClient]), () => ( _chunkG2RDCQHLcjs.getPublicClient.call(void 0, sourceChain)));
+        const pc = _nullishCoalesce(_optionalChain([signerContext, 'optionalAccess', _24 => _24.publicClient]), () => ( _chunkYIHOACM3cjs.getPublicClient.call(void 0, sourceChain)));
         let result;
         if (onSignTransaction) {
           const transferData = isSourceNative ? { to: smartAccount, value: amountUnits, data: "0x" } : {
@@ -1137,7 +1148,7 @@ function WithdrawFlow({
         });
       } catch (err) {
         const raw = err instanceof Error ? err.message : "Withdraw failed";
-        handleError(_chunkG2RDCQHLcjs.formatUserError.call(void 0, raw), "WITHDRAW_FLOW_ERROR");
+        handleError(_chunkYIHOACM3cjs.formatUserError.call(void 0, raw), "WITHDRAW_FLOW_ERROR");
         throw err;
       } finally {
         setIsSubmitting(false);
@@ -1176,12 +1187,12 @@ function WithdrawFlow({
     [onWithdrawFailed]
   );
   const targetChainOptions = _react.useMemo.call(void 0, () => {
-    return _chunkPE6OK3FHcjs.SOURCE_CHAINS.filter(
-      (chain) => _chunkPE6OK3FHcjs.getSupportedTargetTokens.call(void 0, chain.id).length > 0
+    return _chunkS4UBVD3Hcjs.SOURCE_CHAINS.filter(
+      (chain) => _chunkS4UBVD3Hcjs.getSupportedTargetTokens.call(void 0, chain.id).length > 0
     );
   }, []);
   const targetTokenOptions = _react.useMemo.call(void 0, 
-    () => _chunkPE6OK3FHcjs.getSupportedTargetTokens.call(void 0, targetChain),
+    () => _chunkS4UBVD3Hcjs.getSupportedTargetTokens.call(void 0, targetChain),
     [targetChain]
   );
   _react.useEffect.call(void 0, () => {
@@ -1196,7 +1207,7 @@ function WithdrawFlow({
   const handleTargetChainChange = _react.useCallback.call(void 0, 
     (chainId) => {
       setTargetChain(chainId);
-      const options = _chunkPE6OK3FHcjs.getSupportedTargetTokens.call(void 0, chainId);
+      const options = _chunkS4UBVD3Hcjs.getSupportedTargetTokens.call(void 0, chainId);
       if (options.length === 0) {
         return;
       }
@@ -1229,13 +1240,14 @@ function WithdrawFlow({
   }, [walletOptionsKey, selectedConnectAddressEffective]);
   if (showConnectStep) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-body", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkG2RDCQHLcjs.ConnectStep,
+      _chunkYIHOACM3cjs.ConnectStep,
       {
         walletOptions,
         selectedAddress: selectedConnectAddressEffective,
         onSelectAddress: setSelectedConnectAddress,
         onRequestConnect,
         onConnect,
+        onDisconnect,
         onContinue: () => {
           if (selectedConnectAddressEffective) {
             setSelectedConnectAddress(selectedConnectAddressEffective);
@@ -1249,7 +1261,13 @@ function WithdrawFlow({
   if (!signerContext) return null;
   if (!onSignTransaction && !signerContext.walletClient) return null;
   const ownerAddress = signerContext.ownerAddress;
-  const formPublicClient = _nullishCoalesce(signerContext.publicClient, () => ( _chunkG2RDCQHLcjs.getPublicClient.call(void 0, sourceChain)));
+  const formPublicClient = _nullishCoalesce(signerContext.publicClient, () => ( _chunkYIHOACM3cjs.getPublicClient.call(void 0, sourceChain)));
+  const selectedWalletIcon = _react.useMemo.call(void 0, () => {
+    const selected = walletOptions.find(
+      (o) => o.address.toLowerCase() === ownerAddress.toLowerCase()
+    );
+    return _nullishCoalesce(_optionalChain([selected, 'optionalAccess', _28 => _28.icon]), () => ( _optionalChain([reownWallet, 'optionalAccess', _29 => _29.icon])));
+  }, [walletOptions, ownerAddress, _optionalChain([reownWallet, 'optionalAccess', _30 => _30.icon])]);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-modal-body", children: [
     step.type === "form" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       WithdrawFormStep,
@@ -1268,20 +1286,20 @@ function WithdrawFlow({
         onTargetChainChange: handleTargetChainChange,
         onTargetTokenChange: handleTargetTokenChange,
         switchChain: signerContext.switchChain,
+        walletIcon: selectedWalletIcon,
         submitting: isSubmitting,
         onSubmit: handleFormSubmit,
         onBalanceUsdChange: setTotalBalanceUsd
       }
     ),
     step.type === "processing" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkG2RDCQHLcjs.ProcessingStep,
+      _chunkYIHOACM3cjs.ProcessingStep,
       {
         smartAccount: step.smartAccount,
         txHash: step.txHash,
         sourceChain: step.sourceChain,
         sourceToken: step.sourceToken,
         targetChain,
-        targetToken,
         amount: step.amount,
         waitForFinalTx,
         service,
@@ -1300,7 +1318,7 @@ function WithdrawFlow({
 // src/WithdrawModal.tsx
 
 var ReownWithdrawInner = _react.lazy.call(void 0, 
-  () => Promise.resolve().then(() => _interopRequireWildcard(require("./WithdrawModalReown-DJCJ5U7E.cjs"))).then((m) => ({
+  () => Promise.resolve().then(() => _interopRequireWildcard(require("./WithdrawModalReown-53FDOZG2.cjs"))).then((m) => ({
     default: m.WithdrawModalReown
   }))
 );
@@ -1326,13 +1344,14 @@ function WithdrawModalInner({
   isOpen,
   onClose,
   inline,
-  backendUrl = _chunkPE6OK3FHcjs.DEFAULT_BACKEND_URL,
-  signerAddress = _chunkPE6OK3FHcjs.DEFAULT_SIGNER_ADDRESS,
+  backendUrl = _chunkS4UBVD3Hcjs.DEFAULT_BACKEND_URL,
+  signerAddress = _chunkS4UBVD3Hcjs.DEFAULT_SIGNER_ADDRESS,
   sessionChainIds,
   forceRegister = false,
   waitForFinalTx = true,
   reownWallet,
   onConnect,
+  onDisconnect,
   onSignTransaction,
   onRequestConnect,
   connectButtonLabel,
@@ -1352,19 +1371,19 @@ function WithdrawModalInner({
   const [currentStepIndex, setCurrentStepIndex] = _react.useState.call(void 0, 0);
   const [totalBalanceUsd, setTotalBalanceUsd] = _react.useState.call(void 0, null);
   const backHandlerRef = _react.useRef.call(void 0, void 0);
-  const targetChain = _chunkPE6OK3FHcjs.getChainId.call(void 0, targetChainProp);
-  const sourceChain = _chunkPE6OK3FHcjs.getChainId.call(void 0, sourceChainProp);
-  const service = _react.useMemo.call(void 0, () => _chunkG2RDCQHLcjs.createDepositService.call(void 0, backendUrl), [backendUrl]);
+  const targetChain = _chunkS4UBVD3Hcjs.getChainId.call(void 0, targetChainProp);
+  const sourceChain = _chunkS4UBVD3Hcjs.getChainId.call(void 0, sourceChainProp);
+  const service = _react.useMemo.call(void 0, () => _chunkYIHOACM3cjs.createDepositService.call(void 0, backendUrl), [backendUrl]);
   _react.useEffect.call(void 0, () => {
     if (isOpen && modalRef.current) {
-      _chunkG2RDCQHLcjs.applyTheme.call(void 0, modalRef.current, theme);
+      _chunkYIHOACM3cjs.applyTheme.call(void 0, modalRef.current, theme);
     }
   }, [isOpen, theme]);
   const hasCalledReady = _react.useRef.call(void 0, false);
   _react.useEffect.call(void 0, () => {
     if (isOpen && !hasCalledReady.current) {
       hasCalledReady.current = true;
-      _optionalChain([onReady, 'optionalCall', _28 => _28()]);
+      _optionalChain([onReady, 'optionalCall', _31 => _31()]);
     }
   }, [isOpen, onReady]);
   _react.useEffect.call(void 0, () => {
@@ -1383,17 +1402,17 @@ function WithdrawModalInner({
     setTotalBalanceUsd(balance2);
   }, []);
   const handleBack = _react.useCallback.call(void 0, () => {
-    _optionalChain([backHandlerRef, 'access', _29 => _29.current, 'optionalCall', _30 => _30()]);
+    _optionalChain([backHandlerRef, 'access', _32 => _32.current, 'optionalCall', _33 => _33()]);
   }, []);
-  const showLogo = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _31 => _31.showLogo]), () => ( false));
-  const showStepper = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _32 => _32.showStepper]), () => ( false));
-  const showBackButton = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _33 => _33.showBackButton]), () => ( true));
-  const balance = _optionalChain([uiConfig, 'optionalAccess', _34 => _34.balance]);
-  const logoUrl = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _35 => _35.logoUrl]), () => ( "https://github.com/rhinestonewtf.png"));
-  const title = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _36 => _36.title]), () => ( "Withdraw"));
+  const showLogo = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _34 => _34.showLogo]), () => ( false));
+  const showStepper = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _35 => _35.showStepper]), () => ( false));
+  const showBackButton = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _36 => _36.showBackButton]), () => ( true));
+  const balance = _optionalChain([uiConfig, 'optionalAccess', _37 => _37.balance]);
+  const logoUrl = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _38 => _38.logoUrl]), () => ( "https://github.com/rhinestonewtf.png"));
+  const title = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _39 => _39.title]), () => ( "Withdraw"));
   const canGoBack = currentStepIndex > 0 && currentStepIndex < 3 && backHandlerRef.current;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkG2RDCQHLcjs.Modal,
+    _chunkYIHOACM3cjs.Modal,
     {
       isOpen,
       onClose,
@@ -1451,7 +1470,7 @@ function WithdrawModalInner({
             ] }),
             balance && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-modal-header-balance", children: [
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-modal-header-balance-label", children: balance.title }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-modal-header-balance-value", children: _nullishCoalesce(balance.amount, () => ( (totalBalanceUsd !== null ? _chunkG2RDCQHLcjs.currencyFormatter.format(totalBalanceUsd) : null))) })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-modal-header-balance-value", children: _nullishCoalesce(balance.amount, () => ( (totalBalanceUsd !== null ? _chunkYIHOACM3cjs.currencyFormatter.format(totalBalanceUsd) : null))) })
             ] })
           ] }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-header-nav-right", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -1501,6 +1520,7 @@ function WithdrawModalInner({
             waitForFinalTx,
             reownWallet,
             onConnect,
+            onDisconnect,
             onSignTransaction,
             onRequestConnect,
             connectButtonLabel,