@nice2dev/auth 1.0.6 → 1.0.10

package/dist/index.mjs

@@ -10,36 +10,63 @@ function X(a = {}) {
       } catch {
       }
     return { isAuthenticated: !1, user: null, tokens: null, loading: !1, error: null };
-  }), c = x((s) => {
-    m((h) => {
-      const p = { ...h, ...s };
-      return f && typeof window < "u" && (p.isAuthenticated ? localStorage.setItem(u, JSON.stringify({ isAuthenticated: !0, user: p.user })) : localStorage.removeItem(u)), p;
-    });
-  }, [f, u]), v = x(async (s, h) => {
-    c({ loading: !0, error: null });
-    try {
-      if (n) {
-        const p = await n(s, h);
-        return c({ isAuthenticated: !0, user: p.user, tokens: p.tokens, loading: !1 }), !0;
+  }), c = x(
+    (s) => {
+      m((h) => {
+        const p = { ...h, ...s };
+        return f && typeof window < "u" && (p.isAuthenticated ? localStorage.setItem(
+          u,
+          JSON.stringify({ isAuthenticated: !0, user: p.user })
+        ) : localStorage.removeItem(u)), p;
+      });
+    },
+    [f, u]
+  ), v = x(
+    async (s, h) => {
+      c({ loading: !0, error: null });
+      try {
+        if (n) {
+          const p = await n(s, h);
+          return c({
+            isAuthenticated: !0,
+            user: p.user,
+            tokens: p.tokens,
+            loading: !1
+          }), !0;
+        }
+        return c({ loading: !1, error: "No login handler configured" }), !1;
+      } catch (p) {
+        return c({
+          loading: !1,
+          error: (p == null ? void 0 : p.message) ?? "Login failed"
+        }), !1;
       }
-      return c({ loading: !1, error: "No login handler configured" }), !1;
-    } catch (p) {
-      return c({ loading: !1, error: (p == null ? void 0 : p.message) ?? "Login failed" }), !1;
-    }
-  }, [n, c]), i = x(() => {
+    },
+    [n, c]
+  ), i = x(() => {
     d == null || d(), c({ isAuthenticated: !1, user: null, tokens: null, loading: !1, error: null });
   }, [d, c]), k = x(async () => {
     var s;
-    if (!((s = r.tokens) != null && s.refreshToken) || !o) return !1;
+    if (!((s = r.tokens) != null && s.refreshToken) || !o)
+      return !1;
     try {
       const h = await o(r.tokens.refreshToken);
       return c({ tokens: h }), !0;
     } catch {
       return i(), !1;
     }
-  }, [r.tokens, o, c, i]), b = x((s, h) => {
-    c({ isAuthenticated: !0, user: s, tokens: h, loading: !1, error: null });
-  }, [c]), C = x((...s) => r.user ? s.every((h) => r.user.roles.includes(h)) : !1, [r.user]), w = x((...s) => r.user ? s.every((h) => r.user.permissions.includes(h)) : !1, [r.user]), A = x(() => {
+  }, [r.tokens, o, c, i]), b = x(
+    (s, h) => {
+      c({ isAuthenticated: !0, user: s, tokens: h, loading: !1, error: null });
+    },
+    [c]
+  ), C = x(
+    (...s) => r.user ? s.every((h) => r.user.roles.includes(h)) : !1,
+    [r.user]
+  ), w = x(
+    (...s) => r.user ? s.every((h) => r.user.permissions.includes(h)) : !1,
+    [r.user]
+  ), A = x(() => {
     c({ error: null });
   }, [c]);
   return {
@@ -185,186 +212,276 @@ const B = {
   4: "#2e7d32"
 };
 function I(a) {
-  if (!a) return 0;
+  if (!a)
+    return 0;
   let n = 0;
   return a.length >= 8 && n++, a.length >= 12 && n++, /[a-z]/.test(a) && /[A-Z]/.test(a) && n++, /\d/.test(a) && n++, /[^a-zA-Z0-9]/.test(a) && n++, Math.min(4, n);
 }
-const M = E(({
-  password: a,
-  strength: n,
-  showLabel: o = !0,
-  labels: d = B,
-  className: u
-}, f) => {
-  const r = n ?? I(a), m = G[r], c = (r + 1) / 5 * 100;
-  return /* @__PURE__ */ t("div", { ref: f, className: `nice-password-strength${u ? ` ${u}` : ""}`, children: [
-    /* @__PURE__ */ e("div", { className: "nice-password-strength__bar", children: /* @__PURE__ */ e("div", { className: "nice-password-strength__fill", style: { width: `${c}%`, backgroundColor: m } }) }),
-    o && /* @__PURE__ */ e("span", { className: "nice-password-strength__label", style: { color: m }, children: d[r] })
-  ] });
-});
+const M = E(
+  ({ password: a, strength: n, showLabel: o = !0, labels: d = B, className: u }, f) => {
+    const r = n ?? I(a), m = G[r], c = (r + 1) / 5 * 100;
+    return /* @__PURE__ */ t("div", { ref: f, className: `nice-password-strength${u ? ` ${u}` : ""}`, children: [
+      /* @__PURE__ */ e("div", { className: "nice-password-strength__bar", children: /* @__PURE__ */ e(
+        "div",
+        {
+          className: "nice-password-strength__fill",
+          style: { width: `${c}%`, backgroundColor: m }
+        }
+      ) }),
+      o && /* @__PURE__ */ e("span", { className: "nice-password-strength__label", style: { color: m }, children: d[r] })
+    ] });
+  }
+);
 M.displayName = "NicePasswordStrength";
-const Q = E(({
-  onSubmit: a,
-  loading: n = !1,
-  error: o,
-  onLoginClick: d,
-  showPasswordStrength: u = !0,
-  minPasswordStrength: f = 2,
-  termsUrl: r,
-  privacyUrl: m,
-  title: c = "Create Account",
-  logo: v,
-  footer: i,
-  className: k,
-  style: b
-}, C) => {
-  const [w, A] = _(""), [s, h] = _(""), [p, $] = _(""), [g, S] = _(""), [y, T] = _(""), [R, L] = _(!1), P = I(g), F = g === y, D = w && p && g && F && R && P >= f && !n, l = x((N) => {
-    N.preventDefault(), D && (a == null || a({ firstName: w, lastName: s, email: p, password: g, acceptTerms: R }));
-  }, [D, w, s, p, g, R, a]);
-  return /* @__PURE__ */ t(
-    "form",
-    {
-      ref: C,
-      className: `nice-register-form${k ? ` ${k}` : ""}`,
-      style: b,
-      onSubmit: l,
-      noValidate: !0,
-      children: [
-        v && /* @__PURE__ */ e("div", { className: "nice-register-form__logo", children: v }),
-        /* @__PURE__ */ e("h2", { className: "nice-register-form__title", children: c }),
-        o && /* @__PURE__ */ e("div", { className: "nice-register-form__error", role: "alert", children: o }),
-        /* @__PURE__ */ t("div", { className: "nice-register-form__row", children: [
+const Q = E(
+  ({
+    onSubmit: a,
+    loading: n = !1,
+    error: o,
+    onLoginClick: d,
+    showPasswordStrength: u = !0,
+    minPasswordStrength: f = 2,
+    termsUrl: r,
+    privacyUrl: m,
+    title: c = "Create Account",
+    logo: v,
+    footer: i,
+    className: k,
+    style: b
+  }, C) => {
+    const [w, A] = _(""), [s, h] = _(""), [p, $] = _(""), [g, S] = _(""), [y, T] = _(""), [R, L] = _(!1), P = I(g), F = g === y, D = w && p && g && F && R && P >= f && !n, l = x(
+      (N) => {
+        N.preventDefault(), D && (a == null || a({ firstName: w, lastName: s, email: p, password: g, acceptTerms: R }));
+      },
+      [D, w, s, p, g, R, a]
+    );
+    return /* @__PURE__ */ t(
+      "form",
+      {
+        ref: C,
+        className: `nice-register-form${k ? ` ${k}` : ""}`,
+        style: b,
+        onSubmit: l,
+        noValidate: !0,
+        children: [
+          v && /* @__PURE__ */ e("div", { className: "nice-register-form__logo", children: v }),
+          /* @__PURE__ */ e("h2", { className: "nice-register-form__title", children: c }),
+          o && /* @__PURE__ */ e("div", { className: "nice-register-form__error", role: "alert", children: o }),
+          /* @__PURE__ */ t("div", { className: "nice-register-form__row", children: [
+            /* @__PURE__ */ t("div", { className: "nice-register-form__field", children: [
+              /* @__PURE__ */ e("label", { htmlFor: "nice-reg-first", children: "First name *" }),
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  id: "nice-reg-first",
+                  className: "nice-input",
+                  type: "text",
+                  value: w,
+                  onChange: (N) => A(N.target.value),
+                  required: !0,
+                  disabled: n,
+                  autoComplete: "given-name"
+                }
+              )
+            ] }),
+            /* @__PURE__ */ t("div", { className: "nice-register-form__field", children: [
+              /* @__PURE__ */ e("label", { htmlFor: "nice-reg-last", children: "Last name" }),
+              /* @__PURE__ */ e(
+                "input",
+                {
+                  id: "nice-reg-last",
+                  className: "nice-input",
+                  type: "text",
+                  value: s,
+                  onChange: (N) => h(N.target.value),
+                  disabled: n,
+                  autoComplete: "family-name"
+                }
+              )
+            ] })
+          ] }),
           /* @__PURE__ */ t("div", { className: "nice-register-form__field", children: [
-            /* @__PURE__ */ e("label", { htmlFor: "nice-reg-first", children: "First name *" }),
-            /* @__PURE__ */ e("input", { id: "nice-reg-first", className: "nice-input", type: "text", value: w, onChange: (N) => A(N.target.value), required: !0, disabled: n, autoComplete: "given-name" })
+            /* @__PURE__ */ e("label", { htmlFor: "nice-reg-email", children: "Email *" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                id: "nice-reg-email",
+                className: "nice-input",
+                type: "email",
+                value: p,
+                onChange: (N) => $(N.target.value),
+                required: !0,
+                disabled: n,
+                autoComplete: "email"
+              }
+            )
           ] }),
           /* @__PURE__ */ t("div", { className: "nice-register-form__field", children: [
-            /* @__PURE__ */ e("label", { htmlFor: "nice-reg-last", children: "Last name" }),
-            /* @__PURE__ */ e("input", { id: "nice-reg-last", className: "nice-input", type: "text", value: s, onChange: (N) => h(N.target.value), disabled: n, autoComplete: "family-name" })
-          ] })
-        ] }),
-        /* @__PURE__ */ t("div", { className: "nice-register-form__field", children: [
-          /* @__PURE__ */ e("label", { htmlFor: "nice-reg-email", children: "Email *" }),
-          /* @__PURE__ */ e("input", { id: "nice-reg-email", className: "nice-input", type: "email", value: p, onChange: (N) => $(N.target.value), required: !0, disabled: n, autoComplete: "email" })
-        ] }),
-        /* @__PURE__ */ t("div", { className: "nice-register-form__field", children: [
-          /* @__PURE__ */ e("label", { htmlFor: "nice-reg-pass", children: "Password *" }),
-          /* @__PURE__ */ e("input", { id: "nice-reg-pass", className: "nice-input", type: "password", value: g, onChange: (N) => S(N.target.value), required: !0, disabled: n, autoComplete: "new-password" }),
-          u && g.length > 0 && /* @__PURE__ */ e(M, { password: g })
-        ] }),
-        /* @__PURE__ */ t("div", { className: "nice-register-form__field", children: [
-          /* @__PURE__ */ e("label", { htmlFor: "nice-reg-confirm", children: "Confirm password *" }),
-          /* @__PURE__ */ e("input", { id: "nice-reg-confirm", className: "nice-input", type: "password", value: y, onChange: (N) => T(N.target.value), required: !0, disabled: n, autoComplete: "new-password" }),
-          y && !F && /* @__PURE__ */ e("span", { className: "nice-error-text", children: "Passwords do not match" })
-        ] }),
-        /* @__PURE__ */ t("label", { className: "nice-register-form__terms", children: [
-          /* @__PURE__ */ e("input", { type: "checkbox", checked: R, onChange: (N) => L(N.target.checked), disabled: n }),
-          /* @__PURE__ */ t("span", { children: [
-            "I accept the",
-            " ",
-            r ? /* @__PURE__ */ e("a", { href: r, target: "_blank", rel: "noopener noreferrer", children: "Terms" }) : "Terms",
-            m && /* @__PURE__ */ t(V, { children: [
-              " and ",
-              /* @__PURE__ */ e("a", { href: m, target: "_blank", rel: "noopener noreferrer", children: "Privacy Policy" })
-            ] }),
-            " *"
-          ] })
-        ] }),
-        /* @__PURE__ */ e("button", { type: "submit", className: "nice-btn nice-btn--primary nice-register-form__submit", disabled: !D, children: n ? "…" : "Register" }),
-        d && /* @__PURE__ */ t("div", { className: "nice-register-form__login", children: [
-          /* @__PURE__ */ e("span", { children: "Already have an account? " }),
-          /* @__PURE__ */ e("button", { type: "button", onClick: d, children: "Sign in" })
-        ] }),
-        i && /* @__PURE__ */ e("div", { className: "nice-register-form__footer", children: i })
-      ]
-    }
-  );
-});
-Q.displayName = "NiceRegistrationForm";
-const z = E(({
-  requireCurrentPassword: a = !0,
-  onSubmit: n,
-  loading: o = !1,
-  error: d,
-  success: u,
-  minPasswordStrength: f = 2,
-  title: r = "Change Password",
-  className: m,
-  style: c
-}, v) => {
-  const [i, k] = _(""), [b, C] = _(""), [w, A] = _(""), s = I(b), h = b === w, p = (!a || i.length > 0) && b.length > 0 && h && s >= f && !o, $ = x((g) => {
-    g.preventDefault(), p && (n == null || n({
-      currentPassword: a ? i : void 0,
-      newPassword: b
-    }));
-  }, [p, i, b, a, n]);
-  return /* @__PURE__ */ t(
-    "form",
-    {
-      ref: v,
-      className: `nice-change-password${m ? ` ${m}` : ""}`,
-      style: c,
-      onSubmit: $,
-      noValidate: !0,
-      children: [
-        /* @__PURE__ */ e("h3", { className: "nice-change-password__title", children: r }),
-        d && /* @__PURE__ */ e("div", { className: "nice-change-password__error", role: "alert", children: d }),
-        u && /* @__PURE__ */ e("div", { className: "nice-change-password__success", role: "status", children: u }),
-        a && /* @__PURE__ */ t("div", { className: "nice-change-password__field", children: [
-          /* @__PURE__ */ e("label", { htmlFor: "nice-cp-current", children: "Current password" }),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              id: "nice-cp-current",
-              className: "nice-input",
-              type: "password",
-              value: i,
-              onChange: (g) => k(g.target.value),
-              autoComplete: "current-password",
-              disabled: o,
-              required: !0
-            }
-          )
-        ] }),
-        /* @__PURE__ */ t("div", { className: "nice-change-password__field", children: [
-          /* @__PURE__ */ e("label", { htmlFor: "nice-cp-new", children: "New password" }),
-          /* @__PURE__ */ e(
-            "input",
-            {
-              id: "nice-cp-new",
-              className: "nice-input",
-              type: "password",
-              value: b,
-              onChange: (g) => C(g.target.value),
-              autoComplete: "new-password",
-              disabled: o,
-              required: !0
-            }
-          ),
-          b.length > 0 && /* @__PURE__ */ e(M, { password: b })
-        ] }),
-        /* @__PURE__ */ t("div", { className: "nice-change-password__field", children: [
-          /* @__PURE__ */ e("label", { htmlFor: "nice-cp-confirm", children: "Confirm new password" }),
+            /* @__PURE__ */ e("label", { htmlFor: "nice-reg-pass", children: "Password *" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                id: "nice-reg-pass",
+                className: "nice-input",
+                type: "password",
+                value: g,
+                onChange: (N) => S(N.target.value),
+                required: !0,
+                disabled: n,
+                autoComplete: "new-password"
+              }
+            ),
+            u && g.length > 0 && /* @__PURE__ */ e(M, { password: g })
+          ] }),
+          /* @__PURE__ */ t("div", { className: "nice-register-form__field", children: [
+            /* @__PURE__ */ e("label", { htmlFor: "nice-reg-confirm", children: "Confirm password *" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                id: "nice-reg-confirm",
+                className: "nice-input",
+                type: "password",
+                value: y,
+                onChange: (N) => T(N.target.value),
+                required: !0,
+                disabled: n,
+                autoComplete: "new-password"
+              }
+            ),
+            y && !F && /* @__PURE__ */ e("span", { className: "nice-error-text", children: "Passwords do not match" })
+          ] }),
+          /* @__PURE__ */ t("label", { className: "nice-register-form__terms", children: [
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "checkbox",
+                checked: R,
+                onChange: (N) => L(N.target.checked),
+                disabled: n
+              }
+            ),
+            /* @__PURE__ */ t("span", { children: [
+              "I accept the",
+              " ",
+              r ? /* @__PURE__ */ e("a", { href: r, target: "_blank", rel: "noopener noreferrer", children: "Terms" }) : "Terms",
+              m && /* @__PURE__ */ t(V, { children: [
+                " ",
+                "and",
+                " ",
+                /* @__PURE__ */ e("a", { href: m, target: "_blank", rel: "noopener noreferrer", children: "Privacy Policy" })
+              ] }),
+              " *"
+            ] })
+          ] }),
           /* @__PURE__ */ e(
-            "input",
+            "button",
             {
-              id: "nice-cp-confirm",
-              className: "nice-input",
-              type: "password",
-              value: w,
-              onChange: (g) => A(g.target.value),
-              autoComplete: "new-password",
-              disabled: o,
-              required: !0
+              type: "submit",
+              className: "nice-btn nice-btn--primary nice-register-form__submit",
+              disabled: !D,
+              children: n ? "…" : "Register"
             }
           ),
-          w && !h && /* @__PURE__ */ e("span", { className: "nice-error-text", children: "Passwords do not match" })
-        ] }),
-        /* @__PURE__ */ e("button", { type: "submit", className: "nice-btn nice-btn--primary", disabled: !p, children: o ? "…" : "Change Password" })
-      ]
-    }
-  );
-});
+          d && /* @__PURE__ */ t("div", { className: "nice-register-form__login", children: [
+            /* @__PURE__ */ e("span", { children: "Already have an account? " }),
+            /* @__PURE__ */ e("button", { type: "button", onClick: d, children: "Sign in" })
+          ] }),
+          i && /* @__PURE__ */ e("div", { className: "nice-register-form__footer", children: i })
+        ]
+      }
+    );
+  }
+);
+Q.displayName = "NiceRegistrationForm";
+const z = E(
+  ({
+    requireCurrentPassword: a = !0,
+    onSubmit: n,
+    loading: o = !1,
+    error: d,
+    success: u,
+    minPasswordStrength: f = 2,
+    title: r = "Change Password",
+    className: m,
+    style: c
+  }, v) => {
+    const [i, k] = _(""), [b, C] = _(""), [w, A] = _(""), s = I(b), h = b === w, p = (!a || i.length > 0) && b.length > 0 && h && s >= f && !o, $ = x(
+      (g) => {
+        g.preventDefault(), p && (n == null || n({
+          currentPassword: a ? i : void 0,
+          newPassword: b
+        }));
+      },
+      [p, i, b, a, n]
+    );
+    return /* @__PURE__ */ t(
+      "form",
+      {
+        ref: v,
+        className: `nice-change-password${m ? ` ${m}` : ""}`,
+        style: c,
+        onSubmit: $,
+        noValidate: !0,
+        children: [
+          /* @__PURE__ */ e("h3", { className: "nice-change-password__title", children: r }),
+          d && /* @__PURE__ */ e("div", { className: "nice-change-password__error", role: "alert", children: d }),
+          u && /* @__PURE__ */ e("div", { className: "nice-change-password__success", role: "status", children: u }),
+          a && /* @__PURE__ */ t("div", { className: "nice-change-password__field", children: [
+            /* @__PURE__ */ e("label", { htmlFor: "nice-cp-current", children: "Current password" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                id: "nice-cp-current",
+                className: "nice-input",
+                type: "password",
+                value: i,
+                onChange: (g) => k(g.target.value),
+                autoComplete: "current-password",
+                disabled: o,
+                required: !0
+              }
+            )
+          ] }),
+          /* @__PURE__ */ t("div", { className: "nice-change-password__field", children: [
+            /* @__PURE__ */ e("label", { htmlFor: "nice-cp-new", children: "New password" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                id: "nice-cp-new",
+                className: "nice-input",
+                type: "password",
+                value: b,
+                onChange: (g) => C(g.target.value),
+                autoComplete: "new-password",
+                disabled: o,
+                required: !0
+              }
+            ),
+            b.length > 0 && /* @__PURE__ */ e(M, { password: b })
+          ] }),
+          /* @__PURE__ */ t("div", { className: "nice-change-password__field", children: [
+            /* @__PURE__ */ e("label", { htmlFor: "nice-cp-confirm", children: "Confirm new password" }),
+            /* @__PURE__ */ e(
+              "input",
+              {
+                id: "nice-cp-confirm",
+                className: "nice-input",
+                type: "password",
+                value: w,
+                onChange: (g) => A(g.target.value),
+                autoComplete: "new-password",
+                disabled: o,
+                required: !0
+              }
+            ),
+            w && !h && /* @__PURE__ */ e("span", { className: "nice-error-text", children: "Passwords do not match" })
+          ] }),
+          /* @__PURE__ */ e("button", { type: "submit", className: "nice-btn nice-btn--primary", disabled: !p, children: o ? "…" : "Change Password" })
+        ]
+      }
+    );
+  }
+);
 z.displayName = "NiceChangePassword";
 const J = E(({
   secret: a,
@@ -525,133 +642,148 @@ const U = [
   }
 ));
 Z.displayName = "NiceOAuthButtons";
-const Y = E(function(n, o) {
-  const {
-    tokens: d,
-    onCreate: u,
-    onRevoke: f,
-    availableScopes: r = [],
-    maxTokens: m = 10,
-    title: c = "API Tokens",
-    className: v,
-    style: i
-  } = n, [k, b] = _(!1), [C, w] = _(""), [A, s] = _([]), [h, p] = _("90"), [$, g] = _(null), [S, y] = _(!1), [T, R] = _(null), L = x(async () => {
-    if (!(!u || !C.trim())) {
-      y(!0);
-      try {
-        const l = h ? parseInt(h, 10) : void 0, N = await u(C.trim(), A, l);
-        g(N), w(""), s([]), b(!1);
-      } finally {
-        y(!1);
-      }
-    }
-  }, [u, C, A, h]), P = x(async (l) => {
-    if (f) {
-      R(l);
-      try {
-        await f(l);
-      } finally {
-        R(null);
+const Y = E(
+  function(n, o) {
+    const {
+      tokens: d,
+      onCreate: u,
+      onRevoke: f,
+      availableScopes: r = [],
+      maxTokens: m = 10,
+      title: c = "API Tokens",
+      className: v,
+      style: i
+    } = n, [k, b] = _(!1), [C, w] = _(""), [A, s] = _([]), [h, p] = _("90"), [$, g] = _(null), [S, y] = _(!1), [T, R] = _(null), L = x(async () => {
+      if (!(!u || !C.trim())) {
+        y(!0);
+        try {
+          const l = h ? parseInt(h, 10) : void 0, N = await u(C.trim(), A, l);
+          g(N), w(""), s([]), b(!1);
+        } finally {
+          y(!1);
+        }
       }
-    }
-  }, [f]), F = (l) => {
-    s((N) => N.includes(l) ? N.filter((O) => O !== l) : [...N, l]);
-  }, D = d.length < m;
-  return /* @__PURE__ */ t("div", { ref: o, className: `nice-token-management ${v ?? ""}`, style: i, children: [
-    /* @__PURE__ */ t("div", { className: "nice-token-management__header", children: [
-      /* @__PURE__ */ e("h3", { children: c }),
-      D && /* @__PURE__ */ e("button", { className: "nice-token-management__new-btn", onClick: () => b(!0), disabled: k, children: "+ New Token" })
-    ] }),
-    $ && /* @__PURE__ */ t("div", { className: "nice-token-management__reveal", children: [
-      /* @__PURE__ */ t("p", { children: [
-        /* @__PURE__ */ e("strong", { children: "New token created!" }),
-        " Copy it now — it won't be shown again."
-      ] }),
-      /* @__PURE__ */ e("code", { className: "nice-token-management__token-value", children: $ }),
-      /* @__PURE__ */ e("button", { onClick: () => g(null), children: "Dismiss" })
-    ] }),
-    k && /* @__PURE__ */ t("div", { className: "nice-token-management__create-form", children: [
-      /* @__PURE__ */ t("label", { children: [
-        "Name",
-        /* @__PURE__ */ e(
-          "input",
+    }, [u, C, A, h]), P = x(
+      async (l) => {
+        if (f) {
+          R(l);
+          try {
+            await f(l);
+          } finally {
+            R(null);
+          }
+        }
+      },
+      [f]
+    ), F = (l) => {
+      s(
+        (N) => N.includes(l) ? N.filter((O) => O !== l) : [...N, l]
+      );
+    }, D = d.length < m;
+    return /* @__PURE__ */ t("div", { ref: o, className: `nice-token-management ${v ?? ""}`, style: i, children: [
+      /* @__PURE__ */ t("div", { className: "nice-token-management__header", children: [
+        /* @__PURE__ */ e("h3", { children: c }),
+        D && /* @__PURE__ */ e(
+          "button",
           {
-            type: "text",
-            value: C,
-            onChange: (l) => w(l.target.value),
-            placeholder: "My API token",
-            maxLength: 64
+            className: "nice-token-management__new-btn",
+            onClick: () => b(!0),
+            disabled: k,
+            children: "+ New Token"
           }
         )
       ] }),
-      r.length > 0 && /* @__PURE__ */ t("fieldset", { children: [
-        /* @__PURE__ */ e("legend", { children: "Scopes" }),
-        r.map((l) => /* @__PURE__ */ t("label", { className: "nice-token-management__scope", children: [
+      $ && /* @__PURE__ */ t("div", { className: "nice-token-management__reveal", children: [
+        /* @__PURE__ */ t("p", { children: [
+          /* @__PURE__ */ e("strong", { children: "New token created!" }),
+          " Copy it now — it won't be shown again."
+        ] }),
+        /* @__PURE__ */ e("code", { className: "nice-token-management__token-value", children: $ }),
+        /* @__PURE__ */ e("button", { onClick: () => g(null), children: "Dismiss" })
+      ] }),
+      k && /* @__PURE__ */ t("div", { className: "nice-token-management__create-form", children: [
+        /* @__PURE__ */ t("label", { children: [
+          "Name",
           /* @__PURE__ */ e(
             "input",
             {
-              type: "checkbox",
-              checked: A.includes(l),
-              onChange: () => F(l)
+              type: "text",
+              value: C,
+              onChange: (l) => w(l.target.value),
+              placeholder: "My API token",
+              maxLength: 64
             }
-          ),
-          l
-        ] }, l))
-      ] }),
-      /* @__PURE__ */ t("label", { children: [
-        "Expires in (days)",
-        /* @__PURE__ */ e(
-          "input",
-          {
-            type: "number",
-            value: h,
-            onChange: (l) => p(l.target.value),
-            min: 1,
-            max: 365
-          }
-        )
-      ] }),
-      /* @__PURE__ */ t("div", { className: "nice-token-management__create-actions", children: [
-        /* @__PURE__ */ e("button", { onClick: L, disabled: S || !C.trim(), children: S ? "Creating…" : "Create Token" }),
-        /* @__PURE__ */ e("button", { onClick: () => b(!1), children: "Cancel" })
-      ] })
-    ] }),
-    d.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-token-management__empty", children: "No API tokens yet." }) : /* @__PURE__ */ t("table", { className: "nice-token-management__table", children: [
-      /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ t("tr", { children: [
-        /* @__PURE__ */ e("th", { children: "Name" }),
-        /* @__PURE__ */ e("th", { children: "Prefix" }),
-        /* @__PURE__ */ e("th", { children: "Created" }),
-        /* @__PURE__ */ e("th", { children: "Expires" }),
-        /* @__PURE__ */ e("th", { children: "Last Used" }),
-        /* @__PURE__ */ e("th", { children: "Scopes" }),
-        /* @__PURE__ */ e("th", {})
-      ] }) }),
-      /* @__PURE__ */ e("tbody", { children: d.map((l) => {
-        var N;
-        return /* @__PURE__ */ t("tr", { children: [
-          /* @__PURE__ */ e("td", { children: l.name }),
-          /* @__PURE__ */ e("td", { children: /* @__PURE__ */ t("code", { children: [
-            l.prefix,
-            "…"
-          ] }) }),
-          /* @__PURE__ */ e("td", { children: l.createdAt }),
-          /* @__PURE__ */ e("td", { children: l.expiresAt ?? "—" }),
-          /* @__PURE__ */ e("td", { children: l.lastUsedAt ?? "Never" }),
-          /* @__PURE__ */ e("td", { children: ((N = l.scopes) == null ? void 0 : N.join(", ")) || "—" }),
-          /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
-            "button",
+          )
+        ] }),
+        r.length > 0 && /* @__PURE__ */ t("fieldset", { children: [
+          /* @__PURE__ */ e("legend", { children: "Scopes" }),
+          r.map((l) => /* @__PURE__ */ t("label", { className: "nice-token-management__scope", children: [
+            /* @__PURE__ */ e(
+              "input",
+              {
+                type: "checkbox",
+                checked: A.includes(l),
+                onChange: () => F(l)
+              }
+            ),
+            l
+          ] }, l))
+        ] }),
+        /* @__PURE__ */ t("label", { children: [
+          "Expires in (days)",
+          /* @__PURE__ */ e(
+            "input",
             {
-              className: "nice-token-management__revoke-btn",
-              onClick: () => P(l.id),
-              disabled: T === l.id,
-              children: T === l.id ? "Revoking…" : "Revoke"
+              type: "number",
+              value: h,
+              onChange: (l) => p(l.target.value),
+              min: 1,
+              max: 365
             }
-          ) })
-        ] }, l.id);
-      }) })
-    ] })
-  ] });
-});
+          )
+        ] }),
+        /* @__PURE__ */ t("div", { className: "nice-token-management__create-actions", children: [
+          /* @__PURE__ */ e("button", { onClick: L, disabled: S || !C.trim(), children: S ? "Creating…" : "Create Token" }),
+          /* @__PURE__ */ e("button", { onClick: () => b(!1), children: "Cancel" })
+        ] })
+      ] }),
+      d.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-token-management__empty", children: "No API tokens yet." }) : /* @__PURE__ */ t("table", { className: "nice-token-management__table", children: [
+        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ t("tr", { children: [
+          /* @__PURE__ */ e("th", { children: "Name" }),
+          /* @__PURE__ */ e("th", { children: "Prefix" }),
+          /* @__PURE__ */ e("th", { children: "Created" }),
+          /* @__PURE__ */ e("th", { children: "Expires" }),
+          /* @__PURE__ */ e("th", { children: "Last Used" }),
+          /* @__PURE__ */ e("th", { children: "Scopes" }),
+          /* @__PURE__ */ e("th", {})
+        ] }) }),
+        /* @__PURE__ */ e("tbody", { children: d.map((l) => {
+          var N;
+          return /* @__PURE__ */ t("tr", { children: [
+            /* @__PURE__ */ e("td", { children: l.name }),
+            /* @__PURE__ */ e("td", { children: /* @__PURE__ */ t("code", { children: [
+              l.prefix,
+              "…"
+            ] }) }),
+            /* @__PURE__ */ e("td", { children: l.createdAt }),
+            /* @__PURE__ */ e("td", { children: l.expiresAt ?? "—" }),
+            /* @__PURE__ */ e("td", { children: l.lastUsedAt ?? "Never" }),
+            /* @__PURE__ */ e("td", { children: ((N = l.scopes) == null ? void 0 : N.join(", ")) || "—" }),
+            /* @__PURE__ */ e("td", { children: /* @__PURE__ */ e(
+              "button",
+              {
+                className: "nice-token-management__revoke-btn",
+                onClick: () => P(l.id),
+                disabled: T === l.id,
+                children: T === l.id ? "Revoking…" : "Revoke"
+              }
+            ) })
+          ] }, l.id);
+        }) })
+      ] })
+    ] });
+  }
+);
 export {
   K as NiceCaptcha,
   z as NiceChangePassword,