@rhinestone/1auth 0.6.1 → 0.6.2

package/dist/index.mjs

@@ -18,7 +18,7 @@ import {
   isTestnet,
   isTokenAddressSupported,
   resolveTokenAddress
-} from "./chunk-N4BLW5UR.mjs";
+} from "./chunk-IP2FG4WQ.mjs";
 
 // src/client.ts
 import { parseUnits, hashTypedData } from "viem";
@@ -214,6 +214,53 @@ var OneAuthClient = class {
     }
     return this.waitForConnectResponse(dialog, iframe, cleanup);
   }
+  /**
+   * Open the account management dialog.
+   *
+   * Shows the account overview with guardian status and recovery setup
+   * options. The dialog closes when the user clicks the X button or
+   * completes their action.
+   *
+   * @example
+   * ```typescript
+   * await client.openAccountDialog();
+   * ```
+   */
+  async openAccountDialog(options) {
+    const dialogUrl = this.getDialogUrl();
+    const params = new URLSearchParams({
+      mode: "iframe"
+    });
+    const themeParams = this.getThemeParams(options?.theme);
+    if (themeParams) {
+      const themeParsed = new URLSearchParams(themeParams);
+      themeParsed.forEach((value, key) => params.set(key, value));
+    }
+    const url = `${dialogUrl}/dialog/account?${params.toString()}`;
+    const { dialog, iframe, cleanup } = this.createModalDialog(url);
+    const ready = await this.waitForDialogReady(dialog, iframe, cleanup, {
+      mode: "iframe"
+    });
+    if (!ready) return;
+    const dialogOrigin = this.getDialogOrigin();
+    return new Promise((resolve) => {
+      const handleMessage = (event) => {
+        if (event.origin !== dialogOrigin) return;
+        if (event.data?.type === "PASSKEY_CLOSE" || event.data?.type === "PASSKEY_DISCONNECT") {
+          window.removeEventListener("message", handleMessage);
+          dialog.removeEventListener("close", handleClose);
+          cleanup();
+          resolve();
+        }
+      };
+      const handleClose = () => {
+        window.removeEventListener("message", handleMessage);
+        resolve();
+      };
+      window.addEventListener("message", handleMessage);
+      dialog.addEventListener("close", handleClose);
+    });
+  }
   /**
    * Check if a user has already granted consent for the requested fields.
    * This is a read-only check — no dialog is shown.
@@ -509,10 +556,13 @@ var OneAuthClient = class {
     const themeParams = this.getThemeParams();
     const signingUrl = `${dialogUrl}/dialog/sign?mode=iframe${themeParams ? `&${themeParams}` : ""}`;
     const { dialog, iframe, cleanup } = this.createModalDialog(signingUrl);
-    const [prepareResult, dialogResult] = await Promise.all([
-      this.prepareIntent(requestBody),
-      this.waitForDialogReadyDeferred(dialog, iframe, cleanup)
-    ]);
+    const dialogOrigin = this.getDialogOrigin();
+    let earlyPrepareResult = null;
+    const preparePromise = this.prepareIntent(requestBody).then((r) => {
+      earlyPrepareResult = r;
+      return r;
+    });
+    const dialogResult = await this.waitForDialogReadyDeferred(dialog, iframe, cleanup);
     if (!dialogResult.ready) {
       return {
         success: false,
@@ -521,40 +571,85 @@ var OneAuthClient = class {
         error: { code: "USER_CANCELLED", message: "User closed the dialog" }
       };
     }
-    if (!prepareResult.success) {
-      this.sendPrepareError(iframe, prepareResult.error.message);
-      await this.waitForDialogClose(dialog, cleanup);
-      return {
-        success: false,
-        intentId: "",
-        status: "failed",
-        error: prepareResult.error
+    let currentInitPayload;
+    if (earlyPrepareResult) {
+      const prepareResult = earlyPrepareResult;
+      if (!prepareResult.success) {
+        this.sendPrepareError(iframe, prepareResult.error.message);
+        await this.waitForDialogClose(dialog, cleanup);
+        return {
+          success: false,
+          intentId: "",
+          status: "failed",
+          error: prepareResult.error
+        };
+      }
+      prepareResponse = prepareResult.data;
+      currentInitPayload = {
+        mode: "iframe",
+        calls,
+        chainId: targetChain,
+        transaction: prepareResponse.transaction,
+        challenge: prepareResponse.challenge,
+        username,
+        accountAddress: prepareResponse.accountAddress,
+        originMessages: prepareResponse.originMessages,
+        tokenRequests: serializedTokenRequests,
+        expiresAt: prepareResponse.expiresAt,
+        userId: prepareResponse.userId,
+        intentOp: prepareResponse.intentOp,
+        digestResult: prepareResponse.digestResult,
+        tier: prepareResult.tier
+      };
+      dialogResult.sendInit(currentInitPayload);
+    } else {
+      currentInitPayload = {
+        mode: "iframe",
+        calls,
+        chainId: targetChain,
+        username,
+        accountAddress: options.accountAddress,
+        tokenRequests: serializedTokenRequests
       };
+      dialogResult.sendInit(currentInitPayload);
+      const prepareResult = await preparePromise;
+      if (!prepareResult.success) {
+        this.sendPrepareError(iframe, prepareResult.error.message);
+        await this.waitForDialogClose(dialog, cleanup);
+        return {
+          success: false,
+          intentId: "",
+          status: "failed",
+          error: prepareResult.error
+        };
+      }
+      prepareResponse = prepareResult.data;
+      currentInitPayload = {
+        mode: "iframe",
+        calls,
+        chainId: targetChain,
+        transaction: prepareResponse.transaction,
+        challenge: prepareResponse.challenge,
+        username,
+        accountAddress: prepareResponse.accountAddress,
+        originMessages: prepareResponse.originMessages,
+        tokenRequests: serializedTokenRequests,
+        expiresAt: prepareResponse.expiresAt,
+        userId: prepareResponse.userId,
+        intentOp: prepareResponse.intentOp,
+        digestResult: prepareResponse.digestResult,
+        tier: prepareResult.tier
+      };
+      iframe.contentWindow?.postMessage(
+        { type: "PASSKEY_INIT", ...currentInitPayload, fullViewport: true },
+        dialogOrigin
+      );
     }
-    prepareResponse = prepareResult.data;
-    const dialogOrigin = this.getDialogOrigin();
-    const initPayload = {
-      mode: "iframe",
-      calls,
-      chainId: targetChain,
-      transaction: prepareResponse.transaction,
-      challenge: prepareResponse.challenge,
-      username,
-      accountAddress: prepareResponse.accountAddress,
-      originMessages: prepareResponse.originMessages,
-      tokenRequests: serializedTokenRequests,
-      expiresAt: prepareResponse.expiresAt,
-      userId: prepareResponse.userId,
-      intentOp: prepareResponse.intentOp,
-      digestResult: prepareResponse.digestResult,
-      tier: prepareResult.tier
-    };
-    dialogResult.sendInit(initPayload);
     const handleReReady = (event) => {
       if (event.origin !== dialogOrigin) return;
       if (event.data?.type === "PASSKEY_READY") {
         iframe.contentWindow?.postMessage(
-          { type: "PASSKEY_INIT", ...initPayload, fullViewport: true },
+          { type: "PASSKEY_INIT", ...currentInitPayload, fullViewport: true },
           dialogOrigin
         );
       }
@@ -843,10 +938,13 @@ var OneAuthClient = class {
     const themeParams = this.getThemeParams();
     const signingUrl = `${dialogUrl}/dialog/sign?mode=iframe${themeParams ? `&${themeParams}` : ""}`;
     const { dialog, iframe, cleanup } = this.createModalDialog(signingUrl);
-    const [prepareResult, dialogResult] = await Promise.all([
-      this.prepareBatchIntent(requestBody),
-      this.waitForDialogReadyDeferred(dialog, iframe, cleanup)
-    ]);
+    const dialogOrigin = this.getDialogOrigin();
+    let earlyBatchResult = null;
+    const preparePromise = this.prepareBatchIntent(requestBody).then((r) => {
+      earlyBatchResult = r;
+      return r;
+    });
+    const dialogResult = await this.waitForDialogReadyDeferred(dialog, iframe, cleanup);
     if (!dialogResult.ready) {
       return {
         success: false,
@@ -855,7 +953,8 @@ var OneAuthClient = class {
         failureCount: 0
       };
     }
-    if (!prepareResult.success) {
+    let currentBatchPayload;
+    const handleBatchPrepareFailure = async (prepareResult) => {
       const failedIntents = prepareResult.failedIntents;
       const failureResults = failedIntents?.map((f) => ({
         index: f.index,
@@ -873,27 +972,68 @@ var OneAuthClient = class {
         failureCount: failureResults.length,
         error: prepareResult.error
       };
-    }
-    let prepareResponse = prepareResult.data;
-    const dialogOrigin = this.getDialogOrigin();
-    const batchInitPayload = {
-      mode: "iframe",
-      batchMode: true,
-      batchIntents: prepareResponse.intents,
-      batchFailedIntents: prepareResponse.failedIntents,
-      challenge: prepareResponse.challenge,
-      username: options.username,
-      accountAddress: prepareResponse.accountAddress,
-      userId: prepareResponse.userId,
-      expiresAt: prepareResponse.expiresAt,
-      tier: prepareResult.tier
     };
-    dialogResult.sendInit(batchInitPayload);
+    let prepareResponse;
+    if (earlyBatchResult) {
+      const prepareResult = earlyBatchResult;
+      if (!prepareResult.success) {
+        return handleBatchPrepareFailure(prepareResult);
+      }
+      prepareResponse = prepareResult.data;
+      currentBatchPayload = {
+        mode: "iframe",
+        batchMode: true,
+        batchIntents: prepareResponse.intents,
+        batchFailedIntents: prepareResponse.failedIntents,
+        challenge: prepareResponse.challenge,
+        username: options.username,
+        accountAddress: prepareResponse.accountAddress,
+        userId: prepareResponse.userId,
+        expiresAt: prepareResponse.expiresAt,
+        tier: prepareResult.tier
+      };
+      dialogResult.sendInit(currentBatchPayload);
+    } else {
+      currentBatchPayload = {
+        mode: "iframe",
+        batchMode: true,
+        batchIntents: serializedIntents.map((intent, idx) => ({
+          index: idx,
+          targetChain: intent.targetChain,
+          calls: JSON.stringify(intent.calls)
+          // No: transaction, intentOp, expiresAt, originMessages
+        })),
+        username: options.username,
+        accountAddress: options.accountAddress
+      };
+      dialogResult.sendInit(currentBatchPayload);
+      const prepareResult = await preparePromise;
+      if (!prepareResult.success) {
+        return handleBatchPrepareFailure(prepareResult);
+      }
+      prepareResponse = prepareResult.data;
+      currentBatchPayload = {
+        mode: "iframe",
+        batchMode: true,
+        batchIntents: prepareResponse.intents,
+        batchFailedIntents: prepareResponse.failedIntents,
+        challenge: prepareResponse.challenge,
+        username: options.username,
+        accountAddress: prepareResponse.accountAddress,
+        userId: prepareResponse.userId,
+        expiresAt: prepareResponse.expiresAt,
+        tier: prepareResult.tier
+      };
+      iframe.contentWindow?.postMessage(
+        { type: "PASSKEY_INIT", ...currentBatchPayload, fullViewport: true },
+        dialogOrigin
+      );
+    }
     const handleBatchReReady = (event) => {
       if (event.origin !== dialogOrigin) return;
       if (event.data?.type === "PASSKEY_READY") {
         iframe.contentWindow?.postMessage(
-          { type: "PASSKEY_INIT", ...batchInitPayload, fullViewport: true },
+          { type: "PASSKEY_INIT", ...currentBatchPayload, fullViewport: true },
           dialogOrigin
         );
       }
@@ -1631,16 +1771,8 @@ var OneAuthClient = class {
     const themeParams = this.getThemeParams(options?.theme);
     const signingUrl = `${dialogUrl}/dialog/sign?mode=iframe${themeParams ? `&${themeParams}` : ""}`;
     const { dialog, iframe, cleanup } = this.createModalDialog(signingUrl);
-    const ready = await this.waitForDialogReady(dialog, iframe, cleanup, {
-      mode: "iframe",
-      message: options.message,
-      challenge: options.challenge || options.message,
-      username: options.username,
-      accountAddress: options.accountAddress,
-      description: options.description,
-      metadata: options.metadata
-    });
-    if (!ready) {
+    const dialogResult = await this.waitForDialogReadyDeferred(dialog, iframe, cleanup);
+    if (!dialogResult.ready) {
       return {
         success: false,
         error: {
@@ -1649,7 +1781,29 @@ var OneAuthClient = class {
         }
       };
     }
+    const initPayload = {
+      mode: "iframe",
+      message: options.message,
+      challenge: options.challenge || options.message,
+      username: options.username,
+      accountAddress: options.accountAddress,
+      description: options.description,
+      metadata: options.metadata
+    };
+    dialogResult.sendInit(initPayload);
+    const dialogOrigin = this.getDialogOrigin();
+    const handleReReady = (event) => {
+      if (event.origin !== dialogOrigin) return;
+      if (event.data?.type === "PASSKEY_READY") {
+        iframe.contentWindow?.postMessage(
+          { type: "PASSKEY_INIT", ...initPayload, fullViewport: true },
+          dialogOrigin
+        );
+      }
+    };
+    window.addEventListener("message", handleReReady);
     const signingResult = await this.waitForSigningResponse(dialog, iframe, cleanup);
+    window.removeEventListener("message", handleReReady);
     cleanup();
     if (signingResult.success) {
       return {
@@ -1717,7 +1871,17 @@ var OneAuthClient = class {
     const themeParams = this.getThemeParams(options?.theme);
     const signingUrl = `${dialogUrl}/dialog/sign?mode=iframe${themeParams ? `&${themeParams}` : ""}`;
     const { dialog, iframe, cleanup } = this.createModalDialog(signingUrl);
-    const ready = await this.waitForDialogReady(dialog, iframe, cleanup, {
+    const dialogResult = await this.waitForDialogReadyDeferred(dialog, iframe, cleanup);
+    if (!dialogResult.ready) {
+      return {
+        success: false,
+        error: {
+          code: "USER_REJECTED",
+          message: "User closed the dialog"
+        }
+      };
+    }
+    const initPayload = {
       mode: "iframe",
       signingMode: "typedData",
       typedData: {
@@ -1730,17 +1894,21 @@ var OneAuthClient = class {
       username: options.username,
       accountAddress: options.accountAddress,
       description: options.description
-    });
-    if (!ready) {
-      return {
-        success: false,
-        error: {
-          code: "USER_REJECTED",
-          message: "User closed the dialog"
-        }
-      };
-    }
+    };
+    dialogResult.sendInit(initPayload);
+    const dialogOrigin = this.getDialogOrigin();
+    const handleReReady = (event) => {
+      if (event.origin !== dialogOrigin) return;
+      if (event.data?.type === "PASSKEY_READY") {
+        iframe.contentWindow?.postMessage(
+          { type: "PASSKEY_INIT", ...initPayload, fullViewport: true },
+          dialogOrigin
+        );
+      }
+    };
+    window.addEventListener("message", handleReReady);
     const signingResult = await this.waitForSigningResponse(dialog, iframe, cleanup);
+    window.removeEventListener("message", handleReReady);
     cleanup();
     if (signingResult.success) {
       return {
@@ -2144,8 +2312,10 @@ var OneAuthClient = class {
     const hideOverlay = () => {
       if (overlayHidden) return;
       overlayHidden = true;
-      overlay.style.display = "none";
       iframe.style.opacity = "1";
+      requestAnimationFrame(() => {
+        overlay.style.display = "none";
+      });
     };
     const handleMessage = (event) => {
       if (event.origin !== hostUrl.origin) return;
@@ -3221,7 +3391,8 @@ function BatchQueueWidget({ onSignAll }) {
 import { keccak256, toBytes } from "viem";
 var ETHEREUM_MESSAGE_PREFIX = "Ethereum Signed Message:\n";
 function hashMessage2(message) {
-  const prefixed = ETHEREUM_MESSAGE_PREFIX + message.length.toString() + message;
+  const messageBytes = toBytes(message);
+  const prefixed = ETHEREUM_MESSAGE_PREFIX + messageBytes.length.toString() + message;
   return keccak256(toBytes(prefixed));
 }
 function verifyMessageHash(message, signedHash) {