@firecms/user_management 3.0.0-canary.40 → 3.0.0-canary.41

package/dist/index.es.js

@@ -1,19 +1,19 @@
-import F, { useEffect as se, useCallback as I, useContext as Ie, useState as P } from "react";
+import F, { useEffect as se, useCallback as k, useContext as Ee, useState as P } from "react";
 import { getFirestore as q, onSnapshot as ae, collection as ee, setDoc as ce, doc as H, addDoc as ke, deleteDoc as de } from "firebase/firestore";
-import { jsx as e, jsxs as l, Fragment as K } from "react/jsx-runtime";
-import { getColorSchemeForSeed as Fe, Chip as Pe, Dialog as ue, DialogContent as me, Typography as $, TextField as Q, Paper as Ae, Table as ie, TableHeader as re, TableCell as a, TableBody as oe, TableRow as Y, Tooltip as _, Checkbox as k, Select as ne, SelectItem as T, DialogActions as he, Button as W, LoadingButton as fe, DoneIcon as ge, IconButton as pe, DeleteIcon as Ce, CenteredView as ve, Container as we, AddIcon as ye, MultiSelect as Te, MultiSelectItem as Be } from "@firecms/ui";
-import * as O from "yup";
-import { toSnakeCase as Le, FieldCaption as B, DeleteConfirmationDialog as be, useNavigationController as Ve, useSnackbarController as Ne, useAuthController as xe, useCustomizationController as _e, defaultDateFormat as Oe } from "@firecms/core";
-import { useCreateFormex as Re, getIn as z, Formex as De } from "@firecms/formex";
-import { format as $e } from "date-fns";
-import * as Me from "date-fns/locale";
-const fn = ["Admin"], qe = {
+import { jsx as e, jsxs as s, Fragment as K } from "react/jsx-runtime";
+import { getColorSchemeForSeed as Ie, Chip as Fe, Dialog as ue, DialogContent as me, Typography as _, TextField as Q, Paper as Pe, Table as ie, TableHeader as re, TableCell as a, TableBody as oe, TableRow as Y, Tooltip as M, Checkbox as I, Select as ne, SelectItem as T, DialogActions as he, Button as W, LoadingButton as fe, DoneIcon as ge, IconButton as pe, DeleteIcon as Ce, CenteredView as ve, Container as we, AddIcon as ye, MultiSelect as Ae, MultiSelectItem as Te } from "@firecms/ui";
+import * as V from "yup";
+import { toSnakeCase as Be, FieldCaption as B, DeleteConfirmationDialog as Ne, useNavigationController as Le, useSnackbarController as be, useAuthController as Ue, useCustomizationController as Me, defaultDateFormat as Ve } from "@firecms/core";
+import { useCreateFormex as xe, getIn as z, Formex as Re } from "@firecms/formex";
+import { format as _e } from "date-fns";
+import * as Oe from "date-fns/locale";
+const hn = ["Admin"], $e = {
   read: !1,
   edit: !1,
   create: !1,
   delete: !1
 };
-function Ye({
+function qe({
   collection: t,
   user: i
 }) {
@@ -33,12 +33,12 @@ function Ye({
         edit: !1,
         delete: !1
       };
-      return n.map((r) => We(r, t.id)).reduce(te, d);
+      return n.map((r) => Ye(r, t.id)).reduce(te, d);
     }
   } else
-    return qe;
+    return $e;
 }
-function We(t, i) {
+function Ye(t, i) {
   const n = {
     read: t.isAdmin || t.defaultPermissions?.read,
     create: t.isAdmin || t.defaultPermissions?.create,
@@ -53,23 +53,23 @@ const te = (t, i) => ({
   edit: t.edit || i.edit,
   delete: t.delete || i.delete
 });
-function gn(t, i) {
+function fn(t, i) {
   return t ? i.roles ? i.roles.map((n) => t.find((d) => d.id === n.id)).filter(Boolean) : [] : void 0;
 }
-const je = (t, i) => {
+const We = (t, i) => {
   const n = t.map((r) => r.id), d = i.map((r) => r.id);
   return n.length === i.length && n.every((r) => d.includes(r));
 };
-function pn(t, i) {
+function gn(t, i) {
   if (!i)
     return;
-  const n = ze(i), d = new Date(n.exp * 1e3);
+  const n = je(i), d = new Date(n.exp * 1e3);
   localStorage.setItem(`auth_token::${t}`, JSON.stringify({
     token: i,
     expiry: d
   }));
 }
-function Cn(t) {
+function pn(t) {
   const i = localStorage.getItem(`auth_token::${t}`);
   if (i) {
     const n = JSON.parse(i);
@@ -77,13 +77,13 @@ function Cn(t) {
       return n.token;
   }
 }
-function vn() {
+function Cn() {
   for (let t = 0; t < localStorage.length; t++) {
     const i = localStorage.key(t);
     i?.startsWith("auth_token::") && localStorage.removeItem(i);
   }
 }
-function ze(t) {
+function je(t) {
   if (!t)
     throw new Error("No JWT token");
   const n = t.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), d = decodeURIComponent(window.atob(n).split("").map(function(r) {
@@ -91,160 +91,166 @@ function ze(t) {
   }).join(""));
   return JSON.parse(d);
 }
-function wn(t, i = 10) {
+function vn(t, i = 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]]);
-  let d = parseInt(n[0] + n[1], 16), r = parseInt(n[2] + n[3], 16), f = parseInt(n[4] + n[5], 16);
-  return d = Math.floor(d * (1 - i / 100)), r = Math.floor(r * (1 - i / 100)), f = Math.floor(f * (1 - i / 100)), "#" + (d < 16 ? "0" : "") + d.toString(16) + (r < 16 ? "0" : "") + r.toString(16) + (f < 16 ? "0" : "") + f.toString(16);
+  let d = parseInt(n[0] + n[1], 16), r = parseInt(n[2] + n[3], 16), h = parseInt(n[4] + n[5], 16);
+  return d = Math.floor(d * (1 - i / 100)), r = Math.floor(r * (1 - i / 100)), h = Math.floor(h * (1 - i / 100)), "#" + (d < 16 ? "0" : "") + d.toString(16) + (r < 16 ? "0" : "") + r.toString(16) + (h < 16 ? "0" : "") + h.toString(16);
 }
-function yn(t, i = 10) {
+function wn(t, i = 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 d = parseInt(n[0] + n[1], 16), r = parseInt(n[2] + n[3], 16), f = parseInt(n[4] + n[5], 16), C = i / 100;
-  return `rgba(${d}, ${r}, ${f}, ${C})`;
+  const d = parseInt(n[0] + n[1], 16), r = parseInt(n[2] + n[3], 16), h = parseInt(n[4] + n[5], 16), v = i / 100;
+  return `rgba(${d}, ${r}, ${h}, ${v})`;
 }
-function bn({
+function yn({
   firebaseApp: t,
   usersPath: i = "__FIRECMS/config/users",
   rolesPath: n = "__FIRECMS/config/roles",
   usersLimit: d,
   canEditRoles: r = !0,
-  allowDefaultRolesCreation: f,
-  includeCollectionConfigPermissions: C
+  allowDefaultRolesCreation: h,
+  includeCollectionConfigPermissions: v
 }) {
-  const [v, D] = F.useState(!0), [w, c] = F.useState(!0), [E, y] = F.useState([]), [s, g] = F.useState([]), b = s.map((h) => ({
-    ...h,
-    roles: E.filter((p) => h.roles?.includes(p.id))
-  })), [N, L] = F.useState(), [J, u] = F.useState(), m = v || w;
-  se(() => {
+  const [g, R] = F.useState(!0), [w, c] = F.useState(!0), [S, N] = F.useState([]), [l, p] = F.useState([]), y = l.map((f) => ({
+    ...f,
+    roles: S.filter((C) => f.roles?.includes(C.id))
+  })), [b, L] = F.useState(), [J, u] = F.useState(), m = g || w;
+  console.log("loading", {
+    rolesLoading: g,
+    usersLoading: w,
+    roles: S,
+    usersWithRoleIds: l,
+    users: y
+  }), se(() => {
     if (!t || !n)
       return;
-    const h = q(t);
+    const f = q(t);
     return ae(
-      ee(h, n),
+      ee(f, n),
       {
-        next: (p) => {
+        next: (C) => {
           L(void 0);
           try {
-            const x = Ge(p.docs);
-            y(x);
-          } catch (x) {
-            L(x);
+            const U = Je(C.docs);
+            N(U);
+          } catch (U) {
+            L(U);
           }
-          D(!1);
+          R(!1);
         },
-        error: (p) => {
-          L(p), D(!1);
+        error: (C) => {
+          L(C), R(!1);
         }
       }
     );
   }, [t, n]), se(() => {
     if (!t || !i)
       return;
-    const h = q(t);
+    const f = q(t);
     return ae(
-      ee(h, i),
+      ee(f, i),
       {
-        next: (p) => {
+        next: (C) => {
           u(void 0);
           try {
-            const x = Je(p.docs);
-            g(x);
-          } catch (x) {
-            u(x);
+            const U = ze(C.docs);
+            p(U);
+          } catch (U) {
+            u(U);
           }
           c(!1);
         },
-        error: (p) => {
-          u(p), c(!1);
+        error: (C) => {
+          u(C), c(!1);
         }
       }
     );
   }, [t, i]);
-  const R = I(async (h) => {
+  const x = k(async (f) => {
     if (!t)
-      throw Error("useFirestoreConfigurationPersistence Firebase not initialised");
-    const p = q(t);
-    if (!p || !i)
-      throw Error("useFirestoreConfigurationPersistence Firestore not initialised");
-    console.debug("Persisting user", h);
-    const x = h.roles?.map((Ee) => Ee.id), {
-      uid: M,
+      throw Error("useFirestoreUserManagement Firebase not initialised");
+    const C = q(t);
+    if (!C || !i)
+      throw Error("useFirestoreUserManagement Firestore not initialised");
+    console.debug("Persisting user", f);
+    const U = f.roles?.map((Se) => Se.id), {
+      uid: $,
       ...Z
-    } = h, le = {
+    } = f, le = {
       ...Z,
-      roles: x
+      roles: U
     };
-    return M ? ce(H(p, i, M), le, { merge: !0 }).then(() => h) : ke(ee(p, i), le).then(() => h);
-  }, [i]), U = I((h) => {
+    return $ ? ce(H(C, i, $), le, { merge: !0 }).then(() => f) : ke(ee(C, i), le).then(() => f);
+  }, [i, t]), D = k((f) => {
     if (!t)
-      throw Error("useFirestoreConfigurationPersistence Firebase not initialised");
-    const p = q(t);
-    if (!p || !n)
-      throw Error("useFirestoreConfigurationPersistence Firestore not initialised");
-    console.debug("Persisting role", h);
+      throw Error("useFirestoreUserManagement Firebase not initialised");
+    const C = q(t);
+    if (!C || !n)
+      throw Error("useFirestoreUserManagement Firestore not initialised");
+    console.debug("Persisting role", f);
     const {
-      id: x,
-      ...M
-    } = h, Z = H(p, n, x);
-    return ce(Z, M, { merge: !0 });
-  }, [n]), A = I(async (h) => {
+      id: U,
+      ...$
+    } = f, Z = H(C, n, U);
+    return ce(Z, $, { merge: !0 });
+  }, [n, t]), A = k(async (f) => {
     if (!t)
-      throw Error("useFirestoreConfigurationPersistence Firebase not initialised");
-    const p = q(t);
-    if (!p || !i)
-      throw Error("useFirestoreConfigurationPersistence Firestore not initialised");
-    console.debug("Deleting", h);
-    const { uid: x } = h;
-    return de(H(p, i, x));
-  }, [i]), o = I((h) => {
+      throw Error("useFirestoreUserManagement Firebase not initialised");
+    const C = q(t);
+    if (!C || !i)
+      throw Error("useFirestoreUserManagement Firestore not initialised");
+    console.debug("Deleting", f);
+    const { uid: U } = f;
+    return de(H(C, i, U));
+  }, [i, t]), o = k((f) => {
     if (!t)
-      throw Error("useFirestoreConfigurationPersistence Firebase not initialised");
-    const p = q(t);
-    if (!p || !n)
-      throw Error("useFirestoreConfigurationPersistence Firestore not initialised");
-    console.debug("Deleting", h);
-    const { id: x } = h, M = H(p, n, x);
-    return de(M);
-  }, [n]), S = I(({
-    collection: h,
-    user: p
-  }) => Ye({
-    collection: h,
-    user: p
-  }), []), V = b.map((h) => h.uid), G = I((h) => {
-    if (!b)
+      throw Error("useFirestoreUserManagement Firebase not initialised");
+    const C = q(t);
+    if (!C || !n)
+      throw Error("useFirestoreUserManagement Firestore not initialised");
+    console.debug("Deleting", f);
+    const { id: U } = f, $ = H(C, n, U);
+    return de($);
+  }, [n, t]), E = k(({
+    collection: f,
+    user: C
+  }) => qe({
+    collection: f,
+    user: C
+  }), []), O = k((f) => {
+    if (!y)
       throw Error("Users not loaded");
-    return b.find((x) => x.email?.toLowerCase() === h?.email?.toLowerCase())?.roles;
-  }, [V]), Se = I(({ user: h }) => {
-    if (console.log("Authenticating user", h), m)
+    return y.find((U) => U.email?.toLowerCase() === f?.email?.toLowerCase())?.roles;
+  }, [y]), G = k(({ user: f }) => {
+    if (console.log("Authenticating user", f), m)
       return console.log("User management is still loading"), !1;
-    if (b.length === 0 || b.find((x) => x.email?.toLowerCase() === h?.email?.toLowerCase()))
+    if (y.length === 0 || y.find((U) => U.email?.toLowerCase() === f?.email?.toLowerCase()))
       return !0;
     throw Error("Could not find a user with the provided email");
-  }, [m, V]);
+  }, [m, y]);
   return {
     loading: m,
-    roles: E,
-    users: b,
-    saveUser: R,
-    saveRole: U,
+    roles: S,
+    users: y,
+    saveUser: x,
+    saveRole: D,
     deleteUser: A,
     deleteRole: o,
     usersLimit: d,
     canEditRoles: r === void 0 ? !0 : r,
-    allowDefaultRolesCreation: f === void 0 ? !0 : f,
-    includeCollectionConfigPermissions: !!C,
-    collectionPermissions: S,
-    defineRolesFor: G,
-    authenticator: Se
+    allowDefaultRolesCreation: h === void 0 ? !0 : h,
+    includeCollectionConfigPermissions: !!v,
+    collectionPermissions: E,
+    defineRolesFor: O,
+    authenticator: G
   };
 }
-const Je = (t) => t.map((i) => {
+const ze = (t) => t.map((i) => {
   const n = i.data();
   return {
     uid: i.id,
@@ -252,21 +258,21 @@ const Je = (t) => t.map((i) => {
     created_on: n?.created_on?.toDate(),
     updated_on: n?.updated_on?.toDate()
   };
-}), Ge = (t) => t.map((i) => ({
+}), Je = (t) => t.map((i) => ({
   id: i.id,
   ...i.data()
-})), Ue = F.createContext({});
-function He({
+})), De = F.createContext({});
+function Ge({
   children: t,
   userManagement: i
 }) {
-  return /* @__PURE__ */ e(Ue.Provider, { value: i, children: t });
+  return /* @__PURE__ */ e(De.Provider, { value: i, children: t });
 }
-const j = () => Ie(Ue);
+const j = () => Ee(De);
 function X({ role: t }) {
   let i;
-  return t.isAdmin ? i = "blueDarker" : t.id === "editor" ? i = "yellowLight" : t.id === "viewer" ? i = "grayLight" : i = Fe(t.id), /* @__PURE__ */ e(
-    Pe,
+  return t.isAdmin ? i = "blueDarker" : t.id === "editor" ? i = "yellowLight" : t.id === "viewer" ? i = "grayLight" : i = Ie(t.id), /* @__PURE__ */ e(
+    Fe,
     {
       colorScheme: i,
       children: t.name
@@ -274,50 +280,50 @@ function X({ role: t }) {
     t.id
   );
 }
-const Ke = O.object().shape({
-  id: O.string().required("Required"),
-  name: O.string().required("Required")
+const He = V.object().shape({
+  id: V.string().required("Required"),
+  name: V.string().required("Required")
 });
-function Qe({
+function Ke({
   open: t,
   role: i,
   editable: n,
   handleClose: d,
   collections: r
 }) {
-  const { saveRole: f } = j(), C = !i, [v, D] = P(), w = I((o) => (D(void 0), f(o)), [f]), c = Re({
+  const { saveRole: h } = j(), v = !i, [g, R] = P(), w = k((o) => (R(void 0), h(o)), [h]), c = xe({
     initialValues: i ?? {
       name: ""
     },
-    onSubmit: (o, S) => w(o).then(() => {
-      S.resetForm({
+    onSubmit: (o, E) => w(o).then(() => {
+      E.resetForm({
         values: o
       }), d();
-    }).catch((V) => D(V)),
-    validation: (o) => Ke.validate(o, { abortEarly: !1 }).then(() => ({})).catch((S) => {
-      const V = {};
-      return S.inner.forEach((G) => {
-        V[G.path] = G.message;
-      }), V;
+    }).catch((O) => R(O)),
+    validation: (o) => He.validate(o, { abortEarly: !1 }).then(() => ({})).catch((E) => {
+      const O = {};
+      return E.inner.forEach((G) => {
+        O[G.path] = G.message;
+      }), O;
     })
   }), {
-    isSubmitting: E,
-    touched: y,
-    values: s,
-    errors: g,
-    handleChange: b,
-    setFieldValue: N,
+    isSubmitting: S,
+    touched: N,
+    values: l,
+    errors: p,
+    handleChange: y,
+    setFieldValue: b,
     dirty: L,
     setFieldTouched: J
-  } = c, u = s.isAdmin ?? !1, m = s.defaultPermissions?.create ?? !1, R = s.defaultPermissions?.read ?? !1, U = s.defaultPermissions?.edit ?? !1, A = s.defaultPermissions?.delete ?? !1;
+  } = c, u = l.isAdmin ?? !1, m = l.defaultPermissions?.create ?? !1, x = l.defaultPermissions?.read ?? !1, D = l.defaultPermissions?.edit ?? !1, A = l.defaultPermissions?.delete ?? !1;
   return F.useEffect(() => {
-    !z(y, "id") && s.name && N("id", Le(s.name));
-  }, [y, s.name]), /* @__PURE__ */ e(
+    !z(N, "id") && l.name && b("id", Be(l.name));
+  }, [N, l.name]), /* @__PURE__ */ e(
     ue,
     {
       open: t,
       maxWidth: "4xl",
-      children: /* @__PURE__ */ e(De, { value: c, children: /* @__PURE__ */ l(
+      children: /* @__PURE__ */ e(Re, { value: c, children: /* @__PURE__ */ s(
         "form",
         {
           noValidate: !0,
@@ -330,13 +336,13 @@ function Qe({
             height: "100%"
           },
           children: [
-            /* @__PURE__ */ l(me, { className: "flex-grow", children: [
+            /* @__PURE__ */ s(me, { className: "flex-grow", children: [
               /* @__PURE__ */ e(
                 "div",
                 {
                   className: "flex flex-row pt-12 pb-8",
                   children: /* @__PURE__ */ e(
-                    $,
+                    _,
                     {
                       variant: "h4",
                       className: "flex-grow",
@@ -345,48 +351,48 @@ function Qe({
                   )
                 }
               ),
-              /* @__PURE__ */ l("div", { className: "grid grid-cols-12 gap-8", children: [
-                /* @__PURE__ */ l("div", { className: "col-span-12 md:col-span-8", children: [
+              /* @__PURE__ */ s("div", { className: "grid grid-cols-12 gap-8", children: [
+                /* @__PURE__ */ s("div", { className: "col-span-12 md:col-span-8", children: [
                   /* @__PURE__ */ e(
                     Q,
                     {
                       name: "name",
                       required: !0,
-                      error: y.name && !!g.name,
-                      value: s.name,
+                      error: N.name && !!p.name,
+                      value: l.name,
                       disabled: u || !n,
-                      onChange: b,
+                      onChange: y,
                       "aria-describedby": "name-helper-text",
                       label: "Name"
                     }
                   ),
-                  /* @__PURE__ */ e(B, { children: y.name && g.name ? g.name : "Name of this role" })
+                  /* @__PURE__ */ e(B, { children: N.name && p.name ? p.name : "Name of this role" })
                 ] }),
-                /* @__PURE__ */ l("div", { className: "col-span-12 md:col-span-4", children: [
+                /* @__PURE__ */ s("div", { className: "col-span-12 md:col-span-4", children: [
                   /* @__PURE__ */ e(
                     Q,
                     {
                       name: "id",
                       required: !0,
-                      error: y.id && !!g.id,
-                      value: s.id,
-                      disabled: !C || !n,
+                      error: N.id && !!p.id,
+                      value: l.id,
+                      disabled: !v || !n,
                       onChange: (o) => {
-                        b(o), J("id", !0);
+                        y(o), J("id", !0);
                       },
                       "aria-describedby": "id-helper-text",
                       label: "ID"
                     }
                   ),
-                  /* @__PURE__ */ e(B, { children: y.id && g.id ? g.id : "ID of this role" })
+                  /* @__PURE__ */ e(B, { children: N.id && p.id ? p.id : "ID of this role" })
                 ] }),
-                /* @__PURE__ */ l("div", { className: "col-span-12", children: [
+                /* @__PURE__ */ s("div", { className: "col-span-12", children: [
                   /* @__PURE__ */ e(
-                    Ae,
+                    Pe,
                     {
                       className: "bg-inherit",
-                      children: /* @__PURE__ */ l(ie, { children: [
-                        /* @__PURE__ */ l(re, { children: [
+                      children: /* @__PURE__ */ s(ie, { children: [
+                        /* @__PURE__ */ s(re, { children: [
                           /* @__PURE__ */ e(a, {}),
                           /* @__PURE__ */ e(
                             a,
@@ -417,8 +423,8 @@ function Qe({
                             }
                           )
                         ] }),
-                        /* @__PURE__ */ l(oe, { children: [
-                          /* @__PURE__ */ l(Y, { children: [
+                        /* @__PURE__ */ s(oe, { children: [
+                          /* @__PURE__ */ s(Y, { children: [
                             /* @__PURE__ */ e(
                               a,
                               {
@@ -431,15 +437,15 @@ function Qe({
                               {
                                 align: "center",
                                 children: /* @__PURE__ */ e(
-                                  _,
+                                  M,
                                   {
                                     title: "Create entities in collections",
                                     children: /* @__PURE__ */ e(
-                                      k,
+                                      I,
                                       {
                                         disabled: u || !n,
                                         checked: (u || m) ?? !1,
-                                        onCheckedChange: (o) => N("defaultPermissions.create", o)
+                                        onCheckedChange: (o) => b("defaultPermissions.create", o)
                                       }
                                     )
                                   }
@@ -451,15 +457,15 @@ function Qe({
                               {
                                 align: "center",
                                 children: /* @__PURE__ */ e(
-                                  _,
+                                  M,
                                   {
                                     title: "Access all data in every collection",
                                     children: /* @__PURE__ */ e(
-                                      k,
+                                      I,
                                       {
                                         disabled: u || !n,
-                                        checked: (u || R) ?? !1,
-                                        onCheckedChange: (o) => N("defaultPermissions.read", o)
+                                        checked: (u || x) ?? !1,
+                                        onCheckedChange: (o) => b("defaultPermissions.read", o)
                                       }
                                     )
                                   }
@@ -471,15 +477,15 @@ function Qe({
                               {
                                 align: "center",
                                 children: /* @__PURE__ */ e(
-                                  _,
+                                  M,
                                   {
                                     title: "Update data in any collection",
                                     children: /* @__PURE__ */ e(
-                                      k,
+                                      I,
                                       {
                                         disabled: u || !n,
-                                        checked: (u || U) ?? !1,
-                                        onCheckedChange: (o) => N("defaultPermissions.edit", o)
+                                        checked: (u || D) ?? !1,
+                                        onCheckedChange: (o) => b("defaultPermissions.edit", o)
                                       }
                                     )
                                   }
@@ -491,15 +497,15 @@ function Qe({
                               {
                                 align: "center",
                                 children: /* @__PURE__ */ e(
-                                  _,
+                                  M,
                                   {
                                     title: "Delete data in any collection",
                                     children: /* @__PURE__ */ e(
-                                      k,
+                                      I,
                                       {
                                         disabled: u || !n,
                                         checked: (u || A) ?? !1,
-                                        onCheckedChange: (o) => N("defaultPermissions.delete", o)
+                                        onCheckedChange: (o) => b("defaultPermissions.delete", o)
                                       }
                                     )
                                   }
@@ -507,7 +513,7 @@ function Qe({
                               }
                             )
                           ] }),
-                          r && r.map((o) => /* @__PURE__ */ l(Y, { children: [
+                          r && r.map((o) => /* @__PURE__ */ s(Y, { children: [
                             /* @__PURE__ */ e(
                               a,
                               {
@@ -520,11 +526,11 @@ function Qe({
                               {
                                 align: "center",
                                 children: /* @__PURE__ */ e(
-                                  k,
+                                  I,
                                   {
                                     disabled: u || m || !n,
-                                    checked: (u || m || z(s, `collectionPermissions.${o.path}.create`)) ?? !1,
-                                    onCheckedChange: (S) => N(`collectionPermissions.${o.path}.create`, S)
+                                    checked: (u || m || z(l, `collectionPermissions.${o.path}.create`)) ?? !1,
+                                    onCheckedChange: (E) => b(`collectionPermissions.${o.path}.create`, E)
                                   }
                                 )
                               }
@@ -534,11 +540,11 @@ function Qe({
                               {
                                 align: "center",
                                 children: /* @__PURE__ */ e(
-                                  k,
+                                  I,
                                   {
-                                    disabled: u || R || !n,
-                                    checked: (u || R || z(s, `collectionPermissions.${o.path}.read`)) ?? !1,
-                                    onCheckedChange: (S) => N(`collectionPermissions.${o.path}.read`, S)
+                                    disabled: u || x || !n,
+                                    checked: (u || x || z(l, `collectionPermissions.${o.path}.read`)) ?? !1,
+                                    onCheckedChange: (E) => b(`collectionPermissions.${o.path}.read`, E)
                                   }
                                 )
                               }
@@ -548,11 +554,11 @@ function Qe({
                               {
                                 align: "center",
                                 children: /* @__PURE__ */ e(
-                                  k,
+                                  I,
                                   {
-                                    disabled: u || U || !n,
-                                    checked: (u || U || z(s, `collectionPermissions.${o.path}.edit`)) ?? !1,
-                                    onCheckedChange: (S) => N(`collectionPermissions.${o.path}.edit`, S)
+                                    disabled: u || D || !n,
+                                    checked: (u || D || z(l, `collectionPermissions.${o.path}.edit`)) ?? !1,
+                                    onCheckedChange: (E) => b(`collectionPermissions.${o.path}.edit`, E)
                                   }
                                 )
                               }
@@ -562,11 +568,11 @@ function Qe({
                               {
                                 align: "center",
                                 children: /* @__PURE__ */ e(
-                                  k,
+                                  I,
                                   {
                                     disabled: u || A || !n,
-                                    checked: (u || A || z(s, `collectionPermissions.${o.path}.delete`)) ?? !1,
-                                    onCheckedChange: (S) => N(`collectionPermissions.${o.path}.delete`, S)
+                                    checked: (u || A || z(l, `collectionPermissions.${o.path}.delete`)) ?? !1,
+                                    onCheckedChange: (E) => b(`collectionPermissions.${o.path}.delete`, E)
                                   }
                                 )
                               }
@@ -578,18 +584,18 @@ function Qe({
                   ),
                   /* @__PURE__ */ e(B, { children: "You can customise the permissions that the users related to this role can perform in the entities of each collection" })
                 ] }),
-                /* @__PURE__ */ l("div", { className: "col-span-12 md:col-span-4", children: [
-                  /* @__PURE__ */ l(
+                /* @__PURE__ */ s("div", { className: "col-span-12 md:col-span-4", children: [
+                  /* @__PURE__ */ s(
                     ne,
                     {
-                      error: y.config && !!g.config,
+                      error: N.config && !!p.config,
                       id: "createCollections",
                       name: "createCollections",
                       label: "Create collections",
                       position: "item-aligned",
                       disabled: u || !n,
-                      onChange: (o) => N("config.createCollections", o.target.value === "true"),
-                      value: u || s.config?.createCollections ? "true" : "false",
+                      onChange: (o) => b("config.createCollections", o.target.value === "true"),
+                      value: u || l.config?.createCollections ? "true" : "false",
                       renderValue: (o) => o === "true" ? "Yes" : "No",
                       children: [
                         /* @__PURE__ */ e(
@@ -609,20 +615,20 @@ function Qe({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ e(B, { children: y.config && g.config ? g.config : "Can the user create collections" })
+                  /* @__PURE__ */ e(B, { children: N.config && p.config ? p.config : "Can the user create collections" })
                 ] }),
-                /* @__PURE__ */ l("div", { className: "col-span-12 md:col-span-4", children: [
-                  /* @__PURE__ */ l(
+                /* @__PURE__ */ s("div", { className: "col-span-12 md:col-span-4", children: [
+                  /* @__PURE__ */ s(
                     ne,
                     {
-                      error: y.config && !!g.config,
+                      error: N.config && !!p.config,
                       id: "editCollections",
                       name: "editCollections",
                       label: "Edit collections",
                       disabled: u || !n,
                       position: "item-aligned",
-                      onChange: (o) => N("config.editCollections", o.target.value === "own" ? "own" : o.target.value === "true"),
-                      value: u ? "true" : s.config?.editCollections === "own" ? "own" : s.config?.editCollections ? "true" : "false",
+                      onChange: (o) => b("config.editCollections", o.target.value === "own" ? "own" : o.target.value === "true"),
+                      value: u ? "true" : l.config?.editCollections === "own" ? "own" : l.config?.editCollections ? "true" : "false",
                       renderValue: (o) => o === "own" ? "Own" : o === "true" ? "Yes" : "No",
                       children: [
                         /* @__PURE__ */ e(
@@ -649,20 +655,20 @@ function Qe({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ e(B, { children: y.config && g.config ? g.config : "Can the user edit collections" })
+                  /* @__PURE__ */ e(B, { children: N.config && p.config ? p.config : "Can the user edit collections" })
                 ] }),
-                /* @__PURE__ */ l("div", { className: "col-span-12 md:col-span-4", children: [
-                  /* @__PURE__ */ l(
+                /* @__PURE__ */ s("div", { className: "col-span-12 md:col-span-4", children: [
+                  /* @__PURE__ */ s(
                     ne,
                     {
-                      error: y.config && !!g.config,
+                      error: N.config && !!p.config,
                       id: "deleteCollections",
                       name: "deleteCollections",
                       label: "Delete collections",
                       disabled: u || !n,
                       position: "item-aligned",
-                      onChange: (o) => N("config.deleteCollections", o.target.value === "own" ? "own" : o.target.value === "true"),
-                      value: u ? "true" : s.config?.deleteCollections === "own" ? "own" : s.config?.deleteCollections ? "true" : "false",
+                      onChange: (o) => b("config.deleteCollections", o.target.value === "own" ? "own" : o.target.value === "true"),
+                      value: u ? "true" : l.config?.deleteCollections === "own" ? "own" : l.config?.deleteCollections ? "true" : "false",
                       renderValue: (o) => o === "own" ? "Own" : o === "true" ? "Yes" : "No",
                       children: [
                         /* @__PURE__ */ e(
@@ -689,12 +695,12 @@ function Qe({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ e(B, { children: y.config && g.config ? g.config : "Can the user delete collections" })
+                  /* @__PURE__ */ e(B, { children: N.config && p.config ? p.config : "Can the user delete collections" })
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ l(he, { position: "sticky", children: [
-              v && /* @__PURE__ */ e($, { className: "text-red-500", children: "There was an error saving this role" }),
+            /* @__PURE__ */ s(he, { position: "sticky", children: [
+              g && /* @__PURE__ */ e(_, { className: "text-red-500", children: "There was an error saving this role" }),
               /* @__PURE__ */ e(
                 W,
                 {
@@ -712,9 +718,9 @@ function Qe({
                   color: "primary",
                   type: "submit",
                   disabled: !L,
-                  loading: E,
+                  loading: S,
                   startIcon: /* @__PURE__ */ e(ge, {}),
-                  children: C ? "Create role" : "Update"
+                  children: v ? "Create role" : "Update"
                 }
               )
             ] })
@@ -724,7 +730,7 @@ function Qe({
     }
   );
 }
-const Xe = [
+const Qe = [
   {
     id: "admin",
     name: "Admin",
@@ -758,7 +764,7 @@ const Xe = [
     }
   }
 ];
-function Ze({
+function Xe({
   onRoleClicked: t,
   editable: i
 }) {
@@ -766,60 +772,60 @@ function Ze({
     roles: n,
     saveRole: d,
     deleteRole: r,
-    allowDefaultRolesCreation: f
-  } = j(), [C, v] = P(void 0), [D, w] = P(!1);
-  return /* @__PURE__ */ l(
+    allowDefaultRolesCreation: h
+  } = j(), [v, g] = P(void 0), [R, w] = P(!1);
+  return /* @__PURE__ */ s(
     "div",
     {
       className: "w-full overflow-auto",
       children: [
-        /* @__PURE__ */ l(ie, { children: [
-          /* @__PURE__ */ l(re, { children: [
+        /* @__PURE__ */ s(ie, { children: [
+          /* @__PURE__ */ s(re, { children: [
             /* @__PURE__ */ e(a, { header: !0, className: "w-16" }),
             /* @__PURE__ */ e(a, { header: !0, children: "Role" }),
             /* @__PURE__ */ e(a, { header: !0, className: "items-center", children: "Is Admin" }),
             /* @__PURE__ */ e(a, { header: !0, children: "Default permissions" })
           ] }),
-          /* @__PURE__ */ l(oe, { children: [
+          /* @__PURE__ */ s(oe, { children: [
             n && n.map((c) => {
-              const E = c.isAdmin || c.defaultPermissions?.create, y = c.isAdmin || c.defaultPermissions?.read, s = c.isAdmin || c.defaultPermissions?.edit, g = c.isAdmin || c.defaultPermissions?.delete;
-              return /* @__PURE__ */ l(
+              const S = c.isAdmin || c.defaultPermissions?.create, N = c.isAdmin || c.defaultPermissions?.read, l = c.isAdmin || c.defaultPermissions?.edit, p = c.isAdmin || c.defaultPermissions?.delete;
+              return /* @__PURE__ */ s(
                 Y,
                 {
                   onClick: () => {
                     t(c);
                   },
                   children: [
-                    /* @__PURE__ */ e(a, { style: { width: "64px" }, children: !c.isAdmin && /* @__PURE__ */ e(_, { title: "Delete this role", children: /* @__PURE__ */ e(
+                    /* @__PURE__ */ e(a, { style: { width: "64px" }, children: !c.isAdmin && /* @__PURE__ */ e(M, { title: "Delete this role", children: /* @__PURE__ */ e(
                       pe,
                       {
                         size: "small",
                         disabled: !i,
-                        onClick: (b) => (b.stopPropagation(), v(c)),
+                        onClick: (y) => (y.stopPropagation(), g(c)),
                         children: /* @__PURE__ */ e(Ce, {})
                       }
                     ) }) }),
                     /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(X, { role: c }) }),
-                    /* @__PURE__ */ e(a, { className: "items-center", children: /* @__PURE__ */ e(k, { checked: c.isAdmin ?? !1 }) }),
-                    /* @__PURE__ */ e(a, { children: /* @__PURE__ */ l("ul", { children: [
-                      E && /* @__PURE__ */ e("li", { children: "Create" }),
-                      y && /* @__PURE__ */ e("li", { children: "Read" }),
-                      s && /* @__PURE__ */ e("li", { children: "Update" }),
-                      g && /* @__PURE__ */ e("li", { children: "Delete" })
+                    /* @__PURE__ */ e(a, { className: "items-center", children: /* @__PURE__ */ e(I, { checked: c.isAdmin ?? !1 }) }),
+                    /* @__PURE__ */ e(a, { children: /* @__PURE__ */ s("ul", { children: [
+                      S && /* @__PURE__ */ e("li", { children: "Create" }),
+                      N && /* @__PURE__ */ e("li", { children: "Read" }),
+                      l && /* @__PURE__ */ e("li", { children: "Update" }),
+                      p && /* @__PURE__ */ e("li", { children: "Delete" })
                     ] }) })
                   ]
                 },
                 c.name
               );
             }),
-            (!n || n.length === 0) && /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(a, { colspan: 4, children: /* @__PURE__ */ l(ve, { className: "flex flex-col gap-4 my-8 items-center", children: [
-              /* @__PURE__ */ e($, { variant: "label", children: "You don't have any roles yet." }),
-              f && /* @__PURE__ */ e(
+            (!n || n.length === 0) && /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(a, { colspan: 4, children: /* @__PURE__ */ s(ve, { className: "flex flex-col gap-4 my-8 items-center", children: [
+              /* @__PURE__ */ e(_, { variant: "label", children: "You don't have any roles yet." }),
+              h && /* @__PURE__ */ e(
                 W,
                 {
                   variant: "outlined",
                   onClick: () => {
-                    Xe.forEach((c) => {
+                    Qe.forEach((c) => {
                       d(c);
                     });
                   },
@@ -830,19 +836,19 @@ function Ze({
           ] })
         ] }),
         /* @__PURE__ */ e(
-          be,
+          Ne,
           {
-            open: !!C,
-            loading: D,
+            open: !!v,
+            loading: R,
             onAccept: () => {
-              C && (w(!0), r(C).then(() => {
-                v(void 0);
+              v && (w(!0), r(v).then(() => {
+                g(void 0);
               }).finally(() => {
                 w(!1);
               }));
             },
             onCancel: () => {
-              v(void 0);
+              g(void 0);
             },
             title: /* @__PURE__ */ e(K, { children: "Delete?" }),
             body: /* @__PURE__ */ e(K, { children: "Are you sure you want to delete this role?" })
@@ -852,16 +858,16 @@ function Ze({
     }
   );
 }
-const en = F.memo(
+const Ze = F.memo(
   function({ children: i }) {
-    const { collections: n } = Ve(), [d, r] = P(!1), [f, C] = P(), { canEditRoles: v } = j(), D = I((c) => {
-      r(!0), C(c);
+    const { collections: n } = Le(), [d, r] = P(!1), [h, v] = P(), { canEditRoles: g } = j(), R = k((c) => {
+      r(!0), v(c);
     }, []);
-    return /* @__PURE__ */ l(we, { className: "w-full flex flex-col py-4 gap-4", maxWidth: "6xl", children: [
+    return /* @__PURE__ */ s(we, { className: "w-full flex flex-col py-4 gap-4", maxWidth: "6xl", children: [
       i,
-      /* @__PURE__ */ l("div", { className: "flex items-center mt-12", children: [
+      /* @__PURE__ */ s("div", { className: "flex items-center mt-12", children: [
         /* @__PURE__ */ e(
-          $,
+          _,
           {
             gutterBottom: !0,
             variant: "h4",
@@ -870,89 +876,89 @@ const en = F.memo(
             children: "Roles"
           }
         ),
-        /* @__PURE__ */ e(_, { title: v ? void 0 : "Update plans to customise roles", children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(M, { title: g ? void 0 : "Update plans to customise roles", children: /* @__PURE__ */ e(
           W,
           {
             size: "large",
-            disabled: !v,
+            disabled: !g,
             startIcon: /* @__PURE__ */ e(ye, {}),
             onClick: () => r(!0),
             children: "Add role"
           }
         ) })
       ] }),
-      /* @__PURE__ */ e(Ze, { onRoleClicked: D, editable: !!v }),
+      /* @__PURE__ */ e(Xe, { onRoleClicked: R, editable: !!g }),
       /* @__PURE__ */ e(
-        Qe,
+        Ke,
         {
           open: d,
-          role: f,
-          editable: v,
+          role: h,
+          editable: g,
           collections: n,
           handleClose: () => {
-            C(void 0), r(!1);
+            v(void 0), r(!1);
           }
         },
-        f?.id ?? "new"
+        h?.id ?? "new"
       )
     ] });
   }
-), nn = O.object().shape({
-  displayName: O.string().required("Required"),
-  email: O.string().email().required("Required"),
-  roles: O.array().min(1)
+), en = V.object().shape({
+  displayName: V.string().required("Required"),
+  email: V.string().email().required("Required"),
+  roles: V.array().min(1)
 });
-function tn(t, i, n, d, r) {
-  const f = n.filter((w) => w.roles?.map((c) => c.id).includes("admin")), C = t.roles?.map((w) => w.id).includes("admin");
-  if ((!r || !je(r.roles ?? [], i.roles ?? [])) && !C)
+function nn(t, i, n, d, r) {
+  const h = n.filter((w) => w.roles?.map((c) => c.id).includes("admin")), v = t.roles?.map((w) => w.id).includes("admin");
+  if ((!r || !We(r.roles ?? [], i.roles ?? [])) && !v)
     throw new Error("Only admins can change roles");
-  if (r && r.roles?.map((w) => w.id).includes("admin") && !i.roles?.map((w) => w.id).includes("admin") && f.length === 1)
+  if (r && r.roles?.map((w) => w.id).includes("admin") && !i.roles?.map((w) => w.id).includes("admin") && h.length === 1)
     throw new Error("There must be at least one admin");
   return !0;
 }
-function rn({
+function tn({
   open: t,
   user: i,
   handleClose: n
 }) {
-  const d = Ne(), {
+  const d = be(), {
     user: r
-  } = xe(), {
-    saveUser: f,
-    users: C,
-    roles: v
-  } = j(), D = !i, w = I((m) => {
+  } = Ue(), {
+    saveUser: h,
+    users: v,
+    roles: g
+  } = j(), R = !i, w = k((m) => {
     if (!r)
       throw new Error("Logged user not found");
     try {
-      return tn(r, m, C, v, i), f(m);
-    } catch (R) {
-      return Promise.reject(R);
+      return nn(r, m, v, g, i), h(m);
+    } catch (x) {
+      return Promise.reject(x);
     }
-  }, [v, f, i, C, r]), c = Re({
+  }, [g, h, i, v, r]), c = xe({
     initialValues: i ?? {
       displayName: "",
       email: "",
-      roles: v.filter((m) => m.id === "editor")
+      roles: g.filter((m) => m.id === "editor")
     },
-    validation: (m) => nn.validate(m, { abortEarly: !1 }).then(() => ({})).catch((R) => R.inner.reduce((U, A) => (U[A.path] = A.message, U), {})),
-    onSubmit: (m, R) => w(m).then(() => {
-      n(), R.resetForm({
+    validation: (m) => en.validate(m, { abortEarly: !1 }).then(() => ({})).catch((x) => x.inner.reduce((D, A) => (D[A.path] = A.message, D), {})),
+    onSubmit: (m, x) => w(m).then(() => {
+      n(), x.resetForm({
         values: m
       });
-    }).catch((U) => {
+    }).catch((D) => {
       d.open({
         type: "error",
-        message: U.message
+        message: D.message
       });
     })
   }), {
-    isSubmitting: E,
-    touched: y,
-    handleChange: s,
-    values: g,
-    errors: b,
-    setFieldValue: N,
+    isSubmitting: S,
+    touched: N,
+    handleChange: l,
+    values: p,
+    errors: y,
+    setFieldValue: b,
     dirty: L,
     handleSubmit: J,
     submitCount: u
@@ -963,7 +969,7 @@ function rn({
       open: t,
       onOpenChange: (m) => m ? void 0 : n(),
       maxWidth: "4xl",
-      children: /* @__PURE__ */ e(De, { value: c, children: /* @__PURE__ */ l(
+      children: /* @__PURE__ */ e(Re, { value: c, children: /* @__PURE__ */ s(
         "form",
         {
           onSubmit: J,
@@ -976,13 +982,13 @@ function rn({
             height: "100%"
           },
           children: [
-            /* @__PURE__ */ l(me, { className: "h-full flex-grow", children: [
+            /* @__PURE__ */ s(me, { className: "h-full flex-grow", children: [
               /* @__PURE__ */ e(
                 "div",
                 {
                   className: "flex flex-row pt-4 pb-4",
                   children: /* @__PURE__ */ e(
-                    $,
+                    _,
                     {
                       variant: "h4",
                       className: "flex-grow",
@@ -991,49 +997,49 @@ function rn({
                   )
                 }
               ),
-              /* @__PURE__ */ l("div", { className: "grid grid-cols-12 gap-8", children: [
-                /* @__PURE__ */ l("div", { className: "col-span-12", children: [
+              /* @__PURE__ */ s("div", { className: "grid grid-cols-12 gap-8", children: [
+                /* @__PURE__ */ s("div", { className: "col-span-12", children: [
                   /* @__PURE__ */ e(
                     Q,
                     {
                       name: "displayName",
                       required: !0,
-                      error: u > 0 && !!b.displayName,
-                      value: g.displayName ?? "",
-                      onChange: s,
+                      error: u > 0 && !!y.displayName,
+                      value: p.displayName ?? "",
+                      onChange: l,
                       "aria-describedby": "name-helper-text",
                       label: "Name"
                     }
                   ),
-                  /* @__PURE__ */ e(B, { children: u > 0 && b.displayName ? b.displayName : "Name of this user" })
+                  /* @__PURE__ */ e(B, { children: u > 0 && y.displayName ? y.displayName : "Name of this user" })
                 ] }),
-                /* @__PURE__ */ l("div", { className: "col-span-12", children: [
+                /* @__PURE__ */ s("div", { className: "col-span-12", children: [
                   /* @__PURE__ */ e(
                     Q,
                     {
                       required: !0,
-                      error: u > 0 && !!b.email,
+                      error: u > 0 && !!y.email,
                       name: "email",
-                      value: g.email ?? "",
-                      onChange: s,
+                      value: p.email ?? "",
+                      onChange: l,
                       "aria-describedby": "email-helper-text",
                       label: "Email"
                     }
                   ),
-                  /* @__PURE__ */ e(B, { children: u > 0 && b.email ? b.email : "Email of this user" })
+                  /* @__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,
+                  Ae,
                   {
                     label: "Roles",
-                    value: g.roles?.map((m) => m.id) ?? [],
-                    onMultiValueChange: (m) => N("roles", m.map((R) => v.find((U) => U.id === R))),
+                    value: p.roles?.map((m) => m.id) ?? [],
+                    onMultiValueChange: (m) => b("roles", m.map((x) => g.find((D) => D.id === x))),
                     renderValue: (m) => {
-                      const R = v.find((U) => U.id === m);
-                      return R ? /* @__PURE__ */ e("div", { className: "flex flex-wrap space-x-2 space-y-2", children: /* @__PURE__ */ e(X, { role: R }, R?.id) }) : null;
+                      const x = g.find((D) => D.id === m);
+                      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((m) => /* @__PURE__ */ e(
-                      Be,
+                    children: g.map((m) => /* @__PURE__ */ e(
+                      Te,
                       {
                         value: m.id,
                         children: /* @__PURE__ */ e(X, { role: m }, m?.id)
@@ -1044,7 +1050,7 @@ function rn({
                 ) })
               ] })
             ] }),
-            /* @__PURE__ */ l(he, { children: [
+            /* @__PURE__ */ s(he, { children: [
               /* @__PURE__ */ e(
                 W,
                 {
@@ -1062,9 +1068,9 @@ function rn({
                   color: "primary",
                   type: "submit",
                   disabled: !L,
-                  loading: E,
+                  loading: S,
                   startIcon: /* @__PURE__ */ e(ge, {}),
-                  children: D ? "Create user" : "Update"
+                  children: R ? "Create user" : "Update"
                 }
               )
             ] })
@@ -1074,15 +1080,15 @@ function rn({
     }
   );
 }
-function on({ onUserClicked: t }) {
+function rn({ onUserClicked: t }) {
   const {
     users: i,
     saveUser: n,
     deleteUser: d
-  } = j(), r = xe(), f = Ne(), C = _e(), v = C?.locale ? Me[C?.locale] : void 0, D = C?.dateTimeFormat ?? Oe, [w, c] = P(void 0), [E, y] = P(!1);
-  return /* @__PURE__ */ l("div", { className: "overflow-auto", children: [
-    /* @__PURE__ */ l(ie, { children: [
-      /* @__PURE__ */ l(re, { children: [
+  } = j(), r = Ue(), h = be(), v = Me(), g = v?.locale ? Oe[v?.locale] : void 0, R = v?.dateTimeFormat ?? Ve, [w, c] = P(void 0), [S, N] = P(!1);
+  return /* @__PURE__ */ s("div", { className: "overflow-auto", children: [
+    /* @__PURE__ */ s(ie, { children: [
+      /* @__PURE__ */ s(re, { children: [
         /* @__PURE__ */ e(a, { className: "truncate w-16" }),
         /* @__PURE__ */ e(a, { children: "ID" }),
         /* @__PURE__ */ e(a, { children: "Email" }),
@@ -1090,38 +1096,38 @@ function on({ onUserClicked: t }) {
         /* @__PURE__ */ e(a, { children: "Roles" }),
         /* @__PURE__ */ e(a, { children: "Created on" })
       ] }),
-      /* @__PURE__ */ l(oe, { children: [
-        i && i.map((s) => {
-          const g = s.roles, b = s.created_on ? $e(s.created_on, D, { locale: v }) : "";
-          return /* @__PURE__ */ l(
+      /* @__PURE__ */ s(oe, { children: [
+        i && i.map((l) => {
+          const p = l.roles, y = l.created_on ? _e(l.created_on, R, { locale: g }) : "";
+          return /* @__PURE__ */ s(
             Y,
             {
               onClick: () => {
-                t(s);
+                t(l);
               },
               children: [
-                /* @__PURE__ */ e(a, { className: "w-10", children: /* @__PURE__ */ e(_, { title: "Delete this user", children: /* @__PURE__ */ e(
+                /* @__PURE__ */ e(a, { className: "w-10", children: /* @__PURE__ */ e(M, { title: "Delete this user", children: /* @__PURE__ */ e(
                   pe,
                   {
                     size: "small",
-                    onClick: (N) => (N.stopPropagation(), c(s)),
+                    onClick: (b) => (b.stopPropagation(), c(l)),
                     children: /* @__PURE__ */ e(Ce, {})
                   }
                 ) }) }),
-                /* @__PURE__ */ e(a, { children: s.uid }),
-                /* @__PURE__ */ e(a, { children: s.email }),
-                /* @__PURE__ */ e(a, { className: "font-medium align-left", children: s.displayName }),
-                /* @__PURE__ */ e(a, { className: "align-left", children: g ? /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: g.map(
-                  (N) => /* @__PURE__ */ e(X, { role: N }, N?.id)
+                /* @__PURE__ */ e(a, { children: l.uid }),
+                /* @__PURE__ */ e(a, { children: l.email }),
+                /* @__PURE__ */ e(a, { className: "font-medium align-left", children: l.displayName }),
+                /* @__PURE__ */ e(a, { className: "align-left", children: p ? /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: p.map(
+                  (b) => /* @__PURE__ */ e(X, { role: b }, b?.id)
                 ) }) : null }),
-                /* @__PURE__ */ e(a, { children: b })
+                /* @__PURE__ */ e(a, { children: y })
               ]
             },
-            "row_" + s.uid
+            "row_" + l.uid
           );
         }),
-        (!i || i.length === 0) && /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(a, { colspan: 6, children: /* @__PURE__ */ l(ve, { className: "flex flex-col gap-4 my-8 items-center", children: [
-          /* @__PURE__ */ e($, { variant: "label", children: "There are no users yet" }),
+        (!i || i.length === 0) && /* @__PURE__ */ e(Y, { children: /* @__PURE__ */ e(a, { colspan: 6, children: /* @__PURE__ */ s(ve, { className: "flex flex-col gap-4 my-8 items-center", children: [
+          /* @__PURE__ */ e(_, { variant: "label", children: "There are no users yet" }),
           /* @__PURE__ */ e(
             W,
             {
@@ -1139,14 +1145,14 @@ function on({ onUserClicked: t }) {
                   roles: [{ id: "admin", name: "Admin" }],
                   created_on: /* @__PURE__ */ new Date()
                 }).then(() => {
-                  f.open({
+                  h.open({
                     type: "success",
                     message: "User added successfully"
                   });
-                }).catch((s) => {
-                  f.open({
+                }).catch((l) => {
+                  h.open({
                     type: "error",
-                    message: "Error adding user: " + s.message
+                    message: "Error adding user: " + l.message
                   });
                 });
               },
@@ -1157,20 +1163,20 @@ function on({ onUserClicked: t }) {
       ] })
     ] }),
     /* @__PURE__ */ e(
-      be,
+      Ne,
       {
         open: !!w,
-        loading: E,
+        loading: S,
         onAccept: () => {
-          w && (y(!0), d(w).then(() => {
+          w && (N(!0), d(w).then(() => {
             c(void 0);
-          }).catch((s) => {
-            f.open({
+          }).catch((l) => {
+            h.open({
               type: "error",
-              message: "Error deleting user: " + s.message
+              message: "Error deleting user: " + l.message
             });
           }).finally(() => {
-            y(!1);
+            N(!1);
           }));
         },
         onCancel: () => {
@@ -1182,21 +1188,21 @@ function on({ onUserClicked: t }) {
     )
   ] });
 }
-const ln = function({ children: i }) {
-  const [n, d] = P(), [r, f] = P(), { users: C, usersLimit: v } = j(), D = v !== void 0 && C && C.length >= v, w = I((E) => {
-    f(E), d(!0);
-  }, []), c = I(() => {
-    d(!1), f(void 0);
+const on = function({ children: i }) {
+  const [n, d] = P(), [r, h] = P(), { users: v, usersLimit: g } = j(), R = g !== void 0 && v && v.length >= g, w = k((S) => {
+    h(S), d(!0);
+  }, []), c = k(() => {
+    d(!1), h(void 0);
   }, []);
-  return /* @__PURE__ */ l(we, { className: "w-full flex flex-col py-4 gap-4", maxWidth: "6xl", children: [
+  return /* @__PURE__ */ s(we, { className: "w-full flex flex-col py-4 gap-4", maxWidth: "6xl", children: [
     i,
-    /* @__PURE__ */ l(
+    /* @__PURE__ */ s(
       "div",
       {
         className: "flex items-center mt-12",
         children: [
           /* @__PURE__ */ e(
-            $,
+            _,
             {
               gutterBottom: !0,
               variant: "h4",
@@ -1209,7 +1215,7 @@ const ln = function({ children: i }) {
             W,
             {
               size: "large",
-              disabled: D,
+              disabled: R,
               startIcon: /* @__PURE__ */ e(ye, {}),
               onClick: () => d(!0),
               children: "Add user"
@@ -1218,9 +1224,9 @@ const ln = function({ children: i }) {
         ]
       }
     ),
-    /* @__PURE__ */ e(on, { onUserClicked: w }),
+    /* @__PURE__ */ e(rn, { onUserClicked: w }),
     /* @__PURE__ */ e(
-      rn,
+      tn,
       {
         open: n ?? !1,
         user: r,
@@ -1235,53 +1241,53 @@ function Nn({ userManagement: t }) {
     key: "user_management",
     loading: t.loading,
     provider: {
-      Component: He,
+      Component: Ge,
       props: {
         userManagement: t
       }
     }
   };
 }
-const xn = [
+const bn = [
   {
     path: "users",
     name: "CMS Users",
     group: "Admin",
     icon: "face",
-    view: /* @__PURE__ */ e(ln, {})
+    view: /* @__PURE__ */ e(on, {})
   },
   {
     path: "roles",
     name: "Roles",
     group: "Admin",
     icon: "gpp_good",
-    view: /* @__PURE__ */ e(en, {})
+    view: /* @__PURE__ */ e(Ze, {})
   }
 ];
 export {
-  fn as RESERVED_GROUPS,
+  hn as RESERVED_GROUPS,
   X as RoleChip,
-  Ke as RoleYupSchema,
-  Qe as RolesDetailsForm,
-  Ze as RolesTable,
-  en as RolesView,
-  rn as UserDetailsForm,
-  Ue as UserManagementContext,
-  He as UserManagementProvider,
-  nn as UserYupSchema,
-  on as UsersTable,
-  ln 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 useBuildFirestoreUserManagement,
+  He as RoleYupSchema,
+  Ke as RolesDetailsForm,
+  Xe as RolesTable,
+  Ze as RolesView,
+  tn as UserDetailsForm,
+  De as UserManagementContext,
+  Ge as UserManagementProvider,
+  en as UserYupSchema,
+  rn as UsersTable,
+  on as UsersView,
+  We as areRolesEqual,
+  gn as cacheDelegatedLoginToken,
+  Cn as clearDelegatedLoginTokensCache,
+  vn as darkenColor,
+  pn as getDelegatedLoginTokenFromCache,
+  fn as getUserRoles,
+  wn as hexToRgbaWithOpacity,
+  qe as resolveUserRolePermissions,
+  yn as useFirestoreUserManagement,
   j as useUserManagement,
   Nn as useUserManagementPlugin,
-  xn as userManagementAdminViews
+  bn as userManagementAdminViews
 };
 //# sourceMappingURL=index.es.js.map