@rhinestone/deposit-modal 0.1.24 → 0.1.25

package/README.md

@@ -15,14 +15,10 @@ Prefer subpath imports so apps only bundle what they use:
 ```tsx
 import { DepositModal } from "@rhinestone/deposit-modal/deposit";
 import { WithdrawModal } from "@rhinestone/deposit-modal/withdraw";
-import { DepositModal as DepositModalReown } from "@rhinestone/deposit-modal/reown";
 import { executeSafeEthTransfer } from "@rhinestone/deposit-modal/safe";
 import { getChainName } from "@rhinestone/deposit-modal/constants";
 ```
 
-If you use `reownAppId`, import modal components from
-`@rhinestone/deposit-modal/reown`.
-
 ## DepositModal
 
 Deposits tokens from any supported chain into a target chain/token via a Rhinestone smart account.
@@ -92,7 +88,7 @@ Notes:
 | `defaultAmount`      | `string`               | No       | Pre-filled amount                                                            |
 | `recipient`          | `Address`              | No       | Custom recipient address                                                     |
 | `backendUrl`         | `string`               | No       | Backend URL                                                                  |
-| `rhinestoneApiKey`   | `string`               | No       | Deprecated in client flow (server-side account preparation now owns SDK access) |
+| `rhinestoneApiKey`   | `string`               | No       | Optional SDK api key forwarded to `RhinestoneSDK` during smart-account setup |
 | `signerAddress`      | `Address`              | No       | Session signer address                                                       |
 | `waitForFinalTx`     | `boolean`              | No       | Wait for destination tx (default: true)                                      |
 | `onRequestConnect`   | `() => void`           | No       | Called when wallet connection needed                                         |

package/dist/DepositModalReown-4A5HJK74.mjs

@@ -0,0 +1,33 @@
+import {
+  DepositModalInner
+} from "./chunk-JAR372KJ.mjs";
+import {
+  ReownWalletProvider,
+  useReownWallet
+} from "./chunk-LBEP3A2Z.mjs";
+import "./chunk-GAFLOODV.mjs";
+import "./chunk-A6QLADED.mjs";
+
+// src/DepositModalReown.tsx
+import { useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+function DepositModalWithReown(props) {
+  const reown = useReownWallet();
+  const handleConnect = useCallback(() => {
+    reown.openConnect();
+  }, [reown.openConnect]);
+  return /* @__PURE__ */ jsx(
+    DepositModalInner,
+    {
+      ...props,
+      reownWallet: reown,
+      onConnect: handleConnect
+    }
+  );
+}
+function DepositModalReown(props) {
+  return /* @__PURE__ */ jsx(ReownWalletProvider, { projectId: props.reownAppId, theme: props.theme, children: /* @__PURE__ */ jsx(DepositModalWithReown, { ...props }) });
+}
+export {
+  DepositModalReown
+};

package/dist/DepositModalReown-QQ6WI265.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunkVBNFP3JFcjs = require('./chunk-VBNFP3JF.cjs');
+
+
+
+var _chunk6VJ2ZTNQcjs = require('./chunk-6VJ2ZTNQ.cjs');
+require('./chunk-CZWAKYDR.cjs');
+require('./chunk-CEIWN53N.cjs');
+
+// src/DepositModalReown.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function DepositModalWithReown(props) {
+  const reown = _chunk6VJ2ZTNQcjs.useReownWallet.call(void 0, );
+  const handleConnect = _react.useCallback.call(void 0, () => {
+    reown.openConnect();
+  }, [reown.openConnect]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunkVBNFP3JFcjs.DepositModalInner,
+    {
+      ...props,
+      reownWallet: reown,
+      onConnect: handleConnect
+    }
+  );
+}
+function DepositModalReown(props) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6VJ2ZTNQcjs.ReownWalletProvider, { projectId: props.reownAppId, theme: props.theme, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DepositModalWithReown, { ...props }) });
+}
+
+
+exports.DepositModalReown = DepositModalReown;

package/dist/WithdrawModalReown-HBORIX2O.mjs

@@ -0,0 +1,33 @@
+import {
+  WithdrawModalInner
+} from "./chunk-B3HMNWR4.mjs";
+import {
+  ReownWalletProvider,
+  useReownWallet
+} from "./chunk-LBEP3A2Z.mjs";
+import "./chunk-GAFLOODV.mjs";
+import "./chunk-A6QLADED.mjs";
+
+// src/WithdrawModalReown.tsx
+import { useCallback } from "react";
+import { jsx } from "react/jsx-runtime";
+function WithdrawModalWithReown(props) {
+  const reown = useReownWallet();
+  const handleConnect = useCallback(() => {
+    reown.openConnect();
+  }, [reown.openConnect]);
+  return /* @__PURE__ */ jsx(
+    WithdrawModalInner,
+    {
+      ...props,
+      reownWallet: reown,
+      onConnect: handleConnect
+    }
+  );
+}
+function WithdrawModalReown(props) {
+  return /* @__PURE__ */ jsx(ReownWalletProvider, { projectId: props.reownAppId, theme: props.theme, children: /* @__PURE__ */ jsx(WithdrawModalWithReown, { ...props }) });
+}
+export {
+  WithdrawModalReown
+};

package/dist/WithdrawModalReown-L77OC26X.cjs

@@ -0,0 +1,33 @@
+"use strict";Object.defineProperty(exports, "__esModule", {value: true});
+
+var _chunk4QDHXCPGcjs = require('./chunk-4QDHXCPG.cjs');
+
+
+
+var _chunk6VJ2ZTNQcjs = require('./chunk-6VJ2ZTNQ.cjs');
+require('./chunk-CZWAKYDR.cjs');
+require('./chunk-CEIWN53N.cjs');
+
+// src/WithdrawModalReown.tsx
+var _react = require('react');
+var _jsxruntime = require('react/jsx-runtime');
+function WithdrawModalWithReown(props) {
+  const reown = _chunk6VJ2ZTNQcjs.useReownWallet.call(void 0, );
+  const handleConnect = _react.useCallback.call(void 0, () => {
+    reown.openConnect();
+  }, [reown.openConnect]);
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+    _chunk4QDHXCPGcjs.WithdrawModalInner,
+    {
+      ...props,
+      reownWallet: reown,
+      onConnect: handleConnect
+    }
+  );
+}
+function WithdrawModalReown(props) {
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6VJ2ZTNQcjs.ReownWalletProvider, { projectId: props.reownAppId, theme: props.theme, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, WithdrawModalWithReown, { ...props }) });
+}
+
+
+exports.WithdrawModalReown = WithdrawModalReown;

package/dist/{chunk-O3I5KVXA.cjs → chunk-4QDHXCPG.cjs}

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperty(exports, "__esModule", {value: true}); 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; }
+"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; }
 
 
 
@@ -16,7 +16,11 @@
 
 
 
-var _chunkANQQMGNNcjs = require('./chunk-ANQQMGNN.cjs');
+
+
+
+
+var _chunkCZWAKYDRcjs = require('./chunk-CZWAKYDR.cjs');
 
 
 
@@ -39,6 +43,8 @@ var _chunkCEIWN53Ncjs = require('./chunk-CEIWN53N.cjs');
 
 
 
+
+
 var _react = require('react');
 
 // src/WithdrawFlow.tsx
@@ -109,7 +115,7 @@ function WithdrawFormStep({
       setIsSwitching(true);
       switchChain(asset.chainId).catch((err) => {
         const raw = err instanceof Error ? err.message : "Failed to switch chain";
-        setError(_chunkANQQMGNNcjs.formatUserError.call(void 0, raw));
+        setError(_chunkCZWAKYDRcjs.formatUserError.call(void 0, raw));
       }).finally(() => {
         setIsSwitching(false);
       });
@@ -126,7 +132,7 @@ function WithdrawFormStep({
         return;
       }
       try {
-        const bal = _chunkANQQMGNNcjs.isNativeAsset.call(void 0, asset) ? await publicClient.getBalance({ address: safeAddress }) : await publicClient.readContract({
+        const bal = _chunkCZWAKYDRcjs.isNativeAsset.call(void 0, asset) ? await publicClient.getBalance({ address: safeAddress }) : await publicClient.readContract({
           address: asset.token,
           abi: _viem.erc20Abi,
           functionName: "balanceOf",
@@ -228,7 +234,7 @@ function WithdrawFormStep({
       await onSubmit(recipient, amount);
     } catch (err) {
       const raw = err instanceof Error ? err.message : "Withdrawal failed";
-      setError(_chunkANQQMGNNcjs.formatUserError.call(void 0, raw));
+      setError(_chunkCZWAKYDRcjs.formatUserError.call(void 0, raw));
     } finally {
       setIsSubmitting(false);
     }
@@ -240,7 +246,7 @@ function WithdrawFormStep({
       await switchChain(asset.chainId);
     } catch (err) {
       const raw = err instanceof Error ? err.message : "Failed to switch chain";
-      setError(_chunkANQQMGNNcjs.formatUserError.call(void 0, raw));
+      setError(_chunkCZWAKYDRcjs.formatUserError.call(void 0, raw));
     } finally {
       setIsSwitching(false);
     }
@@ -330,7 +336,7 @@ function WithdrawFormStep({
           ] })
         ] }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "rs-withdraw-amount-info", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-withdraw-usd", children: amountUsd !== null ? _chunkANQQMGNNcjs.currencyFormatter.format(amountUsd) : "$0.00" }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-withdraw-usd", children: amountUsd !== null ? _chunkCZWAKYDRcjs.currencyFormatter.format(amountUsd) : "$0.00" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "span", { className: "rs-withdraw-balance", children: [
             formattedBalance,
             " ",
@@ -507,7 +513,7 @@ function WithdrawFormStep({
           " to continue."
         ] }),
         switchChain && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkANQQMGNNcjs.Button,
+          _chunkCZWAKYDRcjs.Button,
           {
             variant: "outline",
             size: "small",
@@ -539,7 +545,7 @@ function WithdrawFormStep({
       ] })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-step-footer", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkANQQMGNNcjs.Button,
+      _chunkCZWAKYDRcjs.Button,
       {
         onClick: handleWithdraw,
         fullWidth: true,
@@ -548,11 +554,14 @@ function WithdrawFormStep({
         children: isBusy ? "Preparing..." : "Withdraw"
       }
     ) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkANQQMGNNcjs.PoweredBy, {})
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCZWAKYDRcjs.PoweredBy, {})
   ] });
 }
 WithdrawFormStep.displayName = "WithdrawFormStep";
 
+// src/WithdrawFlow.tsx
+var _sdk = require('@rhinestone/sdk');
+
 // src/core/safe.ts
 
 
@@ -853,13 +862,14 @@ function WithdrawFlow({
   recipient: defaultRecipient,
   amount: defaultAmount,
   service,
+  rhinestoneApiKey,
   signerAddress = _chunkCEIWN53Ncjs.DEFAULT_SIGNER_ADDRESS,
   sessionChainIds,
   forceRegister = false,
   waitForFinalTx = true,
   reownWallet,
   onConnect,
-  onRelayTransaction,
+  onSignTransaction,
   onRequestConnect,
   connectButtonLabel,
   onStepChange,
@@ -883,7 +893,7 @@ function WithdrawFlow({
     setTargetToken(targetTokenProp);
   }, [targetChainProp, targetTokenProp]);
   const targetChainObj = _react.useMemo.call(void 0, () => _chunkCEIWN53Ncjs.CHAIN_BY_ID[targetChain], [targetChain]);
-  const hasCustomSigner = Boolean(dappAddress && onRelayTransaction);
+  const hasCustomSigner = Boolean(dappAddress && onSignTransaction);
   const dappSwitchChain = _react.useMemo.call(void 0, () => {
     if (!_optionalChain([dappWalletClient, 'optionalAccess', _6 => _6.switchChain])) return void 0;
     return async (chainId) => {
@@ -923,14 +933,14 @@ function WithdrawFlow({
         return {
           ownerAddress: dappAddress,
           walletClient: _nullishCoalesce(dappWalletClient, () => ( void 0)),
-          publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkANQQMGNNcjs.getPublicClient.call(void 0, sourceChain))),
+          publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkCZWAKYDRcjs.getPublicClient.call(void 0, sourceChain))),
           switchChain: dappSwitchChain
         };
       }
       return {
         ownerAddress: dappWalletClient.account.address,
         walletClient: dappWalletClient,
-        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkANQQMGNNcjs.getPublicClient.call(void 0, sourceChain))),
+        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkCZWAKYDRcjs.getPublicClient.call(void 0, sourceChain))),
         switchChain: dappSwitchChain
       };
     }
@@ -939,7 +949,7 @@ function WithdrawFlow({
       return {
         ownerAddress: dappWalletClient.account.address,
         walletClient: dappWalletClient,
-        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkANQQMGNNcjs.getPublicClient.call(void 0, sourceChain))),
+        publicClient: _nullishCoalesce(dappPublicClient, () => ( _chunkCZWAKYDRcjs.getPublicClient.call(void 0, sourceChain))),
         switchChain: dappSwitchChain
       };
     }
@@ -968,7 +978,7 @@ function WithdrawFlow({
     const symbol = _chunkCEIWN53Ncjs.getTokenSymbol.call(void 0, sourceToken, sourceChain);
     const decimals = _chunkCEIWN53Ncjs.getTokenDecimalsByAddress.call(void 0, sourceToken, sourceChain);
     return {
-      id: _chunkANQQMGNNcjs.getAssetId.call(void 0, { chainId: sourceChain, token: sourceToken }),
+      id: _chunkCZWAKYDRcjs.getAssetId.call(void 0, { chainId: sourceChain, token: sourceToken }),
       chainId: sourceChain,
       token: sourceToken,
       symbol,
@@ -998,37 +1008,27 @@ function WithdrawFlow({
     [onError]
   );
   const resolveSessionOwner = _react.useCallback.call(void 0, async (eoaAddress) => {
-    const localOwner = _chunkANQQMGNNcjs.loadSessionOwnerFromStorage.call(void 0, eoaAddress);
+    const localOwner = _chunkCZWAKYDRcjs.loadSessionOwnerFromStorage.call(void 0, eoaAddress);
     if (localOwner) {
       return {
-        account: _chunkANQQMGNNcjs.accountFromPrivateKey.call(void 0, localOwner.privateKey),
+        account: _chunkCZWAKYDRcjs.accountFromPrivateKey.call(void 0, localOwner.privateKey),
         address: localOwner.address
       };
     }
-    const created = _chunkANQQMGNNcjs.createSessionOwnerKey.call(void 0, );
-    _chunkANQQMGNNcjs.saveSessionOwnerToStorage.call(void 0, eoaAddress, created.privateKey, created.address);
+    const created = _chunkCZWAKYDRcjs.createSessionOwnerKey.call(void 0, );
+    _chunkCZWAKYDRcjs.saveSessionOwnerToStorage.call(void 0, eoaAddress, created.privateKey, created.address);
     return {
       account: created.account,
       address: created.address
     };
   }, []);
-  const signSessionDetails = _react.useCallback.call(void 0, 
-    async (sessionOwnerAccount, typedData) => {
-      const signer = sessionOwnerAccount;
-      if (!signer.signTypedData) {
-        throw new Error("Session owner cannot sign typed data");
-      }
-      return await signer.signTypedData(typedData);
-    },
-    []
-  );
   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])) {
+      if (!onSignTransaction && !_optionalChain([signerContext, 'optionalAccess', _23 => _23.walletClient])) {
         throw new Error("Wallet not connected");
       }
       if (!targetChainObj) {
@@ -1036,32 +1036,31 @@ function WithdrawFlow({
       }
       setIsSubmitting(true);
       try {
+        const signerAccount = _optionalChain([signerContext, 'optionalAccess', _24 => _24.walletClient]) ? _sdk.walletClientToAccount.call(void 0, signerContext.walletClient) : _chunkCZWAKYDRcjs.createViewOnlyAccount.call(void 0, ownerAddress2);
         const sessionOwner = await resolveSessionOwner(ownerAddress2);
-        const prepared = await service.prepareAccount({
-          ownerAddress: ownerAddress2,
-          sessionOwnerAddress: sessionOwner.address,
-          targetChain,
-          targetToken,
-          signerAddress,
-          sessionChainIds
-        });
-        const smartAccount = prepared.smartAccount;
+        const account = await _chunkCZWAKYDRcjs.createSmartAccount.call(void 0, 
+          signerAccount,
+          sessionOwner.account,
+          rhinestoneApiKey
+        );
+        const smartAccount = _chunkCZWAKYDRcjs.getAccountAddress.call(void 0, account);
         const checkResult = await service.checkAccount(smartAccount);
-        const targetMatches = checkResult.targetChain === targetChain && _optionalChain([checkResult, 'access', _24 => _24.targetToken, 'optionalAccess', _25 => _25.toLowerCase, 'call', _26 => _26()]) === targetToken.toLowerCase();
+        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 signature = await signSessionDetails(
+          const initData = _chunkCZWAKYDRcjs.getAccountInitData.call(void 0, account);
+          const sessionDetails = await _chunkCZWAKYDRcjs.getSessionDetails.call(void 0, 
+            account,
+            targetChainObj,
+            signerAddress,
             sessionOwner.account,
-            prepared.sessionDetailsUnsigned.data
-          );
-          const sessionDetails = _chunkANQQMGNNcjs.buildSessionDetails.call(void 0, 
-            prepared.sessionDetailsUnsigned,
-            signature
+            targetToken,
+            sessionChainIds
           );
           await service.registerAccount({
             address: smartAccount,
             accountParams: {
-              factory: prepared.accountParams.factory,
-              factoryData: prepared.accountParams.factoryData,
+              factory: initData.factory,
+              factoryData: initData.factoryData,
               sessionDetails
             },
             eoaAddress: ownerAddress2,
@@ -1075,9 +1074,9 @@ function WithdrawFlow({
         }
         handleConnected(ownerAddress2, smartAccount);
         const amountUnits = _viem.parseUnits.call(void 0, amountValue, asset.decimals);
-        const pc = _nullishCoalesce(_optionalChain([signerContext, 'optionalAccess', _27 => _27.publicClient]), () => ( _chunkANQQMGNNcjs.getPublicClient.call(void 0, sourceChain)));
+        const pc = _nullishCoalesce(_optionalChain([signerContext, 'optionalAccess', _28 => _28.publicClient]), () => ( _chunkCZWAKYDRcjs.getPublicClient.call(void 0, sourceChain)));
         let result;
-        if (onRelayTransaction) {
+        if (onSignTransaction) {
           const transferData = isSourceNative ? { to: smartAccount, value: amountUnits, data: "0x" } : {
             to: sourceToken,
             value: 0n,
@@ -1095,7 +1094,18 @@ function WithdrawFlow({
             data: transferData.data,
             chainId: sourceChain
           });
-          result = await onRelayTransaction(request);
+          const { signature } = await onSignTransaction(request);
+          const relayResult = await service.relayWithdraw({
+            smartAccount,
+            chainId: 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 executeSafeEthTransfer({
             walletClient: signerContext.walletClient,
@@ -1116,7 +1126,7 @@ function WithdrawFlow({
             chainId: sourceChain
           });
         }
-        _optionalChain([onWithdrawSubmitted, 'optionalCall', _28 => _28({
+        _optionalChain([onWithdrawSubmitted, 'optionalCall', _29 => _29({
           txHash: result.txHash,
           sourceChain,
           amount: amountUnits.toString(),
@@ -1132,7 +1142,7 @@ function WithdrawFlow({
         });
       } catch (err) {
         const raw = err instanceof Error ? err.message : "Withdraw failed";
-        handleError(_chunkANQQMGNNcjs.formatUserError.call(void 0, raw), "WITHDRAW_FLOW_ERROR");
+        handleError(_chunkCZWAKYDRcjs.formatUserError.call(void 0, raw), "WITHDRAW_FLOW_ERROR");
         throw err;
       } finally {
         setIsSubmitting(false);
@@ -1148,27 +1158,27 @@ function WithdrawFlow({
       targetChain,
       targetToken,
       service,
+      rhinestoneApiKey,
       handleConnected,
       asset.decimals,
       safeAddress,
       sourceToken,
       sourceChain,
       onWithdrawSubmitted,
-      onRelayTransaction,
+      onSignTransaction,
       isSourceNative,
-      handleError,
-      signSessionDetails
+      handleError
     ]
   );
   const handleWithdrawComplete = _react.useCallback.call(void 0, 
     (txHash, destinationTxHash) => {
-      _optionalChain([onWithdrawComplete, 'optionalCall', _29 => _29({ txHash, destinationTxHash })]);
+      _optionalChain([onWithdrawComplete, 'optionalCall', _30 => _30({ txHash, destinationTxHash })]);
     },
     [onWithdrawComplete]
   );
   const handleWithdrawFailed = _react.useCallback.call(void 0, 
     (txHash, error) => {
-      _optionalChain([onWithdrawFailed, 'optionalCall', _30 => _30({ txHash, error })]);
+      _optionalChain([onWithdrawFailed, 'optionalCall', _31 => _31({ txHash, error })]);
     },
     [onWithdrawFailed]
   );
@@ -1226,7 +1236,7 @@ function WithdrawFlow({
   }, [walletOptionsKey, selectedConnectAddressEffective]);
   if (showConnectStep) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-body", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkANQQMGNNcjs.ConnectStep,
+      _chunkCZWAKYDRcjs.ConnectStep,
       {
         walletOptions,
         selectedAddress: selectedConnectAddressEffective,
@@ -1244,9 +1254,9 @@ function WithdrawFlow({
     ) });
   }
   if (!signerContext) return null;
-  if (!onRelayTransaction && !signerContext.walletClient) return null;
+  if (!onSignTransaction && !signerContext.walletClient) return null;
   const ownerAddress = signerContext.ownerAddress;
-  const formPublicClient = _nullishCoalesce(signerContext.publicClient, () => ( _chunkANQQMGNNcjs.getPublicClient.call(void 0, sourceChain)));
+  const formPublicClient = _nullishCoalesce(signerContext.publicClient, () => ( _chunkCZWAKYDRcjs.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,
@@ -1271,7 +1281,7 @@ function WithdrawFlow({
       }
     ),
     step.type === "processing" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkANQQMGNNcjs.ProcessingStep,
+      _chunkCZWAKYDRcjs.ProcessingStep,
       {
         smartAccount: step.smartAccount,
         txHash: step.txHash,
@@ -1296,11 +1306,15 @@ function WithdrawFlow({
 
 // src/WithdrawModal.tsx
 
+var ReownWithdrawInner = _react.lazy.call(void 0, 
+  () => Promise.resolve().then(() => _interopRequireWildcard(require("./WithdrawModalReown-L77OC26X.cjs"))).then((m) => ({
+    default: m.WithdrawModalReown
+  }))
+);
 function WithdrawModal(props) {
-  if (props.reownAppId) {
-    throw new Error(
-      'Reown support moved to "@rhinestone/deposit-modal/reown". Use that entrypoint when passing reownAppId.'
-    );
+  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 });
 }
@@ -1320,13 +1334,14 @@ function WithdrawModalInner({
   onClose,
   inline,
   backendUrl = _chunkCEIWN53Ncjs.DEFAULT_BACKEND_URL,
+  rhinestoneApiKey,
   signerAddress = _chunkCEIWN53Ncjs.DEFAULT_SIGNER_ADDRESS,
   sessionChainIds,
   forceRegister = false,
   waitForFinalTx = true,
   reownWallet,
   onConnect,
-  onRelayTransaction,
+  onSignTransaction,
   onRequestConnect,
   connectButtonLabel,
   theme,
@@ -1347,17 +1362,17 @@ function WithdrawModalInner({
   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, () => _chunkANQQMGNNcjs.createDepositService.call(void 0, backendUrl), [backendUrl]);
+  const service = _react.useMemo.call(void 0, () => _chunkCZWAKYDRcjs.createDepositService.call(void 0, backendUrl), [backendUrl]);
   _react.useEffect.call(void 0, () => {
     if (isOpen && modalRef.current) {
-      _chunkANQQMGNNcjs.applyTheme.call(void 0, modalRef.current, theme);
+      _chunkCZWAKYDRcjs.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', _31 => _31()]);
+      _optionalChain([onReady, 'optionalCall', _32 => _32()]);
     }
   }, [isOpen, onReady]);
   _react.useEffect.call(void 0, () => {
@@ -1376,17 +1391,17 @@ function WithdrawModalInner({
     setTotalBalanceUsd(balance);
   }, []);
   const handleBack = _react.useCallback.call(void 0, () => {
-    _optionalChain([backHandlerRef, 'access', _32 => _32.current, 'optionalCall', _33 => _33()]);
+    _optionalChain([backHandlerRef, 'access', _33 => _33.current, 'optionalCall', _34 => _34()]);
   }, []);
-  const showLogo = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _34 => _34.showLogo]), () => ( false));
-  const showStepper = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _35 => _35.showStepper]), () => ( false));
-  const showBackButton = _nullishCoalesce(_optionalChain([uiConfig, 'optionalAccess', _36 => _36.showBackButton]), () => ( true));
-  const balanceTitle = _optionalChain([uiConfig, 'optionalAccess', _37 => _37.balanceTitle]);
-  const logoUrl = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _38 => _38.logoUrl]), () => ( "https://github.com/rhinestonewtf.png"));
-  const title = _nullishCoalesce(_optionalChain([branding, 'optionalAccess', _39 => _39.title]), () => ( "Withdraw"));
+  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, 
-    _chunkANQQMGNNcjs.Modal,
+    _chunkCZWAKYDRcjs.Modal,
     {
       isOpen,
       onClose,
@@ -1444,7 +1459,7 @@ function WithdrawModalInner({
             ] }),
             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: _chunkANQQMGNNcjs.currencyFormatter.format(totalBalanceUsd) })
+              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: "rs-modal-header-balance-value", children: _chunkCZWAKYDRcjs.currencyFormatter.format(totalBalanceUsd) })
             ] })
           ] }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "rs-modal-header-nav-right", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -1488,13 +1503,14 @@ function WithdrawModalInner({
             recipient,
             amount: defaultAmount,
             service,
+            rhinestoneApiKey,
             signerAddress,
             sessionChainIds,
             forceRegister,
             waitForFinalTx,
             reownWallet,
             onConnect,
-            onRelayTransaction,
+            onSignTransaction,
             onRequestConnect,
             connectButtonLabel,
             onStepChange: handleStepChange,