@rhinestone/deposit-modal 0.2.4 → 0.3.0-alpha.0

package/dist/{chunk-QUOP5C6V.cjs → chunk-Z2SIC2TH.cjs}

@@ -21,7 +21,6 @@
 
 
 
-var _chunkNFXJEOE6cjs = require('./chunk-NFXJEOE6.cjs');
 
 
 
@@ -29,12 +28,20 @@ var _chunkNFXJEOE6cjs = require('./chunk-NFXJEOE6.cjs');
 
 
 
+var _chunkY3RA3YGAcjs = require('./chunk-Y3RA3YGA.cjs');
 
 
 
 
 
-var _chunkR2HP743Tcjs = require('./chunk-R2HP743T.cjs');
+
+
+
+
+
+
+
+var _chunkXCAF6B3Dcjs = require('./chunk-XCAF6B3D.cjs');
 
 // src/WithdrawModal.tsx
 
@@ -50,6 +57,121 @@ var _react = require('react');
 // src/WithdrawFlow.tsx
 
 
+// src/store/withdraw.tsx
+
+var _zustand = require('zustand');
+var _vanilla = require('zustand/vanilla');
+function unreachable(action) {
+  throw new Error(
+    `[deposit-modal/withdraw-store] Unhandled action: ${JSON.stringify(action)}`
+  );
+}
+function applyWithdrawAction(state, action) {
+  switch (action.type) {
+    case "wallet/id-selected":
+      return { ...state, selectedWalletId: action.walletId };
+    case "registration/started":
+      return {
+        ...state,
+        registration: state.registration.kind === "ready" ? {
+          kind: "stale",
+          smartAccount: state.registration.smartAccount,
+          registeredTarget: state.registration.registeredTarget
+        } : { kind: "pending" }
+      };
+    case "registration/ready":
+      return {
+        ...state,
+        registration: {
+          kind: "ready",
+          smartAccount: action.smartAccount,
+          registeredTarget: action.registeredTarget
+        },
+        step: state.step === "connect" ? "form" : state.step
+      };
+    case "registration/failed":
+      return {
+        ...state,
+        registration: { kind: "failed", error: action.error }
+      };
+    case "form/continue":
+      return {
+        ...state,
+        amount: action.amount,
+        recipient: action.recipient,
+        step: "review"
+      };
+    case "review/back":
+      return { ...state, step: "form" };
+    case "withdraw/submitted":
+      return { ...state, txHash: action.txHash, step: "processing" };
+    case "withdraw/complete":
+      return { ...state, step: "complete" };
+    case "withdraw/failed":
+      return { ...state, step: "failed" };
+    case "flow/reset":
+      return {
+        ...state,
+        step: "form",
+        amount: null,
+        recipient: null,
+        txHash: null
+      };
+    case "modal/reset":
+      return {
+        ...state,
+        step: "connect",
+        selectedWalletId: null,
+        registration: { kind: "idle" },
+        amount: null,
+        recipient: null,
+        txHash: null
+      };
+    default:
+      return unreachable(action);
+  }
+}
+function createWithdrawStore() {
+  const store = _vanilla.createStore.call(void 0, () => ({
+    step: "connect",
+    selectedWalletId: null,
+    registration: { kind: "idle" },
+    amount: null,
+    recipient: null,
+    txHash: null
+  }));
+  return {
+    ...store,
+    dispatch(action) {
+      store.setState((state) => applyWithdrawAction(state, action));
+    }
+  };
+}
+var WithdrawStoreContext = _react.createContext.call(void 0, null);
+function WithdrawStoreProvider({
+  store,
+  children
+}) {
+  return _react.createElement.call(void 0, 
+    WithdrawStoreContext.Provider,
+    { value: store },
+    children
+  );
+}
+function useWithdrawStoreApi() {
+  const store = _react.useContext.call(void 0, WithdrawStoreContext);
+  if (!store) {
+    throw new Error(
+      "useWithdrawStore must be called inside <WithdrawStoreProvider>"
+    );
+  }
+  return store;
+}
+function useWithdrawStore(selector) {
+  const store = useWithdrawStoreApi();
+  return _zustand.useStore.call(void 0, store, selector);
+}
+
 // src/components/steps/WithdrawFormStep.tsx
 
 var _viem = require('viem');
@@ -82,6 +204,9 @@ function WithdrawFormStep({
   switchChain,
   walletIcon,
   submitting = false,
+  registrationPending = false,
+  registrationError = null,
+  onRecipientChange,
   onSubmit,
   onBalanceUsdChange
 }) {
@@ -107,8 +232,8 @@ function WithdrawFormStep({
   const chainMismatch = Boolean(
     _optionalChain([walletClient, 'optionalAccess', _3 => _3.chain, 'optionalAccess', _4 => _4.id]) && walletClient.chain.id !== asset.chainId
   );
-  const targetSymbol = _chunkR2HP743Tcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
-  const targetChainName = _chunkR2HP743Tcjs.getChainName.call(void 0, targetChain);
+  const targetSymbol = _chunkXCAF6B3Dcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
+  const targetChainName = _chunkXCAF6B3Dcjs.getChainName.call(void 0, targetChain);
   const isBusy = submitting || isSubmitting;
   const seededRecipientRef = _react.useRef.call(void 0, _nullishCoalesce(defaultRecipient, () => ( "")));
   _react.useEffect.call(void 0, () => {
@@ -127,7 +252,7 @@ function WithdrawFormStep({
       setIsSwitching(true);
       switchChain(asset.chainId).catch((err) => {
         const raw = err instanceof Error ? err.message : "Failed to switch chain";
-        setError(_chunkNFXJEOE6cjs.formatUserError.call(void 0, raw));
+        setError(_chunkY3RA3YGAcjs.formatUserError.call(void 0, raw));
       }).finally(() => {
         setIsSwitching(false);
       });
@@ -147,7 +272,7 @@ function WithdrawFormStep({
         return;
       }
       try {
-        const bal = _chunkNFXJEOE6cjs.isNativeAsset.call(void 0, asset) ? await publicClient.getBalance({ address: safeAddress }) : await publicClient.readContract({
+        const bal = _chunkY3RA3YGAcjs.isNativeAsset.call(void 0, asset) ? await publicClient.getBalance({ address: safeAddress }) : await publicClient.readContract({
           address: asset.token,
           abi: _viem.erc20Abi,
           functionName: "balanceOf",
@@ -220,8 +345,9 @@ function WithdrawFormStep({
   const handleUseConnected = _react.useCallback.call(void 0, () => {
     if (!preferredConnectedRecipient) return;
     setRecipient(preferredConnectedRecipient);
+    _optionalChain([onRecipientChange, 'optionalCall', _6 => _6(preferredConnectedRecipient)]);
     setError(null);
-  }, [preferredConnectedRecipient]);
+  }, [preferredConnectedRecipient, onRecipientChange]);
   const handleWithdraw = _react.useCallback.call(void 0, async () => {
     if (!recipient || !/^0x[a-fA-F0-9]{40}$/.test(recipient)) {
       setError("Enter a valid recipient address");
@@ -250,7 +376,7 @@ function WithdrawFormStep({
       await onSubmit(recipient, amount);
     } catch (err) {
       const raw = err instanceof Error ? err.message : "Withdrawal failed";
-      setError(_chunkNFXJEOE6cjs.formatUserError.call(void 0, raw));
+      setError(_chunkY3RA3YGAcjs.formatUserError.call(void 0, raw));
     } finally {
       setIsSubmitting(false);
     }
@@ -258,15 +384,16 @@ 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, _chunkNFXJEOE6cjs.Spinner, { className: "rs-spinner--lg" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY3RA3YGAcjs.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 ${_chunkR2HP743Tcjs.getChainName.call(void 0, asset.chainId)} to continue.` : "Please wait before withdrawing." })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-withdraw-loading-subtitle", children: chainMismatch ? `Switch to ${_chunkXCAF6B3Dcjs.getChainName.call(void 0, asset.chainId)} to continue.` : "Please wait before withdrawing." })
       ] }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNFXJEOE6cjs.PoweredBy, {})
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY3RA3YGAcjs.PoweredBy, {})
     ] });
   }
   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-form", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY3RA3YGAcjs.BodyHeader, { icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY3RA3YGAcjs.CircleArrowOutUpLeftIcon, {}), title: "Withdraw" }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-section", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: "rs-withdraw-label", children: "Recipient address" }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-input-row", children: [
@@ -278,7 +405,9 @@ function WithdrawFormStep({
               placeholder: "0x...",
               value: recipient,
               onChange: (e) => {
-                setRecipient(e.target.value.trim());
+                const next = e.target.value.trim();
+                setRecipient(next);
+                _optionalChain([onRecipientChange, 'optionalCall', _7 => _7(next)]);
                 if (error) setError(null);
               }
             }
@@ -302,24 +431,7 @@ function WithdrawFormStep({
                 ),
                 isRecipientConnected ? null : "Use connected"
               ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                  "svg",
-                  {
-                    viewBox: "0 0 24 24",
-                    fill: "none",
-                    stroke: "currentColor",
-                    strokeWidth: "2",
-                    className: "rs-withdraw-use-connected-icon",
-                    children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                      "path",
-                      {
-                        strokeLinecap: "round",
-                        strokeLinejoin: "round",
-                        d: "M21 12a2.25 2.25 0 00-2.25-2.25H15a3 3 0 11-6 0H5.25A2.25 2.25 0 003 12m18 0v6a2.25 2.25 0 01-2.25 2.25H5.25A2.25 2.25 0 013 18v-6m18 0V9M3 12V9m18 0a2.25 2.25 0 00-2.25-2.25H5.25A2.25 2.25 0 003 9m18 0V6a2.25 2.25 0 00-2.25-2.25H5.25A2.25 2.25 0 003 6v3"
-                      }
-                    )
-                  }
-                ),
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY3RA3YGAcjs.WalletIcon, { className: "rs-withdraw-use-connected-icon" }),
                 isRecipientConnected ? null : "Use connected"
               ] })
             }
@@ -346,22 +458,19 @@ function WithdrawFormStep({
               }
             }
           ),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-amount-right", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-withdraw-token-label", children: asset.symbol }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "button",
-              {
-                type: "button",
-                className: "rs-withdraw-max-btn",
-                onClick: handleMaxClick,
-                disabled: balance === null,
-                children: "Max"
-              }
-            )
-          ] })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-withdraw-amount-right", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              type: "button",
+              className: "rs-withdraw-max-btn",
+              onClick: handleMaxClick,
+              disabled: balance === null,
+              children: "Max"
+            }
+          ) })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-amount-info", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-withdraw-usd", children: amountUsd !== null ? _chunkNFXJEOE6cjs.currencyFormatter.format(amountUsd) : "$0.00" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-withdraw-usd", children: amountUsd !== null ? _chunkY3RA3YGAcjs.currencyFormatter.format(amountUsd) : "$0.00" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-withdraw-balance", children: [
             "Balance: ",
             formattedBalance,
@@ -372,12 +481,12 @@ function WithdrawFormStep({
       ] }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-receive-row", children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-receive-col", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: "rs-withdraw-label", children: "Receive token" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: "rs-withdraw-label rs-withdraw-label--sm", children: "Receive chain" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
             "div",
             {
               className: "rs-withdraw-dropdown-container",
-              ref: tokenDropdownRef,
+              ref: chainDropdownRef,
               children: [
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
                   "button",
@@ -385,79 +494,67 @@ function WithdrawFormStep({
                     type: "button",
                     className: "rs-withdraw-dropdown",
                     onClick: () => {
-                      setShowTokenDropdown(!showTokenDropdown);
-                      setShowChainDropdown(false);
+                      setShowChainDropdown(!showChainDropdown);
+                      setShowTokenDropdown(false);
                     },
                     children: [
                       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-dropdown-value", children: [
-                        _chunkR2HP743Tcjs.getTokenIcon.call(void 0, targetSymbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        _chunkXCAF6B3Dcjs.getChainIcon.call(void 0, targetChain) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                           "img",
                           {
-                            src: _chunkR2HP743Tcjs.getTokenIcon.call(void 0, targetSymbol),
-                            alt: targetSymbol,
+                            src: _chunkXCAF6B3Dcjs.getChainIcon.call(void 0, targetChain),
+                            alt: targetChainName,
                             className: "rs-withdraw-dropdown-icon"
                           }
                         ),
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: targetSymbol })
+                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: targetChainName })
                       ] }),
                       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        "svg",
+                        _chunkY3RA3YGAcjs.ChevronDownIcon,
                         {
-                          viewBox: "0 0 24 24",
-                          fill: "none",
-                          stroke: "currentColor",
-                          strokeWidth: "2",
                           className: "rs-withdraw-dropdown-arrow",
                           style: {
-                            transform: showTokenDropdown ? "rotate(180deg)" : void 0
-                          },
-                          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                            "path",
-                            {
-                              strokeLinecap: "round",
-                              strokeLinejoin: "round",
-                              d: "M19 9l-7 7-7-7"
-                            }
-                          )
+                            transform: showChainDropdown ? "rotate(180deg)" : void 0
+                          }
                         }
                       )
                     ]
                   }
                 ),
-                showTokenDropdown && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-withdraw-dropdown-menu", children: targetTokenOptions.map((option) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                showChainDropdown && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-withdraw-dropdown-menu", children: targetChains.map((chain) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
                   "button",
                   {
                     type: "button",
                     className: "rs-withdraw-dropdown-item",
                     onClick: () => {
-                      onTargetTokenChange(option.address);
-                      setShowTokenDropdown(false);
+                      onTargetChainChange(chain.id);
+                      setShowChainDropdown(false);
                     },
                     children: [
-                      _chunkR2HP743Tcjs.getTokenIcon.call(void 0, option.symbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      _chunkXCAF6B3Dcjs.getChainIcon.call(void 0, chain.id) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                         "img",
                         {
-                          src: _chunkR2HP743Tcjs.getTokenIcon.call(void 0, option.symbol),
-                          alt: option.symbol,
+                          src: _chunkXCAF6B3Dcjs.getChainIcon.call(void 0, chain.id),
+                          alt: chain.name,
                           className: "rs-withdraw-dropdown-icon"
                         }
                       ),
-                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: option.symbol })
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: chain.name })
                     ]
                   },
-                  option.address
+                  chain.id
                 )) })
               ]
             }
           )
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-receive-col", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: "rs-withdraw-label", children: "Receive chain" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: "rs-withdraw-label rs-withdraw-label--sm", children: "Receive token" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
             "div",
             {
               className: "rs-withdraw-dropdown-container",
-              ref: chainDropdownRef,
+              ref: tokenDropdownRef,
               children: [
                 /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
                   "button",
@@ -465,110 +562,209 @@ function WithdrawFormStep({
                     type: "button",
                     className: "rs-withdraw-dropdown",
                     onClick: () => {
-                      setShowChainDropdown(!showChainDropdown);
-                      setShowTokenDropdown(false);
+                      setShowTokenDropdown(!showTokenDropdown);
+                      setShowChainDropdown(false);
                     },
                     children: [
                       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-dropdown-value", children: [
-                        _chunkR2HP743Tcjs.getChainIcon.call(void 0, targetChain) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        _chunkXCAF6B3Dcjs.getTokenIcon.call(void 0, targetSymbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                           "img",
                           {
-                            src: _chunkR2HP743Tcjs.getChainIcon.call(void 0, targetChain),
-                            alt: targetChainName,
+                            src: _chunkXCAF6B3Dcjs.getTokenIcon.call(void 0, targetSymbol),
+                            alt: targetSymbol,
                             className: "rs-withdraw-dropdown-icon"
                           }
                         ),
-                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: targetChainName })
+                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: targetSymbol })
                       ] }),
                       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                        "svg",
+                        _chunkY3RA3YGAcjs.ChevronDownIcon,
                         {
-                          viewBox: "0 0 24 24",
-                          fill: "none",
-                          stroke: "currentColor",
-                          strokeWidth: "2",
                           className: "rs-withdraw-dropdown-arrow",
                           style: {
-                            transform: showChainDropdown ? "rotate(180deg)" : void 0
-                          },
-                          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                            "path",
-                            {
-                              strokeLinecap: "round",
-                              strokeLinejoin: "round",
-                              d: "M19 9l-7 7-7-7"
-                            }
-                          )
+                            transform: showTokenDropdown ? "rotate(180deg)" : void 0
+                          }
                         }
                       )
                     ]
                   }
                 ),
-                showChainDropdown && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-withdraw-dropdown-menu", children: targetChains.map((chain) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                showTokenDropdown && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-withdraw-dropdown-menu", children: targetTokenOptions.map((option) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
                   "button",
                   {
                     type: "button",
                     className: "rs-withdraw-dropdown-item",
                     onClick: () => {
-                      onTargetChainChange(chain.id);
-                      setShowChainDropdown(false);
+                      onTargetTokenChange(option.address);
+                      setShowTokenDropdown(false);
                     },
                     children: [
-                      _chunkR2HP743Tcjs.getChainIcon.call(void 0, chain.id) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                      _chunkXCAF6B3Dcjs.getTokenIcon.call(void 0, option.symbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
                         "img",
                         {
-                          src: _chunkR2HP743Tcjs.getChainIcon.call(void 0, chain.id),
-                          alt: chain.name,
+                          src: _chunkXCAF6B3Dcjs.getTokenIcon.call(void 0, option.symbol),
+                          alt: option.symbol,
                           className: "rs-withdraw-dropdown-icon"
                         }
                       ),
-                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: chain.name })
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: option.symbol })
                     ]
                   },
-                  chain.id
+                  option.address
                 )) })
               ]
             }
           )
         ] })
       ] }),
-      chainMismatch && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-chain-switch", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-chain-switch-text", children: isSwitching ? `Switching to ${_chunkR2HP743Tcjs.getChainName.call(void 0, asset.chainId)}...` : `Switch to ${_chunkR2HP743Tcjs.getChainName.call(void 0, asset.chainId)} to continue.` }) }),
+      chainMismatch && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-chain-switch", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-chain-switch-text", children: isSwitching ? `Switching to ${_chunkXCAF6B3Dcjs.getChainName.call(void 0, asset.chainId)}...` : `Switch to ${_chunkXCAF6B3Dcjs.getChainName.call(void 0, asset.chainId)} to continue.` }) }),
       error && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-error", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          "svg",
-          {
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "2",
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              "path",
-              {
-                strokeLinecap: "round",
-                strokeLinejoin: "round",
-                d: "M12 9v3.75m9-.75a9 9 0 11-18 0 9 9 0 0118 0zm-9 3.75h.008v.008H12v-.008z"
-              }
-            )
-          }
-        ),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY3RA3YGAcjs.AlertTriangleIcon, {}),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: error })
+      ] }),
+      !error && registrationError && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-error", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY3RA3YGAcjs.AlertTriangleIcon, {}),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: registrationError })
       ] })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-footer", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkNFXJEOE6cjs.Button,
+      _chunkY3RA3YGAcjs.Button,
       {
         onClick: handleWithdraw,
         fullWidth: true,
         loading: isBusy,
-        disabled: !recipient || !amount || chainMismatch || isBusy,
-        children: isBusy ? "Preparing..." : !recipient ? "Enter Recipient Address" : !amount ? "Enter Withdraw Amount" : "Withdraw"
+        disabled: !recipient || !amount || chainMismatch || isBusy || Boolean(registrationError),
+        children: isBusy ? "Preparing..." : registrationPending ? "Preparing session..." : !recipient ? "Enter Recipient Address" : !amount ? "Enter Withdraw Amount" : "Withdraw"
       }
     ) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNFXJEOE6cjs.PoweredBy, {})
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY3RA3YGAcjs.PoweredBy, {})
   ] });
 }
 WithdrawFormStep.displayName = "WithdrawFormStep";
 
+// src/components/steps/WithdrawReviewStep.tsx
+
+
+function shortenAddress(addr) {
+  return addr.length > 12 ? `${addr.slice(0, 6)}\u2026${addr.slice(-4)}` : addr;
+}
+function WithdrawReviewStep({
+  sourceChain,
+  sourceSymbol,
+  targetChain,
+  targetToken,
+  amount,
+  recipient,
+  estimatedTime = "< 1 min",
+  registrationPending = false,
+  registrationError = null,
+  onConfirm,
+  onError
+}) {
+  const [isSubmitting, setIsSubmitting] = _react.useState.call(void 0, false);
+  const [error, setError] = _react.useState.call(void 0, null);
+  const sourceChainName = _chunkXCAF6B3Dcjs.getChainName.call(void 0, sourceChain);
+  const sourceChainIcon = _chunkXCAF6B3Dcjs.getChainIcon.call(void 0, sourceChain);
+  const targetSymbol = _chunkXCAF6B3Dcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
+  const targetChainName = _chunkXCAF6B3Dcjs.getChainName.call(void 0, targetChain);
+  const targetChainIcon = _chunkXCAF6B3Dcjs.getChainIcon.call(void 0, targetChain);
+  const sourceTokenIcon = _chunkXCAF6B3Dcjs.getTokenIcon.call(void 0, sourceSymbol);
+  const targetTokenIcon = _chunkXCAF6B3Dcjs.getTokenIcon.call(void 0, targetSymbol);
+  const handleConfirm = async () => {
+    setError(null);
+    setIsSubmitting(true);
+    try {
+      await onConfirm();
+    } catch (err) {
+      const raw = err instanceof Error ? err.message : "Withdraw failed";
+      const message = _chunkY3RA3YGAcjs.formatUserError.call(void 0, raw);
+      setError(message);
+      _optionalChain([onError, 'optionalCall', _8 => _8(message, "WITHDRAW_REVIEW_ERROR")]);
+    } finally {
+      setIsSubmitting(false);
+    }
+  };
+  const disabled = isSubmitting || registrationPending || Boolean(registrationError);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen-body rs-screen-body--gap-32", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkY3RA3YGAcjs.BodyHeader,
+        {
+          icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY3RA3YGAcjs.CircleArrowOutUpLeftIcon, {}),
+          title: "Review withdrawal"
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-amount-details", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-amount-detail-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "You send" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-amount-detail-value", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
+              amount,
+              " ",
+              sourceSymbol
+            ] }),
+            sourceTokenIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: sourceTokenIcon, alt: "" }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-amount-detail-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Source chain" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-amount-detail-value", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: sourceChainName }),
+            sourceChainIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: sourceChainIcon, alt: "" }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-amount-detail-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Recipient" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-amount-detail-value", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: shortenAddress(recipient) }) })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-amount-detail-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Receive" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-amount-detail-value", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
+              amount,
+              " ",
+              targetSymbol
+            ] }),
+            targetTokenIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: targetTokenIcon, alt: "" }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-amount-detail-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Destination chain" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-amount-detail-value", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: targetChainName }),
+            targetChainIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-amount-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: targetChainIcon, alt: "" }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-amount-detail-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Estimated time" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-amount-detail-value", children: estimatedTime })
+        ] })
+      ] }),
+      error && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-amount-error", role: "alert", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY3RA3YGAcjs.AlertTriangleIcon, { style: { width: 16, height: 16, flexShrink: 0 } }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: error })
+      ] }),
+      !error && registrationError && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-amount-error", role: "alert", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY3RA3YGAcjs.AlertTriangleIcon, { style: { width: 16, height: 16, flexShrink: 0 } }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: registrationError })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkY3RA3YGAcjs.Button,
+        {
+          onClick: handleConfirm,
+          loading: isSubmitting,
+          loadingText: "Submitting transaction...",
+          disabled,
+          fullWidth: true,
+          children: "Continue"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY3RA3YGAcjs.PoweredBy, {})
+  ] });
+}
+WithdrawReviewStep.displayName = "WithdrawReviewStep";
+
 // src/core/safe.ts
 
 
@@ -647,7 +843,7 @@ async function executeSafeEthTransfer(params) {
     throw new Error("Wallet not connected");
   }
   if (chain.id !== chainId) {
-    throw new Error(`Switch to ${_chunkR2HP743Tcjs.getChainName.call(void 0, chainId)} to sign`);
+    throw new Error(`Switch to ${_chunkXCAF6B3Dcjs.getChainName.call(void 0, chainId)} to sign`);
   }
   const isOwner = await publicClient.readContract({
     address: safeAddress,
@@ -730,7 +926,7 @@ async function executeSafeErc20Transfer(params) {
     throw new Error("Wallet not connected");
   }
   if (chain.id !== chainId) {
-    throw new Error(`Switch to ${_chunkR2HP743Tcjs.getChainName.call(void 0, chainId)} to sign`);
+    throw new Error(`Switch to ${_chunkXCAF6B3Dcjs.getChainName.call(void 0, chainId)} to sign`);
   }
   const isOwner = await publicClient.readContract({
     address: safeAddress,
@@ -857,6 +1053,24 @@ async function buildSafeTransaction(params) {
 // src/WithdrawFlow.tsx
 
 
+var ADDR_REGEX = /^0x[a-fA-F0-9]{40}$/;
+var REGISTRATION_DEBOUNCE_MS = 600;
+function resolveSessionOwner(eoaAddress) {
+  const localOwner = _chunkY3RA3YGAcjs.loadSessionOwnerFromStorage.call(void 0, eoaAddress);
+  if (localOwner) {
+    return {
+      account: _chunkY3RA3YGAcjs.accountFromPrivateKey.call(void 0, localOwner.privateKey),
+      address: localOwner.address
+    };
+  }
+  const created = _chunkY3RA3YGAcjs.createSessionOwnerKey.call(void 0, );
+  _chunkY3RA3YGAcjs.saveSessionOwnerToStorage.call(void 0, eoaAddress, created.privateKey, created.address);
+  return { account: created.account, address: created.address };
+}
+function targetsEqual(a, b) {
+  if (!a) return false;
+  return a.chain === b.chain && a.token.toLowerCase() === b.token.toLowerCase() && (_nullishCoalesce(_optionalChain([a, 'access', _9 => _9.recipient, 'optionalAccess', _10 => _10.toLowerCase, 'call', _11 => _11()]), () => ( ""))) === (_nullishCoalesce(_optionalChain([b, 'access', _12 => _12.recipient, 'optionalAccess', _13 => _13.toLowerCase, 'call', _14 => _14()]), () => ( "")));
+}
 function WithdrawFlow({
   dappWalletClient,
   dappPublicClient,
@@ -870,7 +1084,7 @@ function WithdrawFlow({
   amount: defaultAmount,
   service,
   allowedRoutes,
-  signerAddress = _chunkR2HP743Tcjs.DEFAULT_SIGNER_ADDRESS,
+  signerAddress = _chunkXCAF6B3Dcjs.DEFAULT_SIGNER_ADDRESS,
   sessionChainIds,
   forceRegister = false,
   waitForFinalTx = true,
@@ -879,59 +1093,54 @@ function WithdrawFlow({
   onDisconnect,
   onSignTransaction,
   onRequestConnect,
-  connectButtonLabel,
   onStepChange,
-  onTotalBalanceChange,
   onClose,
-  onConnected,
-  onWithdrawSubmitted,
-  onWithdrawComplete,
-  onWithdrawFailed,
+  onLifecycle,
   onEvent,
   onError,
   debug
 }) {
-  const onStepChangeRef = _chunkNFXJEOE6cjs.useLatestRef.call(void 0, onStepChange);
-  const onTotalBalanceChangeRef = _chunkNFXJEOE6cjs.useLatestRef.call(void 0, onTotalBalanceChange);
-  const onEventRef = _chunkNFXJEOE6cjs.useLatestRef.call(void 0, onEvent);
-  const onConnectedRef = _chunkNFXJEOE6cjs.useLatestRef.call(void 0, onConnected);
-  const onWithdrawSubmittedRef = _chunkNFXJEOE6cjs.useLatestRef.call(void 0, onWithdrawSubmitted);
-  const onWithdrawCompleteRef = _chunkNFXJEOE6cjs.useLatestRef.call(void 0, onWithdrawComplete);
-  const onWithdrawFailedRef = _chunkNFXJEOE6cjs.useLatestRef.call(void 0, onWithdrawFailed);
-  const onErrorRef = _chunkNFXJEOE6cjs.useLatestRef.call(void 0, onError);
-  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 onStepChangeRef = _chunkY3RA3YGAcjs.useLatestRef.call(void 0, onStepChange);
+  const onEventRef = _chunkY3RA3YGAcjs.useLatestRef.call(void 0, onEvent);
+  const onLifecycleRef = _chunkY3RA3YGAcjs.useLatestRef.call(void 0, onLifecycle);
+  const onErrorRef = _chunkY3RA3YGAcjs.useLatestRef.call(void 0, onError);
   const logFlow = _react.useCallback.call(void 0, 
     (message, data) => {
-      _chunkNFXJEOE6cjs.debugLog.call(void 0, debug, "withdraw-flow", message, data);
+      _chunkY3RA3YGAcjs.debugLog.call(void 0, debug, "withdraw-flow", message, data);
     },
     [debug]
   );
   const logFlowError = _react.useCallback.call(void 0, 
     (message, error, data) => {
-      _chunkNFXJEOE6cjs.debugError.call(void 0, debug, "withdraw-flow", message, error, data);
+      _chunkY3RA3YGAcjs.debugError.call(void 0, debug, "withdraw-flow", message, error, data);
     },
     [debug]
   );
   const [targetChain, setTargetChain] = _react.useState.call(void 0, targetChainProp);
   const [targetToken, setTargetToken] = _react.useState.call(void 0, targetTokenProp);
+  const [recipientInput, setRecipientInput] = _react.useState.call(void 0, 
+    _nullishCoalesce(defaultRecipient, () => ( ""))
+  );
+  const [totalBalanceUsd, setTotalBalanceUsd] = _react.useState.call(void 0, 0);
+  const [isConnectSelectionConfirmed, setIsConnectSelectionConfirmed] = _react.useState.call(void 0, false);
   _react.useEffect.call(void 0, () => {
     setTargetChain(targetChainProp);
     setTargetToken(targetTokenProp);
   }, [targetChainProp, targetTokenProp]);
+  _react.useEffect.call(void 0, () => {
+    if (defaultRecipient) setRecipientInput(defaultRecipient);
+  }, [defaultRecipient]);
   const hasCustomSigner = Boolean(dappAddress && onSignTransaction);
   const dappSwitchChain = _react.useMemo.call(void 0, () => {
-    if (!_optionalChain([dappWalletClient, 'optionalAccess', _6 => _6.switchChain])) return void 0;
+    if (!_optionalChain([dappWalletClient, 'optionalAccess', _15 => _15.switchChain])) return void 0;
     return async (chainId) => {
-      await _optionalChain([dappWalletClient, 'access', _7 => _7.switchChain, 'optionalCall', _8 => _8({ id: chainId })]);
+      await _optionalChain([dappWalletClient, 'access', _16 => _16.switchChain, 'optionalCall', _17 => _17({ id: chainId })]);
     };
   }, [dappWalletClient]);
   const walletOptions = _react.useMemo.call(void 0, () => {
     const options = [];
     const seen = /* @__PURE__ */ new Set();
-    if (_optionalChain([dappWalletClient, 'optionalAccess', _9 => _9.account]) && dappAddress) {
+    if (_optionalChain([dappWalletClient, 'optionalAccess', _18 => _18.account]) && dappAddress) {
       const id = `evm:${dappWalletClient.account.address.toLowerCase()}`;
       options.push({
         id,
@@ -941,7 +1150,7 @@ function WithdrawFlow({
       });
       seen.add(id);
     }
-    if (_optionalChain([reownWallet, 'optionalAccess', _10 => _10.address]) && reownWallet.isConnected && reownWallet.walletClient && reownWallet.publicClient && !seen.has(reownWallet.address.toLowerCase())) {
+    if (_optionalChain([reownWallet, 'optionalAccess', _19 => _19.address]) && reownWallet.isConnected && reownWallet.walletClient && reownWallet.publicClient) {
       const id = `evm:${reownWallet.address.toLowerCase()}`;
       if (!seen.has(id)) {
         options.push({
@@ -957,42 +1166,50 @@ function WithdrawFlow({
   }, [
     dappWalletClient,
     dappAddress,
-    _optionalChain([reownWallet, 'optionalAccess', _11 => _11.address]),
-    _optionalChain([reownWallet, 'optionalAccess', _12 => _12.isConnected]),
-    _optionalChain([reownWallet, 'optionalAccess', _13 => _13.walletClient]),
-    _optionalChain([reownWallet, 'optionalAccess', _14 => _14.publicClient])
+    _optionalChain([reownWallet, 'optionalAccess', _20 => _20.address]),
+    _optionalChain([reownWallet, 'optionalAccess', _21 => _21.isConnected]),
+    _optionalChain([reownWallet, 'optionalAccess', _22 => _22.walletClient]),
+    _optionalChain([reownWallet, 'optionalAccess', _23 => _23.publicClient]),
+    _optionalChain([reownWallet, 'optionalAccess', _24 => _24.icon])
   ]);
-  const canAutoLock = hasCustomSigner || Boolean(_optionalChain([dappWalletClient, 'optionalAccess', _15 => _15.account]) && dappAddress) && !reownWallet;
-  const [selectedWalletId, setSelectedWalletId] = _react.useState.call(void 0, null);
+  const canAutoLock = hasCustomSigner || Boolean(_optionalChain([dappWalletClient, 'optionalAccess', _25 => _25.account]) && dappAddress) && !reownWallet;
+  const storeApi = useWithdrawStoreApi();
+  const selectedWalletId = useWithdrawStore((s) => s.selectedWalletId);
+  const registration = useWithdrawStore((s) => s.registration);
+  const flowStep = useWithdrawStore((s) => s.step);
+  const setSelectedWalletId = _react.useCallback.call(void 0, 
+    (walletId) => storeApi.dispatch({ type: "wallet/id-selected", walletId }),
+    [storeApi]
+  );
   const signerContext = _react.useMemo.call(void 0, () => {
     if (canAutoLock) {
       if (hasCustomSigner) {
         return {
           ownerAddress: dappAddress,
           walletClient: _nullishCoalesce(dappWalletClient, () => ( void 0)),
-          publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkNFXJEOE6cjs.getPublicClient.call(void 0, sourceChain))),
+          publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkY3RA3YGAcjs.getPublicClient.call(void 0, sourceChain))),
           switchChain: dappSwitchChain
         };
       }
       return {
         ownerAddress: dappWalletClient.account.address,
         walletClient: dappWalletClient,
-        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkNFXJEOE6cjs.getPublicClient.call(void 0, sourceChain))),
+        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkY3RA3YGAcjs.getPublicClient.call(void 0, sourceChain))),
         switchChain: dappSwitchChain
       };
     }
     if (!isConnectSelectionConfirmed || !selectedWalletId) return null;
-    const selectedOption = walletOptions.find((option) => option.id === selectedWalletId);
+    const selectedOption = walletOptions.find((o) => o.id === selectedWalletId);
     if (!selectedOption || !selectedOption.address) return null;
-    if (selectedOption.kind === "connected" && _optionalChain([dappWalletClient, 'optionalAccess', _16 => _16.account]) && dappWalletClient.account.address.toLowerCase() === selectedOption.address.toLowerCase()) {
+    if (selectedOption.kind === "connected" && _optionalChain([dappWalletClient, 'optionalAccess', _26 => _26.account]) && dappWalletClient.account.address.toLowerCase() === selectedOption.address.toLowerCase()) {
       return {
         ownerAddress: dappWalletClient.account.address,
         walletClient: dappWalletClient,
-        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkNFXJEOE6cjs.getPublicClient.call(void 0, sourceChain))),
+        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkY3RA3YGAcjs.getPublicClient.call(void 0, sourceChain))),
         switchChain: dappSwitchChain
       };
     }
-    if (selectedOption.kind === "external" && _optionalChain([reownWallet, 'optionalAccess', _17 => _17.address, 'optionalAccess', _18 => _18.toLowerCase, 'call', _19 => _19()]) === selectedOption.address.toLowerCase() && reownWallet.walletClient && reownWallet.publicClient) {
+    if (selectedOption.kind === "external" && _optionalChain([reownWallet, 'optionalAccess', _27 => _27.address, 'optionalAccess', _28 => _28.toLowerCase, 'call', _29 => _29()]) === selectedOption.address.toLowerCase() && reownWallet.walletClient && reownWallet.publicClient) {
       return {
         ownerAddress: reownWallet.address,
         walletClient: reownWallet.walletClient,
@@ -1014,11 +1231,136 @@ function WithdrawFlow({
     reownWallet,
     sourceChain
   ]);
+  const ownerAddress = _optionalChain([signerContext, 'optionalAccess', _30 => _30.ownerAddress]);
+  const recipientForRegistration = _react.useMemo.call(void 0, () => {
+    if (!recipientInput) return void 0;
+    return ADDR_REGEX.test(recipientInput) ? recipientInput : void 0;
+  }, [recipientInput]);
+  _react.useEffect.call(void 0, () => {
+    if (!ownerAddress) return;
+    const desiredTarget = {
+      chain: targetChain,
+      token: targetToken,
+      recipient: recipientForRegistration
+    };
+    const current = storeApi.getState().registration;
+    if (current.kind === "ready" && targetsEqual(current.registeredTarget, desiredTarget)) {
+      return;
+    }
+    let cancelled = false;
+    const timeout = setTimeout(async () => {
+      try {
+        storeApi.dispatch({ type: "registration/started" });
+        const sessionOwner = resolveSessionOwner(ownerAddress);
+        if (cancelled) return;
+        logFlow("auto-register:setup", {
+          ownerAddress,
+          targetChain,
+          targetToken,
+          recipient: recipientForRegistration
+        });
+        const setup = await service.setupAccount({
+          ownerAddress,
+          sessionOwnerAddress: sessionOwner.address,
+          targetChain: _chunkY3RA3YGAcjs.toEvmCaip2.call(void 0, targetChain),
+          targetToken,
+          recipient: recipientForRegistration,
+          signerAddress,
+          sessionChainIds,
+          forceRegister
+        });
+        if (cancelled) return;
+        if (setup.needsRegistration) {
+          if (!setup.accountParams || !setup.sessionDetailsUnsigned) {
+            throw new Error("Missing registration payload from setup-account");
+          }
+          const typedData = setup.sessionDetailsUnsigned.data;
+          if (!sessionOwner.account.signTypedData) {
+            throw new Error(
+              "Session owner account does not support signTypedData"
+            );
+          }
+          const signature = await sessionOwner.account.signTypedData({
+            domain: typedData.domain,
+            types: typedData.types,
+            primaryType: typedData.primaryType,
+            message: typedData.message
+          });
+          if (cancelled) return;
+          const sessionDetails = _chunkY3RA3YGAcjs.buildSessionDetails.call(void 0, 
+            setup.sessionDetailsUnsigned,
+            signature
+          );
+          await service.registerAccount({
+            address: setup.smartAccount,
+            accountParams: {
+              factory: setup.accountParams.factory,
+              factoryData: setup.accountParams.factoryData,
+              sessionDetails
+            },
+            eoaAddress: ownerAddress,
+            sessionOwner: sessionOwner.address,
+            target: {
+              chain: _chunkY3RA3YGAcjs.toEvmCaip2.call(void 0, targetChain),
+              token: targetToken,
+              recipient: recipientForRegistration
+            }
+          });
+          if (cancelled) return;
+          logFlow("auto-register:registered", {
+            smartAccount: setup.smartAccount
+          });
+        }
+        storeApi.dispatch({
+          type: "registration/ready",
+          smartAccount: setup.smartAccount,
+          registeredTarget: desiredTarget
+        });
+        _optionalChain([onLifecycleRef, 'access', _31 => _31.current, 'optionalCall', _32 => _32({
+          type: "connected",
+          address: ownerAddress,
+          smartAccount: setup.smartAccount
+        })]);
+      } catch (err) {
+        if (cancelled) return;
+        const raw = err instanceof Error ? err.message : "Registration failed";
+        const message = _chunkY3RA3YGAcjs.formatUserError.call(void 0, raw);
+        logFlowError("auto-register:failed", err, {
+          ownerAddress,
+          targetChain,
+          targetToken
+        });
+        storeApi.dispatch({
+          type: "registration/failed",
+          error: message
+        });
+        _optionalChain([onErrorRef, 'access', _33 => _33.current, 'optionalCall', _34 => _34({ message, code: "WITHDRAW_REGISTER_FAILED" })]);
+      }
+    }, REGISTRATION_DEBOUNCE_MS);
+    return () => {
+      cancelled = true;
+      clearTimeout(timeout);
+    };
+  }, [
+    ownerAddress,
+    targetChain,
+    targetToken,
+    recipientForRegistration,
+    service,
+    signerAddress,
+    sessionChainIds,
+    forceRegister,
+    storeApi,
+    logFlow,
+    logFlowError,
+    onLifecycleRef,
+    onErrorRef
+  ]);
   const asset = _react.useMemo.call(void 0, () => {
-    const symbol = _chunkR2HP743Tcjs.getTokenSymbol.call(void 0, sourceToken, sourceChain);
-    const decimals = _chunkR2HP743Tcjs.getTokenDecimalsByAddress.call(void 0, sourceToken, sourceChain);
+    const symbol = _chunkXCAF6B3Dcjs.getTokenSymbol.call(void 0, sourceToken, sourceChain);
+    const decimals = _chunkXCAF6B3Dcjs.getTokenDecimalsByAddress.call(void 0, sourceToken, sourceChain);
     return {
-      id: _chunkNFXJEOE6cjs.getAssetId.call(void 0, { chainId: sourceChain, token: sourceToken }),
+      id: _chunkY3RA3YGAcjs.getAssetId.call(void 0, { chainId: sourceChain, token: sourceToken }),
       chainId: sourceChain,
       token: sourceToken,
       symbol,
@@ -1026,89 +1368,65 @@ function WithdrawFlow({
       decimals
     };
   }, [sourceChain, sourceToken]);
-  const isSourceNative = sourceToken.toLowerCase() === _chunkR2HP743Tcjs.NATIVE_TOKEN_ADDRESS.toLowerCase();
+  const isSourceNative = sourceToken.toLowerCase() === _chunkXCAF6B3Dcjs.NATIVE_TOKEN_ADDRESS.toLowerCase();
   const isSameRoute = targetChain === sourceChain && targetToken.toLowerCase() === sourceToken.toLowerCase();
-  const stepIndex = step.type === "form" ? 0 : 1;
-  const currentBackHandler = void 0;
+  const reviewBackHandler = _react.useCallback.call(void 0, () => {
+    storeApi.dispatch({ type: "review/back" });
+  }, [storeApi]);
   _react.useEffect.call(void 0, () => {
-    _optionalChain([onStepChangeRef, 'access', _20 => _20.current, 'optionalCall', _21 => _21(stepIndex, currentBackHandler)]);
-  }, [stepIndex, currentBackHandler, onStepChangeRef]);
+    _optionalChain([onStepChangeRef, 'access', _35 => _35.current, 'optionalCall', _36 => _36(
+      flowStep === "review" ? reviewBackHandler : void 0
+    )]);
+  }, [flowStep, reviewBackHandler, onStepChangeRef]);
   const lastStepOpenEventKeyRef = _react.useRef.call(void 0, null);
   _react.useEffect.call(void 0, () => {
-    if (step.type !== "form") {
+    if (flowStep !== "form") {
       lastStepOpenEventKeyRef.current = null;
       return;
     }
-    if (lastStepOpenEventKeyRef.current === "form") {
-      return;
-    }
+    if (lastStepOpenEventKeyRef.current === "form") return;
     lastStepOpenEventKeyRef.current = "form";
-    if (step.type === "form") {
-      const tokenSymbol = _chunkR2HP743Tcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
-      const chainName = _chunkR2HP743Tcjs.getChainName.call(void 0, targetChain);
-      _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, targetToken, targetChain, totalBalanceUsd, onEventRef]);
+    const tokenSymbol = _chunkXCAF6B3Dcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
+    const chainName = _chunkXCAF6B3Dcjs.getChainName.call(void 0, targetChain);
+    _optionalChain([onEventRef, 'access', _37 => _37.current, 'optionalCall', _38 => _38({
+      type: "withdraw_modal_select_amount_open",
+      pred_balance: totalBalanceUsd,
+      default_token: tokenSymbol,
+      default_chain: chainName
+    })]);
+  }, [flowStep, targetToken, targetChain, totalBalanceUsd, onEventRef]);
   _react.useEffect.call(void 0, () => {
     logFlow("state:changed", {
-      step: step.type,
+      step: flowStep,
       sourceChain,
       sourceToken,
       targetChain,
       targetToken,
-      selectedWalletId
+      selectedWalletId,
+      registration: registration.kind
     });
   }, [
     logFlow,
     selectedWalletId,
     sourceChain,
     sourceToken,
-    step.type,
+    flowStep,
     targetChain,
-    targetToken
+    targetToken,
+    registration.kind
   ]);
-  _react.useEffect.call(void 0, () => {
-    _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([onConnectedRef, 'access', _26 => _26.current, 'optionalCall', _27 => _27({ address: addr, smartAccount })]);
-    },
-    [logFlow, onConnectedRef]
-  );
   const handleError = _react.useCallback.call(void 0, 
     (message, code) => {
       logFlowError("flow:error", message, { code });
-      _optionalChain([onErrorRef, 'access', _28 => _28.current, 'optionalCall', _29 => _29({ message, code })]);
+      _optionalChain([onErrorRef, 'access', _39 => _39.current, 'optionalCall', _40 => _40({ message, code })]);
     },
     [logFlowError, onErrorRef]
   );
-  const resolveSessionOwner = _react.useCallback.call(void 0, async (eoaAddress) => {
-    const localOwner = _chunkNFXJEOE6cjs.loadSessionOwnerFromStorage.call(void 0, eoaAddress);
-    if (localOwner) {
-      return {
-        account: _chunkNFXJEOE6cjs.accountFromPrivateKey.call(void 0, localOwner.privateKey),
-        address: localOwner.address
-      };
-    }
-    const created = _chunkNFXJEOE6cjs.createSessionOwnerKey.call(void 0, );
-    _chunkNFXJEOE6cjs.saveSessionOwnerToStorage.call(void 0, eoaAddress, created.privateKey, created.address);
-    return {
-      account: created.account,
-      address: created.address
-    };
-  }, []);
-  const handleFormSubmit = _react.useCallback.call(void 0, 
-    async (recipient, amountValue) => {
-      const tokenSymbol = _chunkR2HP743Tcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
-      const chainName = _chunkR2HP743Tcjs.getChainName.call(void 0, targetChain);
-      _optionalChain([onEventRef, 'access', _30 => _30.current, 'optionalCall', _31 => _31({
+  const handleFormContinue = _react.useCallback.call(void 0, 
+    (recipient, amountValue) => {
+      const tokenSymbol = _chunkXCAF6B3Dcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
+      const chainName = _chunkXCAF6B3Dcjs.getChainName.call(void 0, targetChain);
+      _optionalChain([onEventRef, 'access', _41 => _41.current, 'optionalCall', _42 => _42({
         type: "withdraw_modal_select_amount_cta_click",
         pred_balance: totalBalanceUsd,
         selected_token: tokenSymbol,
@@ -1116,17 +1434,32 @@ function WithdrawFlow({
         amount: amountValue,
         cta_name: "withdraw"
       })]);
-      const ownerAddress2 = _optionalChain([signerContext, 'optionalAccess', _32 => _32.ownerAddress]);
-      if (!ownerAddress2) {
-        throw new Error("Wallet not connected");
+      storeApi.dispatch({
+        type: "form/continue",
+        amount: amountValue,
+        recipient
+      });
+    },
+    [targetToken, targetChain, totalBalanceUsd, onEventRef, storeApi]
+  );
+  const handleReviewConfirm = _react.useCallback.call(void 0, 
+    async () => {
+      const state = storeApi.getState();
+      if (state.registration.kind !== "ready") {
+        throw new Error("Session not ready");
       }
-      if (!onSignTransaction && !_optionalChain([signerContext, 'optionalAccess', _33 => _33.walletClient])) {
+      const smartAccount = state.registration.smartAccount;
+      const recipient = state.recipient;
+      const amountValue = state.amount;
+      if (!recipient || !amountValue) {
+        throw new Error("Missing recipient or amount");
+      }
+      if (!onSignTransaction && !_optionalChain([signerContext, 'optionalAccess', _43 => _43.walletClient])) {
         throw new Error("Wallet not connected");
       }
-      setIsSubmitting(true);
       try {
         logFlow("submit:start", {
-          ownerAddress: ownerAddress2,
+          smartAccount,
           recipient,
           amount: amountValue,
           sourceChain,
@@ -1134,62 +1467,8 @@ function WithdrawFlow({
           targetChain,
           targetToken
         });
-        const sessionOwner = await resolveSessionOwner(ownerAddress2);
-        const setup = await service.setupAccount({
-          ownerAddress: ownerAddress2,
-          sessionOwnerAddress: sessionOwner.address,
-          targetChain: _chunkNFXJEOE6cjs.toEvmCaip2.call(void 0, targetChain),
-          targetToken,
-          recipient,
-          signerAddress,
-          sessionChainIds,
-          forceRegister
-        });
-        const smartAccount = setup.smartAccount;
-        logFlow("setup:resolved", {
-          smartAccount,
-          needsRegistration: setup.needsRegistration
-        });
-        if (setup.needsRegistration) {
-          if (!setup.accountParams || !setup.sessionDetailsUnsigned) {
-            throw new Error("Missing registration payload from setup-account");
-          }
-          const typedData = setup.sessionDetailsUnsigned.data;
-          if (!sessionOwner.account.signTypedData) {
-            throw new Error(
-              "Session owner account does not support signTypedData"
-            );
-          }
-          const signature = await sessionOwner.account.signTypedData({
-            domain: typedData.domain,
-            types: typedData.types,
-            primaryType: typedData.primaryType,
-            message: typedData.message
-          });
-          const sessionDetails = _chunkNFXJEOE6cjs.buildSessionDetails.call(void 0, 
-            setup.sessionDetailsUnsigned,
-            signature
-          );
-          await service.registerAccount({
-            address: smartAccount,
-            accountParams: {
-              factory: setup.accountParams.factory,
-              factoryData: setup.accountParams.factoryData,
-              sessionDetails
-            },
-            eoaAddress: ownerAddress2,
-            sessionOwner: sessionOwner.address,
-            target: {
-              chain: _chunkNFXJEOE6cjs.toEvmCaip2.call(void 0, targetChain),
-              token: targetToken,
-              recipient
-            }
-          });
-          logFlow("register:success", { smartAccount });
-        }
-        handleConnected(ownerAddress2, smartAccount);
         const amountUnits = _viem.parseUnits.call(void 0, amountValue, asset.decimals);
-        const pc = _nullishCoalesce(_optionalChain([signerContext, 'optionalAccess', _34 => _34.publicClient]), () => ( _chunkNFXJEOE6cjs.getPublicClient.call(void 0, sourceChain)));
+        const pc = _nullishCoalesce(_optionalChain([signerContext, 'optionalAccess', _44 => _44.publicClient]), () => ( _chunkY3RA3YGAcjs.getPublicClient.call(void 0, sourceChain)));
         let result;
         if (onSignTransaction) {
           const transferTarget = isSameRoute ? recipient : smartAccount;
@@ -1213,7 +1492,7 @@ function WithdrawFlow({
           const { signature } = await onSignTransaction(request);
           const relayResult = await service.relayWithdraw({
             smartAccount,
-            chainId: _chunkNFXJEOE6cjs.toEvmCaip2.call(void 0, sourceChain),
+            chainId: _chunkY3RA3YGAcjs.toEvmCaip2.call(void 0, sourceChain),
             safeAddress,
             safeTransaction: request.typedData.message,
             signature
@@ -1249,21 +1528,14 @@ function WithdrawFlow({
           sourceChain,
           sourceToken
         });
-        _optionalChain([onWithdrawSubmittedRef, 'access', _35 => _35.current, 'optionalCall', _36 => _36({
+        _optionalChain([onLifecycleRef, 'access', _45 => _45.current, 'optionalCall', _46 => _46({
+          type: "submitted",
           txHash: result.txHash,
           sourceChain,
           amount: amountUnits.toString(),
           safeAddress
         })]);
-        setStep({
-          type: "processing",
-          smartAccount,
-          txHash: result.txHash,
-          sourceChain,
-          sourceToken,
-          amount: amountUnits.toString(),
-          directTransfer: isSameRoute
-        });
+        storeApi.dispatch({ type: "withdraw/submitted", txHash: result.txHash });
       } catch (err) {
         const raw = err instanceof Error ? err.message : "Withdraw failed";
         logFlowError("submit:failed", err, {
@@ -1272,22 +1544,15 @@ function WithdrawFlow({
           targetChain,
           targetToken
         });
-        handleError(_chunkNFXJEOE6cjs.formatUserError.call(void 0, raw), "WITHDRAW_FLOW_ERROR");
+        handleError(_chunkY3RA3YGAcjs.formatUserError.call(void 0, raw), "WITHDRAW_FLOW_ERROR");
         throw err;
-      } finally {
-        setIsSubmitting(false);
       }
     },
     [
       signerContext,
-      resolveSessionOwner,
-      signerAddress,
-      sessionChainIds,
-      forceRegister,
       targetChain,
       targetToken,
       service,
-      handleConnected,
       asset.decimals,
       safeAddress,
       sourceToken,
@@ -1298,15 +1563,15 @@ function WithdrawFlow({
       handleError,
       logFlow,
       logFlowError,
-      onEventRef,
-      totalBalanceUsd,
-      onWithdrawSubmittedRef
+      onLifecycleRef,
+      storeApi
     ]
   );
   const handleWithdrawComplete = _react.useCallback.call(void 0, 
     (txHash, destinationTxHash, context) => {
       logFlow("withdraw:complete", { txHash, destinationTxHash, ...context });
-      _optionalChain([onWithdrawCompleteRef, 'access', _37 => _37.current, 'optionalCall', _38 => _38({
+      _optionalChain([onLifecycleRef, 'access', _47 => _47.current, 'optionalCall', _48 => _48({
+        type: "complete",
         txHash,
         destinationTxHash,
         amount: context.amount,
@@ -1315,28 +1580,34 @@ function WithdrawFlow({
         targetChain: context.targetChain,
         targetToken: context.targetToken
       })]);
+      storeApi.dispatch({ type: "withdraw/complete" });
     },
-    [logFlow, onWithdrawCompleteRef]
+    [logFlow, onLifecycleRef, storeApi]
   );
   const handleWithdrawFailed = _react.useCallback.call(void 0, 
     (txHash, error) => {
       logFlowError("withdraw:failed", error, { txHash });
-      _optionalChain([onWithdrawFailedRef, 'access', _39 => _39.current, 'optionalCall', _40 => _40({ txHash, error })]);
+      _optionalChain([onLifecycleRef, 'access', _49 => _49.current, 'optionalCall', _50 => _50({
+        type: "failed",
+        txHash,
+        error
+      })]);
+      storeApi.dispatch({ type: "withdraw/failed" });
     },
-    [logFlowError, onWithdrawFailedRef]
+    [logFlowError, onLifecycleRef, storeApi]
   );
   const allowedChainSet = _react.useMemo.call(void 0, 
-    () => _optionalChain([allowedRoutes, 'optionalAccess', _41 => _41.sourceChains]) ? new Set(allowedRoutes.sourceChains) : null,
-    [_optionalChain([allowedRoutes, 'optionalAccess', _42 => _42.sourceChains])]
+    () => _optionalChain([allowedRoutes, 'optionalAccess', _51 => _51.sourceChains]) ? new Set(allowedRoutes.sourceChains) : null,
+    [_optionalChain([allowedRoutes, 'optionalAccess', _52 => _52.sourceChains])]
   );
   const allowedTokenSet = _react.useMemo.call(void 0, 
-    () => _optionalChain([allowedRoutes, 'optionalAccess', _43 => _43.sourceTokens]) ? new Set(allowedRoutes.sourceTokens.map((s) => s.toUpperCase())) : null,
-    [_optionalChain([allowedRoutes, 'optionalAccess', _44 => _44.sourceTokens])]
+    () => _optionalChain([allowedRoutes, 'optionalAccess', _53 => _53.sourceTokens]) ? new Set(allowedRoutes.sourceTokens.map((s) => s.toUpperCase())) : null,
+    [_optionalChain([allowedRoutes, 'optionalAccess', _54 => _54.sourceTokens])]
   );
   const targetChainOptions = _react.useMemo.call(void 0, () => {
-    return _chunkR2HP743Tcjs.SOURCE_CHAINS.filter((chain) => {
+    return _chunkXCAF6B3Dcjs.SOURCE_CHAINS.filter((chain) => {
       if (allowedChainSet && !allowedChainSet.has(chain.id)) return false;
-      const tokens = _chunkR2HP743Tcjs.getSupportedTargetTokens.call(void 0, chain.id);
+      const tokens = _chunkXCAF6B3Dcjs.getSupportedTargetTokens.call(void 0, chain.id);
       if (allowedTokenSet) {
         return tokens.some((t) => allowedTokenSet.has(t.symbol.toUpperCase()));
       }
@@ -1344,7 +1615,7 @@ function WithdrawFlow({
     });
   }, [allowedChainSet, allowedTokenSet]);
   const targetTokenOptions = _react.useMemo.call(void 0, () => {
-    const tokens = _chunkR2HP743Tcjs.getSupportedTargetTokens.call(void 0, targetChain);
+    const tokens = _chunkXCAF6B3Dcjs.getSupportedTargetTokens.call(void 0, targetChain);
     if (!allowedTokenSet) return tokens;
     return tokens.filter((t) => allowedTokenSet.has(t.symbol.toUpperCase()));
   }, [targetChain, allowedTokenSet]);
@@ -1353,20 +1624,18 @@ function WithdrawFlow({
     const matches = targetTokenOptions.some(
       (option) => option.address.toLowerCase() === targetToken.toLowerCase()
     );
-    if (!matches) {
-      setTargetToken(targetTokenOptions[0].address);
-    }
+    if (!matches) setTargetToken(targetTokenOptions[0].address);
   }, [targetToken, targetTokenOptions]);
   const handleTargetChainChange = _react.useCallback.call(void 0, 
     (chainId) => {
       setTargetChain(chainId);
-      let options = _chunkR2HP743Tcjs.getSupportedTargetTokens.call(void 0, chainId);
+      let options = _chunkXCAF6B3Dcjs.getSupportedTargetTokens.call(void 0, chainId);
       if (allowedTokenSet) {
-        options = options.filter((t) => allowedTokenSet.has(t.symbol.toUpperCase()));
-      }
-      if (options.length === 0) {
-        return;
+        options = options.filter(
+          (t) => allowedTokenSet.has(t.symbol.toUpperCase())
+        );
       }
+      if (options.length === 0) return;
       const currentlySupported = options.some(
         (option) => option.address.toLowerCase() === targetToken.toLowerCase()
       );
@@ -1381,60 +1650,49 @@ function WithdrawFlow({
   }, []);
   const selectedWalletIdEffective = _react.useMemo.call(void 0, () => {
     if (selectedWalletId) return selectedWalletId;
-    if (walletOptions.length === 1) {
-      return walletOptions[0].id;
-    }
+    if (walletOptions.length === 1) return walletOptions[0].id;
     return null;
   }, [selectedWalletId, walletOptions]);
   const walletOptionsKey = _react.useMemo.call(void 0, 
-    () => walletOptions.map((option) => option.id).join(","),
+    () => walletOptions.map((o) => o.id).join(","),
     [walletOptions]
   );
   const showConnectStep = !canAutoLock && !isConnectSelectionConfirmed;
   _react.useEffect.call(void 0, () => {
     setIsConnectSelectionConfirmed(false);
-  }, [walletOptionsKey, selectedWalletIdEffective]);
-  _react.useEffect.call(void 0, () => {
-    if (!showConnectStep && isConnectSelectionConfirmed && !signerContext) {
-      setSelectedWalletId(null);
-      setIsConnectSelectionConfirmed(false);
-    }
-  }, [showConnectStep, isConnectSelectionConfirmed, signerContext]);
-  const ownerAddress = _optionalChain([signerContext, 'optionalAccess', _45 => _45.ownerAddress]);
-  const selectedWalletOption = selectedWalletIdEffective ? _nullishCoalesce(walletOptions.find((option) => option.id === selectedWalletIdEffective), () => ( null)) : null;
+  }, [walletOptionsKey]);
+  const selectedWalletOption = selectedWalletIdEffective ? _nullishCoalesce(walletOptions.find((o) => o.id === selectedWalletIdEffective), () => ( null)) : null;
   const selectedWalletIcon = _react.useMemo.call(void 0, () => {
     if (!ownerAddress) return void 0;
     const selected = walletOptions.find(
-      (o) => _optionalChain([o, 'access', _46 => _46.address, 'optionalAccess', _47 => _47.toLowerCase, 'call', _48 => _48()]) === ownerAddress.toLowerCase()
+      (o) => _optionalChain([o, 'access', _55 => _55.address, 'optionalAccess', _56 => _56.toLowerCase, 'call', _57 => _57()]) === ownerAddress.toLowerCase()
     );
-    return _optionalChain([selected, 'optionalAccess', _49 => _49.kind]) === "external" ? _nullishCoalesce(selected.icon, () => ( _optionalChain([reownWallet, 'optionalAccess', _50 => _50.icon]))) : void 0;
-  }, [walletOptions, ownerAddress, _optionalChain([reownWallet, 'optionalAccess', _51 => _51.icon])]);
+    return _optionalChain([selected, 'optionalAccess', _58 => _58.kind]) === "external" ? _nullishCoalesce(selected.icon, () => ( _optionalChain([reownWallet, 'optionalAccess', _59 => _59.icon]))) : void 0;
+  }, [walletOptions, ownerAddress, _optionalChain([reownWallet, 'optionalAccess', _60 => _60.icon])]);
   if (showConnectStep) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-body", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkNFXJEOE6cjs.ConnectStep,
+      _chunkY3RA3YGAcjs.ConnectStep,
       {
         walletOptions,
-        selectedWalletId: selectedWalletIdEffective,
-        onSelectWallet: setSelectedWalletId,
+        onConfirmWallet: (walletId) => {
+          setSelectedWalletId(walletId);
+          setIsConnectSelectionConfirmed(true);
+        },
         onRequestConnect,
         onConnect,
         onDisconnect,
-        onContinue: () => {
-          if (selectedWalletIdEffective) {
-            setSelectedWalletId(selectedWalletIdEffective);
-          }
-          setIsConnectSelectionConfirmed(true);
-        },
-        connectButtonLabel
+        title: "Withdraw",
+        subtitle: "Choose a wallet to continue"
       }
     ) });
   }
   if (!signerContext) return null;
   if (!onSignTransaction && !signerContext.walletClient) return null;
-  const resolvedConnectedRecipient = _optionalChain([selectedWalletOption, 'optionalAccess', _52 => _52.kind]) === "external" ? selectedWalletOption.address : void 0;
-  const formPublicClient = _nullishCoalesce(signerContext.publicClient, () => ( _chunkNFXJEOE6cjs.getPublicClient.call(void 0, sourceChain)));
+  const resolvedConnectedRecipient = _optionalChain([selectedWalletOption, 'optionalAccess', _61 => _61.kind]) === "external" ? selectedWalletOption.address : void 0;
+  const formPublicClient = _nullishCoalesce(signerContext.publicClient, () => ( _chunkY3RA3YGAcjs.getPublicClient.call(void 0, sourceChain)));
+  const stepView = deriveStepView(flowStep, registration);
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-modal-body", children: [
-    step.type === "form" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    stepView === "form" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       WithdrawFormStep,
       {
         walletClient: signerContext.walletClient,
@@ -1452,27 +1710,44 @@ function WithdrawFlow({
         onTargetTokenChange: handleTargetTokenChange,
         switchChain: signerContext.switchChain,
         walletIcon: selectedWalletIcon,
-        submitting: isSubmitting,
-        onSubmit: handleFormSubmit,
+        registrationPending: registration.kind === "pending" || registration.kind === "stale",
+        registrationError: registration.kind === "failed" ? registration.error : null,
+        onRecipientChange: setRecipientInput,
+        onSubmit: async (r, a) => handleFormContinue(r, a),
         onBalanceUsdChange: setTotalBalanceUsd
       }
     ),
-    step.type === "processing" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkNFXJEOE6cjs.ProcessingStep,
+    stepView === "review" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      WithdrawReviewStep,
+      {
+        sourceChain,
+        sourceSymbol: asset.symbol,
+        targetChain,
+        targetToken,
+        amount: _nullishCoalesce(storeApi.getState().amount, () => ( "0")),
+        recipient: _nullishCoalesce(_nullishCoalesce(storeApi.getState().recipient, () => ( recipientForRegistration)), () => ( "0x0")),
+        registrationPending: registration.kind === "pending" || registration.kind === "stale",
+        registrationError: registration.kind === "failed" ? registration.error : null,
+        onConfirm: handleReviewConfirm,
+        onError: handleError
+      }
+    ),
+    stepView === "processing" && registration.kind !== "idle" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkY3RA3YGAcjs.ProcessingStep,
       {
-        smartAccount: step.smartAccount,
-        txHash: step.txHash,
-        sourceChain: step.sourceChain,
-        sourceToken: step.sourceToken,
+        smartAccount: registration.kind === "ready" || registration.kind === "stale" ? registration.smartAccount : "0x0",
+        txHash: _nullishCoalesce(storeApi.getState().txHash, () => ( "0x0")),
+        sourceChain,
+        sourceToken,
         targetChain,
         targetToken,
-        amount: step.amount,
-        directTransfer: step.directTransfer,
+        amount: _nullishCoalesce(storeApi.getState().amount, () => ( "0")),
+        directTransfer: isSameRoute,
         waitForFinalTx,
         service,
         flowLabel: "withdraw",
         onClose,
-        onNewDeposit: () => setStep({ type: "form" }),
+        onNewDeposit: () => storeApi.dispatch({ type: "flow/reset" }),
         onDepositComplete: handleWithdrawComplete,
         onDepositFailed: handleWithdrawFailed,
         onError: handleError,
@@ -1481,11 +1756,18 @@ function WithdrawFlow({
     )
   ] });
 }
+function deriveStepView(step, _registration) {
+  if (step === "review") return "review";
+  if (step === "processing" || step === "complete" || step === "failed") {
+    return "processing";
+  }
+  return "form";
+}
 
 // src/WithdrawModal.tsx
 
 var ReownWithdrawInner = _react.lazy.call(void 0, 
-  () => Promise.resolve().then(() => _interopRequireWildcard(require("./WithdrawModalReown-Z5BUZQ4Z.cjs"))).then((m) => ({
+  () => Promise.resolve().then(() => _interopRequireWildcard(require("./WithdrawModalReown-4M3PBY2T.cjs"))).then((m) => ({
     default: m.WithdrawModalReown
   }))
 );
@@ -1513,8 +1795,8 @@ function WithdrawModalInner({
   inline,
   closeOnOverlayClick,
   allowedRoutes,
-  backendUrl = _chunkR2HP743Tcjs.DEFAULT_BACKEND_URL,
-  signerAddress = _chunkR2HP743Tcjs.DEFAULT_SIGNER_ADDRESS,
+  backendUrl = _chunkXCAF6B3Dcjs.DEFAULT_BACKEND_URL,
+  signerAddress = _chunkXCAF6B3Dcjs.DEFAULT_SIGNER_ADDRESS,
   sessionChainIds,
   forceRegister = false,
   waitForFinalTx = true,
@@ -1523,68 +1805,58 @@ function WithdrawModalInner({
   onDisconnect,
   onSignTransaction,
   onRequestConnect,
-  connectButtonLabel,
   theme,
-  branding,
   uiConfig,
   className,
   onReady,
-  onConnected,
-  onWithdrawSubmitted,
-  onWithdrawComplete,
-  onWithdrawFailed,
+  onLifecycle,
   onEvent,
   onError,
   debug
 }) {
   const modalRef = _react.useRef.call(void 0, null);
-  const onReadyRef = _chunkNFXJEOE6cjs.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 = _chunkR2HP743Tcjs.getChainId.call(void 0, targetChainProp);
-  const sourceChain = _chunkR2HP743Tcjs.getChainId.call(void 0, sourceChainProp);
+  const onReadyRef = _chunkY3RA3YGAcjs.useLatestRef.call(void 0, onReady);
+  const [backHandler, setBackHandler] = _react.useState.call(void 0, 
+    void 0
+  );
+  const targetChain = _chunkXCAF6B3Dcjs.getChainId.call(void 0, targetChainProp);
+  const sourceChain = _chunkXCAF6B3Dcjs.getChainId.call(void 0, sourceChainProp);
   const service = _react.useMemo.call(void 0, 
-    () => _chunkNFXJEOE6cjs.createDepositService.call(void 0, backendUrl, { debug, debugScope: "service:withdraw" }),
+    () => _chunkY3RA3YGAcjs.createDepositService.call(void 0, backendUrl, { debug, debugScope: "service:withdraw" }),
     [backendUrl, debug]
   );
+  const store = _react.useMemo.call(void 0, () => createWithdrawStore(), []);
+  const onErrorRef = _chunkY3RA3YGAcjs.useLatestRef.call(void 0, onError);
+  _react.useEffect.call(void 0, () => {
+    if (isOpen && onSignTransaction && !dappAddress) {
+      _optionalChain([onErrorRef, 'access', _62 => _62.current, 'optionalCall', _63 => _63({
+        message: "WithdrawModal requires `dappAddress` when `onSignTransaction` is provided.",
+        code: "WITHDRAW_MISSING_DAPP_ADDRESS"
+      })]);
+    }
+  }, [isOpen, onSignTransaction, dappAddress, onErrorRef]);
   _react.useEffect.call(void 0, () => {
     if (isOpen && modalRef.current) {
-      _chunkNFXJEOE6cjs.applyTheme.call(void 0, modalRef.current, theme);
+      _chunkY3RA3YGAcjs.applyTheme.call(void 0, modalRef.current, theme);
     }
   }, [isOpen, theme]);
   _react.useEffect.call(void 0, () => {
     if (isOpen) {
-      _optionalChain([onReadyRef, 'access', _53 => _53.current, 'optionalCall', _54 => _54()]);
+      _optionalChain([onReadyRef, 'access', _64 => _64.current, 'optionalCall', _65 => _65()]);
     }
   }, [isOpen, onReadyRef]);
   _react.useEffect.call(void 0, () => {
     if (!isOpen) {
-      setCurrentStepIndex(0);
+      store.dispatch({ type: "modal/reset" });
     }
-  }, [isOpen]);
-  const handleStepChange = _react.useCallback.call(void 0, 
-    (stepIndex, onBack) => {
-      setCurrentStepIndex(stepIndex);
-      backHandlerRef.current = onBack;
-    },
-    []
-  );
-  const handleTotalBalanceChange = _react.useCallback.call(void 0, (balance2) => {
-    setTotalBalanceUsd(balance2);
+  }, [isOpen, store]);
+  const handleStepChange = _react.useCallback.call(void 0, (onBack) => {
+    setBackHandler(() => onBack);
   }, []);
-  const handleBack = _react.useCallback.call(void 0, () => {
-    _optionalChain([backHandlerRef, 'access', _55 => _55.current, 'optionalCall', _56 => _56()]);
-  }, []);
-  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, 
-    _chunkNFXJEOE6cjs.Modal,
+  const showBackButton = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _66 => _66.showBackButton]), () => ( true));
+  const canGoBack = backHandler !== void 0;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WithdrawStoreProvider, { store, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkY3RA3YGAcjs.Modal,
     {
       isOpen,
       onClose,
@@ -1593,59 +1865,16 @@ function WithdrawModalInner({
       closeOnOverlayClick,
       children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { ref: modalRef, className: "rs-modal", children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-modal-header--redesigned", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-header-nav-left", children: showBackButton && canGoBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-header-nav-left", children: showBackButton && canGoBack && backHandler && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "button",
             {
               type: "button",
               className: "rs-modal-header-back",
               "aria-label": "Go back",
-              onClick: handleBack,
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "svg",
-                {
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "2",
-                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "path",
-                    {
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      d: "M15.75 19.5L8.25 12l7.5-7.5"
-                    }
-                  )
-                }
-              )
+              onClick: backHandler,
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY3RA3YGAcjs.ChevronLeftIcon, {})
             }
           ) }),
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-modal-header-nav-center", children: [
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-modal-header-title-row", children: [
-              showLogo && logoUrl && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "img",
-                {
-                  src: logoUrl,
-                  alt: "",
-                  className: "rs-modal-logo",
-                  onError: (e) => {
-                    e.target.style.display = "none";
-                  }
-                }
-              ),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-modal-header-title", children: title }),
-              showStepper && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-progress", style: { marginLeft: 8 }, children: [0, 1].map((i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "div",
-                {
-                  className: `rs-modal-progress-dot ${i <= currentStepIndex ? "rs-modal-progress-dot--active" : "rs-modal-progress-dot--inactive"}`
-                },
-                i
-              )) })
-            ] }),
-            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 ? _chunkNFXJEOE6cjs.currencyFormatter.format(totalBalanceUsd) : null))) })
-            ] })
-          ] }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-header-nav-right", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             "button",
             {
@@ -1653,23 +1882,7 @@ function WithdrawModalInner({
               onClick: onClose,
               className: "rs-modal-close",
               "aria-label": "Close",
-              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                "svg",
-                {
-                  viewBox: "0 0 24 24",
-                  fill: "none",
-                  stroke: "currentColor",
-                  strokeWidth: "2",
-                  children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                    "path",
-                    {
-                      strokeLinecap: "round",
-                      strokeLinejoin: "round",
-                      d: "M6 18L18 6M6 6l12 12"
-                    }
-                  )
-                }
-              )
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkY3RA3YGAcjs.CloseIcon, {})
             }
           ) })
         ] }),
@@ -1697,14 +1910,9 @@ function WithdrawModalInner({
             onDisconnect,
             onSignTransaction,
             onRequestConnect,
-            connectButtonLabel,
             onStepChange: handleStepChange,
-            onTotalBalanceChange: handleTotalBalanceChange,
             onClose,
-            onConnected,
-            onWithdrawSubmitted,
-            onWithdrawComplete,
-            onWithdrawFailed,
+            onLifecycle,
             onEvent,
             onError,
             debug
@@ -1712,7 +1920,7 @@ function WithdrawModalInner({
         )
       ] })
     }
-  );
+  ) });
 }