@nice2dev/auth 0.1.0 → 1.0.3

package/dist/index.mjs

@@ -1,7 +1,7 @@
 import { useState as _, useCallback as A, forwardRef as T } from "react";
 import { jsxs as t, jsx as e, Fragment as q } from "react/jsx-runtime";
 function W(a = {}) {
-  const { onLogin: n, onRefresh: d, onLogout: m, storageKey: h = "nice_auth", persistAuth: f = !1 } = a, [i, p] = _(() => {
+  const { onLogin: n, onRefresh: d, onLogout: u, storageKey: h = "nice_auth", persistAuth: f = !1 } = a, [i, m] = _(() => {
     if (f && typeof window < "u")
       try {
         const o = localStorage.getItem(h);
@@ -11,24 +11,24 @@ function W(a = {}) {
       }
     return { isAuthenticated: !1, user: null, tokens: null, loading: !1, error: null };
   }), s = A((o) => {
-    p((l) => {
-      const u = { ...l, ...o };
-      return f && typeof window < "u" && (u.isAuthenticated ? localStorage.setItem(h, JSON.stringify({ isAuthenticated: !0, user: u.user, tokens: u.tokens })) : localStorage.removeItem(h)), u;
+    m((l) => {
+      const p = { ...l, ...o };
+      return f && typeof window < "u" && (p.isAuthenticated ? localStorage.setItem(h, JSON.stringify({ isAuthenticated: !0, user: p.user })) : localStorage.removeItem(h)), p;
     });
   }, [f, h]), w = A(async (o, l) => {
     s({ loading: !0, error: null });
     try {
       if (n) {
-        const u = await n(o, l);
-        return s({ isAuthenticated: !0, user: u.user, tokens: u.tokens, loading: !1 }), !0;
+        const p = await n(o, l);
+        return s({ isAuthenticated: !0, user: p.user, tokens: p.tokens, loading: !1 }), !0;
       }
       return s({ loading: !1, error: "No login handler configured" }), !1;
-    } catch (u) {
-      return s({ loading: !1, error: (u == null ? void 0 : u.message) ?? "Login failed" }), !1;
+    } catch (p) {
+      return s({ loading: !1, error: (p == null ? void 0 : p.message) ?? "Login failed" }), !1;
     }
   }, [n, s]), c = A(() => {
-    m == null || m(), s({ isAuthenticated: !1, user: null, tokens: null, loading: !1, error: null });
-  }, [m, s]), k = A(async () => {
+    u == null || u(), s({ isAuthenticated: !1, user: null, tokens: null, loading: !1, error: null });
+  }, [u, s]), k = A(async () => {
     var o;
     if (!((o = i.tokens) != null && o.refreshToken) || !d) return !1;
     try {
@@ -57,11 +57,11 @@ const V = T(({
   onSubmit: a,
   loading: n = !1,
   error: d,
-  showRememberMe: m = !0,
+  showRememberMe: u = !0,
   showForgotPassword: h = !0,
   onForgotPassword: f,
   showRegisterLink: i = !0,
-  onRegisterClick: p,
+  onRegisterClick: m,
   title: s = "Sign In",
   submitLabel: w = "Sign In",
   logo: c,
@@ -71,7 +71,7 @@ const V = T(({
   emailLabel: y = "Email",
   passwordLabel: $ = "Password"
 }, o) => {
-  const [l, u] = _(""), [F, g] = _(""), [P, v] = _(!1), S = A((x) => {
+  const [l, p] = _(""), [F, g] = _(""), [P, v] = _(!1), S = A((x) => {
     x.preventDefault(), a == null || a({ email: l, password: F, rememberMe: P });
   }, [l, F, P, a]);
   return /* @__PURE__ */ t(
@@ -95,7 +95,7 @@ const V = T(({
               className: "nice-input",
               type: "email",
               value: l,
-              onChange: (x) => u(x.target.value),
+              onChange: (x) => p(x.target.value),
               autoComplete: "email",
               required: !0,
               disabled: n
@@ -119,7 +119,7 @@ const V = T(({
           )
         ] }),
         /* @__PURE__ */ t("div", { className: "nice-login-form__options", children: [
-          m && /* @__PURE__ */ t("label", { className: "nice-login-form__remember", children: [
+          u && /* @__PURE__ */ t("label", { className: "nice-login-form__remember", children: [
             /* @__PURE__ */ e("input", { type: "checkbox", checked: P, onChange: (x) => v(x.target.checked), disabled: n }),
             /* @__PURE__ */ e("span", { children: "Remember me" })
           ] }),
@@ -128,7 +128,7 @@ const V = T(({
         /* @__PURE__ */ e("button", { type: "submit", className: "nice-btn nice-btn--primary nice-login-form__submit", disabled: n || !l || !F, children: n ? "…" : w }),
         i && /* @__PURE__ */ t("div", { className: "nice-login-form__register", children: [
           /* @__PURE__ */ e("span", { children: "Don't have an account? " }),
-          /* @__PURE__ */ e("button", { type: "button", onClick: p, disabled: n, children: "Register" })
+          /* @__PURE__ */ e("button", { type: "button", onClick: m, disabled: n, children: "Register" })
         ] }),
         k && /* @__PURE__ */ e("div", { className: "nice-login-form__footer", children: k })
       ]
@@ -158,13 +158,13 @@ const M = T(({
   password: a,
   strength: n,
   showLabel: d = !0,
-  labels: m = j,
+  labels: u = j,
   className: h
 }, f) => {
-  const i = n ?? I(a), p = B[i], s = (i + 1) / 5 * 100;
+  const i = n ?? I(a), m = B[i], s = (i + 1) / 5 * 100;
   return /* @__PURE__ */ t("div", { ref: f, className: `nice-password-strength${h ? ` ${h}` : ""}`, children: [
-    /* @__PURE__ */ e("div", { className: "nice-password-strength__bar", children: /* @__PURE__ */ e("div", { className: "nice-password-strength__fill", style: { width: `${s}%`, backgroundColor: p } }) }),
-    d && /* @__PURE__ */ e("span", { className: "nice-password-strength__label", style: { color: p }, children: m[i] })
+    /* @__PURE__ */ e("div", { className: "nice-password-strength__bar", children: /* @__PURE__ */ e("div", { className: "nice-password-strength__fill", style: { width: `${s}%`, backgroundColor: m } }) }),
+    d && /* @__PURE__ */ e("span", { className: "nice-password-strength__label", style: { color: m }, children: u[i] })
   ] });
 });
 M.displayName = "NicePasswordStrength";
@@ -172,20 +172,20 @@ const G = T(({
   onSubmit: a,
   loading: n = !1,
   error: d,
-  onLoginClick: m,
+  onLoginClick: u,
   showPasswordStrength: h = !0,
   minPasswordStrength: f = 2,
   termsUrl: i,
-  privacyUrl: p,
+  privacyUrl: m,
   title: s = "Create Account",
   logo: w,
   footer: c,
   className: k,
   style: b
 }, C) => {
-  const [y, $] = _(""), [o, l] = _(""), [u, F] = _(""), [g, P] = _(""), [v, S] = _(""), [x, D] = _(!1), L = I(g), E = g === v, R = y && u && g && E && x && L >= f && !n, r = A((N) => {
-    N.preventDefault(), R && (a == null || a({ firstName: y, lastName: o, email: u, password: g, acceptTerms: x }));
-  }, [R, y, o, u, g, x, a]);
+  const [y, $] = _(""), [o, l] = _(""), [p, F] = _(""), [g, P] = _(""), [v, S] = _(""), [x, D] = _(!1), L = I(g), E = g === v, R = y && p && g && E && x && L >= f && !n, r = A((N) => {
+    N.preventDefault(), R && (a == null || a({ firstName: y, lastName: o, email: p, password: g, acceptTerms: x }));
+  }, [R, y, o, p, g, x, a]);
   return /* @__PURE__ */ t(
     "form",
     {
@@ -210,7 +210,7 @@ const G = T(({
         ] }),
         /* @__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: u, onChange: (N) => F(N.target.value), required: !0, disabled: n, autoComplete: "email" })
+          /* @__PURE__ */ e("input", { id: "nice-reg-email", className: "nice-input", type: "email", value: p, onChange: (N) => F(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 *" }),
@@ -228,17 +228,17 @@ const G = T(({
             "I accept the",
             " ",
             i ? /* @__PURE__ */ e("a", { href: i, target: "_blank", rel: "noopener noreferrer", children: "Terms" }) : "Terms",
-            p && /* @__PURE__ */ t(q, { children: [
+            m && /* @__PURE__ */ t(q, { children: [
               " and ",
-              /* @__PURE__ */ e("a", { href: p, target: "_blank", rel: "noopener noreferrer", children: "Privacy Policy" })
+              /* @__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: !R, children: n ? "…" : "Register" }),
-        m && /* @__PURE__ */ t("div", { className: "nice-register-form__login", children: [
+        u && /* @__PURE__ */ t("div", { className: "nice-register-form__login", children: [
           /* @__PURE__ */ e("span", { children: "Already have an account? " }),
-          /* @__PURE__ */ e("button", { type: "button", onClick: m, children: "Sign in" })
+          /* @__PURE__ */ e("button", { type: "button", onClick: u, children: "Sign in" })
         ] }),
         c && /* @__PURE__ */ e("div", { className: "nice-register-form__footer", children: c })
       ]
@@ -250,30 +250,30 @@ const Q = T(({
   requireCurrentPassword: a = !0,
   onSubmit: n,
   loading: d = !1,
-  error: m,
+  error: u,
   success: h,
   minPasswordStrength: f = 2,
   title: i = "Change Password",
-  className: p,
+  className: m,
   style: s
 }, w) => {
-  const [c, k] = _(""), [b, C] = _(""), [y, $] = _(""), o = I(b), l = b === y, u = (!a || c.length > 0) && b.length > 0 && l && o >= f && !d, F = A((g) => {
-    g.preventDefault(), u && (n == null || n({
+  const [c, k] = _(""), [b, C] = _(""), [y, $] = _(""), o = I(b), l = b === y, p = (!a || c.length > 0) && b.length > 0 && l && o >= f && !d, F = A((g) => {
+    g.preventDefault(), p && (n == null || n({
       currentPassword: a ? c : void 0,
       newPassword: b
     }));
-  }, [u, c, b, a, n]);
+  }, [p, c, b, a, n]);
   return /* @__PURE__ */ t(
     "form",
     {
       ref: w,
-      className: `nice-change-password${p ? ` ${p}` : ""}`,
+      className: `nice-change-password${m ? ` ${m}` : ""}`,
       style: s,
       onSubmit: F,
       noValidate: !0,
       children: [
         /* @__PURE__ */ e("h3", { className: "nice-change-password__title", children: i }),
-        m && /* @__PURE__ */ e("div", { className: "nice-change-password__error", role: "alert", children: m }),
+        u && /* @__PURE__ */ e("div", { className: "nice-change-password__error", role: "alert", children: u }),
         h && /* @__PURE__ */ e("div", { className: "nice-change-password__success", role: "status", children: h }),
         a && /* @__PURE__ */ t("div", { className: "nice-change-password__field", children: [
           /* @__PURE__ */ e("label", { htmlFor: "nice-cp-current", children: "Current password" }),
@@ -325,7 +325,7 @@ const Q = T(({
           ),
           y && !l && /* @__PURE__ */ e("span", { className: "nice-error-text", children: "Passwords do not match" })
         ] }),
-        /* @__PURE__ */ e("button", { type: "submit", className: "nice-btn nice-btn--primary", disabled: !u, children: d ? "…" : "Change Password" })
+        /* @__PURE__ */ e("button", { type: "submit", className: "nice-btn nice-btn--primary", disabled: !p, children: d ? "…" : "Change Password" })
       ]
     }
   );
@@ -335,20 +335,20 @@ const z = T(({
   secret: a,
   qrCodeUrl: n,
   issuer: d,
-  accountName: m,
+  accountName: u,
   onVerify: h,
   loading: f = !1,
   error: i,
-  onCancel: p,
+  onCancel: m,
   recoveryCodes: s,
   step: w = "setup",
   onStepChange: c,
   className: k,
   style: b
 }, C) => {
-  const [y, $] = _(""), [o, l] = _(!1), [u, F] = _(!1), g = A((v) => {
+  const [y, $] = _(""), [o, l] = _(!1), [p, F] = _(!1), g = A((v) => {
     v.preventDefault(), y.length >= 6 && (h == null || h(y));
-  }, [y, h]), P = `otpauth://totp/${d ? `${d}:` : ""}${m ?? "user"}?secret=${a}${d ? `&issuer=${d}` : ""}&digits=6&period=30`;
+  }, [y, h]), P = `otpauth://totp/${d ? `${d}:` : ""}${u ?? "user"}?secret=${a}${d ? `&issuer=${d}` : ""}&digits=6&period=30`;
   return /* @__PURE__ */ t("div", { ref: C, className: `nice-2fa-setup${k ? ` ${k}` : ""}`, style: b, children: [
     /* @__PURE__ */ e("h3", { className: "nice-2fa-setup__title", children: "Two-Factor Authentication" }),
     w === "setup" && /* @__PURE__ */ t("div", { className: "nice-2fa-setup__step", children: [
@@ -399,12 +399,12 @@ const z = T(({
             (v = navigator.clipboard) == null || v.writeText(s.join(`
 `)), F(!0);
           },
-          children: u ? "Copied!" : "Copy all codes"
+          children: p ? "Copied!" : "Copy all codes"
         }
       ),
-      p && /* @__PURE__ */ e("button", { type: "button", className: "nice-btn nice-btn--primary", onClick: p, children: "Done" })
+      m && /* @__PURE__ */ e("button", { type: "button", className: "nice-btn nice-btn--primary", onClick: m, children: "Done" })
     ] }),
-    p && w !== "recovery" && /* @__PURE__ */ e("button", { type: "button", className: "nice-2fa-setup__cancel", onClick: p, children: "Cancel" })
+    m && w !== "recovery" && /* @__PURE__ */ e("button", { type: "button", className: "nice-2fa-setup__cancel", onClick: m, children: "Cancel" })
   ] });
 });
 z.displayName = "NiceTwoFaSetup";
@@ -412,14 +412,14 @@ const J = T(({
   provider: a = "custom",
   siteKey: n,
   onVerify: d,
-  onExpire: m,
+  onExpire: u,
   onError: h,
   theme: f = "light",
   size: i = "normal",
-  customRender: p,
+  customRender: m,
   className: s,
   style: w
-}, c) => a === "custom" && p ? /* @__PURE__ */ e("div", { ref: c, className: `nice-captcha nice-captcha--custom${s ? ` ${s}` : ""}`, style: w, children: p }) : /* @__PURE__ */ e(
+}, c) => a === "custom" && m ? /* @__PURE__ */ e("div", { ref: c, className: `nice-captcha nice-captcha--custom${s ? ` ${s}` : ""}`, style: w, children: m }) : /* @__PURE__ */ e(
   "div",
   {
     ref: c,
@@ -453,17 +453,17 @@ const K = [
   providers: a = K,
   onProviderClick: n,
   disabled: d = !1,
-  loadingProvider: m,
+  loadingProvider: u,
   direction: h = "vertical",
   separatorText: f = "or continue with",
   showSeparator: i = !0,
-  className: p,
+  className: m,
   style: s
 }, w) => /* @__PURE__ */ t(
   "div",
   {
     ref: w,
-    className: `nice-oauth nice-oauth--${h}${p ? ` ${p}` : ""}`,
+    className: `nice-oauth nice-oauth--${h}${m ? ` ${m}` : ""}`,
     style: s,
     children: [
       i && /* @__PURE__ */ t("div", { className: "nice-oauth__separator", children: [
@@ -475,13 +475,13 @@ const K = [
         "button",
         {
           type: "button",
-          className: `nice-oauth__btn${m === c.id ? " nice-oauth__btn--loading" : ""}`,
+          className: `nice-oauth__btn${u === c.id ? " nice-oauth__btn--loading" : ""}`,
           style: { backgroundColor: c.color, color: c.textColor },
           onClick: () => n == null ? void 0 : n(c.id),
-          disabled: d || !!m,
+          disabled: d || !!u,
           children: [
             c.icon && /* @__PURE__ */ e("span", { className: "nice-oauth__btn-icon", children: c.icon }),
-            /* @__PURE__ */ e("span", { className: "nice-oauth__btn-label", children: m === c.id ? "…" : c.label })
+            /* @__PURE__ */ e("span", { className: "nice-oauth__btn-label", children: u === c.id ? "…" : c.label })
           ]
         },
         c.id
@@ -492,15 +492,15 @@ const K = [
 U.displayName = "NiceOAuthButtons";
 const X = T(function(n, d) {
   const {
-    tokens: m,
+    tokens: u,
     onCreate: h,
     onRevoke: f,
     availableScopes: i = [],
-    maxTokens: p = 10,
+    maxTokens: m = 10,
     title: s = "API Tokens",
     className: w,
     style: c
-  } = n, [k, b] = _(!1), [C, y] = _(""), [$, o] = _([]), [l, u] = _("90"), [F, g] = _(null), [P, v] = _(!1), [S, x] = _(null), D = A(async () => {
+  } = n, [k, b] = _(!1), [C, y] = _(""), [$, o] = _([]), [l, p] = _("90"), [F, g] = _(null), [P, v] = _(!1), [S, x] = _(null), D = A(async () => {
     if (!(!h || !C.trim())) {
       v(!0);
       try {
@@ -521,7 +521,7 @@ const X = T(function(n, d) {
     }
   }, [f]), E = (r) => {
     o((N) => N.includes(r) ? N.filter((O) => O !== r) : [...N, r]);
-  }, R = m.length < p;
+  }, R = u.length < m;
   return /* @__PURE__ */ t("div", { ref: d, className: `nice-token-management ${w ?? ""}`, style: c, children: [
     /* @__PURE__ */ t("div", { className: "nice-token-management__header", children: [
       /* @__PURE__ */ e("h3", { children: s }),
@@ -570,7 +570,7 @@ const X = T(function(n, d) {
           {
             type: "number",
             value: l,
-            onChange: (r) => u(r.target.value),
+            onChange: (r) => p(r.target.value),
             min: 1,
             max: 365
           }
@@ -581,7 +581,7 @@ const X = T(function(n, d) {
         /* @__PURE__ */ e("button", { onClick: () => b(!1), children: "Cancel" })
       ] })
     ] }),
-    m.length === 0 ? /* @__PURE__ */ e("p", { className: "nice-token-management__empty", children: "No API tokens yet." }) : /* @__PURE__ */ t("table", { className: "nice-token-management__table", children: [
+    u.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" }),
@@ -591,7 +591,7 @@ const X = T(function(n, d) {
         /* @__PURE__ */ e("th", { children: "Scopes" }),
         /* @__PURE__ */ e("th", {})
       ] }) }),
-      /* @__PURE__ */ e("tbody", { children: m.map((r) => {
+      /* @__PURE__ */ e("tbody", { children: u.map((r) => {
         var N;
         return /* @__PURE__ */ t("tr", { children: [
           /* @__PURE__ */ e("td", { children: r.name }),