@ciscode/ui-authentication-kit 1.0.4 → 1.0.5

package/dist/index.mjs

@@ -1,26 +1,26 @@
 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 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);
   if (!t)
     throw new Error("useAuthConfig must be used within an AuthConfigProvider");
   return t;
 }
-const oe = pe(null);
+const ue = ve(null);
 function z() {
-  const t = be(oe);
+  const t = Me(ue);
   if (!t)
     throw new Error("useAuthState must be inside <AuthProvider>");
   return t;
 }
-function J(t) {
-  const a = we(t);
+function te(t) {
+  const a = ke(t);
   return {
     id: a.sub,
     email: a.email ?? "",
@@ -30,54 +30,54 @@ function J(t) {
     tenantId: a.tenantId ?? ""
   };
 }
-let K = !1;
-function Ne() {
-  K = !1;
+let re = !1;
+function Ce() {
+  re = !1;
 }
-function ve(t, a) {
+function je(t, a) {
   t.defaults.withCredentials = !0;
-  const l = `${a.baseUrl}${a.refreshEndpoint ?? "/auth/refresh-token"}`;
+  const r = `${a.baseUrl}${a.refreshEndpoint ?? "/auth/refresh-token"}`;
   t.interceptors.request.use((n) => {
     const o = a.getAccessToken();
     return o && (n.headers.Authorization = `Bearer ${o}`), n;
   });
-  let r = !1, s = [];
+  let l = !1, s = [];
   return t.interceptors.response.use(
     (n) => n,
     async (n) => {
-      var c;
+      var i;
       const o = n.config;
-      if (((c = n.response) == null ? void 0 : c.status) !== 401 || !o || o._retry)
+      if (((i = n.response) == null ? void 0 : i.status) !== 401 || !o || o._retry)
         return Promise.reject(n);
-      if (o._retry = !0, !r) {
-        r = !0;
+      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 le.post(r, {}, { withCredentials: !0 });
+          return a.setAccessToken(c.accessToken), s.forEach((d) => d(c.accessToken)), s = [], t.request(o);
+        } catch (c) {
+          return !!a.getAccessToken() && !re && (re = !0, a.logout()), s.forEach((p) => p(null)), s = [], Promise.reject(c);
         } finally {
-          r = !1;
+          l = !1;
         }
       }
-      return new Promise((i, m) => {
+      return new Promise((c, d) => {
         s.push((p) => {
           if (!p)
-            return m(n);
-          (o.headers ?? (o.headers = {})).Authorization = `Bearer ${p}`, i(t.request(o));
+            return d(n);
+          (o.headers ?? (o.headers = {})).Authorization = `Bearer ${p}`, 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 Se = ({ onConfirm: t }) => {
+  const a = q("authLib");
+  return V(() => {
+    const { body: r } = document, l = r.style.overflow, s = r.style.pointerEvents;
+    return r.style.overflow = "hidden", r.style.pointerEvents = "none", () => {
+      r.style.overflow = l, r.style.pointerEvents = s;
     };
-  }, []), ye.createPortal(
+  }, []), Ie.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,11 +92,11 @@ const Me = ({ onConfirm: t }) => {
     )))),
     document.body
   );
-}, G = ({
+}, P = ({
   label: t,
   type: a = "text",
-  placeholder: l,
-  color: r = "",
+  placeholder: r,
+  color: l = "",
   value: s,
   onChange: n
 }) => {
@@ -113,17 +113,17 @@ const Me = ({ onConfirm: t }) => {
     {
       id: o,
       type: a,
-      placeholder: l || void 0,
+      placeholder: r || void 0,
       value: s,
-      onChange: (c) => n == null ? void 0 : n(c.target.value),
+      onChange: (i) => n == null ? void 0 : n(i.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__ */ 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(
   "img",
   {
     loading: "lazy",
@@ -131,18 +131,18 @@ 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__ */ 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) {
+  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 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";
   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: 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)
   };
 }
 /**
@@ -151,14 +151,14 @@ function de(t, a) {
  * 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();
+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 ke = {
+var Pe = {
   xmlns: "http://www.w3.org/2000/svg",
   width: 24,
   height: 24,
@@ -175,30 +175,30 @@ var ke = {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Le = le(
+const Ue = ie(
   ({
     color: t = "currentColor",
     size: a = 24,
-    strokeWidth: l = 2,
-    absoluteStrokeWidth: r,
+    strokeWidth: r = 2,
+    absoluteStrokeWidth: l,
     className: s = "",
     children: n,
     iconNode: o,
-    ...c
-  }, i) => q(
+    ...i
+  }, c) => ae(
     "svg",
     {
-      ref: i,
-      ...ke,
+      ref: c,
+      ...Pe,
       width: a,
       height: a,
       stroke: t,
-      strokeWidth: r ? Number(l) * 24 / Number(a) : l,
-      className: ue("lucide", s),
-      ...c
+      strokeWidth: l ? Number(r) * 24 / Number(a) : r,
+      className: pe("lucide", s),
+      ...i
     },
     [
-      ...o.map(([m, p]) => q(m, p)),
+      ...o.map(([d, p]) => ae(d, p)),
       ...Array.isArray(n) ? n : [n]
     ]
   )
@@ -209,16 +209,16 @@ const Le = le(
  * 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, {
+const be = (t, a) => {
+  const r = ie(
+    ({ className: l, ...s }, n) => ae(Ue, {
       ref: n,
       iconNode: a,
-      className: ue(`lucide-${Ie(t)}`, r),
+      className: pe(`lucide-${Te(t)}`, l),
       ...s
     })
   );
-  return l.displayName = `${t}`, l;
+  return r.displayName = `${t}`, r;
 };
 /**
  * @license lucide-react v0.481.0 - ISC
@@ -226,7 +226,7 @@ const ge = (t, a) => {
  * This source code is licensed under the ISC license.
  * See the LICENSE file in the root directory of this source tree.
  */
-const Ce = [
+const ze = [
   [
     "path",
     {
@@ -236,27 +236,27 @@ const Ce = [
   ],
   ["path", { d: "M12 9v4", key: "juzpu7" }],
   ["path", { d: "M12 17h.01", key: "p32p05" }]
-], je = ge("TriangleAlert", Ce);
+], 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 Se = [
+const Ae = [
   ["path", { d: "M18 6 6 18", key: "1bl5f8" }],
   ["path", { d: "m6 6 12 12", key: "d8bk6v" }]
-], Te = ge("X", Se), fe = ({
+], Be = be("X", Ae), we = ({
   message: t,
   dismissAfterMs: a = 4e3
 }) => {
-  const l = H("authLib"), [r, s] = u(!1);
-  return R(() => {
+  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);
     }
-  }, [t, a]), !r || !t ? null : /* @__PURE__ */ e.createElement(
+  }, [t, a]), !l || !t ? null : /* @__PURE__ */ e.createElement(
     "div",
     {
       role: "alert",
@@ -266,81 +266,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(De, { 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"),
+        "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(Be, { className: "h-4 w-4" })
     )
   );
-}, Pe = () => {
-  const t = H("authLib"), a = te(), l = ae(), {
-    brandName: r = t("brandName", { defaultValue: "MyBrand" }),
+}, $e = () => {
+  const t = q("authLib"), a = se(), r = oe(), {
+    brandName: l = t("brandName", { defaultValue: "MyBrand" }),
     colors: s = { bg: "bg-sky-500", text: "text-white", border: "border-sky-500" },
     logoUrl: n,
     oauthProviders: o = [],
-    illustrationUrl: c = t("community.illustrationUrl", {
+    illustrationUrl: i = 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: d
     // 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);
+  } = de(), { login: p } = z(), [w, E] = m(""), [C, v] = m(""), [f, h] = m(!1), [M, g] = m(null), k = {
+    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);
       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 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"));
       } finally {
-        g(!1);
+        h(!1);
       }
     }
   }
-  function A(x) {
-    var S, f, P;
-    if (!m) {
+  function _(u) {
+    var y, B, I;
+    if (!d) {
       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 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();
       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 (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();
       return;
     }
   }
-  const Q = /* @__PURE__ */ e.createElement(
+  const K = /* @__PURE__ */ e.createElement(
     "svg",
     {
       className: "h-4 w-4 animate-spin stroke-current",
@@ -358,7 +358,7 @@ 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 ${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(
     "img",
     {
       loading: "lazy",
@@ -366,11 +366,11 @@ const Se = [
       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: i,
       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"
     }
@@ -382,90 +382,91 @@ const Se = [
       alt: "Brand Logo",
       className: `h-22 rounded-full border ${D}`
     }
-  ) : /* @__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 ${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(
     "button",
     {
       type: "button",
       onClick: () => a("/signup"),
-      className: j
+      className: N
     },
     t("SignInPage.signUp")
-  ))), I && /* @__PURE__ */ e.createElement(fe, { message: I }), /* @__PURE__ */ e.createElement("form", { className: "space-y-6", onSubmit: V }, /* @__PURE__ */ e.createElement(
-    G,
+  ))), M && /* @__PURE__ */ e.createElement(we, { message: M }), /* @__PURE__ */ e.createElement("form", { className: "space-y-6", onSubmit: A }, /* @__PURE__ */ e.createElement(
+    P,
     {
       label: t("form.emailLabel"),
       type: "email",
       placeholder: t("form.emailPlaceholder"),
       color: D,
-      value: b,
+      value: w,
       onChange: E
     }
   ), /* @__PURE__ */ e.createElement(
-    G,
+    P,
     {
       label: t("form.passwordLabel"),
       type: "password",
       placeholder: t("form.passwordPlaceholder"),
       color: D,
       value: C,
-      onChange: N
+      onChange: v
     }
-  ), /* @__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("button", { className: `text-sm ${N}` }, 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: 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`
     },
-    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(
+    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(
     "button",
     {
-      key: x.id,
+      key: u.id,
       type: "button",
-      onClick: () => A(x.id),
+      onClick: () => _(u.id),
       className: "flex-1"
     },
-    /* @__PURE__ */ e.createElement(ie, { icon: x.icon, label: x.label })
+    /* @__PURE__ */ e.createElement(ge, { icon: u.icon, label: u.label })
   ))))))));
-}, Ue = () => {
-  const t = H("authLib"), a = te(), l = ae(), {
-    brandName: r = t("brandName", { defaultValue: "MyBrand" }),
+}, Ve = () => {
+  const t = q("authLib"), a = se(), r = oe(), {
+    brandName: l = t("brandName", { defaultValue: "MyBrand" }),
     colors: s = { bg: "bg-sky-500", text: "text-white", border: "border-sky-500" },
     logoUrl: n,
     oauthProviders: o = [],
-    illustrationUrl: c = t("community.illustrationUrl", {
+    illustrationUrl: i = 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: d
     // 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);
+  } = 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 = {
+    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);
       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 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", {
             defaultValue: "Please check the fields and try again."
           }) : $ === 409 ? t("errors.emailInUse", {
             defaultValue: "This email is already in use."
@@ -474,29 +475,29 @@ const Se = [
           })
         );
       } finally {
-        v(!1);
+        D(!1);
       }
     }
   }
-  function B(f) {
-    var k, L, y;
-    if (!m) {
+  function T(x) {
+    var W, Z, L;
+    if (!d) {
       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 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();
       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 (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();
       return;
     }
   }
-  const S = /* @__PURE__ */ e.createElement(
+  const Ne = /* @__PURE__ */ e.createElement(
     "svg",
     {
       className: "h-4 w-4 animate-spin stroke-current",
@@ -514,7 +515,7 @@ 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 ${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(
     "img",
     {
       loading: "lazy",
@@ -522,11 +523,11 @@ const Se = [
       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: i,
       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"
     }
@@ -536,242 +537,269 @@ const Se = [
       loading: "lazy",
       src: n,
       alt: "Brand Logo",
-      className: `h-22 rounded-full border ${A}`
+      className: `h-22 rounded-full border ${I}`
     }
-  ) : /* @__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 ${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", {
     defaultValue: "Already have an account?"
   }), /* @__PURE__ */ e.createElement("br", null), /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
       onClick: () => a("/login"),
-      className: V
+      className: B
     },
     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,
+  ))), 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(
+    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,
+      placeholder: t("form.fnamePlaceholder", { defaultValue: "Enter your first name" }),
+      color: I,
       value: E,
       onChange: C
     }
   ), /* @__PURE__ */ e.createElement(
-    G,
+    P,
+    {
+      label: t("form.lnameLabel", { defaultValue: "Last Name" }),
+      type: "text",
+      placeholder: t("form.lnamePlaceholder", { defaultValue: "Enter your last name" }),
+      color: I,
+      value: v,
+      onChange: f
+    }
+  )), /* @__PURE__ */ e.createElement(
+    P,
+    {
+      label: t("form.usernameLabel", { defaultValue: "Username" }),
+      type: "text",
+      placeholder: t("form.usernamePlaceholder", { defaultValue: "Choose a username" }),
+      color: I,
+      value: h,
+      onChange: M
+    }
+  ), /* @__PURE__ */ e.createElement(
+    P,
     {
       label: t("form.emailLabel"),
       type: "email",
       placeholder: t("form.emailPlaceholder"),
-      color: A,
-      value: N,
-      onChange: h
+      color: I,
+      value: g,
+      onChange: k
     }
   ), /* @__PURE__ */ e.createElement(
-    G,
+    P,
     {
       label: t("form.passwordLabel"),
       type: "password",
       placeholder: t("form.passwordPlaceholder"),
-      color: A,
-      value: g,
-      onChange: I
+      color: I,
+      value: b,
+      onChange: j
     }
-  ), /* @__PURE__ */ e.createElement(
+  ), /* @__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),
+      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: 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`
     },
-    d && S,
-    d ? t("SignUpPage.signUpSubmitting", {
+    N && Ne,
+    N ? 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", {
+  ), 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", {
     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 ${y}` })), /* @__PURE__ */ e.createElement("div", { className: "flex gap-3 mb-6 justify-center md:justify-start" }, S.map((x) => /* @__PURE__ */ e.createElement(
     "button",
     {
-      key: f.id,
+      key: x.id,
       type: "button",
-      onClick: () => B(f.id),
+      onClick: () => T(x.id),
       className: "flex-1"
     },
-    /* @__PURE__ */ e.createElement(ie, { icon: f.icon, label: f.label })
+    /* @__PURE__ */ e.createElement(ge, { icon: x.icon, label: x.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 });
-}, We = ({ config: t, children: a }) => {
-  const l = te(), [r, s] = u(
+}, ce = () => (V(() => {
+  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(
     () => localStorage.getItem("authToken")
-  ), [n, o] = u(null), [c, i] = u(!0), [m, p] = u(!1);
-  async function b() {
+  ), [n, o] = m(null), [i, c] = m(!0), [d, p] = m(!1);
+  async function w() {
     try {
       await E.post("/auth/logout");
-    } catch (h) {
-      console.warn("Logout endpoint failed, proceeding with local logout:", h);
+    } catch (f) {
+      console.warn("Logout endpoint failed, proceeding with local logout:", f);
     }
-    s(null), o(null), localStorage.removeItem("authToken"), sessionStorage.clear(), p(!1), l("/login", { replace: !0 });
+    s(null), o(null), localStorage.removeItem("authToken"), sessionStorage.clear(), p(!1), r("/login", { replace: !0 });
   }
-  const E = Y(() => {
-    const h = _.create({
+  const E = X(() => {
+    const f = le.create({
       baseURL: t.baseUrl,
       withCredentials: !0
     });
-    return ve(h, {
+    return je(f, {
       baseUrl: t.baseUrl,
-      getAccessToken: () => r,
-      setAccessToken: (g) => s(g),
+      getAccessToken: () => l,
+      setAccessToken: (h) => s(h),
       logout: () => p(!0)
-    }), h;
-  }, [t.baseUrl, r]);
-  R(() => {
+    }), f;
+  }, [t.baseUrl, l]);
+  V(() => {
     (async () => {
-      if (r) {
-        o(J(r)), i(!1);
+      if (l) {
+        o(te(l)), c(!1);
         return;
       }
       try {
-        const { data: g } = await _.post(
+        const { data: h } = await le.post(
           `${t.baseUrl}/auth/refresh-token`,
           {},
           { withCredentials: !0 }
         );
-        s(g.accessToken), o(J(g.accessToken)), localStorage.setItem("authToken", g.accessToken);
+        s(h.accessToken), o(te(h.accessToken)), localStorage.setItem("authToken", h.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 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 });
   }
-  const N = Y(
+  const v = X(
     () => ({
-      isAuthenticated: !!r,
-      accessToken: r,
+      isAuthenticated: !!l,
+      accessToken: l,
       user: n,
       login: C,
-      logout: b,
+      logout: w,
       api: E,
       setUser: o
     }),
-    [r, n, E]
+    [l, n, E]
   );
-  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(me.Provider, { value: t }, /* @__PURE__ */ e.createElement(ue.Provider, { value: v }, /* @__PURE__ */ e.createElement(Le, null, /* @__PURE__ */ e.createElement(
+    Y,
     {
       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(J, { to: "/", replace: !0 }) : /* @__PURE__ */ e.createElement($e, { baseUrl: t.baseUrl, colors: t.colors })
     }
   ), /* @__PURE__ */ e.createElement(
-    Z,
+    Y,
     {
       path: "signup",
-      element: r ? /* @__PURE__ */ e.createElement(O, { to: "/", replace: !0 }) : /* @__PURE__ */ e.createElement(Ue, null)
+      element: l ? /* @__PURE__ */ e.createElement(J, { to: "/", replace: !0 }) : /* @__PURE__ */ e.createElement(Ve, null)
     }
   ), /* @__PURE__ */ e.createElement(
-    Z,
+    Y,
     {
       path: "oauth/google/callback",
-      element: /* @__PURE__ */ e.createElement(re, null)
+      element: /* @__PURE__ */ e.createElement(ce, null)
     }
   ), /* @__PURE__ */ e.createElement(
-    Z,
+    Y,
     {
       path: "/oauth/microsoft/callback",
-      element: /* @__PURE__ */ e.createElement(re, null)
+      element: /* @__PURE__ */ e.createElement(ce, null)
     }
   ), /* @__PURE__ */ e.createElement(
-    Z,
+    Y,
     {
       path: "*",
-      element: /* @__PURE__ */ e.createElement(ze, null, a)
+      element: /* @__PURE__ */ e.createElement(Re, null, a)
     }
-  )), m && /* @__PURE__ */ e.createElement(Me, { onConfirm: b })));
+  )), d && /* @__PURE__ */ e.createElement(Se, { onConfirm: w })));
 };
-function he(...t) {
-  const { user: a } = z(), l = (a == null ? void 0 : a.roles) ?? [];
-  return t.some((r) => l.includes(r));
+function Ee(...t) {
+  const { user: a } = z(), r = (a == null ? void 0 : a.roles) ?? [];
+  return t.some((l) => r.includes(l));
 }
-function Ze(t) {
+function Qe(t) {
   const { user: a } = z();
   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 ne(...t) {
+  const { user: a } = z(), r = (a == null ? void 0 : a.permissions) ?? [];
+  return t.every((l) => r.includes(l));
 }
-const Fe = ({
+const Xe = ({
   children: t,
   fallbackpermessions: a = [],
-  anyPermessions: l = [],
-  fallbackRoles: r = ["super-admin"],
+  anyPermessions: r = [],
+  fallbackRoles: l = ["super-admin"],
   redirectTo: s = "/dashboard"
 }) => {
-  if (r.some((i) => he(i)))
+  if (l.some((c) => Ee(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) {
+  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 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 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 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 _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({
     open: !1,
     type: "success",
     title: "",
     message: ""
   }), C = "+971 50 827 8229";
-  R(() => {
-    if (!b.open)
+  V(() => {
+    if (!w.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 g = window.setTimeout(() => E((k) => ({ ...k, open: !1 })), 3e3);
+    return () => window.clearTimeout(g);
+  }, [w.open]), V(() => {
+    let g = !1;
+    async function k() {
       try {
-        const { data: w } = await a.get("/auth/client/me");
-        if (d)
+        const { data: b } = await a.get("/auth/client/me");
+        if (g)
           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(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);
       }
     }
-    return v(), () => {
-      d = !0;
+    return k(), () => {
+      g = !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]);
-  async function g() {
+  }, [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() {
     if (t) {
       p(!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), E({
           open: !0,
           type: "success",
           title: "Changes saved",
           message: "Your profile was updated successfully."
         });
-      } catch (d) {
-        console.error("Failed to update profile:", d), E({
+      } catch (g) {
+        console.error("Failed to update profile:", g), E({
           open: !0,
           type: "error",
           title: "Save failed",
@@ -784,15 +812,15 @@ const Oe = () => {
   }
   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 M = w.type === "success";
+  return /* @__PURE__ */ e.createElement("div", { className: "max-w-3xl mx-auto" }, w.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: M ? "#BBF7D0" : "#FECACA"
       }
     },
     /* @__PURE__ */ e.createElement(
@@ -800,10 +828,10 @@ const Oe = () => {
       {
         className: "flex h-9 w-9 items-center justify-center rounded-full",
         style: {
-          backgroundColor: I ? "#ECFDF5" : "#FEF2F2"
+          backgroundColor: M ? "#ECFDF5" : "#FEF2F2"
         }
       },
-      I ? /* @__PURE__ */ e.createElement(
+      M ? /* @__PURE__ */ e.createElement(
         "svg",
         {
           width: "18",
@@ -866,15 +894,15 @@ const Oe = () => {
       "span",
       {
         className: "text-sm font-semibold",
-        style: { color: I ? "#15803D" : "#B91C1C" }
+        style: { color: M ? "#15803D" : "#B91C1C" }
       },
-      b.title
-    ), b.message && /* @__PURE__ */ e.createElement("span", { className: "text-xs text-gray-500" }, b.message)),
+      w.title
+    ), w.message && /* @__PURE__ */ e.createElement("span", { className: "text-xs text-gray-500" }, w.message)),
     /* @__PURE__ */ e.createElement(
       "button",
       {
         type: "button",
-        onClick: () => E((d) => ({ ...d, open: !1 })),
+        onClick: () => E((g) => ({ ...g, 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 +936,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" }, f), /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
@@ -943,20 +971,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"))), i ? /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
-      onClick: g,
-      disabled: m,
+      onClick: h,
+      disabled: d,
       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"
+    d ? "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,10 +1020,10 @@ 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: !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"}`
     }
   )), /* @__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",
@@ -1013,13 +1041,13 @@ const Oe = () => {
       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(
+  ))), i && /* @__PURE__ */ e.createElement(
     "button",
     {
       type: "button",
-      disabled: m,
+      disabled: d,
       onClick: () => {
-        i(!1), s((t == null ? void 0 : t.name) ?? "");
+        c(!1), s((t == null ? void 0 : t.name) ?? "");
       },
       className: "mt-6 text-sm font-medium text-gray-600 hover:text-gray-900"
     },
@@ -1027,14 +1055,14 @@ const Oe = () => {
   ))));
 };
 export {
-  We as AuthProvider,
-  Oe as ProfilePage,
-  xe as RbacContext,
-  Ge as RbacProvider,
-  Fe as RequirePermissions,
+  He as AuthProvider,
+  _e as ProfilePage,
+  ye as RbacContext,
+  Je as RbacProvider,
+  Xe as RequirePermissions,
   z as useAuthState,
-  ee as useCan,
-  Ye as useGrant,
-  Ze as useHasModule,
-  he as useHasRole
+  ne as useCan,
+  qe as useGrant,
+  Qe as useHasModule,
+  Ee as useHasRole
 };