@ciscode/ui-authentication-kit 1.0.5 → 1.0.7

package/dist/index.mjs

@@ -1,26 +1,27 @@
-import * as U from "react";
-import e, { createContext as ve, useContext as Me, useEffect as V, forwardRef as ie, createElement as ae, useState as m, useMemo as X } from "react";
-import le from "axios";
-import { jwtDecode as ke } from "jwt-decode";
-import Ie from "react-dom";
-import { useT as q } from "@ciscode/ui-translate-core";
-import { useNavigate as se, useLocation as oe, Routes as Le, Route as Y, Navigate as J } from "react-router";
-const me = e.createContext(null);
-function de() {
-  const t = e.useContext(me);
+import * as R from "react";
+import e, { createContext as we, useContext as Ee, useEffect as W, useState as i, useMemo as J } from "react";
+import oe from "axios";
+import { jwtDecode as ye } from "jwt-decode";
+import Ne from "react-dom";
+import { useT as Z } from "@ciscode/ui-translate-core";
+import { AlertTriangle as ve, X as ke } from "lucide-react";
+import { useNavigate as q, useLocation as ee, Link as Me, Routes as Ie, Route as B, Navigate as K } from "react-router-dom";
+const de = e.createContext(null);
+function te() {
+  const t = e.useContext(de);
   if (!t)
     throw new Error("useAuthConfig must be used within an AuthConfigProvider");
   return t;
 }
-const ue = ve(null);
-function z() {
-  const t = Me(ue);
+const ue = we(null);
+function T() {
+  const t = Ee(ue);
   if (!t)
     throw new Error("useAuthState must be inside <AuthProvider>");
   return t;
 }
-function te(t) {
-  const a = ke(t);
+function ne(t) {
+  const a = ye(t);
   return {
     id: a.sub,
     email: a.email ?? "",
@@ -30,54 +31,54 @@ function te(t) {
     tenantId: a.tenantId ?? ""
   };
 }
-let re = !1;
-function Ce() {
-  re = !1;
+let ce = !1;
+function Le() {
+  ce = !1;
 }
-function je(t, a) {
+function Pe(t, a) {
   t.defaults.withCredentials = !0;
   const r = `${a.baseUrl}${a.refreshEndpoint ?? "/auth/refresh-token"}`;
-  t.interceptors.request.use((n) => {
+  t.interceptors.request.use((s) => {
     const o = a.getAccessToken();
-    return o && (n.headers.Authorization = `Bearer ${o}`), n;
+    return o && (s.headers.Authorization = `Bearer ${o}`), s;
   });
-  let l = !1, s = [];
+  let l = !1, n = [];
   return t.interceptors.response.use(
-    (n) => n,
-    async (n) => {
-      var i;
-      const o = n.config;
-      if (((i = n.response) == null ? void 0 : i.status) !== 401 || !o || o._retry)
-        return Promise.reject(n);
+    (s) => s,
+    async (s) => {
+      var d;
+      const o = s.config;
+      if (((d = s.response) == null ? void 0 : d.status) !== 401 || !o || o._retry)
+        return Promise.reject(s);
       if (o._retry = !0, !l) {
         l = !0;
         try {
-          const { data: c } = await le.post(r, {}, { withCredentials: !0 });
-          return a.setAccessToken(c.accessToken), s.forEach((d) => d(c.accessToken)), s = [], t.request(o);
+          const { data: c } = await oe.post(r, {}, { withCredentials: !0 });
+          return a.setAccessToken(c.accessToken), n.forEach((u) => u(c.accessToken)), n = [], t.request(o);
         } catch (c) {
-          return !!a.getAccessToken() && !re && (re = !0, a.logout()), s.forEach((p) => p(null)), s = [], Promise.reject(c);
+          return !!a.getAccessToken() && !ce && (ce = !0, a.logout()), n.forEach((b) => b(null)), n = [], Promise.reject(c);
         } finally {
           l = !1;
         }
       }
-      return new Promise((c, d) => {
-        s.push((p) => {
-          if (!p)
-            return d(n);
-          (o.headers ?? (o.headers = {})).Authorization = `Bearer ${p}`, c(t.request(o));
+      return new Promise((c, u) => {
+        n.push((b) => {
+          if (!b)
+            return u(s);
+          (o.headers ?? (o.headers = {})).Authorization = `Bearer ${b}`, c(t.request(o));
         });
       });
     }
   ), t;
 }
-const Se = ({ onConfirm: t }) => {
-  const a = q("authLib");
-  return V(() => {
-    const { body: r } = document, l = r.style.overflow, s = r.style.pointerEvents;
+const Ce = ({ onConfirm: t }) => {
+  const a = Z("authLib");
+  return W(() => {
+    const { body: r } = document, l = r.style.overflow, n = r.style.pointerEvents;
     return r.style.overflow = "hidden", r.style.pointerEvents = "none", () => {
-      r.style.overflow = l, r.style.pointerEvents = s;
+      r.style.overflow = l, r.style.pointerEvents = n;
     };
-  }, []), Ie.createPortal(
+  }, []), Ne.createPortal(
     /* @__PURE__ */ e.createElement("div", { className: "fixed inset-0 z-[9999] flex items-center justify-center bg-black/40 backdrop-blur-sm" }, /* @__PURE__ */ e.createElement("div", { className: "pointer-events-auto w-full max-w-sm rounded-xl bg-white p-6 shadow-xl" }, /* @__PURE__ */ e.createElement("h2", { className: "mb-4 text-xl font-semibold text-gray-800 ltr:text-left rtl:text-center" }, a("sessionExpired.title")), /* @__PURE__ */ e.createElement("p", { className: "mb-8 text-sm text-gray-600 ltr:text-left rtl:text-center" }, a("sessionExpired.message")), /* @__PURE__ */ e.createElement("div", { className: "flex justify-end" }, /* @__PURE__ */ e.createElement(
       "button",
       {
@@ -97,25 +98,25 @@ const Se = ({ onConfirm: t }) => {
   type: a = "text",
   placeholder: r,
   color: l = "",
-  value: s,
-  onChange: n
+  value: n,
+  onChange: s
 }) => {
-  const o = U.useId();
-  return /* @__PURE__ */ U.createElement("div", { className: "mt-8 flex flex-col" }, t && /* @__PURE__ */ U.createElement(
+  const o = R.useId();
+  return /* @__PURE__ */ R.createElement("div", { className: "mt-8 flex flex-col" }, t && /* @__PURE__ */ R.createElement(
     "label",
     {
       htmlFor: o,
       className: "self-start text-base text-black dark:text-white block ltr:text-left rtl:text-right"
     },
     t
-  ), /* @__PURE__ */ U.createElement(
+  ), /* @__PURE__ */ R.createElement(
     "input",
     {
       id: o,
       type: a,
       placeholder: r || void 0,
-      value: s,
-      onChange: (i) => n == null ? void 0 : n(i.target.value),
+      value: n,
+      onChange: (d) => s == null ? void 0 : s(d.target.value),
       className: `
           px-4 py-4 mt-3.5 text-sm font-light rounded-lg border border-solid w-full
           ltr:text-left rtl:text-right
@@ -123,7 +124,7 @@ const Se = ({ onConfirm: t }) => {
         `
     }
   ));
-}, ge = ({ icon: t, label: a }) => /* @__PURE__ */ U.createElement("div", { className: "flex gap-5 px-8 py-3 items-center bg-indigo-50 rounded-lg max-md:px-5" }, /* @__PURE__ */ U.createElement(
+}, ge = ({ icon: t, label: a }) => /* @__PURE__ */ R.createElement("div", { className: "flex gap-5 px-8 py-3 items-center bg-indigo-50 rounded-lg max-md:px-5" }, /* @__PURE__ */ R.createElement(
   "img",
   {
     loading: "lazy",
@@ -131,130 +132,29 @@ const Se = ({ onConfirm: t }) => {
     alt: a || "",
     className: "object-contain shrink-0 aspect-square w-[26px]"
   }
-), a && /* @__PURE__ */ U.createElement("div", { className: "basis-auto text-sm hidden md:block ltr:text-left rtl:text-right" }, a)), fe = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iLTMgMCAyNjIgMjYyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj48cGF0aCBkPSJNMjU1Ljg3OCAxMzMuNDUxYzAtMTAuNzM0LS44NzEtMTguNTY3LTIuNzU2LTI2LjY5SDEzMC41NXY0OC40NDhoNzEuOTQ3Yy0xLjQ1IDEyLjA0LTkuMjgzIDMwLjE3Mi0yNi42OSA0Mi4zNTZsLS4yNDQgMS42MjIgMzguNzU1IDMwLjAyMyAyLjY4NS4yNjhjMjQuNjU5LTIyLjc3NCAzOC44NzUtNTYuMjgyIDM4Ljg3NS05Ni4wMjciIGZpbGw9IiM0Mjg1RjQiLz48cGF0aCBkPSJNMTMwLjU1IDI2MS4xYzM1LjI0OCAwIDY0LjgzOS0xMS42MDUgODYuNDUzLTMxLjYyMmwtNDEuMTk2LTMxLjkxM2MtMTEuMDI0IDcuNjg4LTI1LjgyIDEzLjA1NS00NS4yNTcgMTMuMDU1LTM0LjUyMyAwLTYzLjgyNC0yMi43NzMtNzQuMjY5LTU0LjI1bC0xLjUzMS4xMy00MC4yOTggMzEuMTg3LS41MjcgMS40NjVDMzUuMzkzIDIzMS43OTggNzkuNDkgMjYxLjEgMTMwLjU1IDI2MS4xIiBmaWxsPSIjMzRBODUzIi8+PHBhdGggZD0iTTU2LjI4MSAxNTYuMzdjLTIuNzU2LTguMTIzLTQuMzUxLTE2LjgyNy00LjM1MS0yNS44MiAwLTguOTk0IDEuNTk1LTE3LjY5NyA0LjIwNi0yNS44MmwtLjA3My0xLjczTDE1LjI2IDcxLjMxMmwtMS4zMzUuNjM1QzUuMDc3IDg5LjY0NCAwIDEwOS41MTcgMCAxMzAuNTVzNS4wNzcgNDAuOTA1IDEzLjkyNSA1OC42MDJsNDIuMzU2LTMyLjc4MiIgZmlsbD0iI0ZCQkMwNSIvPjxwYXRoIGQ9Ik0xMzAuNTUgNTAuNDc5YzI0LjUxNCAwIDQxLjA1IDEwLjU4OSA1MC40NzkgMTkuNDM4bDM2Ljg0NC0zNS45NzRDMTk1LjI0NSAxMi45MSAxNjUuNzk4IDAgMTMwLjU1IDAgNzkuNDkgMCAzNS4zOTMgMjkuMzAxIDEzLjkyNSA3MS45NDdsNDIuMjExIDMyLjc4M2MxMC41OS0zMS40NzcgMzkuODkxLTU0LjI1MSA3NC40MTQtNTQuMjUxIiBmaWxsPSIjRUI0MzM1Ii8+PC9zdmc+", he = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDE2IDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNGMzUzMjUiIGQ9Ik0xIDFoNi41djYuNUgxVjF6Ii8+PHBhdGggZmlsbD0iIzgxQkMwNiIgZD0iTTguNSAxSDE1djYuNUg4LjVWMXoiLz48cGF0aCBmaWxsPSIjMDVBNkYwIiBkPSJNMSA4LjVoNi41VjE1SDFWOC41eiIvPjxwYXRoIGZpbGw9IiNGRkJBMDgiIGQ9Ik04LjUgOC41SDE1VjE1SDguNVY4LjV6Ii8+PC9zdmc+";
-function O(t, a, r) {
+), a && /* @__PURE__ */ R.createElement("div", { className: "basis-auto text-sm hidden md:block ltr:text-left rtl:text-right" }, a)), fe = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iLTMgMCAyNjIgMjYyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj48cGF0aCBkPSJNMjU1Ljg3OCAxMzMuNDUxYzAtMTAuNzM0LS44NzEtMTguNTY3LTIuNzU2LTI2LjY5SDEzMC41NXY0OC40NDhoNzEuOTQ3Yy0xLjQ1IDEyLjA0LTkuMjgzIDMwLjE3Mi0yNi42OSA0Mi4zNTZsLS4yNDQgMS42MjIgMzguNzU1IDMwLjAyMyAyLjY4NS4yNjhjMjQuNjU5LTIyLjc3NCAzOC44NzUtNTYuMjgyIDM4Ljg3NS05Ni4wMjciIGZpbGw9IiM0Mjg1RjQiLz48cGF0aCBkPSJNMTMwLjU1IDI2MS4xYzM1LjI0OCAwIDY0LjgzOS0xMS42MDUgODYuNDUzLTMxLjYyMmwtNDEuMTk2LTMxLjkxM2MtMTEuMDI0IDcuNjg4LTI1LjgyIDEzLjA1NS00NS4yNTcgMTMuMDU1LTM0LjUyMyAwLTYzLjgyNC0yMi43NzMtNzQuMjY5LTU0LjI1bC0xLjUzMS4xMy00MC4yOTggMzEuMTg3LS41MjcgMS40NjVDMzUuMzkzIDIzMS43OTggNzkuNDkgMjYxLjEgMTMwLjU1IDI2MS4xIiBmaWxsPSIjMzRBODUzIi8+PHBhdGggZD0iTTU2LjI4MSAxNTYuMzdjLTIuNzU2LTguMTIzLTQuMzUxLTE2LjgyNy00LjM1MS0yNS44MiAwLTguOTk0IDEuNTk1LTE3LjY5NyA0LjIwNi0yNS44MmwtLjA3My0xLjczTDE1LjI2IDcxLjMxMmwtMS4zMzUuNjM1QzUuMDc3IDg5LjY0NCAwIDEwOS41MTcgMCAxMzAuNTVzNS4wNzcgNDAuOTA1IDEzLjkyNSA1OC42MDJsNDIuMzU2LTMyLjc4MiIgZmlsbD0iI0ZCQkMwNSIvPjxwYXRoIGQ9Ik0xMzAuNTUgNTAuNDc5YzI0LjUxNCAwIDQxLjA1IDEwLjU4OSA1MC40NzkgMTkuNDM4bDM2Ljg0NC0zNS45NzRDMTk1LjI0NSAxMi45MSAxNjUuNzk4IDAgMTMwLjU1IDAgNzkuNDkgMCAzNS4zOTMgMjkuMzAxIDEzLjkyNSA3MS45NDdsNDIuMjExIDMyLjc4M2MxMC41OS0zMS40NzcgMzkuODkxLTU0LjI1MSA3NC40MTQtNTQuMjUxIiBmaWxsPSIjRUI0MzM1Ii8+PC9zdmc+", he = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDE2IDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNGMzUzMjUiIGQ9Ik0xIDFoNi41djYuNUgxVjF6Ii8+PHBhdGggZmlsbD0iIzgxQkMwNiIgZD0iTTguNSAxSDE1djYuNUg4LjVWMXoiLz48cGF0aCBmaWxsPSIjMDVBNkYwIiBkPSJNMSA4LjVoNi41VjE1SDFWOC41eiIvPjxwYXRoIGZpbGw9IiNGRkJBMDgiIGQ9Ik04LjUgOC41SDE1VjE1SDguNVY4LjV6Ii8+PC9zdmc+";
+function X(t, a, r) {
   return t ? t.startsWith(`${a}-`) ? t : t.startsWith("#") ? `${t}` : r : r;
 }
-function xe(t, a) {
-  const r = (a == null ? void 0 : a.bg) || "bg-sky-500", l = (a == null ? void 0 : a.text) || "text-gray-800", s = (a == null ? void 0 : a.border) || "border-gray-300", n = (a == null ? void 0 : a.fill) || "fill-current", o = (a == null ? void 0 : a.stroke) || "stroke-current";
+function ae(t, a) {
+  const r = (a == null ? void 0 : a.bg) || "bg-sky-500", l = (a == null ? void 0 : a.text) || "text-gray-800", n = (a == null ? void 0 : a.border) || "border-gray-300", s = (a == null ? void 0 : a.fill) || "fill-current", o = (a == null ? void 0 : a.stroke) || "stroke-current";
   return {
-    bgClass: O(t.bg ?? "", "bg", r),
-    textClass: O(t.text ?? "", "text", l),
-    borderClass: O(t.border ?? "", "border", s),
-    fillClass: O(t.fill ?? "", "fill", n),
-    strokeClass: O(t.stroke ?? "", "stroke", o)
+    bgClass: X(t.bg ?? "", "bg", r),
+    textClass: X(t.text ?? "", "text", l),
+    borderClass: X(t.border ?? "", "border", n),
+    fillClass: X(t.fill ?? "", "fill", s),
+    strokeClass: X(t.stroke ?? "", "stroke", o)
   };
 }
-/**
- * @license lucide-react v0.481.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Te = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), pe = (...t) => t.filter((a, r, l) => !!a && a.trim() !== "" && l.indexOf(a) === r).join(" ").trim();
-/**
- * @license lucide-react v0.481.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-var Pe = {
-  xmlns: "http://www.w3.org/2000/svg",
-  width: 24,
-  height: 24,
-  viewBox: "0 0 24 24",
-  fill: "none",
-  stroke: "currentColor",
-  strokeWidth: 2,
-  strokeLinecap: "round",
-  strokeLinejoin: "round"
-};
-/**
- * @license lucide-react v0.481.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ue = ie(
-  ({
-    color: t = "currentColor",
-    size: a = 24,
-    strokeWidth: r = 2,
-    absoluteStrokeWidth: l,
-    className: s = "",
-    children: n,
-    iconNode: o,
-    ...i
-  }, c) => ae(
-    "svg",
-    {
-      ref: c,
-      ...Pe,
-      width: a,
-      height: a,
-      stroke: t,
-      strokeWidth: l ? Number(r) * 24 / Number(a) : r,
-      className: pe("lucide", s),
-      ...i
-    },
-    [
-      ...o.map(([d, p]) => ae(d, p)),
-      ...Array.isArray(n) ? n : [n]
-    ]
-  )
-);
-/**
- * @license lucide-react v0.481.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const be = (t, a) => {
-  const r = ie(
-    ({ className: l, ...s }, n) => ae(Ue, {
-      ref: n,
-      iconNode: a,
-      className: pe(`lucide-${Te(t)}`, l),
-      ...s
-    })
-  );
-  return r.displayName = `${t}`, r;
-};
-/**
- * @license lucide-react v0.481.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const ze = [
-  [
-    "path",
-    {
-      d: "m21.73 18-8-14a2 2 0 0 0-3.48 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3",
-      key: "wmoenq"
-    }
-  ],
-  ["path", { d: "M12 9v4", key: "juzpu7" }],
-  ["path", { d: "M12 17h.01", key: "p32p05" }]
-], De = be("TriangleAlert", ze);
-/**
- * @license lucide-react v0.481.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const Ae = [
-  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
-  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], Be = be("X", Ae), we = ({
+const le = ({
   message: t,
   dismissAfterMs: a = 4e3
 }) => {
-  const r = q("authLib"), [l, s] = m(!1);
-  return V(() => {
-    if (s(!!t), t && a > 0) {
-      const n = window.setTimeout(() => s(!1), a);
-      return () => window.clearTimeout(n);
+  const r = Z("authLib"), [l, n] = i(!1);
+  return W(() => {
+    if (n(!!t), t && a > 0) {
+      const s = window.setTimeout(() => n(!1), a);
+      return () => window.clearTimeout(s);
     }
   }, [t, a]), !l || !t ? null : /* @__PURE__ */ e.createElement(
     "div",
@@ -270,12 +170,12 @@ const Ae = [
       `
     },
     /* @__PURE__ */ e.createElement("span", { className: "absolute ltr:left-0 rtl:right-0 top-0 h-full w-1 bg-gradient-to-b from-red-500 to-red-400" }),
-    /* @__PURE__ */ e.createElement(De, { className: "mt-0.5 h-5 w-5 flex-none" }),
+    /* @__PURE__ */ e.createElement(ve, { className: "mt-0.5 h-5 w-5 flex-none" }),
     /* @__PURE__ */ e.createElement("span", { className: "grow leading-5 ltr:text-left rtl:text-right" }, t),
     /* @__PURE__ */ e.createElement(
       "button",
       {
-        onClick: () => s(!1),
+        onClick: () => n(!1),
         "aria-label": r("inlineError.dismiss"),
         className: `
           absolute ltr:right-2 rtl:left-2 top-2 rounded p-1 text-red-600/70
@@ -283,64 +183,64 @@ const Ae = [
           focus-visible:ring focus-visible:ring-red-500/50
         `
       },
-      /* @__PURE__ */ e.createElement(Be, { className: "h-4 w-4" })
+      /* @__PURE__ */ e.createElement(ke, { className: "h-4 w-4" })
     )
   );
-}, $e = () => {
-  const t = q("authLib"), a = se(), r = oe(), {
+}, Se = () => {
+  const t = Z("authLib"), a = q(), r = ee(), {
     brandName: l = t("brandName", { defaultValue: "MyBrand" }),
-    colors: s = { bg: "bg-sky-500", text: "text-white", border: "border-sky-500" },
-    logoUrl: n,
+    colors: n = { bg: "bg-sky-500", text: "text-white", border: "border-sky-500" },
+    logoUrl: s,
     oauthProviders: o = [],
-    illustrationUrl: i = t("community.illustrationUrl", {
+    illustrationUrl: d = t("community.illustrationUrl", {
       defaultValue: "https://cdn.builder.io/api/v1/image/assets/TEMP/35ba84b8335fda2819c3a14ea3d00321a0fd0e79e571caa31108468010868ca5?placeholderIfAbsent=true&apiKey=a460e9a46e514356ac1106eada03046c"
     }),
     communityContent: c = {
       title: t("community.title"),
       description: t("community.description")
     },
-    baseUrl: d
+    baseUrl: u
     // IMPORTANT: used for Google OAuth redirect
-  } = de(), { login: p } = z(), [w, E] = m(""), [C, v] = m(""), [f, h] = m(!1), [M, g] = m(null), k = {
+  } = te(), { login: b } = T(), [h, m] = i(""), [k, N] = i(""), [x, g] = i(!1), [v, f] = i(null), E = {
     google: { icon: fe, label: t("social.google") },
     microsoft: { icon: he, label: t("social.microsoft") }
-  }, b = o.filter((u) => u in k).map((u) => ({
-    id: u,
-    icon: k[u].icon,
-    label: k[u].label
-  })), { bgClass: j, textClass: N, borderClass: D } = xe(s), H = `${j} bg-gradient-to-r from-white/10 via-white/0 to-white/0`;
-  async function A(u) {
-    var S;
-    if (u.preventDefault(), !f) {
-      g(null), h(!0);
+  }, p = o.filter((w) => w in E).map((w) => ({
+    id: w,
+    icon: E[w].icon,
+    label: E[w].label
+  })), { bgClass: C, textClass: M, borderClass: U } = ae(n), z = `${C} bg-gradient-to-r from-white/10 via-white/0 to-white/0`;
+  async function L(w) {
+    var A;
+    if (w.preventDefault(), !x) {
+      f(null), g(!0);
       try {
-        await p({ email: w, password: C });
-      } catch (y) {
-        ((S = y == null ? void 0 : y.response) == null ? void 0 : S.status) === 401 ? g(t("errors.invalidCredentials")) : g(t("errors.generic"));
+        await b({ email: h, password: k });
+      } catch (I) {
+        ((A = I == null ? void 0 : I.response) == null ? void 0 : A.status) === 401 ? f(t("errors.invalidCredentials")) : f(t("errors.generic"));
       } finally {
-        h(!1);
+        g(!1);
       }
     }
   }
-  function _(u) {
-    var y, B, I;
-    if (!d) {
+  function D(w) {
+    var I, $, S;
+    if (!u) {
       console.error("Auth baseUrl is not configured.");
       return;
     }
-    const S = ((B = (y = r.state) == null ? void 0 : y.from) == null ? void 0 : B.pathname) || ((I = r.state) == null ? void 0 : I.from) || "/";
-    if (sessionStorage.setItem("postLoginRedirect", S), u === "google") {
-      const R = "/oauth/google/callback", F = `${window.location.origin}${R}`, T = new URL(`${d}/auth/google`);
-      T.searchParams.set("redirect", F), window.location.href = T.toString();
+    const A = (($ = (I = r.state) == null ? void 0 : I.from) == null ? void 0 : $.pathname) || ((S = r.state) == null ? void 0 : S.from) || "/";
+    if (sessionStorage.setItem("postLoginRedirect", A), w === "google") {
+      const G = "/oauth/google/callback", Y = `${window.location.origin}${G}`, V = new URL(`${u}/auth/google`);
+      V.searchParams.set("redirect", Y), window.location.href = V.toString();
       return;
     }
-    if (u === "microsoft") {
-      const R = "/oauth/microsoft/callback", F = `${window.location.origin}${R}`, T = new URL(`${d}/auth/microsoft`);
-      T.searchParams.set("redirect", F), window.location.href = T.toString();
+    if (w === "microsoft") {
+      const G = "/oauth/microsoft/callback", Y = `${window.location.origin}${G}`, V = new URL(`${u}/auth/microsoft`);
+      V.searchParams.set("redirect", Y), window.location.href = V.toString();
       return;
     }
   }
-  const K = /* @__PURE__ */ e.createElement(
+  const re = /* @__PURE__ */ e.createElement(
     "svg",
     {
       className: "h-4 w-4 animate-spin stroke-current",
@@ -358,11 +258,11 @@ const Ae = [
       }
     )
   );
-  return /* @__PURE__ */ e.createElement("div", { className: `flex items-center justify-center min-h-screen p-4 ${H}` }, /* @__PURE__ */ e.createElement("div", { className: "flex w-full max-w-5xl bg-white rounded-2xl shadow-2xl overflow-hidden" }, /* @__PURE__ */ e.createElement("div", { className: `hidden md:flex md:w-1/2 p-12 flex-col justify-between text-white ${j}` }, /* @__PURE__ */ e.createElement("div", null, n ? /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: `flex items-center justify-center min-h-screen p-4 ${z}` }, /* @__PURE__ */ e.createElement("div", { className: "flex w-full max-w-5xl bg-white rounded-2xl shadow-2xl overflow-hidden" }, /* @__PURE__ */ e.createElement("div", { className: `hidden md:flex md:w-1/2 p-12 flex-col justify-between text-white ${C}` }, /* @__PURE__ */ e.createElement("div", null, s ? /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ e.createElement(
     "img",
     {
       loading: "lazy",
-      src: n,
+      src: s,
       alt: "Brand Logo",
       className: "bg-white h-8 md:h-22 rounded-lg"
     }
@@ -370,35 +270,35 @@ const Ae = [
     "img",
     {
       loading: "lazy",
-      src: i,
+      src: d,
       alt: "Sign in illustration",
       className: "max-w-sm w-full mx-auto rounded-lg shadow-lg transform hover:scale-105 transition-transform duration-300 p-6"
     }
-  )))), /* @__PURE__ */ e.createElement("div", { className: "w-full md:w-1/2 p-4 md:p-8 m-auto" }, /* @__PURE__ */ e.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center mb-8" }, /* @__PURE__ */ e.createElement("div", { className: "flex items-center justify-center md:hidden mb-5" }, n ? /* @__PURE__ */ e.createElement(
+  )))), /* @__PURE__ */ e.createElement("div", { className: "w-full md:w-1/2 p-4 md:p-8 m-auto" }, /* @__PURE__ */ e.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center mb-8" }, /* @__PURE__ */ e.createElement("div", { className: "flex items-center justify-center md:hidden mb-5" }, s ? /* @__PURE__ */ e.createElement(
     "img",
     {
       loading: "lazy",
-      src: n,
+      src: s,
       alt: "Brand Logo",
-      className: `h-22 rounded-full border ${D}`
+      className: `h-22 rounded-full border ${U}`
     }
-  ) : /* @__PURE__ */ e.createElement("h2", { className: "text-2xl font-bold" }, l)), /* @__PURE__ */ e.createElement("div", { className: "w-full md:w-auto mb-4 md:mb-0 text-center md:text-left ltr:text-center rtl:text-center md:ltr:text-left md:rtl:text-right" }, /* @__PURE__ */ e.createElement("p", { className: "text-sm md:text-lg" }, t("SignInPage.welcome"), " ", /* @__PURE__ */ e.createElement("span", { className: `font-semibold ${N} uppercase` }, l)), /* @__PURE__ */ e.createElement("h1", { className: "text-2xl md:text-4xl font-bold text-gray-800" }, t("SignInPage.signIn"))), /* @__PURE__ */ e.createElement("div", { className: "text-sm text-gray-500 text-center md:text-right" }, t("SignInPage.noAccount"), /* @__PURE__ */ e.createElement("br", null), /* @__PURE__ */ e.createElement(
+  ) : /* @__PURE__ */ e.createElement("h2", { className: "text-2xl font-bold" }, l)), /* @__PURE__ */ e.createElement("div", { className: "w-full md:w-auto mb-4 md:mb-0 text-center md:text-left ltr:text-center rtl:text-center md:ltr:text-left md:rtl:text-right" }, /* @__PURE__ */ e.createElement("p", { className: "text-sm md:text-lg" }, t("SignInPage.welcome"), " ", /* @__PURE__ */ e.createElement("span", { className: `font-semibold ${M} uppercase` }, l)), /* @__PURE__ */ e.createElement("h1", { className: "text-2xl md:text-4xl font-bold text-gray-800" }, t("SignInPage.signIn"))), /* @__PURE__ */ e.createElement("div", { className: "text-sm text-gray-500 text-center md:text-right" }, t("SignInPage.noAccount"), /* @__PURE__ */ e.createElement("br", null), /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
       onClick: () => a("/signup"),
-      className: N
+      className: M
     },
     t("SignInPage.signUp")
-  ))), M && /* @__PURE__ */ e.createElement(we, { message: M }), /* @__PURE__ */ e.createElement("form", { className: "space-y-6", onSubmit: A }, /* @__PURE__ */ e.createElement(
+  ))), v && /* @__PURE__ */ e.createElement(le, { message: v }), /* @__PURE__ */ e.createElement("form", { className: "space-y-6", onSubmit: L }, /* @__PURE__ */ e.createElement(
     P,
     {
       label: t("form.emailLabel"),
       type: "email",
       placeholder: t("form.emailPlaceholder"),
-      color: D,
-      value: w,
-      onChange: E
+      color: U,
+      value: h,
+      onChange: m
     }
   ), /* @__PURE__ */ e.createElement(
     P,
@@ -406,98 +306,98 @@ const Ae = [
       label: t("form.passwordLabel"),
       type: "password",
       placeholder: t("form.passwordPlaceholder"),
-      color: D,
-      value: C,
-      onChange: v
+      color: U,
+      value: k,
+      onChange: N
     }
-  ), /* @__PURE__ */ e.createElement("div", { className: "ltr:text-right rtl:text-left" }, /* @__PURE__ */ e.createElement("button", { className: `text-sm ${N}` }, t("SignInPage.forgotPassword"))), /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: "ltr:text-right rtl:text-left" }, /* @__PURE__ */ e.createElement(Me, { to: "/forgot-password", className: M }, t("SignInPage.forgotPassword"))), /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "submit",
-      disabled: f,
-      className: `relative flex w-full items-center justify-center gap-2 py-3 rounded-lg font-medium transition-colors ${f ? "opacity-60 cursor-not-allowed" : ""} ${j} text-white`
+      disabled: x,
+      className: `relative flex w-full items-center justify-center gap-2 py-3 rounded-lg font-medium transition-colors ${x ? "opacity-60 cursor-not-allowed" : ""} ${C} text-white`
     },
-    f && K,
-    t(f ? "SignInPage.signInSubmitting" : "SignInPage.signIn")
-  ), b.length > 0 && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "flex items-center pt-2" }, /* @__PURE__ */ e.createElement("div", { className: `flex-grow h-px ${j}` }), /* @__PURE__ */ e.createElement("span", { className: `${N} mx-3 text-sm` }, t("SignInPage.orLoginWith")), /* @__PURE__ */ e.createElement("div", { className: `flex-grow h-px ${j}` })), /* @__PURE__ */ e.createElement("div", { className: "flex gap-3 mb-6 justify-center md:justify-start" }, b.map((u) => /* @__PURE__ */ e.createElement(
+    x && re,
+    t(x ? "SignInPage.signInSubmitting" : "SignInPage.signIn")
+  ), p.length > 0 && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "flex items-center pt-2" }, /* @__PURE__ */ e.createElement("div", { className: `flex-grow h-px ${C}` }), /* @__PURE__ */ e.createElement("span", { className: `${M} mx-3 text-sm` }, t("SignInPage.orLoginWith")), /* @__PURE__ */ e.createElement("div", { className: `flex-grow h-px ${C}` })), /* @__PURE__ */ e.createElement("div", { className: "flex gap-3 mb-6 justify-center md:justify-start" }, p.map((w) => /* @__PURE__ */ e.createElement(
     "button",
     {
-      key: u.id,
+      key: w.id,
       type: "button",
-      onClick: () => _(u.id),
+      onClick: () => D(w.id),
       className: "flex-1"
     },
-    /* @__PURE__ */ e.createElement(ge, { icon: u.icon, label: u.label })
+    /* @__PURE__ */ e.createElement(ge, { icon: w.icon, label: w.label })
   ))))))));
-}, Ve = () => {
-  const t = q("authLib"), a = se(), r = oe(), {
+}, je = () => {
+  const t = Z("authLib"), a = q(), r = ee(), {
     brandName: l = t("brandName", { defaultValue: "MyBrand" }),
-    colors: s = { bg: "bg-sky-500", text: "text-white", border: "border-sky-500" },
-    logoUrl: n,
+    colors: n = { bg: "bg-sky-500", text: "text-white", border: "border-sky-500" },
+    logoUrl: s,
     oauthProviders: o = [],
-    illustrationUrl: i = t("community.illustrationUrl", {
+    illustrationUrl: d = t("community.illustrationUrl", {
       defaultValue: "https://cdn.builder.io/api/v1/image/assets/TEMP/35ba84b8335fda2819c3a14ea3d00321a0fd0e79e571caa31108468010868ca5?placeholderIfAbsent=true&apiKey=a460e9a46e514356ac1106eada03046c"
     }),
     communityContent: c = {
       title: t("community.title"),
       description: t("community.description")
     },
-    baseUrl: d
+    baseUrl: u
     // IMPORTANT: used for OAuth redirect (same as SignIn)
-  } = de(), { login: p, api: w } = z(), [E, C] = m(""), [v, f] = m(""), [h, M] = m(""), [g, k] = m(""), [b, j] = m(""), [N, D] = m(!1), [H, A] = m(null), [_, K] = m(!1), u = {
+  } = te(), { login: b, api: h } = T(), [m, k] = i(""), [N, x] = i(""), [g, v] = i(""), [f, E] = i(""), [p, C] = i(""), [M, U] = i(!1), [z, L] = i(null), [D, re] = i(!1), w = {
     google: { icon: fe, label: t("social.google") },
     microsoft: { icon: he, label: t("social.microsoft") }
-  }, S = o.filter((x) => x in u).map((x) => ({
-    id: x,
-    icon: u[x].icon,
-    label: u[x].label
-  })), { bgClass: y, textClass: B, borderClass: I } = xe(s), R = `${y} bg-gradient-to-r from-white/10 via-white/0 to-white/0`;
-  async function F(x) {
-    var Q, W, Z;
-    if (x.preventDefault(), !N) {
-      A(null), D(!0);
+  }, A = o.filter((y) => y in w).map((y) => ({
+    id: y,
+    icon: w[y].icon,
+    label: w[y].label
+  })), { bgClass: I, textClass: $, borderClass: S } = ae(n), G = `${I} bg-gradient-to-r from-white/10 via-white/0 to-white/0`;
+  async function Y(y) {
+    var _, O, H;
+    if (y.preventDefault(), !M) {
+      L(null), U(!0);
       try {
-        await w.post("/api/auth/register", {
-          fullname: { fname: E, lname: v },
-          username: h,
-          email: g,
-          password: b
-        }), await p({ email: g, password: b });
-      } catch (L) {
-        const $ = (Q = L == null ? void 0 : L.response) == null ? void 0 : Q.status;
-        A(
-          $ === 400 ? ((Z = (W = L == null ? void 0 : L.response) == null ? void 0 : W.data) == null ? void 0 : Z.message) || t("errors.invalidData", {
+        await h.post("/api/auth/register", {
+          fullname: { fname: m, lname: N },
+          username: g,
+          email: f,
+          password: p
+        }), await b({ email: f, password: p });
+      } catch (j) {
+        const F = (_ = j == null ? void 0 : j.response) == null ? void 0 : _.status;
+        L(
+          F === 400 ? ((H = (O = j == null ? void 0 : j.response) == null ? void 0 : O.data) == null ? void 0 : H.message) || t("errors.invalidData", {
             defaultValue: "Please check the fields and try again."
-          }) : $ === 409 ? t("errors.emailInUse", {
+          }) : F === 409 ? t("errors.emailInUse", {
             defaultValue: "This email is already in use."
           }) : t("errors.generic", {
             defaultValue: "Something went wrong. Please try again."
           })
         );
       } finally {
-        D(!1);
+        U(!1);
       }
     }
   }
-  function T(x) {
-    var W, Z, L;
-    if (!d) {
+  function V(y) {
+    var O, H, j;
+    if (!u) {
       console.error("Auth baseUrl is not configured.");
       return;
     }
-    const Q = ((Z = (W = r.state) == null ? void 0 : W.from) == null ? void 0 : Z.pathname) || ((L = r.state) == null ? void 0 : L.from) || "/";
-    if (sessionStorage.setItem("postLoginRedirect", Q), x === "google") {
-      const $ = "/oauth/google/callback", ee = `${window.location.origin}${$}`, G = new URL(`${d}/auth/google`);
-      G.searchParams.set("redirect", ee), window.location.href = G.toString();
+    const _ = ((H = (O = r.state) == null ? void 0 : O.from) == null ? void 0 : H.pathname) || ((j = r.state) == null ? void 0 : j.from) || "/";
+    if (sessionStorage.setItem("postLoginRedirect", _), y === "google") {
+      const F = "/oauth/google/callback", se = `${window.location.origin}${F}`, Q = new URL(`${u}/auth/google`);
+      Q.searchParams.set("redirect", se), window.location.href = Q.toString();
       return;
     }
-    if (x === "microsoft") {
-      const $ = "/oauth/microsoft/callback", ee = `${window.location.origin}${$}`, G = new URL(`${d}/auth/microsoft`);
-      G.searchParams.set("redirect", ee), window.location.href = G.toString();
+    if (y === "microsoft") {
+      const F = "/oauth/microsoft/callback", se = `${window.location.origin}${F}`, Q = new URL(`${u}/auth/microsoft`);
+      Q.searchParams.set("redirect", se), window.location.href = Q.toString();
       return;
     }
   }
-  const Ne = /* @__PURE__ */ e.createElement(
+  const be = /* @__PURE__ */ e.createElement(
     "svg",
     {
       className: "h-4 w-4 animate-spin stroke-current",
@@ -515,11 +415,11 @@ const Ae = [
       }
     )
   );
-  return /* @__PURE__ */ e.createElement("div", { className: `flex items-center justify-center min-h-screen p-4 ${R}` }, /* @__PURE__ */ e.createElement("div", { className: "flex w-full max-w-5xl bg-white rounded-2xl shadow-2xl overflow-hidden" }, /* @__PURE__ */ e.createElement("div", { className: `hidden md:flex md:w-1/2 p-12 flex-col justify-between text-white ${y}` }, /* @__PURE__ */ e.createElement("div", null, n ? /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ e.createElement(
+  return /* @__PURE__ */ e.createElement("div", { className: `flex items-center justify-center min-h-screen p-4 ${G}` }, /* @__PURE__ */ e.createElement("div", { className: "flex w-full max-w-5xl bg-white rounded-2xl shadow-2xl overflow-hidden" }, /* @__PURE__ */ e.createElement("div", { className: `hidden md:flex md:w-1/2 p-12 flex-col justify-between text-white ${I}` }, /* @__PURE__ */ e.createElement("div", null, s ? /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ e.createElement(
     "img",
     {
       loading: "lazy",
-      src: n,
+      src: s,
       alt: "Brand Logo",
       className: "bg-white h-8 md:h-22 rounded-lg"
     }
@@ -527,37 +427,37 @@ const Ae = [
     "img",
     {
       loading: "lazy",
-      src: i,
+      src: d,
       alt: "Sign up illustration",
       className: "max-w-sm w-full mx-auto rounded-lg shadow-lg transform hover:scale-105 transition-transform duration-300 p-6"
     }
-  )))), /* @__PURE__ */ e.createElement("div", { className: "w-full md:w-1/2 p-4 md:p-8 m-auto" }, /* @__PURE__ */ e.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center mb-8" }, /* @__PURE__ */ e.createElement("div", { className: "flex items-center justify-center md:hidden mb-5" }, n ? /* @__PURE__ */ e.createElement(
+  )))), /* @__PURE__ */ e.createElement("div", { className: "w-full md:w-1/2 p-4 md:p-8 m-auto" }, /* @__PURE__ */ e.createElement("div", { className: "flex flex-col md:flex-row justify-between items-center mb-8" }, /* @__PURE__ */ e.createElement("div", { className: "flex items-center justify-center md:hidden mb-5" }, s ? /* @__PURE__ */ e.createElement(
     "img",
     {
       loading: "lazy",
-      src: n,
+      src: s,
       alt: "Brand Logo",
-      className: `h-22 rounded-full border ${I}`
+      className: `h-22 rounded-full border ${S}`
     }
-  ) : /* @__PURE__ */ e.createElement("h2", { className: "text-2xl font-bold" }, l)), /* @__PURE__ */ e.createElement("div", { className: "w-full md:w-auto mb-4 md:mb-0 text-center md:text-left ltr:text-center rtl:text-center md:ltr:text-left md:rtl:text-right" }, /* @__PURE__ */ e.createElement("p", { className: "text-sm md:text-lg" }, t("SignUpPage.welcome", { defaultValue: "Join" }), " ", /* @__PURE__ */ e.createElement("span", { className: `font-semibold ${B} uppercase` }, l)), /* @__PURE__ */ e.createElement("h1", { className: "text-2xl md:text-4xl font-bold text-gray-800" }, t("SignUpPage.signUp", { defaultValue: "Sign up" }))), /* @__PURE__ */ e.createElement("div", { className: "text-sm text-gray-500 text-center md:text-right" }, t("SignUpPage.alreadyHaveAccount", {
+  ) : /* @__PURE__ */ e.createElement("h2", { className: "text-2xl font-bold" }, l)), /* @__PURE__ */ e.createElement("div", { className: "w-full md:w-auto mb-4 md:mb-0 text-center md:text-left ltr:text-center rtl:text-center md:ltr:text-left md:rtl:text-right" }, /* @__PURE__ */ e.createElement("p", { className: "text-sm md:text-lg" }, t("SignUpPage.welcome", { defaultValue: "Join" }), " ", /* @__PURE__ */ e.createElement("span", { className: `font-semibold ${$} uppercase` }, l)), /* @__PURE__ */ e.createElement("h1", { className: "text-2xl md:text-4xl font-bold text-gray-800" }, t("SignUpPage.signUp", { defaultValue: "Sign up" }))), /* @__PURE__ */ e.createElement("div", { className: "text-sm text-gray-500 text-center md:text-right" }, t("SignUpPage.alreadyHaveAccount", {
     defaultValue: "Already have an account?"
   }), /* @__PURE__ */ e.createElement("br", null), /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
       onClick: () => a("/login"),
-      className: B
+      className: $
     },
     t("SignUpPage.signIn", { defaultValue: "Sign in" })
-  ))), H && /* @__PURE__ */ e.createElement(we, { message: H }), /* @__PURE__ */ e.createElement("form", { className: "space-y-6", onSubmit: F }, /* @__PURE__ */ e.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ e.createElement(
+  ))), z && /* @__PURE__ */ e.createElement(le, { message: z }), /* @__PURE__ */ e.createElement("form", { className: "space-y-6", onSubmit: Y }, /* @__PURE__ */ e.createElement("div", { className: "flex gap-2" }, /* @__PURE__ */ e.createElement(
     P,
     {
       label: t("form.fnameLabel", { defaultValue: "First Name" }),
       type: "text",
       placeholder: t("form.fnamePlaceholder", { defaultValue: "Enter your first name" }),
-      color: I,
-      value: E,
-      onChange: C
+      color: S,
+      value: m,
+      onChange: k
     }
   ), /* @__PURE__ */ e.createElement(
     P,
@@ -565,9 +465,9 @@ const Ae = [
       label: t("form.lnameLabel", { defaultValue: "Last Name" }),
       type: "text",
       placeholder: t("form.lnamePlaceholder", { defaultValue: "Enter your last name" }),
-      color: I,
-      value: v,
-      onChange: f
+      color: S,
+      value: N,
+      onChange: x
     }
   )), /* @__PURE__ */ e.createElement(
     P,
@@ -575,9 +475,9 @@ const Ae = [
       label: t("form.usernameLabel", { defaultValue: "Username" }),
       type: "text",
       placeholder: t("form.usernamePlaceholder", { defaultValue: "Choose a username" }),
-      color: I,
-      value: h,
-      onChange: M
+      color: S,
+      value: g,
+      onChange: v
     }
   ), /* @__PURE__ */ e.createElement(
     P,
@@ -585,9 +485,9 @@ const Ae = [
       label: t("form.emailLabel"),
       type: "email",
       placeholder: t("form.emailPlaceholder"),
-      color: I,
-      value: g,
-      onChange: k
+      color: S,
+      value: f,
+      onChange: E
     }
   ), /* @__PURE__ */ e.createElement(
     P,
@@ -595,232 +495,348 @@ const Ae = [
       label: t("form.passwordLabel"),
       type: "password",
       placeholder: t("form.passwordPlaceholder"),
-      color: I,
-      value: b,
-      onChange: j
+      color: S,
+      value: p,
+      onChange: C
     }
   ), /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ e.createElement(
     "input",
     {
       id: "agree",
       type: "checkbox",
-      checked: _,
-      onChange: (x) => K(x.target.checked),
+      checked: D,
+      onChange: (y) => re(y.target.checked),
       className: "form-checkbox"
     }
   ), /* @__PURE__ */ e.createElement("label", { htmlFor: "agree", className: "text-sm" }, "I agree to the ", /* @__PURE__ */ e.createElement("span", { className: "underline cursor-pointer" }, "terms and conditions"), " (placeholder)")), /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "submit",
-      disabled: N,
-      className: `relative flex w-full items-center justify-center gap-2 py-3 rounded-lg font-medium transition-colors ${N ? "opacity-60 cursor-not-allowed" : ""} ${y} text-white`
+      disabled: M,
+      className: `relative flex w-full items-center justify-center gap-2 py-3 rounded-lg font-medium transition-colors ${M ? "opacity-60 cursor-not-allowed" : ""} ${I} text-white`
     },
-    N && Ne,
-    N ? t("SignUpPage.signUpSubmitting", {
+    M && be,
+    M ? t("SignUpPage.signUpSubmitting", {
       defaultValue: "Creating account..."
     }) : t("SignUpPage.signUp", { defaultValue: "Sign up" })
-  ), S.length > 0 && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "flex items-center pt-2" }, /* @__PURE__ */ e.createElement("div", { className: `flex-grow h-px ${y}` }), /* @__PURE__ */ e.createElement("span", { className: `${B} mx-3 text-sm` }, t("SignUpPage.orContinueWith", {
+  ), A.length > 0 && /* @__PURE__ */ e.createElement(e.Fragment, null, /* @__PURE__ */ e.createElement("div", { className: "flex items-center pt-2" }, /* @__PURE__ */ e.createElement("div", { className: `flex-grow h-px ${I}` }), /* @__PURE__ */ e.createElement("span", { className: `${$} mx-3 text-sm` }, t("SignUpPage.orContinueWith", {
     defaultValue: "Or continue with"
-  })), /* @__PURE__ */ e.createElement("div", { className: `flex-grow h-px ${y}` })), /* @__PURE__ */ e.createElement("div", { className: "flex gap-3 mb-6 justify-center md:justify-start" }, S.map((x) => /* @__PURE__ */ e.createElement(
+  })), /* @__PURE__ */ e.createElement("div", { className: `flex-grow h-px ${I}` })), /* @__PURE__ */ e.createElement("div", { className: "flex gap-3 mb-6 justify-center md:justify-start" }, A.map((y) => /* @__PURE__ */ e.createElement(
     "button",
     {
-      key: x.id,
+      key: y.id,
       type: "button",
-      onClick: () => T(x.id),
+      onClick: () => V(y.id),
       className: "flex-1"
     },
-    /* @__PURE__ */ e.createElement(ge, { icon: x.icon, label: x.label })
+    /* @__PURE__ */ e.createElement(ge, { icon: y.icon, label: y.label })
   ))))))));
-}, ce = () => (V(() => {
+}, me = () => (W(() => {
   const t = new URLSearchParams(window.location.search), a = t.get("accessToken"), r = t.get("refreshToken");
   a && localStorage.setItem("authToken", a), r && localStorage.setItem("refreshToken", r);
   const l = sessionStorage.getItem("postLoginRedirect") || "/";
   sessionStorage.removeItem("postLoginRedirect"), window.location.replace(l);
-}, []), /* @__PURE__ */ e.createElement("div", { className: "flex items-center justify-center min-h-screen text-gray-700" }, "Finishing Google sign-in…")), Re = ({ children: t }) => {
-  const { isAuthenticated: a } = z(), r = oe();
-  return a ? t : /* @__PURE__ */ e.createElement(J, { to: "/login", state: { from: r }, replace: !0 });
-}, He = ({ config: t, children: a }) => {
-  const r = se(), [l, s] = m(
+}, []), /* @__PURE__ */ e.createElement("div", { className: "flex items-center justify-center min-h-screen text-gray-700" }, "Finishing Google sign-in…")), Te = () => {
+  const t = Z("authLib"), a = q(), { colors: r, brandName: l = t("brandName", { defaultValue: "MyBrand" }), logoUrl: n } = te(), { api: s } = T(), { bgClass: o, textClass: d, borderClass: c } = ae(r), u = `${o} bg-gradient-to-r from-white/10 via-white/0 to-white/0`, [b, h] = i(""), [m, k] = i(!1), [N, x] = i(null), [g, v] = i(!1);
+  async function f(E) {
+    if (E.preventDefault(), !m) {
+      x(null), k(!0);
+      try {
+        await s.post("/api/auth/forgot-password", { email: b }), v(!0);
+      } catch (p) {
+        v(!0), console.error("Forgot password request failed", p);
+      } finally {
+        k(!1);
+      }
+    }
+  }
+  return /* @__PURE__ */ e.createElement("div", { className: `flex items-center justify-center min-h-screen p-4 ${u}` }, /* @__PURE__ */ e.createElement("div", { className: "flex w-full max-w-xl bg-white rounded-2xl shadow-2xl overflow-hidden" }, /* @__PURE__ */ e.createElement("div", { className: "w-full p-6 md:p-8" }, /* @__PURE__ */ e.createElement("div", { className: "flex items-center justify-between mb-6" }, n ? /* @__PURE__ */ e.createElement(
+    "img",
+    {
+      loading: "lazy",
+      src: n,
+      alt: "Brand Logo",
+      className: `h-10 rounded-lg border ${c}`
+    }
+  ) : /* @__PURE__ */ e.createElement("h2", { className: "text-xl font-bold" }, l), /* @__PURE__ */ e.createElement("button", { type: "button", onClick: () => a("/login"), className: `text-sm ${d}` }, t("ForgotPasswordPage.backToLogin", { defaultValue: "Back to Sign In" }))), /* @__PURE__ */ e.createElement("h1", { className: "text-2xl md:text-3xl font-bold text-gray-800" }, t("ForgotPasswordPage.title", { defaultValue: "Forgot your password?" })), /* @__PURE__ */ e.createElement("p", { className: "mt-2 text-sm text-gray-600" }, t("ForgotPasswordPage.subtitle", { defaultValue: "Enter your email to receive a reset link." })), N && /* @__PURE__ */ e.createElement(le, { message: N }), g ? /* @__PURE__ */ e.createElement("div", { className: "mt-6 rounded-lg border border-green-300 bg-green-50 p-4 text-green-800 text-sm" }, t("ForgotPasswordPage.sent", {
+    defaultValue: "If the email exists, we’ve sent a reset link. Please check your inbox."
+  })) : /* @__PURE__ */ e.createElement("form", { className: "space-y-6 mt-4", onSubmit: f }, /* @__PURE__ */ e.createElement(
+    P,
+    {
+      label: t("form.emailLabel"),
+      type: "email",
+      placeholder: t("form.emailPlaceholder"),
+      color: c,
+      value: b,
+      onChange: h
+    }
+  ), /* @__PURE__ */ e.createElement(
+    "button",
+    {
+      type: "submit",
+      disabled: m || !b,
+      className: `relative flex w-full items-center justify-center gap-2 py-3 rounded-lg font-medium transition-colors ${m ? "opacity-60 cursor-not-allowed" : ""} ${o} text-white`
+    },
+    m && /* @__PURE__ */ e.createElement("svg", { className: "h-4 w-4 animate-spin stroke-current", viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ e.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", strokeWidth: "4" }), /* @__PURE__ */ e.createElement("path", { className: "opacity-75", d: "M4 12a8 8 0 018-8", strokeWidth: "4", strokeLinecap: "round" })),
+    t("ForgotPasswordPage.sendLink", { defaultValue: "Send Reset Link" })
+  )))));
+}, Ue = () => {
+  const t = Z("authLib"), a = q(), r = ee(), { colors: l, brandName: n = t("brandName", { defaultValue: "MyBrand" }), logoUrl: s } = te(), { api: o } = T(), { bgClass: d, textClass: c, borderClass: u } = ae(l), b = `${d} bg-gradient-to-r from-white/10 via-white/0 to-white/0`, h = J(() => new URLSearchParams(r.search).get("token"), [r.search]), [m, k] = i(""), [N, x] = i(""), [g, v] = i(!1), [f, E] = i(null), p = 6, C = h && m.length >= p && m === N;
+  async function M(U) {
+    var z;
+    if (U.preventDefault(), !g) {
+      if (E(null), !h) {
+        E(t("ResetPasswordPage.invalidLink", { defaultValue: "Invalid reset link." }));
+        return;
+      }
+      if (m.length < p) {
+        E(
+          t("ResetPasswordPage.tooShort", { defaultValue: `Password must be at least ${p} characters.` })
+        );
+        return;
+      }
+      if (m !== N) {
+        E(t("ResetPasswordPage.mismatch", { defaultValue: "Passwords do not match." }));
+        return;
+      }
+      v(!0);
+      try {
+        await o.post("/api/auth/reset-password", { token: h, newPassword: m }), a("/login", { replace: !0 });
+      } catch (L) {
+        const D = (z = L == null ? void 0 : L.response) == null ? void 0 : z.status;
+        E(
+          D === 400 || D === 401 || D === 410 ? t("ResetPasswordPage.invalidOrExpired", {
+            defaultValue: "Reset link is invalid or has expired. Request a new one."
+          }) : t("errors.generic", { defaultValue: "Something went wrong. Please try again." })
+        );
+      } finally {
+        v(!1);
+      }
+    }
+  }
+  return /* @__PURE__ */ e.createElement("div", { className: `flex items-center justify-center min-h-screen p-4 ${b}` }, /* @__PURE__ */ e.createElement("div", { className: "flex w-full max-w-xl bg-white rounded-2xl shadow-2xl overflow-hidden" }, /* @__PURE__ */ e.createElement("div", { className: "w-full p-6 md:p-8" }, /* @__PURE__ */ e.createElement("div", { className: "flex items-center justify-between mb-6" }, s ? /* @__PURE__ */ e.createElement(
+    "img",
+    {
+      loading: "lazy",
+      src: s,
+      alt: "Brand Logo",
+      className: `h-10 rounded-lg border ${u}`
+    }
+  ) : /* @__PURE__ */ e.createElement("h2", { className: "text-xl font-bold" }, n), /* @__PURE__ */ e.createElement("button", { type: "button", onClick: () => a("/login"), className: `text-sm ${c}` }, t("ResetPasswordPage.backToLogin", { defaultValue: "Back to Sign In" }))), /* @__PURE__ */ e.createElement("h1", { className: "text-2xl md:text-3xl font-bold text-gray-800" }, t("ResetPasswordPage.title", { defaultValue: "Reset your password" })), /* @__PURE__ */ e.createElement("p", { className: "mt-2 text-sm text-gray-600" }, t("ResetPasswordPage.subtitle", { defaultValue: "Choose a new password to access your account." })), f && /* @__PURE__ */ e.createElement(le, { message: f }), !h && /* @__PURE__ */ e.createElement("div", { className: "mt-6 rounded-lg border border-red-300 bg-red-50 p-4 text-red-800 text-sm" }, t("ResetPasswordPage.invalidLink", { defaultValue: "Invalid reset link." })), /* @__PURE__ */ e.createElement("form", { className: "space-y-6 mt-4", onSubmit: M }, /* @__PURE__ */ e.createElement(
+    P,
+    {
+      label: t("form.passwordLabel"),
+      type: "password",
+      placeholder: t("form.passwordPlaceholder"),
+      color: u,
+      value: m,
+      onChange: k
+    }
+  ), /* @__PURE__ */ e.createElement(
+    P,
+    {
+      label: t("ResetPasswordPage.confirmLabel", { defaultValue: "Confirm Password" }),
+      type: "password",
+      placeholder: t("ResetPasswordPage.confirmPlaceholder", { defaultValue: "Re-enter your password" }),
+      color: u,
+      value: N,
+      onChange: x
+    }
+  ), /* @__PURE__ */ e.createElement(
+    "button",
+    {
+      type: "submit",
+      disabled: g || !C,
+      className: `relative flex w-full items-center justify-center gap-2 py-3 rounded-lg font-medium transition-colors ${g ? "opacity-60 cursor-not-allowed" : ""} ${d} text-white`
+    },
+    g && /* @__PURE__ */ e.createElement("svg", { className: "h-4 w-4 animate-spin stroke-current", viewBox: "0 0 24 24", fill: "none" }, /* @__PURE__ */ e.createElement("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", strokeWidth: "4" }), /* @__PURE__ */ e.createElement("path", { className: "opacity-75", d: "M4 12a8 8 0 018-8", strokeWidth: "4", strokeLinecap: "round" })),
+    t("ResetPasswordPage.submit", { defaultValue: "Reset Password" })
+  )))));
+}, ze = ({ children: t }) => {
+  const { isAuthenticated: a } = T(), r = ee();
+  return a ? t : /* @__PURE__ */ e.createElement(K, { to: "/login", state: { from: r }, replace: !0 });
+}, We = ({ config: t, children: a }) => {
+  const r = q(), [l, n] = i(
     () => localStorage.getItem("authToken")
-  ), [n, o] = m(null), [i, c] = m(!0), [d, p] = m(!1);
-  async function w() {
+  ), [s, o] = i(null), [d, c] = i(!0), [u, b] = i(!1);
+  async function h() {
     try {
-      await E.post("/auth/logout");
-    } catch (f) {
-      console.warn("Logout endpoint failed, proceeding with local logout:", f);
+      await m.post("/auth/logout");
+    } catch (x) {
+      console.warn("Logout endpoint failed, proceeding with local logout:", x);
     }
-    s(null), o(null), localStorage.removeItem("authToken"), sessionStorage.clear(), p(!1), r("/login", { replace: !0 });
+    n(null), o(null), localStorage.removeItem("authToken"), sessionStorage.clear(), b(!1), r("/login", { replace: !0 });
   }
-  const E = X(() => {
-    const f = le.create({
+  const m = J(() => {
+    const x = oe.create({
       baseURL: t.baseUrl,
       withCredentials: !0
     });
-    return je(f, {
+    return Pe(x, {
       baseUrl: t.baseUrl,
       getAccessToken: () => l,
-      setAccessToken: (h) => s(h),
-      logout: () => p(!0)
-    }), f;
+      setAccessToken: (g) => n(g),
+      logout: () => b(!0)
+    }), x;
   }, [t.baseUrl, l]);
-  V(() => {
+  W(() => {
     (async () => {
       if (l) {
-        o(te(l)), c(!1);
+        o(ne(l)), c(!1);
         return;
       }
       try {
-        const { data: h } = await le.post(
+        const { data: g } = await oe.post(
           `${t.baseUrl}/auth/refresh-token`,
           {},
           { withCredentials: !0 }
         );
-        s(h.accessToken), o(te(h.accessToken)), localStorage.setItem("authToken", h.accessToken);
+        n(g.accessToken), o(ne(g.accessToken)), localStorage.setItem("authToken", g.accessToken);
       } catch {
       } finally {
         c(!1);
       }
     })();
   }, [l, t.baseUrl]);
-  async function C(f) {
-    const { data: h } = await E.post("/api/auth/login", f);
-    s(h.accessToken), o(te(h.accessToken)), localStorage.setItem("authToken", h.accessToken), Ce(), r("/", { replace: !0 });
+  async function k(x) {
+    const { data: g } = await m.post("/api/auth/login", x);
+    n(g.accessToken), o(ne(g.accessToken)), localStorage.setItem("authToken", g.accessToken), Le(), r("/", { replace: !0 });
   }
-  const v = X(
+  const N = J(
     () => ({
       isAuthenticated: !!l,
       accessToken: l,
-      user: n,
-      login: C,
-      logout: w,
-      api: E,
+      user: s,
+      login: k,
+      logout: h,
+      api: m,
       setUser: o
     }),
-    [l, n, E]
+    [l, s, m]
   );
-  return /* @__PURE__ */ e.createElement(me.Provider, { value: t }, /* @__PURE__ */ e.createElement(ue.Provider, { value: v }, /* @__PURE__ */ e.createElement(Le, null, /* @__PURE__ */ e.createElement(
-    Y,
+  return /* @__PURE__ */ e.createElement(de.Provider, { value: t }, /* @__PURE__ */ e.createElement(ue.Provider, { value: N }, /* @__PURE__ */ e.createElement(Ie, null, /* @__PURE__ */ e.createElement(
+    B,
     {
       path: "login",
-      element: l ? /* @__PURE__ */ e.createElement(J, { to: "/", replace: !0 }) : /* @__PURE__ */ e.createElement($e, { baseUrl: t.baseUrl, colors: t.colors })
+      element: l ? /* @__PURE__ */ e.createElement(K, { to: "/", replace: !0 }) : /* @__PURE__ */ e.createElement(Se, { baseUrl: t.baseUrl, colors: t.colors })
     }
   ), /* @__PURE__ */ e.createElement(
-    Y,
+    B,
     {
       path: "signup",
-      element: l ? /* @__PURE__ */ e.createElement(J, { to: "/", replace: !0 }) : /* @__PURE__ */ e.createElement(Ve, null)
+      element: l ? /* @__PURE__ */ e.createElement(K, { to: "/", replace: !0 }) : /* @__PURE__ */ e.createElement(je, null)
     }
-  ), /* @__PURE__ */ e.createElement(
-    Y,
+  ), /* @__PURE__ */ e.createElement(B, { path: "forgot-password", element: /* @__PURE__ */ e.createElement(Te, null) }), /* @__PURE__ */ e.createElement(B, { path: "reset-password", element: /* @__PURE__ */ e.createElement(Ue, null) }), /* @__PURE__ */ e.createElement(
+    B,
     {
       path: "oauth/google/callback",
-      element: /* @__PURE__ */ e.createElement(ce, null)
+      element: /* @__PURE__ */ e.createElement(me, null)
     }
   ), /* @__PURE__ */ e.createElement(
-    Y,
+    B,
     {
       path: "/oauth/microsoft/callback",
-      element: /* @__PURE__ */ e.createElement(ce, null)
+      element: /* @__PURE__ */ e.createElement(me, null)
     }
   ), /* @__PURE__ */ e.createElement(
-    Y,
+    B,
     {
       path: "*",
-      element: /* @__PURE__ */ e.createElement(Re, null, a)
+      element: /* @__PURE__ */ e.createElement(ze, null, a)
     }
-  )), d && /* @__PURE__ */ e.createElement(Se, { onConfirm: w })));
+  )), u && /* @__PURE__ */ e.createElement(Ce, { onConfirm: h })));
 };
-function Ee(...t) {
-  const { user: a } = z(), r = (a == null ? void 0 : a.roles) ?? [];
+function pe(...t) {
+  const { user: a } = T(), r = (a == null ? void 0 : a.roles) ?? [];
   return t.some((l) => r.includes(l));
 }
-function Qe(t) {
-  const { user: a } = z();
+function Ze(t) {
+  const { user: a } = T();
   return (a == null ? void 0 : a.modules.includes(t)) ?? !1;
 }
-function ne(...t) {
-  const { user: a } = z(), r = (a == null ? void 0 : a.permissions) ?? [];
+function ie(...t) {
+  const { user: a } = T(), r = (a == null ? void 0 : a.permissions) ?? [];
   return t.every((l) => r.includes(l));
 }
-const Xe = ({
+const Ge = ({
   children: t,
   fallbackpermessions: a = [],
   anyPermessions: r = [],
   fallbackRoles: l = ["super-admin"],
-  redirectTo: s = "/dashboard"
+  redirectTo: n = "/dashboard"
 }) => {
-  if (l.some((c) => Ee(c)))
+  if (l.some((c) => pe(c)))
     return /* @__PURE__ */ e.createElement(e.Fragment, null, t);
-  const o = a.length === 0 || a.every((c) => ne(c)), i = r.length === 0 || r.some((c) => ne(c));
-  return o && i ? /* @__PURE__ */ e.createElement(e.Fragment, null, t) : /* @__PURE__ */ e.createElement(J, { to: s, replace: !0 });
-}, ye = e.createContext({}), Je = ye.Provider;
-function qe(t, a) {
-  var s, n, o;
-  const l = (s = e.useContext(ye)[t]) == null ? void 0 : s[a];
-  return l ? !!((n = l.perms) != null && n.some((i) => ne(i)) || (o = l.fallbackRoles) != null && o.some((i) => Ee(i))) : !1;
+  const o = a.length === 0 || a.every((c) => ie(c)), d = r.length === 0 || r.some((c) => ie(c));
+  return o && d ? /* @__PURE__ */ e.createElement(e.Fragment, null, t) : /* @__PURE__ */ e.createElement(K, { to: n, replace: !0 });
+}, xe = e.createContext({}), Ye = xe.Provider;
+function Oe(t, a) {
+  var n, s, o;
+  const l = (n = e.useContext(xe)[t]) == null ? void 0 : n[a];
+  return l ? !!((s = l.perms) != null && s.some((d) => ie(d)) || (o = l.fallbackRoles) != null && o.some((d) => pe(d))) : !1;
 }
-const _e = () => {
-  const { user: t, api: a, setUser: r } = z(), [l, s] = m((t == null ? void 0 : t.name) ?? ""), [n, o] = m((t == null ? void 0 : t.email) ?? ""), [i, c] = m(!1), [d, p] = m(!1), [w, E] = m({
+const He = () => {
+  const { user: t, api: a, setUser: r } = T(), [l, n] = i((t == null ? void 0 : t.name) ?? ""), [s, o] = i((t == null ? void 0 : t.email) ?? ""), [d, c] = i(!1), [u, b] = i(!1), [h, m] = i({
     open: !1,
     type: "success",
     title: "",
     message: ""
-  }), C = "+971 50 827 8229";
-  V(() => {
-    if (!w.open)
+  }), k = "+971 50 827 8229";
+  W(() => {
+    if (!h.open)
       return;
-    const g = window.setTimeout(() => E((k) => ({ ...k, open: !1 })), 3e3);
-    return () => window.clearTimeout(g);
-  }, [w.open]), V(() => {
-    let g = !1;
-    async function k() {
+    const f = window.setTimeout(() => m((E) => ({ ...E, open: !1 })), 3e3);
+    return () => window.clearTimeout(f);
+  }, [h.open]), W(() => {
+    let f = !1;
+    async function E() {
       try {
-        const { data: b } = await a.get("/auth/client/me");
-        if (g)
+        const { data: p } = await a.get("/auth/client/me");
+        if (f)
           return;
-        r(b), s((b == null ? void 0 : b.name) ?? ""), o((b == null ? void 0 : b.email) ?? "");
-      } catch (b) {
-        console.error("Failed to load profile details:", b);
+        r(p), n((p == null ? void 0 : p.name) ?? ""), o((p == null ? void 0 : p.email) ?? "");
+      } catch (p) {
+        console.error("Failed to load profile details:", p);
       }
     }
-    return k(), () => {
-      g = !0;
+    return E(), () => {
+      f = !0;
     };
   }, [a, r]);
-  const v = X(() => (l || (t == null ? void 0 : t.name) || (t == null ? void 0 : t.email) || "").trim(), [l, t == null ? void 0 : t.name, t == null ? void 0 : t.email]), f = X(() => v.charAt(0).toUpperCase() || "?", [v]);
-  async function h() {
+  const N = J(() => (l || (t == null ? void 0 : t.name) || (t == null ? void 0 : t.email) || "").trim(), [l, t == null ? void 0 : t.name, t == null ? void 0 : t.email]), x = J(() => N.charAt(0).toUpperCase() || "?", [N]);
+  async function g() {
     if (t) {
-      p(!0);
+      b(!0);
       try {
-        await a.patch("/auth/client/me", { name: l }), r({ ...t, name: l }), c(!1), E({
+        await a.patch("/auth/client/me", { name: l }), r({ ...t, name: l }), c(!1), m({
           open: !0,
           type: "success",
           title: "Changes saved",
           message: "Your profile was updated successfully."
         });
-      } catch (g) {
-        console.error("Failed to update profile:", g), E({
+      } catch (f) {
+        console.error("Failed to update profile:", f), m({
           open: !0,
           type: "error",
           title: "Save failed",
           message: "Failed to save changes. Please try again."
         });
       } finally {
-        p(!1);
+        b(!1);
       }
     }
   }
   if (!t)
     return /* @__PURE__ */ e.createElement("p", { className: "text-sm text-gray-500" }, "No user data available.");
-  const M = w.type === "success";
-  return /* @__PURE__ */ e.createElement("div", { className: "max-w-3xl mx-auto" }, w.open && /* @__PURE__ */ e.createElement(
+  const v = h.type === "success";
+  return /* @__PURE__ */ e.createElement("div", { className: "max-w-3xl mx-auto" }, h.open && /* @__PURE__ */ e.createElement(
     "div",
     {
       className: "fixed top-6 right-6 z-[999999] flex items-center gap-3 rounded-xl border bg-white px-4 py-3 shadow-lg",
       role: "status",
       "aria-live": "polite",
       style: {
-        borderColor: M ? "#BBF7D0" : "#FECACA"
+        borderColor: v ? "#BBF7D0" : "#FECACA"
       }
     },
     /* @__PURE__ */ e.createElement(
@@ -828,10 +844,10 @@ const _e = () => {
       {
         className: "flex h-9 w-9 items-center justify-center rounded-full",
         style: {
-          backgroundColor: M ? "#ECFDF5" : "#FEF2F2"
+          backgroundColor: v ? "#ECFDF5" : "#FEF2F2"
         }
       },
-      M ? /* @__PURE__ */ e.createElement(
+      v ? /* @__PURE__ */ e.createElement(
         "svg",
         {
           width: "18",
@@ -894,15 +910,15 @@ const _e = () => {
       "span",
       {
         className: "text-sm font-semibold",
-        style: { color: M ? "#15803D" : "#B91C1C" }
+        style: { color: v ? "#15803D" : "#B91C1C" }
       },
-      w.title
-    ), w.message && /* @__PURE__ */ e.createElement("span", { className: "text-xs text-gray-500" }, w.message)),
+      h.title
+    ), h.message && /* @__PURE__ */ e.createElement("span", { className: "text-xs text-gray-500" }, h.message)),
     /* @__PURE__ */ e.createElement(
       "button",
       {
         type: "button",
-        onClick: () => E((g) => ({ ...g, open: !1 })),
+        onClick: () => m((f) => ({ ...f, open: !1 })),
         className: "ml-2 rounded-md px-2 py-1 text-gray-500 hover:bg-gray-100",
         "aria-label": "Close",
         title: "Close"
@@ -936,7 +952,7 @@ const _e = () => {
         )
       )
     )
-  ), /* @__PURE__ */ e.createElement("div", { className: "rounded-2xl border border-gray-200 bg-white shadow-sm" }, /* @__PURE__ */ e.createElement("div", { className: "px-6 pt-6 pb-4" }, /* @__PURE__ */ e.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ e.createElement("div", { className: "relative" }, /* @__PURE__ */ e.createElement("div", { className: "h-16 w-16 rounded-full bg-blue-600 flex items-center justify-center text-white text-2xl font-semibold" }, f), /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: "rounded-2xl border border-gray-200 bg-white shadow-sm" }, /* @__PURE__ */ e.createElement("div", { className: "px-6 pt-6 pb-4" }, /* @__PURE__ */ e.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-4" }, /* @__PURE__ */ e.createElement("div", { className: "relative" }, /* @__PURE__ */ e.createElement("div", { className: "h-16 w-16 rounded-full bg-blue-600 flex items-center justify-center text-white text-2xl font-semibold" }, x), /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
@@ -971,15 +987,15 @@ const _e = () => {
         }
       )
     )
-  )), /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("h1", { className: "text-2xl font-semibold" }, "My Profile"), /* @__PURE__ */ e.createElement("p", { className: "text-sm text-gray-500" }, "Personal details"))), i ? /* @__PURE__ */ e.createElement(
+  )), /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("h1", { className: "text-2xl font-semibold" }, "My Profile"), /* @__PURE__ */ e.createElement("p", { className: "text-sm text-gray-500" }, "Personal details"))), d ? /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
-      onClick: h,
-      disabled: d,
+      onClick: g,
+      disabled: u,
       className: "rounded-full border border-blue-200 bg-blue-50 px-4 py-2 text-sm font-medium text-blue-700 hover:bg-blue-100 disabled:opacity-60"
     },
-    d ? "Saving…" : "Save changes"
+    u ? "Saving…" : "Save changes"
   ) : /* @__PURE__ */ e.createElement(
     "button",
     {
@@ -1021,15 +1037,15 @@ const _e = () => {
     {
       type: "text",
       value: l,
-      disabled: !i || d,
-      onChange: (g) => s(g.target.value),
-      className: `w-full rounded-lg border px-3 py-2 text-sm outline-none ${i ? "border-gray-300 bg-white focus:border-blue-500 focus:ring-2 focus:ring-blue-100" : "border-gray-200 bg-gray-50 text-gray-700"}`
+      disabled: !d || u,
+      onChange: (f) => n(f.target.value),
+      className: `w-full rounded-lg border px-3 py-2 text-sm outline-none ${d ? "border-gray-300 bg-white focus:border-blue-500 focus:ring-2 focus:ring-blue-100" : "border-gray-200 bg-gray-50 text-gray-700"}`
     }
   )), /* @__PURE__ */ e.createElement("div", null, /* @__PURE__ */ e.createElement("label", { className: "block text-xs font-medium text-gray-500 mb-2" }, "Email ID"), /* @__PURE__ */ e.createElement(
     "input",
     {
       type: "email",
-      value: n,
+      value: s,
       disabled: !0,
       className: "w-full rounded-lg border border-gray-200 bg-gray-50 px-3 py-2 text-sm text-gray-700 cursor-not-allowed"
     }
@@ -1037,17 +1053,17 @@ const _e = () => {
     "input",
     {
       type: "text",
-      value: C,
+      value: k,
       disabled: !0,
       className: "w-full rounded-lg border border-gray-200 bg-gray-50 px-3 py-2 text-sm text-gray-700 cursor-not-allowed"
     }
-  ))), i && /* @__PURE__ */ e.createElement(
+  ))), d && /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
-      disabled: d,
+      disabled: u,
       onClick: () => {
-        c(!1), s((t == null ? void 0 : t.name) ?? "");
+        c(!1), n((t == null ? void 0 : t.name) ?? "");
       },
       className: "mt-6 text-sm font-medium text-gray-600 hover:text-gray-900"
     },
@@ -1055,14 +1071,14 @@ const _e = () => {
   ))));
 };
 export {
-  He as AuthProvider,
-  _e as ProfilePage,
-  ye as RbacContext,
-  Je as RbacProvider,
-  Xe as RequirePermissions,
-  z as useAuthState,
-  ne as useCan,
-  qe as useGrant,
-  Qe as useHasModule,
-  Ee as useHasRole
+  We as AuthProvider,
+  He as ProfilePage,
+  xe as RbacContext,
+  Ye as RbacProvider,
+  Ge as RequirePermissions,
+  T as useAuthState,
+  ie as useCan,
+  Oe as useGrant,
+  Ze as useHasModule,
+  pe as useHasRole
 };