@rhinestone/deposit-modal 0.0.0-dev-20260608080045

package/dist/chunk-2SMS542Q.cjs

@@ -0,0 +1,1654 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj; } else { var newObj = {}; if (obj != null) { for (var key in obj) { if (Object.prototype.hasOwnProperty.call(obj, key)) { newObj[key] = obj[key]; } } } newObj.default = obj; return newObj; } } function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _chunkRABZINV3cjs = require('./chunk-RABZINV3.cjs');
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _chunkMILJQWPTcjs = require('./chunk-MILJQWPT.cjs');
+
+// src/WithdrawModal.tsx
+
+
+
+
+
+
+
+
+var _react = require('react');
+
+// src/WithdrawFlow.tsx
+
+
+// src/store/withdraw.ts
+
+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');
+var _jsxruntime = require('react/jsx-runtime');
+function useClickOutside(ref, onClose) {
+  _react.useEffect.call(void 0, () => {
+    function handleClick(e) {
+      if (ref.current && !ref.current.contains(e.target)) {
+        onClose();
+      }
+    }
+    document.addEventListener("mousedown", handleClick);
+    return () => document.removeEventListener("mousedown", handleClick);
+  }, [ref, onClose]);
+}
+function WithdrawFormStep({
+  walletClient,
+  publicClient,
+  connectedRecipient,
+  safeAddress,
+  asset,
+  defaultRecipient,
+  defaultAmount,
+  targetChain,
+  targetToken,
+  targetChains,
+  targetTokenOptions,
+  onTargetChainChange,
+  onTargetTokenChange,
+  switchChain,
+  walletIcon,
+  submitting = false,
+  registrationPending = false,
+  registrationError = null,
+  onRecipientChange,
+  onSubmit,
+  onBalanceUsdChange
+}) {
+  const [recipient, setRecipient] = _react.useState.call(void 0, _nullishCoalesce(defaultRecipient, () => ( "")));
+  const [amount, setAmount] = _react.useState.call(void 0, _nullishCoalesce(defaultAmount, () => ( "")));
+  const [balance, setBalance] = _react.useState.call(void 0, null);
+  const [isBalanceLoading, setIsBalanceLoading] = _react.useState.call(void 0, true);
+  const [error, setError] = _react.useState.call(void 0, null);
+  const [isSwitching, setIsSwitching] = _react.useState.call(void 0, false);
+  const [showChainDropdown, setShowChainDropdown] = _react.useState.call(void 0, false);
+  const [showTokenDropdown, setShowTokenDropdown] = _react.useState.call(void 0, false);
+  const [isSubmitting, setIsSubmitting] = _react.useState.call(void 0, false);
+  const hasAttemptedSwitch = _react.useRef.call(void 0, false);
+  const chainDropdownRef = _react.useRef.call(void 0, null);
+  const tokenDropdownRef = _react.useRef.call(void 0, null);
+  const publicClientChainId = _optionalChain([publicClient, 'access', _ => _.chain, 'optionalAccess', _2 => _2.id]);
+  useClickOutside(chainDropdownRef, () => setShowChainDropdown(false));
+  useClickOutside(tokenDropdownRef, () => setShowTokenDropdown(false));
+  const preferredConnectedRecipient = _nullishCoalesce(connectedRecipient, () => ( ""));
+  const isRecipientConnected = Boolean(
+    preferredConnectedRecipient && recipient && recipient.toLowerCase() === preferredConnectedRecipient.toLowerCase()
+  );
+  const chainMismatch = Boolean(
+    _optionalChain([walletClient, 'optionalAccess', _3 => _3.chain, 'optionalAccess', _4 => _4.id]) && walletClient.chain.id !== asset.chainId
+  );
+  const targetSymbol = _chunkMILJQWPTcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
+  const targetChainName = _chunkMILJQWPTcjs.getChainName.call(void 0, targetChain);
+  const isBusy = submitting || isSubmitting;
+  const seededRecipientRef = _react.useRef.call(void 0, _nullishCoalesce(defaultRecipient, () => ( "")));
+  _react.useEffect.call(void 0, () => {
+    const nextSeed = _nullishCoalesce(defaultRecipient, () => ( ""));
+    setRecipient((current) => {
+      if (current === seededRecipientRef.current || current === "") {
+        return nextSeed;
+      }
+      return current;
+    });
+    seededRecipientRef.current = nextSeed;
+  }, [defaultRecipient]);
+  _react.useEffect.call(void 0, () => {
+    if (chainMismatch && switchChain && !hasAttemptedSwitch.current) {
+      hasAttemptedSwitch.current = true;
+      setIsSwitching(true);
+      switchChain(asset.chainId).catch((err) => {
+        const raw = err instanceof Error ? err.message : "Failed to switch chain";
+        setError(_chunkRABZINV3cjs.formatUserError.call(void 0, raw));
+      }).finally(() => {
+        setIsSwitching(false);
+      });
+    }
+  }, [chainMismatch, switchChain, asset.chainId]);
+  _react.useEffect.call(void 0, () => {
+    hasAttemptedSwitch.current = false;
+  }, [asset.chainId]);
+  _react.useEffect.call(void 0, () => {
+    let active = true;
+    let timeoutId;
+    let retryDelayMs = 5e3;
+    async function fetchBalance() {
+      if (!safeAddress || !publicClient) return;
+      if (publicClientChainId && publicClientChainId !== asset.chainId) {
+        timeoutId = setTimeout(fetchBalance, 1e3);
+        return;
+      }
+      try {
+        const bal = _chunkRABZINV3cjs.isNativeAsset.call(void 0, asset) ? await publicClient.getBalance({ address: safeAddress }) : await publicClient.readContract({
+          address: asset.token,
+          abi: _viem.erc20Abi,
+          functionName: "balanceOf",
+          args: [safeAddress]
+        });
+        if (active) {
+          setBalance(bal);
+          setIsBalanceLoading(false);
+        }
+      } catch (e2) {
+        if (active) {
+          setBalance(null);
+          timeoutId = setTimeout(fetchBalance, retryDelayMs);
+          retryDelayMs = Math.min(Math.round(retryDelayMs * 1.5), 3e4);
+        }
+      }
+    }
+    setBalance(null);
+    setIsBalanceLoading(true);
+    void fetchBalance();
+    return () => {
+      active = false;
+      if (timeoutId) {
+        clearTimeout(timeoutId);
+      }
+    };
+  }, [safeAddress, publicClient, publicClientChainId, asset]);
+  const formattedBalance = _react.useMemo.call(void 0, () => {
+    if (balance === null) return "...";
+    try {
+      const raw = _viem.formatUnits.call(void 0, balance, asset.decimals);
+      const numeric = Number(raw);
+      if (!Number.isFinite(numeric)) return raw;
+      return new Intl.NumberFormat("en-US", {
+        maximumFractionDigits: 2
+      }).format(numeric);
+    } catch (e3) {
+      return "...";
+    }
+  }, [balance, asset.decimals]);
+  _react.useEffect.call(void 0, () => {
+    if (balance === null) return;
+    const sym = asset.symbol.toUpperCase();
+    if (sym !== "USDC" && sym !== "USDT" && sym !== "USDT0") return;
+    try {
+      const raw = _viem.formatUnits.call(void 0, balance, asset.decimals);
+      const numeric = Number(raw);
+      if (!Number.isFinite(numeric)) return;
+      _optionalChain([onBalanceUsdChange, 'optionalCall', _5 => _5(numeric)]);
+    } catch (e4) {
+      return;
+    }
+  }, [balance, asset.decimals, asset.symbol, onBalanceUsdChange]);
+  const amountUsd = _react.useMemo.call(void 0, () => {
+    if (!amount) return null;
+    const parsed = Number(amount);
+    if (!Number.isFinite(parsed) || parsed <= 0) return null;
+    const sym = asset.symbol.toUpperCase();
+    if (sym === "USDC" || sym === "USDT" || sym === "USDT0") {
+      return parsed;
+    }
+    return null;
+  }, [amount, asset.symbol]);
+  const handleMaxClick = _react.useCallback.call(void 0, () => {
+    if (balance === null) return;
+    const maxAmount = _viem.formatUnits.call(void 0, balance, asset.decimals);
+    setAmount(maxAmount);
+    setError(null);
+  }, [balance, asset.decimals]);
+  const handleUseConnected = _react.useCallback.call(void 0, () => {
+    if (!preferredConnectedRecipient) return;
+    setRecipient(preferredConnectedRecipient);
+    _optionalChain([onRecipientChange, 'optionalCall', _6 => _6(preferredConnectedRecipient)]);
+    setError(null);
+  }, [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");
+      return;
+    }
+    const parsed = Number(amount);
+    if (!amount || !Number.isFinite(parsed) || parsed <= 0) {
+      setError("Enter a valid amount");
+      return;
+    }
+    if (balance !== null) {
+      try {
+        const amountInUnits = _viem.parseUnits.call(void 0, amount, asset.decimals);
+        if (amountInUnits > balance) {
+          setError("Insufficient balance");
+          return;
+        }
+      } catch (e5) {
+        setError("Invalid amount");
+        return;
+      }
+    }
+    setError(null);
+    setIsSubmitting(true);
+    try {
+      await onSubmit(recipient, amount);
+    } catch (err) {
+      const raw = err instanceof Error ? err.message : "Withdrawal failed";
+      setError(_chunkRABZINV3cjs.formatUserError.call(void 0, raw));
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, [recipient, amount, balance, asset.decimals, onSubmit]);
+  if (isBalanceLoading) {
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen", children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen-body rs-withdraw-loading", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRABZINV3cjs.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 ${_chunkMILJQWPTcjs.getChainName.call(void 0, asset.chainId)} to continue.` : "Please wait before withdrawing." })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRABZINV3cjs.PoweredBy, {})
+    ] });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen", children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-screen-body", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRABZINV3cjs.BodyHeader, { icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRABZINV3cjs.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",
+            htmlFor: "rs-withdraw-recipient",
+            children: "Recipient address"
+          }
+        ),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-input-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "input",
+            {
+              id: "rs-withdraw-recipient",
+              type: "text",
+              className: "rs-withdraw-input rs-withdraw-input--address",
+              placeholder: "0x...",
+              value: recipient,
+              onChange: (e) => {
+                const next = e.target.value.trim();
+                setRecipient(next);
+                _optionalChain([onRecipientChange, 'optionalCall', _7 => _7(next)]);
+                if (error) setError(null);
+              }
+            }
+          ),
+          preferredConnectedRecipient && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              type: "button",
+              className: `rs-withdraw-use-connected ${isRecipientConnected ? "rs-withdraw-use-connected--active" : ""}`,
+              onClick: handleUseConnected,
+              title: isRecipientConnected ? "Using connected wallet" : "Use connected wallet",
+              children: walletIcon ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                  "img",
+                  {
+                    src: walletIcon,
+                    alt: "Wallet",
+                    style: { width: 18, height: 18, borderRadius: 4 },
+                    className: "rs-withdraw-use-connected-icon"
+                  }
+                ),
+                isRecipientConnected ? null : "Use connected"
+              ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+                /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRABZINV3cjs.WalletIcon, { className: "rs-withdraw-use-connected-icon" }),
+                isRecipientConnected ? null : "Use connected"
+              ] })
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-section", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: "rs-withdraw-label", htmlFor: "rs-withdraw-amount", children: "Amount" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-input-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "input",
+            {
+              id: "rs-withdraw-amount",
+              type: "text",
+              inputMode: "decimal",
+              className: "rs-withdraw-input rs-withdraw-input--amount",
+              placeholder: "0",
+              value: amount,
+              onChange: (e) => {
+                const value = e.target.value.replace(/[^0-9.]/g, "");
+                const parts = value.split(".");
+                if (parts.length > 2) return;
+                setAmount(value);
+                if (error) setError(null);
+              }
+            }
+          ),
+          /* @__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 ? _chunkRABZINV3cjs.currencyFormatter.format(amountUsd) : "$0.00" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-withdraw-balance", children: [
+            "Balance: ",
+            formattedBalance,
+            " ",
+            asset.symbol
+          ] })
+        ] })
+      ] }),
+      /* @__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, "span", { className: "rs-withdraw-label rs-withdraw-label--sm", children: "Receive chain" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "div",
+            {
+              className: "rs-withdraw-dropdown-container",
+              ref: chainDropdownRef,
+              children: [
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": "Receive chain",
+                    className: "rs-withdraw-dropdown",
+                    onClick: () => {
+                      setShowChainDropdown(!showChainDropdown);
+                      setShowTokenDropdown(false);
+                    },
+                    children: [
+                      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-dropdown-value", children: [
+                        _chunkMILJQWPTcjs.getChainIcon.call(void 0, targetChain) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                          "img",
+                          {
+                            src: _chunkMILJQWPTcjs.getChainIcon.call(void 0, targetChain),
+                            alt: targetChainName,
+                            className: "rs-withdraw-dropdown-icon"
+                          }
+                        ),
+                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: targetChainName })
+                      ] }),
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        _chunkRABZINV3cjs.ChevronDownIcon,
+                        {
+                          className: "rs-withdraw-dropdown-arrow",
+                          style: {
+                            transform: showChainDropdown ? "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, 
+                  "button",
+                  {
+                    type: "button",
+                    className: "rs-withdraw-dropdown-item",
+                    onClick: () => {
+                      onTargetChainChange(chain.id);
+                      setShowChainDropdown(false);
+                    },
+                    children: [
+                      _chunkMILJQWPTcjs.getChainIcon.call(void 0, chain.id) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        "img",
+                        {
+                          src: _chunkMILJQWPTcjs.getChainIcon.call(void 0, chain.id),
+                          alt: chain.name,
+                          className: "rs-withdraw-dropdown-icon"
+                        }
+                      ),
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: chain.name })
+                    ]
+                  },
+                  chain.id
+                )) })
+              ]
+            }
+          )
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-receive-col", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-withdraw-label rs-withdraw-label--sm", children: "Receive token" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "div",
+            {
+              className: "rs-withdraw-dropdown-container",
+              ref: tokenDropdownRef,
+              children: [
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                  "button",
+                  {
+                    type: "button",
+                    "aria-label": "Receive token",
+                    className: "rs-withdraw-dropdown",
+                    onClick: () => {
+                      setShowTokenDropdown(!showTokenDropdown);
+                      setShowChainDropdown(false);
+                    },
+                    children: [
+                      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-dropdown-value", children: [
+                        _chunkMILJQWPTcjs.getTokenIcon.call(void 0, targetSymbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                          "img",
+                          {
+                            src: _chunkMILJQWPTcjs.getTokenIcon.call(void 0, targetSymbol),
+                            alt: targetSymbol,
+                            className: "rs-withdraw-dropdown-icon"
+                          }
+                        ),
+                        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: targetSymbol })
+                      ] }),
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        _chunkRABZINV3cjs.ChevronDownIcon,
+                        {
+                          className: "rs-withdraw-dropdown-arrow",
+                          style: {
+                            transform: showTokenDropdown ? "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, 
+                  "button",
+                  {
+                    type: "button",
+                    className: "rs-withdraw-dropdown-item",
+                    onClick: () => {
+                      onTargetTokenChange(option.address);
+                      setShowTokenDropdown(false);
+                    },
+                    children: [
+                      _chunkMILJQWPTcjs.getTokenIcon.call(void 0, option.symbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        "img",
+                        {
+                          src: _chunkMILJQWPTcjs.getTokenIcon.call(void 0, option.symbol),
+                          alt: option.symbol,
+                          className: "rs-withdraw-dropdown-icon"
+                        }
+                      ),
+                      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: option.symbol })
+                    ]
+                  },
+                  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 ${_chunkMILJQWPTcjs.getChainName.call(void 0, asset.chainId)}...` : `Switch to ${_chunkMILJQWPTcjs.getChainName.call(void 0, asset.chainId)} to continue.` }) }),
+      error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRABZINV3cjs.Callout, { variant: "error", children: error }),
+      !error && registrationError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRABZINV3cjs.Callout, { variant: "error", children: registrationError }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkRABZINV3cjs.Button,
+        {
+          onClick: handleWithdraw,
+          fullWidth: true,
+          loading: isBusy,
+          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, _chunkRABZINV3cjs.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 = _chunkMILJQWPTcjs.getChainName.call(void 0, sourceChain);
+  const sourceChainIcon = _chunkMILJQWPTcjs.getChainIcon.call(void 0, sourceChain);
+  const targetSymbol = _chunkMILJQWPTcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
+  const targetChainName = _chunkMILJQWPTcjs.getChainName.call(void 0, targetChain);
+  const targetChainIcon = _chunkMILJQWPTcjs.getChainIcon.call(void 0, targetChain);
+  const sourceTokenIcon = _chunkMILJQWPTcjs.getTokenIcon.call(void 0, sourceSymbol);
+  const targetTokenIcon = _chunkMILJQWPTcjs.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 = _chunkRABZINV3cjs.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, 
+        _chunkRABZINV3cjs.BodyHeader,
+        {
+          icon: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRABZINV3cjs.CircleArrowOutUpLeftIcon, {}),
+          title: "Review withdrawal"
+        }
+      ),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-details", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "You send" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
+              amount,
+              " ",
+              sourceSymbol
+            ] }),
+            sourceTokenIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: sourceTokenIcon, alt: "" }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Source chain" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: sourceChainName }),
+            sourceChainIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: sourceChainIcon, alt: "" }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Recipient" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-value", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: shortenAddress(recipient) }) })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Receive" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { children: [
+              amount,
+              " ",
+              targetSymbol
+            ] }),
+            targetTokenIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: targetTokenIcon, alt: "" }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Destination chain" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-review-detail-value", children: [
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: targetChainName }),
+            targetChainIcon && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-icon", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "img", { src: targetChainIcon, alt: "" }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-review-detail-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { children: "Estimated time" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-review-detail-value", children: estimatedTime })
+        ] })
+      ] }),
+      error && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRABZINV3cjs.Callout, { variant: "error", children: error }),
+      !error && registrationError && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRABZINV3cjs.Callout, { variant: "error", children: registrationError }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+        _chunkRABZINV3cjs.Button,
+        {
+          onClick: handleConfirm,
+          loading: isSubmitting,
+          loadingText: "Submitting transaction...",
+          disabled,
+          fullWidth: true,
+          children: "Continue"
+        }
+      )
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRABZINV3cjs.PoweredBy, {})
+  ] });
+}
+WithdrawReviewStep.displayName = "WithdrawReviewStep";
+
+// src/WithdrawFlow.tsx
+
+
+var ADDR_REGEX = /^0x[a-fA-F0-9]{40}$/;
+var REGISTRATION_DEBOUNCE_MS = 600;
+function resolveSessionOwner(eoaAddress) {
+  const localOwner = _chunkRABZINV3cjs.loadSessionOwnerFromStorage.call(void 0, eoaAddress);
+  if (localOwner) {
+    return {
+      account: _chunkRABZINV3cjs.accountFromPrivateKey.call(void 0, localOwner.privateKey),
+      address: localOwner.address
+    };
+  }
+  const created = _chunkRABZINV3cjs.createSessionOwnerKey.call(void 0, );
+  _chunkRABZINV3cjs.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,
+  dappAddress,
+  safeAddress,
+  sourceChain,
+  sourceToken,
+  targetChain: targetChainProp,
+  targetToken: targetTokenProp,
+  recipient: defaultRecipient,
+  amount: defaultAmount,
+  service,
+  allowedRoutes,
+  signerAddress = _chunkMILJQWPTcjs.DEFAULT_SIGNER_ADDRESS,
+  sessionChainIds,
+  forceRegister = false,
+  reownWallet,
+  onConnect,
+  onDisconnect,
+  onSignTransaction,
+  onRequestConnect,
+  onStepChange,
+  onClose,
+  onLifecycle,
+  onEvent,
+  onError,
+  debug
+}) {
+  const onStepChangeRef = _chunkRABZINV3cjs.useLatestRef.call(void 0, onStepChange);
+  const onEventRef = _chunkRABZINV3cjs.useLatestRef.call(void 0, onEvent);
+  const onLifecycleRef = _chunkRABZINV3cjs.useLatestRef.call(void 0, onLifecycle);
+  const onErrorRef = _chunkRABZINV3cjs.useLatestRef.call(void 0, onError);
+  const logFlow = _react.useCallback.call(void 0, 
+    (message, data) => {
+      _chunkRABZINV3cjs.debugLog.call(void 0, debug, "withdraw-flow", message, data);
+    },
+    [debug]
+  );
+  const logFlowError = _react.useCallback.call(void 0, 
+    (message, error, data) => {
+      _chunkRABZINV3cjs.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', _15 => _15.switchChain])) return void 0;
+    return async (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', _18 => _18.account]) && dappAddress) {
+      const id = `evm:${dappWalletClient.account.address.toLowerCase()}`;
+      options.push({
+        id,
+        address: dappWalletClient.account.address,
+        label: "Connected Wallet",
+        kind: "connected"
+      });
+      seen.add(id);
+    }
+    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({
+          id,
+          address: reownWallet.address,
+          label: "External Wallet",
+          kind: "external",
+          icon: reownWallet.icon
+        });
+      }
+    }
+    return options;
+  }, [
+    dappWalletClient,
+    dappAddress,
+    _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', _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, () => ( _chunkRABZINV3cjs.getPublicClient.call(void 0, sourceChain))),
+          switchChain: dappSwitchChain
+        };
+      }
+      return {
+        ownerAddress: dappWalletClient.account.address,
+        walletClient: dappWalletClient,
+        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkRABZINV3cjs.getPublicClient.call(void 0, sourceChain))),
+        switchChain: dappSwitchChain
+      };
+    }
+    if (!isConnectSelectionConfirmed || !selectedWalletId) return null;
+    const selectedOption = walletOptions.find((o) => o.id === selectedWalletId);
+    if (!selectedOption || !selectedOption.address) return null;
+    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, () => ( _chunkRABZINV3cjs.getPublicClient.call(void 0, sourceChain))),
+        switchChain: dappSwitchChain
+      };
+    }
+    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,
+        publicClient: reownWallet.publicClient,
+        switchChain: reownWallet.switchChain
+      };
+    }
+    return null;
+  }, [
+    canAutoLock,
+    hasCustomSigner,
+    isConnectSelectionConfirmed,
+    selectedWalletId,
+    walletOptions,
+    dappWalletClient,
+    dappPublicClient,
+    dappSwitchChain,
+    dappAddress,
+    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: _chunkMILJQWPTcjs.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 = _chunkRABZINV3cjs.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: _chunkMILJQWPTcjs.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 = _chunkRABZINV3cjs.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 = _chunkMILJQWPTcjs.getTokenSymbol.call(void 0, sourceToken, sourceChain);
+    const decimals = _chunkMILJQWPTcjs.getTokenDecimalsByAddress.call(void 0, sourceToken, sourceChain);
+    return {
+      id: _chunkRABZINV3cjs.getAssetId.call(void 0, { chainId: sourceChain, token: sourceToken }),
+      chainId: sourceChain,
+      token: sourceToken,
+      symbol,
+      name: symbol,
+      decimals
+    };
+  }, [sourceChain, sourceToken]);
+  const isSourceNative = sourceToken.toLowerCase() === _chunkMILJQWPTcjs.NATIVE_TOKEN_ADDRESS.toLowerCase();
+  const isSameRoute = targetChain === sourceChain && targetToken.toLowerCase() === sourceToken.toLowerCase();
+  const reviewBackHandler = _react.useCallback.call(void 0, () => {
+    storeApi.dispatch({ type: "review/back" });
+  }, [storeApi]);
+  _react.useEffect.call(void 0, () => {
+    _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 (flowStep !== "form") {
+      lastStepOpenEventKeyRef.current = null;
+      return;
+    }
+    if (lastStepOpenEventKeyRef.current === "form") return;
+    lastStepOpenEventKeyRef.current = "form";
+    const tokenSymbol = _chunkMILJQWPTcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
+    const chainName = _chunkMILJQWPTcjs.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: flowStep,
+      sourceChain,
+      sourceToken,
+      targetChain,
+      targetToken,
+      selectedWalletId,
+      registration: registration.kind
+    });
+  }, [
+    logFlow,
+    selectedWalletId,
+    sourceChain,
+    sourceToken,
+    flowStep,
+    targetChain,
+    targetToken,
+    registration.kind
+  ]);
+  const handleError = _react.useCallback.call(void 0, 
+    (message, code) => {
+      logFlowError("flow:error", message, { code });
+      _optionalChain([onErrorRef, 'access', _39 => _39.current, 'optionalCall', _40 => _40({ message, code })]);
+    },
+    [logFlowError, onErrorRef]
+  );
+  const handleFormContinue = _react.useCallback.call(void 0, 
+    (recipient, amountValue) => {
+      const tokenSymbol = _chunkMILJQWPTcjs.getTokenSymbol.call(void 0, targetToken, targetChain);
+      const chainName = _chunkMILJQWPTcjs.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,
+        selected_chain: chainName,
+        amount: amountValue,
+        cta_name: "withdraw"
+      })]);
+      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");
+      }
+      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");
+      }
+      try {
+        logFlow("submit:start", {
+          smartAccount,
+          recipient,
+          amount: amountValue,
+          sourceChain,
+          sourceToken,
+          targetChain,
+          targetToken
+        });
+        const amountUnits = _viem.parseUnits.call(void 0, amountValue, asset.decimals);
+        const pc = _nullishCoalesce(_optionalChain([signerContext, 'optionalAccess', _44 => _44.publicClient]), () => ( _chunkRABZINV3cjs.getPublicClient.call(void 0, sourceChain)));
+        let result;
+        if (onSignTransaction) {
+          const transferTarget = isSameRoute ? recipient : smartAccount;
+          const transferData = isSourceNative ? { to: transferTarget, value: amountUnits, data: "0x" } : {
+            to: sourceToken,
+            value: 0n,
+            data: _viem.encodeFunctionData.call(void 0, {
+              abi: _viem.erc20Abi,
+              functionName: "transfer",
+              args: [transferTarget, amountUnits]
+            })
+          };
+          const request = await _chunkRABZINV3cjs.buildSafeTransaction.call(void 0, {
+            publicClient: pc,
+            safeAddress,
+            to: transferData.to,
+            value: transferData.value,
+            data: transferData.data,
+            chainId: sourceChain
+          });
+          const { signature } = await onSignTransaction(request);
+          const relayResult = await service.relayWithdraw({
+            smartAccount,
+            chainId: _chunkMILJQWPTcjs.toEvmCaip2.call(void 0, sourceChain),
+            safeAddress,
+            safeTransaction: request.typedData.message,
+            signature
+          });
+          if (!relayResult.txHash) {
+            throw new Error("Relay succeeded but no txHash returned");
+          }
+          result = { txHash: relayResult.txHash };
+        } else if (isSourceNative) {
+          result = await _chunkRABZINV3cjs.executeSafeEthTransfer.call(void 0, {
+            walletClient: signerContext.walletClient,
+            publicClient: pc,
+            safeAddress,
+            recipient: isSameRoute ? recipient : smartAccount,
+            amount: amountUnits,
+            chainId: sourceChain
+          });
+        } else {
+          result = await _chunkRABZINV3cjs.executeSafeErc20Transfer.call(void 0, {
+            walletClient: signerContext.walletClient,
+            publicClient: pc,
+            safeAddress,
+            tokenAddress: sourceToken,
+            recipient: isSameRoute ? recipient : smartAccount,
+            amount: amountUnits,
+            chainId: sourceChain
+          });
+        }
+        logFlow("withdraw:submitted", {
+          txHash: result.txHash,
+          smartAccount,
+          amount: amountUnits.toString(),
+          sourceChain,
+          sourceToken
+        });
+        _optionalChain([onLifecycleRef, 'access', _45 => _45.current, 'optionalCall', _46 => _46({
+          type: "submitted",
+          txHash: result.txHash,
+          sourceChain,
+          amount: amountUnits.toString(),
+          safeAddress
+        })]);
+        storeApi.dispatch({ type: "withdraw/submitted", txHash: result.txHash });
+      } catch (err) {
+        const raw = err instanceof Error ? err.message : "Withdraw failed";
+        logFlowError("submit:failed", err, {
+          sourceChain,
+          sourceToken,
+          targetChain,
+          targetToken
+        });
+        handleError(_chunkRABZINV3cjs.formatUserError.call(void 0, raw), "WITHDRAW_FLOW_ERROR");
+        throw err;
+      }
+    },
+    [
+      signerContext,
+      targetChain,
+      targetToken,
+      service,
+      asset.decimals,
+      safeAddress,
+      sourceToken,
+      sourceChain,
+      onSignTransaction,
+      isSourceNative,
+      isSameRoute,
+      handleError,
+      logFlow,
+      logFlowError,
+      onLifecycleRef,
+      storeApi
+    ]
+  );
+  const handleWithdrawComplete = _react.useCallback.call(void 0, 
+    (txHash, destinationTxHash, context) => {
+      logFlow("withdraw:complete", { txHash, destinationTxHash, ...context });
+      _optionalChain([onLifecycleRef, 'access', _47 => _47.current, 'optionalCall', _48 => _48({
+        type: "complete",
+        txHash,
+        destinationTxHash,
+        amount: context.amount,
+        // Withdraw targets are always EVM — WithdrawModalProps.targetChain is
+        // Chain | number (never "solana"). The context union is wide only
+        // because ProcessingStep is shared with the deposit flow, so narrow
+        // back here.
+        sourceChain: context.sourceChain,
+        sourceToken: context.sourceToken,
+        targetChain: context.targetChain,
+        targetToken: context.targetToken
+      })]);
+      storeApi.dispatch({ type: "withdraw/complete" });
+    },
+    [logFlow, onLifecycleRef, storeApi]
+  );
+  const handleWithdrawFailed = _react.useCallback.call(void 0, 
+    (txHash, error) => {
+      logFlowError("withdraw:failed", error, { txHash });
+      _optionalChain([onLifecycleRef, 'access', _49 => _49.current, 'optionalCall', _50 => _50({
+        type: "failed",
+        txHash,
+        error
+      })]);
+      storeApi.dispatch({ type: "withdraw/failed" });
+    },
+    [logFlowError, onLifecycleRef, storeApi]
+  );
+  const allowedChainSet = _react.useMemo.call(void 0, 
+    () => _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', _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 _chunkMILJQWPTcjs.SOURCE_CHAINS.filter((chain) => {
+      if (allowedChainSet && !allowedChainSet.has(chain.id)) return false;
+      const tokens = _chunkMILJQWPTcjs.getSupportedTargetTokens.call(void 0, chain.id);
+      if (allowedTokenSet) {
+        return tokens.some((t) => allowedTokenSet.has(t.symbol.toUpperCase()));
+      }
+      return tokens.length > 0;
+    });
+  }, [allowedChainSet, allowedTokenSet]);
+  const targetTokenOptions = _react.useMemo.call(void 0, () => {
+    const tokens = _chunkMILJQWPTcjs.getSupportedTargetTokens.call(void 0, targetChain);
+    if (!allowedTokenSet) return tokens;
+    return tokens.filter((t) => allowedTokenSet.has(t.symbol.toUpperCase()));
+  }, [targetChain, allowedTokenSet]);
+  _react.useEffect.call(void 0, () => {
+    if (targetTokenOptions.length === 0) return;
+    const matches = targetTokenOptions.some(
+      (option) => option.address.toLowerCase() === targetToken.toLowerCase()
+    );
+    if (!matches) setTargetToken(targetTokenOptions[0].address);
+  }, [targetToken, targetTokenOptions]);
+  const handleTargetChainChange = _react.useCallback.call(void 0, 
+    (chainId) => {
+      setTargetChain(chainId);
+      let options = _chunkMILJQWPTcjs.getSupportedTargetTokens.call(void 0, chainId);
+      if (allowedTokenSet) {
+        options = options.filter(
+          (t) => allowedTokenSet.has(t.symbol.toUpperCase())
+        );
+      }
+      if (options.length === 0) return;
+      const currentlySupported = options.some(
+        (option) => option.address.toLowerCase() === targetToken.toLowerCase()
+      );
+      setTargetToken(
+        currentlySupported ? targetToken : options[0].address
+      );
+    },
+    [targetToken, allowedTokenSet]
+  );
+  const handleTargetTokenChange = _react.useCallback.call(void 0, (token) => {
+    setTargetToken(token);
+  }, []);
+  const selectedWalletIdEffective = _react.useMemo.call(void 0, () => {
+    if (selectedWalletId) return selectedWalletId;
+    if (walletOptions.length === 1) return walletOptions[0].id;
+    return null;
+  }, [selectedWalletId, walletOptions]);
+  const walletOptionsKey = _react.useMemo.call(void 0, 
+    () => walletOptions.map((o) => o.id).join(","),
+    [walletOptions]
+  );
+  const showConnectStep = !canAutoLock && !isConnectSelectionConfirmed;
+  _react.useEffect.call(void 0, () => {
+    setIsConnectSelectionConfirmed(false);
+  }, [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', _55 => _55.address, 'optionalAccess', _56 => _56.toLowerCase, 'call', _57 => _57()]) === ownerAddress.toLowerCase()
+    );
+    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) {
+    const withdrawRows = walletOptions.map((option) => ({
+      id: option.id,
+      kind: option.kind,
+      label: option.label,
+      icon: option.icon,
+      address: _nullishCoalesce(_nullishCoalesce(option.address, () => ( option.solanaAddress)), () => ( option.id)),
+      state: "ready"
+    }));
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-body", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkRABZINV3cjs.ConnectStep,
+      {
+        walletRows: withdrawRows,
+        onConfirmWallet: (walletId) => {
+          setSelectedWalletId(walletId);
+          setIsConnectSelectionConfirmed(true);
+        },
+        onRequestConnect,
+        onConnect,
+        onDisconnect,
+        title: "Withdraw",
+        subtitle: "Choose a wallet to continue"
+      }
+    ) });
+  }
+  if (!signerContext) return null;
+  if (!onSignTransaction && !signerContext.walletClient) return null;
+  const resolvedConnectedRecipient = _optionalChain([selectedWalletOption, 'optionalAccess', _61 => _61.kind]) === "external" ? selectedWalletOption.address : void 0;
+  const formPublicClient = _nullishCoalesce(signerContext.publicClient, () => ( _chunkRABZINV3cjs.getPublicClient.call(void 0, sourceChain)));
+  const stepView = deriveStepView(flowStep, registration);
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-modal-body", children: [
+    stepView === "form" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      WithdrawFormStep,
+      {
+        walletClient: signerContext.walletClient,
+        publicClient: formPublicClient,
+        connectedRecipient: resolvedConnectedRecipient,
+        safeAddress,
+        asset,
+        defaultRecipient,
+        defaultAmount,
+        targetChain,
+        targetToken,
+        targetChains: targetChainOptions,
+        targetTokenOptions,
+        onTargetChainChange: handleTargetChainChange,
+        onTargetTokenChange: handleTargetTokenChange,
+        switchChain: signerContext.switchChain,
+        walletIcon: selectedWalletIcon,
+        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
+      }
+    ),
+    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, 
+      _chunkRABZINV3cjs.ProcessingStep,
+      {
+        smartAccount: registration.kind === "ready" || registration.kind === "stale" ? registration.smartAccount : "0x0",
+        txHash: _nullishCoalesce(storeApi.getState().txHash, () => ( "0x0")),
+        sourceChain,
+        sourceToken,
+        targetChain,
+        targetToken,
+        amount: _nullishCoalesce(storeApi.getState().amount, () => ( "0")),
+        directTransfer: isSameRoute,
+        service,
+        flowLabel: "withdraw",
+        onClose,
+        onNewDeposit: () => storeApi.dispatch({ type: "flow/reset" }),
+        onDepositComplete: handleWithdrawComplete,
+        onDepositFailed: handleWithdrawFailed,
+        onError: handleError,
+        debug
+      }
+    )
+  ] });
+}
+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-OUWBSKSM.cjs"))).then((m) => ({
+    default: m.WithdrawModalReown
+  }))
+);
+function WithdrawModal(props) {
+  const needsReown = !!props.reownAppId;
+  if (needsReown) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Suspense, { fallback: null, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, ReownWithdrawInner, { ...props }) });
+  }
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WithdrawModalInner, { ...props });
+}
+WithdrawModal.displayName = "WithdrawModal";
+function WithdrawModalInner({
+  dappWalletClient,
+  dappPublicClient,
+  dappAddress,
+  safeAddress,
+  sourceChain: sourceChainProp,
+  sourceToken,
+  targetChain: targetChainProp,
+  targetToken,
+  recipient,
+  defaultAmount,
+  isOpen,
+  onClose,
+  inline,
+  closeOnOverlayClick,
+  allowedRoutes,
+  backendUrl = _chunkMILJQWPTcjs.DEFAULT_BACKEND_URL,
+  signerAddress = _chunkMILJQWPTcjs.DEFAULT_SIGNER_ADDRESS,
+  sessionChainIds,
+  forceRegister = false,
+  reownWallet,
+  onConnect,
+  onDisconnect,
+  onSignTransaction,
+  onRequestConnect,
+  theme,
+  uiConfig,
+  className,
+  onReady,
+  onLifecycle,
+  onEvent,
+  onError,
+  debug
+}) {
+  const modalRef = _react.useRef.call(void 0, null);
+  const onReadyRef = _chunkRABZINV3cjs.useLatestRef.call(void 0, onReady);
+  const [backHandler, setBackHandler] = _react.useState.call(void 0, 
+    void 0
+  );
+  const targetChain = _chunkMILJQWPTcjs.getChainId.call(void 0, targetChainProp);
+  const sourceChain = _chunkMILJQWPTcjs.getChainId.call(void 0, sourceChainProp);
+  const service = _react.useMemo.call(void 0, 
+    () => _chunkRABZINV3cjs.createDepositService.call(void 0, backendUrl, { debug, debugScope: "service:withdraw" }),
+    [backendUrl, debug]
+  );
+  const store = _react.useMemo.call(void 0, () => createWithdrawStore(), []);
+  const onErrorRef = _chunkRABZINV3cjs.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) {
+      _chunkRABZINV3cjs.applyTheme.call(void 0, modalRef.current, theme);
+    }
+  }, [isOpen, theme]);
+  _react.useEffect.call(void 0, () => {
+    if (isOpen) {
+      _optionalChain([onReadyRef, 'access', _64 => _64.current, 'optionalCall', _65 => _65()]);
+    }
+  }, [isOpen, onReadyRef]);
+  _react.useEffect.call(void 0, () => {
+    if (!isOpen) {
+      store.dispatch({ type: "modal/reset" });
+    }
+  }, [isOpen, store]);
+  const handleStepChange = _react.useCallback.call(void 0, (onBack) => {
+    setBackHandler(() => onBack);
+  }, []);
+  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, 
+    _chunkRABZINV3cjs.Modal,
+    {
+      isOpen,
+      onClose,
+      className,
+      inline,
+      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 && backHandler && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              type: "button",
+              className: "rs-modal-header-back",
+              "aria-label": "Go back",
+              onClick: backHandler,
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRABZINV3cjs.ChevronLeftIcon, {})
+            }
+          ) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-header-nav-right", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "button",
+            {
+              type: "button",
+              onClick: onClose,
+              className: "rs-modal-close",
+              "aria-label": "Close",
+              children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRABZINV3cjs.CloseIcon, {})
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          WithdrawFlow,
+          {
+            dappWalletClient,
+            dappPublicClient,
+            dappAddress,
+            safeAddress,
+            sourceChain,
+            sourceToken,
+            targetChain,
+            targetToken,
+            recipient,
+            amount: defaultAmount,
+            service,
+            allowedRoutes,
+            signerAddress,
+            sessionChainIds,
+            forceRegister,
+            reownWallet,
+            onConnect,
+            onDisconnect,
+            onSignTransaction,
+            onRequestConnect,
+            onStepChange: handleStepChange,
+            onClose,
+            onLifecycle,
+            onEvent,
+            onError,
+            debug
+          }
+        )
+      ] })
+    }
+  ) });
+}
+
+
+
+
+exports.WithdrawModal = WithdrawModal; exports.WithdrawModalInner = WithdrawModalInner;