@getauthui/core 0.1.16 → 0.1.17

package/README.md

@@ -15,7 +15,7 @@
     visibility: hidden;
   }
 </style>
-<script type="module" src="https://unpkg.com/@getauthui/core@0.1.16"></script>
+<script type="module" src="https://unpkg.com/@getauthui/core@0.1.17"></script>
 
 <authui-config
   endpoint="https://cloud.appwrite.io/v1"
@@ -65,7 +65,7 @@ CDN:
     visibility: hidden;
   }
 </style>
-<script type="module" src="https://unpkg.com/@getauthui/core@0.1.16"></script>
+<script type="module" src="https://unpkg.com/@getauthui/core@0.1.17"></script>
 ```
 
 The `<style>` keeps `<authui-show>` and the buttons hidden until the module defines them. See [`<authui-show>`](https://getauthui.appwrite.network/docs/components/show).
@@ -73,7 +73,7 @@ The `<style>` keeps `<authui-show>` and the buttons hidden until the module defi
 The default CDN URL is an ESM module: it defines the elements but does **not** set `window.AuthUI`. For `AuthUI.init` / `AuthUI.on` from a classic script, use the IIFE build:
 
 ```html
-<script src="https://unpkg.com/@getauthui/core@0.1.16/dist/authui.cdn.js"></script>
+<script src="https://unpkg.com/@getauthui/core@0.1.17/dist/authui.cdn.js"></script>
 ```
 
 npm:

package/dist/{authui-user-button-BltpbIHw.js → authui-user-button-CfkLh8tP.js}

@@ -812,8 +812,7 @@ class qt {
       user: null,
       mfaFactors: null,
       configured: !1,
-      configError: t,
-      pending: { type: "notice", tone: "error", message: t }
+      configError: t
     });
   }
   get isConfigured() {
@@ -943,8 +942,7 @@ class qt {
             status: "signed-out",
             user: null,
             mfaFactors: null,
-            configError: a,
-            pending: { type: "notice", tone: "error", message: a }
+            configError: a
           });
         } else
           this.setState({ status: "signed-out", user: null, mfaFactors: null, configError: null }), t && this.emit("signed-out", void 0);
@@ -3327,10 +3325,10 @@ let x = class extends M {
     const { status: e, pending: t } = this.auth;
     e === "mfa-required" && this.step !== "mfa" && this.go("mfa");
     const i = this.step === "reset-password" || t?.type === "reset-password" || this.recovery !== null;
-    (e === "signed-in" || e === "signed-out") && !i && (this.step === "mfa" || this.step === "phone" || this.step === "email-otp" || this.step === "magic-url" || this.step === "forgot-password" || this.token !== null || this.challenge !== null || e === "signed-out") && (this.token = null, this.challenge = null, this.code = "", this.password = "", this.notice = null, this.go(this.view === "sign-up" ? "sign-up" : "sign-in")), t?.type === "reset-password" && this.step !== "reset-password" && (this.recovery = { userId: t.userId, secret: t.secret }, this.go("reset-password")), t?.type === "oauth-failed" && (this.notice = { tone: "error", message: this.t("errorOAuth") }), t?.type === "notice" && !this.notice && (this.notice = {
+    (e === "signed-in" || e === "signed-out") && !i && (this.step === "mfa" || this.step === "phone" || this.step === "email-otp" || this.step === "magic-url" || this.step === "forgot-password" || this.token !== null || this.challenge !== null || e === "signed-out") && (this.token = null, this.challenge = null, this.code = "", this.password = "", this.notice = null, this.go(this.view === "sign-up" ? "sign-up" : "sign-in")), t?.type === "reset-password" && this.step !== "reset-password" && (this.recovery = { userId: t.userId, secret: t.secret }, this.go("reset-password")), t?.type === "oauth-failed" && (this.notice = { tone: "error", message: this.t("errorOAuth") }), t?.type === "notice" && !this.notice && (this.auth.configError && t.message === this.auth.configError || (this.notice = {
       tone: t.tone === "error" ? "error" : t.tone,
       message: t.message
-    });
+    }));
   }
   /** Navigate between screens and reset transient state. */
   dismissNotice() {
@@ -3368,7 +3366,7 @@ let x = class extends M {
     return r`
       <div class="panel ${this.embedded ? "embedded" : ""}" part="panel">
         ${this.renderHeader()}
-        ${this.notice ? r`<div class="alert alert-${this.notice.tone}" role="status">
+        ${this.notice && !(this.auth.configError && this.notice.message === this.auth.configError) ? r`<div class="alert alert-${this.notice.tone}" role="status">
                 ${this.notice.tone === "success" ? o.checkCircle : this.notice.tone === "error" ? o.alert : o.info}
                 <div class="alert-body">${this.notice.message}</div>
                 <button