@firecms/user_management 3.0.0-beta.6 → 3.0.0-beta.8

package/dist/index.es.js

@@ -1,19 +1,19 @@
-import F, { useEffect as ce, useCallback as k, useContext as Ie, useState as P } from "react";
-import { getFirestore as Y, onSnapshot as ue, collection as ee, setDoc as me, doc as H, addDoc as Fe, deleteDoc as he } from "firebase/firestore";
+import F, { useEffect as ce, useCallback as k, useContext as Fe, useState as A } from "react";
+import { getFirestore as Y, onSnapshot as ue, collection as ee, setDoc as me, doc as H, addDoc as Ae, deleteDoc as he } from "@firebase/firestore";
 import { jsx as e, jsxs as s, Fragment as K } from "react/jsx-runtime";
-import { getColorSchemeForSeed as Pe, Chip as Ae, Dialog as fe, DialogContent as ge, Typography as A, TextField as Q, Paper as pe, Table as re, TableHeader as ie, TableCell as d, TableBody as oe, TableRow as W, Tooltip as V, Checkbox as I, Select as ne, SelectItem as L, DialogActions as Ce, Button as O, LoadingButton as ve, DoneIcon as we, IconButton as ye, DeleteIcon as be, CenteredView as Ne, Container as Ue, AddIcon as le, MultiSelect as Te, MultiSelectItem as Le } from "@firecms/ui";
+import { getColorSchemeForSeed as Pe, Chip as Te, Dialog as fe, DialogContent as ge, Typography as P, TextField as Q, Paper as pe, Table as re, TableHeader as ie, TableCell as d, TableBody as oe, TableRow as W, Tooltip as V, Checkbox as I, Select as ne, SelectItem as L, DialogActions as Ce, Button as O, LoadingButton as ve, DoneIcon as we, IconButton as ye, DeleteIcon as be, CenteredView as Ne, Container as Ue, AddIcon as le, MultiSelect as Le, MultiSelectItem as Be } from "@firecms/ui";
 import * as M from "yup";
-import { toSnakeCase as Be, FieldCaption as B, DeleteConfirmationDialog as xe, useNavigationController as _e, useSnackbarController as se, useAuthController as ae, useCustomizationController as Ve, defaultDateFormat as Me } from "@firecms/core";
+import { toSnakeCase as _e, FieldCaption as B, DeleteConfirmationDialog as xe, useNavigationController as Ve, useSnackbarController as se, useAuthController as ae, useCustomizationController as Me, defaultDateFormat as Oe } from "@firecms/core";
 import { useCreateFormex as Re, getIn as J, Formex as De } from "@firecms/formex";
-import { format as Oe } from "date-fns";
-import * as $e from "date-fns/locale";
-const fn = ["Admin"], qe = {
+import { format as $e } from "date-fns";
+import * as qe from "date-fns/locale";
+const gn = ["Admin"], Ye = {
   read: !1,
   edit: !1,
   create: !1,
   delete: !1
 };
-function Ye({
+function We({
   collection: t,
   user: r
 }) {
@@ -33,12 +33,11 @@ function Ye({
         edit: !1,
         delete: !1
       };
-      return n.map((i) => We(i, t.id)).reduce(te, l);
+      return n.map((i) => je(i, t.id)).reduce(te, l);
     }
-  } else
-    return qe;
+  } else return Ye;
 }
-function We(t, r) {
+function je(t, r) {
   const n = {
     read: t.isAdmin || t.defaultPermissions?.read,
     create: t.isAdmin || t.defaultPermissions?.create,
@@ -53,23 +52,23 @@ const te = (t, r) => ({
   edit: t.edit || r.edit,
   delete: t.delete || r.delete
 });
-function gn(t, r) {
+function pn(t, r) {
   return t ? r.roles ? r.roles.map((n) => t.find((l) => l.id === n.id)).filter(Boolean) : [] : void 0;
 }
-const je = (t, r) => {
+const ze = (t, r) => {
   const n = t.map((i) => i.id), l = r.map((i) => i.id);
   return n.length === r.length && n.every((i) => l.includes(i));
 };
-function pn(t, r) {
+function Cn(t, r) {
   if (!r)
     return;
-  const n = ze(r), l = new Date(n.exp * 1e3);
+  const n = Je(r), l = new Date(n.exp * 1e3);
   localStorage.setItem(`auth_token::${t}`, JSON.stringify({
     token: r,
     expiry: l
   }));
 }
-function Cn(t) {
+function vn(t) {
   const r = localStorage.getItem(`auth_token::${t}`);
   if (r) {
     const n = JSON.parse(r);
@@ -77,13 +76,13 @@ function Cn(t) {
       return n.token;
   }
 }
-function vn() {
+function wn() {
   for (let t = 0; t < localStorage.length; t++) {
     const r = localStorage.key(t);
     r?.startsWith("auth_token::") && localStorage.removeItem(r);
   }
 }
-function ze(t) {
+function Je(t) {
   if (!t)
     throw new Error("No JWT token");
   const n = t.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), l = decodeURIComponent(window.atob(n).split("").map(function(i) {
@@ -91,7 +90,7 @@ function ze(t) {
   }).join(""));
   return JSON.parse(l);
 }
-function wn(t, r = 10) {
+function yn(t, r = 10) {
   if (!/^#([0-9A-Fa-f]{3}){1,2}$/.test(t))
     throw new Error("Invalid color format");
   let n = t.substring(1).split("");
@@ -99,38 +98,37 @@ function wn(t, r = 10) {
   let l = parseInt(n[0] + n[1], 16), i = parseInt(n[2] + n[3], 16), m = parseInt(n[4] + n[5], 16);
   return l = Math.floor(l * (1 - r / 100)), i = Math.floor(i * (1 - r / 100)), m = Math.floor(m * (1 - r / 100)), "#" + (l < 16 ? "0" : "") + l.toString(16) + (i < 16 ? "0" : "") + i.toString(16) + (m < 16 ? "0" : "") + m.toString(16);
 }
-function yn(t, r = 10) {
+function bn(t, r = 10) {
   if (!/^#([0-9A-Fa-f]{3}){1,2}$/.test(t))
     throw new Error("Invalid color format");
   let n = t.substring(1).split("");
   n.length === 3 && (n = [n[0], n[0], n[1], n[1], n[2], n[2]]);
-  const l = parseInt(n[0] + n[1], 16), i = parseInt(n[2] + n[3], 16), m = parseInt(n[4] + n[5], 16), f = r / 100;
-  return `rgba(${l}, ${i}, ${m}, ${f})`;
+  const l = parseInt(n[0] + n[1], 16), i = parseInt(n[2] + n[3], 16), m = parseInt(n[4] + n[5], 16), g = r / 100;
+  return `rgba(${l}, ${i}, ${m}, ${g})`;
 }
-function bn({
+function Nn({
   firebaseApp: t,
   usersPath: r = "__FIRECMS/config/users",
   rolesPath: n = "__FIRECMS/config/roles",
   usersLimit: l,
   canEditRoles: i = !0,
   allowDefaultRolesCreation: m,
-  includeCollectionConfigPermissions: f
+  includeCollectionConfigPermissions: g
 }) {
-  const [v, R] = F.useState(!0), [w, c] = F.useState(!0), [S, U] = F.useState([]), [a, C] = F.useState([]), y = a.map((g) => ({
-    ...g,
-    roles: S.filter((p) => g.roles?.includes(p.id))
+  const [v, R] = F.useState(!0), [w, c] = F.useState(!0), [E, U] = F.useState([]), [a, C] = F.useState([]), y = a.map((f) => ({
+    ...f,
+    roles: E.filter((p) => f.roles?.includes(p.id))
   })), [b, _] = F.useState(), [z, u] = F.useState(), h = v || w;
   ce(() => {
-    if (!t || !n)
-      return;
-    const g = Y(t);
+    if (!t || !n) return;
+    const f = Y(t);
     return ue(
-      ee(g, n),
+      ee(f, n),
       {
         next: (p) => {
           _(void 0);
           try {
-            const N = Ge(p.docs);
+            const N = He(p.docs);
             U(N);
           } catch (N) {
             console.error("Error loading roles", N), _(N);
@@ -143,16 +141,15 @@ function bn({
       }
     );
   }, [t, n]), ce(() => {
-    if (!t || !r)
-      return;
-    const g = Y(t);
+    if (!t || !r) return;
+    const f = Y(t);
     return ue(
-      ee(g, r),
+      ee(f, r),
       {
         next: (p) => {
           u(void 0);
           try {
-            const N = Je(p.docs);
+            const N = Ge(p.docs);
             C(N);
           } catch (N) {
             console.error("Error loading users", N), u(N);
@@ -165,71 +162,62 @@ function bn({
       }
     );
   }, [t, r]);
-  const x = k(async (g) => {
-    if (!t)
-      throw Error("useFirestoreUserManagement Firebase not initialised");
+  const x = k(async (f) => {
+    if (!t) throw Error("useFirestoreUserManagement Firebase not initialised");
     const p = Y(t);
-    if (!p || !r)
-      throw Error("useFirestoreUserManagement Firestore not initialised");
-    console.debug("Persisting user", g);
-    const N = g.roles?.map((ke) => ke.id), {
+    if (!p || !r) throw Error("useFirestoreUserManagement Firestore not initialised");
+    console.debug("Persisting user", f);
+    const N = f.roles?.map((Ie) => Ie.id), {
       uid: q,
       ...Z
-    } = g, de = {
+    } = f, de = {
       ...Z,
       roles: N
     };
-    return q ? me(H(p, r, q), de, { merge: !0 }).then(() => g) : Fe(ee(p, r), de).then(() => g);
-  }, [r, t]), D = k((g) => {
-    if (!t)
-      throw Error("useFirestoreUserManagement Firebase not initialised");
+    return q ? me(H(p, r, q), de, { merge: !0 }).then(() => f) : Ae(ee(p, r), de).then(() => f);
+  }, [r, t]), D = k((f) => {
+    if (!t) throw Error("useFirestoreUserManagement Firebase not initialised");
     const p = Y(t);
-    if (!p || !n)
-      throw Error("useFirestoreUserManagement Firestore not initialised");
-    console.debug("Persisting role", g);
+    if (!p || !n) throw Error("useFirestoreUserManagement Firestore not initialised");
+    console.debug("Persisting role", f);
     const {
       id: N,
       ...q
-    } = g, Z = H(p, n, N);
+    } = f, Z = H(p, n, N);
     return me(Z, q, { merge: !0 });
-  }, [n, t]), T = k(async (g) => {
-    if (!t)
-      throw Error("useFirestoreUserManagement Firebase not initialised");
+  }, [n, t]), T = k(async (f) => {
+    if (!t) throw Error("useFirestoreUserManagement Firebase not initialised");
     const p = Y(t);
-    if (!p || !r)
-      throw Error("useFirestoreUserManagement Firestore not initialised");
-    console.debug("Deleting", g);
-    const { uid: N } = g;
+    if (!p || !r) throw Error("useFirestoreUserManagement Firestore not initialised");
+    console.debug("Deleting", f);
+    const { uid: N } = f;
     return he(H(p, r, N));
-  }, [r, t]), o = k((g) => {
-    if (!t)
-      throw Error("useFirestoreUserManagement Firebase not initialised");
+  }, [r, t]), o = k((f) => {
+    if (!t) throw Error("useFirestoreUserManagement Firebase not initialised");
     const p = Y(t);
-    if (!p || !n)
-      throw Error("useFirestoreUserManagement Firestore not initialised");
-    console.debug("Deleting", g);
-    const { id: N } = g, q = H(p, n, N);
+    if (!p || !n) throw Error("useFirestoreUserManagement Firestore not initialised");
+    console.debug("Deleting", f);
+    const { id: N } = f, q = H(p, n, N);
     return he(q);
-  }, [n, t]), E = k(({
-    collection: g,
+  }, [n, t]), S = k(({
+    collection: f,
     user: p
-  }) => Ye({
-    collection: g,
+  }) => We({
+    collection: f,
     user: p
-  }), []), $ = k((g) => {
-    if (!y)
-      throw Error("Users not loaded");
-    return y.find((N) => N.email?.toLowerCase() === g?.email?.toLowerCase())?.roles;
-  }, [y]), G = k(({ user: g }) => {
-    if (console.debug("Authenticating user", g), h)
+  }), []), $ = k((f) => {
+    if (!y) throw Error("Users not loaded");
+    return y.find((N) => N.email?.toLowerCase() === f?.email?.toLowerCase())?.roles;
+  }, [y]), G = k(({ user: f }) => {
+    if (console.debug("Authenticating user", f), h)
       return console.warn("User management is still loading"), !1;
-    if (y.length === 0 || y.find((N) => N.email?.toLowerCase() === g?.email?.toLowerCase()))
+    if (y.length === 0 || y.find((N) => N.email?.toLowerCase() === f?.email?.toLowerCase()))
       return !0;
     throw Error("Could not find a user with the provided email in the user management system.");
-  }, [h, y]);
+  }, [h, y]), ke = E.some((f) => f.id === "admin");
   return {
     loading: h,
-    roles: S,
+    roles: E,
     users: y,
     saveUser: x,
     saveRole: D,
@@ -238,15 +226,16 @@ function bn({
     deleteRole: o,
     usersLimit: l,
     usersError: z,
+    isAdmin: ke,
     canEditRoles: i === void 0 ? !0 : i,
     allowDefaultRolesCreation: m === void 0 ? !0 : m,
-    includeCollectionConfigPermissions: !!f,
-    collectionPermissions: E,
+    includeCollectionConfigPermissions: !!g,
+    collectionPermissions: S,
     defineRolesFor: $,
     authenticator: G
   };
 }
-const Je = (t) => t.map((r) => {
+const Ge = (t) => t.map((r) => {
   const n = r.data();
   return {
     uid: r.id,
@@ -254,21 +243,21 @@ const Je = (t) => t.map((r) => {
     created_on: n?.created_on?.toDate(),
     updated_on: n?.updated_on?.toDate()
   };
-}), Ge = (t) => t.map((r) => ({
+}), He = (t) => t.map((r) => ({
   id: r.id,
   ...r.data()
 })), Ee = F.createContext({});
-function He({
+function Ke({
   children: t,
   userManagement: r
 }) {
   return /* @__PURE__ */ e(Ee.Provider, { value: r, children: t });
 }
-const j = () => Ie(Ee);
+const j = () => Fe(Ee);
 function X({ role: t }) {
   let r;
   return t.isAdmin ? r = "blueDarker" : t.id === "editor" ? r = "yellowLight" : t.id === "viewer" ? r = "grayLight" : r = Pe(t.id), /* @__PURE__ */ e(
-    Ae,
+    Te,
     {
       colorScheme: r,
       children: t.name
@@ -276,34 +265,34 @@ function X({ role: t }) {
     t.id
   );
 }
-const Ke = M.object().shape({
+const Qe = M.object().shape({
   id: M.string().required("Required"),
   name: M.string().required("Required")
 });
-function Qe({
+function Xe({
   open: t,
   role: r,
   editable: n,
   handleClose: l,
   collections: i
 }) {
-  const { saveRole: m } = j(), f = !r, [v, R] = P(), w = k((o) => (R(void 0), m(o)), [m]), c = Re({
+  const { saveRole: m } = j(), g = !r, [v, R] = A(), w = k((o) => (R(void 0), m(o)), [m]), c = Re({
     initialValues: r ?? {
       name: ""
     },
-    onSubmit: (o, E) => w(o).then(() => {
-      E.resetForm({
+    onSubmit: (o, S) => w(o).then(() => {
+      S.resetForm({
         values: o
       }), l();
     }).catch(($) => R($)),
-    validation: (o) => Ke.validate(o, { abortEarly: !1 }).then(() => ({})).catch((E) => {
+    validation: (o) => Qe.validate(o, { abortEarly: !1 }).then(() => ({})).catch((S) => {
       const $ = {};
-      return E.inner.forEach((G) => {
+      return S.inner.forEach((G) => {
         $[G.path] = G.message;
       }), $;
     })
   }), {
-    isSubmitting: S,
+    isSubmitting: E,
     touched: U,
     values: a,
     errors: C,
@@ -313,7 +302,7 @@ function Qe({
     setFieldTouched: z
   } = c, u = a.isAdmin ?? !1, h = a.defaultPermissions?.create ?? !1, x = a.defaultPermissions?.read ?? !1, D = a.defaultPermissions?.edit ?? !1, T = a.defaultPermissions?.delete ?? !1;
   return F.useEffect(() => {
-    !J(U, "id") && a.name && b("id", Be(a.name));
+    !J(U, "id") && a.name && b("id", _e(a.name));
   }, [U, a.name]), /* @__PURE__ */ e(
     fe,
     {
@@ -338,7 +327,7 @@ function Qe({
                 {
                   className: "flex flex-row pt-12 pb-8",
                   children: /* @__PURE__ */ e(
-                    A,
+                    P,
                     {
                       variant: "h4",
                       className: "flex-grow",
@@ -372,7 +361,7 @@ function Qe({
                       required: !0,
                       error: U.id && !!C.id,
                       value: a.id,
-                      disabled: !f || !n,
+                      disabled: !g || !n,
                       onChange: (o) => {
                         y(o), z("id", !0);
                       },
@@ -526,7 +515,7 @@ function Qe({
                                   {
                                     disabled: u || h || !n,
                                     checked: (u || h || J(a, `collectionPermissions.${o.path}.create`)) ?? !1,
-                                    onCheckedChange: (E) => b(`collectionPermissions.${o.path}.create`, E)
+                                    onCheckedChange: (S) => b(`collectionPermissions.${o.path}.create`, S)
                                   }
                                 )
                               }
@@ -540,7 +529,7 @@ function Qe({
                                   {
                                     disabled: u || x || !n,
                                     checked: (u || x || J(a, `collectionPermissions.${o.path}.read`)) ?? !1,
-                                    onCheckedChange: (E) => b(`collectionPermissions.${o.path}.read`, E)
+                                    onCheckedChange: (S) => b(`collectionPermissions.${o.path}.read`, S)
                                   }
                                 )
                               }
@@ -554,7 +543,7 @@ function Qe({
                                   {
                                     disabled: u || D || !n,
                                     checked: (u || D || J(a, `collectionPermissions.${o.path}.edit`)) ?? !1,
-                                    onCheckedChange: (E) => b(`collectionPermissions.${o.path}.edit`, E)
+                                    onCheckedChange: (S) => b(`collectionPermissions.${o.path}.edit`, S)
                                   }
                                 )
                               }
@@ -568,7 +557,7 @@ function Qe({
                                   {
                                     disabled: u || T || !n,
                                     checked: (u || T || J(a, `collectionPermissions.${o.path}.delete`)) ?? !1,
-                                    onCheckedChange: (E) => b(`collectionPermissions.${o.path}.delete`, E)
+                                    onCheckedChange: (S) => b(`collectionPermissions.${o.path}.delete`, S)
                                   }
                                 )
                               }
@@ -696,7 +685,7 @@ function Qe({
               ] })
             ] }),
             /* @__PURE__ */ s(Ce, { position: "sticky", children: [
-              v && /* @__PURE__ */ e(A, { className: "text-red-500", children: "There was an error saving this role" }),
+              v && /* @__PURE__ */ e(P, { className: "text-red-500", children: "There was an error saving this role" }),
               /* @__PURE__ */ e(
                 O,
                 {
@@ -714,9 +703,9 @@ function Qe({
                   color: "primary",
                   type: "submit",
                   disabled: !_,
-                  loading: S,
+                  loading: E,
                   startIcon: /* @__PURE__ */ e(we, {}),
-                  children: f ? "Create role" : "Update"
+                  children: g ? "Create role" : "Update"
                 }
               )
             ] })
@@ -760,7 +749,7 @@ const Se = [
     }
   }
 ];
-function Xe({
+function Ze({
   onRoleClicked: t,
   editable: r
 }) {
@@ -769,7 +758,7 @@ function Xe({
     saveRole: l,
     deleteRole: i,
     allowDefaultRolesCreation: m
-  } = j(), [f, v] = P(void 0), [R, w] = P(!1);
+  } = j(), [g, v] = A(void 0), [R, w] = A(!1);
   return /* @__PURE__ */ s(
     "div",
     {
@@ -784,7 +773,7 @@ function Xe({
           ] }),
           /* @__PURE__ */ s(oe, { children: [
             n && n.map((c) => {
-              const S = c.isAdmin || c.defaultPermissions?.create, U = c.isAdmin || c.defaultPermissions?.read, a = c.isAdmin || c.defaultPermissions?.edit, C = c.isAdmin || c.defaultPermissions?.delete;
+              const E = c.isAdmin || c.defaultPermissions?.create, U = c.isAdmin || c.defaultPermissions?.read, a = c.isAdmin || c.defaultPermissions?.edit, C = c.isAdmin || c.defaultPermissions?.delete;
               return /* @__PURE__ */ s(
                 W,
                 {
@@ -804,7 +793,7 @@ function Xe({
                     /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(X, { role: c }) }),
                     /* @__PURE__ */ e(d, { className: "items-center", children: /* @__PURE__ */ e(I, { checked: c.isAdmin ?? !1 }) }),
                     /* @__PURE__ */ e(d, { children: /* @__PURE__ */ s("ul", { children: [
-                      S && /* @__PURE__ */ e("li", { children: "Create" }),
+                      E && /* @__PURE__ */ e("li", { children: "Create" }),
                       U && /* @__PURE__ */ e("li", { children: "Read" }),
                       a && /* @__PURE__ */ e("li", { children: "Update" }),
                       C && /* @__PURE__ */ e("li", { children: "Delete" })
@@ -815,7 +804,7 @@ function Xe({
               );
             }),
             (!n || n.length === 0) && /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(d, { colspan: 4, children: /* @__PURE__ */ s(Ne, { className: "flex flex-col gap-4 my-8 items-center", children: [
-              /* @__PURE__ */ e(A, { variant: "label", children: "You don't have any roles yet." }),
+              /* @__PURE__ */ e(P, { variant: "label", children: "You don't have any roles yet." }),
               m && /* @__PURE__ */ e(
                 O,
                 {
@@ -834,10 +823,10 @@ function Xe({
         /* @__PURE__ */ e(
           xe,
           {
-            open: !!f,
+            open: !!g,
             loading: R,
             onAccept: () => {
-              f && (w(!0), i(f).then(() => {
+              g && (w(!0), i(g).then(() => {
                 v(void 0);
               }).finally(() => {
                 w(!1);
@@ -854,16 +843,16 @@ function Xe({
     }
   );
 }
-const Ze = F.memo(
+const en = F.memo(
   function({ children: r }) {
-    const { collections: n } = _e(), [l, i] = P(!1), [m, f] = P(), { canEditRoles: v } = j(), R = k((c) => {
-      i(!0), f(c);
+    const { collections: n } = Ve(), [l, i] = A(!1), [m, g] = A(), { canEditRoles: v } = j(), R = k((c) => {
+      i(!0), g(c);
     }, []);
     return /* @__PURE__ */ s(Ue, { className: "w-full flex flex-col py-4 gap-4", maxWidth: "6xl", children: [
       r,
       /* @__PURE__ */ s("div", { className: "flex items-center mt-12", children: [
         /* @__PURE__ */ e(
-          A,
+          P,
           {
             gutterBottom: !0,
             variant: "h4",
@@ -883,36 +872,36 @@ const Ze = F.memo(
           }
         ) })
       ] }),
-      /* @__PURE__ */ e(Xe, { onRoleClicked: R, editable: !!v }),
+      /* @__PURE__ */ e(Ze, { onRoleClicked: R, editable: !!v }),
       /* @__PURE__ */ e(
-        Qe,
+        Xe,
         {
           open: l,
           role: m,
           editable: v,
           collections: n,
           handleClose: () => {
-            f(void 0), i(!1);
+            g(void 0), i(!1);
           }
         },
         m?.id ?? "new"
       )
     ] });
   }
-), en = M.object().shape({
+), nn = M.object().shape({
   displayName: M.string().required("Required"),
   email: M.string().email().required("Required"),
   roles: M.array().min(1)
 });
-function nn(t, r, n, l, i) {
-  const m = n.filter((w) => w.roles?.map((c) => c.id).includes("admin")), f = t.roles?.map((w) => w.id).includes("admin");
-  if ((!i || !je(i.roles ?? [], r.roles ?? [])) && !f)
+function tn(t, r, n, l, i) {
+  const m = n.filter((w) => w.roles?.map((c) => c.id).includes("admin")), g = t.roles?.map((w) => w.id).includes("admin");
+  if ((!i || !ze(i.roles ?? [], r.roles ?? [])) && !g)
     throw new Error("Only admins can change roles");
   if (i && i.roles?.map((w) => w.id).includes("admin") && !r.roles?.map((w) => w.id).includes("admin") && m.length === 1)
     throw new Error("There must be at least one admin");
   return !0;
 }
-function tn({
+function rn({
   open: t,
   user: r,
   handleClose: n
@@ -921,23 +910,23 @@ function tn({
     user: i
   } = ae(), {
     saveUser: m,
-    users: f,
+    users: g,
     roles: v
   } = j(), R = !r, w = k((h) => {
     if (!i)
       throw new Error("Logged user not found");
     try {
-      return nn(i, h, f, v, r), m(h);
+      return tn(i, h, g, v, r), m(h);
     } catch (x) {
       return Promise.reject(x);
     }
-  }, [v, m, r, f, i]), c = Re({
+  }, [v, m, r, g, i]), c = Re({
     initialValues: r ?? {
       displayName: "",
       email: "",
       roles: v.filter((h) => h.id === "editor")
     },
-    validation: (h) => en.validate(h, { abortEarly: !1 }).then(() => ({})).catch((x) => x.inner.reduce((D, T) => (D[T.path] = T.message, D), {})),
+    validation: (h) => nn.validate(h, { abortEarly: !1 }).then(() => ({})).catch((x) => x.inner.reduce((D, T) => (D[T.path] = T.message, D), {})),
     onSubmit: (h, x) => w(h).then(() => {
       n(), x.resetForm({
         values: h
@@ -949,7 +938,7 @@ function tn({
       });
     })
   }), {
-    isSubmitting: S,
+    isSubmitting: E,
     touched: U,
     handleChange: a,
     values: C,
@@ -984,7 +973,7 @@ function tn({
                 {
                   className: "flex flex-row pt-4 pb-4",
                   children: /* @__PURE__ */ e(
-                    A,
+                    P,
                     {
                       variant: "h4",
                       className: "flex-grow",
@@ -1025,7 +1014,7 @@ function tn({
                   /* @__PURE__ */ e(B, { children: u > 0 && y.email ? y.email : "Email of this user" })
                 ] }),
                 /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-                  Te,
+                  Le,
                   {
                     label: "Roles",
                     value: C.roles?.map((h) => h.id) ?? [],
@@ -1035,7 +1024,7 @@ function tn({
                       return x ? /* @__PURE__ */ e("div", { className: "flex flex-wrap space-x-2 space-y-2", children: /* @__PURE__ */ e(X, { role: x }, x?.id) }) : null;
                     },
                     children: v.map((h) => /* @__PURE__ */ e(
-                      Le,
+                      Be,
                       {
                         value: h.id,
                         children: /* @__PURE__ */ e(X, { role: h }, h?.id)
@@ -1064,7 +1053,7 @@ function tn({
                   color: "primary",
                   type: "submit",
                   disabled: !_,
-                  loading: S,
+                  loading: E,
                   startIcon: /* @__PURE__ */ e(we, {}),
                   children: R ? "Create user" : "Update"
                 }
@@ -1076,12 +1065,12 @@ function tn({
     }
   );
 }
-function rn({ onUserClicked: t }) {
+function on({ onUserClicked: t }) {
   const {
     users: r,
     saveUser: n,
     deleteUser: l
-  } = j(), i = ae(), m = se(), f = Ve(), v = f?.locale ? $e[f?.locale] : void 0, R = f?.dateTimeFormat ?? Me, [w, c] = P(void 0), [S, U] = P(!1);
+  } = j(), i = ae(), m = se(), g = Me(), v = g?.locale ? qe[g?.locale] : void 0, R = g?.dateTimeFormat ?? Oe, [w, c] = A(void 0), [E, U] = A(!1);
   return /* @__PURE__ */ s("div", { className: "overflow-auto", children: [
     /* @__PURE__ */ s(re, { children: [
       /* @__PURE__ */ s(ie, { children: [
@@ -1094,7 +1083,7 @@ function rn({ onUserClicked: t }) {
       ] }),
       /* @__PURE__ */ s(oe, { children: [
         r && r.map((a) => {
-          const C = a.roles, y = a.created_on ? Oe(a.created_on, R, { locale: v }) : "";
+          const C = a.roles, y = a.created_on ? $e(a.created_on, R, { locale: v }) : "";
           return /* @__PURE__ */ s(
             W,
             {
@@ -1123,7 +1112,7 @@ function rn({ onUserClicked: t }) {
           );
         }),
         (!r || r.length === 0) && /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(d, { colspan: 6, children: /* @__PURE__ */ s(Ne, { className: "flex flex-col gap-4 my-8 items-center", children: [
-          /* @__PURE__ */ e(A, { variant: "label", children: "There are no users yet" }),
+          /* @__PURE__ */ e(P, { variant: "label", children: "There are no users yet" }),
           /* @__PURE__ */ e(
             O,
             {
@@ -1162,7 +1151,7 @@ function rn({ onUserClicked: t }) {
       xe,
       {
         open: !!w,
-        loading: S,
+        loading: E,
         onAccept: () => {
           w && (U(!0), l(w).then(() => {
             c(void 0);
@@ -1184,9 +1173,9 @@ function rn({ onUserClicked: t }) {
     )
   ] });
 }
-const on = function({ children: r }) {
-  const [n, l] = P(), [i, m] = P(), { users: f, usersLimit: v } = j(), R = v !== void 0 && f && f.length >= v, w = k((S) => {
-    m(S), l(!0);
+const ln = function({ children: r }) {
+  const [n, l] = A(), [i, m] = A(), { users: g, usersLimit: v } = j(), R = v !== void 0 && g && g.length >= v, w = k((E) => {
+    m(E), l(!0);
   }, []), c = k(() => {
     l(!1), m(void 0);
   }, []);
@@ -1198,7 +1187,7 @@ const on = function({ children: r }) {
         className: "flex items-center mt-12",
         children: [
           /* @__PURE__ */ e(
-            A,
+            P,
             {
               gutterBottom: !0,
               variant: "h4",
@@ -1220,9 +1209,9 @@ const on = function({ children: r }) {
         ]
       }
     ),
-    /* @__PURE__ */ e(rn, { onUserClicked: w }),
+    /* @__PURE__ */ e(on, { onUserClicked: w }),
     /* @__PURE__ */ e(
-      tn,
+      rn,
       {
         open: n ?? !1,
         user: i,
@@ -1232,14 +1221,14 @@ const on = function({ children: r }) {
     )
   ] });
 };
-function Nn({ userManagement: t }) {
+function Un({ userManagement: t }) {
   const r = t.users.length === 0, n = t.roles.length === 0;
   return {
     key: "user_management",
     loading: t.loading,
     homePage: {
       additionalChildrenStart: r || n ? /* @__PURE__ */ e(
-        ln,
+        sn,
         {
           noUsers: r,
           noRoles: n,
@@ -1248,14 +1237,14 @@ function Nn({ userManagement: t }) {
       ) : void 0
     },
     provider: {
-      Component: He,
+      Component: Ke,
       props: {
         userManagement: t
       }
     }
   };
 }
-function ln({
+function sn({
   noUsers: t,
   noRoles: r,
   userManagement: n
@@ -1266,8 +1255,8 @@ function ln({
     {
       className: "my-4 flex flex-col px-4 py-6 bg-white dark:bg-slate-800 gap-2",
       children: [
-        /* @__PURE__ */ e(A, { variant: "subtitle2", className: "uppercase", children: "Create your users and roles" }),
-        /* @__PURE__ */ e(A, { children: "You have no users or roles defined. You can create default roles and add the current user as admin." }),
+        /* @__PURE__ */ e(P, { variant: "subtitle2", className: "uppercase", children: "Create your users and roles" }),
+        /* @__PURE__ */ e(P, { children: "You have no users or roles defined. You can create default roles and add the current user as admin." }),
         /* @__PURE__ */ s(O, { onClick: () => {
           if (!l.user?.uid)
             throw Error("UsersTable, authController misconfiguration");
@@ -1288,13 +1277,13 @@ function ln({
               type: "success",
               message: "User added successfully"
             });
-          }).catch((f) => {
+          }).catch((g) => {
             i.open({
               type: "error",
-              message: "Error adding user: " + f.message
+              message: "Error adding user: " + g.message
             });
-          }), r && Se.forEach((f) => {
-            n.saveRole(f);
+          }), r && Se.forEach((g) => {
+            n.saveRole(g);
           });
         }, children: [
           /* @__PURE__ */ e(le, {}),
@@ -1304,47 +1293,47 @@ function ln({
     }
   );
 }
-const Un = [
+const xn = [
   {
     path: "users",
     name: "CMS Users",
     group: "Admin",
     icon: "face",
-    view: /* @__PURE__ */ e(on, {})
+    view: /* @__PURE__ */ e(ln, {})
   },
   {
     path: "roles",
     name: "Roles",
     group: "Admin",
     icon: "gpp_good",
-    view: /* @__PURE__ */ e(Ze, {})
+    view: /* @__PURE__ */ e(en, {})
   }
 ];
 export {
-  ln as IntroWidget,
-  fn as RESERVED_GROUPS,
+  sn as IntroWidget,
+  gn as RESERVED_GROUPS,
   X as RoleChip,
-  Ke as RoleYupSchema,
-  Qe as RolesDetailsForm,
-  Xe as RolesTable,
-  Ze as RolesView,
-  tn as UserDetailsForm,
+  Qe as RoleYupSchema,
+  Xe as RolesDetailsForm,
+  Ze as RolesTable,
+  en as RolesView,
+  rn as UserDetailsForm,
   Ee as UserManagementContext,
-  He as UserManagementProvider,
-  en as UserYupSchema,
-  rn as UsersTable,
-  on as UsersView,
-  je as areRolesEqual,
-  pn as cacheDelegatedLoginToken,
-  vn as clearDelegatedLoginTokensCache,
-  wn as darkenColor,
-  Cn as getDelegatedLoginTokenFromCache,
-  gn as getUserRoles,
-  yn as hexToRgbaWithOpacity,
-  Ye as resolveUserRolePermissions,
-  bn as useFirestoreUserManagement,
+  Ke as UserManagementProvider,
+  nn as UserYupSchema,
+  on as UsersTable,
+  ln as UsersView,
+  ze as areRolesEqual,
+  Cn as cacheDelegatedLoginToken,
+  wn as clearDelegatedLoginTokensCache,
+  yn as darkenColor,
+  vn as getDelegatedLoginTokenFromCache,
+  pn as getUserRoles,
+  bn as hexToRgbaWithOpacity,
+  We as resolveUserRolePermissions,
+  Nn as useFirestoreUserManagement,
   j as useUserManagement,
-  Nn as useUserManagementPlugin,
-  Un as userManagementAdminViews
+  Un as useUserManagementPlugin,
+  xn as userManagementAdminViews
 };
 //# sourceMappingURL=index.es.js.map