@rhinestone/deposit-modal 0.1.66 → 0.1.67

package/dist/{DepositModalReown-RXIVPSEE.mjs → DepositModalReown-EYIV6APK.mjs}

@@ -1,12 +1,12 @@
 import {
   DepositModalInner
-} from "./chunk-JDO7QPPH.mjs";
+} from "./chunk-NFE5ZLD3.mjs";
 import {
   ReownWalletProvider,
   useReownWallet
 } from "./chunk-MBURQ26S.mjs";
-import "./chunk-FWGLRTWF.mjs";
-import "./chunk-CIXHTOO3.mjs";
+import "./chunk-IUW3SJQT.mjs";
+import "./chunk-SDZKKUCJ.mjs";
 
 // src/DepositModalReown.tsx
 import { useCallback, useMemo } from "react";

package/dist/{DepositModalReown-WFXQKZDH.cjs → DepositModalReown-UPYZN2XA.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
 
-var _chunk5GN4QU67cjs = require('./chunk-5GN4QU67.cjs');
+var _chunkUDKZWFCMcjs = require('./chunk-UDKZWFCM.cjs');
 
 
 
 var _chunkN2Y34LQOcjs = require('./chunk-N2Y34LQO.cjs');
-require('./chunk-JZWCK7C3.cjs');
-require('./chunk-R6U6BHCV.cjs');
+require('./chunk-FLVSQDP4.cjs');
+require('./chunk-MUWVDVY4.cjs');
 
 // src/DepositModalReown.tsx
 var _react = require('react');
@@ -32,7 +32,7 @@ function DepositModalWithReown(props) {
     reown.disconnect();
   }, [reown.disconnect]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk5GN4QU67cjs.DepositModalInner,
+    _chunkUDKZWFCMcjs.DepositModalInner,
     {
       ...props,
       reownWallet: reownWithSolana,

package/dist/{WithdrawModalReown-MME7VSKX.mjs → WithdrawModalReown-6VYKKKJN.mjs}

@@ -1,12 +1,12 @@
 import {
   WithdrawModalInner
-} from "./chunk-CULXRW6U.mjs";
+} from "./chunk-5FDIQNJJ.mjs";
 import {
   ReownWalletProvider,
   useReownWallet
 } from "./chunk-MBURQ26S.mjs";
-import "./chunk-FWGLRTWF.mjs";
-import "./chunk-CIXHTOO3.mjs";
+import "./chunk-IUW3SJQT.mjs";
+import "./chunk-SDZKKUCJ.mjs";
 
 // src/WithdrawModalReown.tsx
 import { useCallback } from "react";

package/dist/{WithdrawModalReown-PXS44GZO.cjs → WithdrawModalReown-WHPQDJJJ.cjs}

@@ -1,12 +1,12 @@
 "use strict";Object.defineProperty(exports, "__esModule", {value: true});
 
-var _chunk75LRORPOcjs = require('./chunk-75LRORPO.cjs');
+var _chunkLTLFJPHOcjs = require('./chunk-LTLFJPHO.cjs');
 
 
 
 var _chunkN2Y34LQOcjs = require('./chunk-N2Y34LQO.cjs');
-require('./chunk-JZWCK7C3.cjs');
-require('./chunk-R6U6BHCV.cjs');
+require('./chunk-FLVSQDP4.cjs');
+require('./chunk-MUWVDVY4.cjs');
 
 // src/WithdrawModalReown.tsx
 var _react = require('react');
@@ -20,7 +20,7 @@ function WithdrawModalWithReown(props) {
     reown.disconnect();
   }, [reown.disconnect]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk75LRORPOcjs.WithdrawModalInner,
+    _chunkLTLFJPHOcjs.WithdrawModalInner,
     {
       ...props,
       reownWallet: reown,

package/dist/{chunk-CULXRW6U.mjs → chunk-5FDIQNJJ.mjs}

@@ -21,7 +21,7 @@ import {
   saveSessionOwnerToStorage,
   toEvmCaip2,
   useLatestRef
-} from "./chunk-FWGLRTWF.mjs";
+} from "./chunk-IUW3SJQT.mjs";
 import {
   DEFAULT_BACKEND_URL,
   DEFAULT_SIGNER_ADDRESS,
@@ -34,7 +34,7 @@ import {
   getTokenDecimalsByAddress,
   getTokenIcon,
   getTokenSymbol
-} from "./chunk-CIXHTOO3.mjs";
+} from "./chunk-SDZKKUCJ.mjs";
 
 // src/WithdrawModal.tsx
 import {
@@ -894,6 +894,11 @@ function WithdrawFlow({
   const onStepChangeRef = useLatestRef(onStepChange);
   const onTotalBalanceChangeRef = useLatestRef(onTotalBalanceChange);
   const onEventRef = useLatestRef(onEvent);
+  const onConnectedRef = useLatestRef(onConnected);
+  const onWithdrawSubmittedRef = useLatestRef(onWithdrawSubmitted);
+  const onWithdrawCompleteRef = useLatestRef(onWithdrawComplete);
+  const onWithdrawFailedRef = useLatestRef(onWithdrawFailed);
+  const onErrorRef = useLatestRef(onError);
   const [step, setStep] = useState2({ type: "form" });
   const [isSubmitting, setIsSubmitting] = useState2(false);
   const [totalBalanceUsd, setTotalBalanceUsd] = useState2(0);
@@ -1072,16 +1077,16 @@ function WithdrawFlow({
   const handleConnected = useCallback2(
     (addr, smartAccount) => {
       logFlow("setup:connected", { address: addr, smartAccount });
-      onConnected?.({ address: addr, smartAccount });
+      onConnectedRef.current?.({ address: addr, smartAccount });
     },
-    [logFlow, onConnected]
+    [logFlow, onConnectedRef]
   );
   const handleError = useCallback2(
     (message, code) => {
       logFlowError("flow:error", message, { code });
-      onError?.({ message, code });
+      onErrorRef.current?.({ message, code });
     },
-    [logFlowError, onError]
+    [logFlowError, onErrorRef]
   );
   const resolveSessionOwner = useCallback2(async (eoaAddress) => {
     const localOwner = loadSessionOwnerFromStorage(eoaAddress);
@@ -1102,7 +1107,7 @@ function WithdrawFlow({
     async (recipient, amountValue) => {
       const tokenSymbol = getTokenSymbol(targetToken, targetChain);
       const chainName = getChainName(targetChain);
-      onEvent?.({
+      onEventRef.current?.({
         type: "withdraw_modal_select_amount_cta_click",
         pred_balance: totalBalanceUsd,
         selected_token: tokenSymbol,
@@ -1242,7 +1247,7 @@ function WithdrawFlow({
           sourceChain,
           sourceToken
         });
-        onWithdrawSubmitted?.({
+        onWithdrawSubmittedRef.current?.({
           txHash: result.txHash,
           sourceChain,
           amount: amountUnits.toString(),
@@ -1284,20 +1289,20 @@ function WithdrawFlow({
       safeAddress,
       sourceToken,
       sourceChain,
-      onWithdrawSubmitted,
       onSignTransaction,
       isSourceNative,
       handleError,
       logFlow,
       logFlowError,
-      onEvent,
-      totalBalanceUsd
+      onEventRef,
+      totalBalanceUsd,
+      onWithdrawSubmittedRef
     ]
   );
   const handleWithdrawComplete = useCallback2(
     (txHash, destinationTxHash, context) => {
       logFlow("withdraw:complete", { txHash, destinationTxHash, ...context });
-      onWithdrawComplete?.({
+      onWithdrawCompleteRef.current?.({
         txHash,
         destinationTxHash,
         amount: context.amount,
@@ -1307,14 +1312,14 @@ function WithdrawFlow({
         targetToken: context.targetToken
       });
     },
-    [logFlow, onWithdrawComplete]
+    [logFlow, onWithdrawCompleteRef]
   );
   const handleWithdrawFailed = useCallback2(
     (txHash, error) => {
       logFlowError("withdraw:failed", error, { txHash });
-      onWithdrawFailed?.({ txHash, error });
+      onWithdrawFailedRef.current?.({ txHash, error });
     },
-    [logFlowError, onWithdrawFailed]
+    [logFlowError, onWithdrawFailedRef]
   );
   const allowedChainSet = useMemo2(
     () => allowedRoutes?.sourceChains ? new Set(allowedRoutes.sourceChains) : null,
@@ -1475,7 +1480,7 @@ function WithdrawFlow({
 // src/WithdrawModal.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 var ReownWithdrawInner = lazy(
-  () => import("./WithdrawModalReown-MME7VSKX.mjs").then((m) => ({
+  () => import("./WithdrawModalReown-6VYKKKJN.mjs").then((m) => ({
     default: m.WithdrawModalReown
   }))
 );
@@ -1543,10 +1548,8 @@ function WithdrawModalInner({
       applyTheme(modalRef.current, theme);
     }
   }, [isOpen, theme]);
-  const hasCalledReady = useRef3(false);
   useEffect3(() => {
-    if (isOpen && !hasCalledReady.current) {
-      hasCalledReady.current = true;
+    if (isOpen) {
       onReadyRef.current?.();
     }
   }, [isOpen, onReadyRef]);

package/dist/{chunk-JZWCK7C3.cjs → chunk-FLVSQDP4.cjs}

@@ -8,7 +8,7 @@
 
 
 
-var _chunkR6U6BHCVcjs = require('./chunk-R6U6BHCV.cjs');
+var _chunkMUWVDVY4cjs = require('./chunk-MUWVDVY4.cjs');
 
 // src/components/ui/Modal.tsx
 
@@ -663,14 +663,14 @@ function normalizeOrchestratorPortfolio(data) {
       const unlocked = _nullishCoalesce(_optionalChain([chainBalance, 'access', _22 => _22.balance, 'optionalAccess', _23 => _23.unlocked]), () => ( "0"));
       const normalizedName = tokenData.tokenName.trim();
       const isNativeSymbol = normalizedName.toUpperCase() === "ETH" || normalizedName.toUpperCase() === "ETHER";
-      const tokenAddress = _nullishCoalesce(_nullishCoalesce(chainBalance.tokenAddress, () => ( extractTokenAddress(tokenData, chainBalance.chainId))), () => ( _chunkR6U6BHCVcjs.getTokenAddress.call(void 0, tokenData.tokenName, chainBalance.chainId)));
-      const resolvedTokenAddress = isNativeSymbol ? _chunkR6U6BHCVcjs.NATIVE_TOKEN_ADDRESS : tokenAddress;
+      const tokenAddress = _nullishCoalesce(_nullishCoalesce(chainBalance.tokenAddress, () => ( extractTokenAddress(tokenData, chainBalance.chainId))), () => ( _chunkMUWVDVY4cjs.getTokenAddress.call(void 0, tokenData.tokenName, chainBalance.chainId)));
+      const resolvedTokenAddress = isNativeSymbol ? _chunkMUWVDVY4cjs.NATIVE_TOKEN_ADDRESS : tokenAddress;
       if (!resolvedTokenAddress) {
         continue;
       }
-      const registrySymbol = _chunkR6U6BHCVcjs.getTokenSymbol.call(void 0, resolvedTokenAddress, chainBalance.chainId);
+      const registrySymbol = _chunkMUWVDVY4cjs.getTokenSymbol.call(void 0, resolvedTokenAddress, chainBalance.chainId);
       const symbol = registrySymbol !== "Token" ? registrySymbol : normalizedName || "Token";
-      const decimals = registrySymbol !== "Token" ? _chunkR6U6BHCVcjs.getTokenDecimalsByAddress.call(void 0, resolvedTokenAddress, chainBalance.chainId) : _nullishCoalesce(tokenData.tokenDecimals, () => ( 18));
+      const decimals = registrySymbol !== "Token" ? _chunkMUWVDVY4cjs.getTokenDecimalsByAddress.call(void 0, resolvedTokenAddress, chainBalance.chainId) : _nullishCoalesce(tokenData.tokenDecimals, () => ( 18));
       tokens.push({
         chainId: chainBalance.chainId,
         address: resolvedTokenAddress,
@@ -699,14 +699,14 @@ function normalizeDirectToken(token) {
   const address = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(extractString(token, "address"), () => ( extractString(token, "tokenAddress"))), () => ( extractString(
     token.token,
     "address"
-  ))), () => ( (typeof chainId === "number" ? _chunkR6U6BHCVcjs.getTokenAddress.call(void 0, symbol, chainId) : void 0)));
+  ))), () => ( (typeof chainId === "number" ? _chunkMUWVDVY4cjs.getTokenAddress.call(void 0, symbol, chainId) : void 0)));
   if (!address) return null;
   const balanceUsd = _nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_nullishCoalesce(_nullishCoalesce(extractNumber(token, "balanceUsd"), () => ( extractNumber(token, "usdValue"))), () => ( extractNumber(token, "valueUsd"))), () => ( extractNumericString(token, "balanceUsd"))), () => ( extractNumericString(token, "usdValue"))), () => ( extractNumericString(token, "valueUsd"))), () => ( 0));
   const isSolanaToken = chainId === "solana";
-  const registrySymbol = isSolanaToken ? "Token" : _chunkR6U6BHCVcjs.getTokenSymbol.call(void 0, address, chainId);
+  const registrySymbol = isSolanaToken ? "Token" : _chunkMUWVDVY4cjs.getTokenSymbol.call(void 0, address, chainId);
   const resolvedSymbol = isSolanaToken ? symbol : registrySymbol !== "Token" ? registrySymbol : symbol;
   const backendDecimals = _nullishCoalesce(extractNumber(token, "decimals"), () => ( extractNumber(token, "tokenDecimals")));
-  const resolvedDecimals = !isSolanaToken && registrySymbol !== "Token" ? _chunkR6U6BHCVcjs.getTokenDecimalsByAddress.call(void 0, address, chainId) : _nullishCoalesce(backendDecimals, () => ( 18));
+  const resolvedDecimals = !isSolanaToken && registrySymbol !== "Token" ? _chunkMUWVDVY4cjs.getTokenDecimalsByAddress.call(void 0, address, chainId) : _nullishCoalesce(backendDecimals, () => ( 18));
   return {
     chainId,
     address,
@@ -1023,13 +1023,14 @@ function ExternalLinkIcon() {
   ] });
 }
 function TransferIcon() {
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { viewBox: "0 0 16 16", fill: "none", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "svg", { width: "20", height: "20", viewBox: "0 0 20 20", fill: "none", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     "path",
     {
-      fillRule: "evenodd",
-      clipRule: "evenodd",
-      d: "M9.99256 0.0706115C10.2112 0.195503 10.3185 0.457071 10.2527 0.704513L8.80705 6.13519H14.0826C14.2993 6.13519 14.4954 6.26695 14.5818 6.47064C14.6682 6.67433 14.6284 6.91113 14.4805 7.07349L6.85913 15.4396C6.68832 15.6271 6.41472 15.6711 6.19607 15.5462C5.97742 15.4213 5.87009 15.1598 5.93595 14.9123L7.38158 9.48164H2.10607C1.8893 9.48164 1.69319 9.34988 1.60679 9.14619C1.5204 8.9425 1.56019 8.7057 1.7081 8.54334L9.32949 0.177204C9.5003 -0.0102968 9.77391 -0.0542802 9.99256 0.0706115Z",
-      fill: "currentColor"
+      d: "M6.18056 9.99924H10V13.8187M3.13264 9.99924H3.125M6.95208 13.8187H6.94444M10.0076 16.8742H10M16.8826 9.99924H16.875M3.125 13.8187H4.27083M12.6736 9.99924H14.2014M3.125 16.8742H6.94444M10 2.36035V6.94369M14.2778 16.8742H15.6528C16.0806 16.8742 16.2945 16.8742 16.4579 16.791C16.6016 16.7177 16.7185 16.6009 16.7917 16.4572C16.875 16.2937 16.875 16.0798 16.875 15.652V14.277C16.875 13.8492 16.875 13.6353 16.7917 13.4719C16.7185 13.3282 16.6016 13.2113 16.4579 13.1381C16.2945 13.0548 16.0806 13.0548 15.6528 13.0548H14.2778C13.85 13.0548 13.6361 13.0548 13.4726 13.1381C13.3289 13.2113 13.2121 13.3282 13.1388 13.4719C13.0556 13.6353 13.0556 13.8492 13.0556 14.277V15.652C13.0556 16.0798 13.0556 16.2937 13.1388 16.4572C13.2121 16.6009 13.3289 16.7177 13.4726 16.791C13.6361 16.8742 13.85 16.8742 14.2778 16.8742ZM14.2778 6.94369H15.6528C16.0806 6.94369 16.2945 6.94369 16.4579 6.86043C16.6016 6.78719 16.7185 6.67033 16.7917 6.52659C16.875 6.36319 16.875 6.14928 16.875 5.72146V4.34646C16.875 3.91864 16.875 3.70474 16.7917 3.54133C16.7185 3.3976 16.6016 3.28074 16.4579 3.2075C16.2945 3.12424 16.0806 3.12424 15.6528 3.12424H14.2778C13.85 3.12424 13.6361 3.12424 13.4726 3.2075C13.3289 3.28074 13.2121 3.3976 13.1388 3.54133C13.0556 3.70474 13.0556 3.91864 13.0556 4.34646V5.72146C13.0556 6.14928 13.0556 6.36319 13.1388 6.52659C13.2121 6.67033 13.3289 6.78719 13.4726 6.86043C13.6361 6.94369 13.85 6.94369 14.2778 6.94369ZM4.34722 6.94369H5.72222C6.15004 6.94369 6.36395 6.94369 6.52735 6.86043C6.67109 6.78719 6.78795 6.67033 6.86119 6.52659C6.94444 6.36319 6.94444 6.14928 6.94444 5.72146V4.34646C6.94444 3.91864 6.94444 3.70474 6.86119 3.54133C6.78795 3.3976 6.67109 3.28074 6.52735 3.2075C6.36395 3.12424 6.15004 3.12424 5.72222 3.12424H4.34722C3.9194 3.12424 3.7055 3.12424 3.54209 3.2075C3.39836 3.28074 3.2815 3.3976 3.20826 3.54133C3.125 3.70474 3.125 3.91864 3.125 4.34646V5.72146C3.125 6.14928 3.125 6.36319 3.20826 6.52659C3.2815 6.67033 3.39836 6.78719 3.54209 6.86043C3.7055 6.94369 3.9194 6.94369 4.34722 6.94369Z",
+      stroke: "currentColor",
+      strokeWidth: "1.5",
+      strokeLinecap: "round",
+      strokeLinejoin: "round"
     }
   ) });
 }
@@ -1102,7 +1103,7 @@ function ConnectStep({
                         {
                           src: option.icon,
                           alt: option.label,
-                          style: { width: 18, height: 18, borderRadius: 4 }
+                          style: { width: 24, height: 24, borderRadius: 6 }
                         }
                       ) : rowIcon(option.kind)
                     }
@@ -1591,6 +1592,18 @@ function ProcessingStep({
   const pollIntervalRef = _react.useRef.call(void 0, INITIAL_POLL_INTERVAL);
   const pollTimeoutRef = _react.useRef.call(void 0, null);
   const escalatedDelayRef = _react.useRef.call(void 0, false);
+  const processingContextRef = useLatestRef({
+    amount,
+    sourceChain,
+    sourceToken,
+    targetChain,
+    targetToken,
+    waitForFinalTx,
+    hasPostBridgeActions
+  });
+  const onDepositCompleteRef = useLatestRef(onDepositComplete);
+  const onDepositFailedRef = useLatestRef(onDepositFailed);
+  const onErrorRef = useLatestRef(onError);
   const [state, setState] = _react.useState.call(void 0, 
     directTransfer ? { type: "complete" } : { type: "processing" }
   );
@@ -1616,23 +1629,20 @@ function ProcessingStep({
       txHash,
       flowLabel
     });
-    _optionalChain([onDepositComplete, 'optionalCall', _105 => _105(txHash, void 0, {
-      amount,
-      sourceChain,
-      sourceToken,
-      targetChain,
-      targetToken
+    const context = processingContextRef.current;
+    _optionalChain([onDepositCompleteRef, 'access', _105 => _105.current, 'optionalCall', _106 => _106(txHash, void 0, {
+      amount: context.amount,
+      sourceChain: context.sourceChain,
+      sourceToken: context.sourceToken,
+      targetChain: context.targetChain,
+      targetToken: context.targetToken
     })]);
   }, [
-    amount,
     debug,
     directTransfer,
     flowLabel,
-    onDepositComplete,
-    sourceChain,
-    sourceToken,
-    targetChain,
-    targetToken,
+    onDepositCompleteRef,
+    processingContextRef,
     txHash
   ]);
   _react.useEffect.call(void 0, () => {
@@ -1657,7 +1667,7 @@ function ProcessingStep({
   _react.useEffect.call(void 0, () => {
     if (!state.lastEvent) return;
     setPhaseTimings((previous) => syncPhaseTimings(previous, state.lastEvent));
-  }, [_optionalChain([state, 'access', _106 => _106.lastEvent, 'optionalAccess', _107 => _107.time]), _optionalChain([state, 'access', _108 => _108.lastEvent, 'optionalAccess', _109 => _109.type])]);
+  }, [_optionalChain([state, 'access', _107 => _107.lastEvent, 'optionalAccess', _108 => _108.time]), _optionalChain([state, 'access', _109 => _109.lastEvent, 'optionalAccess', _110 => _110.type])]);
   _react.useEffect.call(void 0, () => {
     savePhaseTimings(txHash, phaseTimings);
   }, [txHash, phaseTimings]);
@@ -1684,29 +1694,30 @@ function ProcessingStep({
           debugLog(debug, "processing", "poll:event", {
             type: lastEvent2.type,
             matchesTx: eventMatchesTx,
-            intentId: _optionalChain([eventData, 'optionalAccess', _110 => _110.intentId])
+            intentId: _optionalChain([eventData, 'optionalAccess', _111 => _111.intentId])
           });
         }
         if (!isMounted) return;
-        const awaitingPostBridgeSwap = waitForFinalTx && hasPostBridgeActions;
-        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _111 => _111.type]) === "post-bridge-swap-complete") {
+        const awaitingPostBridgeSwap = processingContextRef.current.waitForFinalTx && processingContextRef.current.hasPostBridgeActions;
+        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _112 => _112.type]) === "post-bridge-swap-complete") {
           setState({ type: "complete", lastEvent: eventForCurrentTx });
-          const swapTxHash = _optionalChain([eventForCurrentTx, 'access', _112 => _112.data, 'optionalAccess', _113 => _113.swap, 'optionalAccess', _114 => _114.transactionHash]);
+          const swapTxHash = _optionalChain([eventForCurrentTx, 'access', _113 => _113.data, 'optionalAccess', _114 => _114.swap, 'optionalAccess', _115 => _115.transactionHash]);
           debugLog(debug, "processing", "state:complete", {
             txHash,
             destinationTxHash: swapTxHash,
             event: eventForCurrentTx.type
           });
-          _optionalChain([onDepositComplete, 'optionalCall', _115 => _115(txHash, swapTxHash, {
-            amount,
-            sourceChain,
-            sourceToken,
-            targetChain,
-            targetToken
+          const context = processingContextRef.current;
+          _optionalChain([onDepositCompleteRef, 'access', _116 => _116.current, 'optionalCall', _117 => _117(txHash, swapTxHash, {
+            amount: context.amount,
+            sourceChain: context.sourceChain,
+            sourceToken: context.sourceToken,
+            targetChain: context.targetChain,
+            targetToken: context.targetToken
           })]);
           return;
         }
-        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _116 => _116.type]) === "post-bridge-swap-failed") {
+        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _118 => _118.type]) === "post-bridge-swap-failed") {
           const formatted = formatBridgeFailedMessage(eventForCurrentTx);
           setState({
             type: "failed",
@@ -1718,42 +1729,44 @@ function ProcessingStep({
             message: formatted.message,
             code: formatted.code
           });
-          _optionalChain([onDepositFailed, 'optionalCall', _117 => _117(txHash, formatted.message)]);
+          _optionalChain([onDepositFailedRef, 'access', _119 => _119.current, 'optionalCall', _120 => _120(txHash, formatted.message)]);
           return;
         }
-        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _118 => _118.type]) === "bridge-complete" && !awaitingPostBridgeSwap) {
+        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _121 => _121.type]) === "bridge-complete" && !awaitingPostBridgeSwap) {
           setState({ type: "complete", lastEvent: eventForCurrentTx });
-          const destinationTxHash2 = _optionalChain([eventForCurrentTx, 'access', _119 => _119.data, 'optionalAccess', _120 => _120.destination, 'optionalAccess', _121 => _121.transactionHash]);
+          const destinationTxHash2 = _optionalChain([eventForCurrentTx, 'access', _122 => _122.data, 'optionalAccess', _123 => _123.destination, 'optionalAccess', _124 => _124.transactionHash]);
           debugLog(debug, "processing", "state:complete", {
             txHash,
             destinationTxHash: destinationTxHash2,
             event: eventForCurrentTx.type
           });
-          _optionalChain([onDepositComplete, 'optionalCall', _122 => _122(txHash, destinationTxHash2, {
-            amount,
-            sourceChain,
-            sourceToken,
-            targetChain,
-            targetToken
+          const context = processingContextRef.current;
+          _optionalChain([onDepositCompleteRef, 'access', _125 => _125.current, 'optionalCall', _126 => _126(txHash, destinationTxHash2, {
+            amount: context.amount,
+            sourceChain: context.sourceChain,
+            sourceToken: context.sourceToken,
+            targetChain: context.targetChain,
+            targetToken: context.targetToken
           })]);
           return;
         }
-        if (!waitForFinalTx && _optionalChain([eventForCurrentTx, 'optionalAccess', _123 => _123.type]) === "bridge-started") {
+        if (!waitForFinalTx && _optionalChain([eventForCurrentTx, 'optionalAccess', _127 => _127.type]) === "bridge-started") {
           setState({ type: "complete", lastEvent: eventForCurrentTx });
           debugLog(debug, "processing", "state:early-complete", {
             txHash,
             event: eventForCurrentTx.type
           });
-          _optionalChain([onDepositComplete, 'optionalCall', _124 => _124(txHash, void 0, {
-            amount,
-            sourceChain,
-            sourceToken,
-            targetChain,
-            targetToken
+          const context = processingContextRef.current;
+          _optionalChain([onDepositCompleteRef, 'access', _128 => _128.current, 'optionalCall', _129 => _129(txHash, void 0, {
+            amount: context.amount,
+            sourceChain: context.sourceChain,
+            sourceToken: context.sourceToken,
+            targetChain: context.targetChain,
+            targetToken: context.targetToken
           })]);
           return;
         }
-        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _125 => _125.type]) === "bridge-failed") {
+        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _130 => _130.type]) === "bridge-failed") {
           const formatted = formatBridgeFailedMessage(eventForCurrentTx);
           setState({
             type: "failed",
@@ -1765,11 +1778,11 @@ function ProcessingStep({
             message: formatted.message,
             code: formatted.code
           });
-          _optionalChain([onDepositFailed, 'optionalCall', _126 => _126(txHash, formatted.message)]);
+          _optionalChain([onDepositFailedRef, 'access', _131 => _131.current, 'optionalCall', _132 => _132(txHash, formatted.message)]);
           return;
         }
-        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _127 => _127.type]) === "error") {
-          const errorMessage = _nullishCoalesce(_optionalChain([eventForCurrentTx, 'access', _128 => _128.data, 'optionalAccess', _129 => _129.message]), () => ( "Unknown error"));
+        if (_optionalChain([eventForCurrentTx, 'optionalAccess', _133 => _133.type]) === "error") {
+          const errorMessage = _nullishCoalesce(_optionalChain([eventForCurrentTx, 'access', _134 => _134.data, 'optionalAccess', _135 => _135.message]), () => ( "Unknown error"));
           setState({
             type: "failed",
             message: errorMessage,
@@ -1779,7 +1792,7 @@ function ProcessingStep({
             txHash,
             message: errorMessage
           });
-          _optionalChain([onDepositFailed, 'optionalCall', _130 => _130(txHash, errorMessage)]);
+          _optionalChain([onDepositFailedRef, 'access', _136 => _136.current, 'optionalCall', _137 => _137(txHash, errorMessage)]);
           return;
         }
         setState((previous) => ({
@@ -1817,21 +1830,15 @@ function ProcessingStep({
       }
     };
   }, [
-    amount,
     debug,
     directTransfer,
-    hasPostBridgeActions,
-    onDepositComplete,
-    onDepositFailed,
+    onDepositCompleteRef,
+    onDepositFailedRef,
+    processingContextRef,
     service,
     smartAccount,
-    sourceChain,
-    sourceToken,
     state.type,
-    targetChain,
-    targetToken,
-    txHash,
-    waitForFinalTx
+    txHash
   ]);
   _react.useEffect.call(void 0, () => {
     if (directTransfer || state.type !== "processing") return;
@@ -1844,32 +1851,32 @@ function ProcessingStep({
         txHash,
         timeoutMs: ESCALATED_DELAY_MS
       });
-      _optionalChain([onError, 'optionalCall', _131 => _131(message, "PROCESS_TIMEOUT")]);
+      _optionalChain([onErrorRef, 'access', _138 => _138.current, 'optionalCall', _139 => _139(message, "PROCESS_TIMEOUT")]);
     }, ESCALATED_DELAY_MS);
     return () => clearTimeout(timeoutId);
-  }, [debug, directTransfer, onError, state.type, txHash]);
+  }, [debug, directTransfer, onErrorRef, state.type, txHash]);
   const isComplete = state.type === "complete";
   const isFailed = state.type === "failed";
   const isProcessing = state.type === "processing";
   const lastEvent = state.lastEvent;
   const failureMessage = state.type === "failed" ? state.message : void 0;
-  const isEarlyComplete = !waitForFinalTx && _optionalChain([lastEvent, 'optionalAccess', _132 => _132.type]) === "bridge-started";
+  const isEarlyComplete = !waitForFinalTx && _optionalChain([lastEvent, 'optionalAccess', _140 => _140.type]) === "bridge-started";
   const timelineNowMs = _nullishCoalesce(phaseTimings.endedAt, () => ( Date.now()));
   const flowNoun = flowLabel === "withdraw" ? "withdrawal" : "deposit";
   const flowCapitalized = flowLabel === "withdraw" ? "Withdrawal" : "Deposit";
-  const isPostBridgeSwapEvent = _optionalChain([lastEvent, 'optionalAccess', _133 => _133.type]) === "post-bridge-swap-complete" || _optionalChain([lastEvent, 'optionalAccess', _134 => _134.type]) === "post-bridge-swap-failed";
-  const destinationTxHash = isPostBridgeSwapEvent ? _optionalChain([lastEvent, 'optionalAccess', _135 => _135.data, 'optionalAccess', _136 => _136.swap, 'optionalAccess', _137 => _137.transactionHash]) || null : _optionalChain([lastEvent, 'optionalAccess', _138 => _138.data, 'optionalAccess', _139 => _139.destination, 'optionalAccess', _140 => _140.transactionHash]) || null;
-  const bridgeTxHash = isPostBridgeSwapEvent ? _optionalChain([lastEvent, 'optionalAccess', _141 => _141.data, 'optionalAccess', _142 => _142.bridge, 'optionalAccess', _143 => _143.transactionHash]) || null : null;
+  const isPostBridgeSwapEvent = _optionalChain([lastEvent, 'optionalAccess', _141 => _141.type]) === "post-bridge-swap-complete" || _optionalChain([lastEvent, 'optionalAccess', _142 => _142.type]) === "post-bridge-swap-failed";
+  const destinationTxHash = isPostBridgeSwapEvent ? _optionalChain([lastEvent, 'optionalAccess', _143 => _143.data, 'optionalAccess', _144 => _144.swap, 'optionalAccess', _145 => _145.transactionHash]) || null : _optionalChain([lastEvent, 'optionalAccess', _146 => _146.data, 'optionalAccess', _147 => _147.destination, 'optionalAccess', _148 => _148.transactionHash]) || null;
+  const bridgeTxHash = isPostBridgeSwapEvent ? _optionalChain([lastEvent, 'optionalAccess', _149 => _149.data, 'optionalAccess', _150 => _150.bridge, 'optionalAccess', _151 => _151.transactionHash]) || null : null;
   const sourceDetails = getEventSourceDetails(lastEvent);
   const displaySourceChain = _nullishCoalesce(sourceDetails.chainId, () => ( sourceChain));
   const displaySourceToken = _nullishCoalesce(sourceDetails.token, () => ( sourceToken));
   const displayAmount = _nullishCoalesce(sourceDetails.amount, () => ( amount));
-  const sourceExplorerUrl = _chunkR6U6BHCVcjs.getExplorerTxUrl.call(void 0, displaySourceChain, txHash);
-  const bridgeExplorerUrl = bridgeTxHash ? _chunkR6U6BHCVcjs.getExplorerTxUrl.call(void 0, targetChain, bridgeTxHash) : null;
-  const destExplorerUrl = destinationTxHash ? _chunkR6U6BHCVcjs.getExplorerTxUrl.call(void 0, targetChain, destinationTxHash) : null;
+  const sourceExplorerUrl = _chunkMUWVDVY4cjs.getExplorerTxUrl.call(void 0, displaySourceChain, txHash);
+  const bridgeExplorerUrl = bridgeTxHash ? _chunkMUWVDVY4cjs.getExplorerTxUrl.call(void 0, targetChain, bridgeTxHash) : null;
+  const destExplorerUrl = destinationTxHash ? _chunkMUWVDVY4cjs.getExplorerTxUrl.call(void 0, targetChain, destinationTxHash) : null;
   const isEvmSourceToken = /^0x[a-fA-F0-9]{40}$/.test(displaySourceToken);
-  const sourceSymbol = displaySourceChain === "solana" ? _nullishCoalesce(providedSourceSymbol, () => ( "SOL")) : isEvmSourceToken ? _chunkR6U6BHCVcjs.getTokenSymbol.call(void 0, displaySourceToken, displaySourceChain) : _nullishCoalesce(providedSourceSymbol, () => ( "Token"));
-  const sourceDecimals = displaySourceChain === "solana" ? _nullishCoalesce(providedSourceDecimals, () => ( 9)) : isEvmSourceToken ? _chunkR6U6BHCVcjs.getTokenDecimalsByAddress.call(void 0, 
+  const sourceSymbol = displaySourceChain === "solana" ? _nullishCoalesce(providedSourceSymbol, () => ( "SOL")) : isEvmSourceToken ? _chunkMUWVDVY4cjs.getTokenSymbol.call(void 0, displaySourceToken, displaySourceChain) : _nullishCoalesce(providedSourceSymbol, () => ( "Token"));
+  const sourceDecimals = displaySourceChain === "solana" ? _nullishCoalesce(providedSourceDecimals, () => ( 9)) : isEvmSourceToken ? _chunkMUWVDVY4cjs.getTokenDecimalsByAddress.call(void 0, 
     displaySourceToken,
     displaySourceChain
   ) : _nullishCoalesce(providedSourceDecimals, () => ( 18));
@@ -1890,7 +1897,7 @@ function ProcessingStep({
   const activePhaseElapsedMs = isProcessing && activePhaseStartedAt !== void 0 ? timelineNowMs - activePhaseStartedAt : 0;
   const delayPhaseId = isProcessing && currentPhaseId && activePhaseElapsedMs >= SOFT_DELAY_MS[currentPhaseId] ? currentPhaseId : void 0;
   const headerTitle = isFailed ? `${flowCapitalized} could not be completed` : isComplete ? isEarlyComplete ? `${flowCapitalized} confirmed` : `${flowCapitalized} successful` : delayPhaseId === "received" ? "Bridge pending" : delayPhaseId === "bridging" ? "Bridge delayed" : delayPhaseId === "confirming" ? `Confirming ${flowNoun}` : `Submitting transaction...`;
-  const headerDescription = isFailed ? _nullishCoalesce(failureMessage, () => ( "The transfer could not be completed.")) : isComplete ? directTransfer ? "Your transfer is complete." : isEarlyComplete ? "The bridge has started. Funds will arrive shortly." : "Your funds were successfully deposited." : delayPhaseId === "received" ? "Funds are in. We are still waiting for the bridge transaction to begin." : delayPhaseId === "bridging" ? "The bridge has started but settlement is taking longer than expected." : delayPhaseId === "confirming" ? "The source transaction has not been picked up yet, but we are still polling automatically." : _optionalChain([state, 'access', _144 => _144.lastEvent, 'optionalAccess', _145 => _145.type]) === "deposit-received" ? "Transfer received. Preparing bridge execution." : _optionalChain([state, 'access', _146 => _146.lastEvent, 'optionalAccess', _147 => _147.type]) === "bridge-started" ? `Bridge started. Sending funds to ${_chunkR6U6BHCVcjs.getChainName.call(void 0, targetChain)}.` : "Filling your transaction on the blockchain.";
+  const headerDescription = isFailed ? _nullishCoalesce(failureMessage, () => ( "The transfer could not be completed.")) : isComplete ? directTransfer ? "Your transfer is complete." : isEarlyComplete ? "The bridge has started. Funds will arrive shortly." : "Your funds were successfully deposited." : delayPhaseId === "received" ? "Funds are in. We are still waiting for the bridge transaction to begin." : delayPhaseId === "bridging" ? "The bridge has started but settlement is taking longer than expected." : delayPhaseId === "confirming" ? "The source transaction has not been picked up yet, but we are still polling automatically." : _optionalChain([state, 'access', _152 => _152.lastEvent, 'optionalAccess', _153 => _153.type]) === "deposit-received" ? "Transfer received. Preparing bridge execution." : _optionalChain([state, 'access', _154 => _154.lastEvent, 'optionalAccess', _155 => _155.type]) === "bridge-started" ? `Bridge started. Sending funds to ${_chunkMUWVDVY4cjs.getChainName.call(void 0, targetChain)}.` : "Filling your transaction on the blockchain.";
   const showAlert = !isFailed && (delayPhaseId !== void 0 || hasEscalatedDelay);
   const alertMessage = hasEscalatedDelay ? "Taking longer than expected. You can close this window \u2014 processing continues in the background." : "This step is slower than usual but still processing.";
   const fillStatus = isComplete ? "Successful" : isFailed ? "Failed" : "Processing";
@@ -1972,15 +1979,15 @@ function ProcessingStep({
               className: "rs-card-value",
               style: { display: "flex", alignItems: "center", gap: 6 },
               children: [
-                _chunkR6U6BHCVcjs.getChainIcon.call(void 0, displaySourceChain) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkMUWVDVY4cjs.getChainIcon.call(void 0, displaySourceChain) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "img",
                   {
-                    src: _chunkR6U6BHCVcjs.getChainIcon.call(void 0, displaySourceChain),
+                    src: _chunkMUWVDVY4cjs.getChainIcon.call(void 0, displaySourceChain),
                     alt: "",
                     style: { width: 16, height: 16, borderRadius: 3 }
                   }
                 ),
-                _chunkR6U6BHCVcjs.getChainName.call(void 0, displaySourceChain),
+                _chunkMUWVDVY4cjs.getChainName.call(void 0, displaySourceChain),
                 sourceExplorerUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "a",
                   {
@@ -2003,15 +2010,15 @@ function ProcessingStep({
               className: "rs-card-value",
               style: { display: "flex", alignItems: "center", gap: 6 },
               children: [
-                _chunkR6U6BHCVcjs.getChainIcon.call(void 0, targetChain) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                _chunkMUWVDVY4cjs.getChainIcon.call(void 0, targetChain) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "img",
                   {
-                    src: _chunkR6U6BHCVcjs.getChainIcon.call(void 0, targetChain),
+                    src: _chunkMUWVDVY4cjs.getChainIcon.call(void 0, targetChain),
                     alt: "",
                     style: { width: 16, height: 16, borderRadius: 3 }
                   }
                 ),
-                _chunkR6U6BHCVcjs.getChainName.call(void 0, targetChain),
+                _chunkMUWVDVY4cjs.getChainName.call(void 0, targetChain),
                 destExplorerUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                   "a",
                   {
@@ -2035,10 +2042,10 @@ function ProcessingStep({
             className: "rs-card-value",
             style: { display: "flex", alignItems: "center", gap: 6 },
             children: [
-              _chunkR6U6BHCVcjs.getTokenIcon.call(void 0, sourceSymbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+              _chunkMUWVDVY4cjs.getTokenIcon.call(void 0, sourceSymbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                 "img",
                 {
-                  src: _chunkR6U6BHCVcjs.getTokenIcon.call(void 0, sourceSymbol),
+                  src: _chunkMUWVDVY4cjs.getTokenIcon.call(void 0, sourceSymbol),
                   alt: "",
                   style: { width: 16, height: 16, borderRadius: "50%" }
                 }
@@ -2170,7 +2177,7 @@ var clientCache = /* @__PURE__ */ new Map();
 function getPublicClient(chainId) {
   let client = clientCache.get(chainId);
   if (!client) {
-    const chain = _chunkR6U6BHCVcjs.CHAIN_BY_ID[chainId];
+    const chain = _chunkMUWVDVY4cjs.CHAIN_BY_ID[chainId];
     client = _viem.createPublicClient.call(void 0, {
       chain,
       transport: _viem.http.call(void 0, )
@@ -2210,4 +2217,4 @@ 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.parseEvmChainId = parseEvmChainId; exports.isSolanaCaip2 = isSolanaCaip2; 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;
+exports.Modal = Modal; exports.Spinner = Spinner; exports.Button = Button; exports.ConnectStep = ConnectStep; exports.debugLog = debugLog; exports.debugError = debugError; exports.toEvmCaip2 = toEvmCaip2; exports.parseEvmChainId = parseEvmChainId; exports.isSolanaCaip2 = isSolanaCaip2; 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.useLatestRef = useLatestRef; exports.ProcessingStep = ProcessingStep; exports.getPublicClient = getPublicClient; exports.applyTheme = applyTheme;