@rhinestone/deposit-modal 0.1.20 → 0.1.22

package/dist/chunk-V6HZJZOL.cjs

@@ -0,0 +1,1524 @@
+"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 _chunkBO745KABcjs = require('./chunk-BO745KAB.cjs');
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _chunkCEIWN53Ncjs = require('./chunk-CEIWN53N.cjs');
+
+// src/WithdrawModal.tsx
+
+
+
+
+
+
+
+
+var _react = require('react');
+
+// src/WithdrawFlow.tsx
+
+
+// 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,
+  address,
+  safeAddress,
+  asset,
+  defaultRecipient,
+  defaultAmount,
+  targetChain,
+  targetToken,
+  targetChains,
+  targetTokenOptions,
+  onTargetChainChange,
+  onTargetTokenChange,
+  switchChain,
+  submitting = false,
+  onSubmit,
+  onBalanceUsdChange
+}) {
+  const [recipient, setRecipient] = _react.useState.call(void 0, 
+    _nullishCoalesce(_nullishCoalesce(defaultRecipient, () => ( address)), () => ( ""))
+  );
+  const [amount, setAmount] = _react.useState.call(void 0, _nullishCoalesce(defaultAmount, () => ( "")));
+  const [balance, setBalance] = _react.useState.call(void 0, null);
+  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 isRecipientConnected = Boolean(
+    address && recipient && recipient.toLowerCase() === address.toLowerCase()
+  );
+  const chainMismatch = Boolean(
+    _optionalChain([walletClient, 'optionalAccess', _3 => _3.chain, 'optionalAccess', _4 => _4.id]) && walletClient.chain.id !== asset.chainId
+  );
+  const targetSymbol = _chunkCEIWN53Ncjs.getTokenSymbol.call(void 0, targetToken, targetChain);
+  const targetChainName = _chunkCEIWN53Ncjs.getChainName.call(void 0, targetChain);
+  const isBusy = submitting || isSubmitting;
+  _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(_chunkBO745KABcjs.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;
+    async function fetchBalance() {
+      if (!safeAddress || !publicClient) return;
+      if (publicClientChainId && publicClientChainId !== asset.chainId) {
+        return;
+      }
+      try {
+        const bal = _chunkBO745KABcjs.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);
+        }
+      } catch (e2) {
+        if (active) {
+          setBalance(null);
+        }
+      }
+    }
+    void fetchBalance();
+    const unwatch = publicClient.watchBlockNumber({
+      emitOnBegin: false,
+      onBlockNumber() {
+        void fetchBalance();
+      }
+    });
+    return () => {
+      active = false;
+      unwatch();
+    };
+  }, [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") 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") {
+      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 (!address) return;
+    setRecipient(address);
+    setError(null);
+  }, [address]);
+  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(_chunkBO745KABcjs.formatUserError.call(void 0, raw));
+    } finally {
+      setIsSubmitting(false);
+    }
+  }, [recipient, amount, balance, asset.decimals, onSubmit]);
+  const handleSwitch = async () => {
+    if (!asset.chainId || !switchChain) return;
+    setIsSwitching(true);
+    try {
+      await switchChain(asset.chainId);
+    } catch (err) {
+      const raw = err instanceof Error ? err.message : "Failed to switch chain";
+      setError(_chunkBO745KABcjs.formatUserError.call(void 0, raw));
+    } finally {
+      setIsSwitching(false);
+    }
+  };
+  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.jsxs.call(void 0, "div", { className: "rs-withdraw-section", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: "rs-withdraw-label", children: "Recipient" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-input-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "input",
+            {
+              type: "text",
+              className: "rs-withdraw-input rs-withdraw-input--address",
+              placeholder: "0x...",
+              value: recipient,
+              onChange: (e) => {
+                setRecipient(e.target.value.trim());
+                if (error) setError(null);
+              }
+            }
+          ),
+          address && /* @__PURE__ */ _jsxruntime.jsxs.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: [
+                /* @__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"
+                      }
+                    )
+                  }
+                ),
+                isRecipientConnected ? null : "Wallet"
+              ]
+            }
+          )
+        ] })
+      ] }),
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-section", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "label", { className: "rs-withdraw-label", children: "Amount" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-input-row", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+            "input",
+            {
+              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.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.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 ? _chunkBO745KABcjs.currencyFormatter.format(amountUsd) : "$0.00" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-withdraw-balance", children: [
+            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, "label", { className: "rs-withdraw-label", children: "Receive" }),
+          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            "div",
+            {
+              className: "rs-withdraw-dropdown-container",
+              ref: tokenDropdownRef,
+              children: [
+                /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+                  "button",
+                  {
+                    type: "button",
+                    className: "rs-withdraw-dropdown",
+                    onClick: () => {
+                      setShowTokenDropdown(!showTokenDropdown);
+                      setShowChainDropdown(false);
+                    },
+                    children: [
+                      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-dropdown-value", children: [
+                        _chunkCEIWN53Ncjs.getTokenIcon.call(void 0, targetSymbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                          "img",
+                          {
+                            src: _chunkCEIWN53Ncjs.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, 
+                        "svg",
+                        {
+                          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"
+                            }
+                          )
+                        }
+                      )
+                    ]
+                  }
+                ),
+                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: [
+                      _chunkCEIWN53Ncjs.getTokenIcon.call(void 0, option.symbol) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        "img",
+                        {
+                          src: _chunkCEIWN53Ncjs.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
+                )) })
+              ]
+            }
+          )
+        ] }),
+        /* @__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: "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",
+                    className: "rs-withdraw-dropdown",
+                    onClick: () => {
+                      setShowChainDropdown(!showChainDropdown);
+                      setShowTokenDropdown(false);
+                    },
+                    children: [
+                      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-dropdown-value", children: [
+                        _chunkCEIWN53Ncjs.getChainIcon.call(void 0, targetChain) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                          "img",
+                          {
+                            src: _chunkCEIWN53Ncjs.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, 
+                        "svg",
+                        {
+                          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"
+                            }
+                          )
+                        }
+                      )
+                    ]
+                  }
+                ),
+                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: [
+                      _chunkCEIWN53Ncjs.getChainIcon.call(void 0, chain.id) && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+                        "img",
+                        {
+                          src: _chunkCEIWN53Ncjs.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
+                )) })
+              ]
+            }
+          )
+        ] })
+      ] }),
+      chainMismatch && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-chain-switch", children: [
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-chain-switch-text", children: [
+          "Switch to ",
+          _chunkCEIWN53Ncjs.getChainName.call(void 0, asset.chainId),
+          " to continue."
+        ] }),
+        switchChain && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          _chunkBO745KABcjs.Button,
+          {
+            variant: "outline",
+            size: "small",
+            loading: isSwitching,
+            onClick: handleSwitch,
+            children: "Switch"
+          }
+        )
+      ] }),
+      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, "span", { children: error })
+      ] })
+    ] }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-footer", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkBO745KABcjs.Button,
+      {
+        onClick: handleWithdraw,
+        fullWidth: true,
+        loading: isBusy,
+        disabled: !recipient || !amount || chainMismatch || isBusy,
+        children: isBusy ? "Preparing..." : "Withdraw"
+      }
+    ) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBO745KABcjs.PoweredBy, {})
+  ] });
+}
+WithdrawFormStep.displayName = "WithdrawFormStep";
+
+// src/WithdrawFlow.tsx
+var _sdk = require('@rhinestone/sdk');
+
+// src/core/safe.ts
+
+
+
+
+
+
+
+
+
+
+var SAFE_ABI = [
+  {
+    type: "function",
+    name: "isOwner",
+    stateMutability: "view",
+    inputs: [{ name: "owner", type: "address" }],
+    outputs: [{ name: "", type: "bool" }]
+  },
+  {
+    type: "function",
+    name: "nonce",
+    stateMutability: "view",
+    inputs: [],
+    outputs: [{ type: "uint256" }]
+  },
+  {
+    type: "function",
+    name: "execTransaction",
+    stateMutability: "payable",
+    inputs: [
+      { name: "to", type: "address" },
+      { name: "value", type: "uint256" },
+      { name: "data", type: "bytes" },
+      { name: "operation", type: "uint8" },
+      { name: "safeTxGas", type: "uint256" },
+      { name: "baseGas", type: "uint256" },
+      { name: "gasPrice", type: "uint256" },
+      { name: "gasToken", type: "address" },
+      { name: "refundReceiver", type: "address" },
+      { name: "signatures", type: "bytes" }
+    ],
+    outputs: [{ name: "success", type: "bool" }]
+  },
+  {
+    type: "event",
+    name: "ExecutionSuccess",
+    inputs: [
+      { name: "txHash", type: "bytes32", indexed: true },
+      { name: "payment", type: "uint256", indexed: false }
+    ],
+    anonymous: false
+  },
+  {
+    type: "event",
+    name: "ExecutionFailure",
+    inputs: [
+      { name: "txHash", type: "bytes32", indexed: true },
+      { name: "payment", type: "uint256", indexed: false }
+    ],
+    anonymous: false
+  }
+];
+async function executeSafeEthTransfer(params) {
+  const {
+    walletClient,
+    publicClient,
+    safeAddress,
+    recipient,
+    amount,
+    chainId
+  } = params;
+  const account = walletClient.account;
+  const chain = walletClient.chain;
+  if (!account || !chain) {
+    throw new Error("Wallet not connected");
+  }
+  if (chain.id !== chainId) {
+    throw new Error(`Switch to ${_chunkCEIWN53Ncjs.getChainName.call(void 0, chainId)} to sign`);
+  }
+  const isOwner = await publicClient.readContract({
+    address: safeAddress,
+    abi: SAFE_ABI,
+    functionName: "isOwner",
+    args: [account.address]
+  });
+  if (!isOwner) {
+    throw new Error("Connected wallet is not a Safe owner");
+  }
+  const safeTx = {
+    to: recipient,
+    value: amount,
+    data: "0x",
+    operation: 0,
+    safeTxGas: 0n,
+    baseGas: 0n,
+    gasPrice: 0n,
+    gasToken: _viem.zeroAddress,
+    refundReceiver: _viem.zeroAddress
+  };
+  const signature = _viem.concat.call(void 0, [
+    _viem.pad.call(void 0, account.address, { size: 32 }),
+    _viem.pad.call(void 0, _viem.toHex.call(void 0, 0), { size: 32 }),
+    _viem.toHex.call(void 0, 1, { size: 1 })
+  ]);
+  const txHash = await walletClient.writeContract({
+    account,
+    chain,
+    address: safeAddress,
+    abi: SAFE_ABI,
+    functionName: "execTransaction",
+    args: [
+      safeTx.to,
+      safeTx.value,
+      safeTx.data,
+      safeTx.operation,
+      safeTx.safeTxGas,
+      safeTx.baseGas,
+      safeTx.gasPrice,
+      safeTx.gasToken,
+      safeTx.refundReceiver,
+      signature
+    ]
+  });
+  const receipt = await publicClient.waitForTransactionReceipt({
+    hash: txHash
+  });
+  const safeLogs = receipt.logs.filter(
+    (log) => log.address.toLowerCase() === safeAddress.toLowerCase()
+  );
+  const parsed = _viem.parseEventLogs.call(void 0, {
+    abi: SAFE_ABI,
+    logs: safeLogs,
+    strict: false
+  });
+  const failed = parsed.find((log) => log.eventName === "ExecutionFailure");
+  if (failed) {
+    throw new Error("Safe transaction failed");
+  }
+  const succeeded = parsed.find((log) => log.eventName === "ExecutionSuccess");
+  if (!succeeded) {
+    throw new Error("Safe transaction status unavailable");
+  }
+  return { txHash };
+}
+async function executeSafeErc20Transfer(params) {
+  const {
+    walletClient,
+    publicClient,
+    safeAddress,
+    tokenAddress,
+    recipient,
+    amount,
+    chainId
+  } = params;
+  const account = walletClient.account;
+  const chain = walletClient.chain;
+  if (!account || !chain) {
+    throw new Error("Wallet not connected");
+  }
+  if (chain.id !== chainId) {
+    throw new Error(`Switch to ${_chunkCEIWN53Ncjs.getChainName.call(void 0, chainId)} to sign`);
+  }
+  const isOwner = await publicClient.readContract({
+    address: safeAddress,
+    abi: SAFE_ABI,
+    functionName: "isOwner",
+    args: [account.address]
+  });
+  if (!isOwner) {
+    throw new Error("Connected wallet is not a Safe owner");
+  }
+  const data = _viem.encodeFunctionData.call(void 0, {
+    abi: _viem.erc20Abi,
+    functionName: "transfer",
+    args: [recipient, amount]
+  });
+  const safeTx = {
+    to: tokenAddress,
+    value: 0n,
+    data,
+    operation: 0,
+    safeTxGas: 0n,
+    baseGas: 0n,
+    gasPrice: 0n,
+    gasToken: _viem.zeroAddress,
+    refundReceiver: _viem.zeroAddress
+  };
+  const signature = _viem.concat.call(void 0, [
+    _viem.pad.call(void 0, account.address, { size: 32 }),
+    _viem.pad.call(void 0, _viem.toHex.call(void 0, 0), { size: 32 }),
+    _viem.toHex.call(void 0, 1, { size: 1 })
+  ]);
+  const txHash = await walletClient.writeContract({
+    account,
+    chain,
+    address: safeAddress,
+    abi: SAFE_ABI,
+    functionName: "execTransaction",
+    args: [
+      safeTx.to,
+      safeTx.value,
+      safeTx.data,
+      safeTx.operation,
+      safeTx.safeTxGas,
+      safeTx.baseGas,
+      safeTx.gasPrice,
+      safeTx.gasToken,
+      safeTx.refundReceiver,
+      signature
+    ]
+  });
+  const receipt = await publicClient.waitForTransactionReceipt({
+    hash: txHash
+  });
+  const safeLogs = receipt.logs.filter(
+    (log) => log.address.toLowerCase() === safeAddress.toLowerCase()
+  );
+  const parsed = _viem.parseEventLogs.call(void 0, {
+    abi: SAFE_ABI,
+    logs: safeLogs,
+    strict: false
+  });
+  const failed = parsed.find((log) => log.eventName === "ExecutionFailure");
+  if (failed) {
+    throw new Error("Safe transaction failed");
+  }
+  const succeeded = parsed.find((log) => log.eventName === "ExecutionSuccess");
+  if (!succeeded) {
+    throw new Error("Safe transaction status unavailable");
+  }
+  return { txHash };
+}
+var SAFE_TX_TYPES = {
+  SafeTx: [
+    { name: "to", type: "address" },
+    { name: "value", type: "uint256" },
+    { name: "data", type: "bytes" },
+    { name: "operation", type: "uint8" },
+    { name: "safeTxGas", type: "uint256" },
+    { name: "baseGas", type: "uint256" },
+    { name: "gasPrice", type: "uint256" },
+    { name: "gasToken", type: "address" },
+    { name: "refundReceiver", type: "address" },
+    { name: "nonce", type: "uint256" }
+  ]
+};
+async function buildSafeTransaction(params) {
+  const { publicClient, safeAddress, to, value, data, chainId } = params;
+  const nonce = await publicClient.readContract({
+    address: safeAddress,
+    abi: SAFE_ABI,
+    functionName: "nonce"
+  });
+  const message = {
+    to,
+    value,
+    data,
+    operation: 0,
+    safeTxGas: 0n,
+    baseGas: 0n,
+    gasPrice: 0n,
+    gasToken: _viem.zeroAddress,
+    refundReceiver: _viem.zeroAddress,
+    nonce
+  };
+  const safeTxHash = _viem.hashTypedData.call(void 0, {
+    domain: { chainId, verifyingContract: safeAddress },
+    types: SAFE_TX_TYPES,
+    primaryType: "SafeTx",
+    message
+  });
+  return {
+    chainId,
+    safeAddress,
+    safeTxHash,
+    typedData: {
+      domain: { chainId, verifyingContract: safeAddress },
+      types: SAFE_TX_TYPES,
+      primaryType: "SafeTx",
+      message
+    }
+  };
+}
+
+// src/WithdrawFlow.tsx
+
+
+function WithdrawFlow({
+  dappWalletClient,
+  dappPublicClient,
+  dappAddress,
+  safeAddress,
+  sourceChain,
+  sourceToken,
+  targetChain: targetChainProp,
+  targetToken: targetTokenProp,
+  recipient: defaultRecipient,
+  amount: defaultAmount,
+  service,
+  rhinestoneApiKey,
+  signerAddress = _chunkCEIWN53Ncjs.DEFAULT_SIGNER_ADDRESS,
+  sessionChainIds,
+  forceRegister = false,
+  waitForFinalTx = true,
+  reownWallet,
+  onConnect,
+  onRelayTransaction,
+  onRequestConnect,
+  connectButtonLabel,
+  onStepChange,
+  onTotalBalanceChange,
+  onClose,
+  onConnected,
+  onWithdrawSubmitted,
+  onWithdrawComplete,
+  onWithdrawFailed,
+  onError,
+  debug
+}) {
+  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 [targetChain, setTargetChain] = _react.useState.call(void 0, targetChainProp);
+  const [targetToken, setTargetToken] = _react.useState.call(void 0, targetTokenProp);
+  _react.useEffect.call(void 0, () => {
+    setTargetChain(targetChainProp);
+    setTargetToken(targetTokenProp);
+  }, [targetChainProp, targetTokenProp]);
+  const targetChainObj = _react.useMemo.call(void 0, () => _chunkCEIWN53Ncjs.CHAIN_BY_ID[targetChain], [targetChain]);
+  const hasCustomSigner = Boolean(dappAddress && onRelayTransaction);
+  const dappSwitchChain = _react.useMemo.call(void 0, () => {
+    if (!_optionalChain([dappWalletClient, 'optionalAccess', _6 => _6.switchChain])) return void 0;
+    return async (chainId) => {
+      await _optionalChain([dappWalletClient, 'access', _7 => _7.switchChain, 'optionalCall', _8 => _8({ 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) {
+      options.push({
+        address: dappWalletClient.account.address,
+        label: "Connected Wallet",
+        kind: "connected"
+      });
+      seen.add(dappWalletClient.account.address.toLowerCase());
+    }
+    if (_optionalChain([reownWallet, 'optionalAccess', _10 => _10.address]) && reownWallet.isConnected && !seen.has(reownWallet.address.toLowerCase())) {
+      options.push({
+        address: reownWallet.address,
+        label: "External Wallet",
+        kind: "external"
+      });
+    }
+    return options;
+  }, [
+    dappWalletClient,
+    dappAddress,
+    _optionalChain([reownWallet, 'optionalAccess', _11 => _11.address]),
+    _optionalChain([reownWallet, 'optionalAccess', _12 => _12.isConnected])
+  ]);
+  const canAutoLock = (_optionalChain([dappWalletClient, 'optionalAccess', _13 => _13.account]) && dappAddress || hasCustomSigner) && !reownWallet;
+  const [selectedConnectAddress, setSelectedConnectAddress] = _react.useState.call(void 0, null);
+  const signerContext = _react.useMemo.call(void 0, () => {
+    if (canAutoLock) {
+      if (hasCustomSigner) {
+        return {
+          ownerAddress: dappAddress,
+          walletClient: _nullishCoalesce(dappWalletClient, () => ( void 0)),
+          publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkBO745KABcjs.getPublicClient.call(void 0, sourceChain))),
+          switchChain: dappSwitchChain
+        };
+      }
+      return {
+        ownerAddress: dappWalletClient.account.address,
+        walletClient: dappWalletClient,
+        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkBO745KABcjs.getPublicClient.call(void 0, sourceChain))),
+        switchChain: dappSwitchChain
+      };
+    }
+    if (!isConnectSelectionConfirmed || !selectedConnectAddress) return null;
+    if (_optionalChain([dappWalletClient, 'optionalAccess', _14 => _14.account]) && dappWalletClient.account.address.toLowerCase() === selectedConnectAddress.toLowerCase()) {
+      return {
+        ownerAddress: dappWalletClient.account.address,
+        walletClient: dappWalletClient,
+        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkBO745KABcjs.getPublicClient.call(void 0, sourceChain))),
+        switchChain: dappSwitchChain
+      };
+    }
+    if (_optionalChain([reownWallet, 'optionalAccess', _15 => _15.address, 'optionalAccess', _16 => _16.toLowerCase, 'call', _17 => _17()]) === selectedConnectAddress.toLowerCase() && reownWallet.walletClient && reownWallet.publicClient) {
+      return {
+        ownerAddress: reownWallet.address,
+        walletClient: reownWallet.walletClient,
+        publicClient: reownWallet.publicClient,
+        switchChain: reownWallet.switchChain
+      };
+    }
+    return null;
+  }, [
+    canAutoLock,
+    hasCustomSigner,
+    isConnectSelectionConfirmed,
+    selectedConnectAddress,
+    dappWalletClient,
+    dappPublicClient,
+    dappSwitchChain,
+    dappAddress,
+    reownWallet,
+    sourceChain
+  ]);
+  const asset = _react.useMemo.call(void 0, () => {
+    const symbol = _chunkCEIWN53Ncjs.getTokenSymbol.call(void 0, sourceToken, sourceChain);
+    const decimals = _chunkCEIWN53Ncjs.getTokenDecimalsByAddress.call(void 0, sourceToken, sourceChain);
+    return {
+      id: _chunkBO745KABcjs.getAssetId.call(void 0, { chainId: sourceChain, token: sourceToken }),
+      chainId: sourceChain,
+      token: sourceToken,
+      symbol,
+      name: symbol,
+      decimals
+    };
+  }, [sourceChain, sourceToken]);
+  const isSourceNative = sourceToken.toLowerCase() === _chunkCEIWN53Ncjs.NATIVE_TOKEN_ADDRESS.toLowerCase();
+  const stepIndex = step.type === "form" ? 0 : 1;
+  const currentBackHandler = void 0;
+  _react.useEffect.call(void 0, () => {
+    _optionalChain([onStepChange, 'optionalCall', _18 => _18(stepIndex, currentBackHandler)]);
+  }, [stepIndex, currentBackHandler, onStepChange]);
+  _react.useEffect.call(void 0, () => {
+    _optionalChain([onTotalBalanceChange, 'optionalCall', _19 => _19(totalBalanceUsd)]);
+  }, [totalBalanceUsd, onTotalBalanceChange]);
+  const handleConnected = _react.useCallback.call(void 0, 
+    (addr, smartAccount) => {
+      _optionalChain([onConnected, 'optionalCall', _20 => _20({ address: addr, smartAccount })]);
+    },
+    [onConnected]
+  );
+  const handleError = _react.useCallback.call(void 0, 
+    (message, code) => {
+      _optionalChain([onError, 'optionalCall', _21 => _21({ message, code })]);
+    },
+    [onError]
+  );
+  const resolveSessionOwner = _react.useCallback.call(void 0, async (eoaAddress) => {
+    const localOwner = _chunkBO745KABcjs.loadSessionOwnerFromStorage.call(void 0, eoaAddress);
+    if (localOwner) {
+      return {
+        account: _chunkBO745KABcjs.accountFromPrivateKey.call(void 0, localOwner.privateKey),
+        address: localOwner.address
+      };
+    }
+    const created = _chunkBO745KABcjs.createSessionOwnerKey.call(void 0, );
+    _chunkBO745KABcjs.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 ownerAddress2 = _optionalChain([signerContext, 'optionalAccess', _22 => _22.ownerAddress]);
+      if (!ownerAddress2) {
+        throw new Error("Wallet not connected");
+      }
+      if (!onRelayTransaction && !_optionalChain([signerContext, 'optionalAccess', _23 => _23.walletClient])) {
+        throw new Error("Wallet not connected");
+      }
+      if (!targetChainObj) {
+        throw new Error("Unsupported target chain");
+      }
+      setIsSubmitting(true);
+      try {
+        const signerAccount = _optionalChain([signerContext, 'optionalAccess', _24 => _24.walletClient]) ? _sdk.walletClientToAccount.call(void 0, signerContext.walletClient) : _chunkBO745KABcjs.createViewOnlyAccount.call(void 0, ownerAddress2);
+        const sessionOwner = await resolveSessionOwner(ownerAddress2);
+        const account = await _chunkBO745KABcjs.createSmartAccount.call(void 0, 
+          signerAccount,
+          sessionOwner.account,
+          rhinestoneApiKey
+        );
+        const smartAccount = _chunkBO745KABcjs.getAccountAddress.call(void 0, account);
+        const checkResult = await service.checkAccount(smartAccount);
+        const targetMatches = checkResult.targetChain === targetChain && _optionalChain([checkResult, 'access', _25 => _25.targetToken, 'optionalAccess', _26 => _26.toLowerCase, 'call', _27 => _27()]) === targetToken.toLowerCase();
+        if (!checkResult.isRegistered || forceRegister || !targetMatches) {
+          const initData = _chunkBO745KABcjs.getAccountInitData.call(void 0, account);
+          const sessionDetails = await _chunkBO745KABcjs.getSessionDetails.call(void 0, 
+            account,
+            targetChainObj,
+            signerAddress,
+            sessionOwner.account,
+            targetToken,
+            sessionChainIds
+          );
+          await service.registerAccount({
+            address: smartAccount,
+            accountParams: {
+              factory: initData.factory,
+              factoryData: initData.factoryData,
+              sessionDetails
+            },
+            eoaAddress: ownerAddress2,
+            sessionOwner: sessionOwner.address,
+            target: {
+              chain: targetChain,
+              token: targetToken,
+              recipient
+            }
+          });
+        }
+        handleConnected(ownerAddress2, smartAccount);
+        const amountUnits = _viem.parseUnits.call(void 0, amountValue, asset.decimals);
+        const pc = _nullishCoalesce(_optionalChain([signerContext, 'optionalAccess', _28 => _28.publicClient]), () => ( _chunkBO745KABcjs.getPublicClient.call(void 0, sourceChain)));
+        let result;
+        if (onRelayTransaction) {
+          const transferData = isSourceNative ? { to: smartAccount, value: amountUnits, data: "0x" } : {
+            to: sourceToken,
+            value: 0n,
+            data: _viem.encodeFunctionData.call(void 0, {
+              abi: _viem.erc20Abi,
+              functionName: "transfer",
+              args: [smartAccount, amountUnits]
+            })
+          };
+          const request = await buildSafeTransaction({
+            publicClient: pc,
+            safeAddress,
+            to: transferData.to,
+            value: transferData.value,
+            data: transferData.data,
+            chainId: sourceChain
+          });
+          result = await onRelayTransaction(request);
+        } else if (isSourceNative) {
+          result = await executeSafeEthTransfer({
+            walletClient: signerContext.walletClient,
+            publicClient: pc,
+            safeAddress,
+            recipient: smartAccount,
+            amount: amountUnits,
+            chainId: sourceChain
+          });
+        } else {
+          result = await executeSafeErc20Transfer({
+            walletClient: signerContext.walletClient,
+            publicClient: pc,
+            safeAddress,
+            tokenAddress: sourceToken,
+            recipient: smartAccount,
+            amount: amountUnits,
+            chainId: sourceChain
+          });
+        }
+        _optionalChain([onWithdrawSubmitted, 'optionalCall', _29 => _29({
+          txHash: result.txHash,
+          sourceChain,
+          amount: amountUnits.toString(),
+          safeAddress
+        })]);
+        setStep({
+          type: "processing",
+          smartAccount,
+          txHash: result.txHash,
+          sourceChain,
+          sourceToken,
+          amount: amountUnits.toString()
+        });
+      } catch (err) {
+        const raw = err instanceof Error ? err.message : "Withdraw failed";
+        handleError(_chunkBO745KABcjs.formatUserError.call(void 0, raw), "WITHDRAW_FLOW_ERROR");
+        throw err;
+      } finally {
+        setIsSubmitting(false);
+      }
+    },
+    [
+      signerContext,
+      targetChainObj,
+      resolveSessionOwner,
+      signerAddress,
+      sessionChainIds,
+      forceRegister,
+      targetChain,
+      targetToken,
+      service,
+      rhinestoneApiKey,
+      handleConnected,
+      asset.decimals,
+      safeAddress,
+      sourceToken,
+      sourceChain,
+      onWithdrawSubmitted,
+      onRelayTransaction,
+      isSourceNative,
+      handleError
+    ]
+  );
+  const handleWithdrawComplete = _react.useCallback.call(void 0, 
+    (txHash, destinationTxHash) => {
+      _optionalChain([onWithdrawComplete, 'optionalCall', _30 => _30({ txHash, destinationTxHash })]);
+    },
+    [onWithdrawComplete]
+  );
+  const handleWithdrawFailed = _react.useCallback.call(void 0, 
+    (txHash, error) => {
+      _optionalChain([onWithdrawFailed, 'optionalCall', _31 => _31({ txHash, error })]);
+    },
+    [onWithdrawFailed]
+  );
+  const targetChainOptions = _react.useMemo.call(void 0, () => {
+    return _chunkCEIWN53Ncjs.SOURCE_CHAINS.filter(
+      (chain) => _chunkCEIWN53Ncjs.getSupportedTargetTokens.call(void 0, chain.id).length > 0
+    );
+  }, []);
+  const targetTokenOptions = _react.useMemo.call(void 0, 
+    () => _chunkCEIWN53Ncjs.getSupportedTargetTokens.call(void 0, targetChain),
+    [targetChain]
+  );
+  _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);
+      const options = _chunkCEIWN53Ncjs.getSupportedTargetTokens.call(void 0, chainId);
+      if (options.length === 0) {
+        return;
+      }
+      const currentlySupported = options.some(
+        (option) => option.address.toLowerCase() === targetToken.toLowerCase()
+      );
+      setTargetToken(
+        currentlySupported ? targetToken : options[0].address
+      );
+    },
+    [targetToken]
+  );
+  const handleTargetTokenChange = _react.useCallback.call(void 0, (token) => {
+    setTargetToken(token);
+  }, []);
+  const selectedConnectAddressEffective = _react.useMemo.call(void 0, () => {
+    if (selectedConnectAddress) return selectedConnectAddress;
+    if (walletOptions.length === 1) {
+      return walletOptions[0].address;
+    }
+    return null;
+  }, [selectedConnectAddress, walletOptions]);
+  const walletOptionsKey = _react.useMemo.call(void 0, 
+    () => walletOptions.map((option) => option.address.toLowerCase()).join(","),
+    [walletOptions]
+  );
+  const showConnectStep = !canAutoLock && !isConnectSelectionConfirmed;
+  _react.useEffect.call(void 0, () => {
+    setIsConnectSelectionConfirmed(false);
+  }, [walletOptionsKey, selectedConnectAddressEffective]);
+  if (showConnectStep) {
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-body", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkBO745KABcjs.ConnectStep,
+      {
+        walletOptions,
+        selectedAddress: selectedConnectAddressEffective,
+        onSelectAddress: setSelectedConnectAddress,
+        onRequestConnect,
+        onConnect,
+        onContinue: () => {
+          if (selectedConnectAddressEffective) {
+            setSelectedConnectAddress(selectedConnectAddressEffective);
+          }
+          setIsConnectSelectionConfirmed(true);
+        },
+        connectButtonLabel
+      }
+    ) });
+  }
+  if (!signerContext) return null;
+  if (!onRelayTransaction && !signerContext.walletClient) return null;
+  const ownerAddress = signerContext.ownerAddress;
+  const formPublicClient = _nullishCoalesce(signerContext.publicClient, () => ( _chunkBO745KABcjs.getPublicClient.call(void 0, sourceChain)));
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-modal-body", children: [
+    step.type === "form" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      WithdrawFormStep,
+      {
+        walletClient: signerContext.walletClient,
+        publicClient: formPublicClient,
+        address: ownerAddress,
+        safeAddress,
+        asset,
+        defaultRecipient: _nullishCoalesce(defaultRecipient, () => ( ownerAddress)),
+        defaultAmount,
+        targetChain,
+        targetToken,
+        targetChains: targetChainOptions,
+        targetTokenOptions,
+        onTargetChainChange: handleTargetChainChange,
+        onTargetTokenChange: handleTargetTokenChange,
+        switchChain: signerContext.switchChain,
+        submitting: isSubmitting,
+        onSubmit: handleFormSubmit,
+        onBalanceUsdChange: setTotalBalanceUsd
+      }
+    ),
+    step.type === "processing" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkBO745KABcjs.ProcessingStep,
+      {
+        smartAccount: step.smartAccount,
+        txHash: step.txHash,
+        sourceChain: step.sourceChain,
+        sourceToken: step.sourceToken,
+        targetChain,
+        targetToken,
+        amount: step.amount,
+        waitForFinalTx,
+        service,
+        flowLabel: "withdraw",
+        onClose,
+        onNewDeposit: () => setStep({ type: "form" }),
+        onDepositComplete: handleWithdrawComplete,
+        onDepositFailed: handleWithdrawFailed,
+        onError: handleError,
+        debug
+      }
+    )
+  ] });
+}
+
+// src/WithdrawModal.tsx
+
+var ReownWithdrawInner = _react.lazy.call(void 0, 
+  () => Promise.resolve().then(() => _interopRequireWildcard(require("./WithdrawModalReown-ZNTE2G6W.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,
+  backendUrl = _chunkCEIWN53Ncjs.DEFAULT_BACKEND_URL,
+  rhinestoneApiKey,
+  signerAddress = _chunkCEIWN53Ncjs.DEFAULT_SIGNER_ADDRESS,
+  sessionChainIds,
+  forceRegister = false,
+  waitForFinalTx = true,
+  reownWallet,
+  onConnect,
+  onRelayTransaction,
+  onRequestConnect,
+  connectButtonLabel,
+  theme,
+  branding,
+  uiConfig,
+  className,
+  onReady,
+  onConnected,
+  onWithdrawSubmitted,
+  onWithdrawComplete,
+  onWithdrawFailed,
+  onError,
+  debug
+}) {
+  const modalRef = _react.useRef.call(void 0, null);
+  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 = _chunkCEIWN53Ncjs.getChainId.call(void 0, targetChainProp);
+  const sourceChain = _chunkCEIWN53Ncjs.getChainId.call(void 0, sourceChainProp);
+  const service = _react.useMemo.call(void 0, () => _chunkBO745KABcjs.createDepositService.call(void 0, backendUrl), [backendUrl]);
+  _react.useEffect.call(void 0, () => {
+    if (isOpen && modalRef.current) {
+      _chunkBO745KABcjs.applyTheme.call(void 0, modalRef.current, theme);
+    }
+  }, [isOpen, theme]);
+  const hasCalledReady = _react.useRef.call(void 0, false);
+  _react.useEffect.call(void 0, () => {
+    if (isOpen && !hasCalledReady.current) {
+      hasCalledReady.current = true;
+      _optionalChain([onReady, 'optionalCall', _32 => _32()]);
+    }
+  }, [isOpen, onReady]);
+  _react.useEffect.call(void 0, () => {
+    if (!isOpen) {
+      setCurrentStepIndex(0);
+    }
+  }, [isOpen]);
+  const handleStepChange = _react.useCallback.call(void 0, 
+    (stepIndex, onBack) => {
+      setCurrentStepIndex(stepIndex);
+      backHandlerRef.current = onBack;
+    },
+    []
+  );
+  const handleTotalBalanceChange = _react.useCallback.call(void 0, (balance) => {
+    setTotalBalanceUsd(balance);
+  }, []);
+  const handleBack = _react.useCallback.call(void 0, () => {
+    _optionalChain([backHandlerRef, 'access', _33 => _33.current, 'optionalCall', _34 => _34()]);
+  }, []);
+  const showLogo = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _35 => _35.showLogo]), () => ( false));
+  const showStepper = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _36 => _36.showStepper]), () => ( false));
+  const showBackButton = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _37 => _37.showBackButton]), () => ( true));
+  const balanceTitle = _optionalChain([uiConfig, 'optionalAccess', _38 => _38.balanceTitle]);
+  const logoUrl = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _39 => _39.logoUrl]), () => ( "https://github.com/rhinestonewtf.png"));
+  const title = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _40 => _40.title]), () => ( "Withdraw"));
+  const canGoBack = currentStepIndex > 0 && currentStepIndex < 3 && backHandlerRef.current;
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkBO745KABcjs.Modal,
+    {
+      isOpen,
+      onClose,
+      className,
+      inline,
+      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, 
+            "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"
+                    }
+                  )
+                }
+              )
+            }
+          ) }),
+          /* @__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
+              )) })
+            ] }),
+            balanceTitle && totalBalanceUsd !== null && /* @__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: balanceTitle }),
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-modal-header-balance-value", children: _chunkBO745KABcjs.currencyFormatter.format(totalBalanceUsd) })
+            ] })
+          ] }),
+          /* @__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, 
+                "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"
+                    }
+                  )
+                }
+              )
+            }
+          ) })
+        ] }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+          WithdrawFlow,
+          {
+            dappWalletClient,
+            dappPublicClient,
+            dappAddress,
+            safeAddress,
+            sourceChain,
+            sourceToken,
+            targetChain,
+            targetToken,
+            recipient,
+            amount: defaultAmount,
+            service,
+            rhinestoneApiKey,
+            signerAddress,
+            sessionChainIds,
+            forceRegister,
+            waitForFinalTx,
+            reownWallet,
+            onConnect,
+            onRelayTransaction,
+            onRequestConnect,
+            connectButtonLabel,
+            onStepChange: handleStepChange,
+            onTotalBalanceChange: handleTotalBalanceChange,
+            onClose,
+            onConnected,
+            onWithdrawSubmitted,
+            onWithdrawComplete,
+            onWithdrawFailed,
+            onError,
+            debug
+          }
+        )
+      ] })
+    }
+  );
+}
+
+
+
+
+exports.WithdrawModal = WithdrawModal; exports.WithdrawModalInner = WithdrawModalInner;