@firecms/user_management 3.0.0-beta.4.pre.2 → 3.0.0-canary.11

package/dist/index.es.js

@@ -1,10 +1,10 @@
-import A, { useRef as Se, useEffect as Z, useCallback as E, useContext as Ie, useState as F } from "react";
+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 { jsx as e, jsxs as s, Fragment as H } from "react/jsx-runtime";
-import { getColorSchemeForSeed as ke, Chip as Ee, Dialog as de, DialogContent as ue, Typography as _, TextField as K, Paper as Pe, Table as ie, TableHeader as re, TableCell as a, TableBody as oe, TableRow as M, Tooltip as L, Checkbox as P, 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 Ae, MultiSelectItem as Fe } from "@firecms/ui";
-import * as V from "yup";
-import { toSnakeCase as Te, FieldCaption as B, DeleteConfirmationDialog as ye, useNavigationController as Be, useSnackbarController as be, useAuthController as Le, useCustomizationController as Ve, defaultDateFormat as _e } from "@firecms/core";
-import { useCreateFormex as Ne, getIn as j, Formex as xe } from "@firecms/formex";
+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 * 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 = {
@@ -13,7 +13,10 @@ const hn = ["Admin"], Me = {
   create: !1,
   delete: !1
 };
-function qe({ collection: t, user: i }) {
+function qe({
+  collection: t,
+  user: i
+}) {
   const n = i?.roles;
   if (n) {
     if (t.ownerId === i?.uid)
@@ -24,13 +27,13 @@ function qe({ collection: t, user: i }) {
         delete: !0
       };
     {
-      const d = {
+      const c = {
         read: !1,
         create: !1,
         edit: !1,
         delete: !1
       };
-      return n.map((r) => Ye(r, t.id)).reduce(te, d);
+      return n.map((r) => Ye(r, t.id)).reduce(te, c);
     }
   } else
     return Me;
@@ -51,19 +54,19 @@ const te = (t, i) => ({
   delete: t.delete || i.delete
 });
 function fn(t, i) {
-  return t ? i.roles ? i.roles.map((n) => t.find((d) => d.id === n.id)).filter(Boolean) : [] : void 0;
+  return t ? i.roles ? i.roles.map((n) => t.find((c) => c.id === n.id)).filter(Boolean) : [] : void 0;
 }
 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));
+  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) {
   if (!i)
     return;
-  const n = je(i), d = new Date(n.exp * 1e3);
+  const n = je(i), c = new Date(n.exp * 1e3);
   localStorage.setItem(`auth_token::${t}`, JSON.stringify({
     token: i,
-    expiry: d
+    expiry: c
   }));
 }
 function pn(t) {
@@ -83,142 +86,149 @@ function Cn() {
 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) {
+  const n = t.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), c = decodeURIComponent(window.atob(n).split("").map(function(r) {
     return "%" + ("00" + r.charCodeAt(0).toString(16)).slice(-2);
   }).join(""));
-  return JSON.parse(d);
+  return JSON.parse(c);
 }
 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), m = parseInt(n[4] + n[5], 16);
-  return d = Math.floor(d * (1 - i / 100)), r = Math.floor(r * (1 - i / 100)), m = Math.floor(m * (1 - i / 100)), "#" + (d < 16 ? "0" : "") + d.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), 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);
 }
 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), m = parseInt(n[4] + n[5], 16), f = i / 100;
-  return `rgba(${d}, ${r}, ${m}, ${f})`;
+  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})`;
 }
 function yn({
   firebaseApp: t,
   usersPath: i = "__FIRECMS/config/users",
   rolesPath: n = "__FIRECMS/config/roles",
-  usersLimit: d,
+  usersLimit: c,
   canEditRoles: r = !0,
-  authController: m,
-  allowDefaultRolesCreation: f,
-  includeCollectionConfigPermissions: p
+  allowDefaultRolesCreation: m,
+  includeCollectionConfigPermissions: C
 }) {
-  const N = Se(), [v, c] = A.useState(!0), [I, w] = A.useState(!0), [l, g] = A.useState([]), [R, y] = A.useState([]), O = R.map((C) => ({
-    ...C,
-    roles: l.filter((b) => C.roles?.includes(b.id))
-  })), [z, u] = A.useState(), [h, x] = A.useState(), U = v || I, k = O.find((C) => C.email?.toLowerCase() === m.user?.email?.toLowerCase());
+  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;
   Z(() => {
-    t && (N.current = ee(t));
+    t && (h.current = ee(t));
   }, [t]), Z(() => {
     if (!t || !n)
       return;
-    const C = ee(t);
+    const p = ee(t);
     return le(
-      se(C, n),
+      se(p, n),
       {
-        next: (b) => {
-          u(void 0);
+        next: (y) => {
+          L(void 0);
           try {
-            const D = Je(b.docs);
-            g(D);
-          } catch (D) {
-            u(D);
+            const R = Je(y.docs);
+            s(R);
+          } catch (R) {
+            L(R);
           }
-          c(!1);
+          v(!1);
         },
-        error: (b) => {
-          u(b), c(!1);
+        error: (y) => {
+          L(y), v(!1);
         }
       }
     );
   }, [t, n]), Z(() => {
     if (!t || !i)
       return;
-    const C = ee(t);
+    const p = ee(t);
     return le(
-      se(C, i),
+      se(p, i),
       {
-        next: (b) => {
-          x(void 0);
+        next: (y) => {
+          u(void 0);
           try {
-            const D = ze(b.docs);
-            y(D);
-          } catch (D) {
-            x(D);
+            const R = ze(y.docs);
+            D(R);
+          } catch (R) {
+            u(R);
           }
-          w(!1);
+          I(!1);
         },
-        error: (b) => {
-          x(b), w(!1);
+        error: (y) => {
+          u(y), I(!1);
         }
       }
     );
   }, [t, i]);
-  const o = E(async (C) => {
-    const b = N.current;
-    if (!b || !i)
+  const U = k(async (p) => {
+    const y = h.current;
+    if (!y || !i)
       throw Error("useFirestoreConfigurationPersistence Firestore not initialised");
-    console.debug("Persisting user", C);
-    const D = C.roles.map((Ue) => Ue.id), {
+    console.debug("Persisting user", p);
+    const R = p.roles?.map((Se) => Se.id), {
       uid: W,
       ...X
-    } = C;
-    return ae(G(b, i, W), { ...X, roles: D }, { merge: !0 }).then(() => C);
-  }, [i]), S = E((C) => {
-    const b = N.current;
-    if (!b || !n)
+    } = p;
+    return ae(G(y, i, W), {
+      ...X,
+      roles: R
+    }, { merge: !0 }).then(() => p);
+  }, [i]), F = k((p) => {
+    const y = h.current;
+    if (!y || !n)
       throw Error("useFirestoreConfigurationPersistence Firestore not initialised");
-    console.debug("Persisting role", C);
+    console.debug("Persisting role", p);
     const {
-      id: D,
+      id: R,
       ...W
-    } = C, X = G(b, n, D);
+    } = p, X = G(y, n, R);
     return ae(X, W, { merge: !0 });
-  }, [n]), $ = E(async (C) => {
-    const b = N.current;
-    if (!b || !i)
+  }, [n]), o = k(async (p) => {
+    const y = h.current;
+    if (!y || !i)
       throw Error("useFirestoreConfigurationPersistence Firestore not initialised");
-    console.debug("Deleting", C);
-    const { uid: D } = C;
-    return ce(G(b, i, D));
-  }, [i]), J = E((C) => {
-    const b = N.current;
-    if (!b || !n)
+    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)
       throw Error("useFirestoreConfigurationPersistence Firestore not initialised");
-    console.debug("Deleting", C);
-    const { id: D } = C, W = G(b, n, D);
+    console.debug("Deleting", p);
+    const { id: R } = p, W = G(y, n, R);
     return ce(W);
-  }, [n]), De = E(({
-    collection: C
+  }, [n]), $ = k(({
+    collection: p,
+    user: y
   }) => qe({
-    collection: C,
-    user: k ?? null
-  }), [k?.uid]);
+    collection: p,
+    user: y
+  }), []), J = w.map((p) => p.uid), Ue = k((p) => {
+    if (!w)
+      throw Error("Users not loaded");
+    return w.find((R) => R.email?.toLowerCase() === p?.email?.toLowerCase())?.roles;
+  }, [J]);
   return {
-    loading: U,
-    loggedInUser: k,
-    roles: l,
-    users: O,
-    saveUser: o,
-    saveRole: S,
-    deleteUser: $,
-    deleteRole: J,
-    usersLimit: d,
+    loading: N,
+    roles: b,
+    users: w,
+    saveUser: U,
+    saveRole: F,
+    deleteUser: o,
+    deleteRole: S,
+    usersLimit: c,
     canEditRoles: r === void 0 ? !0 : r,
-    allowDefaultRolesCreation: f === void 0 ? !0 : f,
-    includeCollectionConfigPermissions: !!p,
-    collectionPermissions: De
+    allowDefaultRolesCreation: m === void 0 ? !0 : m,
+    includeCollectionConfigPermissions: !!C,
+    collectionPermissions: $,
+    defineRolesFor: Ue
   };
 }
 const ze = (t) => t.map((i) => {
@@ -232,18 +242,18 @@ const ze = (t) => t.map((i) => {
 }), Je = (t) => t.map((i) => ({
   id: i.id,
   ...i.data()
-})), Re = A.createContext({});
+})), De = P.createContext({});
 function Ge({
   children: t,
   userManagement: i
 }) {
-  return /* @__PURE__ */ e(Re.Provider, { value: i, children: t });
+  return /* @__PURE__ */ e(De.Provider, { value: i, children: t });
 }
-const Y = () => Ie(Re);
+const Y = () => ke(De);
 function Q({ role: t }) {
   let i;
-  return t.isAdmin ? i = "blueDarker" : t.id === "editor" ? i = "yellowLight" : t.id === "viewer" ? i = "grayLight" : i = ke(t.id), /* @__PURE__ */ e(
-    Ee,
+  return t.isAdmin ? i = "blueDarker" : t.id === "editor" ? i = "yellowLight" : t.id === "viewer" ? i = "grayLight" : i = Ee(t.id), /* @__PURE__ */ e(
+    Pe,
     {
       colorScheme: i,
       children: t.name
@@ -251,26 +261,26 @@ function Q({ role: t }) {
     t.id
   );
 }
-const He = V.object().shape({
-  id: V.string().required("Required"),
-  name: V.string().required("Required")
+const He = _.object().shape({
+  id: _.string().required("Required"),
+  name: _.string().required("Required")
 });
 function Ke({
   open: t,
   role: i,
   editable: n,
-  handleClose: d,
+  handleClose: c,
   collections: r
 }) {
-  const { saveRole: m } = Y(), f = !i, [p, N] = F(), v = E((o) => (N(void 0), m(o)), [m]), c = Ne({
+  const { saveRole: m } = Y(), C = !i, [h, x] = A(), v = k((o) => (x(void 0), m(o)), [m]), d = Re({
     initialValues: i ?? {
       name: ""
     },
     onSubmit: (o, S) => v(o).then(() => {
       S.resetForm({
         values: o
-      }), d();
-    }).catch(($) => N($)),
+      }), c();
+    }).catch(($) => x($)),
     validation: (o) => He.validate(o, { abortEarly: !1 }).then(() => ({})).catch((S) => {
       const $ = {};
       return S.inner.forEach((J) => {
@@ -279,27 +289,27 @@ function Ke({
     })
   }), {
     isSubmitting: I,
-    touched: w,
-    values: l,
+    touched: b,
+    values: s,
     errors: g,
-    handleChange: R,
-    setFieldValue: y,
-    dirty: O,
-    setFieldTouched: z
-  } = c, u = l.isAdmin ?? !1, h = l.defaultPermissions?.create ?? !1, x = l.defaultPermissions?.read ?? !1, U = l.defaultPermissions?.edit ?? !1, k = l.defaultPermissions?.delete ?? !1;
-  return A.useEffect(() => {
-    !j(w, "id") && l.name && y("id", Te(l.name));
-  }, [w, l.name]), /* @__PURE__ */ e(
+    handleChange: D,
+    setFieldValue: w,
+    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));
+  }, [b, s.name]), /* @__PURE__ */ e(
     de,
     {
       open: t,
       maxWidth: "4xl",
-      children: /* @__PURE__ */ e(xe, { value: c, children: /* @__PURE__ */ s(
+      children: /* @__PURE__ */ e(xe, { value: d, children: /* @__PURE__ */ l(
         "form",
         {
           noValidate: !0,
           autoComplete: "off",
-          onSubmit: c.handleSubmit,
+          onSubmit: d.handleSubmit,
           style: {
             display: "flex",
             flexDirection: "column",
@@ -307,13 +317,13 @@ function Ke({
             height: "100%"
           },
           children: [
-            /* @__PURE__ */ s(ue, { className: "flex-grow", children: [
+            /* @__PURE__ */ l(ue, { className: "flex-grow", children: [
               /* @__PURE__ */ e(
                 "div",
                 {
                   className: "flex flex-row pt-12 pb-8",
                   children: /* @__PURE__ */ e(
-                    _,
+                    O,
                     {
                       variant: "h4",
                       className: "flex-grow",
@@ -322,48 +332,48 @@ function Ke({
                   )
                 }
               ),
-              /* @__PURE__ */ s("div", { className: "grid grid-cols-12 gap-8", children: [
-                /* @__PURE__ */ s("div", { className: "col-span-12 md:col-span-8", children: [
+              /* @__PURE__ */ l("div", { className: "grid grid-cols-12 gap-8", children: [
+                /* @__PURE__ */ l("div", { className: "col-span-12 md:col-span-8", children: [
                   /* @__PURE__ */ e(
                     K,
                     {
                       name: "name",
                       required: !0,
-                      error: w.name && !!g.name,
-                      value: l.name,
-                      disabled: u || !n,
-                      onChange: R,
+                      error: b.name && !!g.name,
+                      value: s.name,
+                      disabled: f || !n,
+                      onChange: D,
                       "aria-describedby": "name-helper-text",
                       label: "Name"
                     }
                   ),
-                  /* @__PURE__ */ e(B, { children: w.name && g.name ? g.name : "Name of this role" })
+                  /* @__PURE__ */ e(B, { children: b.name && g.name ? g.name : "Name of this role" })
                 ] }),
-                /* @__PURE__ */ s("div", { className: "col-span-12 md:col-span-4", children: [
+                /* @__PURE__ */ l("div", { className: "col-span-12 md:col-span-4", children: [
                   /* @__PURE__ */ e(
                     K,
                     {
                       name: "id",
                       required: !0,
-                      error: w.id && !!g.id,
-                      value: l.id,
-                      disabled: !f || !n,
+                      error: b.id && !!g.id,
+                      value: s.id,
+                      disabled: !C || !n,
                       onChange: (o) => {
-                        R(o), z("id", !0);
+                        D(o), L("id", !0);
                       },
                       "aria-describedby": "id-helper-text",
                       label: "ID"
                     }
                   ),
-                  /* @__PURE__ */ e(B, { children: w.id && g.id ? g.id : "ID of this role" })
+                  /* @__PURE__ */ e(B, { children: b.id && g.id ? g.id : "ID of this role" })
                 ] }),
-                /* @__PURE__ */ s("div", { className: "col-span-12", children: [
+                /* @__PURE__ */ l("div", { className: "col-span-12", children: [
                   /* @__PURE__ */ e(
-                    Pe,
+                    Ae,
                     {
                       className: "bg-inherit",
-                      children: /* @__PURE__ */ s(ie, { children: [
-                        /* @__PURE__ */ s(re, { children: [
+                      children: /* @__PURE__ */ l(ie, { children: [
+                        /* @__PURE__ */ l(re, { children: [
                           /* @__PURE__ */ e(a, {}),
                           /* @__PURE__ */ e(
                             a,
@@ -394,8 +404,8 @@ function Ke({
                             }
                           )
                         ] }),
-                        /* @__PURE__ */ s(oe, { children: [
-                          /* @__PURE__ */ s(M, { children: [
+                        /* @__PURE__ */ l(oe, { children: [
+                          /* @__PURE__ */ l(M, { children: [
                             /* @__PURE__ */ e(
                               a,
                               {
@@ -408,15 +418,15 @@ function Ke({
                               {
                                 align: "center",
                                 children: /* @__PURE__ */ e(
-                                  L,
+                                  V,
                                   {
                                     title: "Create entities in collections",
                                     children: /* @__PURE__ */ e(
-                                      P,
+                                      E,
                                       {
-                                        disabled: u || !n,
-                                        checked: (u || h) ?? !1,
-                                        onCheckedChange: (o) => y("defaultPermissions.create", o)
+                                        disabled: f || !n,
+                                        checked: (f || u) ?? !1,
+                                        onCheckedChange: (o) => w("defaultPermissions.create", o)
                                       }
                                     )
                                   }
@@ -428,15 +438,15 @@ function Ke({
                               {
                                 align: "center",
                                 children: /* @__PURE__ */ e(
-                                  L,
+                                  V,
                                   {
                                     title: "Access all data in every collection",
                                     children: /* @__PURE__ */ e(
-                                      P,
+                                      E,
                                       {
-                                        disabled: u || !n,
-                                        checked: (u || x) ?? !1,
-                                        onCheckedChange: (o) => y("defaultPermissions.read", o)
+                                        disabled: f || !n,
+                                        checked: (f || N) ?? !1,
+                                        onCheckedChange: (o) => w("defaultPermissions.read", o)
                                       }
                                     )
                                   }
@@ -448,15 +458,15 @@ function Ke({
                               {
                                 align: "center",
                                 children: /* @__PURE__ */ e(
-                                  L,
+                                  V,
                                   {
                                     title: "Update data in any collection",
                                     children: /* @__PURE__ */ e(
-                                      P,
+                                      E,
                                       {
-                                        disabled: u || !n,
-                                        checked: (u || U) ?? !1,
-                                        onCheckedChange: (o) => y("defaultPermissions.edit", o)
+                                        disabled: f || !n,
+                                        checked: (f || U) ?? !1,
+                                        onCheckedChange: (o) => w("defaultPermissions.edit", o)
                                       }
                                     )
                                   }
@@ -468,15 +478,15 @@ function Ke({
                               {
                                 align: "center",
                                 children: /* @__PURE__ */ e(
-                                  L,
+                                  V,
                                   {
                                     title: "Delete data in any collection",
                                     children: /* @__PURE__ */ e(
-                                      P,
+                                      E,
                                       {
-                                        disabled: u || !n,
-                                        checked: (u || k) ?? !1,
-                                        onCheckedChange: (o) => y("defaultPermissions.delete", o)
+                                        disabled: f || !n,
+                                        checked: (f || F) ?? !1,
+                                        onCheckedChange: (o) => w("defaultPermissions.delete", o)
                                       }
                                     )
                                   }
@@ -484,7 +494,7 @@ function Ke({
                               }
                             )
                           ] }),
-                          r && r.map((o) => /* @__PURE__ */ s(M, { children: [
+                          r && r.map((o) => /* @__PURE__ */ l(M, { children: [
                             /* @__PURE__ */ e(
                               a,
                               {
@@ -497,11 +507,11 @@ function Ke({
                               {
                                 align: "center",
                                 children: /* @__PURE__ */ e(
-                                  P,
+                                  E,
                                   {
-                                    disabled: u || h || !n,
-                                    checked: (u || h || j(l, `collectionPermissions.${o.path}.create`)) ?? !1,
-                                    onCheckedChange: (S) => y(`collectionPermissions.${o.path}.create`, S)
+                                    disabled: f || u || !n,
+                                    checked: (f || u || j(s, `collectionPermissions.${o.path}.create`)) ?? !1,
+                                    onCheckedChange: (S) => w(`collectionPermissions.${o.path}.create`, S)
                                   }
                                 )
                               }
@@ -511,11 +521,11 @@ function Ke({
                               {
                                 align: "center",
                                 children: /* @__PURE__ */ e(
-                                  P,
+                                  E,
                                   {
-                                    disabled: u || x || !n,
-                                    checked: (u || x || j(l, `collectionPermissions.${o.path}.read`)) ?? !1,
-                                    onCheckedChange: (S) => y(`collectionPermissions.${o.path}.read`, S)
+                                    disabled: f || N || !n,
+                                    checked: (f || N || j(s, `collectionPermissions.${o.path}.read`)) ?? !1,
+                                    onCheckedChange: (S) => w(`collectionPermissions.${o.path}.read`, S)
                                   }
                                 )
                               }
@@ -525,11 +535,11 @@ function Ke({
                               {
                                 align: "center",
                                 children: /* @__PURE__ */ e(
-                                  P,
+                                  E,
                                   {
-                                    disabled: u || U || !n,
-                                    checked: (u || U || j(l, `collectionPermissions.${o.path}.edit`)) ?? !1,
-                                    onCheckedChange: (S) => y(`collectionPermissions.${o.path}.edit`, S)
+                                    disabled: f || U || !n,
+                                    checked: (f || U || j(s, `collectionPermissions.${o.path}.edit`)) ?? !1,
+                                    onCheckedChange: (S) => w(`collectionPermissions.${o.path}.edit`, S)
                                   }
                                 )
                               }
@@ -539,11 +549,11 @@ function Ke({
                               {
                                 align: "center",
                                 children: /* @__PURE__ */ e(
-                                  P,
+                                  E,
                                   {
-                                    disabled: u || k || !n,
-                                    checked: (u || k || j(l, `collectionPermissions.${o.path}.delete`)) ?? !1,
-                                    onCheckedChange: (S) => y(`collectionPermissions.${o.path}.delete`, S)
+                                    disabled: f || F || !n,
+                                    checked: (f || F || j(s, `collectionPermissions.${o.path}.delete`)) ?? !1,
+                                    onCheckedChange: (S) => w(`collectionPermissions.${o.path}.delete`, S)
                                   }
                                 )
                               }
@@ -555,18 +565,18 @@ function Ke({
                   ),
                   /* @__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__ */ s("div", { className: "col-span-12 md:col-span-4", children: [
-                  /* @__PURE__ */ s(
+                /* @__PURE__ */ l("div", { className: "col-span-12 md:col-span-4", children: [
+                  /* @__PURE__ */ l(
                     ne,
                     {
-                      error: w.config && !!g.config,
+                      error: b.config && !!g.config,
                       id: "createCollections",
                       name: "createCollections",
                       label: "Create collections",
                       position: "item-aligned",
-                      disabled: u || !n,
-                      onChange: (o) => y("config.createCollections", o.target.value === "true"),
-                      value: u || l.config?.createCollections ? "true" : "false",
+                      disabled: f || !n,
+                      onChange: (o) => w("config.createCollections", o.target.value === "true"),
+                      value: f || s.config?.createCollections ? "true" : "false",
                       renderValue: (o) => o === "true" ? "Yes" : "No",
                       children: [
                         /* @__PURE__ */ e(
@@ -586,20 +596,20 @@ function Ke({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ e(B, { children: w.config && g.config ? g.config : "Can the user create collections" })
+                  /* @__PURE__ */ e(B, { children: b.config && g.config ? g.config : "Can the user create collections" })
                 ] }),
-                /* @__PURE__ */ s("div", { className: "col-span-12 md:col-span-4", children: [
-                  /* @__PURE__ */ s(
+                /* @__PURE__ */ l("div", { className: "col-span-12 md:col-span-4", children: [
+                  /* @__PURE__ */ l(
                     ne,
                     {
-                      error: w.config && !!g.config,
+                      error: b.config && !!g.config,
                       id: "editCollections",
                       name: "editCollections",
                       label: "Edit collections",
-                      disabled: u || !n,
+                      disabled: f || !n,
                       position: "item-aligned",
-                      onChange: (o) => y("config.editCollections", o.target.value === "own" ? "own" : o.target.value === "true"),
-                      value: u ? "true" : l.config?.editCollections === "own" ? "own" : l.config?.editCollections ? "true" : "false",
+                      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",
                       renderValue: (o) => o === "own" ? "Own" : o === "true" ? "Yes" : "No",
                       children: [
                         /* @__PURE__ */ e(
@@ -626,20 +636,20 @@ function Ke({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ e(B, { children: w.config && g.config ? g.config : "Can the user edit collections" })
+                  /* @__PURE__ */ e(B, { children: b.config && g.config ? g.config : "Can the user edit collections" })
                 ] }),
-                /* @__PURE__ */ s("div", { className: "col-span-12 md:col-span-4", children: [
-                  /* @__PURE__ */ s(
+                /* @__PURE__ */ l("div", { className: "col-span-12 md:col-span-4", children: [
+                  /* @__PURE__ */ l(
                     ne,
                     {
-                      error: w.config && !!g.config,
+                      error: b.config && !!g.config,
                       id: "deleteCollections",
                       name: "deleteCollections",
                       label: "Delete collections",
-                      disabled: u || !n,
+                      disabled: f || !n,
                       position: "item-aligned",
-                      onChange: (o) => y("config.deleteCollections", o.target.value === "own" ? "own" : o.target.value === "true"),
-                      value: u ? "true" : l.config?.deleteCollections === "own" ? "own" : l.config?.deleteCollections ? "true" : "false",
+                      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",
                       renderValue: (o) => o === "own" ? "Own" : o === "true" ? "Yes" : "No",
                       children: [
                         /* @__PURE__ */ e(
@@ -666,18 +676,18 @@ function Ke({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ e(B, { children: w.config && g.config ? g.config : "Can the user delete collections" })
+                  /* @__PURE__ */ e(B, { children: b.config && g.config ? g.config : "Can the user delete collections" })
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ s(me, { position: "sticky", children: [
-              p && /* @__PURE__ */ e(_, { className: "text-red-500", children: "There was an error saving this role" }),
+            /* @__PURE__ */ l(me, { position: "sticky", children: [
+              h && /* @__PURE__ */ e(O, { className: "text-red-500", children: "There was an error saving this role" }),
               /* @__PURE__ */ e(
                 q,
                 {
                   variant: "text",
                   onClick: () => {
-                    d();
+                    c();
                   },
                   children: "Cancel"
                 }
@@ -688,10 +698,10 @@ function Ke({
                   variant: "filled",
                   color: "primary",
                   type: "submit",
-                  disabled: !O,
+                  disabled: !z,
                   loading: I,
                   startIcon: /* @__PURE__ */ e(fe, {}),
-                  children: f ? "Create role" : "Update"
+                  children: C ? "Create role" : "Update"
                 }
               )
             ] })
@@ -741,63 +751,63 @@ function Xe({
 }) {
   const {
     roles: n,
-    saveRole: d,
+    saveRole: c,
     deleteRole: r,
     allowDefaultRolesCreation: m
-  } = Y(), [f, p] = F(void 0), [N, v] = F(!1);
-  return /* @__PURE__ */ s(
+  } = Y(), [C, h] = A(void 0), [x, v] = A(!1);
+  return /* @__PURE__ */ l(
     "div",
     {
       className: "w-full overflow-auto",
       children: [
-        /* @__PURE__ */ s(ie, { children: [
-          /* @__PURE__ */ s(re, { children: [
+        /* @__PURE__ */ l(ie, { children: [
+          /* @__PURE__ */ l(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__ */ s(oe, { children: [
-            n && n.map((c) => {
-              const I = c.isAdmin || c.defaultPermissions?.create, w = c.isAdmin || c.defaultPermissions?.read, l = c.isAdmin || c.defaultPermissions?.edit, g = c.isAdmin || c.defaultPermissions?.delete;
-              return /* @__PURE__ */ s(
+          /* @__PURE__ */ l(oe, { 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;
+              return /* @__PURE__ */ l(
                 M,
                 {
                   onClick: () => {
-                    t(c);
+                    t(d);
                   },
                   children: [
-                    /* @__PURE__ */ e(a, { style: { width: "64px" }, children: !c.isAdmin && /* @__PURE__ */ e(L, { title: "Delete this role", children: /* @__PURE__ */ e(
+                    /* @__PURE__ */ e(a, { style: { width: "64px" }, children: !d.isAdmin && /* @__PURE__ */ e(V, { title: "Delete this role", children: /* @__PURE__ */ e(
                       ge,
                       {
                         size: "small",
                         disabled: !i,
-                        onClick: (R) => (R.stopPropagation(), p(c)),
+                        onClick: (D) => (D.stopPropagation(), h(d)),
                         children: /* @__PURE__ */ e(pe, {})
                       }
                     ) }) }),
-                    /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(Q, { role: c }) }),
-                    /* @__PURE__ */ e(a, { className: "items-center", children: /* @__PURE__ */ e(P, { checked: c.isAdmin ?? !1 }) }),
-                    /* @__PURE__ */ e(a, { children: /* @__PURE__ */ s("ul", { children: [
+                    /* @__PURE__ */ e(a, { children: /* @__PURE__ */ e(Q, { role: d }) }),
+                    /* @__PURE__ */ e(a, { className: "items-center", children: /* @__PURE__ */ e(E, { checked: d.isAdmin ?? !1 }) }),
+                    /* @__PURE__ */ e(a, { children: /* @__PURE__ */ l("ul", { children: [
                       I && /* @__PURE__ */ e("li", { children: "Create" }),
-                      w && /* @__PURE__ */ e("li", { children: "Read" }),
-                      l && /* @__PURE__ */ e("li", { children: "Update" }),
+                      b && /* @__PURE__ */ e("li", { children: "Read" }),
+                      s && /* @__PURE__ */ e("li", { children: "Update" }),
                       g && /* @__PURE__ */ e("li", { children: "Delete" })
                     ] }) })
                   ]
                 },
-                c.name
+                d.name
               );
             }),
-            (!n || n.length === 0) && /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(a, { colspan: 4, children: /* @__PURE__ */ s(Ce, { className: "flex flex-col gap-4 my-8 items-center", children: [
-              /* @__PURE__ */ e(_, { variant: "label", children: "You don't have any roles yet." }),
+            (!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: [
+              /* @__PURE__ */ e(O, { variant: "label", children: "You don't have any roles yet." }),
               m && /* @__PURE__ */ e(
                 q,
                 {
                   variant: "outlined",
                   onClick: () => {
-                    Qe.forEach((c) => {
-                      d(c);
+                    Qe.forEach((d) => {
+                      c(d);
                     });
                   },
                   children: "Create default roles"
@@ -809,17 +819,17 @@ function Xe({
         /* @__PURE__ */ e(
           ye,
           {
-            open: !!f,
-            loading: N,
+            open: !!C,
+            loading: x,
             onAccept: () => {
-              f && (v(!0), r(f).then(() => {
-                p(void 0);
+              C && (v(!0), r(C).then(() => {
+                h(void 0);
               }).finally(() => {
                 v(!1);
               }));
             },
             onCancel: () => {
-              p(void 0);
+              h(void 0);
             },
             title: /* @__PURE__ */ e(H, { children: "Delete?" }),
             body: /* @__PURE__ */ e(H, { children: "Are you sure you want to delete this role?" })
@@ -829,16 +839,16 @@ function Xe({
     }
   );
 }
-const Ze = A.memo(
+const Ze = P.memo(
   function({ children: i }) {
-    const { collections: n } = Be(), [d, r] = F(!1), [m, f] = F(), { canEditRoles: p } = Y(), N = E((c) => {
-      r(!0), f(c);
+    const { collections: n } = Le(), [c, r] = A(!1), [m, C] = A(), { canEditRoles: h } = Y(), x = k((d) => {
+      r(!0), C(d);
     }, []);
-    return /* @__PURE__ */ s(ve, { className: "w-full flex flex-col py-4 gap-4", maxWidth: "6xl", children: [
+    return /* @__PURE__ */ l(ve, { className: "w-full flex flex-col py-4 gap-4", maxWidth: "6xl", children: [
       i,
-      /* @__PURE__ */ s("div", { className: "flex items-center mt-12", children: [
+      /* @__PURE__ */ l("div", { className: "flex items-center mt-12", children: [
         /* @__PURE__ */ e(
-          _,
+          O,
           {
             gutterBottom: !0,
             variant: "h4",
@@ -847,43 +857,43 @@ const Ze = A.memo(
             children: "Roles"
           }
         ),
-        /* @__PURE__ */ e(L, { title: p ? void 0 : "Update plans to customise roles", children: /* @__PURE__ */ e(
+        /* @__PURE__ */ e(V, { title: h ? void 0 : "Update plans to customise roles", children: /* @__PURE__ */ e(
           q,
           {
             size: "large",
-            disabled: !p,
+            disabled: !h,
             startIcon: /* @__PURE__ */ e(we, {}),
             onClick: () => r(!0),
             children: "Add role"
           }
         ) })
       ] }),
-      /* @__PURE__ */ e(Xe, { onRoleClicked: N, editable: !!p }),
+      /* @__PURE__ */ e(Xe, { onRoleClicked: x, editable: !!h }),
       /* @__PURE__ */ e(
         Ke,
         {
-          open: d,
+          open: c,
           role: m,
-          editable: p,
+          editable: h,
           collections: n,
           handleClose: () => {
-            f(void 0), r(!1);
+            C(void 0), r(!1);
           }
         },
         m?.id ?? "new"
       )
     ] });
   }
-), en = V.object().shape({
-  displayName: V.string().required("Required"),
-  email: V.string().email().required("Required"),
-  roles: V.array().min(1)
+), en = _.object().shape({
+  displayName: _.string().required("Required"),
+  email: _.string().email().required("Required"),
+  roles: _.array().min(1)
 });
-function nn(t, i, n, d, r) {
-  const m = n.filter((v) => v.roles.map((c) => c.id).includes("admin")), f = t.roles.map((v) => v.id).includes("admin");
-  if ((!r || !We(r.roles, i.roles)) && !f)
+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)
     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((v) => v.id).includes("admin") && !i.roles?.map((v) => v.id).includes("admin") && m.length === 1)
     throw new Error("There must be at least one admin");
   return !0;
 }
@@ -892,57 +902,58 @@ function tn({
   user: i,
   handleClose: n
 }) {
-  const d = be(), {
-    loggedInUser: r,
+  const c = be(), {
+    user: r
+  } = Ne(), {
     saveUser: m,
-    users: f,
-    roles: p
-  } = Y(), N = !i, v = E((h) => {
+    users: C,
+    roles: h
+  } = Y(), x = !i, v = k((u) => {
     if (!r)
       throw new Error("Logged user not found");
     try {
-      return nn(r, h, f, p, i), m(h);
-    } catch (x) {
-      return Promise.reject(x);
+      return nn(r, u, C, h, i), m(u);
+    } catch (N) {
+      return Promise.reject(N);
     }
-  }, [p, m, i, f, r]), c = Ne({
+  }, [h, m, i, C, r]), d = Re({
     initialValues: i ?? {
       displayName: "",
       email: "",
-      roles: p.filter((h) => h.id === "editor")
+      roles: h.filter((u) => u.id === "editor")
     },
-    validation: (h) => en.validate(h, { abortEarly: !1 }).then(() => ({})).catch((x) => x.inner.reduce((U, k) => (U[k.path] = k.message, U), {})),
-    onSubmit: (h, x) => v(h).then(() => {
-      n(), x.resetForm({
-        values: h
+    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(() => {
+      n(), N.resetForm({
+        values: u
       });
     }).catch((U) => {
-      d.open({
+      c.open({
         type: "error",
         message: U.message
       });
     })
   }), {
     isSubmitting: I,
-    touched: w,
-    handleChange: l,
+    touched: b,
+    handleChange: s,
     values: g,
-    errors: R,
-    setFieldValue: y,
-    dirty: O,
-    handleSubmit: z,
-    submitCount: u
-  } = c;
+    errors: D,
+    setFieldValue: w,
+    dirty: z,
+    handleSubmit: L,
+    submitCount: f
+  } = d;
   return /* @__PURE__ */ e(
     de,
     {
       open: t,
-      onOpenChange: (h) => h ? void 0 : n(),
+      onOpenChange: (u) => u ? void 0 : n(),
       maxWidth: "4xl",
-      children: /* @__PURE__ */ e(xe, { value: c, children: /* @__PURE__ */ s(
+      children: /* @__PURE__ */ e(xe, { value: d, children: /* @__PURE__ */ l(
         "form",
         {
-          onSubmit: z,
+          onSubmit: L,
           autoComplete: "off",
           noValidate: !0,
           style: {
@@ -952,13 +963,13 @@ function tn({
             height: "100%"
           },
           children: [
-            /* @__PURE__ */ s(ue, { className: "h-full flex-grow", children: [
+            /* @__PURE__ */ l(ue, { className: "h-full flex-grow", children: [
               /* @__PURE__ */ e(
                 "div",
                 {
                   className: "flex flex-row pt-4 pb-4",
                   children: /* @__PURE__ */ e(
-                    _,
+                    O,
                     {
                       variant: "h4",
                       className: "flex-grow",
@@ -967,60 +978,60 @@ function tn({
                   )
                 }
               ),
-              /* @__PURE__ */ s("div", { className: "grid grid-cols-12 gap-8", children: [
-                /* @__PURE__ */ s("div", { className: "col-span-12", children: [
+              /* @__PURE__ */ l("div", { className: "grid grid-cols-12 gap-8", children: [
+                /* @__PURE__ */ l("div", { className: "col-span-12", children: [
                   /* @__PURE__ */ e(
                     K,
                     {
                       name: "displayName",
                       required: !0,
-                      error: u > 0 && !!R.displayName,
+                      error: f > 0 && !!D.displayName,
                       value: g.displayName ?? "",
-                      onChange: l,
+                      onChange: s,
                       "aria-describedby": "name-helper-text",
                       label: "Name"
                     }
                   ),
-                  /* @__PURE__ */ e(B, { children: u > 0 && R.displayName ? R.displayName : "Name of this user" })
+                  /* @__PURE__ */ e(B, { children: f > 0 && D.displayName ? D.displayName : "Name of this user" })
                 ] }),
-                /* @__PURE__ */ s("div", { className: "col-span-12", children: [
+                /* @__PURE__ */ l("div", { className: "col-span-12", children: [
                   /* @__PURE__ */ e(
                     K,
                     {
                       required: !0,
-                      error: u > 0 && !!R.email,
+                      error: f > 0 && !!D.email,
                       name: "email",
                       value: g.email ?? "",
-                      onChange: l,
+                      onChange: s,
                       "aria-describedby": "email-helper-text",
                       label: "Email"
                     }
                   ),
-                  /* @__PURE__ */ e(B, { children: u > 0 && R.email ? R.email : "Email of this user" })
+                  /* @__PURE__ */ e(B, { children: f > 0 && D.email ? D.email : "Email of this user" })
                 ] }),
                 /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
-                  Ae,
+                  Fe,
                   {
                     label: "Roles",
-                    value: g.roles.map((h) => h.id) ?? [],
-                    onMultiValueChange: (h) => y("roles", h.map((x) => p.find((U) => U.id === x))),
-                    renderValue: (h) => {
-                      const x = p.find((U) => U.id === h);
-                      return x ? /* @__PURE__ */ e("div", { className: "flex flex-wrap space-x-2 space-y-2", children: /* @__PURE__ */ e(Q, { role: x }, x?.id) }) : null;
+                    value: g.roles?.map((u) => u.id) ?? [],
+                    onMultiValueChange: (u) => w("roles", u.map((N) => h.find((U) => U.id === N))),
+                    renderValue: (u) => {
+                      const N = h.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: p.map((h) => /* @__PURE__ */ e(
-                      Fe,
+                    children: h.map((u) => /* @__PURE__ */ e(
+                      Te,
                       {
-                        value: h.id,
-                        children: /* @__PURE__ */ e(Q, { role: h }, h?.id)
+                        value: u.id,
+                        children: /* @__PURE__ */ e(Q, { role: u }, u?.id)
                       },
-                      h.id
+                      u.id
                     ))
                   }
                 ) })
               ] })
             ] }),
-            /* @__PURE__ */ s(me, { children: [
+            /* @__PURE__ */ l(me, { children: [
               /* @__PURE__ */ e(
                 q,
                 {
@@ -1037,10 +1048,10 @@ function tn({
                   variant: "filled",
                   color: "primary",
                   type: "submit",
-                  disabled: !O,
+                  disabled: !z,
                   loading: I,
                   startIcon: /* @__PURE__ */ e(fe, {}),
-                  children: N ? "Create user" : "Update"
+                  children: x ? "Create user" : "Update"
                 }
               )
             ] })
@@ -1054,11 +1065,11 @@ function rn({ onUserClicked: t }) {
   const {
     users: i,
     saveUser: n,
-    deleteUser: d
-  } = Y(), r = Le(), m = be(), f = Ve(), p = f?.locale ? $e[f?.locale] : void 0, N = f?.dateTimeFormat ?? _e, [v, c] = F(void 0), [I, w] = F(!1);
-  return /* @__PURE__ */ s("div", { className: "overflow-auto", children: [
-    /* @__PURE__ */ s(ie, { children: [
-      /* @__PURE__ */ s(re, { children: [
+    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);
+  return /* @__PURE__ */ l("div", { className: "overflow-auto", children: [
+    /* @__PURE__ */ l(ie, { children: [
+      /* @__PURE__ */ l(re, { children: [
         /* @__PURE__ */ e(a, { className: "truncate w-16" }),
         /* @__PURE__ */ e(a, { children: "ID" }),
         /* @__PURE__ */ e(a, { children: "Email" }),
@@ -1066,38 +1077,38 @@ function rn({ onUserClicked: t }) {
         /* @__PURE__ */ e(a, { children: "Roles" }),
         /* @__PURE__ */ e(a, { children: "Created on" })
       ] }),
-      /* @__PURE__ */ s(oe, { children: [
-        i && i.map((l) => {
-          const g = l.roles, R = l.created_on ? Oe(l.created_on, N, { locale: p }) : "";
-          return /* @__PURE__ */ s(
+      /* @__PURE__ */ l(oe, { children: [
+        i && i.map((s) => {
+          const g = s.roles, D = s.created_on ? Oe(s.created_on, x, { locale: h }) : "";
+          return /* @__PURE__ */ l(
             M,
             {
               onClick: () => {
-                t(l);
+                t(s);
               },
               children: [
-                /* @__PURE__ */ e(a, { className: "w-10", children: /* @__PURE__ */ e(L, { title: "Delete this user", children: /* @__PURE__ */ e(
+                /* @__PURE__ */ e(a, { className: "w-10", children: /* @__PURE__ */ e(V, { title: "Delete this user", children: /* @__PURE__ */ e(
                   ge,
                   {
                     size: "small",
-                    onClick: (y) => (y.stopPropagation(), c(l)),
+                    onClick: (w) => (w.stopPropagation(), d(s)),
                     children: /* @__PURE__ */ e(pe, {})
                   }
                 ) }) }),
-                /* @__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, { 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(
-                  (y) => /* @__PURE__ */ e(Q, { role: y }, y?.id)
+                  (w) => /* @__PURE__ */ e(Q, { role: w }, w?.id)
                 ) }) : null }),
-                /* @__PURE__ */ e(a, { children: R })
+                /* @__PURE__ */ e(a, { children: D })
               ]
             },
-            "row_" + l.uid
+            "row_" + s.uid
           );
         }),
-        (!i || i.length === 0) && /* @__PURE__ */ e(M, { children: /* @__PURE__ */ e(a, { colspan: 6, children: /* @__PURE__ */ s(Ce, { 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(M, { children: /* @__PURE__ */ e(a, { colspan: 6, children: /* @__PURE__ */ l(Ce, { 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,
             {
@@ -1119,10 +1130,10 @@ function rn({ onUserClicked: t }) {
                     type: "success",
                     message: "User added successfully"
                   });
-                }).catch((l) => {
+                }).catch((s) => {
                   m.open({
                     type: "error",
-                    message: "Error adding user: " + l.message
+                    message: "Error adding user: " + s.message
                   });
                 });
               },
@@ -1138,19 +1149,19 @@ function rn({ onUserClicked: t }) {
         open: !!v,
         loading: I,
         onAccept: () => {
-          v && (w(!0), d(v).then(() => {
-            c(void 0);
-          }).catch((l) => {
+          v && (b(!0), c(v).then(() => {
+            d(void 0);
+          }).catch((s) => {
             m.open({
               type: "error",
-              message: "Error deleting user: " + l.message
+              message: "Error deleting user: " + s.message
             });
           }).finally(() => {
-            w(!1);
+            b(!1);
           }));
         },
         onCancel: () => {
-          c(void 0);
+          d(void 0);
         },
         title: /* @__PURE__ */ e(H, { children: "Delete?" }),
         body: /* @__PURE__ */ e(H, { children: "Are you sure you want to delete this user?" })
@@ -1159,20 +1170,20 @@ function rn({ onUserClicked: t }) {
   ] });
 }
 const on = function({ children: i }) {
-  const [n, d] = F(), [r, m] = F(), { users: f, usersLimit: p } = Y(), N = p !== void 0 && f && f.length >= p, v = E((I) => {
-    m(I), d(!0);
-  }, []), c = E(() => {
-    d(!1), m(void 0);
+  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);
+  }, []), d = k(() => {
+    c(!1), m(void 0);
   }, []);
-  return /* @__PURE__ */ s(ve, { className: "w-full flex flex-col py-4 gap-4", maxWidth: "6xl", children: [
+  return /* @__PURE__ */ l(ve, { className: "w-full flex flex-col py-4 gap-4", maxWidth: "6xl", children: [
     i,
-    /* @__PURE__ */ s(
+    /* @__PURE__ */ l(
       "div",
       {
         className: "flex items-center mt-12",
         children: [
           /* @__PURE__ */ e(
-            _,
+            O,
             {
               gutterBottom: !0,
               variant: "h4",
@@ -1185,9 +1196,9 @@ const on = function({ children: i }) {
             q,
             {
               size: "large",
-              disabled: N,
+              disabled: x,
               startIcon: /* @__PURE__ */ e(we, {}),
-              onClick: () => d(!0),
+              onClick: () => c(!0),
               children: "Add user"
             }
           )
@@ -1200,7 +1211,7 @@ const on = function({ children: i }) {
       {
         open: n ?? !1,
         user: r,
-        handleClose: c
+        handleClose: d
       },
       r?.uid ?? "new"
     )
@@ -1208,7 +1219,7 @@ const on = function({ children: i }) {
 };
 function bn({ userManagement: t }) {
   return {
-    name: "User management plugin",
+    key: "user_management",
     loading: t.loading,
     provider: {
       Component: Ge,
@@ -1242,7 +1253,7 @@ export {
   Xe as RolesTable,
   Ze as RolesView,
   tn as UserDetailsForm,
-  Re as UserManagementContext,
+  De as UserManagementContext,
   Ge as UserManagementProvider,
   en as UserYupSchema,
   rn as UsersTable,