@ciscode/ui-authentication-kit 1.0.4 → 1.0.6

package/dist/index.mjs

@@ -1,26 +1,27 @@
-import * as U from "react";
-import e, { createContext as pe, useContext as be, useEffect as R, forwardRef as le, createElement as q, useState as u, useMemo as Y } from "react";
-import _ from "axios";
-import { jwtDecode as we } from "jwt-decode";
-import ye from "react-dom";
-import { useT as H } from "@ciscode/ui-translate-core";
-import { useNavigate as te, useLocation as ae, Routes as Ee, Route as Z, Navigate as O } from "react-router";
-const ne = e.createContext(null);
-function se() {
-  const t = e.useContext(ne);
+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 oe = pe(null);
-function z() {
-  const t = be(oe);
+const ue = we(null);
+function T() {
+  const t = Ee(ue);
   if (!t)
     throw new Error("useAuthState must be inside <AuthProvider>");
   return t;
 }
-function J(t) {
-  const a = we(t);
+function ne(t) {
+  const a = ye(t);
   return {
     id: a.sub,
     email: a.email ?? "",
@@ -30,54 +31,54 @@ function J(t) {
     tenantId: a.tenantId ?? ""
   };
 }
-let K = !1;
-function Ne() {
-  K = !1;
+let ce = !1;
+function Le() {
+  ce = !1;
 }
-function ve(t, a) {
+function Pe(t, a) {
   t.defaults.withCredentials = !0;
-  const l = `${a.baseUrl}${a.refreshEndpoint ?? "/auth/refresh-token"}`;
-  t.interceptors.request.use((n) => {
+  const r = `${a.baseUrl}${a.refreshEndpoint ?? "/auth/refresh-token"}`;
+  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 r = !1, s = [];
+  let l = !1, n = [];
   return t.interceptors.response.use(
-    (n) => n,
-    async (n) => {
-      var c;
-      const o = n.config;
-      if (((c = n.response) == null ? void 0 : c.status) !== 401 || !o || o._retry)
-        return Promise.reject(n);
-      if (o._retry = !0, !r) {
-        r = !0;
+    (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: i } = await _.post(l, {}, { withCredentials: !0 });
-          return a.setAccessToken(i.accessToken), s.forEach((m) => m(i.accessToken)), s = [], t.request(o);
-        } catch (i) {
-          return !!a.getAccessToken() && !K && (K = !0, a.logout()), s.forEach((p) => p(null)), s = [], Promise.reject(i);
+          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() && !ce && (ce = !0, a.logout()), n.forEach((b) => b(null)), n = [], Promise.reject(c);
         } finally {
-          r = !1;
+          l = !1;
         }
       }
-      return new Promise((i, m) => {
-        s.push((p) => {
-          if (!p)
-            return m(n);
-          (o.headers ?? (o.headers = {})).Authorization = `Bearer ${p}`, i(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 Me = ({ onConfirm: t }) => {
-  const a = H("authLib");
-  return R(() => {
-    const { body: l } = document, r = l.style.overflow, s = l.style.pointerEvents;
-    return l.style.overflow = "hidden", l.style.pointerEvents = "none", () => {
-      l.style.overflow = r, l.style.pointerEvents = s;
+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 = n;
     };
-  }, []), ye.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",
       {
@@ -92,38 +93,38 @@ const Me = ({ onConfirm: t }) => {
     )))),
     document.body
   );
-}, G = ({
+}, P = ({
   label: t,
   type: a = "text",
-  placeholder: l,
-  color: r = "",
-  value: s,
-  onChange: n
+  placeholder: r,
+  color: l = "",
+  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: l || void 0,
-      value: s,
-      onChange: (c) => n == null ? void 0 : n(c.target.value),
+      placeholder: r || void 0,
+      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
-          ${r}
+          ${l}
         `
     }
   ));
-}, ie = ({ 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,132 +132,31 @@ const Me = ({ 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)), ce = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iLTMgMCAyNjIgMjYyIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHByZXNlcnZlQXNwZWN0UmF0aW89InhNaWRZTWlkIj48cGF0aCBkPSJNMjU1Ljg3OCAxMzMuNDUxYzAtMTAuNzM0LS44NzEtMTguNTY3LTIuNzU2LTI2LjY5SDEzMC41NXY0OC40NDhoNzEuOTQ3Yy0xLjQ1IDEyLjA0LTkuMjgzIDMwLjE3Mi0yNi42OSA0Mi4zNTZsLS4yNDQgMS42MjIgMzguNzU1IDMwLjAyMyAyLjY4NS4yNjhjMjQuNjU5LTIyLjc3NCAzOC44NzUtNTYuMjgyIDM4Ljg3NS05Ni4wMjciIGZpbGw9IiM0Mjg1RjQiLz48cGF0aCBkPSJNMTMwLjU1IDI2MS4xYzM1LjI0OCAwIDY0LjgzOS0xMS42MDUgODYuNDUzLTMxLjYyMmwtNDEuMTk2LTMxLjkxM2MtMTEuMDI0IDcuNjg4LTI1LjgyIDEzLjA1NS00NS4yNTcgMTMuMDU1LTM0LjUyMyAwLTYzLjgyNC0yMi43NzMtNzQuMjY5LTU0LjI1bC0xLjUzMS4xMy00MC4yOTggMzEuMTg3LS41MjcgMS40NjVDMzUuMzkzIDIzMS43OTggNzkuNDkgMjYxLjEgMTMwLjU1IDI2MS4xIiBmaWxsPSIjMzRBODUzIi8+PHBhdGggZD0iTTU2LjI4MSAxNTYuMzdjLTIuNzU2LTguMTIzLTQuMzUxLTE2LjgyNy00LjM1MS0yNS44MiAwLTguOTk0IDEuNTk1LTE3LjY5NyA0LjIwNi0yNS44MmwtLjA3My0xLjczTDE1LjI2IDcxLjMxMmwtMS4zMzUuNjM1QzUuMDc3IDg5LjY0NCAwIDEwOS41MTcgMCAxMzAuNTVzNS4wNzcgNDAuOTA1IDEzLjkyNSA1OC42MDJsNDIuMzU2LTMyLjc4MiIgZmlsbD0iI0ZCQkMwNSIvPjxwYXRoIGQ9Ik0xMzAuNTUgNTAuNDc5YzI0LjUxNCAwIDQxLjA1IDEwLjU4OSA1MC40NzkgMTkuNDM4bDM2Ljg0NC0zNS45NzRDMTk1LjI0NSAxMi45MSAxNjUuNzk4IDAgMTMwLjU1IDAgNzkuNDkgMCAzNS4zOTMgMjkuMzAxIDEzLjkyNSA3MS45NDdsNDIuMjExIDMyLjc4M2MxMC41OS0zMS40NzcgMzkuODkxLTU0LjI1MSA3NC40MTQtNTQuMjUxIiBmaWxsPSIjRUI0MzM1Ii8+PC9zdmc+", me = "data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IS0tIFVwbG9hZGVkIHRvOiBTVkcgUmVwbywgd3d3LnN2Z3JlcG8uY29tLCBHZW5lcmF0b3I6IFNWRyBSZXBvIE1peGVyIFRvb2xzIC0tPgo8c3ZnIHdpZHRoPSI4MDBweCIgaGVpZ2h0PSI4MDBweCIgdmlld0JveD0iMCAwIDE2IDE2IiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGZpbGw9Im5vbmUiPjxwYXRoIGZpbGw9IiNGMzUzMjUiIGQ9Ik0xIDFoNi41djYuNUgxVjF6Ii8+PHBhdGggZmlsbD0iIzgxQkMwNiIgZD0iTTguNSAxSDE1djYuNUg4LjVWMXoiLz48cGF0aCBmaWxsPSIjMDVBNkYwIiBkPSJNMSA4LjVoNi41VjE1SDFWOC41eiIvPjxwYXRoIGZpbGw9IiNGRkJBMDgiIGQ9Ik04LjUgOC41SDE1VjE1SDguNVY4LjV6Ii8+PC9zdmc+";
-function F(t, a, l) {
-  return t ? t.startsWith(`${a}-`) ? t : t.startsWith("#") ? `${t}` : l : l;
+), 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 de(t, a) {
-  const l = (a == null ? void 0 : a.bg) || "bg-sky-500", r = (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: F(t.bg ?? "", "bg", l),
-    textClass: F(t.text ?? "", "text", r),
-    borderClass: F(t.border ?? "", "border", s),
-    fillClass: F(t.fill ?? "", "fill", n),
-    strokeClass: F(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 Ie = (t) => t.replace(/([a-z0-9])([A-Z])/g, "$1-$2").toLowerCase(), ue = (...t) => t.filter((a, l, r) => !!a && a.trim() !== "" && r.indexOf(a) === l).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 ke = {
-  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 Le = le(
-  ({
-    color: t = "currentColor",
-    size: a = 24,
-    strokeWidth: l = 2,
-    absoluteStrokeWidth: r,
-    className: s = "",
-    children: n,
-    iconNode: o,
-    ...c
-  }, i) => q(
-    "svg",
-    {
-      ref: i,
-      ...ke,
-      width: a,
-      height: a,
-      stroke: t,
-      strokeWidth: r ? Number(l) * 24 / Number(a) : l,
-      className: ue("lucide", s),
-      ...c
-    },
-    [
-      ...o.map(([m, p]) => q(m, 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 ge = (t, a) => {
-  const l = le(
-    ({ className: r, ...s }, n) => q(Le, {
-      ref: n,
-      iconNode: a,
-      className: ue(`lucide-${Ie(t)}`, r),
-      ...s
-    })
-  );
-  return l.displayName = `${t}`, l;
-};
-/**
- * @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 Ce = [
-  [
-    "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" }]
-], je = ge("TriangleAlert", Ce);
-/**
- * @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 Se = [
-  ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
-  ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], Te = ge("X", Se), fe = ({
+const le = ({
   message: t,
   dismissAfterMs: a = 4e3
 }) => {
-  const l = H("authLib"), [r, s] = u(!1);
-  return R(() => {
-    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]), !r || !t ? null : /* @__PURE__ */ e.createElement(
+  }, [t, a]), !l || !t ? null : /* @__PURE__ */ e.createElement(
     "div",
     {
       role: "alert",
@@ -266,81 +166,81 @@ const Se = [
         rounded-lg border border-red-300 bg-red-50/80 p-4 pr-6 text-sm text-red-800
         shadow-lg backdrop-blur
         transition-all duration-300 ease-out
-        ${r ? "translate-y-0 opacity-100" : "-translate-y-2 opacity-0"}
+        ${l ? "translate-y-0 opacity-100" : "-translate-y-2 opacity-0"}
       `
     },
     /* @__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(je, { 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),
-        "aria-label": l("inlineError.dismiss"),
+        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
           hover:bg-red-100 hover:text-red-700 focus:outline-none
           focus-visible:ring focus-visible:ring-red-500/50
         `
       },
-      /* @__PURE__ */ e.createElement(Te, { className: "h-4 w-4" })
+      /* @__PURE__ */ e.createElement(ke, { className: "h-4 w-4" })
     )
   );
-}, Pe = () => {
-  const t = H("authLib"), a = te(), l = ae(), {
-    brandName: r = t("brandName", { defaultValue: "MyBrand" }),
-    colors: s = { bg: "bg-sky-500", text: "text-white", border: "border-sky-500" },
-    logoUrl: n,
+}, Se = () => {
+  const t = Z("authLib"), a = q(), r = ee(), {
+    brandName: l = t("brandName", { defaultValue: "MyBrand" }),
+    colors: n = { bg: "bg-sky-500", text: "text-white", border: "border-sky-500" },
+    logoUrl: s,
     oauthProviders: o = [],
-    illustrationUrl: c = t("community.illustrationUrl", {
+    illustrationUrl: d = t("community.illustrationUrl", {
       defaultValue: "https://cdn.builder.io/api/v1/image/assets/TEMP/35ba84b8335fda2819c3a14ea3d00321a0fd0e79e571caa31108468010868ca5?placeholderIfAbsent=true&apiKey=a460e9a46e514356ac1106eada03046c"
     }),
-    communityContent: i = {
+    communityContent: c = {
       title: t("community.title"),
       description: t("community.description")
     },
-    baseUrl: m
+    baseUrl: u
     // IMPORTANT: used for Google OAuth redirect
-  } = se(), { login: p } = z(), [b, E] = u(""), [C, N] = u(""), [h, g] = u(!1), [I, d] = u(null), v = {
-    google: { icon: ce, label: t("social.google") },
-    microsoft: { icon: me, label: t("social.microsoft") }
-  }, w = o.filter((x) => x in v).map((x) => ({
-    id: x,
-    icon: v[x].icon,
-    label: v[x].label
-  })), { bgClass: M, textClass: j, borderClass: D } = de(s), T = `${M} bg-gradient-to-r from-white/10 via-white/0 to-white/0`;
-  async function V(x) {
-    var B;
-    if (x.preventDefault(), !h) {
-      d(null), g(!0);
+  } = 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") }
+  }, 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: b, password: C });
-      } catch (S) {
-        ((B = S == null ? void 0 : S.response) == null ? void 0 : B.status) === 401 ? d(t("errors.invalidCredentials")) : d(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 {
         g(!1);
       }
     }
   }
-  function A(x) {
-    var S, f, P;
-    if (!m) {
+  function D(w) {
+    var I, $, S;
+    if (!u) {
       console.error("Auth baseUrl is not configured.");
       return;
     }
-    const B = ((f = (S = l.state) == null ? void 0 : S.from) == null ? void 0 : f.pathname) || ((P = l.state) == null ? void 0 : P.from) || "/";
-    if (sessionStorage.setItem("postLoginRedirect", B), x === "google") {
-      const k = "/oauth/google/callback", L = `${window.location.origin}${k}`, y = new URL(`${m}/auth/google`);
-      y.searchParams.set("redirect", L), window.location.href = y.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 (x === "microsoft") {
-      const k = "/oauth/microsoft/callback", L = `${window.location.origin}${k}`, y = new URL(`${m}/auth/microsoft`);
-      y.searchParams.set("redirect", L), window.location.href = y.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 Q = /* @__PURE__ */ e.createElement(
+  const re = /* @__PURE__ */ e.createElement(
     "svg",
     {
       className: "h-4 w-4 animate-spin stroke-current",
@@ -358,145 +258,146 @@ const Se = [
       }
     )
   );
-  return /* @__PURE__ */ e.createElement("div", { className: `flex items-center justify-center min-h-screen p-4 ${T}` }, /* @__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 ${M}` }, /* @__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"
     }
-  ), /* @__PURE__ */ e.createElement("h2", { className: "text-sm md:text-2xl font-bold uppercase" }, r)) : /* @__PURE__ */ e.createElement("h2", { className: "text-sm md:text-2xl font-bold" }, r)), /* @__PURE__ */ e.createElement("div", { className: "flex-1 space-y-4 mt-6 py-4" }, /* @__PURE__ */ e.createElement("h3", { className: "text-2xl font-semibold leading-tight" }, i.title), /* @__PURE__ */ e.createElement("p", { className: "text-base leading-relaxed opacity-90 ltr:text-left rtl:text-right" }, i.description), /* @__PURE__ */ e.createElement("div", { className: "relative" }, /* @__PURE__ */ e.createElement("div", { className: "absolute -left-4 -top-4 w-20 h-20 bg-white/20 rounded-full blur-xl" }), /* @__PURE__ */ e.createElement("div", { className: "absolute -right-4 -bottom-4 w-20 h-20 bg-white/20 rounded-full blur-xl" }), /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("h2", { className: "text-sm md:text-2xl font-bold uppercase" }, l)) : /* @__PURE__ */ e.createElement("h2", { className: "text-sm md:text-2xl font-bold" }, l)), /* @__PURE__ */ e.createElement("div", { className: "flex-1 space-y-4 mt-6 py-4" }, /* @__PURE__ */ e.createElement("h3", { className: "text-2xl font-semibold leading-tight" }, c.title), /* @__PURE__ */ e.createElement("p", { className: "text-base leading-relaxed opacity-90 ltr:text-left rtl:text-right" }, c.description), /* @__PURE__ */ e.createElement("div", { className: "relative" }, /* @__PURE__ */ e.createElement("div", { className: "absolute -left-4 -top-4 w-20 h-20 bg-white/20 rounded-full blur-xl" }), /* @__PURE__ */ e.createElement("div", { className: "absolute -right-4 -bottom-4 w-20 h-20 bg-white/20 rounded-full blur-xl" }), /* @__PURE__ */ e.createElement(
     "img",
     {
       loading: "lazy",
-      src: c,
+      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" }, r)), /* @__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 ${j} uppercase` }, r)), /* @__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: j
+      className: M
     },
     t("SignInPage.signUp")
-  ))), I && /* @__PURE__ */ e.createElement(fe, { message: I }), /* @__PURE__ */ e.createElement("form", { className: "space-y-6", onSubmit: V }, /* @__PURE__ */ e.createElement(
-    G,
+  ))), 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: b,
-      onChange: E
+      color: U,
+      value: h,
+      onChange: m
     }
   ), /* @__PURE__ */ e.createElement(
-    G,
+    P,
     {
       label: t("form.passwordLabel"),
       type: "password",
       placeholder: t("form.passwordPlaceholder"),
-      color: D,
-      value: C,
+      color: U,
+      value: k,
       onChange: N
     }
-  ), /* @__PURE__ */ e.createElement("div", { className: "ltr:text-right rtl:text-left" }, /* @__PURE__ */ e.createElement("button", { className: `text-sm ${j}` }, 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: h,
-      className: `relative flex w-full items-center justify-center gap-2 py-3 rounded-lg font-medium transition-colors ${h ? "opacity-60 cursor-not-allowed" : ""} ${M} 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`
     },
-    h && Q,
-    t(h ? "SignInPage.signInSubmitting" : "SignInPage.signIn")
-  ), w.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 ${M}` }), /* @__PURE__ */ e.createElement("span", { className: `${j} mx-3 text-sm` }, t("SignInPage.orLoginWith")), /* @__PURE__ */ e.createElement("div", { className: `flex-grow h-px ${M}` })), /* @__PURE__ */ e.createElement("div", { className: "flex gap-3 mb-6 justify-center md:justify-start" }, w.map((x) => /* @__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: x.id,
+      key: w.id,
       type: "button",
-      onClick: () => A(x.id),
+      onClick: () => D(w.id),
       className: "flex-1"
     },
-    /* @__PURE__ */ e.createElement(ie, { icon: x.icon, label: x.label })
+    /* @__PURE__ */ e.createElement(ge, { icon: w.icon, label: w.label })
   ))))))));
-}, Ue = () => {
-  const t = H("authLib"), a = te(), l = ae(), {
-    brandName: r = t("brandName", { defaultValue: "MyBrand" }),
-    colors: s = { bg: "bg-sky-500", text: "text-white", border: "border-sky-500" },
-    logoUrl: n,
+}, je = () => {
+  const t = Z("authLib"), a = q(), r = ee(), {
+    brandName: l = t("brandName", { defaultValue: "MyBrand" }),
+    colors: n = { bg: "bg-sky-500", text: "text-white", border: "border-sky-500" },
+    logoUrl: s,
     oauthProviders: o = [],
-    illustrationUrl: c = t("community.illustrationUrl", {
+    illustrationUrl: d = t("community.illustrationUrl", {
       defaultValue: "https://cdn.builder.io/api/v1/image/assets/TEMP/35ba84b8335fda2819c3a14ea3d00321a0fd0e79e571caa31108468010868ca5?placeholderIfAbsent=true&apiKey=a460e9a46e514356ac1106eada03046c"
     }),
-    communityContent: i = {
+    communityContent: c = {
       title: t("community.title"),
       description: t("community.description")
     },
-    baseUrl: m
+    baseUrl: u
     // IMPORTANT: used for OAuth redirect (same as SignIn)
-  } = se(), { login: p, api: b } = z(), [E, C] = u(""), [N, h] = u(""), [g, I] = u(""), [d, v] = u(!1), [w, M] = u(null), j = {
-    google: { icon: ce, label: t("social.google") },
-    microsoft: { icon: me, label: t("social.microsoft") }
-  }, D = o.filter((f) => f in j).map((f) => ({
-    id: f,
-    icon: j[f].icon,
-    label: j[f].label
-  })), { bgClass: T, textClass: V, borderClass: A } = de(s), Q = `${T} bg-gradient-to-r from-white/10 via-white/0 to-white/0`;
-  async function x(f) {
-    var P, k, L;
-    if (f.preventDefault(), !d) {
-      M(null), v(!0);
+  } = 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") }
+  }, 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 b.post("/auth/clients/register", {
-          email: N,
-          password: g,
-          name: E || void 0
-        }), await p({ email: N, password: g });
-      } catch (y) {
-        const $ = (P = y == null ? void 0 : y.response) == null ? void 0 : P.status;
-        M(
-          $ === 400 ? ((L = (k = y == null ? void 0 : y.response) == null ? void 0 : k.data) == null ? void 0 : L.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 {
-        v(!1);
+        U(!1);
       }
     }
   }
-  function B(f) {
-    var k, L, y;
-    if (!m) {
+  function V(y) {
+    var O, H, j;
+    if (!u) {
       console.error("Auth baseUrl is not configured.");
       return;
     }
-    const P = ((L = (k = l.state) == null ? void 0 : k.from) == null ? void 0 : L.pathname) || ((y = l.state) == null ? void 0 : y.from) || "/";
-    if (sessionStorage.setItem("postLoginRedirect", P), f === "google") {
-      const $ = "/oauth/google/callback", X = `${window.location.origin}${$}`, W = new URL(`${m}/auth/google`);
-      W.searchParams.set("redirect", X), window.location.href = W.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 (f === "microsoft") {
-      const $ = "/oauth/microsoft/callback", X = `${window.location.origin}${$}`, W = new URL(`${m}/auth/microsoft`);
-      W.searchParams.set("redirect", X), window.location.href = W.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 S = /* @__PURE__ */ e.createElement(
+  const be = /* @__PURE__ */ e.createElement(
     "svg",
     {
       className: "h-4 w-4 animate-spin stroke-current",
@@ -514,285 +415,428 @@ const Se = [
       }
     )
   );
-  return /* @__PURE__ */ e.createElement("div", { className: `flex items-center justify-center min-h-screen p-4 ${Q}` }, /* @__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 ${T}` }, /* @__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"
     }
-  ), /* @__PURE__ */ e.createElement("h2", { className: "text-sm md:text-2xl font-bold uppercase" }, r)) : /* @__PURE__ */ e.createElement("h2", { className: "text-sm md:text-2xl font-bold" }, r)), /* @__PURE__ */ e.createElement("div", { className: "flex-1 space-y-4 mt-6 py-4" }, /* @__PURE__ */ e.createElement("h3", { className: "text-2xl font-semibold leading-tight" }, i.title), /* @__PURE__ */ e.createElement("p", { className: "text-base leading-relaxed opacity-90 ltr:text-left rtl:text-right" }, i.description), /* @__PURE__ */ e.createElement("div", { className: "relative" }, /* @__PURE__ */ e.createElement("div", { className: "absolute -left-4 -top-4 w-20 h-20 bg-white/20 rounded-full blur-xl" }), /* @__PURE__ */ e.createElement("div", { className: "absolute -right-4 -bottom-4 w-20 h-20 bg-white/20 rounded-full blur-xl" }), /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("h2", { className: "text-sm md:text-2xl font-bold uppercase" }, l)) : /* @__PURE__ */ e.createElement("h2", { className: "text-sm md:text-2xl font-bold" }, l)), /* @__PURE__ */ e.createElement("div", { className: "flex-1 space-y-4 mt-6 py-4" }, /* @__PURE__ */ e.createElement("h3", { className: "text-2xl font-semibold leading-tight" }, c.title), /* @__PURE__ */ e.createElement("p", { className: "text-base leading-relaxed opacity-90 ltr:text-left rtl:text-right" }, c.description), /* @__PURE__ */ e.createElement("div", { className: "relative" }, /* @__PURE__ */ e.createElement("div", { className: "absolute -left-4 -top-4 w-20 h-20 bg-white/20 rounded-full blur-xl" }), /* @__PURE__ */ e.createElement("div", { className: "absolute -right-4 -bottom-4 w-20 h-20 bg-white/20 rounded-full blur-xl" }), /* @__PURE__ */ e.createElement(
     "img",
     {
       loading: "lazy",
-      src: c,
+      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 ${A}`
+      className: `h-22 rounded-full border ${S}`
     }
-  ) : /* @__PURE__ */ e.createElement("h2", { className: "text-2xl font-bold" }, r)), /* @__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 ${V} uppercase` }, r)), /* @__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: V
+      className: $
     },
     t("SignUpPage.signIn", { defaultValue: "Sign in" })
-  ))), w && /* @__PURE__ */ e.createElement(fe, { message: w }), /* @__PURE__ */ e.createElement("form", { className: "space-y-6", onSubmit: x }, /* @__PURE__ */ e.createElement(
-    G,
+  ))), 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.nameLabel", { defaultValue: "Name" }),
+      label: t("form.fnameLabel", { defaultValue: "First Name" }),
       type: "text",
-      placeholder: t("form.namePlaceholder", {
-        defaultValue: "Enter your name"
-      }),
-      color: A,
-      value: E,
-      onChange: C
+      placeholder: t("form.fnamePlaceholder", { defaultValue: "Enter your first name" }),
+      color: S,
+      value: m,
+      onChange: k
     }
   ), /* @__PURE__ */ e.createElement(
-    G,
+    P,
+    {
+      label: t("form.lnameLabel", { defaultValue: "Last Name" }),
+      type: "text",
+      placeholder: t("form.lnamePlaceholder", { defaultValue: "Enter your last name" }),
+      color: S,
+      value: N,
+      onChange: x
+    }
+  )), /* @__PURE__ */ e.createElement(
+    P,
+    {
+      label: t("form.usernameLabel", { defaultValue: "Username" }),
+      type: "text",
+      placeholder: t("form.usernamePlaceholder", { defaultValue: "Choose a username" }),
+      color: S,
+      value: g,
+      onChange: v
+    }
+  ), /* @__PURE__ */ e.createElement(
+    P,
     {
       label: t("form.emailLabel"),
       type: "email",
       placeholder: t("form.emailPlaceholder"),
-      color: A,
-      value: N,
-      onChange: h
+      color: S,
+      value: f,
+      onChange: E
     }
   ), /* @__PURE__ */ e.createElement(
-    G,
+    P,
     {
       label: t("form.passwordLabel"),
       type: "password",
       placeholder: t("form.passwordPlaceholder"),
-      color: A,
-      value: g,
-      onChange: I
+      color: S,
+      value: p,
+      onChange: C
     }
-  ), /* @__PURE__ */ e.createElement(
+  ), /* @__PURE__ */ e.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ e.createElement(
+    "input",
+    {
+      id: "agree",
+      type: "checkbox",
+      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: d,
-      className: `relative flex w-full items-center justify-center gap-2 py-3 rounded-lg font-medium transition-colors ${d ? "opacity-60 cursor-not-allowed" : ""} ${T} 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`
     },
-    d && S,
-    d ? t("SignUpPage.signUpSubmitting", {
+    M && be,
+    M ? t("SignUpPage.signUpSubmitting", {
       defaultValue: "Creating account..."
     }) : t("SignUpPage.signUp", { defaultValue: "Sign up" })
-  ), D.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 ${T}` }), /* @__PURE__ */ e.createElement("span", { className: `${V} 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 ${T}` })), /* @__PURE__ */ e.createElement("div", { className: "flex gap-3 mb-6 justify-center md:justify-start" }, D.map((f) => /* @__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: f.id,
+      key: y.id,
       type: "button",
-      onClick: () => B(f.id),
+      onClick: () => V(y.id),
       className: "flex-1"
     },
-    /* @__PURE__ */ e.createElement(ie, { icon: f.icon, label: f.label })
+    /* @__PURE__ */ e.createElement(ge, { icon: y.icon, label: y.label })
   ))))))));
-}, re = () => (R(() => {
-  const t = new URLSearchParams(window.location.search), a = t.get("accessToken"), l = t.get("refreshToken");
-  a && localStorage.setItem("authToken", a), l && localStorage.setItem("refreshToken", l);
-  const r = sessionStorage.getItem("postLoginRedirect") || "/";
-  sessionStorage.removeItem("postLoginRedirect"), window.location.replace(r);
-}, []), /* @__PURE__ */ e.createElement("div", { className: "flex items-center justify-center min-h-screen text-gray-700" }, "Finishing Google sign-in…")), ze = ({ children: t }) => {
-  const { isAuthenticated: a } = z(), l = ae();
-  return a ? t : /* @__PURE__ */ e.createElement(O, { to: "/login", state: { from: l }, replace: !0 });
+}, 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…")), 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 l = te(), [r, s] = u(
+  const r = q(), [l, n] = i(
     () => localStorage.getItem("authToken")
-  ), [n, o] = u(null), [c, i] = u(!0), [m, p] = u(!1);
-  async function b() {
+  ), [s, o] = i(null), [d, c] = i(!0), [u, b] = i(!1);
+  async function h() {
     try {
-      await E.post("/auth/logout");
-    } catch (h) {
-      console.warn("Logout endpoint failed, proceeding with local logout:", h);
+      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), l("/login", { replace: !0 });
+    n(null), o(null), localStorage.removeItem("authToken"), sessionStorage.clear(), b(!1), r("/login", { replace: !0 });
   }
-  const E = Y(() => {
-    const h = _.create({
+  const m = J(() => {
+    const x = oe.create({
       baseURL: t.baseUrl,
       withCredentials: !0
     });
-    return ve(h, {
+    return Pe(x, {
       baseUrl: t.baseUrl,
-      getAccessToken: () => r,
-      setAccessToken: (g) => s(g),
-      logout: () => p(!0)
-    }), h;
-  }, [t.baseUrl, r]);
-  R(() => {
+      getAccessToken: () => l,
+      setAccessToken: (g) => n(g),
+      logout: () => b(!0)
+    }), x;
+  }, [t.baseUrl, l]);
+  W(() => {
     (async () => {
-      if (r) {
-        o(J(r)), i(!1);
+      if (l) {
+        o(ne(l)), c(!1);
         return;
       }
       try {
-        const { data: g } = await _.post(
+        const { data: g } = await oe.post(
           `${t.baseUrl}/auth/refresh-token`,
           {},
           { withCredentials: !0 }
         );
-        s(g.accessToken), o(J(g.accessToken)), localStorage.setItem("authToken", g.accessToken);
+        n(g.accessToken), o(ne(g.accessToken)), localStorage.setItem("authToken", g.accessToken);
       } catch {
       } finally {
-        i(!1);
+        c(!1);
       }
     })();
-  }, [r, t.baseUrl]);
-  async function C(h) {
-    const { data: g } = await E.post("/auth/clients/login", h);
-    s(g.accessToken), o(J(g.accessToken)), localStorage.setItem("authToken", g.accessToken), Ne(), l("/", { replace: !0 });
+  }, [l, t.baseUrl]);
+  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 N = Y(
+  const N = J(
     () => ({
-      isAuthenticated: !!r,
-      accessToken: r,
-      user: n,
-      login: C,
-      logout: b,
-      api: E,
+      isAuthenticated: !!l,
+      accessToken: l,
+      user: s,
+      login: k,
+      logout: h,
+      api: m,
       setUser: o
     }),
-    [r, n, E]
+    [l, s, m]
   );
-  return /* @__PURE__ */ e.createElement(ne.Provider, { value: t }, /* @__PURE__ */ e.createElement(oe.Provider, { value: N }, /* @__PURE__ */ e.createElement(Ee, null, /* @__PURE__ */ e.createElement(
-    Z,
+  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: r ? /* @__PURE__ */ e.createElement(O, { to: "/", replace: !0 }) : /* @__PURE__ */ e.createElement(Pe, { 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(
-    Z,
+    B,
     {
       path: "signup",
-      element: r ? /* @__PURE__ */ e.createElement(O, { to: "/", replace: !0 }) : /* @__PURE__ */ e.createElement(Ue, null)
+      element: l ? /* @__PURE__ */ e.createElement(K, { to: "/", replace: !0 }) : /* @__PURE__ */ e.createElement(je, null)
     }
-  ), /* @__PURE__ */ e.createElement(
-    Z,
+  ), /* @__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(re, null)
+      element: /* @__PURE__ */ e.createElement(me, null)
     }
   ), /* @__PURE__ */ e.createElement(
-    Z,
+    B,
     {
       path: "/oauth/microsoft/callback",
-      element: /* @__PURE__ */ e.createElement(re, null)
+      element: /* @__PURE__ */ e.createElement(me, null)
     }
   ), /* @__PURE__ */ e.createElement(
-    Z,
+    B,
     {
       path: "*",
       element: /* @__PURE__ */ e.createElement(ze, null, a)
     }
-  )), m && /* @__PURE__ */ e.createElement(Me, { onConfirm: b })));
+  )), u && /* @__PURE__ */ e.createElement(Ce, { onConfirm: h })));
 };
-function he(...t) {
-  const { user: a } = z(), l = (a == null ? void 0 : a.roles) ?? [];
-  return t.some((r) => l.includes(r));
+function pe(...t) {
+  const { user: a } = T(), r = (a == null ? void 0 : a.roles) ?? [];
+  return t.some((l) => r.includes(l));
 }
 function Ze(t) {
-  const { user: a } = z();
+  const { user: a } = T();
   return (a == null ? void 0 : a.modules.includes(t)) ?? !1;
 }
-function ee(...t) {
-  const { user: a } = z(), l = (a == null ? void 0 : a.permissions) ?? [];
-  return t.every((r) => l.includes(r));
+function ie(...t) {
+  const { user: a } = T(), r = (a == null ? void 0 : a.permissions) ?? [];
+  return t.every((l) => r.includes(l));
 }
-const Fe = ({
+const Ge = ({
   children: t,
   fallbackpermessions: a = [],
-  anyPermessions: l = [],
-  fallbackRoles: r = ["super-admin"],
-  redirectTo: s = "/dashboard"
+  anyPermessions: r = [],
+  fallbackRoles: l = ["super-admin"],
+  redirectTo: n = "/dashboard"
 }) => {
-  if (r.some((i) => he(i)))
+  if (l.some((c) => pe(c)))
     return /* @__PURE__ */ e.createElement(e.Fragment, null, t);
-  const o = a.length === 0 || a.every((i) => ee(i)), c = l.length === 0 || l.some((i) => ee(i));
-  return o && c ? /* @__PURE__ */ e.createElement(e.Fragment, null, t) : /* @__PURE__ */ e.createElement(O, { to: s, replace: !0 });
-}, xe = e.createContext({}), Ge = xe.Provider;
-function Ye(t, a) {
-  var s, n, o;
-  const r = (s = e.useContext(xe)[t]) == null ? void 0 : s[a];
-  return r ? !!((n = r.perms) != null && n.some((c) => ee(c)) || (o = r.fallbackRoles) != null && o.some((c) => he(c))) : !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 Oe = () => {
-  const { user: t, api: a, setUser: l } = z(), [r, s] = u((t == null ? void 0 : t.name) ?? ""), [n, o] = u((t == null ? void 0 : t.email) ?? ""), [c, i] = u(!1), [m, p] = u(!1), [b, E] = u({
+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";
-  R(() => {
-    if (!b.open)
+  }), k = "+971 50 827 8229";
+  W(() => {
+    if (!h.open)
       return;
-    const d = window.setTimeout(() => E((v) => ({ ...v, open: !1 })), 3e3);
-    return () => window.clearTimeout(d);
-  }, [b.open]), R(() => {
-    let d = !1;
-    async function v() {
+    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: w } = await a.get("/auth/client/me");
-        if (d)
+        const { data: p } = await a.get("/auth/client/me");
+        if (f)
           return;
-        l(w), s((w == null ? void 0 : w.name) ?? ""), o((w == null ? void 0 : w.email) ?? "");
-      } catch (w) {
-        console.error("Failed to load profile details:", w);
+        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 v(), () => {
-      d = !0;
+    return E(), () => {
+      f = !0;
     };
-  }, [a, l]);
-  const N = Y(() => (r || (t == null ? void 0 : t.name) || (t == null ? void 0 : t.email) || "").trim(), [r, t == null ? void 0 : t.name, t == null ? void 0 : t.email]), h = Y(() => N.charAt(0).toUpperCase() || "?", [N]);
+  }, [a, r]);
+  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: r }), l({ ...t, name: r }), i(!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 (d) {
-        console.error("Failed to update profile:", d), 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 I = b.type === "success";
-  return /* @__PURE__ */ e.createElement("div", { className: "max-w-3xl mx-auto" }, b.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: I ? "#BBF7D0" : "#FECACA"
+        borderColor: v ? "#BBF7D0" : "#FECACA"
       }
     },
     /* @__PURE__ */ e.createElement(
@@ -800,10 +844,10 @@ const Oe = () => {
       {
         className: "flex h-9 w-9 items-center justify-center rounded-full",
         style: {
-          backgroundColor: I ? "#ECFDF5" : "#FEF2F2"
+          backgroundColor: v ? "#ECFDF5" : "#FEF2F2"
         }
       },
-      I ? /* @__PURE__ */ e.createElement(
+      v ? /* @__PURE__ */ e.createElement(
         "svg",
         {
           width: "18",
@@ -866,15 +910,15 @@ const Oe = () => {
       "span",
       {
         className: "text-sm font-semibold",
-        style: { color: I ? "#15803D" : "#B91C1C" }
+        style: { color: v ? "#15803D" : "#B91C1C" }
       },
-      b.title
-    ), b.message && /* @__PURE__ */ e.createElement("span", { className: "text-xs text-gray-500" }, b.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((d) => ({ ...d, 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"
@@ -908,7 +952,7 @@ const Oe = () => {
         )
       )
     )
-  ), /* @__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" }, h), /* @__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",
@@ -943,20 +987,20 @@ const Oe = () => {
         }
       )
     )
-  )), /* @__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"))), c ? /* @__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: g,
-      disabled: m,
+      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"
     },
-    m ? "Saving…" : "Save changes"
+    u ? "Saving…" : "Save changes"
   ) : /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
-      onClick: () => i(!0),
+      onClick: () => c(!0),
       title: "Edit profile",
       className: "h-9 w-9 rounded-full border border-gray-200 bg-white shadow-sm flex items-center justify-center hover:bg-gray-50"
     },
@@ -992,16 +1036,16 @@ const Oe = () => {
     "input",
     {
       type: "text",
-      value: r,
-      disabled: !c || m,
-      onChange: (d) => s(d.target.value),
-      className: `w-full rounded-lg border px-3 py-2 text-sm outline-none ${c ? "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"}`
+      value: l,
+      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"
     }
@@ -1009,17 +1053,17 @@ const Oe = () => {
     "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"
     }
-  ))), c && /* @__PURE__ */ e.createElement(
+  ))), d && /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
-      disabled: m,
+      disabled: u,
       onClick: () => {
-        i(!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"
     },
@@ -1028,13 +1072,13 @@ const Oe = () => {
 };
 export {
   We as AuthProvider,
-  Oe as ProfilePage,
+  He as ProfilePage,
   xe as RbacContext,
-  Ge as RbacProvider,
-  Fe as RequirePermissions,
-  z as useAuthState,
-  ee as useCan,
-  Ye as useGrant,
+  Ye as RbacProvider,
+  Ge as RequirePermissions,
+  T as useAuthState,
+  ie as useCan,
+  Oe as useGrant,
   Ze as useHasModule,
-  he as useHasRole
+  pe as useHasRole
 };