@firecms/user_management 3.0.0-3.0.0-beta.4.pre.1.0

package/dist/index.es.js

@@ -0,0 +1,1263 @@
+import A, { useRef as Se, useEffect as Z, useCallback as E, useContext as Ie, useState as F } 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 { format as Oe } from "date-fns";
+import * as $e from "date-fns/locale";
+const hn = ["Admin"], Me = {
+  read: !1,
+  edit: !1,
+  create: !1,
+  delete: !1
+};
+function qe({ collection: t, user: i }) {
+  const n = i?.roles;
+  if (n) {
+    if (t.ownerId === i?.uid)
+      return {
+        read: !0,
+        create: !0,
+        edit: !0,
+        delete: !0
+      };
+    {
+      const d = {
+        read: !1,
+        create: !1,
+        edit: !1,
+        delete: !1
+      };
+      return n.map((r) => Ye(r, t.id)).reduce(te, d);
+    }
+  } else
+    return Me;
+}
+function Ye(t, i) {
+  const n = {
+    read: t.isAdmin || t.defaultPermissions?.read,
+    create: t.isAdmin || t.defaultPermissions?.create,
+    edit: t.isAdmin || t.defaultPermissions?.edit,
+    delete: t.isAdmin || t.defaultPermissions?.delete
+  };
+  return t.collectionPermissions && t.collectionPermissions[i] ? te(t.collectionPermissions[i], n) : t.defaultPermissions ? te(t.defaultPermissions, n) : n;
+}
+const te = (t, i) => ({
+  read: t.read || i.read,
+  create: t.create || i.create,
+  edit: t.edit || i.edit,
+  delete: t.delete || i.delete
+});
+function fn(t, i) {
+  return t ? i.roles ? i.roles.map((n) => t.find((d) => d.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));
+};
+function gn(t, i) {
+  if (!i)
+    return;
+  const n = je(i), d = new Date(n.exp * 1e3);
+  localStorage.setItem(`auth_token::${t}`, JSON.stringify({
+    token: i,
+    expiry: d
+  }));
+}
+function pn(t) {
+  const i = localStorage.getItem(`auth_token::${t}`);
+  if (i) {
+    const n = JSON.parse(i);
+    if (n.expiry = new Date(n.expiry), n.expiry > /* @__PURE__ */ new Date())
+      return n.token;
+  }
+}
+function Cn() {
+  for (let t = 0; t < localStorage.length; t++) {
+    const i = localStorage.key(t);
+    i?.startsWith("auth_token::") && localStorage.removeItem(i);
+  }
+}
+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) {
+    return "%" + ("00" + r.charCodeAt(0).toString(16)).slice(-2);
+  }).join(""));
+  return JSON.parse(d);
+}
+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);
+}
+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})`;
+}
+function yn({
+  firebaseApp: t,
+  usersPath: i = "__FIRECMS/config/users",
+  rolesPath: n = "__FIRECMS/config/roles",
+  usersLimit: d,
+  canEditRoles: r = !0,
+  authController: m,
+  allowDefaultRolesCreation: f,
+  includeCollectionConfigPermissions: p
+}) {
+  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());
+  Z(() => {
+    t && (N.current = ee(t));
+  }, [t]), Z(() => {
+    if (!t || !n)
+      return;
+    const C = ee(t);
+    return le(
+      se(C, n),
+      {
+        next: (b) => {
+          u(void 0);
+          try {
+            const D = Je(b.docs);
+            g(D);
+          } catch (D) {
+            u(D);
+          }
+          c(!1);
+        },
+        error: (b) => {
+          u(b), c(!1);
+        }
+      }
+    );
+  }, [t, n]), Z(() => {
+    if (!t || !i)
+      return;
+    const C = ee(t);
+    return le(
+      se(C, i),
+      {
+        next: (b) => {
+          x(void 0);
+          try {
+            const D = ze(b.docs);
+            y(D);
+          } catch (D) {
+            x(D);
+          }
+          w(!1);
+        },
+        error: (b) => {
+          x(b), w(!1);
+        }
+      }
+    );
+  }, [t, i]);
+  const o = E(async (C) => {
+    const b = N.current;
+    if (!b || !i)
+      throw Error("useFirestoreConfigurationPersistence Firestore not initialised");
+    console.debug("Persisting user", C);
+    const D = C.roles.map((Ue) => Ue.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)
+      throw Error("useFirestoreConfigurationPersistence Firestore not initialised");
+    console.debug("Persisting role", C);
+    const {
+      id: D,
+      ...W
+    } = C, X = G(b, n, D);
+    return ae(X, W, { merge: !0 });
+  }, [n]), $ = E(async (C) => {
+    const b = N.current;
+    if (!b || !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)
+      throw Error("useFirestoreConfigurationPersistence Firestore not initialised");
+    console.debug("Deleting", C);
+    const { id: D } = C, W = G(b, n, D);
+    return ce(W);
+  }, [n]), De = E(({
+    collection: C
+  }) => qe({
+    collection: C,
+    user: k ?? null
+  }), [k?.uid]);
+  return {
+    loading: U,
+    loggedInUser: k,
+    roles: l,
+    users: O,
+    saveUser: o,
+    saveRole: S,
+    deleteUser: $,
+    deleteRole: J,
+    usersLimit: d,
+    canEditRoles: r === void 0 ? !0 : r,
+    allowDefaultRolesCreation: f === void 0 ? !0 : f,
+    includeCollectionConfigPermissions: !!p,
+    collectionPermissions: De
+  };
+}
+const ze = (t) => t.map((i) => {
+  const n = i.data();
+  return {
+    uid: i.id,
+    ...n,
+    created_on: n?.created_on?.toDate(),
+    updated_on: n?.updated_on?.toDate()
+  };
+}), Je = (t) => t.map((i) => ({
+  id: i.id,
+  ...i.data()
+})), Re = A.createContext({});
+function Ge({
+  children: t,
+  userManagement: i
+}) {
+  return /* @__PURE__ */ e(Re.Provider, { value: i, children: t });
+}
+const Y = () => Ie(Re);
+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,
+    {
+      colorScheme: i,
+      children: t.name
+    },
+    t.id
+  );
+}
+const He = V.object().shape({
+  id: V.string().required("Required"),
+  name: V.string().required("Required")
+});
+function Ke({
+  open: t,
+  role: i,
+  editable: n,
+  handleClose: d,
+  collections: r
+}) {
+  const { saveRole: m } = Y(), f = !i, [p, N] = F(), v = E((o) => (N(void 0), m(o)), [m]), c = Ne({
+    initialValues: i ?? {
+      name: ""
+    },
+    onSubmit: (o, S) => v(o).then(() => {
+      S.resetForm({
+        values: o
+      }), d();
+    }).catch(($) => N($)),
+    validation: (o) => He.validate(o, { abortEarly: !1 }).then(() => ({})).catch((S) => {
+      const $ = {};
+      return S.inner.forEach((J) => {
+        $[J.path] = J.message;
+      }), $;
+    })
+  }), {
+    isSubmitting: I,
+    touched: w,
+    values: l,
+    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(
+    de,
+    {
+      open: t,
+      maxWidth: "4xl",
+      children: /* @__PURE__ */ e(xe, { value: c, children: /* @__PURE__ */ s(
+        "form",
+        {
+          noValidate: !0,
+          autoComplete: "off",
+          onSubmit: c.handleSubmit,
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            position: "relative",
+            height: "100%"
+          },
+          children: [
+            /* @__PURE__ */ s(ue, { className: "flex-grow", children: [
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  className: "flex flex-row pt-12 pb-8",
+                  children: /* @__PURE__ */ e(
+                    _,
+                    {
+                      variant: "h4",
+                      className: "flex-grow",
+                      children: "Role"
+                    }
+                  )
+                }
+              ),
+              /* @__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,
+                    {
+                      name: "name",
+                      required: !0,
+                      error: w.name && !!g.name,
+                      value: l.name,
+                      disabled: u || !n,
+                      onChange: R,
+                      "aria-describedby": "name-helper-text",
+                      label: "Name"
+                    }
+                  ),
+                  /* @__PURE__ */ e(B, { children: w.name && g.name ? g.name : "Name of this role" })
+                ] }),
+                /* @__PURE__ */ s("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,
+                      onChange: (o) => {
+                        R(o), z("id", !0);
+                      },
+                      "aria-describedby": "id-helper-text",
+                      label: "ID"
+                    }
+                  ),
+                  /* @__PURE__ */ e(B, { children: w.id && g.id ? g.id : "ID of this role" })
+                ] }),
+                /* @__PURE__ */ s("div", { className: "col-span-12", children: [
+                  /* @__PURE__ */ e(
+                    Pe,
+                    {
+                      className: "bg-inherit",
+                      children: /* @__PURE__ */ s(ie, { children: [
+                        /* @__PURE__ */ s(re, { children: [
+                          /* @__PURE__ */ e(a, {}),
+                          /* @__PURE__ */ e(
+                            a,
+                            {
+                              align: "center",
+                              children: "Create entities"
+                            }
+                          ),
+                          /* @__PURE__ */ e(
+                            a,
+                            {
+                              align: "center",
+                              children: "Read entities"
+                            }
+                          ),
+                          /* @__PURE__ */ e(
+                            a,
+                            {
+                              align: "center",
+                              children: "Update entities"
+                            }
+                          ),
+                          /* @__PURE__ */ e(
+                            a,
+                            {
+                              align: "center",
+                              children: "Delete entities"
+                            }
+                          )
+                        ] }),
+                        /* @__PURE__ */ s(oe, { children: [
+                          /* @__PURE__ */ s(M, { children: [
+                            /* @__PURE__ */ e(
+                              a,
+                              {
+                                scope: "row",
+                                children: /* @__PURE__ */ e("strong", { children: "All collections" })
+                              }
+                            ),
+                            /* @__PURE__ */ e(
+                              a,
+                              {
+                                align: "center",
+                                children: /* @__PURE__ */ e(
+                                  L,
+                                  {
+                                    title: "Create entities in collections",
+                                    children: /* @__PURE__ */ e(
+                                      P,
+                                      {
+                                        disabled: u || !n,
+                                        checked: (u || h) ?? !1,
+                                        onCheckedChange: (o) => y("defaultPermissions.create", o)
+                                      }
+                                    )
+                                  }
+                                )
+                              }
+                            ),
+                            /* @__PURE__ */ e(
+                              a,
+                              {
+                                align: "center",
+                                children: /* @__PURE__ */ e(
+                                  L,
+                                  {
+                                    title: "Access all data in every collection",
+                                    children: /* @__PURE__ */ e(
+                                      P,
+                                      {
+                                        disabled: u || !n,
+                                        checked: (u || x) ?? !1,
+                                        onCheckedChange: (o) => y("defaultPermissions.read", o)
+                                      }
+                                    )
+                                  }
+                                )
+                              }
+                            ),
+                            /* @__PURE__ */ e(
+                              a,
+                              {
+                                align: "center",
+                                children: /* @__PURE__ */ e(
+                                  L,
+                                  {
+                                    title: "Update data in any collection",
+                                    children: /* @__PURE__ */ e(
+                                      P,
+                                      {
+                                        disabled: u || !n,
+                                        checked: (u || U) ?? !1,
+                                        onCheckedChange: (o) => y("defaultPermissions.edit", o)
+                                      }
+                                    )
+                                  }
+                                )
+                              }
+                            ),
+                            /* @__PURE__ */ e(
+                              a,
+                              {
+                                align: "center",
+                                children: /* @__PURE__ */ e(
+                                  L,
+                                  {
+                                    title: "Delete data in any collection",
+                                    children: /* @__PURE__ */ e(
+                                      P,
+                                      {
+                                        disabled: u || !n,
+                                        checked: (u || k) ?? !1,
+                                        onCheckedChange: (o) => y("defaultPermissions.delete", o)
+                                      }
+                                    )
+                                  }
+                                )
+                              }
+                            )
+                          ] }),
+                          r && r.map((o) => /* @__PURE__ */ s(M, { children: [
+                            /* @__PURE__ */ e(
+                              a,
+                              {
+                                scope: "row",
+                                children: o.name
+                              }
+                            ),
+                            /* @__PURE__ */ e(
+                              a,
+                              {
+                                align: "center",
+                                children: /* @__PURE__ */ e(
+                                  P,
+                                  {
+                                    disabled: u || h || !n,
+                                    checked: (u || h || j(l, `collectionPermissions.${o.path}.create`)) ?? !1,
+                                    onCheckedChange: (S) => y(`collectionPermissions.${o.path}.create`, S)
+                                  }
+                                )
+                              }
+                            ),
+                            /* @__PURE__ */ e(
+                              a,
+                              {
+                                align: "center",
+                                children: /* @__PURE__ */ e(
+                                  P,
+                                  {
+                                    disabled: u || x || !n,
+                                    checked: (u || x || j(l, `collectionPermissions.${o.path}.read`)) ?? !1,
+                                    onCheckedChange: (S) => y(`collectionPermissions.${o.path}.read`, S)
+                                  }
+                                )
+                              }
+                            ),
+                            /* @__PURE__ */ e(
+                              a,
+                              {
+                                align: "center",
+                                children: /* @__PURE__ */ e(
+                                  P,
+                                  {
+                                    disabled: u || U || !n,
+                                    checked: (u || U || j(l, `collectionPermissions.${o.path}.edit`)) ?? !1,
+                                    onCheckedChange: (S) => y(`collectionPermissions.${o.path}.edit`, S)
+                                  }
+                                )
+                              }
+                            ),
+                            /* @__PURE__ */ e(
+                              a,
+                              {
+                                align: "center",
+                                children: /* @__PURE__ */ e(
+                                  P,
+                                  {
+                                    disabled: u || k || !n,
+                                    checked: (u || k || j(l, `collectionPermissions.${o.path}.delete`)) ?? !1,
+                                    onCheckedChange: (S) => y(`collectionPermissions.${o.path}.delete`, S)
+                                  }
+                                )
+                              }
+                            )
+                          ] }, o.name))
+                        ] })
+                      ] })
+                    }
+                  ),
+                  /* @__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(
+                    ne,
+                    {
+                      error: w.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",
+                      renderValue: (o) => o === "true" ? "Yes" : "No",
+                      children: [
+                        /* @__PURE__ */ e(
+                          T,
+                          {
+                            value: "true",
+                            children: " Yes "
+                          }
+                        ),
+                        /* @__PURE__ */ e(
+                          T,
+                          {
+                            value: "false",
+                            children: " No "
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ e(B, { children: w.config && g.config ? g.config : "Can the user create collections" })
+                ] }),
+                /* @__PURE__ */ s("div", { className: "col-span-12 md:col-span-4", children: [
+                  /* @__PURE__ */ s(
+                    ne,
+                    {
+                      error: w.config && !!g.config,
+                      id: "editCollections",
+                      name: "editCollections",
+                      label: "Edit collections",
+                      disabled: u || !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",
+                      renderValue: (o) => o === "own" ? "Own" : o === "true" ? "Yes" : "No",
+                      children: [
+                        /* @__PURE__ */ e(
+                          T,
+                          {
+                            value: "true",
+                            children: " Yes "
+                          }
+                        ),
+                        /* @__PURE__ */ e(
+                          T,
+                          {
+                            value: "false",
+                            children: " No "
+                          }
+                        ),
+                        /* @__PURE__ */ e(
+                          T,
+                          {
+                            value: "own",
+                            children: " Only his/her own "
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ e(B, { children: w.config && g.config ? g.config : "Can the user edit collections" })
+                ] }),
+                /* @__PURE__ */ s("div", { className: "col-span-12 md:col-span-4", children: [
+                  /* @__PURE__ */ s(
+                    ne,
+                    {
+                      error: w.config && !!g.config,
+                      id: "deleteCollections",
+                      name: "deleteCollections",
+                      label: "Delete collections",
+                      disabled: u || !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",
+                      renderValue: (o) => o === "own" ? "Own" : o === "true" ? "Yes" : "No",
+                      children: [
+                        /* @__PURE__ */ e(
+                          T,
+                          {
+                            value: "true",
+                            children: " Yes "
+                          }
+                        ),
+                        /* @__PURE__ */ e(
+                          T,
+                          {
+                            value: "false",
+                            children: " No "
+                          }
+                        ),
+                        /* @__PURE__ */ e(
+                          T,
+                          {
+                            value: "own",
+                            children: " Only his/her own "
+                          }
+                        )
+                      ]
+                    }
+                  ),
+                  /* @__PURE__ */ e(B, { children: w.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__ */ e(
+                q,
+                {
+                  variant: "text",
+                  onClick: () => {
+                    d();
+                  },
+                  children: "Cancel"
+                }
+              ),
+              /* @__PURE__ */ e(
+                he,
+                {
+                  variant: "filled",
+                  color: "primary",
+                  type: "submit",
+                  disabled: !O,
+                  loading: I,
+                  startIcon: /* @__PURE__ */ e(fe, {}),
+                  children: f ? "Create role" : "Update"
+                }
+              )
+            ] })
+          ]
+        }
+      ) })
+    }
+  );
+}
+const Qe = [
+  {
+    id: "admin",
+    name: "Admin",
+    isAdmin: !0
+  },
+  {
+    id: "editor",
+    name: "Editor",
+    isAdmin: !1,
+    defaultPermissions: {
+      read: !0,
+      create: !0,
+      edit: !0,
+      delete: !0
+    },
+    config: {
+      createCollections: !0,
+      editCollections: "own",
+      deleteCollections: "own"
+    }
+  },
+  {
+    id: "viewer",
+    name: "Viewer",
+    isAdmin: !1,
+    defaultPermissions: {
+      read: !0,
+      create: !1,
+      edit: !1,
+      delete: !1
+    }
+  }
+];
+function Xe({
+  onRoleClicked: t,
+  editable: i
+}) {
+  const {
+    roles: n,
+    saveRole: d,
+    deleteRole: r,
+    allowDefaultRolesCreation: m
+  } = Y(), [f, p] = F(void 0), [N, v] = F(!1);
+  return /* @__PURE__ */ s(
+    "div",
+    {
+      className: "w-full overflow-auto",
+      children: [
+        /* @__PURE__ */ s(ie, { children: [
+          /* @__PURE__ */ s(re, { children: [
+            /* @__PURE__ */ e(a, { header: !0, className: "w-16" }),
+            /* @__PURE__ */ e(a, { header: !0, children: "Role" }),
+            /* @__PURE__ */ e(a, { header: !0, className: "items-center", children: "Is Admin" }),
+            /* @__PURE__ */ e(a, { header: !0, children: "Default permissions" })
+          ] }),
+          /* @__PURE__ */ 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(
+                M,
+                {
+                  onClick: () => {
+                    t(c);
+                  },
+                  children: [
+                    /* @__PURE__ */ e(a, { style: { width: "64px" }, children: !c.isAdmin && /* @__PURE__ */ e(L, { title: "Delete this role", children: /* @__PURE__ */ e(
+                      ge,
+                      {
+                        size: "small",
+                        disabled: !i,
+                        onClick: (R) => (R.stopPropagation(), p(c)),
+                        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: [
+                      I && /* @__PURE__ */ e("li", { children: "Create" }),
+                      w && /* @__PURE__ */ e("li", { children: "Read" }),
+                      l && /* @__PURE__ */ e("li", { children: "Update" }),
+                      g && /* @__PURE__ */ e("li", { children: "Delete" })
+                    ] }) })
+                  ]
+                },
+                c.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." }),
+              m && /* @__PURE__ */ e(
+                q,
+                {
+                  variant: "outlined",
+                  onClick: () => {
+                    Qe.forEach((c) => {
+                      d(c);
+                    });
+                  },
+                  children: "Create default roles"
+                }
+              )
+            ] }) }) })
+          ] })
+        ] }),
+        /* @__PURE__ */ e(
+          ye,
+          {
+            open: !!f,
+            loading: N,
+            onAccept: () => {
+              f && (v(!0), r(f).then(() => {
+                p(void 0);
+              }).finally(() => {
+                v(!1);
+              }));
+            },
+            onCancel: () => {
+              p(void 0);
+            },
+            title: /* @__PURE__ */ e(H, { children: "Delete?" }),
+            body: /* @__PURE__ */ e(H, { children: "Are you sure you want to delete this role?" })
+          }
+        )
+      ]
+    }
+  );
+}
+const Ze = A.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);
+    }, []);
+    return /* @__PURE__ */ s(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__ */ e(
+          _,
+          {
+            gutterBottom: !0,
+            variant: "h4",
+            className: "flex-grow",
+            component: "h4",
+            children: "Roles"
+          }
+        ),
+        /* @__PURE__ */ e(L, { title: p ? void 0 : "Update plans to customise roles", children: /* @__PURE__ */ e(
+          q,
+          {
+            size: "large",
+            disabled: !p,
+            startIcon: /* @__PURE__ */ e(we, {}),
+            onClick: () => r(!0),
+            children: "Add role"
+          }
+        ) })
+      ] }),
+      /* @__PURE__ */ e(Xe, { onRoleClicked: N, editable: !!p }),
+      /* @__PURE__ */ e(
+        Ke,
+        {
+          open: d,
+          role: m,
+          editable: p,
+          collections: n,
+          handleClose: () => {
+            f(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)
+});
+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)
+    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)
+    throw new Error("There must be at least one admin");
+  return !0;
+}
+function tn({
+  open: t,
+  user: i,
+  handleClose: n
+}) {
+  const d = be(), {
+    loggedInUser: r,
+    saveUser: m,
+    users: f,
+    roles: p
+  } = Y(), N = !i, v = E((h) => {
+    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);
+    }
+  }, [p, m, i, f, r]), c = Ne({
+    initialValues: i ?? {
+      displayName: "",
+      email: "",
+      roles: p.filter((h) => h.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
+      });
+    }).catch((U) => {
+      d.open({
+        type: "error",
+        message: U.message
+      });
+    })
+  }), {
+    isSubmitting: I,
+    touched: w,
+    handleChange: l,
+    values: g,
+    errors: R,
+    setFieldValue: y,
+    dirty: O,
+    handleSubmit: z,
+    submitCount: u
+  } = c;
+  return /* @__PURE__ */ e(
+    de,
+    {
+      open: t,
+      onOpenChange: (h) => h ? void 0 : n(),
+      maxWidth: "4xl",
+      children: /* @__PURE__ */ e(xe, { value: c, children: /* @__PURE__ */ s(
+        "form",
+        {
+          onSubmit: z,
+          autoComplete: "off",
+          noValidate: !0,
+          style: {
+            display: "flex",
+            flexDirection: "column",
+            position: "relative",
+            height: "100%"
+          },
+          children: [
+            /* @__PURE__ */ s(ue, { className: "h-full flex-grow", children: [
+              /* @__PURE__ */ e(
+                "div",
+                {
+                  className: "flex flex-row pt-4 pb-4",
+                  children: /* @__PURE__ */ e(
+                    _,
+                    {
+                      variant: "h4",
+                      className: "flex-grow",
+                      children: "User"
+                    }
+                  )
+                }
+              ),
+              /* @__PURE__ */ s("div", { className: "grid grid-cols-12 gap-8", children: [
+                /* @__PURE__ */ s("div", { className: "col-span-12", children: [
+                  /* @__PURE__ */ e(
+                    K,
+                    {
+                      name: "displayName",
+                      required: !0,
+                      error: u > 0 && !!R.displayName,
+                      value: g.displayName ?? "",
+                      onChange: l,
+                      "aria-describedby": "name-helper-text",
+                      label: "Name"
+                    }
+                  ),
+                  /* @__PURE__ */ e(B, { children: u > 0 && R.displayName ? R.displayName : "Name of this user" })
+                ] }),
+                /* @__PURE__ */ s("div", { className: "col-span-12", children: [
+                  /* @__PURE__ */ e(
+                    K,
+                    {
+                      required: !0,
+                      error: u > 0 && !!R.email,
+                      name: "email",
+                      value: g.email ?? "",
+                      onChange: l,
+                      "aria-describedby": "email-helper-text",
+                      label: "Email"
+                    }
+                  ),
+                  /* @__PURE__ */ e(B, { children: u > 0 && R.email ? R.email : "Email of this user" })
+                ] }),
+                /* @__PURE__ */ e("div", { className: "col-span-12", children: /* @__PURE__ */ e(
+                  Ae,
+                  {
+                    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;
+                    },
+                    children: p.map((h) => /* @__PURE__ */ e(
+                      Fe,
+                      {
+                        value: h.id,
+                        children: /* @__PURE__ */ e(Q, { role: h }, h?.id)
+                      },
+                      h.id
+                    ))
+                  }
+                ) })
+              ] })
+            ] }),
+            /* @__PURE__ */ s(me, { children: [
+              /* @__PURE__ */ e(
+                q,
+                {
+                  variant: "text",
+                  onClick: () => {
+                    n();
+                  },
+                  children: "Cancel"
+                }
+              ),
+              /* @__PURE__ */ e(
+                he,
+                {
+                  variant: "filled",
+                  color: "primary",
+                  type: "submit",
+                  disabled: !O,
+                  loading: I,
+                  startIcon: /* @__PURE__ */ e(fe, {}),
+                  children: N ? "Create user" : "Update"
+                }
+              )
+            ] })
+          ]
+        }
+      ) })
+    }
+  );
+}
+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: [
+        /* @__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" })
+      ] }),
+      /* @__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(
+            M,
+            {
+              onClick: () => {
+                t(l);
+              },
+              children: [
+                /* @__PURE__ */ e(a, { className: "w-10", children: /* @__PURE__ */ e(L, { title: "Delete this user", children: /* @__PURE__ */ e(
+                  ge,
+                  {
+                    size: "small",
+                    onClick: (y) => (y.stopPropagation(), c(l)),
+                    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, { 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)
+                ) }) : null }),
+                /* @__PURE__ */ e(a, { children: R })
+              ]
+            },
+            "row_" + l.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" }),
+          /* @__PURE__ */ e(
+            q,
+            {
+              variant: "outlined",
+              onClick: () => {
+                if (!r.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,
+                  roles: [{ id: "admin", name: "Admin" }],
+                  created_on: /* @__PURE__ */ new Date()
+                }).then(() => {
+                  m.open({
+                    type: "success",
+                    message: "User added successfully"
+                  });
+                }).catch((l) => {
+                  m.open({
+                    type: "error",
+                    message: "Error adding user: " + l.message
+                  });
+                });
+              },
+              children: "Add the logged user as an admin"
+            }
+          )
+        ] }) }) })
+      ] })
+    ] }),
+    /* @__PURE__ */ e(
+      ye,
+      {
+        open: !!v,
+        loading: I,
+        onAccept: () => {
+          v && (w(!0), d(v).then(() => {
+            c(void 0);
+          }).catch((l) => {
+            m.open({
+              type: "error",
+              message: "Error deleting user: " + l.message
+            });
+          }).finally(() => {
+            w(!1);
+          }));
+        },
+        onCancel: () => {
+          c(void 0);
+        },
+        title: /* @__PURE__ */ e(H, { children: "Delete?" }),
+        body: /* @__PURE__ */ e(H, { children: "Are you sure you want to delete this user?" })
+      }
+    )
+  ] });
+}
+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);
+  }, []);
+  return /* @__PURE__ */ s(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__ */ e(
+            _,
+            {
+              gutterBottom: !0,
+              variant: "h4",
+              className: "flex-grow",
+              component: "h4",
+              children: "Users"
+            }
+          ),
+          /* @__PURE__ */ e(
+            q,
+            {
+              size: "large",
+              disabled: N,
+              startIcon: /* @__PURE__ */ e(we, {}),
+              onClick: () => d(!0),
+              children: "Add user"
+            }
+          )
+        ]
+      }
+    ),
+    /* @__PURE__ */ e(rn, { onUserClicked: v }),
+    /* @__PURE__ */ e(
+      tn,
+      {
+        open: n ?? !1,
+        user: r,
+        handleClose: c
+      },
+      r?.uid ?? "new"
+    )
+  ] });
+};
+function bn({ userManagement: t }) {
+  return {
+    name: "User management plugin",
+    loading: t.loading,
+    provider: {
+      Component: Ge,
+      props: {
+        userManagement: t
+      }
+    }
+  };
+}
+const Nn = [
+  {
+    path: "users",
+    name: "CMS Users",
+    group: "Admin",
+    icon: "face",
+    view: /* @__PURE__ */ e(on, {})
+  },
+  {
+    path: "roles",
+    name: "Roles",
+    group: "Admin",
+    icon: "gpp_good",
+    view: /* @__PURE__ */ e(Ze, {})
+  }
+];
+export {
+  hn as RESERVED_GROUPS,
+  Q as RoleChip,
+  He as RoleYupSchema,
+  Ke as RolesDetailsForm,
+  Xe as RolesTable,
+  Ze as RolesView,
+  tn as UserDetailsForm,
+  Re as UserManagementContext,
+  Ge as UserManagementProvider,
+  en as UserYupSchema,
+  rn as UsersTable,
+  on as UsersView,
+  We as areRolesEqual,
+  gn as cacheDelegatedLoginToken,
+  Cn as clearDelegatedLoginTokensCache,
+  vn as darkenColor,
+  pn as getDelegatedLoginTokenFromCache,
+  fn as getUserRoles,
+  wn as hexToRgbaWithOpacity,
+  qe as resolveUserRolePermissions,
+  yn as useBuildFirestoreUserManagement,
+  Y as useUserManagement,
+  bn as useUserManagementPlugin,
+  Nn as userManagementAdminViews
+};
+//# sourceMappingURL=index.es.js.map