@authon/js 0.7.0 → 0.7.2

package/dist/index.d.cts

@@ -49,7 +49,10 @@ declare class Authon {
     /** Update theme at runtime without destroying form state */
     setTheme(theme: 'light' | 'dark' | 'auto'): void;
     signInWithOAuth(provider: OAuthProviderType, options?: OAuthSignInOptions): Promise<void>;
-    signInWithEmail(email: string, password: string, turnstileToken?: string): Promise<AuthonUser>;
+    signInWithEmail(email: string, password: string, turnstileToken?: string): Promise<AuthonUser | {
+        needsVerification: true;
+        email: string;
+    }>;
     signUpWithEmail(email: string, password: string, meta?: {
         displayName?: string;
         turnstileToken?: string;

package/dist/index.d.ts

@@ -49,7 +49,10 @@ declare class Authon {
     /** Update theme at runtime without destroying form state */
     setTheme(theme: 'light' | 'dark' | 'auto'): void;
     signInWithOAuth(provider: OAuthProviderType, options?: OAuthSignInOptions): Promise<void>;
-    signInWithEmail(email: string, password: string, turnstileToken?: string): Promise<AuthonUser>;
+    signInWithEmail(email: string, password: string, turnstileToken?: string): Promise<AuthonUser | {
+        needsVerification: true;
+        email: string;
+    }>;
     signUpWithEmail(email: string, password: string, meta?: {
         displayName?: string;
         turnstileToken?: string;

package/dist/index.js

@@ -777,6 +777,7 @@ var ModalRenderer = class {
   showError(message) {
     if (!this.shadowRoot) return;
     this.clearError();
+    this.setSubmitLoading(false);
     const errorEl = this.shadowRoot.getElementById("email-form");
     if (errorEl) {
       const errDiv = document.createElement("div");
@@ -786,6 +787,21 @@ var ModalRenderer = class {
       errorEl.appendChild(errDiv);
     }
   }
+  setSubmitLoading(loading) {
+    if (!this.shadowRoot) return;
+    const btn = this.shadowRoot.querySelector(".submit-btn");
+    if (!btn) return;
+    if (loading) {
+      btn.dataset.originalText = btn.textContent || "";
+      btn.innerHTML = '<span style="display:inline-flex;align-items:center;gap:6px"><svg width="14" height="14" viewBox="0 0 14 14" style="animation:spin 0.8s linear infinite"><circle cx="7" cy="7" r="5" fill="none" stroke="currentColor" stroke-width="2" opacity="0.3"/><path d="M7 2a5 5 0 0 1 5 5" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"/></svg></span>';
+      btn.disabled = true;
+      btn.style.opacity = "0.7";
+    } else {
+      btn.innerHTML = btn.dataset.originalText || "Continue";
+      btn.disabled = false;
+      btn.style.opacity = "1";
+    }
+  }
   showBanner(message, type = "error") {
     if (!this.shadowRoot) return;
     this.clearBanner();
@@ -1694,6 +1710,7 @@ var ModalRenderer = class {
     if (form) {
       form.addEventListener("submit", (e) => {
         e.preventDefault();
+        this.setSubmitLoading(true);
         const formData = new FormData(form);
         this.onEmailSubmit(
           formData.get("email"),
@@ -3041,6 +3058,10 @@ var Authon = class {
       "/v1/auth/signin",
       body
     );
+    if (res.needsVerification) {
+      this.emit("verificationRequired", res.email);
+      return { needsVerification: true, email: res.email };
+    }
     if (res.mfaRequired && res.mfaToken) {
       this.emit("mfaRequired", res.mfaToken);
       throw new AuthonMfaRequiredError(res.mfaToken);
@@ -3424,6 +3445,7 @@ var Authon = class {
           if (isSignUp) {
             this.signUpWithEmail(email, password, { turnstileToken }).then((result) => {
               if ("needsVerification" in result && result.needsVerification) {
+                this.modal?.setSubmitLoading(false);
                 this.modal?.showVerificationInput(email, async (code) => {
                   try {
                     await this.verifyEmail(email, code);
@@ -3440,13 +3462,32 @@ var Authon = class {
               }
             }).catch((err) => {
               this.modal?.resetTurnstile?.();
+              this.modal?.setSubmitLoading(false);
               const msg = err instanceof Error ? err.message : String(err);
               this.modal?.showError(msg || "Authentication failed");
               this.emit("error", err instanceof Error ? err : new Error(msg));
             });
           } else {
-            this.signInWithEmail(email, password, turnstileToken).then(() => this.modal?.close()).catch((err) => {
+            this.signInWithEmail(email, password, turnstileToken).then((result) => {
+              if ("needsVerification" in result && result.needsVerification) {
+                this.modal?.setSubmitLoading(false);
+                this.modal?.showVerificationInput(email, async (code) => {
+                  try {
+                    await this.verifyEmail(email, code);
+                    this.modal?.close();
+                  } catch (err) {
+                    const msg = err instanceof Error ? err.message : String(err);
+                    this.modal?.showError(msg || "Verification failed");
+                  }
+                }, async () => {
+                  await this.resendVerificationCode(email);
+                });
+              } else {
+                this.modal?.close();
+              }
+            }).catch((err) => {
               this.modal?.resetTurnstile?.();
+              this.modal?.setSubmitLoading(false);
               const msg = err instanceof Error ? err.message : String(err);
               this.modal?.showError(msg || "Authentication failed");
               this.emit("error", err instanceof Error ? err : new Error(msg));