@firecms/user_management 3.0.0-canary.17 → 3.0.0-canary.19

package/dist/index.es.js

@@ -1,19 +1,19 @@
-import P, { useRef as Ie, useEffect as Z, useCallback as k, useContext as ke, useState as A } from "react";
-import { getFirestore as ee, onSnapshot as le, collection as se, setDoc as ae, doc as G, deleteDoc as ce } from "firebase/firestore";
+import A, { useRef as Ee, useEffect as Z, useCallback as k, useContext as Ae, useState as P } from "react";
+import { getFirestore as ee, onSnapshot as ae, collection as ne, setDoc as ce, doc as G, addDoc as Pe, deleteDoc as de } from "firebase/firestore";
 import { jsx as e, jsxs as l, Fragment as H } from "react/jsx-runtime";
-import { getColorSchemeForSeed as Ee, Chip as Pe, Dialog as de, DialogContent as ue, Typography as O, TextField as K, Paper as Ae, Table as ie, TableHeader as re, TableCell as a, TableBody as oe, TableRow as M, Tooltip as V, Checkbox as E, Select as ne, SelectItem as T, DialogActions as me, Button as q, LoadingButton as he, DoneIcon as fe, IconButton as ge, DeleteIcon as pe, CenteredView as Ce, Container as ve, AddIcon as we, MultiSelect as Fe, MultiSelectItem as Te } from "@firecms/ui";
+import { getColorSchemeForSeed as Fe, Chip as Te, Dialog as ue, DialogContent as me, Typography as O, TextField as K, Paper as Be, Table as re, TableHeader as oe, TableCell as a, TableBody as le, TableRow as q, Tooltip as V, Checkbox as E, Select as te, SelectItem as T, DialogActions as he, Button as Y, LoadingButton as fe, DoneIcon as ge, IconButton as pe, DeleteIcon as Ce, CenteredView as ve, Container as we, AddIcon as ye, MultiSelect as Le, MultiSelectItem as Ve } from "@firecms/ui";
 import * as _ from "yup";
-import { toSnakeCase as Be, FieldCaption as B, DeleteConfirmationDialog as ye, useNavigationController as Le, useSnackbarController as be, useAuthController as Ne, useCustomizationController as Ve, defaultDateFormat as _e } from "@firecms/core";
-import { useCreateFormex as Re, getIn as j, Formex as xe } from "@firecms/formex";
-import { format as Oe } from "date-fns";
-import * as $e from "date-fns/locale";
-const hn = ["Admin"], Me = {
+import { toSnakeCase as _e, FieldCaption as B, DeleteConfirmationDialog as be, useNavigationController as Oe, useSnackbarController as Ne, useAuthController as Re, useCustomizationController as $e, defaultDateFormat as Me } from "@firecms/core";
+import { useCreateFormex as xe, getIn as j, Formex as De } from "@firecms/formex";
+import { format as qe } from "date-fns";
+import * as Ye from "date-fns/locale";
+const pn = ["Admin"], We = {
   read: !1,
   edit: !1,
   create: !1,
   delete: !1
 };
-function qe({
+function je({
   collection: t,
   user: i
 }) {
@@ -33,43 +33,43 @@ function qe({
         edit: !1,
         delete: !1
       };
-      return n.map((r) => Ye(r, t.id)).reduce(te, c);
+      return n.map((r) => ze(r, t.id)).reduce(ie, c);
     }
   } else
-    return Me;
+    return We;
 }
-function Ye(t, i) {
+function ze(t, i) {
   const n = {
     read: t.isAdmin || t.defaultPermissions?.read,
     create: t.isAdmin || t.defaultPermissions?.create,
     edit: t.isAdmin || t.defaultPermissions?.edit,
     delete: t.isAdmin || t.defaultPermissions?.delete
   };
-  return t.collectionPermissions && t.collectionPermissions[i] ? te(t.collectionPermissions[i], n) : t.defaultPermissions ? te(t.defaultPermissions, n) : n;
+  return t.collectionPermissions && t.collectionPermissions[i] ? ie(t.collectionPermissions[i], n) : t.defaultPermissions ? ie(t.defaultPermissions, n) : n;
 }
-const te = (t, i) => ({
+const ie = (t, i) => ({
   read: t.read || i.read,
   create: t.create || i.create,
   edit: t.edit || i.edit,
   delete: t.delete || i.delete
 });
-function fn(t, i) {
+function Cn(t, i) {
   return t ? i.roles ? i.roles.map((n) => t.find((c) => c.id === n.id)).filter(Boolean) : [] : void 0;
 }
-const We = (t, i) => {
+const Je = (t, i) => {
   const n = t.map((r) => r.id), c = i.map((r) => r.id);
   return n.length === i.length && n.every((r) => c.includes(r));
 };
-function gn(t, i) {
+function vn(t, i) {
   if (!i)
     return;
-  const n = je(i), c = new Date(n.exp * 1e3);
+  const n = Ge(i), c = new Date(n.exp * 1e3);
   localStorage.setItem(`auth_token::${t}`, JSON.stringify({
     token: i,
     expiry: c
   }));
 }
-function pn(t) {
+function wn(t) {
   const i = localStorage.getItem(`auth_token::${t}`);
   if (i) {
     const n = JSON.parse(i);
@@ -77,13 +77,13 @@ function pn(t) {
       return n.token;
   }
 }
-function Cn() {
+function yn() {
   for (let t = 0; t < localStorage.length; t++) {
     const i = localStorage.key(t);
     i?.startsWith("auth_token::") && localStorage.removeItem(i);
   }
 }
-function je(t) {
+function Ge(t) {
   if (!t)
     throw new Error("No JWT token");
   const n = t.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), c = decodeURIComponent(window.atob(n).split("").map(function(r) {
@@ -91,147 +91,154 @@ function je(t) {
   }).join(""));
   return JSON.parse(c);
 }
-function vn(t, i = 10) {
+function bn(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 c = parseInt(n[0] + n[1], 16), r = parseInt(n[2] + n[3], 16), m = parseInt(n[4] + n[5], 16);
-  return c = Math.floor(c * (1 - i / 100)), r = Math.floor(r * (1 - i / 100)), m = Math.floor(m * (1 - i / 100)), "#" + (c < 16 ? "0" : "") + c.toString(16) + (r < 16 ? "0" : "") + r.toString(16) + (m < 16 ? "0" : "") + m.toString(16);
+  let c = parseInt(n[0] + n[1], 16), r = parseInt(n[2] + n[3], 16), h = parseInt(n[4] + n[5], 16);
+  return c = Math.floor(c * (1 - i / 100)), r = Math.floor(r * (1 - i / 100)), h = Math.floor(h * (1 - i / 100)), "#" + (c < 16 ? "0" : "") + c.toString(16) + (r < 16 ? "0" : "") + r.toString(16) + (h < 16 ? "0" : "") + h.toString(16);
 }
-function wn(t, i = 10) {
+function Nn(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 c = parseInt(n[0] + n[1], 16), r = parseInt(n[2] + n[3], 16), m = parseInt(n[4] + n[5], 16), C = i / 100;
-  return `rgba(${c}, ${r}, ${m}, ${C})`;
+  const c = parseInt(n[0] + n[1], 16), r = parseInt(n[2] + n[3], 16), h = parseInt(n[4] + n[5], 16), w = i / 100;
+  return `rgba(${c}, ${r}, ${h}, ${w})`;
 }
-function yn({
+function Rn({
   firebaseApp: t,
   usersPath: i = "__FIRECMS/config/users",
   rolesPath: n = "__FIRECMS/config/roles",
   usersLimit: c,
   canEditRoles: r = !0,
-  allowDefaultRolesCreation: m,
-  includeCollectionConfigPermissions: C
+  allowDefaultRolesCreation: h,
+  includeCollectionConfigPermissions: w
 }) {
-  const h = Ie(), [x, v] = P.useState(!0), [d, I] = P.useState(!0), [b, s] = P.useState([]), [g, D] = P.useState([]), w = g.map((p) => ({
-    ...p,
-    roles: b.filter((y) => p.roles?.includes(y.id))
-  })), [z, L] = P.useState(), [f, u] = P.useState(), N = x || d;
+  const f = Ee(), [x, y] = A.useState(!0), [d, I] = A.useState(!0), [b, s] = A.useState([]), [C, D] = A.useState([]), p = C.map((m) => ({
+    ...m,
+    roles: b.filter((v) => m.roles?.includes(v.id))
+  })), [z, L] = A.useState(), [g, u] = A.useState(), N = x || d;
   Z(() => {
-    t && (h.current = ee(t));
+    t && (f.current = ee(t));
   }, [t]), Z(() => {
     if (!t || !n)
       return;
-    const p = ee(t);
-    return le(
-      se(p, n),
+    const m = ee(t);
+    return ae(
+      ne(m, n),
       {
-        next: (y) => {
+        next: (v) => {
           L(void 0);
           try {
-            const R = Je(y.docs);
+            const R = Ke(v.docs);
             s(R);
           } catch (R) {
             L(R);
           }
-          v(!1);
+          y(!1);
         },
-        error: (y) => {
-          L(y), v(!1);
+        error: (v) => {
+          L(v), y(!1);
         }
       }
     );
   }, [t, n]), Z(() => {
     if (!t || !i)
       return;
-    const p = ee(t);
-    return le(
-      se(p, i),
+    const m = ee(t);
+    return ae(
+      ne(m, i),
       {
-        next: (y) => {
+        next: (v) => {
           u(void 0);
           try {
-            const R = ze(y.docs);
+            const R = He(v.docs);
             D(R);
           } catch (R) {
             u(R);
           }
           I(!1);
         },
-        error: (y) => {
-          u(y), I(!1);
+        error: (v) => {
+          u(v), I(!1);
         }
       }
     );
   }, [t, i]);
-  const U = k(async (p) => {
-    const y = h.current;
-    if (!y || !i)
+  const U = k(async (m) => {
+    const v = f.current;
+    if (!v || !i)
       throw Error("useFirestoreConfigurationPersistence Firestore not initialised");
-    console.debug("Persisting user", p);
-    const R = p.roles?.map((Se) => Se.id), {
-      uid: W,
+    console.debug("Persisting user", m);
+    const R = m.roles?.map((ke) => ke.id), {
+      uid: M,
       ...X
-    } = p;
-    return ae(G(y, i, W), {
+    } = m, se = {
       ...X,
       roles: R
-    }, { merge: !0 }).then(() => p);
-  }, [i]), F = k((p) => {
-    const y = h.current;
-    if (!y || !n)
+    };
+    return M ? ce(G(v, i, M), se, { merge: !0 }).then(() => m) : Pe(ne(v, i), se).then(() => m);
+  }, [i]), F = k((m) => {
+    const v = f.current;
+    if (!v || !n)
       throw Error("useFirestoreConfigurationPersistence Firestore not initialised");
-    console.debug("Persisting role", p);
+    console.debug("Persisting role", m);
     const {
       id: R,
-      ...W
-    } = p, X = G(y, n, R);
-    return ae(X, W, { merge: !0 });
-  }, [n]), o = k(async (p) => {
-    const y = h.current;
-    if (!y || !i)
+      ...M
+    } = m, X = G(v, n, R);
+    return ce(X, M, { merge: !0 });
+  }, [n]), o = k(async (m) => {
+    const v = f.current;
+    if (!v || !i)
       throw Error("useFirestoreConfigurationPersistence Firestore not initialised");
-    console.debug("Deleting", p);
-    const { uid: R } = p;
-    return ce(G(y, i, R));
-  }, [i]), S = k((p) => {
-    const y = h.current;
-    if (!y || !n)
+    console.debug("Deleting", m);
+    const { uid: R } = m;
+    return de(G(v, i, R));
+  }, [i]), S = k((m) => {
+    const v = f.current;
+    if (!v || !n)
       throw Error("useFirestoreConfigurationPersistence Firestore not initialised");
-    console.debug("Deleting", p);
-    const { id: R } = p, W = G(y, n, R);
-    return ce(W);
+    console.debug("Deleting", m);
+    const { id: R } = m, M = G(v, n, R);
+    return de(M);
   }, [n]), $ = k(({
-    collection: p,
-    user: y
-  }) => qe({
-    collection: p,
-    user: y
-  }), []), J = w.map((p) => p.uid), Ue = k((p) => {
-    if (!w)
+    collection: m,
+    user: v
+  }) => je({
+    collection: m,
+    user: v
+  }), []), J = p.map((m) => m.uid), Se = k((m) => {
+    if (!p)
       throw Error("Users not loaded");
-    return w.find((R) => R.email?.toLowerCase() === p?.email?.toLowerCase())?.roles;
-  }, [J]);
+    return p.find((R) => R.email?.toLowerCase() === m?.email?.toLowerCase())?.roles;
+  }, [J]), Ie = k(({ user: m }) => {
+    if (console.log("Authenticating user", m), N)
+      return console.log("User management is still loading"), !1;
+    if (p.length === 0 || p.find((R) => R.email?.toLowerCase() === m?.email?.toLowerCase()))
+      return !0;
+    throw Error("Could not find a user with the provided email");
+  }, [N, p]);
   return {
     loading: N,
     roles: b,
-    users: w,
+    users: p,
     saveUser: U,
     saveRole: F,
     deleteUser: o,
     deleteRole: S,
     usersLimit: c,
     canEditRoles: r === void 0 ? !0 : r,
-    allowDefaultRolesCreation: m === void 0 ? !0 : m,
-    includeCollectionConfigPermissions: !!C,
+    allowDefaultRolesCreation: h === void 0 ? !0 : h,
+    includeCollectionConfigPermissions: !!w,
     collectionPermissions: $,
-    defineRolesFor: Ue
+    defineRolesFor: Se,
+    authenticator: Ie
   };
 }
-const ze = (t) => t.map((i) => {
+const He = (t) => t.map((i) => {
   const n = i.data();
   return {
     uid: i.id,
@@ -239,21 +246,21 @@ const ze = (t) => t.map((i) => {
     created_on: n?.created_on?.toDate(),
     updated_on: n?.updated_on?.toDate()
   };
-}), Je = (t) => t.map((i) => ({
+}), Ke = (t) => t.map((i) => ({
   id: i.id,
   ...i.data()
-})), De = P.createContext({});
-function Ge({
+})), Ue = A.createContext({});
+function Qe({
   children: t,
   userManagement: i
 }) {
-  return /* @__PURE__ */ e(De.Provider, { value: i, children: t });
+  return /* @__PURE__ */ e(Ue.Provider, { value: i, children: t });
 }
-const Y = () => ke(De);
+const W = () => Ae(Ue);
 function Q({ role: t }) {
   let i;
-  return t.isAdmin ? i = "blueDarker" : t.id === "editor" ? i = "yellowLight" : t.id === "viewer" ? i = "grayLight" : i = Ee(t.id), /* @__PURE__ */ e(
-    Pe,
+  return t.isAdmin ? i = "blueDarker" : t.id === "editor" ? i = "yellowLight" : t.id === "viewer" ? i = "grayLight" : i = Fe(t.id), /* @__PURE__ */ e(
+    Te,
     {
       colorScheme: i,
       children: t.name
@@ -261,27 +268,27 @@ function Q({ role: t }) {
     t.id
   );
 }
-const He = _.object().shape({
+const Xe = _.object().shape({
   id: _.string().required("Required"),
   name: _.string().required("Required")
 });
-function Ke({
+function Ze({
   open: t,
   role: i,
   editable: n,
   handleClose: c,
   collections: r
 }) {
-  const { saveRole: m } = Y(), C = !i, [h, x] = A(), v = k((o) => (x(void 0), m(o)), [m]), d = Re({
+  const { saveRole: h } = W(), w = !i, [f, x] = P(), y = k((o) => (x(void 0), h(o)), [h]), d = xe({
     initialValues: i ?? {
       name: ""
     },
-    onSubmit: (o, S) => v(o).then(() => {
+    onSubmit: (o, S) => y(o).then(() => {
       S.resetForm({
         values: o
       }), c();
     }).catch(($) => x($)),
-    validation: (o) => He.validate(o, { abortEarly: !1 }).then(() => ({})).catch((S) => {
+    validation: (o) => Xe.validate(o, { abortEarly: !1 }).then(() => ({})).catch((S) => {
       const $ = {};
       return S.inner.forEach((J) => {
         $[J.path] = J.message;
@@ -291,20 +298,20 @@ function Ke({
     isSubmitting: I,
     touched: b,
     values: s,
-    errors: g,
+    errors: C,
     handleChange: D,
-    setFieldValue: w,
+    setFieldValue: p,
     dirty: z,
     setFieldTouched: L
-  } = d, f = s.isAdmin ?? !1, u = s.defaultPermissions?.create ?? !1, N = s.defaultPermissions?.read ?? !1, U = s.defaultPermissions?.edit ?? !1, F = s.defaultPermissions?.delete ?? !1;
-  return P.useEffect(() => {
-    !j(b, "id") && s.name && w("id", Be(s.name));
+  } = d, g = s.isAdmin ?? !1, u = s.defaultPermissions?.create ?? !1, N = s.defaultPermissions?.read ?? !1, U = s.defaultPermissions?.edit ?? !1, F = s.defaultPermissions?.delete ?? !1;
+  return A.useEffect(() => {
+    !j(b, "id") && s.name && p("id", _e(s.name));
   }, [b, s.name]), /* @__PURE__ */ e(
-    de,
+    ue,
     {
       open: t,
       maxWidth: "4xl",
-      children: /* @__PURE__ */ e(xe, { value: d, children: /* @__PURE__ */ l(
+      children: /* @__PURE__ */ e(De, { value: d, children: /* @__PURE__ */ l(
         "form",
         {
           noValidate: !0,
@@ -317,7 +324,7 @@ function Ke({
             height: "100%"
           },
           children: [
-            /* @__PURE__ */ l(ue, { className: "flex-grow", children: [
+            /* @__PURE__ */ l(me, { className: "flex-grow", children: [
               /* @__PURE__ */ e(
                 "div",
                 {
@@ -339,15 +346,15 @@ function Ke({
                     {
                       name: "name",
                       required: !0,
-                      error: b.name && !!g.name,
+                      error: b.name && !!C.name,
                       value: s.name,
-                      disabled: f || !n,
+                      disabled: g || !n,
                       onChange: D,
                       "aria-describedby": "name-helper-text",
                       label: "Name"
                     }
                   ),
-                  /* @__PURE__ */ e(B, { children: b.name && g.name ? g.name : "Name of this role" })
+                  /* @__PURE__ */ e(B, { children: b.name && C.name ? C.name : "Name of this role" })
                 ] }),
                 /* @__PURE__ */ l("div", { className: "col-span-12 md:col-span-4", children: [
                   /* @__PURE__ */ e(
@@ -355,9 +362,9 @@ function Ke({
                     {
                       name: "id",
                       required: !0,
-                      error: b.id && !!g.id,
+                      error: b.id && !!C.id,
                       value: s.id,
-                      disabled: !C || !n,
+                      disabled: !w || !n,
                       onChange: (o) => {
                         D(o), L("id", !0);
                       },
@@ -365,15 +372,15 @@ function Ke({
                       label: "ID"
                     }
                   ),
-                  /* @__PURE__ */ e(B, { children: b.id && g.id ? g.id : "ID of this role" })
+                  /* @__PURE__ */ e(B, { children: b.id && C.id ? C.id : "ID of this role" })
                 ] }),
                 /* @__PURE__ */ l("div", { className: "col-span-12", children: [
                   /* @__PURE__ */ e(
-                    Ae,
+                    Be,
                     {
                       className: "bg-inherit",
-                      children: /* @__PURE__ */ l(ie, { children: [
-                        /* @__PURE__ */ l(re, { children: [
+                      children: /* @__PURE__ */ l(re, { children: [
+                        /* @__PURE__ */ l(oe, { children: [
                           /* @__PURE__ */ e(a, {}),
                           /* @__PURE__ */ e(
                             a,
@@ -404,8 +411,8 @@ function Ke({
                             }
                           )
                         ] }),
-                        /* @__PURE__ */ l(oe, { children: [
-                          /* @__PURE__ */ l(M, { children: [
+                        /* @__PURE__ */ l(le, { children: [
+                          /* @__PURE__ */ l(q, { children: [
                             /* @__PURE__ */ e(
                               a,
                               {
@@ -424,9 +431,9 @@ function Ke({
                                     children: /* @__PURE__ */ e(
                                       E,
                                       {
-                                        disabled: f || !n,
-                                        checked: (f || u) ?? !1,
-                                        onCheckedChange: (o) => w("defaultPermissions.create", o)
+                                        disabled: g || !n,
+                                        checked: (g || u) ?? !1,
+                                        onCheckedChange: (o) => p("defaultPermissions.create", o)
                                       }
                                     )
                                   }
@@ -444,9 +451,9 @@ function Ke({
                                     children: /* @__PURE__ */ e(
                                       E,
                                       {
-                                        disabled: f || !n,
-                                        checked: (f || N) ?? !1,
-                                        onCheckedChange: (o) => w("defaultPermissions.read", o)
+                                        disabled: g || !n,
+                                        checked: (g || N) ?? !1,
+                                        onCheckedChange: (o) => p("defaultPermissions.read", o)
                                       }
                                     )
                                   }
@@ -464,9 +471,9 @@ function Ke({
                                     children: /* @__PURE__ */ e(
                                       E,
                                       {
-                                        disabled: f || !n,
-                                        checked: (f || U) ?? !1,
-                                        onCheckedChange: (o) => w("defaultPermissions.edit", o)
+                                        disabled: g || !n,
+                                        checked: (g || U) ?? !1,
+                                        onCheckedChange: (o) => p("defaultPermissions.edit", o)
                                       }
                                     )
                                   }
@@ -484,9 +491,9 @@ function Ke({
                                     children: /* @__PURE__ */ e(
                                       E,
                                       {
-                                        disabled: f || !n,
-                                        checked: (f || F) ?? !1,
-                                        onCheckedChange: (o) => w("defaultPermissions.delete", o)
+                                        disabled: g || !n,
+                                        checked: (g || F) ?? !1,
+                                        onCheckedChange: (o) => p("defaultPermissions.delete", o)
                                       }
                                     )
                                   }
@@ -494,7 +501,7 @@ function Ke({
                               }
                             )
                           ] }),
-                          r && r.map((o) => /* @__PURE__ */ l(M, { children: [
+                          r && r.map((o) => /* @__PURE__ */ l(q, { children: [
                             /* @__PURE__ */ e(
                               a,
                               {
@@ -509,9 +516,9 @@ function Ke({
                                 children: /* @__PURE__ */ e(
                                   E,
                                   {
-                                    disabled: f || u || !n,
-                                    checked: (f || u || j(s, `collectionPermissions.${o.path}.create`)) ?? !1,
-                                    onCheckedChange: (S) => w(`collectionPermissions.${o.path}.create`, S)
+                                    disabled: g || u || !n,
+                                    checked: (g || u || j(s, `collectionPermissions.${o.path}.create`)) ?? !1,
+                                    onCheckedChange: (S) => p(`collectionPermissions.${o.path}.create`, S)
                                   }
                                 )
                               }
@@ -523,9 +530,9 @@ function Ke({
                                 children: /* @__PURE__ */ e(
                                   E,
                                   {
-                                    disabled: f || N || !n,
-                                    checked: (f || N || j(s, `collectionPermissions.${o.path}.read`)) ?? !1,
-                                    onCheckedChange: (S) => w(`collectionPermissions.${o.path}.read`, S)
+                                    disabled: g || N || !n,
+                                    checked: (g || N || j(s, `collectionPermissions.${o.path}.read`)) ?? !1,
+                                    onCheckedChange: (S) => p(`collectionPermissions.${o.path}.read`, S)
                                   }
                                 )
                               }
@@ -537,9 +544,9 @@ function Ke({
                                 children: /* @__PURE__ */ e(
                                   E,
                                   {
-                                    disabled: f || U || !n,
-                                    checked: (f || U || j(s, `collectionPermissions.${o.path}.edit`)) ?? !1,
-                                    onCheckedChange: (S) => w(`collectionPermissions.${o.path}.edit`, S)
+                                    disabled: g || U || !n,
+                                    checked: (g || U || j(s, `collectionPermissions.${o.path}.edit`)) ?? !1,
+                                    onCheckedChange: (S) => p(`collectionPermissions.${o.path}.edit`, S)
                                   }
                                 )
                               }
@@ -551,9 +558,9 @@ function Ke({
                                 children: /* @__PURE__ */ e(
                                   E,
                                   {
-                                    disabled: f || F || !n,
-                                    checked: (f || F || j(s, `collectionPermissions.${o.path}.delete`)) ?? !1,
-                                    onCheckedChange: (S) => w(`collectionPermissions.${o.path}.delete`, S)
+                                    disabled: g || F || !n,
+                                    checked: (g || F || j(s, `collectionPermissions.${o.path}.delete`)) ?? !1,
+                                    onCheckedChange: (S) => p(`collectionPermissions.${o.path}.delete`, S)
                                   }
                                 )
                               }
@@ -567,16 +574,16 @@ function Ke({
                 ] }),
                 /* @__PURE__ */ l("div", { className: "col-span-12 md:col-span-4", children: [
                   /* @__PURE__ */ l(
-                    ne,
+                    te,
                     {
-                      error: b.config && !!g.config,
+                      error: b.config && !!C.config,
                       id: "createCollections",
                       name: "createCollections",
                       label: "Create collections",
                       position: "item-aligned",
-                      disabled: f || !n,
-                      onChange: (o) => w("config.createCollections", o.target.value === "true"),
-                      value: f || s.config?.createCollections ? "true" : "false",
+                      disabled: g || !n,
+                      onChange: (o) => p("config.createCollections", o.target.value === "true"),
+                      value: g || s.config?.createCollections ? "true" : "false",
                       renderValue: (o) => o === "true" ? "Yes" : "No",
                       children: [
                         /* @__PURE__ */ e(
@@ -596,20 +603,20 @@ function Ke({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ e(B, { children: b.config && g.config ? g.config : "Can the user create collections" })
+                  /* @__PURE__ */ e(B, { children: b.config && C.config ? C.config : "Can the user create collections" })
                 ] }),
                 /* @__PURE__ */ l("div", { className: "col-span-12 md:col-span-4", children: [
                   /* @__PURE__ */ l(
-                    ne,
+                    te,
                     {
-                      error: b.config && !!g.config,
+                      error: b.config && !!C.config,
                       id: "editCollections",
                       name: "editCollections",
                       label: "Edit collections",
-                      disabled: f || !n,
+                      disabled: g || !n,
                       position: "item-aligned",
-                      onChange: (o) => w("config.editCollections", o.target.value === "own" ? "own" : o.target.value === "true"),
-                      value: f ? "true" : s.config?.editCollections === "own" ? "own" : s.config?.editCollections ? "true" : "false",
+                      onChange: (o) => p("config.editCollections", o.target.value === "own" ? "own" : o.target.value === "true"),
+                      value: g ? "true" : s.config?.editCollections === "own" ? "own" : s.config?.editCollections ? "true" : "false",
                       renderValue: (o) => o === "own" ? "Own" : o === "true" ? "Yes" : "No",
                       children: [
                         /* @__PURE__ */ e(
@@ -636,20 +643,20 @@ function Ke({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ e(B, { children: b.config && g.config ? g.config : "Can the user edit collections" })
+                  /* @__PURE__ */ e(B, { children: b.config && C.config ? C.config : "Can the user edit collections" })
                 ] }),
                 /* @__PURE__ */ l("div", { className: "col-span-12 md:col-span-4", children: [
                   /* @__PURE__ */ l(
-                    ne,
+                    te,
                     {
-                      error: b.config && !!g.config,
+                      error: b.config && !!C.config,
                       id: "deleteCollections",
                       name: "deleteCollections",
                       label: "Delete collections",
-                      disabled: f || !n,
+                      disabled: g || !n,
                       position: "item-aligned",
-                      onChange: (o) => w("config.deleteCollections", o.target.value === "own" ? "own" : o.target.value === "true"),
-                      value: f ? "true" : s.config?.deleteCollections === "own" ? "own" : s.config?.deleteCollections ? "true" : "false",
+                      onChange: (o) => p("config.deleteCollections", o.target.value === "own" ? "own" : o.target.value === "true"),
+                      value: g ? "true" : s.config?.deleteCollections === "own" ? "own" : s.config?.deleteCollections ? "true" : "false",
                       renderValue: (o) => o === "own" ? "Own" : o === "true" ? "Yes" : "No",
                       children: [
                         /* @__PURE__ */ e(
@@ -676,14 +683,14 @@ function Ke({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ e(B, { children: b.config && g.config ? g.config : "Can the user delete collections" })
+                  /* @__PURE__ */ e(B, { children: b.config && C.config ? C.config : "Can the user delete collections" })
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ l(me, { position: "sticky", children: [
-              h && /* @__PURE__ */ e(O, { className: "text-red-500", children: "There was an error saving this role" }),
+            /* @__PURE__ */ l(he, { position: "sticky", children: [
+              f && /* @__PURE__ */ e(O, { className: "text-red-500", children: "There was an error saving this role" }),
               /* @__PURE__ */ e(
-                q,
+                Y,
                 {
                   variant: "text",
                   onClick: () => {
@@ -693,15 +700,15 @@ function Ke({
                 }
               ),
               /* @__PURE__ */ e(
-                he,
+                fe,
                 {
                   variant: "filled",
                   color: "primary",
                   type: "submit",
                   disabled: !z,
                   loading: I,
-                  startIcon: /* @__PURE__ */ e(fe, {}),
-                  children: C ? "Create role" : "Update"
+                  startIcon: /* @__PURE__ */ e(ge, {}),
+                  children: w ? "Create role" : "Update"
                 }
               )
             ] })
@@ -711,7 +718,7 @@ function Ke({
     }
   );
 }
-const Qe = [
+const en = [
   {
     id: "admin",
     name: "Admin",
@@ -745,7 +752,7 @@ const Qe = [
     }
   }
 ];
-function Xe({
+function nn({
   onRoleClicked: t,
   editable: i
 }) {
@@ -753,37 +760,37 @@ function Xe({
     roles: n,
     saveRole: c,
     deleteRole: r,
-    allowDefaultRolesCreation: m
-  } = Y(), [C, h] = A(void 0), [x, v] = A(!1);
+    allowDefaultRolesCreation: h
+  } = W(), [w, f] = P(void 0), [x, y] = P(!1);
   return /* @__PURE__ */ l(
     "div",
     {
       className: "w-full overflow-auto",
       children: [
-        /* @__PURE__ */ l(ie, { children: [
-          /* @__PURE__ */ l(re, { children: [
+        /* @__PURE__ */ l(re, { children: [
+          /* @__PURE__ */ l(oe, { 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__ */ l(le, { children: [
             n && n.map((d) => {
-              const I = d.isAdmin || d.defaultPermissions?.create, b = d.isAdmin || d.defaultPermissions?.read, s = d.isAdmin || d.defaultPermissions?.edit, g = d.isAdmin || d.defaultPermissions?.delete;
+              const I = d.isAdmin || d.defaultPermissions?.create, b = d.isAdmin || d.defaultPermissions?.read, s = d.isAdmin || d.defaultPermissions?.edit, C = d.isAdmin || d.defaultPermissions?.delete;
               return /* @__PURE__ */ l(
-                M,
+                q,
                 {
                   onClick: () => {
                     t(d);
                   },
                   children: [
                     /* @__PURE__ */ e(a, { style: { width: "64px" }, children: !d.isAdmin && /* @__PURE__ */ e(V, { title: "Delete this role", children: /* @__PURE__ */ e(
-                      ge,
+                      pe,
                       {
                         size: "small",
                         disabled: !i,
-                        onClick: (D) => (D.stopPropagation(), h(d)),
-                        children: /* @__PURE__ */ e(pe, {})
+                        onClick: (D) => (D.stopPropagation(), f(d)),
+                        children: /* @__PURE__ */ e(Ce, {})
                       }
                     ) }) }),
                     /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(Q, { role: d }) }),
@@ -792,21 +799,21 @@ function Xe({
                       I && /* @__PURE__ */ e("li", { children: "Create" }),
                       b && /* @__PURE__ */ e("li", { children: "Read" }),
                       s && /* @__PURE__ */ e("li", { children: "Update" }),
-                      g && /* @__PURE__ */ e("li", { children: "Delete" })
+                      C && /* @__PURE__ */ e("li", { children: "Delete" })
                     ] }) })
                   ]
                 },
                 d.name
               );
             }),
-            (!n || n.length === 0) && /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(a, { colspan: 4, children: /* @__PURE__ */ l(Ce, { className: "flex flex-col gap-4 my-8 items-center", children: [
+            (!n || n.length === 0) && /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(a, { colspan: 4, children: /* @__PURE__ */ l(ve, { className: "flex flex-col gap-4 my-8 items-center", children: [
               /* @__PURE__ */ e(O, { variant: "label", children: "You don't have any roles yet." }),
-              m && /* @__PURE__ */ e(
-                q,
+              h && /* @__PURE__ */ e(
+                Y,
                 {
                   variant: "outlined",
                   onClick: () => {
-                    Qe.forEach((d) => {
+                    en.forEach((d) => {
                       c(d);
                     });
                   },
@@ -817,19 +824,19 @@ function Xe({
           ] })
         ] }),
         /* @__PURE__ */ e(
-          ye,
+          be,
           {
-            open: !!C,
+            open: !!w,
             loading: x,
             onAccept: () => {
-              C && (v(!0), r(C).then(() => {
-                h(void 0);
+              w && (y(!0), r(w).then(() => {
+                f(void 0);
               }).finally(() => {
-                v(!1);
+                y(!1);
               }));
             },
             onCancel: () => {
-              h(void 0);
+              f(void 0);
             },
             title: /* @__PURE__ */ e(H, { children: "Delete?" }),
             body: /* @__PURE__ */ e(H, { children: "Are you sure you want to delete this role?" })
@@ -839,12 +846,12 @@ function Xe({
     }
   );
 }
-const Ze = P.memo(
+const tn = A.memo(
   function({ children: i }) {
-    const { collections: n } = Le(), [c, r] = A(!1), [m, C] = A(), { canEditRoles: h } = Y(), x = k((d) => {
-      r(!0), C(d);
+    const { collections: n } = Oe(), [c, r] = P(!1), [h, w] = P(), { canEditRoles: f } = W(), x = k((d) => {
+      r(!0), w(d);
     }, []);
-    return /* @__PURE__ */ l(ve, { className: "w-full flex flex-col py-4 gap-4", maxWidth: "6xl", children: [
+    return /* @__PURE__ */ l(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__ */ e(
@@ -857,73 +864,73 @@ const Ze = P.memo(
             children: "Roles"
           }
         ),
-        /* @__PURE__ */ e(V, { title: h ? void 0 : "Update plans to customise roles", children: /* @__PURE__ */ e(
-          q,
+        /* @__PURE__ */ e(V, { title: f ? void 0 : "Update plans to customise roles", children: /* @__PURE__ */ e(
+          Y,
           {
             size: "large",
-            disabled: !h,
-            startIcon: /* @__PURE__ */ e(we, {}),
+            disabled: !f,
+            startIcon: /* @__PURE__ */ e(ye, {}),
             onClick: () => r(!0),
             children: "Add role"
           }
         ) })
       ] }),
-      /* @__PURE__ */ e(Xe, { onRoleClicked: x, editable: !!h }),
+      /* @__PURE__ */ e(nn, { onRoleClicked: x, editable: !!f }),
       /* @__PURE__ */ e(
-        Ke,
+        Ze,
         {
           open: c,
-          role: m,
-          editable: h,
+          role: h,
+          editable: f,
           collections: n,
           handleClose: () => {
-            C(void 0), r(!1);
+            w(void 0), r(!1);
           }
         },
-        m?.id ?? "new"
+        h?.id ?? "new"
       )
     ] });
   }
-), en = _.object().shape({
+), rn = _.object().shape({
   displayName: _.string().required("Required"),
   email: _.string().email().required("Required"),
   roles: _.array().min(1)
 });
-function nn(t, i, n, c, r) {
-  const m = n.filter((v) => v.roles?.map((d) => d.id).includes("admin")), C = t.roles?.map((v) => v.id).includes("admin");
-  if ((!r || !We(r.roles ?? [], i.roles ?? [])) && !C)
+function on(t, i, n, c, r) {
+  const h = n.filter((y) => y.roles?.map((d) => d.id).includes("admin")), w = t.roles?.map((y) => y.id).includes("admin");
+  if ((!r || !Je(r.roles ?? [], i.roles ?? [])) && !w)
     throw new Error("Only admins can change roles");
-  if (r && r.roles?.map((v) => v.id).includes("admin") && !i.roles?.map((v) => v.id).includes("admin") && m.length === 1)
+  if (r && r.roles?.map((y) => y.id).includes("admin") && !i.roles?.map((y) => y.id).includes("admin") && h.length === 1)
     throw new Error("There must be at least one admin");
   return !0;
 }
-function tn({
+function ln({
   open: t,
   user: i,
   handleClose: n
 }) {
-  const c = be(), {
+  const c = Ne(), {
     user: r
-  } = Ne(), {
-    saveUser: m,
-    users: C,
-    roles: h
-  } = Y(), x = !i, v = k((u) => {
+  } = Re(), {
+    saveUser: h,
+    users: w,
+    roles: f
+  } = W(), x = !i, y = k((u) => {
     if (!r)
       throw new Error("Logged user not found");
     try {
-      return nn(r, u, C, h, i), m(u);
+      return on(r, u, w, f, i), h(u);
     } catch (N) {
       return Promise.reject(N);
     }
-  }, [h, m, i, C, r]), d = Re({
+  }, [f, h, i, w, r]), d = xe({
     initialValues: i ?? {
       displayName: "",
       email: "",
-      roles: h.filter((u) => u.id === "editor")
+      roles: f.filter((u) => u.id === "editor")
     },
-    validation: (u) => en.validate(u, { abortEarly: !1 }).then(() => ({})).catch((N) => N.inner.reduce((U, F) => (U[F.path] = F.message, U), {})),
-    onSubmit: (u, N) => v(u).then(() => {
+    validation: (u) => rn.validate(u, { abortEarly: !1 }).then(() => ({})).catch((N) => N.inner.reduce((U, F) => (U[F.path] = F.message, U), {})),
+    onSubmit: (u, N) => y(u).then(() => {
       n(), N.resetForm({
         values: u
       });
@@ -937,20 +944,20 @@ function tn({
     isSubmitting: I,
     touched: b,
     handleChange: s,
-    values: g,
+    values: C,
     errors: D,
-    setFieldValue: w,
+    setFieldValue: p,
     dirty: z,
     handleSubmit: L,
-    submitCount: f
+    submitCount: g
   } = d;
   return /* @__PURE__ */ e(
-    de,
+    ue,
     {
       open: t,
       onOpenChange: (u) => u ? void 0 : n(),
       maxWidth: "4xl",
-      children: /* @__PURE__ */ e(xe, { value: d, children: /* @__PURE__ */ l(
+      children: /* @__PURE__ */ e(De, { value: d, children: /* @__PURE__ */ l(
         "form",
         {
           onSubmit: L,
@@ -963,7 +970,7 @@ function tn({
             height: "100%"
           },
           children: [
-            /* @__PURE__ */ l(ue, { className: "h-full flex-grow", children: [
+            /* @__PURE__ */ l(me, { className: "h-full flex-grow", children: [
               /* @__PURE__ */ e(
                 "div",
                 {
@@ -985,42 +992,42 @@ function tn({
                     {
                       name: "displayName",
                       required: !0,
-                      error: f > 0 && !!D.displayName,
-                      value: g.displayName ?? "",
+                      error: g > 0 && !!D.displayName,
+                      value: C.displayName ?? "",
                       onChange: s,
                       "aria-describedby": "name-helper-text",
                       label: "Name"
                     }
                   ),
-                  /* @__PURE__ */ e(B, { children: f > 0 && D.displayName ? D.displayName : "Name of this user" })
+                  /* @__PURE__ */ e(B, { children: g > 0 && D.displayName ? D.displayName : "Name of this user" })
                 ] }),
                 /* @__PURE__ */ l("div", { className: "col-span-12", children: [
                   /* @__PURE__ */ e(
                     K,
                     {
                       required: !0,
-                      error: f > 0 && !!D.email,
+                      error: g > 0 && !!D.email,
                       name: "email",
-                      value: g.email ?? "",
+                      value: C.email ?? "",
                       onChange: s,
                       "aria-describedby": "email-helper-text",
                       label: "Email"
                     }
                   ),
-                  /* @__PURE__ */ e(B, { children: f > 0 && D.email ? D.email : "Email of this user" })
+                  /* @__PURE__ */ e(B, { children: g > 0 && D.email ? D.email : "Email of this user" })
                 ] }),
                 /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-                  Fe,
+                  Le,
                   {
                     label: "Roles",
-                    value: g.roles?.map((u) => u.id) ?? [],
-                    onMultiValueChange: (u) => w("roles", u.map((N) => h.find((U) => U.id === N))),
+                    value: C.roles?.map((u) => u.id) ?? [],
+                    onMultiValueChange: (u) => p("roles", u.map((N) => f.find((U) => U.id === N))),
                     renderValue: (u) => {
-                      const N = h.find((U) => U.id === u);
+                      const N = f.find((U) => U.id === u);
                       return N ? /* @__PURE__ */ e("div", { className: "flex flex-wrap space-x-2 space-y-2", children: /* @__PURE__ */ e(Q, { role: N }, N?.id) }) : null;
                     },
-                    children: h.map((u) => /* @__PURE__ */ e(
-                      Te,
+                    children: f.map((u) => /* @__PURE__ */ e(
+                      Ve,
                       {
                         value: u.id,
                         children: /* @__PURE__ */ e(Q, { role: u }, u?.id)
@@ -1031,9 +1038,9 @@ function tn({
                 ) })
               ] })
             ] }),
-            /* @__PURE__ */ l(me, { children: [
+            /* @__PURE__ */ l(he, { children: [
               /* @__PURE__ */ e(
-                q,
+                Y,
                 {
                   variant: "text",
                   onClick: () => {
@@ -1043,14 +1050,14 @@ function tn({
                 }
               ),
               /* @__PURE__ */ e(
-                he,
+                fe,
                 {
                   variant: "filled",
                   color: "primary",
                   type: "submit",
                   disabled: !z,
                   loading: I,
-                  startIcon: /* @__PURE__ */ e(fe, {}),
+                  startIcon: /* @__PURE__ */ e(ge, {}),
                   children: x ? "Create user" : "Update"
                 }
               )
@@ -1061,15 +1068,15 @@ function tn({
     }
   );
 }
-function rn({ onUserClicked: t }) {
+function sn({ onUserClicked: t }) {
   const {
     users: i,
     saveUser: n,
     deleteUser: c
-  } = Y(), r = Ne(), m = be(), C = Ve(), h = C?.locale ? $e[C?.locale] : void 0, x = C?.dateTimeFormat ?? _e, [v, d] = A(void 0), [I, b] = A(!1);
+  } = W(), r = Re(), h = Ne(), w = $e(), f = w?.locale ? Ye[w?.locale] : void 0, x = w?.dateTimeFormat ?? Me, [y, d] = P(void 0), [I, b] = P(!1);
   return /* @__PURE__ */ l("div", { className: "overflow-auto", children: [
-    /* @__PURE__ */ l(ie, { children: [
-      /* @__PURE__ */ l(re, { children: [
+    /* @__PURE__ */ l(re, { children: [
+      /* @__PURE__ */ l(oe, { children: [
         /* @__PURE__ */ e(a, { className: "truncate w-16" }),
         /* @__PURE__ */ e(a, { children: "ID" }),
         /* @__PURE__ */ e(a, { children: "Email" }),
@@ -1077,29 +1084,29 @@ function rn({ onUserClicked: t }) {
         /* @__PURE__ */ e(a, { children: "Roles" }),
         /* @__PURE__ */ e(a, { children: "Created on" })
       ] }),
-      /* @__PURE__ */ l(oe, { children: [
+      /* @__PURE__ */ l(le, { children: [
         i && i.map((s) => {
-          const g = s.roles, D = s.created_on ? Oe(s.created_on, x, { locale: h }) : "";
+          const C = s.roles, D = s.created_on ? qe(s.created_on, x, { locale: f }) : "";
           return /* @__PURE__ */ l(
-            M,
+            q,
             {
               onClick: () => {
                 t(s);
               },
               children: [
                 /* @__PURE__ */ e(a, { className: "w-10", children: /* @__PURE__ */ e(V, { title: "Delete this user", children: /* @__PURE__ */ e(
-                  ge,
+                  pe,
                   {
                     size: "small",
-                    onClick: (w) => (w.stopPropagation(), d(s)),
-                    children: /* @__PURE__ */ e(pe, {})
+                    onClick: (p) => (p.stopPropagation(), d(s)),
+                    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(
-                  (w) => /* @__PURE__ */ e(Q, { role: w }, w?.id)
+                /* @__PURE__ */ e(a, { className: "align-left", children: C ? /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: C.map(
+                  (p) => /* @__PURE__ */ e(Q, { role: p }, p?.id)
                 ) }) : null }),
                 /* @__PURE__ */ e(a, { children: D })
               ]
@@ -1107,10 +1114,10 @@ function rn({ onUserClicked: t }) {
             "row_" + s.uid
           );
         }),
-        (!i || i.length === 0) && /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(a, { colspan: 6, children: /* @__PURE__ */ l(Ce, { className: "flex flex-col gap-4 my-8 items-center", children: [
+        (!i || i.length === 0) && /* @__PURE__ */ e(q, { children: /* @__PURE__ */ e(a, { colspan: 6, children: /* @__PURE__ */ l(ve, { className: "flex flex-col gap-4 my-8 items-center", children: [
           /* @__PURE__ */ e(O, { variant: "label", children: "There are no users yet" }),
           /* @__PURE__ */ e(
-            q,
+            Y,
             {
               variant: "outlined",
               onClick: () => {
@@ -1126,12 +1133,12 @@ function rn({ onUserClicked: t }) {
                   roles: [{ id: "admin", name: "Admin" }],
                   created_on: /* @__PURE__ */ new Date()
                 }).then(() => {
-                  m.open({
+                  h.open({
                     type: "success",
                     message: "User added successfully"
                   });
                 }).catch((s) => {
-                  m.open({
+                  h.open({
                     type: "error",
                     message: "Error adding user: " + s.message
                   });
@@ -1144,15 +1151,15 @@ function rn({ onUserClicked: t }) {
       ] })
     ] }),
     /* @__PURE__ */ e(
-      ye,
+      be,
       {
-        open: !!v,
+        open: !!y,
         loading: I,
         onAccept: () => {
-          v && (b(!0), c(v).then(() => {
+          y && (b(!0), c(y).then(() => {
             d(void 0);
           }).catch((s) => {
-            m.open({
+            h.open({
               type: "error",
               message: "Error deleting user: " + s.message
             });
@@ -1169,13 +1176,13 @@ function rn({ onUserClicked: t }) {
     )
   ] });
 }
-const on = function({ children: i }) {
-  const [n, c] = A(), [r, m] = A(), { users: C, usersLimit: h } = Y(), x = h !== void 0 && C && C.length >= h, v = k((I) => {
-    m(I), c(!0);
+const an = function({ children: i }) {
+  const [n, c] = P(), [r, h] = P(), { users: w, usersLimit: f } = W(), x = f !== void 0 && w && w.length >= f, y = k((I) => {
+    h(I), c(!0);
   }, []), d = k(() => {
-    c(!1), m(void 0);
+    c(!1), h(void 0);
   }, []);
-  return /* @__PURE__ */ l(ve, { className: "w-full flex flex-col py-4 gap-4", maxWidth: "6xl", children: [
+  return /* @__PURE__ */ l(we, { className: "w-full flex flex-col py-4 gap-4", maxWidth: "6xl", children: [
     i,
     /* @__PURE__ */ l(
       "div",
@@ -1193,11 +1200,11 @@ const on = function({ children: i }) {
             }
           ),
           /* @__PURE__ */ e(
-            q,
+            Y,
             {
               size: "large",
               disabled: x,
-              startIcon: /* @__PURE__ */ e(we, {}),
+              startIcon: /* @__PURE__ */ e(ye, {}),
               onClick: () => c(!0),
               children: "Add user"
             }
@@ -1205,9 +1212,9 @@ const on = function({ children: i }) {
         ]
       }
     ),
-    /* @__PURE__ */ e(rn, { onUserClicked: v }),
+    /* @__PURE__ */ e(sn, { onUserClicked: y }),
     /* @__PURE__ */ e(
-      tn,
+      ln,
       {
         open: n ?? !1,
         user: r,
@@ -1217,58 +1224,58 @@ const on = function({ children: i }) {
     )
   ] });
 };
-function bn({ userManagement: t }) {
+function xn({ userManagement: t }) {
   return {
     key: "user_management",
     loading: t.loading,
     provider: {
-      Component: Ge,
+      Component: Qe,
       props: {
         userManagement: t
       }
     }
   };
 }
-const Nn = [
+const Dn = [
   {
     path: "users",
     name: "CMS Users",
     group: "Admin",
     icon: "face",
-    view: /* @__PURE__ */ e(on, {})
+    view: /* @__PURE__ */ e(an, {})
   },
   {
     path: "roles",
     name: "Roles",
     group: "Admin",
     icon: "gpp_good",
-    view: /* @__PURE__ */ e(Ze, {})
+    view: /* @__PURE__ */ e(tn, {})
   }
 ];
 export {
-  hn as RESERVED_GROUPS,
+  pn as RESERVED_GROUPS,
   Q as RoleChip,
-  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 useBuildFirestoreUserManagement,
-  Y as useUserManagement,
-  bn as useUserManagementPlugin,
-  Nn as userManagementAdminViews
+  Xe as RoleYupSchema,
+  Ze as RolesDetailsForm,
+  nn as RolesTable,
+  tn as RolesView,
+  ln as UserDetailsForm,
+  Ue as UserManagementContext,
+  Qe as UserManagementProvider,
+  rn as UserYupSchema,
+  sn as UsersTable,
+  an as UsersView,
+  Je as areRolesEqual,
+  vn as cacheDelegatedLoginToken,
+  yn as clearDelegatedLoginTokensCache,
+  bn as darkenColor,
+  wn as getDelegatedLoginTokenFromCache,
+  Cn as getUserRoles,
+  Nn as hexToRgbaWithOpacity,
+  je as resolveUserRolePermissions,
+  Rn as useBuildFirestoreUserManagement,
+  W as useUserManagement,
+  xn as useUserManagementPlugin,
+  Dn as userManagementAdminViews
 };
 //# sourceMappingURL=index.es.js.map