@nice2dev/auth 1.0.11 → 1.0.14

package/dist/index.mjs

@@ -1,7 +1,7 @@
-import { useState as _, useCallback as x, forwardRef as E, useMemo as q } from "react";
-import { jsxs as t, jsx as e, Fragment as V } from "react/jsx-runtime";
+import { useState as _, useCallback as x, forwardRef as E, useMemo as V } from "react";
+import { jsxs as n, jsx as e, Fragment as q } from "react/jsx-runtime";
 function X(a = {}) {
-  const { onLogin: n, onRefresh: o, onLogout: d, storageKey: u = "nice_auth", persistAuth: f = !1 } = a, [r, m] = _(() => {
+  const { onLogin: t, onRefresh: o, onLogout: d, storageKey: u = "nice_auth", persistAuth: f = !1 } = a, [r, m] = _(() => {
     if (f && typeof window < "u")
       try {
         const s = localStorage.getItem(u);
@@ -25,8 +25,8 @@ function X(a = {}) {
     async (s, h) => {
       c({ loading: !0, error: null });
       try {
-        if (n) {
-          const p = await n(s, h);
+        if (t) {
+          const p = await t(s, h);
           return c({
             isAuthenticated: !0,
             user: p.user,
@@ -42,7 +42,7 @@ function X(a = {}) {
         }), !1;
       }
     },
-    [n, c]
+    [t, c]
   ), i = x(() => {
     d == null || d(), c({ isAuthenticated: !1, user: null, tokens: null, loading: !1, error: null });
   }, [d, c]), k = x(async () => {
@@ -83,7 +83,7 @@ function X(a = {}) {
 const j = E(
   ({
     onSubmit: a,
-    loading: n = !1,
+    loading: t = !1,
     error: o,
     showRememberMe: d = !0,
     showForgotPassword: u = !0,
@@ -101,7 +101,7 @@ const j = E(
     tracelessPolicy: s,
     privacyMessage: h
   }, p) => {
-    const [$, g] = _(""), [S, y] = _(""), [T, R] = _(!1), L = q(() => !(!d || s && !s.cookiesAllowed), [d, s]), P = x(
+    const [$, g] = _(""), [S, y] = _(""), [T, R] = _(!1), L = V(() => !(!d || s && !s.cookiesAllowed), [d, s]), P = x(
       (F) => {
         F.preventDefault();
         const D = (s == null ? void 0 : s.cookiesAllowed) === !1 ? !1 : T;
@@ -109,7 +109,7 @@ const j = E(
       },
       [$, S, T, a, s]
     );
-    return /* @__PURE__ */ t(
+    return /* @__PURE__ */ n(
       "form",
       {
         ref: p,
@@ -121,7 +121,7 @@ const j = E(
           i && /* @__PURE__ */ e("div", { className: "nice-login-form__logo", children: i }),
           /* @__PURE__ */ e("h2", { className: "nice-login-form__title", children: c }),
           o && /* @__PURE__ */ e("div", { className: "nice-login-form__error", role: "alert", children: o }),
-          /* @__PURE__ */ t("div", { className: "nice-login-form__field", children: [
+          /* @__PURE__ */ n("div", { className: "nice-login-form__field", children: [
             /* @__PURE__ */ e("label", { htmlFor: "nice-login-email", children: w }),
             /* @__PURE__ */ e(
               "input",
@@ -133,11 +133,11 @@ const j = E(
                 onChange: (F) => g(F.target.value),
                 autoComplete: "email",
                 required: !0,
-                disabled: n
+                disabled: t
               }
             )
           ] }),
-          /* @__PURE__ */ t("div", { className: "nice-login-form__field", children: [
+          /* @__PURE__ */ n("div", { className: "nice-login-form__field", children: [
             /* @__PURE__ */ e("label", { htmlFor: "nice-login-password", children: A }),
             /* @__PURE__ */ e(
               "input",
@@ -149,19 +149,19 @@ const j = E(
                 onChange: (F) => y(F.target.value),
                 autoComplete: "current-password",
                 required: !0,
-                disabled: n
+                disabled: t
               }
             )
           ] }),
-          /* @__PURE__ */ t("div", { className: "nice-login-form__options", children: [
-            L && /* @__PURE__ */ t("label", { className: "nice-login-form__remember", children: [
+          /* @__PURE__ */ n("div", { className: "nice-login-form__options", children: [
+            L && /* @__PURE__ */ n("label", { className: "nice-login-form__remember", children: [
               /* @__PURE__ */ e(
                 "input",
                 {
                   type: "checkbox",
                   checked: T,
                   onChange: (F) => R(F.target.checked),
-                  disabled: n
+                  disabled: t
                 }
               ),
               /* @__PURE__ */ e("span", { children: "Remember me" })
@@ -173,7 +173,7 @@ const j = E(
                 type: "button",
                 className: "nice-login-form__forgot",
                 onClick: f,
-                disabled: n,
+                disabled: t,
                 children: "Forgot password?"
               }
             )
@@ -183,13 +183,13 @@ const j = E(
             {
               type: "submit",
               className: "nice-btn nice-btn--primary nice-login-form__submit",
-              disabled: n || !$ || !S,
-              children: n ? "…" : v
+              disabled: t || !$ || !S,
+              children: t ? "…" : v
             }
           ),
-          r && /* @__PURE__ */ t("div", { className: "nice-login-form__register", children: [
+          r && /* @__PURE__ */ n("div", { className: "nice-login-form__register", children: [
             /* @__PURE__ */ e("span", { children: "Don't have an account? " }),
-            /* @__PURE__ */ e("button", { type: "button", onClick: m, disabled: n, children: "Register" })
+            /* @__PURE__ */ e("button", { type: "button", onClick: m, disabled: t, children: "Register" })
           ] }),
           k && /* @__PURE__ */ e("div", { className: "nice-login-form__footer", children: k })
         ]
@@ -214,13 +214,13 @@ const B = {
 function I(a) {
   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);
+  let t = 0;
+  return a.length >= 8 && t++, a.length >= 12 && t++, /[a-z]/.test(a) && /[A-Z]/.test(a) && t++, /\d/.test(a) && t++, /[^a-zA-Z0-9]/.test(a) && t++, Math.min(4, t);
 }
 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: [
+  ({ password: a, strength: t, showLabel: o = !0, labels: d = B, className: u }, f) => {
+    const r = t ?? I(a), m = G[r], c = (r + 1) / 5 * 100;
+    return /* @__PURE__ */ n("div", { ref: f, className: `nice-password-strength${u ? ` ${u}` : ""}`, children: [
       /* @__PURE__ */ e("div", { className: "nice-password-strength__bar", children: /* @__PURE__ */ e(
         "div",
         {
@@ -236,7 +236,7 @@ M.displayName = "NicePasswordStrength";
 const Q = E(
   ({
     onSubmit: a,
-    loading: n = !1,
+    loading: t = !1,
     error: o,
     onLoginClick: d,
     showPasswordStrength: u = !0,
@@ -249,13 +249,13 @@ const Q = E(
     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(
+    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 && !t, 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(
+    return /* @__PURE__ */ n(
       "form",
       {
         ref: C,
@@ -267,8 +267,8 @@ const Q = E(
           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__ */ n("div", { className: "nice-register-form__row", children: [
+            /* @__PURE__ */ n("div", { className: "nice-register-form__field", children: [
               /* @__PURE__ */ e("label", { htmlFor: "nice-reg-first", children: "First name *" }),
               /* @__PURE__ */ e(
                 "input",
@@ -279,12 +279,12 @@ const Q = E(
                   value: w,
                   onChange: (N) => A(N.target.value),
                   required: !0,
-                  disabled: n,
+                  disabled: t,
                   autoComplete: "given-name"
                 }
               )
             ] }),
-            /* @__PURE__ */ t("div", { className: "nice-register-form__field", children: [
+            /* @__PURE__ */ n("div", { className: "nice-register-form__field", children: [
               /* @__PURE__ */ e("label", { htmlFor: "nice-reg-last", children: "Last name" }),
               /* @__PURE__ */ e(
                 "input",
@@ -294,13 +294,13 @@ const Q = E(
                   type: "text",
                   value: s,
                   onChange: (N) => h(N.target.value),
-                  disabled: n,
+                  disabled: t,
                   autoComplete: "family-name"
                 }
               )
             ] })
           ] }),
-          /* @__PURE__ */ t("div", { className: "nice-register-form__field", children: [
+          /* @__PURE__ */ n("div", { className: "nice-register-form__field", children: [
             /* @__PURE__ */ e("label", { htmlFor: "nice-reg-email", children: "Email *" }),
             /* @__PURE__ */ e(
               "input",
@@ -311,12 +311,12 @@ const Q = E(
                 value: p,
                 onChange: (N) => $(N.target.value),
                 required: !0,
-                disabled: n,
+                disabled: t,
                 autoComplete: "email"
               }
             )
           ] }),
-          /* @__PURE__ */ t("div", { className: "nice-register-form__field", children: [
+          /* @__PURE__ */ n("div", { className: "nice-register-form__field", children: [
             /* @__PURE__ */ e("label", { htmlFor: "nice-reg-pass", children: "Password *" }),
             /* @__PURE__ */ e(
               "input",
@@ -327,13 +327,13 @@ const Q = E(
                 value: g,
                 onChange: (N) => S(N.target.value),
                 required: !0,
-                disabled: n,
+                disabled: t,
                 autoComplete: "new-password"
               }
             ),
             u && g.length > 0 && /* @__PURE__ */ e(M, { password: g })
           ] }),
-          /* @__PURE__ */ t("div", { className: "nice-register-form__field", children: [
+          /* @__PURE__ */ n("div", { className: "nice-register-form__field", children: [
             /* @__PURE__ */ e("label", { htmlFor: "nice-reg-confirm", children: "Confirm password *" }),
             /* @__PURE__ */ e(
               "input",
@@ -344,27 +344,27 @@ const Q = E(
                 value: y,
                 onChange: (N) => T(N.target.value),
                 required: !0,
-                disabled: n,
+                disabled: t,
                 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__ */ n("label", { className: "nice-register-form__terms", children: [
             /* @__PURE__ */ e(
               "input",
               {
                 type: "checkbox",
                 checked: R,
                 onChange: (N) => L(N.target.checked),
-                disabled: n
+                disabled: t
               }
             ),
-            /* @__PURE__ */ t("span", { children: [
+            /* @__PURE__ */ n("span", { children: [
               "I accept the",
               " ",
               r ? /* @__PURE__ */ e("a", { href: r, target: "_blank", rel: "noopener noreferrer", children: "Terms" }) : "Terms",
-              m && /* @__PURE__ */ t(V, { children: [
+              m && /* @__PURE__ */ n(q, { children: [
                 " ",
                 "and",
                 " ",
@@ -379,10 +379,10 @@ const Q = E(
               type: "submit",
               className: "nice-btn nice-btn--primary nice-register-form__submit",
               disabled: !D,
-              children: n ? "…" : "Register"
+              children: t ? "…" : "Register"
             }
           ),
-          d && /* @__PURE__ */ t("div", { className: "nice-register-form__login", children: [
+          d && /* @__PURE__ */ n("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" })
           ] }),
@@ -396,7 +396,7 @@ Q.displayName = "NiceRegistrationForm";
 const z = E(
   ({
     requireCurrentPassword: a = !0,
-    onSubmit: n,
+    onSubmit: t,
     loading: o = !1,
     error: d,
     success: u,
@@ -407,14 +407,14 @@ const z = E(
   }, 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({
+        g.preventDefault(), p && (t == null || t({
           currentPassword: a ? i : void 0,
           newPassword: b
         }));
       },
-      [p, i, b, a, n]
+      [p, i, b, a, t]
     );
-    return /* @__PURE__ */ t(
+    return /* @__PURE__ */ n(
       "form",
       {
         ref: v,
@@ -426,7 +426,7 @@ const z = E(
           /* @__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: [
+          a && /* @__PURE__ */ n("div", { className: "nice-change-password__field", children: [
             /* @__PURE__ */ e("label", { htmlFor: "nice-cp-current", children: "Current password" }),
             /* @__PURE__ */ e(
               "input",
@@ -442,7 +442,7 @@ const z = E(
               }
             )
           ] }),
-          /* @__PURE__ */ t("div", { className: "nice-change-password__field", children: [
+          /* @__PURE__ */ n("div", { className: "nice-change-password__field", children: [
             /* @__PURE__ */ e("label", { htmlFor: "nice-cp-new", children: "New password" }),
             /* @__PURE__ */ e(
               "input",
@@ -459,7 +459,7 @@ const z = E(
             ),
             b.length > 0 && /* @__PURE__ */ e(M, { password: b })
           ] }),
-          /* @__PURE__ */ t("div", { className: "nice-change-password__field", children: [
+          /* @__PURE__ */ n("div", { className: "nice-change-password__field", children: [
             /* @__PURE__ */ e("label", { htmlFor: "nice-cp-confirm", children: "Confirm new password" }),
             /* @__PURE__ */ e(
               "input",
@@ -485,7 +485,7 @@ const z = E(
 z.displayName = "NiceChangePassword";
 const J = E(({
   secret: a,
-  qrCodeUrl: n,
+  qrCodeUrl: t,
   issuer: o,
   accountName: d,
   onVerify: u,
@@ -501,21 +501,21 @@ const J = E(({
   const [w, A] = _(""), [s, h] = _(!1), [p, $] = _(!1), g = x((y) => {
     y.preventDefault(), w.length >= 6 && (u == null || u(w));
   }, [w, u]), S = `otpauth://totp/${o ? `${o}:` : ""}${d ?? "user"}?secret=${a}${o ? `&issuer=${o}` : ""}&digits=6&period=30`;
-  return /* @__PURE__ */ t("div", { ref: C, className: `nice-2fa-setup${k ? ` ${k}` : ""}`, style: b, children: [
+  return /* @__PURE__ */ n("div", { ref: C, className: `nice-2fa-setup${k ? ` ${k}` : ""}`, style: b, children: [
     /* @__PURE__ */ e("h3", { className: "nice-2fa-setup__title", children: "Two-Factor Authentication" }),
-    v === "setup" && /* @__PURE__ */ t("div", { className: "nice-2fa-setup__step", children: [
+    v === "setup" && /* @__PURE__ */ n("div", { className: "nice-2fa-setup__step", children: [
       /* @__PURE__ */ e("p", { className: "nice-2fa-setup__instruction", children: "Scan this QR code with your authenticator app (Google Authenticator, Authy, etc.):" }),
-      n ? /* @__PURE__ */ e("img", { src: n, alt: "2FA QR Code", className: "nice-2fa-setup__qr" }) : /* @__PURE__ */ t("div", { className: "nice-2fa-setup__qr-placeholder", children: [
+      t ? /* @__PURE__ */ e("img", { src: t, alt: "2FA QR Code", className: "nice-2fa-setup__qr" }) : /* @__PURE__ */ n("div", { className: "nice-2fa-setup__qr-placeholder", children: [
         /* @__PURE__ */ e("span", { children: "QR Code" }),
         /* @__PURE__ */ e("code", { className: "nice-2fa-setup__uri", children: S })
       ] }),
-      /* @__PURE__ */ t("div", { className: "nice-2fa-setup__secret", children: [
+      /* @__PURE__ */ n("div", { className: "nice-2fa-setup__secret", children: [
         /* @__PURE__ */ e("span", { children: "Or enter manually: " }),
         s ? /* @__PURE__ */ e("code", { className: "nice-2fa-setup__secret-key", children: a }) : /* @__PURE__ */ e("button", { type: "button", onClick: () => h(!0), children: "Show secret key" })
       ] }),
       /* @__PURE__ */ e("button", { type: "button", className: "nice-btn nice-btn--primary", onClick: () => i == null ? void 0 : i("verify"), children: "Next — Verify" })
     ] }),
-    v === "verify" && /* @__PURE__ */ t("form", { className: "nice-2fa-setup__step", onSubmit: g, children: [
+    v === "verify" && /* @__PURE__ */ n("form", { className: "nice-2fa-setup__step", onSubmit: g, children: [
       /* @__PURE__ */ e("p", { className: "nice-2fa-setup__instruction", children: "Enter the 6-digit code from your authenticator app:" }),
       r && /* @__PURE__ */ e("div", { className: "nice-2fa-setup__error", role: "alert", children: r }),
       /* @__PURE__ */ e(
@@ -533,12 +533,12 @@ const J = E(({
           autoComplete: "one-time-code"
         }
       ),
-      /* @__PURE__ */ t("div", { className: "nice-2fa-setup__actions", children: [
+      /* @__PURE__ */ n("div", { className: "nice-2fa-setup__actions", children: [
         /* @__PURE__ */ e("button", { type: "button", className: "nice-btn", onClick: () => i == null ? void 0 : i("setup"), children: "Back" }),
         /* @__PURE__ */ e("button", { type: "submit", className: "nice-btn nice-btn--primary", disabled: f || w.length < 6, children: f ? "…" : "Verify" })
       ] })
     ] }),
-    v === "recovery" && c && /* @__PURE__ */ t("div", { className: "nice-2fa-setup__step", children: [
+    v === "recovery" && c && /* @__PURE__ */ n("div", { className: "nice-2fa-setup__step", children: [
       /* @__PURE__ */ e("p", { className: "nice-2fa-setup__instruction", children: "Save these recovery codes in a safe place. Each code can only be used once:" }),
       /* @__PURE__ */ e("div", { className: "nice-2fa-setup__recovery-codes", children: c.map((y, T) => /* @__PURE__ */ e("code", { className: "nice-2fa-setup__recovery-code", children: y }, T)) }),
       /* @__PURE__ */ e(
@@ -560,40 +560,50 @@ const J = E(({
   ] });
 });
 J.displayName = "NiceTwoFaSetup";
-const K = E(({
-  provider: a = "custom",
-  siteKey: n,
-  onVerify: o,
-  onExpire: d,
-  onError: u,
-  theme: f = "light",
-  size: r = "normal",
-  customRender: m,
-  className: c,
-  style: v
-}, i) => a === "custom" && m ? /* @__PURE__ */ e("div", { ref: i, className: `nice-captcha nice-captcha--custom${c ? ` ${c}` : ""}`, style: v, children: m }) : /* @__PURE__ */ e(
-  "div",
-  {
-    ref: i,
-    className: `nice-captcha nice-captcha--${a} nice-captcha--${f}${r === "compact" ? " nice-captcha--compact" : ""}${c ? ` ${c}` : ""}`,
-    style: v,
-    "data-sitekey": n,
-    "data-theme": f,
-    "data-size": r,
-    children: /* @__PURE__ */ t("div", { className: "nice-captcha__placeholder", children: [
-      /* @__PURE__ */ t("span", { children: [
-        "🔒 Captcha (",
-        a,
-        ")"
-      ] }),
-      /* @__PURE__ */ t("p", { children: [
-        "Load the ",
-        a,
-        " SDK to activate verification."
+const K = E(
+  ({
+    provider: a = "custom",
+    siteKey: t,
+    onVerify: o,
+    onExpire: d,
+    onError: u,
+    theme: f = "light",
+    size: r = "normal",
+    customRender: m,
+    className: c,
+    style: v
+  }, i) => a === "custom" && m ? /* @__PURE__ */ e(
+    "div",
+    {
+      ref: i,
+      className: `nice-captcha nice-captcha--custom${c ? ` ${c}` : ""}`,
+      style: v,
+      children: m
+    }
+  ) : /* @__PURE__ */ e(
+    "div",
+    {
+      ref: i,
+      className: `nice-captcha nice-captcha--${a} nice-captcha--${f}${r === "compact" ? " nice-captcha--compact" : ""}${c ? ` ${c}` : ""}`,
+      style: v,
+      "data-sitekey": t,
+      "data-theme": f,
+      "data-size": r,
+      children: /* @__PURE__ */ n("div", { className: "nice-captcha__placeholder", children: [
+        /* @__PURE__ */ n("span", { children: [
+          "🔒 Captcha (",
+          a,
+          ")"
+        ] }),
+        /* @__PURE__ */ n("p", { children: [
+          "Load the ",
+          a,
+          " SDK to activate verification."
+        ] })
       ] })
-    ] })
-  }
-));
+    }
+  )
+);
 K.displayName = "NiceCaptcha";
 const U = [
   { id: "google", label: "Google", icon: "🔵", color: "#4285f4", textColor: "#fff" },
@@ -603,7 +613,7 @@ const U = [
   { id: "github", label: "GitHub", icon: "🐙", color: "#24292e", textColor: "#fff" }
 ], Z = E(({
   providers: a = U,
-  onProviderClick: n,
+  onProviderClick: t,
   disabled: o = !1,
   loadingProvider: d,
   direction: u = "vertical",
@@ -611,25 +621,25 @@ const U = [
   showSeparator: r = !0,
   className: m,
   style: c
-}, v) => /* @__PURE__ */ t(
+}, v) => /* @__PURE__ */ n(
   "div",
   {
     ref: v,
     className: `nice-oauth nice-oauth--${u}${m ? ` ${m}` : ""}`,
     style: c,
     children: [
-      r && /* @__PURE__ */ t("div", { className: "nice-oauth__separator", children: [
+      r && /* @__PURE__ */ n("div", { className: "nice-oauth__separator", children: [
         /* @__PURE__ */ e("hr", {}),
         /* @__PURE__ */ e("span", { children: f }),
         /* @__PURE__ */ e("hr", {})
       ] }),
-      /* @__PURE__ */ e("div", { className: "nice-oauth__buttons", children: a.map((i) => /* @__PURE__ */ t(
+      /* @__PURE__ */ e("div", { className: "nice-oauth__buttons", children: a.map((i) => /* @__PURE__ */ n(
         "button",
         {
           type: "button",
           className: `nice-oauth__btn${d === i.id ? " nice-oauth__btn--loading" : ""}`,
           style: { backgroundColor: i.color, color: i.textColor },
-          onClick: () => n == null ? void 0 : n(i.id),
+          onClick: () => t == null ? void 0 : t(i.id),
           disabled: o || !!d,
           children: [
             i.icon && /* @__PURE__ */ e("span", { className: "nice-oauth__btn-icon", children: i.icon }),
@@ -643,7 +653,7 @@ const U = [
 ));
 Z.displayName = "NiceOAuthButtons";
 const Y = E(
-  function(n, o) {
+  function(t, o) {
     const {
       tokens: d,
       onCreate: u,
@@ -653,7 +663,7 @@ const Y = E(
       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 () => {
+    } = t, [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 {
@@ -680,8 +690,8 @@ const Y = E(
         (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: [
+    return /* @__PURE__ */ n("div", { ref: o, className: `nice-token-management ${v ?? ""}`, style: i, children: [
+      /* @__PURE__ */ n("div", { className: "nice-token-management__header", children: [
         /* @__PURE__ */ e("h3", { children: c }),
         D && /* @__PURE__ */ e(
           "button",
@@ -693,16 +703,16 @@ const Y = E(
           }
         )
       ] }),
-      $ && /* @__PURE__ */ t("div", { className: "nice-token-management__reveal", children: [
-        /* @__PURE__ */ t("p", { children: [
+      $ && /* @__PURE__ */ n("div", { className: "nice-token-management__reveal", children: [
+        /* @__PURE__ */ n("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: [
+      k && /* @__PURE__ */ n("div", { className: "nice-token-management__create-form", children: [
+        /* @__PURE__ */ n("label", { children: [
           "Name",
           /* @__PURE__ */ e(
             "input",
@@ -715,9 +725,9 @@ const Y = E(
             }
           )
         ] }),
-        r.length > 0 && /* @__PURE__ */ t("fieldset", { children: [
+        r.length > 0 && /* @__PURE__ */ n("fieldset", { children: [
           /* @__PURE__ */ e("legend", { children: "Scopes" }),
-          r.map((l) => /* @__PURE__ */ t("label", { className: "nice-token-management__scope", children: [
+          r.map((l) => /* @__PURE__ */ n("label", { className: "nice-token-management__scope", children: [
             /* @__PURE__ */ e(
               "input",
               {
@@ -729,7 +739,7 @@ const Y = E(
             l
           ] }, l))
         ] }),
-        /* @__PURE__ */ t("label", { children: [
+        /* @__PURE__ */ n("label", { children: [
           "Expires in (days)",
           /* @__PURE__ */ e(
             "input",
@@ -742,13 +752,13 @@ const Y = E(
             }
           )
         ] }),
-        /* @__PURE__ */ t("div", { className: "nice-token-management__create-actions", children: [
+        /* @__PURE__ */ n("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: [
+      d.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-token-management__empty", children: "No API tokens yet." }) : /* @__PURE__ */ n("table", { className: "nice-token-management__table", children: [
+        /* @__PURE__ */ e("thead", { children: /* @__PURE__ */ n("tr", { children: [
           /* @__PURE__ */ e("th", { children: "Name" }),
           /* @__PURE__ */ e("th", { children: "Prefix" }),
           /* @__PURE__ */ e("th", { children: "Created" }),
@@ -759,9 +769,9 @@ const Y = E(
         ] }) }),
         /* @__PURE__ */ e("tbody", { children: d.map((l) => {
           var N;
-          return /* @__PURE__ */ t("tr", { children: [
+          return /* @__PURE__ */ n("tr", { children: [
             /* @__PURE__ */ e("td", { children: l.name }),
-            /* @__PURE__ */ e("td", { children: /* @__PURE__ */ t("code", { children: [
+            /* @__PURE__ */ e("td", { children: /* @__PURE__ */ n("code", { children: [
               l.prefix,
               "…"
             ] }) }),