@rhinestone/1auth 0.4.0 → 0.6.0

package/dist/index.mjs

@@ -1,7 +1,6 @@
 import {
   buildTransactionReview,
   createOneAuthProvider,
-  createPasskeyProvider,
   encodeWebAuthnSignature,
   getAllSupportedChainsAndTokens,
   getChainById,
@@ -19,7 +18,7 @@ import {
   isTestnet,
   isTokenAddressSupported,
   resolveTokenAddress
-} from "./chunk-X73ALCGW.mjs";
+} from "./chunk-N4BLW5UR.mjs";
 
 // src/client.ts
 import { parseUnits, hashTypedData } from "viem";
@@ -27,7 +26,6 @@ var POPUP_WIDTH = 450;
 var POPUP_HEIGHT = 600;
 var DEFAULT_EMBED_WIDTH = "400px";
 var DEFAULT_EMBED_HEIGHT = "500px";
-var MODAL_WIDTH = 340;
 var DEFAULT_PROVIDER_URL = "https://passkey.1auth.box";
 var OneAuthClient = class {
   constructor(config) {
@@ -121,7 +119,28 @@ var OneAuthClient = class {
     return void 0;
   }
   /**
-   * Open the auth dialog (sign in + sign up).
+   * Open the authentication modal (sign in + sign up).
+   *
+   * Handles both new user registration and returning user login in a single
+   * call — the modal shows the appropriate flow based on whether the user
+   * has a passkey registered.
+   *
+   * @param options.username - Pre-fill the username field
+   * @param options.theme - Override the theme for this modal invocation
+   * @param options.oauthEnabled - Set to false to hide OAuth sign-in buttons
+   * @returns {@link AuthResult} with user details and typed address
+   *
+   * @example
+   * ```typescript
+   * const result = await client.authWithModal();
+   *
+   * if (result.success) {
+   *   console.log('Signed in as:', result.user?.username);
+   *   console.log('Address:', result.user?.address); // typed `0x${string}`
+   * } else if (result.error?.code === 'USER_CANCELLED') {
+   *   // User closed the modal
+   * }
+   * ```
    */
   async authWithModal(options) {
     const dialogUrl = this.getDialogUrl();
@@ -161,7 +180,7 @@ var OneAuthClient = class {
    * const result = await client.connectWithModal();
    *
    * if (result.success) {
-   *   console.log('Connected as:', result.username);
+   *   console.log('Connected as:', result.user?.username);
    * } else if (result.action === 'switch') {
    *   // User needs to sign in first
    *   const authResult = await client.authWithModal();
@@ -339,17 +358,16 @@ var OneAuthClient = class {
    *
    * @example
    * ```typescript
-   * // Authenticate with a login challenge
    * const result = await client.authenticate({
    *   challenge: `Login to MyApp\nTimestamp: ${Date.now()}\nNonce: ${crypto.randomUUID()}`
    * });
    *
-   * if (result.success && result.signature) {
+   * if (result.success && result.challenge) {
    *   // Verify signature server-side
    *   const isValid = await verifyOnServer(
-   *     result.username,
-   *     result.signature,
-   *     result.signedHash
+   *     result.user?.username,
+   *     result.challenge.signature,
+   *     result.challenge.signedHash
    *   );
    * }
    * ```
@@ -536,7 +554,7 @@ var OneAuthClient = class {
       if (event.origin !== dialogOrigin) return;
       if (event.data?.type === "PASSKEY_READY") {
         iframe.contentWindow?.postMessage(
-          { type: "PASSKEY_INIT", ...initPayload },
+          { type: "PASSKEY_INIT", ...initPayload, fullViewport: true },
           dialogOrigin
         );
       }
@@ -875,7 +893,7 @@ var OneAuthClient = class {
       if (event.origin !== dialogOrigin) return;
       if (event.data?.type === "PASSKEY_READY") {
         iframe.contentWindow?.postMessage(
-          { type: "PASSKEY_INIT", ...batchInitPayload },
+          { type: "PASSKEY_INIT", ...batchInitPayload, fullViewport: true },
           dialogOrigin
         );
       }
@@ -1208,7 +1226,7 @@ var OneAuthClient = class {
             ready: true,
             sendInit: (initMessage) => {
               iframe.contentWindow?.postMessage(
-                { type: "PASSKEY_INIT", ...initMessage },
+                { type: "PASSKEY_INIT", ...initMessage, fullViewport: true },
                 dialogOrigin
               );
             }
@@ -1942,7 +1960,8 @@ var OneAuthClient = class {
           teardown();
           iframe.contentWindow?.postMessage({
             type: "PASSKEY_INIT",
-            ...initMessage
+            ...initMessage,
+            fullViewport: true
           }, dialogOrigin);
           resolve(true);
         } else if (event.data?.type === "PASSKEY_CLOSE") {
@@ -1965,121 +1984,88 @@ var OneAuthClient = class {
     });
   }
   /**
-   * Create a modal dialog with an iframe inside.
+   * Create a modal dialog with a full-viewport iframe inside.
+   * All visual chrome (backdrop, positioning, animations) is rendered
+   * by the passkey app inside the iframe — the SDK just provides
+   * a transparent full-screen container.
    */
   createModalDialog(url) {
     const dialogUrl = this.getDialogUrl();
     const hostUrl = new URL(dialogUrl);
     const dialog = document.createElement("dialog");
     dialog.dataset.passkey = "";
+    dialog.style.opacity = "0";
+    dialog.style.background = "transparent";
     document.body.appendChild(dialog);
     const style = document.createElement("style");
     style.textContent = `
       dialog[data-passkey] {
-        padding: 0;
-        border: none;
-        background: transparent;
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100vw;
+        height: 100vh;
+        height: 100dvh;
         max-width: none;
         max-height: none;
         margin: 0;
-        position: fixed;
-        top: 50px;
-        left: 50%;
-        transform: translateX(-50%);
+        padding: 0;
+        border: none;
+        background: transparent;
         outline: none;
+        overflow: hidden;
+        pointer-events: auto;
       }
-
       dialog[data-passkey]::backdrop {
-        background-color: rgba(0, 0, 0, 0.4);
-        backdrop-filter: blur(8px);
-        -webkit-backdrop-filter: blur(8px);
+        background: transparent !important;
       }
-
       dialog[data-passkey] iframe {
+        position: fixed;
+        top: 0;
+        left: 0;
+        width: 100%;
+        height: 100%;
+        border: 0;
         background-color: transparent;
-        border-radius: 14px;
-        border: none;
-        box-shadow: 0 8px 32px rgba(0, 0, 0, 0.12), 0 2px 8px rgba(0, 0, 0, 0.08);
-        transition: height 0.15s ease-out;
-        max-height: calc(100vh - 100px);
-        max-height: calc(100dvh - 100px);
-      }
-
-      @media (min-width: 769px) {
-        dialog[data-passkey] iframe {
-          animation: passkey_zoomIn 0.2s cubic-bezier(0.32, 0.72, 0, 1);
-        }
-      }
-
-      @media (max-width: 768px) {
-        dialog[data-passkey] {
-          width: 100vw !important;
-          height: auto !important;
-          max-height: 90vh !important;
-          max-height: 90dvh !important;
-          top: auto !important;
-          bottom: 0 !important;
-          left: 0 !important;
-          right: 0 !important;
-          transform: none !important;
-          margin: 0 !important;
-        }
-
-        dialog[data-passkey] iframe {
-          animation: passkey_slideFromBottom 0.3s cubic-bezier(0.32, 0.72, 0, 1);
-          border-bottom-left-radius: 0 !important;
-          border-bottom-right-radius: 0 !important;
-          width: 100% !important;
-          max-height: 90vh !important;
-          max-height: 90dvh !important;
-          box-shadow: 0 -4px 32px rgba(0, 0, 0, 0.15) !important;
-        }
-      }
-
-      @keyframes passkey_zoomIn {
-        from {
-          opacity: 0;
-          transform: scale(0.96) translateY(8px);
-        }
-        to {
-          opacity: 1;
-          transform: scale(1) translateY(0);
-        }
-      }
-
-      @keyframes passkey_slideFromBottom {
-        from { transform: translate3d(0, 100%, 0); }
-        to { transform: translate3d(0, 0, 0); }
-      }
-
-      @keyframes passkey_shake {
-        0%, 100% { transform: translateX(0); }
-        20% { transform: translateX(-4px); }
-        40% { transform: translateX(4px); }
-        60% { transform: translateX(-4px); }
-        80% { transform: translateX(4px); }
+        pointer-events: auto;
       }
     `;
     dialog.appendChild(style);
     const iframe = document.createElement("iframe");
     iframe.setAttribute(
       "allow",
-      "publickey-credentials-get *; publickey-credentials-create *; clipboard-write; identity-credentials-get"
+      [
+        `publickey-credentials-get ${hostUrl.origin}`,
+        `publickey-credentials-create ${hostUrl.origin}`,
+        "clipboard-write",
+        "identity-credentials-get"
+      ].join("; ")
     );
     iframe.setAttribute("aria-label", "Passkey Authentication");
     iframe.setAttribute("tabindex", "0");
+    iframe.setAttribute(
+      "sandbox",
+      "allow-forms allow-scripts allow-same-origin allow-popups allow-popups-to-escape-sandbox"
+    );
     iframe.setAttribute("src", url);
     iframe.setAttribute("title", "Passkey");
-    iframe.style.border = "none";
-    iframe.style.height = "400px";
-    iframe.style.width = `${MODAL_WIDTH}px`;
+    iframe.style.opacity = "0";
     dialog.appendChild(iframe);
+    const inertObserver = new MutationObserver((mutations) => {
+      for (const mutation of mutations) {
+        if (mutation.attributeName === "inert") {
+          dialog.removeAttribute("inert");
+        }
+      }
+    });
+    inertObserver.observe(dialog, { attributes: true });
     const handleMessage = (event) => {
       if (event.origin !== hostUrl.origin) return;
-      if (event.data?.type === "PASSKEY_RESIZE") {
-        const maxHeight = window.innerHeight - 100;
-        iframe.style.height = `${Math.min(event.data.height, maxHeight)}px`;
-      } else if (event.data?.type === "PASSKEY_DISCONNECT") {
+      if (event.data?.type === "PASSKEY_RENDERED") {
+        dialog.style.opacity = "1";
+        iframe.style.opacity = "1";
+      }
+      if (event.data?.type === "PASSKEY_DISCONNECT") {
         localStorage.removeItem("1auth-user");
       }
     };
@@ -2090,19 +2076,22 @@ var OneAuthClient = class {
       }
     };
     document.addEventListener("keydown", handleEscape);
-    dialog.addEventListener("click", (event) => {
-      if (event.target === dialog) {
-        cleanup();
-      }
-    });
     dialog.showModal();
     let cleanedUp = false;
     const cleanup = () => {
       if (cleanedUp) return;
       cleanedUp = true;
+      inertObserver.disconnect();
       window.removeEventListener("message", handleMessage);
       document.removeEventListener("keydown", handleEscape);
       dialog.close();
+      if (dialog.parentNode) {
+        for (const sibling of Array.from(dialog.parentNode.children)) {
+          if (sibling !== dialog && sibling instanceof HTMLElement && sibling.hasAttribute("inert")) {
+            sibling.removeAttribute("inert");
+          }
+        }
+      }
       dialog.remove();
     };
     return { dialog, iframe, cleanup };
@@ -2118,7 +2107,8 @@ var OneAuthClient = class {
           dialogReady = true;
           iframe.contentWindow?.postMessage({
             type: "PASSKEY_INIT",
-            mode: "iframe"
+            mode: "iframe",
+            fullViewport: true
           }, dialogOrigin);
           return;
         }
@@ -2131,24 +2121,11 @@ var OneAuthClient = class {
           if (data.success) {
             resolve({
               success: true,
-              username: data.data?.username,
-              address: data.data?.address,
-              user: data.data?.user
-            });
-          } else {
-            resolve({
-              success: false,
-              error: data.error
-            });
-          }
-        } else if (data?.type === "PASSKEY_REGISTER_RESULT") {
-          window.removeEventListener("message", handleMessage);
-          cleanup();
-          if (data.success) {
-            resolve({
-              success: true,
-              username: data.data?.username,
-              address: data.data?.address
+              user: {
+                id: data.data?.user?.id,
+                username: data.data?.username,
+                address: data.data?.address
+              }
             });
           } else {
             resolve({
@@ -2207,25 +2184,11 @@ var OneAuthClient = class {
           if (data.success) {
             resolve({
               success: true,
-              username: data.data?.username,
-              address: data.data?.address,
-              user: data.data?.user
-            });
-          } else {
-            resolve({
-              success: false,
-              error: data.error
-            });
-          }
-        } else if (data?.type === "PASSKEY_REGISTER_RESULT") {
-          clearInterval(pollTimer);
-          window.removeEventListener("message", handleMessage);
-          popup?.close();
-          if (data.success) {
-            resolve({
-              success: true,
-              username: data.data?.username,
-              address: data.data?.address
+              user: {
+                id: data.data?.user?.id,
+                username: data.data?.username,
+                address: data.data?.address
+              }
             });
           } else {
             resolve({
@@ -2261,11 +2224,15 @@ var OneAuthClient = class {
           if (data.success) {
             resolve({
               success: true,
-              username: data.data?.username,
-              user: data.data?.user,
-              accountAddress: data.data?.accountAddress,
-              signature: data.data?.signature,
-              signedHash: data.data?.signedHash
+              user: {
+                id: data.data?.user?.id,
+                username: data.data?.username,
+                address: data.data?.accountAddress
+              },
+              challenge: data.data?.signature ? {
+                signature: data.data.signature,
+                signedHash: data.data.signedHash
+              } : void 0
             });
           } else {
             resolve({
@@ -2300,8 +2267,10 @@ var OneAuthClient = class {
           if (data.success) {
             resolve({
               success: true,
-              username: data.data?.username,
-              address: data.data?.address,
+              user: {
+                username: data.data?.username,
+                address: data.data?.address
+              },
               autoConnected: data.data?.autoConnected
             });
           } else {
@@ -3164,7 +3133,6 @@ function BatchQueueWidget({ onSignAll }) {
 // src/verify.ts
 import { keccak256, toBytes } from "viem";
 var ETHEREUM_MESSAGE_PREFIX = "Ethereum Signed Message:\n";
-var PASSKEY_MESSAGE_PREFIX = ETHEREUM_MESSAGE_PREFIX;
 function hashMessage2(message) {
   const prefixed = ETHEREUM_MESSAGE_PREFIX + message.length.toString() + message;
   return keccak256(toBytes(prefixed));
@@ -3179,11 +3147,8 @@ export {
   BatchQueueWidget,
   ETHEREUM_MESSAGE_PREFIX,
   OneAuthClient,
-  PASSKEY_MESSAGE_PREFIX,
-  OneAuthClient as PasskeyProviderClient,
   createOneAuthProvider,
   createPasskeyAccount,
-  createPasskeyProvider,
   createPasskeyWalletClient,
   encodeWebAuthnSignature,
   getAllSupportedChainsAndTokens,