@rhinestone/deposit-modal 0.1.61 → 0.1.62

package/dist/{chunk-RRYC5EZF.mjs → chunk-7YERRXZ4.mjs}

@@ -19,8 +19,9 @@ import {
   isNativeAsset,
   loadSessionOwnerFromStorage,
   saveSessionOwnerToStorage,
-  toEvmCaip2
-} from "./chunk-7TTEHQBD.mjs";
+  toEvmCaip2,
+  useLatestRef
+} from "./chunk-NDTY5AUU.mjs";
 import {
   DEFAULT_BACKEND_URL,
   DEFAULT_SIGNER_ADDRESS,
@@ -40,14 +41,14 @@ import {
   useCallback as useCallback3,
   useEffect as useEffect3,
   useMemo as useMemo3,
-  useRef as useRef2,
+  useRef as useRef3,
   useState as useState3,
   lazy,
   Suspense
 } from "react";
 
 // src/WithdrawFlow.tsx
-import { useCallback as useCallback2, useEffect as useEffect2, useMemo as useMemo2, useState as useState2 } from "react";
+import { useCallback as useCallback2, useEffect as useEffect2, useMemo as useMemo2, useRef as useRef2, useState as useState2 } from "react";
 
 // src/components/steps/WithdrawFormStep.tsx
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
@@ -905,6 +906,9 @@ function WithdrawFlow({
   onError,
   debug
 }) {
+  const onStepChangeRef = useLatestRef(onStepChange);
+  const onTotalBalanceChangeRef = useLatestRef(onTotalBalanceChange);
+  const onEventRef = useLatestRef(onEvent);
   const [step, setStep] = useState2({ type: "form" });
   const [isSubmitting, setIsSubmitting] = useState2(false);
   const [totalBalanceUsd, setTotalBalanceUsd] = useState2(0);
@@ -1036,20 +1040,29 @@ function WithdrawFlow({
   const stepIndex = step.type === "form" ? 0 : 1;
   const currentBackHandler = void 0;
   useEffect2(() => {
-    onStepChange?.(stepIndex, currentBackHandler);
-  }, [stepIndex, currentBackHandler, onStepChange]);
+    onStepChangeRef.current?.(stepIndex, currentBackHandler);
+  }, [stepIndex, currentBackHandler, onStepChangeRef]);
+  const lastStepOpenEventKeyRef = useRef2(null);
   useEffect2(() => {
+    if (step.type !== "form") {
+      lastStepOpenEventKeyRef.current = null;
+      return;
+    }
+    if (lastStepOpenEventKeyRef.current === "form") {
+      return;
+    }
+    lastStepOpenEventKeyRef.current = "form";
     if (step.type === "form") {
       const tokenSymbol = getTokenSymbol(targetToken, targetChain);
       const chainName = getChainName(targetChain);
-      onEvent?.({
+      onEventRef.current?.({
         type: "withdraw_modal_select_amount_open",
         pred_balance: totalBalanceUsd,
         default_token: tokenSymbol,
         default_chain: chainName
       });
     }
-  }, [step.type, onEvent]);
+  }, [step.type, targetToken, targetChain, totalBalanceUsd, onEventRef]);
   useEffect2(() => {
     logFlow("state:changed", {
       step: step.type,
@@ -1069,8 +1082,8 @@ function WithdrawFlow({
     targetToken
   ]);
   useEffect2(() => {
-    onTotalBalanceChange?.(totalBalanceUsd);
-  }, [totalBalanceUsd, onTotalBalanceChange]);
+    onTotalBalanceChangeRef.current?.(totalBalanceUsd);
+  }, [totalBalanceUsd, onTotalBalanceChangeRef]);
   const handleConnected = useCallback2(
     (addr, smartAccount) => {
       logFlow("setup:connected", { address: addr, smartAccount });
@@ -1478,7 +1491,7 @@ function WithdrawFlow({
 // src/WithdrawModal.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var ReownWithdrawInner = lazy(
-  () => import("./WithdrawModalReown-OHTYDGI5.mjs").then((m) => ({
+  () => import("./WithdrawModalReown-DRSOFZLI.mjs").then((m) => ({
     default: m.WithdrawModalReown
   }))
 );
@@ -1530,10 +1543,11 @@ function WithdrawModalInner({
   onError,
   debug
 }) {
-  const modalRef = useRef2(null);
+  const modalRef = useRef3(null);
+  const onReadyRef = useLatestRef(onReady);
   const [currentStepIndex, setCurrentStepIndex] = useState3(0);
   const [totalBalanceUsd, setTotalBalanceUsd] = useState3(null);
-  const backHandlerRef = useRef2(void 0);
+  const backHandlerRef = useRef3(void 0);
   const targetChain = getChainId(targetChainProp);
   const sourceChain = getChainId(sourceChainProp);
   const service = useMemo3(
@@ -1545,13 +1559,13 @@ function WithdrawModalInner({
       applyTheme(modalRef.current, theme);
     }
   }, [isOpen, theme]);
-  const hasCalledReady = useRef2(false);
+  const hasCalledReady = useRef3(false);
   useEffect3(() => {
     if (isOpen && !hasCalledReady.current) {
       hasCalledReady.current = true;
-      onReady?.();
+      onReadyRef.current?.();
     }
-  }, [isOpen, onReady]);
+  }, [isOpen, onReadyRef]);
   useEffect3(() => {
     if (!isOpen) {
       setCurrentStepIndex(0);

package/dist/{chunk-C5TWF4ZE.cjs → chunk-MKU7VETP.cjs}

@@ -20,7 +20,8 @@
 
 
 
-var _chunkTQ6IIGRScjs = require('./chunk-TQ6IIGRS.cjs');
+
+var _chunkMVFMDKAScjs = require('./chunk-MVFMDKAS.cjs');
 
 
 
@@ -141,7 +142,7 @@ function WithdrawFormStep({
       setIsSwitching(true);
       switchChain(asset.chainId).catch((err) => {
         const raw = err instanceof Error ? err.message : "Failed to switch chain";
-        setError(_chunkTQ6IIGRScjs.formatUserError.call(void 0, raw));
+        setError(_chunkMVFMDKAScjs.formatUserError.call(void 0, raw));
       }).finally(() => {
         setIsSwitching(false);
       });
@@ -161,7 +162,7 @@ function WithdrawFormStep({
         return;
       }
       try {
-        const bal = _chunkTQ6IIGRScjs.isNativeAsset.call(void 0, asset) ? await publicClient.getBalance({ address: safeAddress }) : await publicClient.readContract({
+        const bal = _chunkMVFMDKAScjs.isNativeAsset.call(void 0, asset) ? await publicClient.getBalance({ address: safeAddress }) : await publicClient.readContract({
           address: asset.token,
           abi: _viem.erc20Abi,
           functionName: "balanceOf",
@@ -264,7 +265,7 @@ function WithdrawFormStep({
       await onSubmit(recipient, amount);
     } catch (err) {
       const raw = err instanceof Error ? err.message : "Withdrawal failed";
-      setError(_chunkTQ6IIGRScjs.formatUserError.call(void 0, raw));
+      setError(_chunkMVFMDKAScjs.formatUserError.call(void 0, raw));
     } finally {
       setIsSubmitting(false);
     }
@@ -272,11 +273,11 @@ function WithdrawFormStep({
   if (isBalanceLoading) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step", children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step-body rs-withdraw-loading", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTQ6IIGRScjs.Spinner, { className: "rs-spinner--lg" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMVFMDKAScjs.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 ${_chunkR6U6BHCVcjs.getChainName.call(void 0, asset.chainId)} to continue.` : "Please wait before withdrawing." })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTQ6IIGRScjs.PoweredBy, {})
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMVFMDKAScjs.PoweredBy, {})
     ] });
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-step", children: [
@@ -375,7 +376,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 ? _chunkTQ6IIGRScjs.currencyFormatter.format(amountUsd) : "$0.00" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-withdraw-usd", children: amountUsd !== null ? _chunkMVFMDKAScjs.currencyFormatter.format(amountUsd) : "$0.00" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-withdraw-balance", children: [
             "Balance: ",
             formattedBalance,
@@ -569,7 +570,7 @@ function WithdrawFormStep({
       ] })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-footer", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkTQ6IIGRScjs.Button,
+      _chunkMVFMDKAScjs.Button,
       {
         onClick: handleWithdraw,
         fullWidth: true,
@@ -578,7 +579,7 @@ function WithdrawFormStep({
         children: isBusy ? "Preparing..." : !recipient ? "Enter Recipient Address" : !amount ? "Enter Withdraw Amount" : "Withdraw"
       }
     ) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTQ6IIGRScjs.PoweredBy, {})
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMVFMDKAScjs.PoweredBy, {})
   ] });
 }
 WithdrawFormStep.displayName = "WithdrawFormStep";
@@ -905,19 +906,22 @@ function WithdrawFlow({
   onError,
   debug
 }) {
+  const onStepChangeRef = _chunkMVFMDKAScjs.useLatestRef.call(void 0, onStepChange);
+  const onTotalBalanceChangeRef = _chunkMVFMDKAScjs.useLatestRef.call(void 0, onTotalBalanceChange);
+  const onEventRef = _chunkMVFMDKAScjs.useLatestRef.call(void 0, onEvent);
   const [step, setStep] = _react.useState.call(void 0, { type: "form" });
   const [isSubmitting, setIsSubmitting] = _react.useState.call(void 0, false);
   const [totalBalanceUsd, setTotalBalanceUsd] = _react.useState.call(void 0, 0);
   const [isConnectSelectionConfirmed, setIsConnectSelectionConfirmed] = _react.useState.call(void 0, false);
   const logFlow = _react.useCallback.call(void 0, 
     (message, data) => {
-      _chunkTQ6IIGRScjs.debugLog.call(void 0, debug, "withdraw-flow", message, data);
+      _chunkMVFMDKAScjs.debugLog.call(void 0, debug, "withdraw-flow", message, data);
     },
     [debug]
   );
   const logFlowError = _react.useCallback.call(void 0, 
     (message, error, data) => {
-      _chunkTQ6IIGRScjs.debugError.call(void 0, debug, "withdraw-flow", message, error, data);
+      _chunkMVFMDKAScjs.debugError.call(void 0, debug, "withdraw-flow", message, error, data);
     },
     [debug]
   );
@@ -976,14 +980,14 @@ function WithdrawFlow({
         return {
           ownerAddress: dappAddress,
           walletClient: _nullishCoalesce(dappWalletClient, () => ( void 0)),
-          publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkTQ6IIGRScjs.getPublicClient.call(void 0, sourceChain))),
+          publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkMVFMDKAScjs.getPublicClient.call(void 0, sourceChain))),
           switchChain: dappSwitchChain
         };
       }
       return {
         ownerAddress: dappWalletClient.account.address,
         walletClient: dappWalletClient,
-        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkTQ6IIGRScjs.getPublicClient.call(void 0, sourceChain))),
+        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkMVFMDKAScjs.getPublicClient.call(void 0, sourceChain))),
         switchChain: dappSwitchChain
       };
     }
@@ -994,7 +998,7 @@ function WithdrawFlow({
       return {
         ownerAddress: dappWalletClient.account.address,
         walletClient: dappWalletClient,
-        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkTQ6IIGRScjs.getPublicClient.call(void 0, sourceChain))),
+        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkMVFMDKAScjs.getPublicClient.call(void 0, sourceChain))),
         switchChain: dappSwitchChain
       };
     }
@@ -1024,7 +1028,7 @@ function WithdrawFlow({
     const symbol = _chunkR6U6BHCVcjs.getTokenSymbol.call(void 0, sourceToken, sourceChain);
     const decimals = _chunkR6U6BHCVcjs.getTokenDecimalsByAddress.call(void 0, sourceToken, sourceChain);
     return {
-      id: _chunkTQ6IIGRScjs.getAssetId.call(void 0, { chainId: sourceChain, token: sourceToken }),
+      id: _chunkMVFMDKAScjs.getAssetId.call(void 0, { chainId: sourceChain, token: sourceToken }),
       chainId: sourceChain,
       token: sourceToken,
       symbol,
@@ -1036,20 +1040,29 @@ function WithdrawFlow({
   const stepIndex = step.type === "form" ? 0 : 1;
   const currentBackHandler = void 0;
   _react.useEffect.call(void 0, () => {
-    _optionalChain([onStepChange, 'optionalCall', _20 => _20(stepIndex, currentBackHandler)]);
-  }, [stepIndex, currentBackHandler, onStepChange]);
+    _optionalChain([onStepChangeRef, 'access', _20 => _20.current, 'optionalCall', _21 => _21(stepIndex, currentBackHandler)]);
+  }, [stepIndex, currentBackHandler, onStepChangeRef]);
+  const lastStepOpenEventKeyRef = _react.useRef.call(void 0, null);
   _react.useEffect.call(void 0, () => {
+    if (step.type !== "form") {
+      lastStepOpenEventKeyRef.current = null;
+      return;
+    }
+    if (lastStepOpenEventKeyRef.current === "form") {
+      return;
+    }
+    lastStepOpenEventKeyRef.current = "form";
     if (step.type === "form") {
       const tokenSymbol = _chunkR6U6BHCVcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
       const chainName = _chunkR6U6BHCVcjs.getChainName.call(void 0, targetChain);
-      _optionalChain([onEvent, 'optionalCall', _21 => _21({
+      _optionalChain([onEventRef, 'access', _22 => _22.current, 'optionalCall', _23 => _23({
         type: "withdraw_modal_select_amount_open",
         pred_balance: totalBalanceUsd,
         default_token: tokenSymbol,
         default_chain: chainName
       })]);
     }
-  }, [step.type, onEvent]);
+  }, [step.type, targetToken, targetChain, totalBalanceUsd, onEventRef]);
   _react.useEffect.call(void 0, () => {
     logFlow("state:changed", {
       step: step.type,
@@ -1069,32 +1082,32 @@ function WithdrawFlow({
     targetToken
   ]);
   _react.useEffect.call(void 0, () => {
-    _optionalChain([onTotalBalanceChange, 'optionalCall', _22 => _22(totalBalanceUsd)]);
-  }, [totalBalanceUsd, onTotalBalanceChange]);
+    _optionalChain([onTotalBalanceChangeRef, 'access', _24 => _24.current, 'optionalCall', _25 => _25(totalBalanceUsd)]);
+  }, [totalBalanceUsd, onTotalBalanceChangeRef]);
   const handleConnected = _react.useCallback.call(void 0, 
     (addr, smartAccount) => {
       logFlow("setup:connected", { address: addr, smartAccount });
-      _optionalChain([onConnected, 'optionalCall', _23 => _23({ address: addr, smartAccount })]);
+      _optionalChain([onConnected, 'optionalCall', _26 => _26({ address: addr, smartAccount })]);
     },
     [logFlow, onConnected]
   );
   const handleError = _react.useCallback.call(void 0, 
     (message, code) => {
       logFlowError("flow:error", message, { code });
-      _optionalChain([onError, 'optionalCall', _24 => _24({ message, code })]);
+      _optionalChain([onError, 'optionalCall', _27 => _27({ message, code })]);
     },
     [logFlowError, onError]
   );
   const resolveSessionOwner = _react.useCallback.call(void 0, async (eoaAddress) => {
-    const localOwner = _chunkTQ6IIGRScjs.loadSessionOwnerFromStorage.call(void 0, eoaAddress);
+    const localOwner = _chunkMVFMDKAScjs.loadSessionOwnerFromStorage.call(void 0, eoaAddress);
     if (localOwner) {
       return {
-        account: _chunkTQ6IIGRScjs.accountFromPrivateKey.call(void 0, localOwner.privateKey),
+        account: _chunkMVFMDKAScjs.accountFromPrivateKey.call(void 0, localOwner.privateKey),
         address: localOwner.address
       };
     }
-    const created = _chunkTQ6IIGRScjs.createSessionOwnerKey.call(void 0, );
-    _chunkTQ6IIGRScjs.saveSessionOwnerToStorage.call(void 0, eoaAddress, created.privateKey, created.address);
+    const created = _chunkMVFMDKAScjs.createSessionOwnerKey.call(void 0, );
+    _chunkMVFMDKAScjs.saveSessionOwnerToStorage.call(void 0, eoaAddress, created.privateKey, created.address);
     return {
       account: created.account,
       address: created.address
@@ -1104,7 +1117,7 @@ function WithdrawFlow({
     async (recipient, amountValue) => {
       const tokenSymbol = _chunkR6U6BHCVcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
       const chainName = _chunkR6U6BHCVcjs.getChainName.call(void 0, targetChain);
-      _optionalChain([onEvent, 'optionalCall', _25 => _25({
+      _optionalChain([onEvent, 'optionalCall', _28 => _28({
         type: "withdraw_modal_select_amount_cta_click",
         pred_balance: totalBalanceUsd,
         selected_token: tokenSymbol,
@@ -1112,11 +1125,11 @@ function WithdrawFlow({
         amount: amountValue,
         cta_name: "withdraw"
       })]);
-      const ownerAddress2 = _optionalChain([signerContext, 'optionalAccess', _26 => _26.ownerAddress]);
+      const ownerAddress2 = _optionalChain([signerContext, 'optionalAccess', _29 => _29.ownerAddress]);
       if (!ownerAddress2) {
         throw new Error("Wallet not connected");
       }
-      if (!onSignTransaction && !_optionalChain([signerContext, 'optionalAccess', _27 => _27.walletClient])) {
+      if (!onSignTransaction && !_optionalChain([signerContext, 'optionalAccess', _30 => _30.walletClient])) {
         throw new Error("Wallet not connected");
       }
       setIsSubmitting(true);
@@ -1134,7 +1147,7 @@ function WithdrawFlow({
         const setup = await service.setupAccount({
           ownerAddress: ownerAddress2,
           sessionOwnerAddress: sessionOwner.address,
-          targetChain: _chunkTQ6IIGRScjs.toEvmCaip2.call(void 0, targetChain),
+          targetChain: _chunkMVFMDKAScjs.toEvmCaip2.call(void 0, targetChain),
           targetToken,
           signerAddress,
           sessionChainIds,
@@ -1161,7 +1174,7 @@ function WithdrawFlow({
             primaryType: typedData.primaryType,
             message: typedData.message
           });
-          const sessionDetails = _chunkTQ6IIGRScjs.buildSessionDetails.call(void 0, 
+          const sessionDetails = _chunkMVFMDKAScjs.buildSessionDetails.call(void 0, 
             setup.sessionDetailsUnsigned,
             signature
           );
@@ -1175,7 +1188,7 @@ function WithdrawFlow({
             eoaAddress: ownerAddress2,
             sessionOwner: sessionOwner.address,
             target: {
-              chain: _chunkTQ6IIGRScjs.toEvmCaip2.call(void 0, targetChain),
+              chain: _chunkMVFMDKAScjs.toEvmCaip2.call(void 0, targetChain),
               token: targetToken,
               recipient
             }
@@ -1184,7 +1197,7 @@ function WithdrawFlow({
         }
         handleConnected(ownerAddress2, smartAccount);
         const amountUnits = _viem.parseUnits.call(void 0, amountValue, asset.decimals);
-        const pc = _nullishCoalesce(_optionalChain([signerContext, 'optionalAccess', _28 => _28.publicClient]), () => ( _chunkTQ6IIGRScjs.getPublicClient.call(void 0, sourceChain)));
+        const pc = _nullishCoalesce(_optionalChain([signerContext, 'optionalAccess', _31 => _31.publicClient]), () => ( _chunkMVFMDKAScjs.getPublicClient.call(void 0, sourceChain)));
         let result;
         if (onSignTransaction) {
           const transferData = isSourceNative ? { to: smartAccount, value: amountUnits, data: "0x" } : {
@@ -1207,7 +1220,7 @@ function WithdrawFlow({
           const { signature } = await onSignTransaction(request);
           const relayResult = await service.relayWithdraw({
             smartAccount,
-            chainId: _chunkTQ6IIGRScjs.toEvmCaip2.call(void 0, sourceChain),
+            chainId: _chunkMVFMDKAScjs.toEvmCaip2.call(void 0, sourceChain),
             safeAddress,
             safeTransaction: request.typedData.message,
             signature
@@ -1243,7 +1256,7 @@ function WithdrawFlow({
           sourceChain,
           sourceToken
         });
-        _optionalChain([onWithdrawSubmitted, 'optionalCall', _29 => _29({
+        _optionalChain([onWithdrawSubmitted, 'optionalCall', _32 => _32({
           txHash: result.txHash,
           sourceChain,
           amount: amountUnits.toString(),
@@ -1265,7 +1278,7 @@ function WithdrawFlow({
           targetChain,
           targetToken
         });
-        handleError(_chunkTQ6IIGRScjs.formatUserError.call(void 0, raw), "WITHDRAW_FLOW_ERROR");
+        handleError(_chunkMVFMDKAScjs.formatUserError.call(void 0, raw), "WITHDRAW_FLOW_ERROR");
         throw err;
       } finally {
         setIsSubmitting(false);
@@ -1298,7 +1311,7 @@ function WithdrawFlow({
   const handleWithdrawComplete = _react.useCallback.call(void 0, 
     (txHash, destinationTxHash, context) => {
       logFlow("withdraw:complete", { txHash, destinationTxHash, ...context });
-      _optionalChain([onWithdrawComplete, 'optionalCall', _30 => _30({
+      _optionalChain([onWithdrawComplete, 'optionalCall', _33 => _33({
         txHash,
         destinationTxHash,
         amount: context.amount,
@@ -1313,17 +1326,17 @@ function WithdrawFlow({
   const handleWithdrawFailed = _react.useCallback.call(void 0, 
     (txHash, error) => {
       logFlowError("withdraw:failed", error, { txHash });
-      _optionalChain([onWithdrawFailed, 'optionalCall', _31 => _31({ txHash, error })]);
+      _optionalChain([onWithdrawFailed, 'optionalCall', _34 => _34({ txHash, error })]);
     },
     [logFlowError, onWithdrawFailed]
   );
   const allowedChainSet = _react.useMemo.call(void 0, 
-    () => _optionalChain([allowedRoutes, 'optionalAccess', _32 => _32.sourceChains]) ? new Set(allowedRoutes.sourceChains) : null,
-    [_optionalChain([allowedRoutes, 'optionalAccess', _33 => _33.sourceChains])]
+    () => _optionalChain([allowedRoutes, 'optionalAccess', _35 => _35.sourceChains]) ? new Set(allowedRoutes.sourceChains) : null,
+    [_optionalChain([allowedRoutes, 'optionalAccess', _36 => _36.sourceChains])]
   );
   const allowedTokenSet = _react.useMemo.call(void 0, 
-    () => _optionalChain([allowedRoutes, 'optionalAccess', _34 => _34.sourceTokens]) ? new Set(allowedRoutes.sourceTokens.map((s) => s.toUpperCase())) : null,
-    [_optionalChain([allowedRoutes, 'optionalAccess', _35 => _35.sourceTokens])]
+    () => _optionalChain([allowedRoutes, 'optionalAccess', _37 => _37.sourceTokens]) ? new Set(allowedRoutes.sourceTokens.map((s) => s.toUpperCase())) : null,
+    [_optionalChain([allowedRoutes, 'optionalAccess', _38 => _38.sourceTokens])]
   );
   const targetChainOptions = _react.useMemo.call(void 0, () => {
     return _chunkR6U6BHCVcjs.SOURCE_CHAINS.filter((chain) => {
@@ -1392,17 +1405,17 @@ function WithdrawFlow({
       setIsConnectSelectionConfirmed(false);
     }
   }, [showConnectStep, isConnectSelectionConfirmed, signerContext]);
-  const ownerAddress = _optionalChain([signerContext, 'optionalAccess', _36 => _36.ownerAddress]);
+  const ownerAddress = _optionalChain([signerContext, 'optionalAccess', _39 => _39.ownerAddress]);
   const selectedWalletIcon = _react.useMemo.call(void 0, () => {
-    if (!ownerAddress) return _optionalChain([reownWallet, 'optionalAccess', _37 => _37.icon]);
+    if (!ownerAddress) return _optionalChain([reownWallet, 'optionalAccess', _40 => _40.icon]);
     const selected = walletOptions.find(
-      (o) => _optionalChain([o, 'access', _38 => _38.address, 'optionalAccess', _39 => _39.toLowerCase, 'call', _40 => _40()]) === ownerAddress.toLowerCase()
+      (o) => _optionalChain([o, 'access', _41 => _41.address, 'optionalAccess', _42 => _42.toLowerCase, 'call', _43 => _43()]) === ownerAddress.toLowerCase()
     );
-    return _nullishCoalesce(_optionalChain([selected, 'optionalAccess', _41 => _41.icon]), () => ( _optionalChain([reownWallet, 'optionalAccess', _42 => _42.icon])));
-  }, [walletOptions, ownerAddress, _optionalChain([reownWallet, 'optionalAccess', _43 => _43.icon])]);
+    return _nullishCoalesce(_optionalChain([selected, 'optionalAccess', _44 => _44.icon]), () => ( _optionalChain([reownWallet, 'optionalAccess', _45 => _45.icon])));
+  }, [walletOptions, ownerAddress, _optionalChain([reownWallet, 'optionalAccess', _46 => _46.icon])]);
   if (showConnectStep) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-body", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkTQ6IIGRScjs.ConnectStep,
+      _chunkMVFMDKAScjs.ConnectStep,
       {
         walletOptions,
         selectedWalletId: selectedWalletIdEffective,
@@ -1423,9 +1436,9 @@ function WithdrawFlow({
   if (!signerContext) return null;
   if (!onSignTransaction && !signerContext.walletClient) return null;
   const resolvedOwnerAddress = signerContext.ownerAddress;
-  const resolvedConnectedAddress = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_optionalChain([signerContext, 'access', _44 => _44.walletClient, 'optionalAccess', _45 => _45.account, 'optionalAccess', _46 => _46.address]), () => ( _optionalChain([reownWallet, 'optionalAccess', _47 => _47.address]))), () => ( _optionalChain([dappWalletClient, 'optionalAccess', _48 => _48.account, 'optionalAccess', _49 => _49.address]))), () => ( resolvedOwnerAddress));
+  const resolvedConnectedAddress = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_optionalChain([signerContext, 'access', _47 => _47.walletClient, 'optionalAccess', _48 => _48.account, 'optionalAccess', _49 => _49.address]), () => ( _optionalChain([reownWallet, 'optionalAccess', _50 => _50.address]))), () => ( _optionalChain([dappWalletClient, 'optionalAccess', _51 => _51.account, 'optionalAccess', _52 => _52.address]))), () => ( resolvedOwnerAddress));
   const resolvedDefaultRecipient = _nullishCoalesce(defaultRecipient, () => ( resolvedConnectedAddress));
-  const formPublicClient = _nullishCoalesce(signerContext.publicClient, () => ( _chunkTQ6IIGRScjs.getPublicClient.call(void 0, sourceChain)));
+  const formPublicClient = _nullishCoalesce(signerContext.publicClient, () => ( _chunkMVFMDKAScjs.getPublicClient.call(void 0, sourceChain)));
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-modal-body", children: [
     step.type === "form" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       WithdrawFormStep,
@@ -1452,7 +1465,7 @@ function WithdrawFlow({
       }
     ),
     step.type === "processing" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkTQ6IIGRScjs.ProcessingStep,
+      _chunkMVFMDKAScjs.ProcessingStep,
       {
         smartAccount: step.smartAccount,
         txHash: step.txHash,
@@ -1478,7 +1491,7 @@ function WithdrawFlow({
 // src/WithdrawModal.tsx
 
 var ReownWithdrawInner = _react.lazy.call(void 0, 
-  () => Promise.resolve().then(() => _interopRequireWildcard(require("./WithdrawModalReown-ZNQPXAS6.cjs"))).then((m) => ({
+  () => Promise.resolve().then(() => _interopRequireWildcard(require("./WithdrawModalReown-K73XDERE.cjs"))).then((m) => ({
     default: m.WithdrawModalReown
   }))
 );
@@ -1531,27 +1544,28 @@ function WithdrawModalInner({
   debug
 }) {
   const modalRef = _react.useRef.call(void 0, null);
+  const onReadyRef = _chunkMVFMDKAScjs.useLatestRef.call(void 0, onReady);
   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 = _chunkR6U6BHCVcjs.getChainId.call(void 0, targetChainProp);
   const sourceChain = _chunkR6U6BHCVcjs.getChainId.call(void 0, sourceChainProp);
   const service = _react.useMemo.call(void 0, 
-    () => _chunkTQ6IIGRScjs.createDepositService.call(void 0, backendUrl, { debug, debugScope: "service:withdraw" }),
+    () => _chunkMVFMDKAScjs.createDepositService.call(void 0, backendUrl, { debug, debugScope: "service:withdraw" }),
     [backendUrl, debug]
   );
   _react.useEffect.call(void 0, () => {
     if (isOpen && modalRef.current) {
-      _chunkTQ6IIGRScjs.applyTheme.call(void 0, modalRef.current, theme);
+      _chunkMVFMDKAScjs.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', _50 => _50()]);
+      _optionalChain([onReadyRef, 'access', _53 => _53.current, 'optionalCall', _54 => _54()]);
     }
-  }, [isOpen, onReady]);
+  }, [isOpen, onReadyRef]);
   _react.useEffect.call(void 0, () => {
     if (!isOpen) {
       setCurrentStepIndex(0);
@@ -1568,17 +1582,17 @@ function WithdrawModalInner({
     setTotalBalanceUsd(balance2);
   }, []);
   const handleBack = _react.useCallback.call(void 0, () => {
-    _optionalChain([backHandlerRef, 'access', _51 => _51.current, 'optionalCall', _52 => _52()]);
+    _optionalChain([backHandlerRef, 'access', _55 => _55.current, 'optionalCall', _56 => _56()]);
   }, []);
-  const showLogo = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _53 => _53.showLogo]), () => ( false));
-  const showStepper = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _54 => _54.showStepper]), () => ( false));
-  const showBackButton = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _55 => _55.showBackButton]), () => ( true));
-  const balance = _optionalChain([uiConfig, 'optionalAccess', _56 => _56.balance]);
-  const logoUrl = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _57 => _57.logoUrl]), () => ( "https://github.com/rhinestonewtf.png"));
-  const title = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _58 => _58.title]), () => ( "Withdraw"));
+  const showLogo = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _57 => _57.showLogo]), () => ( false));
+  const showStepper = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _58 => _58.showStepper]), () => ( false));
+  const showBackButton = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _59 => _59.showBackButton]), () => ( true));
+  const balance = _optionalChain([uiConfig, 'optionalAccess', _60 => _60.balance]);
+  const logoUrl = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _61 => _61.logoUrl]), () => ( "https://github.com/rhinestonewtf.png"));
+  const title = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _62 => _62.title]), () => ( "Withdraw"));
   const canGoBack = currentStepIndex > 0 && currentStepIndex < 3 && backHandlerRef.current;
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkTQ6IIGRScjs.Modal,
+    _chunkMVFMDKAScjs.Modal,
     {
       isOpen,
       onClose,
@@ -1637,7 +1651,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 ? _chunkTQ6IIGRScjs.currencyFormatter.format(totalBalanceUsd) : null))) })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-modal-header-balance-value", children: _nullishCoalesce(balance.amount, () => ( (totalBalanceUsd !== null ? _chunkMVFMDKAScjs.currencyFormatter.format(totalBalanceUsd) : null))) })
             ] })
           ] }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-header-nav-right", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 

package/dist/{chunk-TQ6IIGRS.cjs → chunk-MVFMDKAS.cjs}

@@ -809,6 +809,16 @@ function formatUserError(raw) {
   return cleaned;
 }
 
+// src/core/useLatestRef.ts
+
+function useLatestRef(value) {
+  const ref = _react.useRef.call(void 0, value);
+  _react.useEffect.call(void 0, () => {
+    ref.current = value;
+  }, [value]);
+  return ref;
+}
+
 // src/core/theme.ts
 var RADIUS_SCALE = {
   none: { sm: "0", md: "0", lg: "0" },
@@ -2095,4 +2105,5 @@ function getPublicClient(chainId) {
 
 
 
-exports.Modal = Modal; exports.Spinner = Spinner; exports.Button = Button; exports.ConnectStep = ConnectStep; exports.debugLog = debugLog; exports.debugError = debugError; exports.toEvmCaip2 = toEvmCaip2; exports.buildSessionDetails = buildSessionDetails; exports.createDepositService = createDepositService; exports.getAssetId = getAssetId; exports.portfolioToAssets = portfolioToAssets; exports.isNativeAsset = isNativeAsset; exports.loadSessionOwnerFromStorage = loadSessionOwnerFromStorage; exports.saveSessionOwnerToStorage = saveSessionOwnerToStorage; exports.createSessionOwnerKey = createSessionOwnerKey; exports.accountFromPrivateKey = accountFromPrivateKey; exports.PoweredBy = PoweredBy; exports.currencyFormatter = currencyFormatter; exports.tokenFormatter = tokenFormatter; exports.formatUserError = formatUserError; exports.getEventTxHash = getEventTxHash; exports.isDepositEvent = isDepositEvent; exports.txRefsMatch = txRefsMatch; exports.ProcessingStep = ProcessingStep; exports.getPublicClient = getPublicClient; exports.applyTheme = applyTheme;
+
+exports.Modal = Modal; exports.Spinner = Spinner; exports.Button = Button; exports.ConnectStep = ConnectStep; exports.debugLog = debugLog; exports.debugError = debugError; exports.toEvmCaip2 = toEvmCaip2; exports.buildSessionDetails = buildSessionDetails; exports.createDepositService = createDepositService; exports.getAssetId = getAssetId; exports.portfolioToAssets = portfolioToAssets; exports.isNativeAsset = isNativeAsset; exports.loadSessionOwnerFromStorage = loadSessionOwnerFromStorage; exports.saveSessionOwnerToStorage = saveSessionOwnerToStorage; exports.createSessionOwnerKey = createSessionOwnerKey; exports.accountFromPrivateKey = accountFromPrivateKey; exports.PoweredBy = PoweredBy; exports.currencyFormatter = currencyFormatter; exports.tokenFormatter = tokenFormatter; exports.formatUserError = formatUserError; exports.getEventTxHash = getEventTxHash; exports.isDepositEvent = isDepositEvent; exports.txRefsMatch = txRefsMatch; exports.ProcessingStep = ProcessingStep; exports.getPublicClient = getPublicClient; exports.useLatestRef = useLatestRef; exports.applyTheme = applyTheme;