@firecms/user_management 3.0.0-beta.5 → 3.0.0-beta.7

package/dist/index.es.js

@@ -1,25 +1,25 @@
-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 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 _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 = {
+import F, { useEffect as ce, useCallback as k, useContext as Fe, useState as A } from "react";
+import { getFirestore as Y, onSnapshot as ue, collection as ee, setDoc as me, doc as H, addDoc as Ae, deleteDoc as he } from "@firebase/firestore";
+import { jsx as e, jsxs as s, Fragment as K } from "react/jsx-runtime";
+import { getColorSchemeForSeed as Pe, Chip as Te, Dialog as fe, DialogContent as ge, Typography as P, TextField as Q, Paper as pe, Table as re, TableHeader as ie, TableCell as d, TableBody as oe, TableRow as W, Tooltip as V, Checkbox as I, Select as ne, SelectItem as L, DialogActions as Ce, Button as O, LoadingButton as ve, DoneIcon as we, IconButton as ye, DeleteIcon as be, CenteredView as Ne, Container as Ue, AddIcon as le, MultiSelect as Le, MultiSelectItem as Be } from "@firecms/ui";
+import * as M from "yup";
+import { toSnakeCase as _e, FieldCaption as B, DeleteConfirmationDialog as xe, useNavigationController as Ve, useSnackbarController as se, useAuthController as ae, useCustomizationController as Me, defaultDateFormat as Oe } from "@firecms/core";
+import { useCreateFormex as Re, getIn as J, Formex as De } from "@firecms/formex";
+import { format as $e } from "date-fns";
+import * as qe from "date-fns/locale";
+const gn = ["Admin"], Ye = {
   read: !1,
   edit: !1,
   create: !1,
   delete: !1
 };
-function je({
+function We({
   collection: t,
-  user: i
+  user: r
 }) {
-  const n = i?.roles;
+  const n = r?.roles;
   if (n) {
-    if (t.ownerId === i?.uid)
+    if (t.ownerId === r?.uid)
       return {
         read: !0,
         create: !0,
@@ -27,296 +27,305 @@ function je({
         delete: !0
       };
     {
-      const c = {
+      const l = {
         read: !1,
         create: !1,
         edit: !1,
         delete: !1
       };
-      return n.map((r) => ze(r, t.id)).reduce(ie, c);
+      return n.map((i) => je(i, t.id)).reduce(te, l);
     }
   } else
-    return We;
+    return Ye;
 }
-function ze(t, i) {
+function je(t, r) {
   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] ? ie(t.collectionPermissions[i], n) : t.defaultPermissions ? ie(t.defaultPermissions, n) : n;
+  return t.collectionPermissions && t.collectionPermissions[r] ? te(t.collectionPermissions[r], n) : t.defaultPermissions ? te(t.defaultPermissions, n) : n;
 }
-const ie = (t, i) => ({
-  read: t.read || i.read,
-  create: t.create || i.create,
-  edit: t.edit || i.edit,
-  delete: t.delete || i.delete
+const te = (t, r) => ({
+  read: t.read || r.read,
+  create: t.create || r.create,
+  edit: t.edit || r.edit,
+  delete: t.delete || r.delete
 });
-function Cn(t, i) {
-  return t ? i.roles ? i.roles.map((n) => t.find((c) => c.id === n.id)).filter(Boolean) : [] : void 0;
+function pn(t, r) {
+  return t ? r.roles ? r.roles.map((n) => t.find((l) => l.id === n.id)).filter(Boolean) : [] : void 0;
 }
-const Je = (t, 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));
+const ze = (t, r) => {
+  const n = t.map((i) => i.id), l = r.map((i) => i.id);
+  return n.length === r.length && n.every((i) => l.includes(i));
 };
-function vn(t, i) {
-  if (!i)
+function Cn(t, r) {
+  if (!r)
     return;
-  const n = Ge(i), c = new Date(n.exp * 1e3);
+  const n = Je(r), l = new Date(n.exp * 1e3);
   localStorage.setItem(`auth_token::${t}`, JSON.stringify({
-    token: i,
-    expiry: c
+    token: r,
+    expiry: l
   }));
 }
-function wn(t) {
-  const i = localStorage.getItem(`auth_token::${t}`);
-  if (i) {
-    const n = JSON.parse(i);
+function vn(t) {
+  const r = localStorage.getItem(`auth_token::${t}`);
+  if (r) {
+    const n = JSON.parse(r);
     if (n.expiry = new Date(n.expiry), n.expiry > /* @__PURE__ */ new Date())
       return n.token;
   }
 }
-function yn() {
+function wn() {
   for (let t = 0; t < localStorage.length; t++) {
-    const i = localStorage.key(t);
-    i?.startsWith("auth_token::") && localStorage.removeItem(i);
+    const r = localStorage.key(t);
+    r?.startsWith("auth_token::") && localStorage.removeItem(r);
   }
 }
-function Ge(t) {
+function Je(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) {
-    return "%" + ("00" + r.charCodeAt(0).toString(16)).slice(-2);
+  const n = t.split(".")[1].replace(/-/g, "+").replace(/_/g, "/"), l = decodeURIComponent(window.atob(n).split("").map(function(i) {
+    return "%" + ("00" + i.charCodeAt(0).toString(16)).slice(-2);
   }).join(""));
-  return JSON.parse(c);
+  return JSON.parse(l);
 }
-function bn(t, i = 10) {
+function yn(t, r = 10) {
   if (!/^#([0-9A-Fa-f]{3}){1,2}$/.test(t))
     throw new Error("Invalid color format");
   let n = t.substring(1).split("");
   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), 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);
+  let l = parseInt(n[0] + n[1], 16), i = parseInt(n[2] + n[3], 16), m = parseInt(n[4] + n[5], 16);
+  return l = Math.floor(l * (1 - r / 100)), i = Math.floor(i * (1 - r / 100)), m = Math.floor(m * (1 - r / 100)), "#" + (l < 16 ? "0" : "") + l.toString(16) + (i < 16 ? "0" : "") + i.toString(16) + (m < 16 ? "0" : "") + m.toString(16);
 }
-function Nn(t, i = 10) {
+function bn(t, r = 10) {
   if (!/^#([0-9A-Fa-f]{3}){1,2}$/.test(t))
     throw new Error("Invalid color format");
   let n = t.substring(1).split("");
   n.length === 3 && (n = [n[0], n[0], n[1], n[1], n[2], n[2]]);
-  const 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})`;
+  const l = parseInt(n[0] + n[1], 16), i = parseInt(n[2] + n[3], 16), m = parseInt(n[4] + n[5], 16), g = r / 100;
+  return `rgba(${l}, ${i}, ${m}, ${g})`;
 }
-function Rn({
+function Nn({
   firebaseApp: t,
-  usersPath: i = "__FIRECMS/config/users",
+  usersPath: r = "__FIRECMS/config/users",
   rolesPath: n = "__FIRECMS/config/roles",
-  usersLimit: c,
-  canEditRoles: r = !0,
-  allowDefaultRolesCreation: h,
-  includeCollectionConfigPermissions: w
+  usersLimit: l,
+  canEditRoles: i = !0,
+  allowDefaultRolesCreation: m,
+  includeCollectionConfigPermissions: g
 }) {
-  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 && (f.current = ee(t));
-  }, [t]), Z(() => {
+  const [v, R] = F.useState(!0), [w, c] = F.useState(!0), [E, U] = F.useState([]), [a, C] = F.useState([]), y = a.map((f) => ({
+    ...f,
+    roles: E.filter((p) => f.roles?.includes(p.id))
+  })), [b, _] = F.useState(), [z, u] = F.useState(), h = v || w;
+  ce(() => {
     if (!t || !n)
       return;
-    const m = ee(t);
-    return ae(
-      ne(m, n),
+    const f = Y(t);
+    return ue(
+      ee(f, n),
       {
-        next: (v) => {
-          L(void 0);
+        next: (p) => {
+          _(void 0);
           try {
-            const R = Ke(v.docs);
-            s(R);
-          } catch (R) {
-            L(R);
+            const N = He(p.docs);
+            U(N);
+          } catch (N) {
+            console.error("Error loading roles", N), _(N);
           }
-          y(!1);
+          R(!1);
         },
-        error: (v) => {
-          L(v), y(!1);
+        error: (p) => {
+          console.error("Error loading roles", p), _(p), R(!1);
         }
       }
     );
-  }, [t, n]), Z(() => {
-    if (!t || !i)
+  }, [t, n]), ce(() => {
+    if (!t || !r)
       return;
-    const m = ee(t);
-    return ae(
-      ne(m, i),
+    const f = Y(t);
+    return ue(
+      ee(f, r),
       {
-        next: (v) => {
+        next: (p) => {
           u(void 0);
           try {
-            const R = He(v.docs);
-            D(R);
-          } catch (R) {
-            u(R);
+            const N = Ge(p.docs);
+            C(N);
+          } catch (N) {
+            console.error("Error loading users", N), u(N);
           }
-          I(!1);
+          c(!1);
         },
-        error: (v) => {
-          u(v), I(!1);
+        error: (p) => {
+          console.error("Error loading users", p), u(p), c(!1);
         }
       }
     );
-  }, [t, i]);
-  const U = k(async (m) => {
-    const v = f.current;
-    if (!v || !i)
-      throw Error("useFirestoreConfigurationPersistence Firestore not initialised");
-    console.debug("Persisting user", m);
-    const R = m.roles?.map((ke) => ke.id), {
-      uid: M,
-      ...X
-    } = m, se = {
-      ...X,
-      roles: R
+  }, [t, r]);
+  const x = k(async (f) => {
+    if (!t)
+      throw Error("useFirestoreUserManagement Firebase not initialised");
+    const p = Y(t);
+    if (!p || !r)
+      throw Error("useFirestoreUserManagement Firestore not initialised");
+    console.debug("Persisting user", f);
+    const N = f.roles?.map((Ie) => Ie.id), {
+      uid: q,
+      ...Z
+    } = f, de = {
+      ...Z,
+      roles: 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", m);
+    return q ? me(H(p, r, q), de, { merge: !0 }).then(() => f) : Ae(ee(p, r), de).then(() => f);
+  }, [r, t]), D = k((f) => {
+    if (!t)
+      throw Error("useFirestoreUserManagement Firebase not initialised");
+    const p = Y(t);
+    if (!p || !n)
+      throw Error("useFirestoreUserManagement Firestore not initialised");
+    console.debug("Persisting role", f);
     const {
-      id: R,
-      ...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", 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", m);
-    const { id: R } = m, M = G(v, n, R);
-    return de(M);
-  }, [n]), $ = k(({
-    collection: m,
-    user: v
-  }) => je({
-    collection: m,
-    user: v
-  }), []), J = p.map((m) => m.uid), Se = k((m) => {
-    if (!p)
+      id: N,
+      ...q
+    } = f, Z = H(p, n, N);
+    return me(Z, q, { merge: !0 });
+  }, [n, t]), T = k(async (f) => {
+    if (!t)
+      throw Error("useFirestoreUserManagement Firebase not initialised");
+    const p = Y(t);
+    if (!p || !r)
+      throw Error("useFirestoreUserManagement Firestore not initialised");
+    console.debug("Deleting", f);
+    const { uid: N } = f;
+    return he(H(p, r, N));
+  }, [r, t]), o = k((f) => {
+    if (!t)
+      throw Error("useFirestoreUserManagement Firebase not initialised");
+    const p = Y(t);
+    if (!p || !n)
+      throw Error("useFirestoreUserManagement Firestore not initialised");
+    console.debug("Deleting", f);
+    const { id: N } = f, q = H(p, n, N);
+    return he(q);
+  }, [n, t]), S = k(({
+    collection: f,
+    user: p
+  }) => We({
+    collection: f,
+    user: p
+  }), []), $ = k((f) => {
+    if (!y)
       throw Error("Users not loaded");
-    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 y.find((N) => N.email?.toLowerCase() === f?.email?.toLowerCase())?.roles;
+  }, [y]), G = k(({ user: f }) => {
+    if (console.debug("Authenticating user", f), h)
+      return console.warn("User management is still loading"), !1;
+    if (y.length === 0 || y.find((N) => N.email?.toLowerCase() === f?.email?.toLowerCase()))
       return !0;
-    throw Error("Could not find a user with the provided email");
-  }, [N, p]);
+    throw Error("Could not find a user with the provided email in the user management system.");
+  }, [h, y]), ke = E.some((f) => f.id === "admin");
   return {
-    loading: N,
-    roles: b,
-    users: p,
-    saveUser: U,
-    saveRole: F,
-    deleteUser: o,
-    deleteRole: S,
-    usersLimit: c,
-    canEditRoles: r === void 0 ? !0 : r,
-    allowDefaultRolesCreation: h === void 0 ? !0 : h,
-    includeCollectionConfigPermissions: !!w,
-    collectionPermissions: $,
-    defineRolesFor: Se,
-    authenticator: Ie
+    loading: h,
+    roles: E,
+    users: y,
+    saveUser: x,
+    saveRole: D,
+    rolesError: b,
+    deleteUser: T,
+    deleteRole: o,
+    usersLimit: l,
+    usersError: z,
+    isAdmin: ke,
+    canEditRoles: i === void 0 ? !0 : i,
+    allowDefaultRolesCreation: m === void 0 ? !0 : m,
+    includeCollectionConfigPermissions: !!g,
+    collectionPermissions: S,
+    defineRolesFor: $,
+    authenticator: G
   };
 }
-const He = (t) => t.map((i) => {
-  const n = i.data();
+const Ge = (t) => t.map((r) => {
+  const n = r.data();
   return {
-    uid: i.id,
+    uid: r.id,
     ...n,
     created_on: n?.created_on?.toDate(),
     updated_on: n?.updated_on?.toDate()
   };
-}), Ke = (t) => t.map((i) => ({
-  id: i.id,
-  ...i.data()
-})), Ue = A.createContext({});
-function Qe({
+}), He = (t) => t.map((r) => ({
+  id: r.id,
+  ...r.data()
+})), Ee = F.createContext({});
+function Ke({
   children: t,
-  userManagement: i
+  userManagement: r
 }) {
-  return /* @__PURE__ */ e(Ue.Provider, { value: i, children: t });
+  return /* @__PURE__ */ e(Ee.Provider, { value: r, children: t });
 }
-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 = Fe(t.id), /* @__PURE__ */ e(
+const j = () => Fe(Ee);
+function X({ role: t }) {
+  let r;
+  return t.isAdmin ? r = "blueDarker" : t.id === "editor" ? r = "yellowLight" : t.id === "viewer" ? r = "grayLight" : r = Pe(t.id), /* @__PURE__ */ e(
     Te,
     {
-      colorScheme: i,
+      colorScheme: r,
       children: t.name
     },
     t.id
   );
 }
-const Xe = _.object().shape({
-  id: _.string().required("Required"),
-  name: _.string().required("Required")
+const Qe = M.object().shape({
+  id: M.string().required("Required"),
+  name: M.string().required("Required")
 });
-function Ze({
+function Xe({
   open: t,
-  role: i,
+  role: r,
   editable: n,
-  handleClose: c,
-  collections: r
+  handleClose: l,
+  collections: i
 }) {
-  const { saveRole: h } = W(), w = !i, [f, x] = P(), y = k((o) => (x(void 0), h(o)), [h]), d = xe({
-    initialValues: i ?? {
+  const { saveRole: m } = j(), g = !r, [v, R] = A(), w = k((o) => (R(void 0), m(o)), [m]), c = Re({
+    initialValues: r ?? {
       name: ""
     },
-    onSubmit: (o, S) => y(o).then(() => {
+    onSubmit: (o, S) => w(o).then(() => {
       S.resetForm({
         values: o
-      }), c();
-    }).catch(($) => x($)),
-    validation: (o) => Xe.validate(o, { abortEarly: !1 }).then(() => ({})).catch((S) => {
+      }), l();
+    }).catch(($) => R($)),
+    validation: (o) => Qe.validate(o, { abortEarly: !1 }).then(() => ({})).catch((S) => {
       const $ = {};
-      return S.inner.forEach((J) => {
-        $[J.path] = J.message;
+      return S.inner.forEach((G) => {
+        $[G.path] = G.message;
       }), $;
     })
   }), {
-    isSubmitting: I,
-    touched: b,
-    values: s,
+    isSubmitting: E,
+    touched: U,
+    values: a,
     errors: C,
-    handleChange: D,
-    setFieldValue: p,
-    dirty: z,
-    setFieldTouched: L
-  } = 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(
-    ue,
+    handleChange: y,
+    setFieldValue: b,
+    dirty: _,
+    setFieldTouched: z
+  } = c, u = a.isAdmin ?? !1, h = a.defaultPermissions?.create ?? !1, x = a.defaultPermissions?.read ?? !1, D = a.defaultPermissions?.edit ?? !1, T = a.defaultPermissions?.delete ?? !1;
+  return F.useEffect(() => {
+    !J(U, "id") && a.name && b("id", _e(a.name));
+  }, [U, a.name]), /* @__PURE__ */ e(
+    fe,
     {
       open: t,
       maxWidth: "4xl",
-      children: /* @__PURE__ */ e(De, { value: d, children: /* @__PURE__ */ l(
+      children: /* @__PURE__ */ e(De, { value: c, children: /* @__PURE__ */ s(
         "form",
         {
           noValidate: !0,
           autoComplete: "off",
-          onSubmit: d.handleSubmit,
+          onSubmit: c.handleSubmit,
           style: {
             display: "flex",
             flexDirection: "column",
@@ -324,13 +333,13 @@ function Ze({
             height: "100%"
           },
           children: [
-            /* @__PURE__ */ l(me, { className: "flex-grow", children: [
+            /* @__PURE__ */ s(ge, { className: "flex-grow", children: [
               /* @__PURE__ */ e(
                 "div",
                 {
                   className: "flex flex-row pt-12 pb-8",
                   children: /* @__PURE__ */ e(
-                    O,
+                    P,
                     {
                       variant: "h4",
                       className: "flex-grow",
@@ -339,89 +348,89 @@ function Ze({
                   )
                 }
               ),
-              /* @__PURE__ */ l("div", { className: "grid grid-cols-12 gap-8", children: [
-                /* @__PURE__ */ l("div", { className: "col-span-12 md:col-span-8", children: [
+              /* @__PURE__ */ s("div", { className: "grid grid-cols-12 gap-8", children: [
+                /* @__PURE__ */ s("div", { className: "col-span-12 md:col-span-8", children: [
                   /* @__PURE__ */ e(
-                    K,
+                    Q,
                     {
                       name: "name",
                       required: !0,
-                      error: b.name && !!C.name,
-                      value: s.name,
-                      disabled: g || !n,
-                      onChange: D,
+                      error: U.name && !!C.name,
+                      value: a.name,
+                      disabled: u || !n,
+                      onChange: y,
                       "aria-describedby": "name-helper-text",
                       label: "Name"
                     }
                   ),
-                  /* @__PURE__ */ e(B, { children: b.name && C.name ? C.name : "Name of this role" })
+                  /* @__PURE__ */ e(B, { children: U.name && C.name ? C.name : "Name of this role" })
                 ] }),
-                /* @__PURE__ */ l("div", { className: "col-span-12 md:col-span-4", children: [
+                /* @__PURE__ */ s("div", { className: "col-span-12 md:col-span-4", children: [
                   /* @__PURE__ */ e(
-                    K,
+                    Q,
                     {
                       name: "id",
                       required: !0,
-                      error: b.id && !!C.id,
-                      value: s.id,
-                      disabled: !w || !n,
+                      error: U.id && !!C.id,
+                      value: a.id,
+                      disabled: !g || !n,
                       onChange: (o) => {
-                        D(o), L("id", !0);
+                        y(o), z("id", !0);
                       },
                       "aria-describedby": "id-helper-text",
                       label: "ID"
                     }
                   ),
-                  /* @__PURE__ */ e(B, { children: b.id && C.id ? C.id : "ID of this role" })
+                  /* @__PURE__ */ e(B, { children: U.id && C.id ? C.id : "ID of this role" })
                 ] }),
-                /* @__PURE__ */ l("div", { className: "col-span-12", children: [
+                /* @__PURE__ */ s("div", { className: "col-span-12", children: [
                   /* @__PURE__ */ e(
-                    Be,
+                    pe,
                     {
                       className: "bg-inherit",
-                      children: /* @__PURE__ */ l(re, { children: [
-                        /* @__PURE__ */ l(oe, { children: [
-                          /* @__PURE__ */ e(a, {}),
+                      children: /* @__PURE__ */ s(re, { children: [
+                        /* @__PURE__ */ s(ie, { children: [
+                          /* @__PURE__ */ e(d, {}),
                           /* @__PURE__ */ e(
-                            a,
+                            d,
                             {
                               align: "center",
                               children: "Create entities"
                             }
                           ),
                           /* @__PURE__ */ e(
-                            a,
+                            d,
                             {
                               align: "center",
                               children: "Read entities"
                             }
                           ),
                           /* @__PURE__ */ e(
-                            a,
+                            d,
                             {
                               align: "center",
                               children: "Update entities"
                             }
                           ),
                           /* @__PURE__ */ e(
-                            a,
+                            d,
                             {
                               align: "center",
                               children: "Delete entities"
                             }
                           )
                         ] }),
-                        /* @__PURE__ */ l(le, { children: [
-                          /* @__PURE__ */ l(q, { children: [
+                        /* @__PURE__ */ s(oe, { children: [
+                          /* @__PURE__ */ s(W, { children: [
                             /* @__PURE__ */ e(
-                              a,
+                              d,
                               {
                                 scope: "row",
                                 children: /* @__PURE__ */ e("strong", { children: "All collections" })
                               }
                             ),
                             /* @__PURE__ */ e(
-                              a,
+                              d,
                               {
                                 align: "center",
                                 children: /* @__PURE__ */ e(
@@ -429,11 +438,11 @@ function Ze({
                                   {
                                     title: "Create entities in collections",
                                     children: /* @__PURE__ */ e(
-                                      E,
+                                      I,
                                       {
-                                        disabled: g || !n,
-                                        checked: (g || u) ?? !1,
-                                        onCheckedChange: (o) => p("defaultPermissions.create", o)
+                                        disabled: u || !n,
+                                        checked: (u || h) ?? !1,
+                                        onCheckedChange: (o) => b("defaultPermissions.create", o)
                                       }
                                     )
                                   }
@@ -441,7 +450,7 @@ function Ze({
                               }
                             ),
                             /* @__PURE__ */ e(
-                              a,
+                              d,
                               {
                                 align: "center",
                                 children: /* @__PURE__ */ e(
@@ -449,11 +458,11 @@ function Ze({
                                   {
                                     title: "Access all data in every collection",
                                     children: /* @__PURE__ */ e(
-                                      E,
+                                      I,
                                       {
-                                        disabled: g || !n,
-                                        checked: (g || N) ?? !1,
-                                        onCheckedChange: (o) => p("defaultPermissions.read", o)
+                                        disabled: u || !n,
+                                        checked: (u || x) ?? !1,
+                                        onCheckedChange: (o) => b("defaultPermissions.read", o)
                                       }
                                     )
                                   }
@@ -461,7 +470,7 @@ function Ze({
                               }
                             ),
                             /* @__PURE__ */ e(
-                              a,
+                              d,
                               {
                                 align: "center",
                                 children: /* @__PURE__ */ e(
@@ -469,11 +478,11 @@ function Ze({
                                   {
                                     title: "Update data in any collection",
                                     children: /* @__PURE__ */ e(
-                                      E,
+                                      I,
                                       {
-                                        disabled: g || !n,
-                                        checked: (g || U) ?? !1,
-                                        onCheckedChange: (o) => p("defaultPermissions.edit", o)
+                                        disabled: u || !n,
+                                        checked: (u || D) ?? !1,
+                                        onCheckedChange: (o) => b("defaultPermissions.edit", o)
                                       }
                                     )
                                   }
@@ -481,7 +490,7 @@ function Ze({
                               }
                             ),
                             /* @__PURE__ */ e(
-                              a,
+                              d,
                               {
                                 align: "center",
                                 children: /* @__PURE__ */ e(
@@ -489,11 +498,11 @@ function Ze({
                                   {
                                     title: "Delete data in any collection",
                                     children: /* @__PURE__ */ e(
-                                      E,
+                                      I,
                                       {
-                                        disabled: g || !n,
-                                        checked: (g || F) ?? !1,
-                                        onCheckedChange: (o) => p("defaultPermissions.delete", o)
+                                        disabled: u || !n,
+                                        checked: (u || T) ?? !1,
+                                        onCheckedChange: (o) => b("defaultPermissions.delete", o)
                                       }
                                     )
                                   }
@@ -501,66 +510,66 @@ function Ze({
                               }
                             )
                           ] }),
-                          r && r.map((o) => /* @__PURE__ */ l(q, { children: [
+                          i && i.map((o) => /* @__PURE__ */ s(W, { children: [
                             /* @__PURE__ */ e(
-                              a,
+                              d,
                               {
                                 scope: "row",
                                 children: o.name
                               }
                             ),
                             /* @__PURE__ */ e(
-                              a,
+                              d,
                               {
                                 align: "center",
                                 children: /* @__PURE__ */ e(
-                                  E,
+                                  I,
                                   {
-                                    disabled: g || u || !n,
-                                    checked: (g || u || j(s, `collectionPermissions.${o.path}.create`)) ?? !1,
-                                    onCheckedChange: (S) => p(`collectionPermissions.${o.path}.create`, S)
+                                    disabled: u || h || !n,
+                                    checked: (u || h || J(a, `collectionPermissions.${o.path}.create`)) ?? !1,
+                                    onCheckedChange: (S) => b(`collectionPermissions.${o.path}.create`, S)
                                   }
                                 )
                               }
                             ),
                             /* @__PURE__ */ e(
-                              a,
+                              d,
                               {
                                 align: "center",
                                 children: /* @__PURE__ */ e(
-                                  E,
+                                  I,
                                   {
-                                    disabled: g || N || !n,
-                                    checked: (g || N || j(s, `collectionPermissions.${o.path}.read`)) ?? !1,
-                                    onCheckedChange: (S) => p(`collectionPermissions.${o.path}.read`, S)
+                                    disabled: u || x || !n,
+                                    checked: (u || x || J(a, `collectionPermissions.${o.path}.read`)) ?? !1,
+                                    onCheckedChange: (S) => b(`collectionPermissions.${o.path}.read`, S)
                                   }
                                 )
                               }
                             ),
                             /* @__PURE__ */ e(
-                              a,
+                              d,
                               {
                                 align: "center",
                                 children: /* @__PURE__ */ e(
-                                  E,
+                                  I,
                                   {
-                                    disabled: g || U || !n,
-                                    checked: (g || U || j(s, `collectionPermissions.${o.path}.edit`)) ?? !1,
-                                    onCheckedChange: (S) => p(`collectionPermissions.${o.path}.edit`, S)
+                                    disabled: u || D || !n,
+                                    checked: (u || D || J(a, `collectionPermissions.${o.path}.edit`)) ?? !1,
+                                    onCheckedChange: (S) => b(`collectionPermissions.${o.path}.edit`, S)
                                   }
                                 )
                               }
                             ),
                             /* @__PURE__ */ e(
-                              a,
+                              d,
                               {
                                 align: "center",
                                 children: /* @__PURE__ */ e(
-                                  E,
+                                  I,
                                   {
-                                    disabled: g || F || !n,
-                                    checked: (g || F || j(s, `collectionPermissions.${o.path}.delete`)) ?? !1,
-                                    onCheckedChange: (S) => p(`collectionPermissions.${o.path}.delete`, S)
+                                    disabled: u || T || !n,
+                                    checked: (u || T || J(a, `collectionPermissions.${o.path}.delete`)) ?? !1,
+                                    onCheckedChange: (S) => b(`collectionPermissions.${o.path}.delete`, S)
                                   }
                                 )
                               }
@@ -572,29 +581,29 @@ function Ze({
                   ),
                   /* @__PURE__ */ e(B, { children: "You can customise the permissions that the users related to this role can perform in the entities of each collection" })
                 ] }),
-                /* @__PURE__ */ l("div", { className: "col-span-12 md:col-span-4", children: [
-                  /* @__PURE__ */ l(
-                    te,
+                /* @__PURE__ */ s("div", { className: "col-span-12 md:col-span-4", children: [
+                  /* @__PURE__ */ s(
+                    ne,
                     {
-                      error: b.config && !!C.config,
+                      error: U.config && !!C.config,
                       id: "createCollections",
                       name: "createCollections",
                       label: "Create collections",
                       position: "item-aligned",
-                      disabled: g || !n,
-                      onChange: (o) => p("config.createCollections", o.target.value === "true"),
-                      value: g || s.config?.createCollections ? "true" : "false",
+                      disabled: u || !n,
+                      onChange: (o) => b("config.createCollections", o.target.value === "true"),
+                      value: u || a.config?.createCollections ? "true" : "false",
                       renderValue: (o) => o === "true" ? "Yes" : "No",
                       children: [
                         /* @__PURE__ */ e(
-                          T,
+                          L,
                           {
                             value: "true",
                             children: " Yes "
                           }
                         ),
                         /* @__PURE__ */ e(
-                          T,
+                          L,
                           {
                             value: "false",
                             children: " No "
@@ -603,38 +612,38 @@ function Ze({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ e(B, { children: b.config && C.config ? C.config : "Can the user create collections" })
+                  /* @__PURE__ */ e(B, { children: U.config && C.config ? C.config : "Can the user create collections" })
                 ] }),
-                /* @__PURE__ */ l("div", { className: "col-span-12 md:col-span-4", children: [
-                  /* @__PURE__ */ l(
-                    te,
+                /* @__PURE__ */ s("div", { className: "col-span-12 md:col-span-4", children: [
+                  /* @__PURE__ */ s(
+                    ne,
                     {
-                      error: b.config && !!C.config,
+                      error: U.config && !!C.config,
                       id: "editCollections",
                       name: "editCollections",
                       label: "Edit collections",
-                      disabled: g || !n,
+                      disabled: u || !n,
                       position: "item-aligned",
-                      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",
+                      onChange: (o) => b("config.editCollections", o.target.value === "own" ? "own" : o.target.value === "true"),
+                      value: u ? "true" : a.config?.editCollections === "own" ? "own" : a.config?.editCollections ? "true" : "false",
                       renderValue: (o) => o === "own" ? "Own" : o === "true" ? "Yes" : "No",
                       children: [
                         /* @__PURE__ */ e(
-                          T,
+                          L,
                           {
                             value: "true",
                             children: " Yes "
                           }
                         ),
                         /* @__PURE__ */ e(
-                          T,
+                          L,
                           {
                             value: "false",
                             children: " No "
                           }
                         ),
                         /* @__PURE__ */ e(
-                          T,
+                          L,
                           {
                             value: "own",
                             children: " Only his/her own "
@@ -643,38 +652,38 @@ function Ze({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ e(B, { children: b.config && C.config ? C.config : "Can the user edit collections" })
+                  /* @__PURE__ */ e(B, { children: U.config && C.config ? C.config : "Can the user edit collections" })
                 ] }),
-                /* @__PURE__ */ l("div", { className: "col-span-12 md:col-span-4", children: [
-                  /* @__PURE__ */ l(
-                    te,
+                /* @__PURE__ */ s("div", { className: "col-span-12 md:col-span-4", children: [
+                  /* @__PURE__ */ s(
+                    ne,
                     {
-                      error: b.config && !!C.config,
+                      error: U.config && !!C.config,
                       id: "deleteCollections",
                       name: "deleteCollections",
                       label: "Delete collections",
-                      disabled: g || !n,
+                      disabled: u || !n,
                       position: "item-aligned",
-                      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",
+                      onChange: (o) => b("config.deleteCollections", o.target.value === "own" ? "own" : o.target.value === "true"),
+                      value: u ? "true" : a.config?.deleteCollections === "own" ? "own" : a.config?.deleteCollections ? "true" : "false",
                       renderValue: (o) => o === "own" ? "Own" : o === "true" ? "Yes" : "No",
                       children: [
                         /* @__PURE__ */ e(
-                          T,
+                          L,
                           {
                             value: "true",
                             children: " Yes "
                           }
                         ),
                         /* @__PURE__ */ e(
-                          T,
+                          L,
                           {
                             value: "false",
                             children: " No "
                           }
                         ),
                         /* @__PURE__ */ e(
-                          T,
+                          L,
                           {
                             value: "own",
                             children: " Only his/her own "
@@ -683,32 +692,32 @@ function Ze({
                       ]
                     }
                   ),
-                  /* @__PURE__ */ e(B, { children: b.config && C.config ? C.config : "Can the user delete collections" })
+                  /* @__PURE__ */ e(B, { children: U.config && C.config ? C.config : "Can the user delete collections" })
                 ] })
               ] })
             ] }),
-            /* @__PURE__ */ l(he, { position: "sticky", children: [
-              f && /* @__PURE__ */ e(O, { className: "text-red-500", children: "There was an error saving this role" }),
+            /* @__PURE__ */ s(Ce, { position: "sticky", children: [
+              v && /* @__PURE__ */ e(P, { className: "text-red-500", children: "There was an error saving this role" }),
               /* @__PURE__ */ e(
-                Y,
+                O,
                 {
                   variant: "text",
                   onClick: () => {
-                    c();
+                    l();
                   },
                   children: "Cancel"
                 }
               ),
               /* @__PURE__ */ e(
-                fe,
+                ve,
                 {
                   variant: "filled",
                   color: "primary",
                   type: "submit",
-                  disabled: !z,
-                  loading: I,
-                  startIcon: /* @__PURE__ */ e(ge, {}),
-                  children: w ? "Create role" : "Update"
+                  disabled: !_,
+                  loading: E,
+                  startIcon: /* @__PURE__ */ e(we, {}),
+                  children: g ? "Create role" : "Update"
                 }
               )
             ] })
@@ -718,7 +727,7 @@ function Ze({
     }
   );
 }
-const en = [
+const Se = [
   {
     id: "admin",
     name: "Admin",
@@ -752,69 +761,69 @@ const en = [
     }
   }
 ];
-function nn({
+function Ze({
   onRoleClicked: t,
-  editable: i
+  editable: r
 }) {
   const {
     roles: n,
-    saveRole: c,
-    deleteRole: r,
-    allowDefaultRolesCreation: h
-  } = W(), [w, f] = P(void 0), [x, y] = P(!1);
-  return /* @__PURE__ */ l(
+    saveRole: l,
+    deleteRole: i,
+    allowDefaultRolesCreation: m
+  } = j(), [g, v] = A(void 0), [R, w] = A(!1);
+  return /* @__PURE__ */ s(
     "div",
     {
       className: "w-full overflow-auto",
       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__ */ s(re, { children: [
+          /* @__PURE__ */ s(ie, { children: [
+            /* @__PURE__ */ e(d, { header: !0, className: "w-16" }),
+            /* @__PURE__ */ e(d, { header: !0, children: "Role" }),
+            /* @__PURE__ */ e(d, { header: !0, className: "items-center", children: "Is Admin" }),
+            /* @__PURE__ */ e(d, { header: !0, children: "Default permissions" })
           ] }),
-          /* @__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, C = d.isAdmin || d.defaultPermissions?.delete;
-              return /* @__PURE__ */ l(
-                q,
+          /* @__PURE__ */ s(oe, { children: [
+            n && n.map((c) => {
+              const E = c.isAdmin || c.defaultPermissions?.create, U = c.isAdmin || c.defaultPermissions?.read, a = c.isAdmin || c.defaultPermissions?.edit, C = c.isAdmin || c.defaultPermissions?.delete;
+              return /* @__PURE__ */ s(
+                W,
                 {
                   onClick: () => {
-                    t(d);
+                    t(c);
                   },
                   children: [
-                    /* @__PURE__ */ e(a, { style: { width: "64px" }, children: !d.isAdmin && /* @__PURE__ */ e(V, { title: "Delete this role", children: /* @__PURE__ */ e(
-                      pe,
+                    /* @__PURE__ */ e(d, { style: { width: "64px" }, children: !c.isAdmin && /* @__PURE__ */ e(V, { title: "Delete this role", children: /* @__PURE__ */ e(
+                      ye,
                       {
                         size: "small",
-                        disabled: !i,
-                        onClick: (D) => (D.stopPropagation(), f(d)),
-                        children: /* @__PURE__ */ e(Ce, {})
+                        disabled: !r,
+                        onClick: (y) => (y.stopPropagation(), v(c)),
+                        children: /* @__PURE__ */ e(be, {})
                       }
                     ) }) }),
-                    /* @__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" }),
-                      b && /* @__PURE__ */ e("li", { children: "Read" }),
-                      s && /* @__PURE__ */ e("li", { children: "Update" }),
+                    /* @__PURE__ */ e(d, { children: /* @__PURE__ */ e(X, { role: c }) }),
+                    /* @__PURE__ */ e(d, { className: "items-center", children: /* @__PURE__ */ e(I, { checked: c.isAdmin ?? !1 }) }),
+                    /* @__PURE__ */ e(d, { children: /* @__PURE__ */ s("ul", { children: [
+                      E && /* @__PURE__ */ e("li", { children: "Create" }),
+                      U && /* @__PURE__ */ e("li", { children: "Read" }),
+                      a && /* @__PURE__ */ e("li", { children: "Update" }),
                       C && /* @__PURE__ */ e("li", { children: "Delete" })
                     ] }) })
                   ]
                 },
-                d.name
+                c.name
               );
             }),
-            (!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." }),
-              h && /* @__PURE__ */ e(
-                Y,
+            (!n || n.length === 0) && /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(d, { colspan: 4, children: /* @__PURE__ */ s(Ne, { className: "flex flex-col gap-4 my-8 items-center", children: [
+              /* @__PURE__ */ e(P, { variant: "label", children: "You don't have any roles yet." }),
+              m && /* @__PURE__ */ e(
+                O,
                 {
                   variant: "outlined",
                   onClick: () => {
-                    en.forEach((d) => {
-                      c(d);
+                    Se.forEach((c) => {
+                      l(c);
                     });
                   },
                   children: "Create default roles"
@@ -824,38 +833,38 @@ function nn({
           ] })
         ] }),
         /* @__PURE__ */ e(
-          be,
+          xe,
           {
-            open: !!w,
-            loading: x,
+            open: !!g,
+            loading: R,
             onAccept: () => {
-              w && (y(!0), r(w).then(() => {
-                f(void 0);
+              g && (w(!0), i(g).then(() => {
+                v(void 0);
               }).finally(() => {
-                y(!1);
+                w(!1);
               }));
             },
             onCancel: () => {
-              f(void 0);
+              v(void 0);
             },
-            title: /* @__PURE__ */ e(H, { children: "Delete?" }),
-            body: /* @__PURE__ */ e(H, { children: "Are you sure you want to delete this role?" })
+            title: /* @__PURE__ */ e(K, { children: "Delete?" }),
+            body: /* @__PURE__ */ e(K, { children: "Are you sure you want to delete this role?" })
           }
         )
       ]
     }
   );
 }
-const tn = A.memo(
-  function({ children: i }) {
-    const { collections: n } = Oe(), [c, r] = P(!1), [h, w] = P(), { canEditRoles: f } = W(), x = k((d) => {
-      r(!0), w(d);
+const en = F.memo(
+  function({ children: r }) {
+    const { collections: n } = Ve(), [l, i] = A(!1), [m, g] = A(), { canEditRoles: v } = j(), R = k((c) => {
+      i(!0), g(c);
     }, []);
-    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: [
+    return /* @__PURE__ */ s(Ue, { className: "w-full flex flex-col py-4 gap-4", maxWidth: "6xl", children: [
+      r,
+      /* @__PURE__ */ s("div", { className: "flex items-center mt-12", children: [
         /* @__PURE__ */ e(
-          O,
+          P,
           {
             gutterBottom: !0,
             variant: "h4",
@@ -864,103 +873,103 @@ const tn = A.memo(
             children: "Roles"
           }
         ),
-        /* @__PURE__ */ e(V, { title: f ? void 0 : "Update plans to customise roles", children: /* @__PURE__ */ e(
-          Y,
+        /* @__PURE__ */ e(V, { title: v ? void 0 : "Update plans to customise roles", children: /* @__PURE__ */ e(
+          O,
           {
             size: "large",
-            disabled: !f,
-            startIcon: /* @__PURE__ */ e(ye, {}),
-            onClick: () => r(!0),
+            disabled: !v,
+            startIcon: /* @__PURE__ */ e(le, {}),
+            onClick: () => i(!0),
             children: "Add role"
           }
         ) })
       ] }),
-      /* @__PURE__ */ e(nn, { onRoleClicked: x, editable: !!f }),
+      /* @__PURE__ */ e(Ze, { onRoleClicked: R, editable: !!v }),
       /* @__PURE__ */ e(
-        Ze,
+        Xe,
         {
-          open: c,
-          role: h,
-          editable: f,
+          open: l,
+          role: m,
+          editable: v,
           collections: n,
           handleClose: () => {
-            w(void 0), r(!1);
+            g(void 0), i(!1);
           }
         },
-        h?.id ?? "new"
+        m?.id ?? "new"
       )
     ] });
   }
-), rn = _.object().shape({
-  displayName: _.string().required("Required"),
-  email: _.string().email().required("Required"),
-  roles: _.array().min(1)
+), nn = M.object().shape({
+  displayName: M.string().required("Required"),
+  email: M.string().email().required("Required"),
+  roles: M.array().min(1)
 });
-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)
+function tn(t, r, n, l, i) {
+  const m = n.filter((w) => w.roles?.map((c) => c.id).includes("admin")), g = t.roles?.map((w) => w.id).includes("admin");
+  if ((!i || !ze(i.roles ?? [], r.roles ?? [])) && !g)
     throw new Error("Only admins can change roles");
-  if (r && r.roles?.map((y) => y.id).includes("admin") && !i.roles?.map((y) => y.id).includes("admin") && h.length === 1)
+  if (i && i.roles?.map((w) => w.id).includes("admin") && !r.roles?.map((w) => w.id).includes("admin") && m.length === 1)
     throw new Error("There must be at least one admin");
   return !0;
 }
-function ln({
+function rn({
   open: t,
-  user: i,
+  user: r,
   handleClose: n
 }) {
-  const c = Ne(), {
-    user: r
-  } = Re(), {
-    saveUser: h,
-    users: w,
-    roles: f
-  } = W(), x = !i, y = k((u) => {
-    if (!r)
+  const l = se(), {
+    user: i
+  } = ae(), {
+    saveUser: m,
+    users: g,
+    roles: v
+  } = j(), R = !r, w = k((h) => {
+    if (!i)
       throw new Error("Logged user not found");
     try {
-      return on(r, u, w, f, i), h(u);
-    } catch (N) {
-      return Promise.reject(N);
+      return tn(i, h, g, v, r), m(h);
+    } catch (x) {
+      return Promise.reject(x);
     }
-  }, [f, h, i, w, r]), d = xe({
-    initialValues: i ?? {
+  }, [v, m, r, g, i]), c = Re({
+    initialValues: r ?? {
       displayName: "",
       email: "",
-      roles: f.filter((u) => u.id === "editor")
+      roles: v.filter((h) => h.id === "editor")
     },
-    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
+    validation: (h) => nn.validate(h, { abortEarly: !1 }).then(() => ({})).catch((x) => x.inner.reduce((D, T) => (D[T.path] = T.message, D), {})),
+    onSubmit: (h, x) => w(h).then(() => {
+      n(), x.resetForm({
+        values: h
       });
-    }).catch((U) => {
-      c.open({
+    }).catch((D) => {
+      l.open({
         type: "error",
-        message: U.message
+        message: D.message
       });
     })
   }), {
-    isSubmitting: I,
-    touched: b,
-    handleChange: s,
+    isSubmitting: E,
+    touched: U,
+    handleChange: a,
     values: C,
-    errors: D,
-    setFieldValue: p,
-    dirty: z,
-    handleSubmit: L,
-    submitCount: g
-  } = d;
+    errors: y,
+    setFieldValue: b,
+    dirty: _,
+    handleSubmit: z,
+    submitCount: u
+  } = c;
   return /* @__PURE__ */ e(
-    ue,
+    fe,
     {
       open: t,
-      onOpenChange: (u) => u ? void 0 : n(),
+      onOpenChange: (h) => h ? void 0 : n(),
       maxWidth: "4xl",
-      children: /* @__PURE__ */ e(De, { value: d, children: /* @__PURE__ */ l(
+      children: /* @__PURE__ */ e(De, { value: c, children: /* @__PURE__ */ s(
         "form",
         {
-          onSubmit: L,
+          onSubmit: z,
           autoComplete: "off",
           noValidate: !0,
           style: {
@@ -970,13 +979,13 @@ function ln({
             height: "100%"
           },
           children: [
-            /* @__PURE__ */ l(me, { className: "h-full flex-grow", children: [
+            /* @__PURE__ */ s(ge, { className: "h-full flex-grow", children: [
               /* @__PURE__ */ e(
                 "div",
                 {
                   className: "flex flex-row pt-4 pb-4",
                   children: /* @__PURE__ */ e(
-                    O,
+                    P,
                     {
                       variant: "h4",
                       className: "flex-grow",
@@ -985,62 +994,62 @@ function ln({
                   )
                 }
               ),
-              /* @__PURE__ */ l("div", { className: "grid grid-cols-12 gap-8", children: [
-                /* @__PURE__ */ l("div", { className: "col-span-12", children: [
+              /* @__PURE__ */ s("div", { className: "grid grid-cols-12 gap-8", children: [
+                /* @__PURE__ */ s("div", { className: "col-span-12", children: [
                   /* @__PURE__ */ e(
-                    K,
+                    Q,
                     {
                       name: "displayName",
                       required: !0,
-                      error: g > 0 && !!D.displayName,
+                      error: u > 0 && !!y.displayName,
                       value: C.displayName ?? "",
-                      onChange: s,
+                      onChange: a,
                       "aria-describedby": "name-helper-text",
                       label: "Name"
                     }
                   ),
-                  /* @__PURE__ */ e(B, { children: g > 0 && D.displayName ? D.displayName : "Name of this user" })
+                  /* @__PURE__ */ e(B, { children: u > 0 && y.displayName ? y.displayName : "Name of this user" })
                 ] }),
-                /* @__PURE__ */ l("div", { className: "col-span-12", children: [
+                /* @__PURE__ */ s("div", { className: "col-span-12", children: [
                   /* @__PURE__ */ e(
-                    K,
+                    Q,
                     {
                       required: !0,
-                      error: g > 0 && !!D.email,
+                      error: u > 0 && !!y.email,
                       name: "email",
                       value: C.email ?? "",
-                      onChange: s,
+                      onChange: a,
                       "aria-describedby": "email-helper-text",
                       label: "Email"
                     }
                   ),
-                  /* @__PURE__ */ e(B, { children: g > 0 && D.email ? D.email : "Email of this user" })
+                  /* @__PURE__ */ e(B, { children: u > 0 && y.email ? y.email : "Email of this user" })
                 ] }),
                 /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
                   Le,
                   {
                     label: "Roles",
-                    value: C.roles?.map((u) => u.id) ?? [],
-                    onMultiValueChange: (u) => p("roles", u.map((N) => f.find((U) => U.id === N))),
-                    renderValue: (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;
+                    value: C.roles?.map((h) => h.id) ?? [],
+                    onMultiValueChange: (h) => b("roles", h.map((x) => v.find((D) => D.id === x))),
+                    renderValue: (h) => {
+                      const x = v.find((D) => D.id === h);
+                      return x ? /* @__PURE__ */ e("div", { className: "flex flex-wrap space-x-2 space-y-2", children: /* @__PURE__ */ e(X, { role: x }, x?.id) }) : null;
                     },
-                    children: f.map((u) => /* @__PURE__ */ e(
-                      Ve,
+                    children: v.map((h) => /* @__PURE__ */ e(
+                      Be,
                       {
-                        value: u.id,
-                        children: /* @__PURE__ */ e(Q, { role: u }, u?.id)
+                        value: h.id,
+                        children: /* @__PURE__ */ e(X, { role: h }, h?.id)
                       },
-                      u.id
+                      h.id
                     ))
                   }
                 ) })
               ] })
             ] }),
-            /* @__PURE__ */ l(he, { children: [
+            /* @__PURE__ */ s(Ce, { children: [
               /* @__PURE__ */ e(
-                Y,
+                O,
                 {
                   variant: "text",
                   onClick: () => {
@@ -1050,15 +1059,15 @@ function ln({
                 }
               ),
               /* @__PURE__ */ e(
-                fe,
+                ve,
                 {
                   variant: "filled",
                   color: "primary",
                   type: "submit",
-                  disabled: !z,
-                  loading: I,
-                  startIcon: /* @__PURE__ */ e(ge, {}),
-                  children: x ? "Create user" : "Update"
+                  disabled: !_,
+                  loading: E,
+                  startIcon: /* @__PURE__ */ e(we, {}),
+                  children: R ? "Create user" : "Update"
                 }
               )
             ] })
@@ -1068,79 +1077,79 @@ function ln({
     }
   );
 }
-function sn({ onUserClicked: t }) {
+function on({ onUserClicked: t }) {
   const {
-    users: i,
+    users: r,
     saveUser: n,
-    deleteUser: c
-  } = 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(re, { children: [
-      /* @__PURE__ */ l(oe, { children: [
-        /* @__PURE__ */ e(a, { className: "truncate w-16" }),
-        /* @__PURE__ */ e(a, { children: "ID" }),
-        /* @__PURE__ */ e(a, { children: "Email" }),
-        /* @__PURE__ */ e(a, { children: "Name" }),
-        /* @__PURE__ */ e(a, { children: "Roles" }),
-        /* @__PURE__ */ e(a, { children: "Created on" })
+    deleteUser: l
+  } = j(), i = ae(), m = se(), g = Me(), v = g?.locale ? qe[g?.locale] : void 0, R = g?.dateTimeFormat ?? Oe, [w, c] = A(void 0), [E, U] = A(!1);
+  return /* @__PURE__ */ s("div", { className: "overflow-auto", children: [
+    /* @__PURE__ */ s(re, { children: [
+      /* @__PURE__ */ s(ie, { children: [
+        /* @__PURE__ */ e(d, { className: "truncate w-16" }),
+        /* @__PURE__ */ e(d, { children: "ID" }),
+        /* @__PURE__ */ e(d, { children: "Email" }),
+        /* @__PURE__ */ e(d, { children: "Name" }),
+        /* @__PURE__ */ e(d, { children: "Roles" }),
+        /* @__PURE__ */ e(d, { children: "Created on" })
       ] }),
-      /* @__PURE__ */ l(le, { children: [
-        i && i.map((s) => {
-          const C = s.roles, D = s.created_on ? qe(s.created_on, x, { locale: f }) : "";
-          return /* @__PURE__ */ l(
-            q,
+      /* @__PURE__ */ s(oe, { children: [
+        r && r.map((a) => {
+          const C = a.roles, y = a.created_on ? $e(a.created_on, R, { locale: v }) : "";
+          return /* @__PURE__ */ s(
+            W,
             {
               onClick: () => {
-                t(s);
+                t(a);
               },
               children: [
-                /* @__PURE__ */ e(a, { className: "w-10", children: /* @__PURE__ */ e(V, { title: "Delete this user", children: /* @__PURE__ */ e(
-                  pe,
+                /* @__PURE__ */ e(d, { className: "w-10", children: /* @__PURE__ */ e(V, { title: "Delete this user", children: /* @__PURE__ */ e(
+                  ye,
                   {
                     size: "small",
-                    onClick: (p) => (p.stopPropagation(), d(s)),
-                    children: /* @__PURE__ */ e(Ce, {})
+                    onClick: (b) => (b.stopPropagation(), c(a)),
+                    children: /* @__PURE__ */ e(be, {})
                   }
                 ) }) }),
-                /* @__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: C ? /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: C.map(
-                  (p) => /* @__PURE__ */ e(Q, { role: p }, p?.id)
+                /* @__PURE__ */ e(d, { children: a.uid }),
+                /* @__PURE__ */ e(d, { children: a.email }),
+                /* @__PURE__ */ e(d, { className: "font-medium align-left", children: a.displayName }),
+                /* @__PURE__ */ e(d, { className: "align-left", children: C ? /* @__PURE__ */ e("div", { className: "flex flex-wrap gap-2", children: C.map(
+                  (b) => /* @__PURE__ */ e(X, { role: b }, b?.id)
                 ) }) : null }),
-                /* @__PURE__ */ e(a, { children: D })
+                /* @__PURE__ */ e(d, { children: y })
               ]
             },
-            "row_" + s.uid
+            "row_" + a.uid
           );
         }),
-        (!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" }),
+        (!r || r.length === 0) && /* @__PURE__ */ e(W, { children: /* @__PURE__ */ e(d, { colspan: 6, children: /* @__PURE__ */ s(Ne, { className: "flex flex-col gap-4 my-8 items-center", children: [
+          /* @__PURE__ */ e(P, { variant: "label", children: "There are no users yet" }),
           /* @__PURE__ */ e(
-            Y,
+            O,
             {
               variant: "outlined",
               onClick: () => {
-                if (!r.user?.uid)
+                if (!i.user?.uid)
                   throw Error("UsersTable, authController misconfiguration");
                 n({
-                  uid: r.user?.uid,
-                  email: r.user?.email,
-                  displayName: r.user?.displayName,
-                  photoURL: r.user?.photoURL,
-                  providerId: r.user?.providerId,
-                  isAnonymous: r.user?.isAnonymous,
+                  uid: i.user?.uid,
+                  email: i.user?.email,
+                  displayName: i.user?.displayName,
+                  photoURL: i.user?.photoURL,
+                  providerId: i.user?.providerId,
+                  isAnonymous: i.user?.isAnonymous,
                   roles: [{ id: "admin", name: "Admin" }],
                   created_on: /* @__PURE__ */ new Date()
                 }).then(() => {
-                  h.open({
+                  m.open({
                     type: "success",
                     message: "User added successfully"
                   });
-                }).catch((s) => {
-                  h.open({
+                }).catch((a) => {
+                  m.open({
                     type: "error",
-                    message: "Error adding user: " + s.message
+                    message: "Error adding user: " + a.message
                   });
                 });
               },
@@ -1151,46 +1160,46 @@ function sn({ onUserClicked: t }) {
       ] })
     ] }),
     /* @__PURE__ */ e(
-      be,
+      xe,
       {
-        open: !!y,
-        loading: I,
+        open: !!w,
+        loading: E,
         onAccept: () => {
-          y && (b(!0), c(y).then(() => {
-            d(void 0);
-          }).catch((s) => {
-            h.open({
+          w && (U(!0), l(w).then(() => {
+            c(void 0);
+          }).catch((a) => {
+            m.open({
               type: "error",
-              message: "Error deleting user: " + s.message
+              message: "Error deleting user: " + a.message
             });
           }).finally(() => {
-            b(!1);
+            U(!1);
           }));
         },
         onCancel: () => {
-          d(void 0);
+          c(void 0);
         },
-        title: /* @__PURE__ */ e(H, { children: "Delete?" }),
-        body: /* @__PURE__ */ e(H, { children: "Are you sure you want to delete this user?" })
+        title: /* @__PURE__ */ e(K, { children: "Delete?" }),
+        body: /* @__PURE__ */ e(K, { children: "Are you sure you want to delete this user?" })
       }
     )
   ] });
 }
-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), h(void 0);
+const ln = function({ children: r }) {
+  const [n, l] = A(), [i, m] = A(), { users: g, usersLimit: v } = j(), R = v !== void 0 && g && g.length >= v, w = k((E) => {
+    m(E), l(!0);
+  }, []), c = k(() => {
+    l(!1), m(void 0);
   }, []);
-  return /* @__PURE__ */ l(we, { className: "w-full flex flex-col py-4 gap-4", maxWidth: "6xl", children: [
-    i,
-    /* @__PURE__ */ l(
+  return /* @__PURE__ */ s(Ue, { className: "w-full flex flex-col py-4 gap-4", maxWidth: "6xl", children: [
+    r,
+    /* @__PURE__ */ s(
       "div",
       {
         className: "flex items-center mt-12",
         children: [
           /* @__PURE__ */ e(
-            O,
+            P,
             {
               gutterBottom: !0,
               variant: "h4",
@@ -1200,82 +1209,143 @@ const an = function({ children: i }) {
             }
           ),
           /* @__PURE__ */ e(
-            Y,
+            O,
             {
               size: "large",
-              disabled: x,
-              startIcon: /* @__PURE__ */ e(ye, {}),
-              onClick: () => c(!0),
+              disabled: R,
+              startIcon: /* @__PURE__ */ e(le, {}),
+              onClick: () => l(!0),
               children: "Add user"
             }
           )
         ]
       }
     ),
-    /* @__PURE__ */ e(sn, { onUserClicked: y }),
+    /* @__PURE__ */ e(on, { onUserClicked: w }),
     /* @__PURE__ */ e(
-      ln,
+      rn,
       {
         open: n ?? !1,
-        user: r,
-        handleClose: d
+        user: i,
+        handleClose: c
       },
-      r?.uid ?? "new"
+      i?.uid ?? "new"
     )
   ] });
 };
-function xn({ userManagement: t }) {
+function Un({ userManagement: t }) {
+  const r = t.users.length === 0, n = t.roles.length === 0;
   return {
     key: "user_management",
     loading: t.loading,
+    homePage: {
+      additionalChildrenStart: r || n ? /* @__PURE__ */ e(
+        sn,
+        {
+          noUsers: r,
+          noRoles: n,
+          userManagement: t
+        }
+      ) : void 0
+    },
     provider: {
-      Component: Qe,
+      Component: Ke,
       props: {
         userManagement: t
       }
     }
   };
 }
-const Dn = [
+function sn({
+  noUsers: t,
+  noRoles: r,
+  userManagement: n
+}) {
+  const l = ae(), i = se();
+  return /* @__PURE__ */ s(
+    pe,
+    {
+      className: "my-4 flex flex-col px-4 py-6 bg-white dark:bg-slate-800 gap-2",
+      children: [
+        /* @__PURE__ */ e(P, { variant: "subtitle2", className: "uppercase", children: "Create your users and roles" }),
+        /* @__PURE__ */ e(P, { children: "You have no users or roles defined. You can create default roles and add the current user as admin." }),
+        /* @__PURE__ */ s(O, { onClick: () => {
+          if (!l.user?.uid)
+            throw Error("UsersTable, authController misconfiguration");
+          t && n.saveUser({
+            uid: l.user?.uid,
+            email: l.user?.email,
+            displayName: l.user?.displayName,
+            photoURL: l.user?.photoURL,
+            providerId: l.user?.providerId,
+            isAnonymous: l.user?.isAnonymous,
+            roles: [{
+              id: "admin",
+              name: "Admin"
+            }],
+            created_on: /* @__PURE__ */ new Date()
+          }).then(() => {
+            i.open({
+              type: "success",
+              message: "User added successfully"
+            });
+          }).catch((g) => {
+            i.open({
+              type: "error",
+              message: "Error adding user: " + g.message
+            });
+          }), r && Se.forEach((g) => {
+            n.saveRole(g);
+          });
+        }, children: [
+          /* @__PURE__ */ e(le, {}),
+          t && r ? "Create default roles and add current user as admin" : t ? "Add current user as admin" : r ? "Create default roles" : void 0
+        ] })
+      ]
+    }
+  );
+}
+const xn = [
   {
     path: "users",
     name: "CMS Users",
     group: "Admin",
     icon: "face",
-    view: /* @__PURE__ */ e(an, {})
+    view: /* @__PURE__ */ e(ln, {})
   },
   {
     path: "roles",
     name: "Roles",
     group: "Admin",
     icon: "gpp_good",
-    view: /* @__PURE__ */ e(tn, {})
+    view: /* @__PURE__ */ e(en, {})
   }
 ];
 export {
-  pn as RESERVED_GROUPS,
-  Q as RoleChip,
-  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
+  sn as IntroWidget,
+  gn as RESERVED_GROUPS,
+  X as RoleChip,
+  Qe as RoleYupSchema,
+  Xe as RolesDetailsForm,
+  Ze as RolesTable,
+  en as RolesView,
+  rn as UserDetailsForm,
+  Ee as UserManagementContext,
+  Ke as UserManagementProvider,
+  nn as UserYupSchema,
+  on as UsersTable,
+  ln as UsersView,
+  ze as areRolesEqual,
+  Cn as cacheDelegatedLoginToken,
+  wn as clearDelegatedLoginTokensCache,
+  yn as darkenColor,
+  vn as getDelegatedLoginTokenFromCache,
+  pn as getUserRoles,
+  bn as hexToRgbaWithOpacity,
+  We as resolveUserRolePermissions,
+  Nn as useFirestoreUserManagement,
+  j as useUserManagement,
+  Un as useUserManagementPlugin,
+  xn as userManagementAdminViews
 };
 //# sourceMappingURL=index.es.js.map