@rhinestone/deposit-modal 0.1.23 → 0.1.24

package/README.md

@@ -15,10 +15,14 @@ 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.
@@ -88,7 +92,7 @@ Notes:
 | `defaultAmount`      | `string`               | No       | Pre-filled amount                                                            |
 | `recipient`          | `Address`              | No       | Custom recipient address                                                     |
 | `backendUrl`         | `string`               | No       | Backend URL                                                                  |
-| `rhinestoneApiKey`   | `string`               | No       | Optional SDK api key forwarded to `RhinestoneSDK` during smart-account setup |
+| `rhinestoneApiKey`   | `string`               | No       | Deprecated in client flow (server-side account preparation now owns SDK access) |
 | `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/{chunk-J7UK4L5T.mjs → chunk-35DWLO33.mjs}

@@ -6,21 +6,17 @@ import {
   ProcessingStep,
   accountFromPrivateKey,
   applyTheme,
+  buildSessionDetails,
   createDepositService,
   createSessionOwnerKey,
-  createSmartAccount,
-  createViewOnlyAccount,
   currencyFormatter,
   formatUserError,
-  getAccountAddress,
-  getAccountInitData,
   getAssetId,
   getPublicClient,
-  getSessionDetails,
   isNativeAsset,
   loadSessionOwnerFromStorage,
   saveSessionOwnerToStorage
-} from "./chunk-JBT2ZV3Q.mjs";
+} from "./chunk-P7SQQAAF.mjs";
 import {
   CHAIN_BY_ID,
   DEFAULT_BACKEND_URL,
@@ -42,9 +38,7 @@ import {
   useEffect as useEffect3,
   useMemo as useMemo3,
   useRef as useRef2,
-  useState as useState3,
-  lazy,
-  Suspense
+  useState as useState3
 } from "react";
 
 // src/WithdrawFlow.tsx
@@ -559,9 +553,6 @@ function WithdrawFormStep({
 }
 WithdrawFormStep.displayName = "WithdrawFormStep";
 
-// src/WithdrawFlow.tsx
-import { walletClientToAccount } from "@rhinestone/sdk";
-
 // src/core/safe.ts
 import {
   concat,
@@ -862,7 +853,6 @@ function WithdrawFlow({
   recipient: defaultRecipient,
   amount: defaultAmount,
   service,
-  rhinestoneApiKey,
   signerAddress = DEFAULT_SIGNER_ADDRESS,
   sessionChainIds,
   forceRegister = false,
@@ -1022,6 +1012,16 @@ function WithdrawFlow({
       address: created.address
     };
   }, []);
+  const signSessionDetails = useCallback2(
+    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 = useCallback2(
     async (recipient, amountValue) => {
       const ownerAddress2 = signerContext?.ownerAddress;
@@ -1036,31 +1036,32 @@ function WithdrawFlow({
       }
       setIsSubmitting(true);
       try {
-        const signerAccount = signerContext?.walletClient ? walletClientToAccount(signerContext.walletClient) : createViewOnlyAccount(ownerAddress2);
         const sessionOwner = await resolveSessionOwner(ownerAddress2);
-        const account = await createSmartAccount(
-          signerAccount,
-          sessionOwner.account,
-          rhinestoneApiKey
-        );
-        const smartAccount = getAccountAddress(account);
+        const prepared = await service.prepareAccount({
+          ownerAddress: ownerAddress2,
+          sessionOwnerAddress: sessionOwner.address,
+          targetChain,
+          targetToken,
+          signerAddress,
+          sessionChainIds
+        });
+        const smartAccount = prepared.smartAccount;
         const checkResult = await service.checkAccount(smartAccount);
         const targetMatches = checkResult.targetChain === targetChain && checkResult.targetToken?.toLowerCase() === targetToken.toLowerCase();
         if (!checkResult.isRegistered || forceRegister || !targetMatches) {
-          const initData = getAccountInitData(account);
-          const sessionDetails = await getSessionDetails(
-            account,
-            targetChainObj,
-            signerAddress,
+          const signature = await signSessionDetails(
             sessionOwner.account,
-            targetToken,
-            sessionChainIds
+            prepared.sessionDetailsUnsigned.data
+          );
+          const sessionDetails = buildSessionDetails(
+            prepared.sessionDetailsUnsigned,
+            signature
           );
           await service.registerAccount({
             address: smartAccount,
             accountParams: {
-              factory: initData.factory,
-              factoryData: initData.factoryData,
+              factory: prepared.accountParams.factory,
+              factoryData: prepared.accountParams.factoryData,
               sessionDetails
             },
             eoaAddress: ownerAddress2,
@@ -1147,7 +1148,6 @@ function WithdrawFlow({
       targetChain,
       targetToken,
       service,
-      rhinestoneApiKey,
       handleConnected,
       asset.decimals,
       safeAddress,
@@ -1156,7 +1156,8 @@ function WithdrawFlow({
       onWithdrawSubmitted,
       onRelayTransaction,
       isSourceNative,
-      handleError
+      handleError,
+      signSessionDetails
     ]
   );
   const handleWithdrawComplete = useCallback2(
@@ -1295,15 +1296,11 @@ function WithdrawFlow({
 
 // src/WithdrawModal.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
-var ReownWithdrawInner = lazy(
-  () => import("./WithdrawModalReown-ICP3DH6Q.mjs").then((m) => ({
-    default: m.WithdrawModalReown
-  }))
-);
 function WithdrawModal(props) {
-  const needsReown = !!props.reownAppId;
-  if (needsReown) {
-    return /* @__PURE__ */ jsx3(Suspense, { fallback: null, children: /* @__PURE__ */ jsx3(ReownWithdrawInner, { ...props }) });
+  if (props.reownAppId) {
+    throw new Error(
+      'Reown support moved to "@rhinestone/deposit-modal/reown". Use that entrypoint when passing reownAppId.'
+    );
   }
   return /* @__PURE__ */ jsx3(WithdrawModalInner, { ...props });
 }
@@ -1323,7 +1320,6 @@ function WithdrawModalInner({
   onClose,
   inline,
   backendUrl = DEFAULT_BACKEND_URL,
-  rhinestoneApiKey,
   signerAddress = DEFAULT_SIGNER_ADDRESS,
   sessionChainIds,
   forceRegister = false,
@@ -1492,7 +1488,6 @@ function WithdrawModalInner({
             recipient,
             amount: defaultAmount,
             service,
-            rhinestoneApiKey,
             signerAddress,
             sessionChainIds,
             forceRegister,