@firecms/user_management 3.1.0-canary.1df3b2c → 3.1.0-canary.501d471

package/dist/index.es.js

@@ -1,9 +1,9 @@
 import React, { useEffect, useCallback, useContext, useState } from "react";
 import equal from "react-fast-compare";
-import { removeUndefined, useAuthController, toSnakeCase, FieldCaption, ConfirmationDialog, useNavigationController, useSnackbarController, useCustomizationController, defaultDateFormat } from "@firecms/core";
+import { removeUndefined, useTranslation, useAuthController, toSnakeCase, FieldCaption, ConfirmationDialog, useNavigationController, useSnackbarController, useCustomizationController, defaultDateFormat } from "@firecms/core";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { c } from "react-compiler-runtime";
-import { getColorSchemeForSeed, Chip, TextField, TableRow, TableCell, Checkbox, Tooltip, Button, Typography, DialogTitle, TableHeader, Paper, Table, TableBody, SelectItem, Select, DialogContent, LoadingButton, DialogActions, Dialog, IconButton, DeleteIcon, CenteredView, AddIcon, Container, MultiSelectItem, MultiSelect, Avatar } from "@firecms/ui";
+import { getColorSchemeForSeed, Chip, TableRow, TableCell, Checkbox, Tooltip, Button, Typography, DialogTitle, TextField, TableHeader, TableBody, Paper, Table, SelectItem, Select, DialogContent, LoadingButton, DialogActions, Dialog, IconButton, DeleteIcon, CenteredView, AddIcon, Container, CopyIcon, MultiSelectItem, MultiSelect, Avatar } from "@firecms/ui";
 import * as Yup from "yup";
 import { useCreateFormex, getIn, Formex } from "@firecms/formex";
 import { format } from "date-fns";
@@ -489,19 +489,19 @@ function RoleChip(t0) {
   }
   return t1;
 }
-const RoleYupSchema = Yup.object().shape({
-  id: Yup.string().required("Required"),
-  name: Yup.string().required("Required")
+const getRoleYupSchema = (t) => Yup.object().shape({
+  id: Yup.string().required(t("required")),
+  name: Yup.string().required(t("required"))
 });
-function canRoleBeEdited(loggedUser) {
+function canRoleBeEdited(loggedUser, t) {
   const loggedUserIsAdmin = loggedUser.roles?.map((r) => r.id).includes("admin");
   if (!loggedUserIsAdmin) {
-    throw new Error("Only admins can edit roles");
+    throw new Error(t("only_admins_edit_roles"));
   }
   return true;
 }
 function RolesDetailsForm(t0) {
-  const $ = c(164);
+  const $ = c(311);
   const {
     open,
     role,
@@ -509,6 +509,9 @@ function RolesDetailsForm(t0) {
     handleClose,
     collections
   } = t0;
+  const {
+    t
+  } = useTranslation();
   const {
     saveRole
   } = useUserManagement();
@@ -518,34 +521,35 @@ function RolesDetailsForm(t0) {
   } = useAuthController();
   const [savingError, setSavingError] = useState();
   let t1;
-  if ($[0] !== loggedInUser || $[1] !== saveRole) {
+  if ($[0] !== loggedInUser || $[1] !== saveRole || $[2] !== t) {
     t1 = (role_0) => {
       setSavingError(void 0);
       if (!loggedInUser) {
-        throw new Error("User not found");
+        throw new Error(t("error_user_not_found"));
       }
-      canRoleBeEdited(loggedInUser);
+      canRoleBeEdited(loggedInUser, t);
       return saveRole(role_0);
     };
     $[0] = loggedInUser;
     $[1] = saveRole;
-    $[2] = t1;
+    $[2] = t;
+    $[3] = t1;
   } else {
-    t1 = $[2];
+    t1 = $[3];
   }
   const onRoleUpdated = t1;
   let t2;
-  if ($[3] !== role) {
+  if ($[4] !== role) {
     t2 = role ?? {
       name: ""
     };
-    $[3] = role;
-    $[4] = t2;
+    $[4] = role;
+    $[5] = t2;
   } else {
-    t2 = $[4];
+    t2 = $[5];
   }
   let t3;
-  if ($[5] !== handleClose || $[6] !== onRoleUpdated) {
+  if ($[6] !== handleClose || $[7] !== onRoleUpdated) {
     t3 = (role_1, formexController) => {
       try {
         return onRoleUpdated(role_1).then(() => {
@@ -562,26 +566,37 @@ function RolesDetailsForm(t0) {
         return Promise.resolve();
       }
     };
-    $[5] = handleClose;
-    $[6] = onRoleUpdated;
-    $[7] = t3;
+    $[6] = handleClose;
+    $[7] = onRoleUpdated;
+    $[8] = t3;
   } else {
-    t3 = $[7];
+    t3 = $[8];
   }
   let t4;
-  if ($[8] !== t2 || $[9] !== t3) {
-    t4 = {
+  if ($[9] !== t) {
+    t4 = (values) => getRoleYupSchema(t).validate(values, {
+      abortEarly: false
+    }).then(_temp$3).catch(_temp2$1);
+    $[9] = t;
+    $[10] = t4;
+  } else {
+    t4 = $[10];
+  }
+  let t5;
+  if ($[11] !== t2 || $[12] !== t3 || $[13] !== t4) {
+    t5 = {
       initialValues: t2,
       onSubmit: t3,
-      validation: _temp3$1
+      validation: t4
     };
-    $[8] = t2;
-    $[9] = t3;
-    $[10] = t4;
+    $[11] = t2;
+    $[12] = t3;
+    $[13] = t4;
+    $[14] = t5;
   } else {
-    t4 = $[10];
+    t5 = $[14];
   }
-  const formex = useCreateFormex(t4);
+  const formex = useCreateFormex(t5);
   const {
     isSubmitting,
     touched,
@@ -597,606 +612,1058 @@ function RolesDetailsForm(t0) {
   const defaultRead = values_0.defaultPermissions?.read ?? false;
   const defaultEdit = values_0.defaultPermissions?.edit ?? false;
   const defaultDelete = values_0.defaultPermissions?.delete ?? false;
-  let t5;
-  if ($[11] !== setFieldValue || $[12] !== touched || $[13] !== values_0.name) {
-    t5 = () => {
+  let t6;
+  if ($[15] !== setFieldValue || $[16] !== touched || $[17] !== values_0.name) {
+    t6 = () => {
       const idTouched = getIn(touched, "id");
       if (!idTouched && values_0.name) {
         setFieldValue("id", toSnakeCase(values_0.name));
       }
     };
-    $[11] = setFieldValue;
-    $[12] = touched;
-    $[13] = values_0.name;
-    $[14] = t5;
+    $[15] = setFieldValue;
+    $[16] = touched;
+    $[17] = values_0.name;
+    $[18] = t6;
   } else {
-    t5 = $[14];
+    t6 = $[18];
   }
-  let t6;
-  if ($[15] !== touched || $[16] !== values_0.name) {
-    t6 = [touched, values_0.name];
-    $[15] = touched;
-    $[16] = values_0.name;
-    $[17] = t6;
+  let t7;
+  if ($[19] !== touched || $[20] !== values_0.name) {
+    t7 = [touched, values_0.name];
+    $[19] = touched;
+    $[20] = values_0.name;
+    $[21] = t7;
   } else {
-    t6 = $[17];
+    t7 = $[21];
   }
-  React.useEffect(t5, t6);
-  let t7;
-  let t8;
-  if ($[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t7 = {
+  React.useEffect(t6, t7);
+  const t8 = formex.handleSubmit;
+  let t9;
+  if ($[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t9 = {
       display: "flex",
       flexDirection: "column",
       position: "relative",
       height: "100%"
     };
-    t8 = /* @__PURE__ */ jsx(DialogTitle, { variant: "h4", gutterBottom: false, children: "Role" });
-    $[18] = t7;
-    $[19] = t8;
-  } else {
-    t7 = $[18];
-    t8 = $[19];
-  }
-  const t9 = touched.name && Boolean(errors_0.name);
-  const t10 = isAdmin || !editable;
-  let t11;
-  if ($[20] !== handleChange || $[21] !== t10 || $[22] !== t9 || $[23] !== values_0.name) {
-    t11 = /* @__PURE__ */ jsx(TextField, { name: "name", required: true, error: t9, value: values_0.name, disabled: t10, onChange: handleChange, "aria-describedby": "name-helper-text", label: "Name" });
-    $[20] = handleChange;
-    $[21] = t10;
     $[22] = t9;
-    $[23] = values_0.name;
-    $[24] = t11;
   } else {
-    t11 = $[24];
+    t9 = $[22];
   }
-  const t12 = touched.name && Boolean(errors_0.name) ? errors_0.name : "Name of this role";
-  let t13;
-  if ($[25] !== t12) {
-    t13 = /* @__PURE__ */ jsx(FieldCaption, { children: t12 });
-    $[25] = t12;
-    $[26] = t13;
+  let t10;
+  if ($[23] !== t) {
+    t10 = t("role");
+    $[23] = t;
+    $[24] = t10;
   } else {
-    t13 = $[26];
+    t10 = $[24];
   }
-  let t14;
-  if ($[27] !== t11 || $[28] !== t13) {
-    t14 = /* @__PURE__ */ jsxs("div", { className: "col-span-12 md:col-span-8", children: [
-      t11,
-      t13
-    ] });
-    $[27] = t11;
-    $[28] = t13;
-    $[29] = t14;
+  let t11;
+  if ($[25] !== t10) {
+    t11 = /* @__PURE__ */ jsx(DialogTitle, { variant: "h4", gutterBottom: false, children: t10 });
+    $[25] = t10;
+    $[26] = t11;
   } else {
-    t14 = $[29];
+    t11 = $[26];
   }
-  const t15 = touched.id && Boolean(errors_0.id);
-  const t16 = !isNewRole || !editable;
-  let t17;
-  if ($[30] !== handleChange || $[31] !== setFieldTouched) {
-    t17 = (e_2) => {
-      handleChange(e_2);
-      setFieldTouched("id", true);
-    };
-    $[30] = handleChange;
-    $[31] = setFieldTouched;
-    $[32] = t17;
+  const t12 = touched.name && Boolean(errors_0.name);
+  const t13 = values_0.name;
+  const t14 = isAdmin || !editable;
+  let t15;
+  if ($[27] !== t) {
+    t15 = t("name");
+    $[27] = t;
+    $[28] = t15;
   } else {
-    t17 = $[32];
+    t15 = $[28];
   }
-  let t18;
-  if ($[33] !== t15 || $[34] !== t16 || $[35] !== t17 || $[36] !== values_0.id) {
-    t18 = /* @__PURE__ */ jsx(TextField, { name: "id", required: true, error: t15, value: values_0.id, disabled: t16, onChange: t17, "aria-describedby": "id-helper-text", label: "ID" });
-    $[33] = t15;
+  let t16;
+  if ($[29] !== handleChange || $[30] !== t12 || $[31] !== t14 || $[32] !== t15 || $[33] !== values_0.name) {
+    t16 = /* @__PURE__ */ jsx(TextField, { name: "name", required: true, error: t12, value: t13, disabled: t14, onChange: handleChange, "aria-describedby": "name-helper-text", label: t15 });
+    $[29] = handleChange;
+    $[30] = t12;
+    $[31] = t14;
+    $[32] = t15;
+    $[33] = values_0.name;
     $[34] = t16;
-    $[35] = t17;
-    $[36] = values_0.id;
-    $[37] = t18;
   } else {
-    t18 = $[37];
+    t16 = $[34];
   }
-  const t19 = touched.id && Boolean(errors_0.id) ? errors_0.id : "ID of this role";
-  let t20;
-  if ($[38] !== t19) {
-    t20 = /* @__PURE__ */ jsx(FieldCaption, { children: t19 });
-    $[38] = t19;
-    $[39] = t20;
+  let t17;
+  if ($[35] !== errors_0 || $[36] !== t || $[37] !== touched.name) {
+    t17 = touched.name && Boolean(errors_0.name) ? errors_0.name : t("name_of_this_role");
+    $[35] = errors_0;
+    $[36] = t;
+    $[37] = touched.name;
+    $[38] = t17;
   } else {
-    t20 = $[39];
+    t17 = $[38];
   }
-  let t21;
-  if ($[40] !== t18 || $[41] !== t20) {
-    t21 = /* @__PURE__ */ jsxs("div", { className: "col-span-12 md:col-span-4", children: [
-      t18,
-      t20
-    ] });
+  let t18;
+  if ($[39] !== t17) {
+    t18 = /* @__PURE__ */ jsx(FieldCaption, { children: t17 });
+    $[39] = t17;
     $[40] = t18;
-    $[41] = t20;
-    $[42] = t21;
   } else {
-    t21 = $[42];
+    t18 = $[40];
   }
-  let t22;
-  if ($[43] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t22 = /* @__PURE__ */ jsxs(TableHeader, { className: "rounded-md", children: [
-      /* @__PURE__ */ jsx(TableCell, {}),
-      /* @__PURE__ */ jsx(TableCell, { align: "center", children: "Create entities" }),
-      /* @__PURE__ */ jsx(TableCell, { align: "center", children: "Read entities" }),
-      /* @__PURE__ */ jsx(TableCell, { align: "center", children: "Update entities" }),
-      /* @__PURE__ */ jsx(TableCell, { align: "center", children: "Delete entities" }),
-      /* @__PURE__ */ jsx(TableCell, { align: "center" })
+  let t19;
+  if ($[41] !== t16 || $[42] !== t18) {
+    t19 = /* @__PURE__ */ jsxs("div", { className: "col-span-12 md:col-span-8", children: [
+      t16,
+      t18
     ] });
-    $[43] = t22;
+    $[41] = t16;
+    $[42] = t18;
+    $[43] = t19;
   } else {
-    t22 = $[43];
+    t19 = $[43];
   }
+  const t20 = touched.id && Boolean(errors_0.id);
+  const t21 = values_0.id;
+  const t22 = !isNewRole || !editable;
   let t23;
-  if ($[44] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t23 = /* @__PURE__ */ jsx(TableCell, { scope: "row", children: /* @__PURE__ */ jsx("strong", { children: "All collections" }) });
-    $[44] = t23;
+  if ($[44] !== handleChange || $[45] !== setFieldTouched) {
+    t23 = (e_2) => {
+      handleChange(e_2);
+      setFieldTouched("id", true);
+    };
+    $[44] = handleChange;
+    $[45] = setFieldTouched;
+    $[46] = t23;
   } else {
-    t23 = $[44];
+    t23 = $[46];
+  }
+  let t24;
+  if ($[47] !== t) {
+    t24 = t("id");
+    $[47] = t;
+    $[48] = t24;
+  } else {
+    t24 = $[48];
+  }
+  let t25;
+  if ($[49] !== t20 || $[50] !== t22 || $[51] !== t23 || $[52] !== t24 || $[53] !== values_0.id) {
+    t25 = /* @__PURE__ */ jsx(TextField, { name: "id", required: true, error: t20, value: t21, disabled: t22, onChange: t23, "aria-describedby": "id-helper-text", label: t24 });
+    $[49] = t20;
+    $[50] = t22;
+    $[51] = t23;
+    $[52] = t24;
+    $[53] = values_0.id;
+    $[54] = t25;
+  } else {
+    t25 = $[54];
   }
-  const t24 = isAdmin || !editable;
-  const t25 = (isAdmin || defaultCreate) ?? false;
   let t26;
-  if ($[45] !== setFieldValue) {
-    t26 = (checked) => setFieldValue("defaultPermissions.create", checked);
-    $[45] = setFieldValue;
-    $[46] = t26;
+  if ($[55] !== errors_0 || $[56] !== t || $[57] !== touched.id) {
+    t26 = touched.id && Boolean(errors_0.id) ? errors_0.id : t("id_of_this_role");
+    $[55] = errors_0;
+    $[56] = t;
+    $[57] = touched.id;
+    $[58] = t26;
   } else {
-    t26 = $[46];
+    t26 = $[58];
   }
   let t27;
-  if ($[47] !== t24 || $[48] !== t25 || $[49] !== t26) {
-    t27 = /* @__PURE__ */ jsx(TableCell, { align: "center", children: /* @__PURE__ */ jsx(Tooltip, { title: "Create entities in collections", children: /* @__PURE__ */ jsx(Checkbox, { disabled: t24, checked: t25, onCheckedChange: t26 }) }) });
-    $[47] = t24;
-    $[48] = t25;
-    $[49] = t26;
-    $[50] = t27;
+  if ($[59] !== t26) {
+    t27 = /* @__PURE__ */ jsx(FieldCaption, { children: t26 });
+    $[59] = t26;
+    $[60] = t27;
+  } else {
+    t27 = $[60];
+  }
+  let t28;
+  if ($[61] !== t25 || $[62] !== t27) {
+    t28 = /* @__PURE__ */ jsxs("div", { className: "col-span-12 md:col-span-4", children: [
+      t25,
+      t27
+    ] });
+    $[61] = t25;
+    $[62] = t27;
+    $[63] = t28;
   } else {
-    t27 = $[50];
+    t28 = $[63];
+  }
+  let t29;
+  if ($[64] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t29 = /* @__PURE__ */ jsx(TableCell, {});
+    $[64] = t29;
+  } else {
+    t29 = $[64];
   }
-  const t28 = isAdmin || !editable;
-  const t29 = (isAdmin || defaultRead) ?? false;
   let t30;
-  if ($[51] !== setFieldValue) {
-    t30 = (checked_0) => setFieldValue("defaultPermissions.read", checked_0);
-    $[51] = setFieldValue;
-    $[52] = t30;
+  if ($[65] !== t) {
+    t30 = t("create_entities");
+    $[65] = t;
+    $[66] = t30;
   } else {
-    t30 = $[52];
+    t30 = $[66];
   }
   let t31;
-  if ($[53] !== t28 || $[54] !== t29 || $[55] !== t30) {
-    t31 = /* @__PURE__ */ jsx(TableCell, { align: "center", children: /* @__PURE__ */ jsx(Tooltip, { title: "Access all data in every collection", children: /* @__PURE__ */ jsx(Checkbox, { disabled: t28, checked: t29, onCheckedChange: t30 }) }) });
-    $[53] = t28;
-    $[54] = t29;
-    $[55] = t30;
-    $[56] = t31;
+  if ($[67] !== t30) {
+    t31 = /* @__PURE__ */ jsx(TableCell, { align: "center", children: t30 });
+    $[67] = t30;
+    $[68] = t31;
+  } else {
+    t31 = $[68];
+  }
+  let t32;
+  if ($[69] !== t) {
+    t32 = t("read_entities");
+    $[69] = t;
+    $[70] = t32;
+  } else {
+    t32 = $[70];
+  }
+  let t33;
+  if ($[71] !== t32) {
+    t33 = /* @__PURE__ */ jsx(TableCell, { align: "center", children: t32 });
+    $[71] = t32;
+    $[72] = t33;
   } else {
-    t31 = $[56];
+    t33 = $[72];
   }
-  const t32 = isAdmin || !editable;
-  const t33 = (isAdmin || defaultEdit) ?? false;
   let t34;
-  if ($[57] !== setFieldValue) {
-    t34 = (checked_1) => setFieldValue("defaultPermissions.edit", checked_1);
-    $[57] = setFieldValue;
-    $[58] = t34;
+  if ($[73] !== t) {
+    t34 = t("update_entities");
+    $[73] = t;
+    $[74] = t34;
   } else {
-    t34 = $[58];
+    t34 = $[74];
   }
   let t35;
-  if ($[59] !== t32 || $[60] !== t33 || $[61] !== t34) {
-    t35 = /* @__PURE__ */ jsx(TableCell, { align: "center", children: /* @__PURE__ */ jsx(Tooltip, { title: "Update data in any collection", children: /* @__PURE__ */ jsx(Checkbox, { disabled: t32, checked: t33, onCheckedChange: t34 }) }) });
-    $[59] = t32;
-    $[60] = t33;
-    $[61] = t34;
-    $[62] = t35;
+  if ($[75] !== t34) {
+    t35 = /* @__PURE__ */ jsx(TableCell, { align: "center", children: t34 });
+    $[75] = t34;
+    $[76] = t35;
+  } else {
+    t35 = $[76];
+  }
+  let t36;
+  if ($[77] !== t) {
+    t36 = t("delete_entities");
+    $[77] = t;
+    $[78] = t36;
   } else {
-    t35 = $[62];
+    t36 = $[78];
+  }
+  let t37;
+  if ($[79] !== t36) {
+    t37 = /* @__PURE__ */ jsx(TableCell, { align: "center", children: t36 });
+    $[79] = t36;
+    $[80] = t37;
+  } else {
+    t37 = $[80];
   }
-  const t36 = isAdmin || !editable;
-  const t37 = (isAdmin || defaultDelete) ?? false;
   let t38;
-  if ($[63] !== setFieldValue) {
-    t38 = (checked_2) => setFieldValue("defaultPermissions.delete", checked_2);
-    $[63] = setFieldValue;
-    $[64] = t38;
+  if ($[81] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t38 = /* @__PURE__ */ jsx(TableCell, { align: "center" });
+    $[81] = t38;
   } else {
-    t38 = $[64];
+    t38 = $[81];
   }
   let t39;
-  if ($[65] !== t36 || $[66] !== t37 || $[67] !== t38) {
-    t39 = /* @__PURE__ */ jsx(TableCell, { align: "center", children: /* @__PURE__ */ jsx(Tooltip, { title: "Delete data in any collection", children: /* @__PURE__ */ jsx(Checkbox, { disabled: t36, checked: t37, onCheckedChange: t38 }) }) });
-    $[65] = t36;
-    $[66] = t37;
-    $[67] = t38;
-    $[68] = t39;
+  if ($[82] !== t31 || $[83] !== t33 || $[84] !== t35 || $[85] !== t37) {
+    t39 = /* @__PURE__ */ jsxs(TableHeader, { className: "rounded-md", children: [
+      t29,
+      t31,
+      t33,
+      t35,
+      t37,
+      t38
+    ] });
+    $[82] = t31;
+    $[83] = t33;
+    $[84] = t35;
+    $[85] = t37;
+    $[86] = t39;
   } else {
-    t39 = $[68];
+    t39 = $[86];
   }
   let t40;
-  if ($[69] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t40 = /* @__PURE__ */ jsx(TableCell, { align: "center" });
-    $[69] = t40;
+  if ($[87] !== t) {
+    t40 = t("all_collections");
+    $[87] = t;
+    $[88] = t40;
   } else {
-    t40 = $[69];
+    t40 = $[88];
   }
   let t41;
-  if ($[70] !== t27 || $[71] !== t31 || $[72] !== t35 || $[73] !== t39) {
-    t41 = /* @__PURE__ */ jsxs(TableRow, { children: [
-      t23,
-      t27,
-      t31,
-      t35,
-      t39,
-      t40
-    ] });
-    $[70] = t27;
-    $[71] = t31;
-    $[72] = t35;
-    $[73] = t39;
-    $[74] = t41;
+  if ($[89] !== t40) {
+    t41 = /* @__PURE__ */ jsx(TableCell, { scope: "row", children: /* @__PURE__ */ jsx("strong", { children: t40 }) });
+    $[89] = t40;
+    $[90] = t41;
   } else {
-    t41 = $[74];
+    t41 = $[90];
   }
   let t42;
-  if ($[75] !== collections || $[76] !== defaultCreate || $[77] !== defaultDelete || $[78] !== defaultEdit || $[79] !== defaultRead || $[80] !== editable || $[81] !== isAdmin || $[82] !== setFieldValue || $[83] !== values_0) {
-    t42 = collections && collections.map((col) => /* @__PURE__ */ jsxs(TableRow, { children: [
-      /* @__PURE__ */ jsx(TableCell, { scope: "row", children: col.name }),
-      /* @__PURE__ */ jsx(TableCell, { align: "center", children: /* @__PURE__ */ jsx(Checkbox, { disabled: isAdmin || defaultCreate || !editable, checked: (isAdmin || defaultCreate || getIn(values_0, `collectionPermissions.${col.id}.create`)) ?? false, onCheckedChange: (checked_3) => setFieldValue(`collectionPermissions.${col.id}.create`, checked_3) }) }),
-      /* @__PURE__ */ jsx(TableCell, { align: "center", children: /* @__PURE__ */ jsx(Checkbox, { disabled: isAdmin || defaultRead || !editable, checked: (isAdmin || defaultRead || getIn(values_0, `collectionPermissions.${col.id}.read`)) ?? false, onCheckedChange: (checked_4) => setFieldValue(`collectionPermissions.${col.id}.read`, checked_4) }) }),
-      /* @__PURE__ */ jsx(TableCell, { align: "center", children: /* @__PURE__ */ jsx(Checkbox, { disabled: isAdmin || defaultEdit || !editable, checked: (isAdmin || defaultEdit || getIn(values_0, `collectionPermissions.${col.id}.edit`)) ?? false, onCheckedChange: (checked_5) => setFieldValue(`collectionPermissions.${col.id}.edit`, checked_5) }) }),
-      /* @__PURE__ */ jsx(TableCell, { align: "center", children: /* @__PURE__ */ jsx(Checkbox, { disabled: isAdmin || defaultDelete || !editable, checked: (isAdmin || defaultDelete || getIn(values_0, `collectionPermissions.${col.id}.delete`)) ?? false, onCheckedChange: (checked_6) => setFieldValue(`collectionPermissions.${col.id}.delete`, checked_6) }) }),
-      /* @__PURE__ */ jsx(TableCell, { align: "center", children: /* @__PURE__ */ jsx(Tooltip, { title: "Allow all permissions in this collections", children: /* @__PURE__ */ jsx(Button, { className: "color-inherit", onClick: () => {
-        setFieldValue(`collectionPermissions.${col.id}.create`, true);
-        setFieldValue(`collectionPermissions.${col.id}.read`, true);
-        setFieldValue(`collectionPermissions.${col.id}.edit`, true);
-        setFieldValue(`collectionPermissions.${col.id}.delete`, true);
-      }, disabled: isAdmin || !editable, variant: "text", children: "All" }) }) })
-    ] }, col.name));
-    $[75] = collections;
-    $[76] = defaultCreate;
-    $[77] = defaultDelete;
-    $[78] = defaultEdit;
-    $[79] = defaultRead;
-    $[80] = editable;
-    $[81] = isAdmin;
-    $[82] = setFieldValue;
-    $[83] = values_0;
-    $[84] = t42;
-  } else {
-    t42 = $[84];
-  }
-  let t43;
-  if ($[85] !== t41 || $[86] !== t42) {
-    t43 = /* @__PURE__ */ jsx(Paper, { className: "bg-inherit overflow-hidden", children: /* @__PURE__ */ jsxs(Table, { className: "w-full rounded-md", children: [
-      t22,
-      /* @__PURE__ */ jsxs(TableBody, { children: [
-        t41,
-        t42
-      ] })
-    ] }) });
-    $[85] = t41;
-    $[86] = t42;
-    $[87] = t43;
+  if ($[91] !== t) {
+    t42 = t("create_entities_in_collections");
+    $[91] = t;
+    $[92] = t42;
   } else {
-    t43 = $[87];
+    t42 = $[92];
   }
-  let t44;
-  if ($[88] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t44 = /* @__PURE__ */ jsx(FieldCaption, { children: "You can customise the permissions that the users related to this role can perform in the entities of each collection" });
-    $[88] = t44;
+  const t43 = isAdmin || !editable;
+  const t44 = (isAdmin || defaultCreate) ?? false;
+  let t45;
+  if ($[93] !== setFieldValue) {
+    t45 = (checked) => setFieldValue("defaultPermissions.create", checked);
+    $[93] = setFieldValue;
+    $[94] = t45;
   } else {
-    t44 = $[88];
+    t45 = $[94];
   }
-  let t45;
-  if ($[89] !== t43) {
-    t45 = /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
-      t43,
-      t44
-    ] });
-    $[89] = t43;
-    $[90] = t45;
+  let t46;
+  if ($[95] !== t43 || $[96] !== t44 || $[97] !== t45) {
+    t46 = /* @__PURE__ */ jsx(Checkbox, { disabled: t43, checked: t44, onCheckedChange: t45 });
+    $[95] = t43;
+    $[96] = t44;
+    $[97] = t45;
+    $[98] = t46;
+  } else {
+    t46 = $[98];
+  }
+  let t47;
+  if ($[99] !== t42 || $[100] !== t46) {
+    t47 = /* @__PURE__ */ jsx(TableCell, { align: "center", children: /* @__PURE__ */ jsx(Tooltip, { title: t42, children: t46 }) });
+    $[99] = t42;
+    $[100] = t46;
+    $[101] = t47;
   } else {
-    t45 = $[90];
+    t47 = $[101];
   }
-  const t46 = touched.config && Boolean(errors_0.config);
-  const t47 = isAdmin || !editable;
   let t48;
-  if ($[91] !== setFieldValue) {
-    t48 = (event) => setFieldValue("config.createCollections", event.target.value === "true");
-    $[91] = setFieldValue;
-    $[92] = t48;
+  if ($[102] !== t) {
+    t48 = t("access_all_data_in_every_collection");
+    $[102] = t;
+    $[103] = t48;
   } else {
-    t48 = $[92];
+    t48 = $[103];
   }
-  const t49 = isAdmin || values_0.config?.createCollections ? "true" : "false";
-  let t50;
+  const t49 = isAdmin || !editable;
+  const t50 = (isAdmin || defaultRead) ?? false;
   let t51;
-  if ($[93] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t50 = /* @__PURE__ */ jsx(SelectItem, { value: "true", children: " Yes " });
-    t51 = /* @__PURE__ */ jsx(SelectItem, { value: "false", children: " No " });
-    $[93] = t50;
-    $[94] = t51;
+  if ($[104] !== setFieldValue) {
+    t51 = (checked_0) => setFieldValue("defaultPermissions.read", checked_0);
+    $[104] = setFieldValue;
+    $[105] = t51;
   } else {
-    t50 = $[93];
-    t51 = $[94];
+    t51 = $[105];
   }
   let t52;
-  if ($[95] !== t46 || $[96] !== t47 || $[97] !== t48 || $[98] !== t49) {
-    t52 = /* @__PURE__ */ jsxs(Select, { error: t46, size: "large", fullWidth: true, id: "createCollections", name: "createCollections", label: "Create collections", position: "item-aligned", disabled: t47, onChange: t48, value: t49, renderValue: _temp4$1, children: [
-      t50,
-      t51
-    ] });
-    $[95] = t46;
-    $[96] = t47;
-    $[97] = t48;
-    $[98] = t49;
-    $[99] = t52;
+  if ($[106] !== t49 || $[107] !== t50 || $[108] !== t51) {
+    t52 = /* @__PURE__ */ jsx(Checkbox, { disabled: t49, checked: t50, onCheckedChange: t51 });
+    $[106] = t49;
+    $[107] = t50;
+    $[108] = t51;
+    $[109] = t52;
+  } else {
+    t52 = $[109];
+  }
+  let t53;
+  if ($[110] !== t48 || $[111] !== t52) {
+    t53 = /* @__PURE__ */ jsx(TableCell, { align: "center", children: /* @__PURE__ */ jsx(Tooltip, { title: t48, children: t52 }) });
+    $[110] = t48;
+    $[111] = t52;
+    $[112] = t53;
   } else {
-    t52 = $[99];
+    t53 = $[112];
   }
-  const t53 = touched.config && Boolean(errors_0.config) ? errors_0.config : "Can the user create collections";
   let t54;
-  if ($[100] !== t53) {
-    t54 = /* @__PURE__ */ jsx(FieldCaption, { children: t53 });
-    $[100] = t53;
-    $[101] = t54;
-  } else {
-    t54 = $[101];
-  }
-  let t55;
-  if ($[102] !== t52 || $[103] !== t54) {
-    t55 = /* @__PURE__ */ jsxs("div", { className: "col-span-12 md:col-span-4", children: [
-      t52,
-      t54
-    ] });
-    $[102] = t52;
-    $[103] = t54;
-    $[104] = t55;
+  if ($[113] !== t) {
+    t54 = t("update_data_in_any_collection");
+    $[113] = t;
+    $[114] = t54;
+  } else {
+    t54 = $[114];
+  }
+  const t55 = isAdmin || !editable;
+  const t56 = (isAdmin || defaultEdit) ?? false;
+  let t57;
+  if ($[115] !== setFieldValue) {
+    t57 = (checked_1) => setFieldValue("defaultPermissions.edit", checked_1);
+    $[115] = setFieldValue;
+    $[116] = t57;
   } else {
-    t55 = $[104];
+    t57 = $[116];
   }
-  const t56 = touched.config && Boolean(errors_0.config);
-  const t57 = isAdmin || !editable;
   let t58;
-  if ($[105] !== setFieldValue) {
-    t58 = (event_0) => setFieldValue("config.editCollections", event_0.target.value === "own" ? "own" : event_0.target.value === "true");
-    $[105] = setFieldValue;
-    $[106] = t58;
+  if ($[117] !== t55 || $[118] !== t56 || $[119] !== t57) {
+    t58 = /* @__PURE__ */ jsx(Checkbox, { disabled: t55, checked: t56, onCheckedChange: t57 });
+    $[117] = t55;
+    $[118] = t56;
+    $[119] = t57;
+    $[120] = t58;
+  } else {
+    t58 = $[120];
+  }
+  let t59;
+  if ($[121] !== t54 || $[122] !== t58) {
+    t59 = /* @__PURE__ */ jsx(TableCell, { align: "center", children: /* @__PURE__ */ jsx(Tooltip, { title: t54, children: t58 }) });
+    $[121] = t54;
+    $[122] = t58;
+    $[123] = t59;
   } else {
-    t58 = $[106];
+    t59 = $[123];
   }
-  const t59 = isAdmin ? "true" : values_0.config?.editCollections === "own" ? "own" : values_0.config?.editCollections ? "true" : "false";
   let t60;
-  let t61;
-  let t62;
-  if ($[107] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t60 = /* @__PURE__ */ jsx(SelectItem, { value: "true", children: " Yes " });
-    t61 = /* @__PURE__ */ jsx(SelectItem, { value: "false", children: " No " });
-    t62 = /* @__PURE__ */ jsx(SelectItem, { value: "own", children: " Only his/her own " });
-    $[107] = t60;
-    $[108] = t61;
-    $[109] = t62;
-  } else {
-    t60 = $[107];
-    t61 = $[108];
-    t62 = $[109];
+  if ($[124] !== t) {
+    t60 = t("delete_data_in_any_collection");
+    $[124] = t;
+    $[125] = t60;
+  } else {
+    t60 = $[125];
   }
+  const t61 = isAdmin || !editable;
+  const t62 = (isAdmin || defaultDelete) ?? false;
   let t63;
-  if ($[110] !== t56 || $[111] !== t57 || $[112] !== t58 || $[113] !== t59) {
-    t63 = /* @__PURE__ */ jsxs(Select, { size: "large", fullWidth: true, error: t56, id: "editCollections", name: "editCollections", label: "Edit collections", disabled: t57, position: "item-aligned", onChange: t58, value: t59, renderValue: _temp5$1, children: [
-      t60,
-      t61,
-      t62
-    ] });
-    $[110] = t56;
-    $[111] = t57;
-    $[112] = t58;
-    $[113] = t59;
-    $[114] = t63;
+  if ($[126] !== setFieldValue) {
+    t63 = (checked_2) => setFieldValue("defaultPermissions.delete", checked_2);
+    $[126] = setFieldValue;
+    $[127] = t63;
   } else {
-    t63 = $[114];
+    t63 = $[127];
+  }
+  let t64;
+  if ($[128] !== t61 || $[129] !== t62 || $[130] !== t63) {
+    t64 = /* @__PURE__ */ jsx(Checkbox, { disabled: t61, checked: t62, onCheckedChange: t63 });
+    $[128] = t61;
+    $[129] = t62;
+    $[130] = t63;
+    $[131] = t64;
+  } else {
+    t64 = $[131];
   }
-  const t64 = touched.config && Boolean(errors_0.config) ? errors_0.config : "Can the user edit collections";
   let t65;
-  if ($[115] !== t64) {
-    t65 = /* @__PURE__ */ jsx(FieldCaption, { children: t64 });
-    $[115] = t64;
-    $[116] = t65;
+  if ($[132] !== t60 || $[133] !== t64) {
+    t65 = /* @__PURE__ */ jsx(TableCell, { align: "center", children: /* @__PURE__ */ jsx(Tooltip, { title: t60, children: t64 }) });
+    $[132] = t60;
+    $[133] = t64;
+    $[134] = t65;
   } else {
-    t65 = $[116];
+    t65 = $[134];
   }
   let t66;
-  if ($[117] !== t63 || $[118] !== t65) {
-    t66 = /* @__PURE__ */ jsxs("div", { className: "col-span-12 md:col-span-4", children: [
-      t63,
-      t65
+  if ($[135] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t66 = /* @__PURE__ */ jsx(TableCell, { align: "center" });
+    $[135] = t66;
+  } else {
+    t66 = $[135];
+  }
+  let t67;
+  if ($[136] !== t41 || $[137] !== t47 || $[138] !== t53 || $[139] !== t59 || $[140] !== t65) {
+    t67 = /* @__PURE__ */ jsxs(TableRow, { children: [
+      t41,
+      t47,
+      t53,
+      t59,
+      t65,
+      t66
     ] });
-    $[117] = t63;
-    $[118] = t65;
-    $[119] = t66;
-  } else {
-    t66 = $[119];
+    $[136] = t41;
+    $[137] = t47;
+    $[138] = t53;
+    $[139] = t59;
+    $[140] = t65;
+    $[141] = t67;
+  } else {
+    t67 = $[141];
+  }
+  let t68;
+  if ($[142] !== collections || $[143] !== defaultCreate || $[144] !== defaultDelete || $[145] !== defaultEdit || $[146] !== defaultRead || $[147] !== editable || $[148] !== isAdmin || $[149] !== setFieldValue || $[150] !== t || $[151] !== values_0) {
+    t68 = collections && collections.map((col) => /* @__PURE__ */ jsxs(TableRow, { children: [
+      /* @__PURE__ */ jsx(TableCell, { scope: "row", children: col.name }),
+      /* @__PURE__ */ jsx(TableCell, { align: "center", children: /* @__PURE__ */ jsx(Checkbox, { disabled: isAdmin || defaultCreate || !editable, checked: (isAdmin || defaultCreate || getIn(values_0, `collectionPermissions.${col.id}.create`)) ?? false, onCheckedChange: (checked_3) => setFieldValue(`collectionPermissions.${col.id}.create`, checked_3) }) }),
+      /* @__PURE__ */ jsx(TableCell, { align: "center", children: /* @__PURE__ */ jsx(Checkbox, { disabled: isAdmin || defaultRead || !editable, checked: (isAdmin || defaultRead || getIn(values_0, `collectionPermissions.${col.id}.read`)) ?? false, onCheckedChange: (checked_4) => setFieldValue(`collectionPermissions.${col.id}.read`, checked_4) }) }),
+      /* @__PURE__ */ jsx(TableCell, { align: "center", children: /* @__PURE__ */ jsx(Checkbox, { disabled: isAdmin || defaultEdit || !editable, checked: (isAdmin || defaultEdit || getIn(values_0, `collectionPermissions.${col.id}.edit`)) ?? false, onCheckedChange: (checked_5) => setFieldValue(`collectionPermissions.${col.id}.edit`, checked_5) }) }),
+      /* @__PURE__ */ jsx(TableCell, { align: "center", children: /* @__PURE__ */ jsx(Checkbox, { disabled: isAdmin || defaultDelete || !editable, checked: (isAdmin || defaultDelete || getIn(values_0, `collectionPermissions.${col.id}.delete`)) ?? false, onCheckedChange: (checked_6) => setFieldValue(`collectionPermissions.${col.id}.delete`, checked_6) }) }),
+      /* @__PURE__ */ jsx(TableCell, { align: "center", children: /* @__PURE__ */ jsx(Tooltip, { title: t("allow_all_permissions_in_this_collections"), children: /* @__PURE__ */ jsx(Button, { className: "color-inherit", onClick: () => {
+        setFieldValue(`collectionPermissions.${col.id}.create`, true);
+        setFieldValue(`collectionPermissions.${col.id}.read`, true);
+        setFieldValue(`collectionPermissions.${col.id}.edit`, true);
+        setFieldValue(`collectionPermissions.${col.id}.delete`, true);
+      }, disabled: isAdmin || !editable, variant: "text", children: t("all") }) }) })
+    ] }, col.name));
+    $[142] = collections;
+    $[143] = defaultCreate;
+    $[144] = defaultDelete;
+    $[145] = defaultEdit;
+    $[146] = defaultRead;
+    $[147] = editable;
+    $[148] = isAdmin;
+    $[149] = setFieldValue;
+    $[150] = t;
+    $[151] = values_0;
+    $[152] = t68;
+  } else {
+    t68 = $[152];
   }
-  const t67 = touched.config && Boolean(errors_0.config);
-  const t68 = isAdmin || !editable;
   let t69;
-  if ($[120] !== setFieldValue) {
-    t69 = (event_1) => setFieldValue("config.deleteCollections", event_1.target.value === "own" ? "own" : event_1.target.value === "true");
-    $[120] = setFieldValue;
-    $[121] = t69;
+  if ($[153] !== t67 || $[154] !== t68) {
+    t69 = /* @__PURE__ */ jsxs(TableBody, { children: [
+      t67,
+      t68
+    ] });
+    $[153] = t67;
+    $[154] = t68;
+    $[155] = t69;
   } else {
-    t69 = $[121];
+    t69 = $[155];
+  }
+  let t70;
+  if ($[156] !== t39 || $[157] !== t69) {
+    t70 = /* @__PURE__ */ jsx(Paper, { className: "bg-inherit overflow-hidden", children: /* @__PURE__ */ jsxs(Table, { className: "w-full rounded-md", children: [
+      t39,
+      t69
+    ] }) });
+    $[156] = t39;
+    $[157] = t69;
+    $[158] = t70;
+  } else {
+    t70 = $[158];
   }
-  const t70 = isAdmin ? "true" : values_0.config?.deleteCollections === "own" ? "own" : values_0.config?.deleteCollections ? "true" : "false";
   let t71;
+  if ($[159] !== t) {
+    t71 = t("customise_permissions_description");
+    $[159] = t;
+    $[160] = t71;
+  } else {
+    t71 = $[160];
+  }
   let t72;
+  if ($[161] !== t71) {
+    t72 = /* @__PURE__ */ jsx(FieldCaption, { children: t71 });
+    $[161] = t71;
+    $[162] = t72;
+  } else {
+    t72 = $[162];
+  }
   let t73;
-  if ($[122] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t71 = /* @__PURE__ */ jsx(SelectItem, { value: "true", children: " Yes " });
-    t72 = /* @__PURE__ */ jsx(SelectItem, { value: "false", children: " No " });
-    t73 = /* @__PURE__ */ jsx(SelectItem, { value: "own", children: " Only his/her own " });
-    $[122] = t71;
-    $[123] = t72;
-    $[124] = t73;
-  } else {
-    t71 = $[122];
-    t72 = $[123];
-    t73 = $[124];
-  }
-  let t74;
-  if ($[125] !== t67 || $[126] !== t68 || $[127] !== t69 || $[128] !== t70) {
-    t74 = /* @__PURE__ */ jsxs(Select, { size: "large", fullWidth: true, error: t67, id: "deleteCollections", name: "deleteCollections", label: "Delete collections", disabled: t68, position: "item-aligned", onChange: t69, value: t70, renderValue: _temp6$1, children: [
-      t71,
-      t72,
-      t73
+  if ($[163] !== t70 || $[164] !== t72) {
+    t73 = /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
+      t70,
+      t72
     ] });
-    $[125] = t67;
-    $[126] = t68;
-    $[127] = t69;
-    $[128] = t70;
-    $[129] = t74;
+    $[163] = t70;
+    $[164] = t72;
+    $[165] = t73;
   } else {
-    t74 = $[129];
+    t73 = $[165];
   }
-  const t75 = touched.config && Boolean(errors_0.config) ? errors_0.config : "Can the user delete collections";
-  let t76;
-  if ($[130] !== t75) {
-    t76 = /* @__PURE__ */ jsx(FieldCaption, { children: t75 });
-    $[130] = t75;
-    $[131] = t76;
+  const t74 = touched.config && Boolean(errors_0.config);
+  let t75;
+  if ($[166] !== t) {
+    t75 = t("create_collections");
+    $[166] = t;
+    $[167] = t75;
   } else {
-    t76 = $[131];
+    t75 = $[167];
   }
+  const t76 = isAdmin || !editable;
   let t77;
-  if ($[132] !== t74 || $[133] !== t76) {
-    t77 = /* @__PURE__ */ jsxs("div", { className: "col-span-12 md:col-span-4", children: [
-      t74,
-      t76
-    ] });
-    $[132] = t74;
-    $[133] = t76;
-    $[134] = t77;
-  } else {
-    t77 = $[134];
-  }
-  let t78;
-  if ($[135] !== t14 || $[136] !== t21 || $[137] !== t45 || $[138] !== t55 || $[139] !== t66 || $[140] !== t77) {
-    t78 = /* @__PURE__ */ jsx(DialogContent, { className: "flex-grow", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12 gap-4", children: [
-      t14,
-      t21,
-      t45,
-      t55,
-      t66,
-      t77
-    ] }) });
-    $[135] = t14;
-    $[136] = t21;
-    $[137] = t45;
-    $[138] = t55;
-    $[139] = t66;
-    $[140] = t77;
-    $[141] = t78;
+  if ($[168] !== setFieldValue) {
+    t77 = (event) => setFieldValue("config.createCollections", event.target.value === "true");
+    $[168] = setFieldValue;
+    $[169] = t77;
   } else {
-    t78 = $[141];
+    t77 = $[169];
   }
+  const t78 = isAdmin || values_0.config?.createCollections ? "true" : "false";
   let t79;
-  if ($[142] !== savingError) {
-    t79 = savingError && /* @__PURE__ */ jsx(Typography, { className: "text-red-500 dark:text-red-500", children: savingError.message ?? "There was an error saving this role" });
-    $[142] = savingError;
-    $[143] = t79;
+  if ($[170] !== t) {
+    t79 = (value) => value === "true" ? t("yes") : t("no");
+    $[170] = t;
+    $[171] = t79;
   } else {
-    t79 = $[143];
+    t79 = $[171];
   }
   let t80;
-  if ($[144] !== handleClose) {
-    t80 = /* @__PURE__ */ jsx(Button, { variant: "text", onClick: () => {
-      handleClose();
-    }, children: "Cancel" });
-    $[144] = handleClose;
-    $[145] = t80;
+  if ($[172] !== t) {
+    t80 = t("yes");
+    $[172] = t;
+    $[173] = t80;
   } else {
-    t80 = $[145];
+    t80 = $[173];
+  }
+  let t81;
+  if ($[174] !== t80) {
+    t81 = /* @__PURE__ */ jsxs(SelectItem, { value: "true", children: [
+      " ",
+      t80,
+      " "
+    ] });
+    $[174] = t80;
+    $[175] = t81;
+  } else {
+    t81 = $[175];
+  }
+  let t82;
+  if ($[176] !== t) {
+    t82 = t("no");
+    $[176] = t;
+    $[177] = t82;
+  } else {
+    t82 = $[177];
   }
-  const t81 = !dirty;
-  const t82 = isNewRole ? "Create role" : "Update";
   let t83;
-  if ($[146] !== isSubmitting || $[147] !== t81 || $[148] !== t82) {
-    t83 = /* @__PURE__ */ jsx(LoadingButton, { variant: "filled", type: "submit", disabled: t81, loading: isSubmitting, children: t82 });
-    $[146] = isSubmitting;
-    $[147] = t81;
-    $[148] = t82;
-    $[149] = t83;
+  if ($[178] !== t82) {
+    t83 = /* @__PURE__ */ jsxs(SelectItem, { value: "false", children: [
+      " ",
+      t82,
+      " "
+    ] });
+    $[178] = t82;
+    $[179] = t83;
   } else {
-    t83 = $[149];
+    t83 = $[179];
   }
   let t84;
-  if ($[150] !== t79 || $[151] !== t80 || $[152] !== t83) {
-    t84 = /* @__PURE__ */ jsxs(DialogActions, { position: "sticky", children: [
-      t79,
-      t80,
+  if ($[180] !== t74 || $[181] !== t75 || $[182] !== t76 || $[183] !== t77 || $[184] !== t78 || $[185] !== t79 || $[186] !== t81 || $[187] !== t83) {
+    t84 = /* @__PURE__ */ jsxs(Select, { error: t74, size: "large", fullWidth: true, id: "createCollections", name: "createCollections", label: t75, position: "item-aligned", disabled: t76, onChange: t77, value: t78, renderValue: t79, children: [
+      t81,
       t83
     ] });
-    $[150] = t79;
-    $[151] = t80;
-    $[152] = t83;
-    $[153] = t84;
-  } else {
-    t84 = $[153];
+    $[180] = t74;
+    $[181] = t75;
+    $[182] = t76;
+    $[183] = t77;
+    $[184] = t78;
+    $[185] = t79;
+    $[186] = t81;
+    $[187] = t83;
+    $[188] = t84;
+  } else {
+    t84 = $[188];
   }
   let t85;
-  if ($[154] !== formex.handleSubmit || $[155] !== t78 || $[156] !== t84) {
-    t85 = /* @__PURE__ */ jsxs("form", { noValidate: true, autoComplete: "off", onSubmit: formex.handleSubmit, style: t7, children: [
-      t8,
-      t78,
-      t84
-    ] });
-    $[154] = formex.handleSubmit;
-    $[155] = t78;
-    $[156] = t84;
-    $[157] = t85;
+  if ($[189] !== errors_0 || $[190] !== t || $[191] !== touched.config) {
+    t85 = touched.config && Boolean(errors_0.config) ? errors_0.config : t("can_user_create_collections");
+    $[189] = errors_0;
+    $[190] = t;
+    $[191] = touched.config;
+    $[192] = t85;
   } else {
-    t85 = $[157];
+    t85 = $[192];
   }
   let t86;
-  if ($[158] !== formex || $[159] !== t85) {
-    t86 = /* @__PURE__ */ jsx(Formex, { value: formex, children: t85 });
-    $[158] = formex;
-    $[159] = t85;
-    $[160] = t86;
+  if ($[193] !== t85) {
+    t86 = /* @__PURE__ */ jsx(FieldCaption, { children: t85 });
+    $[193] = t85;
+    $[194] = t86;
   } else {
-    t86 = $[160];
+    t86 = $[194];
   }
   let t87;
-  if ($[161] !== open || $[162] !== t86) {
-    t87 = /* @__PURE__ */ jsx(Dialog, { open, maxWidth: "4xl", children: t86 });
-    $[161] = open;
-    $[162] = t86;
-    $[163] = t87;
+  if ($[195] !== t84 || $[196] !== t86) {
+    t87 = /* @__PURE__ */ jsxs("div", { className: "col-span-12 md:col-span-4", children: [
+      t84,
+      t86
+    ] });
+    $[195] = t84;
+    $[196] = t86;
+    $[197] = t87;
+  } else {
+    t87 = $[197];
+  }
+  const t88 = touched.config && Boolean(errors_0.config);
+  let t89;
+  if ($[198] !== t) {
+    t89 = t("edit_collections");
+    $[198] = t;
+    $[199] = t89;
+  } else {
+    t89 = $[199];
+  }
+  const t90 = isAdmin || !editable;
+  let t91;
+  if ($[200] !== setFieldValue) {
+    t91 = (event_0) => setFieldValue("config.editCollections", event_0.target.value === "own" ? "own" : event_0.target.value === "true");
+    $[200] = setFieldValue;
+    $[201] = t91;
+  } else {
+    t91 = $[201];
+  }
+  const t92 = isAdmin ? "true" : values_0.config?.editCollections === "own" ? "own" : values_0.config?.editCollections ? "true" : "false";
+  let t93;
+  if ($[202] !== t) {
+    t93 = (value_0) => value_0 === "own" ? t("own") : value_0 === "true" ? t("yes") : t("no");
+    $[202] = t;
+    $[203] = t93;
+  } else {
+    t93 = $[203];
+  }
+  let t94;
+  if ($[204] !== t) {
+    t94 = t("yes");
+    $[204] = t;
+    $[205] = t94;
+  } else {
+    t94 = $[205];
+  }
+  let t95;
+  if ($[206] !== t94) {
+    t95 = /* @__PURE__ */ jsxs(SelectItem, { value: "true", children: [
+      " ",
+      t94,
+      " "
+    ] });
+    $[206] = t94;
+    $[207] = t95;
   } else {
-    t87 = $[163];
+    t95 = $[207];
   }
-  return t87;
-}
-function _temp6$1(value_1) {
-  return value_1 === "own" ? "Own" : value_1 === "true" ? "Yes" : "No";
-}
-function _temp5$1(value_0) {
-  return value_0 === "own" ? "Own" : value_0 === "true" ? "Yes" : "No";
-}
-function _temp4$1(value) {
-  return value === "true" ? "Yes" : "No";
-}
-function _temp3$1(values) {
-  return RoleYupSchema.validate(values, {
-    abortEarly: false
-  }).then(_temp$3).catch(_temp2$1);
+  let t96;
+  if ($[208] !== t) {
+    t96 = t("no");
+    $[208] = t;
+    $[209] = t96;
+  } else {
+    t96 = $[209];
+  }
+  let t97;
+  if ($[210] !== t96) {
+    t97 = /* @__PURE__ */ jsxs(SelectItem, { value: "false", children: [
+      " ",
+      t96,
+      " "
+    ] });
+    $[210] = t96;
+    $[211] = t97;
+  } else {
+    t97 = $[211];
+  }
+  let t98;
+  if ($[212] !== t) {
+    t98 = t("only_own_collections");
+    $[212] = t;
+    $[213] = t98;
+  } else {
+    t98 = $[213];
+  }
+  let t99;
+  if ($[214] !== t98) {
+    t99 = /* @__PURE__ */ jsxs(SelectItem, { value: "own", children: [
+      " ",
+      t98,
+      " "
+    ] });
+    $[214] = t98;
+    $[215] = t99;
+  } else {
+    t99 = $[215];
+  }
+  let t100;
+  if ($[216] !== t88 || $[217] !== t89 || $[218] !== t90 || $[219] !== t91 || $[220] !== t92 || $[221] !== t93 || $[222] !== t95 || $[223] !== t97 || $[224] !== t99) {
+    t100 = /* @__PURE__ */ jsxs(Select, { size: "large", fullWidth: true, error: t88, id: "editCollections", name: "editCollections", label: t89, disabled: t90, position: "item-aligned", onChange: t91, value: t92, renderValue: t93, children: [
+      t95,
+      t97,
+      t99
+    ] });
+    $[216] = t88;
+    $[217] = t89;
+    $[218] = t90;
+    $[219] = t91;
+    $[220] = t92;
+    $[221] = t93;
+    $[222] = t95;
+    $[223] = t97;
+    $[224] = t99;
+    $[225] = t100;
+  } else {
+    t100 = $[225];
+  }
+  let t101;
+  if ($[226] !== errors_0 || $[227] !== t || $[228] !== touched.config) {
+    t101 = touched.config && Boolean(errors_0.config) ? errors_0.config : t("can_user_edit_collections");
+    $[226] = errors_0;
+    $[227] = t;
+    $[228] = touched.config;
+    $[229] = t101;
+  } else {
+    t101 = $[229];
+  }
+  let t102;
+  if ($[230] !== t101) {
+    t102 = /* @__PURE__ */ jsx(FieldCaption, { children: t101 });
+    $[230] = t101;
+    $[231] = t102;
+  } else {
+    t102 = $[231];
+  }
+  let t103;
+  if ($[232] !== t100 || $[233] !== t102) {
+    t103 = /* @__PURE__ */ jsxs("div", { className: "col-span-12 md:col-span-4", children: [
+      t100,
+      t102
+    ] });
+    $[232] = t100;
+    $[233] = t102;
+    $[234] = t103;
+  } else {
+    t103 = $[234];
+  }
+  const t104 = touched.config && Boolean(errors_0.config);
+  let t105;
+  if ($[235] !== t) {
+    t105 = t("delete_collections");
+    $[235] = t;
+    $[236] = t105;
+  } else {
+    t105 = $[236];
+  }
+  const t106 = isAdmin || !editable;
+  let t107;
+  if ($[237] !== setFieldValue) {
+    t107 = (event_1) => setFieldValue("config.deleteCollections", event_1.target.value === "own" ? "own" : event_1.target.value === "true");
+    $[237] = setFieldValue;
+    $[238] = t107;
+  } else {
+    t107 = $[238];
+  }
+  const t108 = isAdmin ? "true" : values_0.config?.deleteCollections === "own" ? "own" : values_0.config?.deleteCollections ? "true" : "false";
+  let t109;
+  if ($[239] !== t) {
+    t109 = (value_1) => value_1 === "own" ? t("own") : value_1 === "true" ? t("yes") : t("no");
+    $[239] = t;
+    $[240] = t109;
+  } else {
+    t109 = $[240];
+  }
+  let t110;
+  if ($[241] !== t) {
+    t110 = t("yes");
+    $[241] = t;
+    $[242] = t110;
+  } else {
+    t110 = $[242];
+  }
+  let t111;
+  if ($[243] !== t110) {
+    t111 = /* @__PURE__ */ jsxs(SelectItem, { value: "true", children: [
+      " ",
+      t110,
+      " "
+    ] });
+    $[243] = t110;
+    $[244] = t111;
+  } else {
+    t111 = $[244];
+  }
+  let t112;
+  if ($[245] !== t) {
+    t112 = t("no");
+    $[245] = t;
+    $[246] = t112;
+  } else {
+    t112 = $[246];
+  }
+  let t113;
+  if ($[247] !== t112) {
+    t113 = /* @__PURE__ */ jsxs(SelectItem, { value: "false", children: [
+      " ",
+      t112,
+      " "
+    ] });
+    $[247] = t112;
+    $[248] = t113;
+  } else {
+    t113 = $[248];
+  }
+  let t114;
+  if ($[249] !== t) {
+    t114 = t("only_own_collections");
+    $[249] = t;
+    $[250] = t114;
+  } else {
+    t114 = $[250];
+  }
+  let t115;
+  if ($[251] !== t114) {
+    t115 = /* @__PURE__ */ jsxs(SelectItem, { value: "own", children: [
+      " ",
+      t114,
+      " "
+    ] });
+    $[251] = t114;
+    $[252] = t115;
+  } else {
+    t115 = $[252];
+  }
+  let t116;
+  if ($[253] !== t104 || $[254] !== t105 || $[255] !== t106 || $[256] !== t107 || $[257] !== t108 || $[258] !== t109 || $[259] !== t111 || $[260] !== t113 || $[261] !== t115) {
+    t116 = /* @__PURE__ */ jsxs(Select, { size: "large", fullWidth: true, error: t104, id: "deleteCollections", name: "deleteCollections", label: t105, disabled: t106, position: "item-aligned", onChange: t107, value: t108, renderValue: t109, children: [
+      t111,
+      t113,
+      t115
+    ] });
+    $[253] = t104;
+    $[254] = t105;
+    $[255] = t106;
+    $[256] = t107;
+    $[257] = t108;
+    $[258] = t109;
+    $[259] = t111;
+    $[260] = t113;
+    $[261] = t115;
+    $[262] = t116;
+  } else {
+    t116 = $[262];
+  }
+  let t117;
+  if ($[263] !== errors_0 || $[264] !== t || $[265] !== touched.config) {
+    t117 = touched.config && Boolean(errors_0.config) ? errors_0.config : t("can_user_delete_collections");
+    $[263] = errors_0;
+    $[264] = t;
+    $[265] = touched.config;
+    $[266] = t117;
+  } else {
+    t117 = $[266];
+  }
+  let t118;
+  if ($[267] !== t117) {
+    t118 = /* @__PURE__ */ jsx(FieldCaption, { children: t117 });
+    $[267] = t117;
+    $[268] = t118;
+  } else {
+    t118 = $[268];
+  }
+  let t119;
+  if ($[269] !== t116 || $[270] !== t118) {
+    t119 = /* @__PURE__ */ jsxs("div", { className: "col-span-12 md:col-span-4", children: [
+      t116,
+      t118
+    ] });
+    $[269] = t116;
+    $[270] = t118;
+    $[271] = t119;
+  } else {
+    t119 = $[271];
+  }
+  let t120;
+  if ($[272] !== t103 || $[273] !== t119 || $[274] !== t19 || $[275] !== t28 || $[276] !== t73 || $[277] !== t87) {
+    t120 = /* @__PURE__ */ jsx(DialogContent, { className: "flex-grow", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12 gap-4", children: [
+      t19,
+      t28,
+      t73,
+      t87,
+      t103,
+      t119
+    ] }) });
+    $[272] = t103;
+    $[273] = t119;
+    $[274] = t19;
+    $[275] = t28;
+    $[276] = t73;
+    $[277] = t87;
+    $[278] = t120;
+  } else {
+    t120 = $[278];
+  }
+  let t121;
+  if ($[279] !== savingError || $[280] !== t) {
+    t121 = savingError && /* @__PURE__ */ jsx(Typography, { className: "text-red-500 dark:text-red-500", children: savingError.message ?? t("error_saving_role") });
+    $[279] = savingError;
+    $[280] = t;
+    $[281] = t121;
+  } else {
+    t121 = $[281];
+  }
+  let t122;
+  if ($[282] !== handleClose) {
+    t122 = () => {
+      handleClose();
+    };
+    $[282] = handleClose;
+    $[283] = t122;
+  } else {
+    t122 = $[283];
+  }
+  let t123;
+  if ($[284] !== t) {
+    t123 = t("cancel");
+    $[284] = t;
+    $[285] = t123;
+  } else {
+    t123 = $[285];
+  }
+  let t124;
+  if ($[286] !== t122 || $[287] !== t123) {
+    t124 = /* @__PURE__ */ jsx(Button, { variant: "text", onClick: t122, children: t123 });
+    $[286] = t122;
+    $[287] = t123;
+    $[288] = t124;
+  } else {
+    t124 = $[288];
+  }
+  const t125 = !dirty;
+  let t126;
+  if ($[289] !== isNewRole || $[290] !== t) {
+    t126 = isNewRole ? t("create_role") : t("update");
+    $[289] = isNewRole;
+    $[290] = t;
+    $[291] = t126;
+  } else {
+    t126 = $[291];
+  }
+  let t127;
+  if ($[292] !== isSubmitting || $[293] !== t125 || $[294] !== t126) {
+    t127 = /* @__PURE__ */ jsx(LoadingButton, { variant: "filled", type: "submit", disabled: t125, loading: isSubmitting, children: t126 });
+    $[292] = isSubmitting;
+    $[293] = t125;
+    $[294] = t126;
+    $[295] = t127;
+  } else {
+    t127 = $[295];
+  }
+  let t128;
+  if ($[296] !== t121 || $[297] !== t124 || $[298] !== t127) {
+    t128 = /* @__PURE__ */ jsxs(DialogActions, { position: "sticky", children: [
+      t121,
+      t124,
+      t127
+    ] });
+    $[296] = t121;
+    $[297] = t124;
+    $[298] = t127;
+    $[299] = t128;
+  } else {
+    t128 = $[299];
+  }
+  let t129;
+  if ($[300] !== formex.handleSubmit || $[301] !== t11 || $[302] !== t120 || $[303] !== t128) {
+    t129 = /* @__PURE__ */ jsxs("form", { noValidate: true, autoComplete: "off", onSubmit: t8, style: t9, children: [
+      t11,
+      t120,
+      t128
+    ] });
+    $[300] = formex.handleSubmit;
+    $[301] = t11;
+    $[302] = t120;
+    $[303] = t128;
+    $[304] = t129;
+  } else {
+    t129 = $[304];
+  }
+  let t130;
+  if ($[305] !== formex || $[306] !== t129) {
+    t130 = /* @__PURE__ */ jsx(Formex, { value: formex, children: t129 });
+    $[305] = formex;
+    $[306] = t129;
+    $[307] = t130;
+  } else {
+    t130 = $[307];
+  }
+  let t131;
+  if ($[308] !== open || $[309] !== t130) {
+    t131 = /* @__PURE__ */ jsx(Dialog, { open, maxWidth: "4xl", children: t130 });
+    $[308] = open;
+    $[309] = t130;
+    $[310] = t131;
+  } else {
+    t131 = $[310];
+  }
+  return t131;
 }
 function _temp2$1(e_1) {
   const errors = {};
@@ -1239,11 +1706,14 @@ const DEFAULT_ROLES = [{
   }
 }];
 function RolesTable(t0) {
-  const $ = c(25);
+  const $ = c(54);
   const {
     onRoleClicked,
     editable
   } = t0;
+  const {
+    t
+  } = useTranslation();
   const {
     roles,
     saveRole,
@@ -1254,19 +1724,77 @@ function RolesTable(t0) {
   const [deleteInProgress, setDeleteInProgress] = useState(false);
   let t1;
   if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = /* @__PURE__ */ jsxs(TableHeader, { children: [
-      /* @__PURE__ */ jsx(TableCell, { header: true, className: "w-16" }),
-      /* @__PURE__ */ jsx(TableCell, { header: true, children: "Role" }),
-      /* @__PURE__ */ jsx(TableCell, { header: true, className: "items-center", children: "Is Admin" }),
-      /* @__PURE__ */ jsx(TableCell, { header: true, children: "Default permissions" })
-    ] });
+    t1 = /* @__PURE__ */ jsx(TableCell, { header: true, className: "w-16" });
     $[0] = t1;
   } else {
     t1 = $[0];
   }
   let t2;
-  if ($[1] !== editable || $[2] !== onRoleClicked || $[3] !== roles) {
-    t2 = roles && roles.map((role) => {
+  if ($[1] !== t) {
+    t2 = t("role");
+    $[1] = t;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== t2) {
+    t3 = /* @__PURE__ */ jsx(TableCell, { header: true, children: t2 });
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== t) {
+    t4 = t("is_admin");
+    $[5] = t;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== t4) {
+    t5 = /* @__PURE__ */ jsx(TableCell, { header: true, className: "items-center", children: t4 });
+    $[7] = t4;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  let t6;
+  if ($[9] !== t) {
+    t6 = t("default_permissions");
+    $[9] = t;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  let t7;
+  if ($[11] !== t6) {
+    t7 = /* @__PURE__ */ jsx(TableCell, { header: true, children: t6 });
+    $[11] = t6;
+    $[12] = t7;
+  } else {
+    t7 = $[12];
+  }
+  let t8;
+  if ($[13] !== t3 || $[14] !== t5 || $[15] !== t7) {
+    t8 = /* @__PURE__ */ jsxs(TableHeader, { children: [
+      t1,
+      t3,
+      t5,
+      t7
+    ] });
+    $[13] = t3;
+    $[14] = t5;
+    $[15] = t7;
+    $[16] = t8;
+  } else {
+    t8 = $[16];
+  }
+  let t9;
+  if ($[17] !== editable || $[18] !== onRoleClicked || $[19] !== roles || $[20] !== t) {
+    t9 = roles && roles.map((role) => {
       const canCreateAll = role.isAdmin || role.defaultPermissions?.create;
       const canReadAll = role.isAdmin || role.defaultPermissions?.read;
       const canUpdateAll = role.isAdmin || role.defaultPermissions?.edit;
@@ -1276,63 +1804,74 @@ function RolesTable(t0) {
       }, children: [
         /* @__PURE__ */ jsx(TableCell, { style: {
           width: "64px"
-        }, children: !role.isAdmin && /* @__PURE__ */ jsx(Tooltip, { asChild: true, title: "Delete this role", children: /* @__PURE__ */ jsx(IconButton, { size: "small", disabled: !editable, onClick: (event) => {
+        }, children: !role.isAdmin && /* @__PURE__ */ jsx(Tooltip, { asChild: true, title: t("delete_this_role"), children: /* @__PURE__ */ jsx(IconButton, { size: "small", disabled: !editable, onClick: (event) => {
           event.stopPropagation();
           return setRoleToBeDeleted(role);
         }, children: /* @__PURE__ */ jsx(DeleteIcon, {}) }) }) }),
         /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(RoleChip, { role }) }),
         /* @__PURE__ */ jsx(TableCell, { className: "items-center", children: /* @__PURE__ */ jsx(Checkbox, { checked: role.isAdmin ?? false }) }),
         /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("ul", { children: [
-          canCreateAll && /* @__PURE__ */ jsx("li", { children: "Create" }),
-          canReadAll && /* @__PURE__ */ jsx("li", { children: "Read" }),
-          canUpdateAll && /* @__PURE__ */ jsx("li", { children: "Update" }),
-          canDeleteAll && /* @__PURE__ */ jsx("li", { children: "Delete" })
+          canCreateAll && /* @__PURE__ */ jsx("li", { children: t("create") }),
+          canReadAll && /* @__PURE__ */ jsx("li", { children: t("read") }),
+          canUpdateAll && /* @__PURE__ */ jsx("li", { children: t("update") }),
+          canDeleteAll && /* @__PURE__ */ jsx("li", { children: t("delete") })
         ] }) })
       ] }, role.name);
     });
-    $[1] = editable;
-    $[2] = onRoleClicked;
-    $[3] = roles;
-    $[4] = t2;
+    $[17] = editable;
+    $[18] = onRoleClicked;
+    $[19] = roles;
+    $[20] = t;
+    $[21] = t9;
   } else {
-    t2 = $[4];
+    t9 = $[21];
   }
-  let t3;
-  if ($[5] !== allowDefaultRolesCreation || $[6] !== roles || $[7] !== saveRole) {
-    t3 = (!roles || roles.length === 0) && /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colspan: 4, children: /* @__PURE__ */ jsxs(CenteredView, { className: "flex flex-col gap-4 my-8 items-center", children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "label", children: "You don't have any roles yet." }),
+  let t10;
+  if ($[22] !== allowDefaultRolesCreation || $[23] !== roles || $[24] !== saveRole || $[25] !== t) {
+    t10 = (!roles || roles.length === 0) && /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colspan: 4, children: /* @__PURE__ */ jsxs(CenteredView, { className: "flex flex-col gap-4 my-8 items-center", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "label", children: t("no_roles_yet") }),
       allowDefaultRolesCreation && /* @__PURE__ */ jsx(Button, { onClick: () => {
         DEFAULT_ROLES.forEach((role_0) => {
           saveRole(role_0);
         });
-      }, children: "Create default roles" })
+      }, children: t("create_default_roles") })
     ] }) }) });
-    $[5] = allowDefaultRolesCreation;
-    $[6] = roles;
-    $[7] = saveRole;
-    $[8] = t3;
+    $[22] = allowDefaultRolesCreation;
+    $[23] = roles;
+    $[24] = saveRole;
+    $[25] = t;
+    $[26] = t10;
   } else {
-    t3 = $[8];
+    t10 = $[26];
   }
-  let t4;
-  if ($[9] !== t2 || $[10] !== t3) {
-    t4 = /* @__PURE__ */ jsxs(Table, { className: "w-full", children: [
-      t1,
-      /* @__PURE__ */ jsxs(TableBody, { children: [
-        t2,
-        t3
-      ] })
+  let t11;
+  if ($[27] !== t10 || $[28] !== t9) {
+    t11 = /* @__PURE__ */ jsxs(TableBody, { children: [
+      t9,
+      t10
     ] });
-    $[9] = t2;
-    $[10] = t3;
-    $[11] = t4;
+    $[27] = t10;
+    $[28] = t9;
+    $[29] = t11;
   } else {
-    t4 = $[11];
+    t11 = $[29];
   }
-  const t5 = Boolean(roleToBeDeleted);
-  let t6;
-  if ($[12] !== deleteRole || $[13] !== roleToBeDeleted) {
-    t6 = () => {
+  let t12;
+  if ($[30] !== t11 || $[31] !== t8) {
+    t12 = /* @__PURE__ */ jsxs(Table, { className: "w-full", children: [
+      t8,
+      t11
+    ] });
+    $[30] = t11;
+    $[31] = t8;
+    $[32] = t12;
+  } else {
+    t12 = $[32];
+  }
+  const t13 = Boolean(roleToBeDeleted);
+  let t14;
+  if ($[33] !== deleteRole || $[34] !== roleToBeDeleted) {
+    t14 = () => {
       if (roleToBeDeleted) {
         setDeleteInProgress(true);
         deleteRole(roleToBeDeleted).then(() => {
@@ -1342,58 +1881,87 @@ function RolesTable(t0) {
         });
       }
     };
-    $[12] = deleteRole;
-    $[13] = roleToBeDeleted;
-    $[14] = t6;
+    $[33] = deleteRole;
+    $[34] = roleToBeDeleted;
+    $[35] = t14;
   } else {
-    t6 = $[14];
+    t14 = $[35];
   }
-  let t7;
-  let t8;
-  let t9;
-  if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t7 = () => {
+  let t15;
+  if ($[36] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t15 = () => {
       setRoleToBeDeleted(void 0);
     };
-    t8 = /* @__PURE__ */ jsx(Fragment, { children: "Delete?" });
-    t9 = /* @__PURE__ */ jsx(Fragment, { children: "Are you sure you want to delete this role?" });
-    $[15] = t7;
-    $[16] = t8;
-    $[17] = t9;
+    $[36] = t15;
   } else {
-    t7 = $[15];
-    t8 = $[16];
-    t9 = $[17];
+    t15 = $[36];
   }
-  let t10;
-  if ($[18] !== deleteInProgress || $[19] !== t5 || $[20] !== t6) {
-    t10 = /* @__PURE__ */ jsx(ConfirmationDialog, { open: t5, loading: deleteInProgress, onAccept: t6, onCancel: t7, title: t8, body: t9 });
-    $[18] = deleteInProgress;
-    $[19] = t5;
-    $[20] = t6;
-    $[21] = t10;
+  let t16;
+  if ($[37] !== t) {
+    t16 = t("delete_confirmation_title");
+    $[37] = t;
+    $[38] = t16;
   } else {
-    t10 = $[21];
+    t16 = $[38];
   }
-  let t11;
-  if ($[22] !== t10 || $[23] !== t4) {
-    t11 = /* @__PURE__ */ jsxs("div", { className: "w-full overflow-auto", children: [
-      t4,
-      t10
+  let t17;
+  if ($[39] !== t16) {
+    t17 = /* @__PURE__ */ jsx(Fragment, { children: t16 });
+    $[39] = t16;
+    $[40] = t17;
+  } else {
+    t17 = $[40];
+  }
+  let t18;
+  if ($[41] !== t) {
+    t18 = t("delete_role_confirmation");
+    $[41] = t;
+    $[42] = t18;
+  } else {
+    t18 = $[42];
+  }
+  let t19;
+  if ($[43] !== t18) {
+    t19 = /* @__PURE__ */ jsx(Fragment, { children: t18 });
+    $[43] = t18;
+    $[44] = t19;
+  } else {
+    t19 = $[44];
+  }
+  let t20;
+  if ($[45] !== deleteInProgress || $[46] !== t13 || $[47] !== t14 || $[48] !== t17 || $[49] !== t19) {
+    t20 = /* @__PURE__ */ jsx(ConfirmationDialog, { open: t13, loading: deleteInProgress, onAccept: t14, onCancel: t15, title: t17, body: t19 });
+    $[45] = deleteInProgress;
+    $[46] = t13;
+    $[47] = t14;
+    $[48] = t17;
+    $[49] = t19;
+    $[50] = t20;
+  } else {
+    t20 = $[50];
+  }
+  let t21;
+  if ($[51] !== t12 || $[52] !== t20) {
+    t21 = /* @__PURE__ */ jsxs("div", { className: "w-full overflow-auto", children: [
+      t12,
+      t20
     ] });
-    $[22] = t10;
-    $[23] = t4;
-    $[24] = t11;
+    $[51] = t12;
+    $[52] = t20;
+    $[53] = t21;
   } else {
-    t11 = $[24];
+    t21 = $[53];
   }
-  return t11;
+  return t21;
 }
 const RolesView = React.memo(function RolesView2(t0) {
-  const $ = c(13);
+  const $ = c(25);
   const {
     children
   } = t0;
+  const {
+    t
+  } = useTranslation();
   const {
     collections
   } = useNavigationController();
@@ -1422,79 +1990,124 @@ const RolesView = React.memo(function RolesView2(t0) {
   }
   const handleClose = t2;
   let t3;
-  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t3 = /* @__PURE__ */ jsx(Typography, { gutterBottom: true, variant: "h4", className: "flex-grow", component: "h4", children: "Roles" });
-    $[2] = t3;
+  if ($[2] !== t) {
+    t3 = t("roles");
+    $[2] = t;
+    $[3] = t3;
   } else {
-    t3 = $[2];
+    t3 = $[3];
   }
   let t4;
+  if ($[4] !== t3) {
+    t4 = /* @__PURE__ */ jsx(Typography, { gutterBottom: true, variant: "h4", className: "flex-grow", component: "h4", children: t3 });
+    $[4] = t3;
+    $[5] = t4;
+  } else {
+    t4 = $[5];
+  }
   let t5;
-  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t4 = /* @__PURE__ */ jsxs("div", { className: "flex items-center mt-12", children: [
-      t3,
-      /* @__PURE__ */ jsx(Button, { size: "large", startIcon: /* @__PURE__ */ jsx(AddIcon, {}), onClick: () => setDialogOpen(true), children: "Add role" })
-    ] });
-    t5 = /* @__PURE__ */ jsx(RolesTable, { onRoleClicked, editable: true });
-    $[3] = t4;
-    $[4] = t5;
+  let t6;
+  if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t5 = /* @__PURE__ */ jsx(AddIcon, {});
+    t6 = () => setDialogOpen(true);
+    $[6] = t5;
+    $[7] = t6;
   } else {
-    t4 = $[3];
-    t5 = $[4];
+    t5 = $[6];
+    t6 = $[7];
   }
-  const t6 = selectedRole?.id ?? "new";
   let t7;
-  if ($[5] !== collections || $[6] !== dialogOpen || $[7] !== selectedRole || $[8] !== t6) {
-    t7 = /* @__PURE__ */ jsx(RolesDetailsForm, { open: dialogOpen, role: selectedRole, editable: true, collections, handleClose }, t6);
-    $[5] = collections;
-    $[6] = dialogOpen;
-    $[7] = selectedRole;
-    $[8] = t6;
+  if ($[8] !== t) {
+    t7 = t("add_role");
+    $[8] = t;
     $[9] = t7;
   } else {
     t7 = $[9];
   }
   let t8;
-  if ($[10] !== children || $[11] !== t7) {
-    t8 = /* @__PURE__ */ jsxs(Container, { className: "w-full flex flex-col py-4 gap-4", maxWidth: "6xl", children: [
-      children,
+  if ($[10] !== t7) {
+    t8 = /* @__PURE__ */ jsx(Button, { size: "large", startIcon: t5, onClick: t6, children: t7 });
+    $[10] = t7;
+    $[11] = t8;
+  } else {
+    t8 = $[11];
+  }
+  let t9;
+  if ($[12] !== t4 || $[13] !== t8) {
+    t9 = /* @__PURE__ */ jsxs("div", { className: "flex items-center mt-12", children: [
       t4,
-      t5,
-      t7
+      t8
+    ] });
+    $[12] = t4;
+    $[13] = t8;
+    $[14] = t9;
+  } else {
+    t9 = $[14];
+  }
+  let t10;
+  if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t10 = /* @__PURE__ */ jsx(RolesTable, { onRoleClicked, editable: true });
+    $[15] = t10;
+  } else {
+    t10 = $[15];
+  }
+  const t11 = selectedRole?.id ?? "new";
+  let t12;
+  if ($[16] !== collections || $[17] !== dialogOpen || $[18] !== selectedRole || $[19] !== t11) {
+    t12 = /* @__PURE__ */ jsx(RolesDetailsForm, { open: dialogOpen, role: selectedRole, editable: true, collections, handleClose }, t11);
+    $[16] = collections;
+    $[17] = dialogOpen;
+    $[18] = selectedRole;
+    $[19] = t11;
+    $[20] = t12;
+  } else {
+    t12 = $[20];
+  }
+  let t13;
+  if ($[21] !== children || $[22] !== t12 || $[23] !== t9) {
+    t13 = /* @__PURE__ */ jsxs(Container, { className: "w-full flex flex-col py-4 gap-4", maxWidth: "6xl", children: [
+      children,
+      t9,
+      t10,
+      t12
     ] });
-    $[10] = children;
-    $[11] = t7;
-    $[12] = t8;
+    $[21] = children;
+    $[22] = t12;
+    $[23] = t9;
+    $[24] = t13;
   } else {
-    t8 = $[12];
+    t13 = $[24];
   }
-  return t8;
+  return t13;
 });
-const UserYupSchema = Yup.object().shape({
-  displayName: Yup.string().required("Required"),
-  email: Yup.string().email().required("Required"),
+const getUserYupSchema = (t) => Yup.object().shape({
+  displayName: Yup.string().required(t("required")),
+  email: Yup.string().email().required(t("required")),
   roles: Yup.array().min(1)
 });
-function canUserBeEdited(loggedUser, user, users, roles, prevUser) {
+function canUserBeEdited(loggedUser, user, users, roles, t, prevUser) {
   const admins = users.filter((u) => u.roles?.map((r) => r.id).includes("admin"));
   const loggedUserIsAdmin = loggedUser.roles?.map((r) => r.id).includes("admin");
   const didRolesChange = !prevUser || !areRolesEqual(prevUser.roles ?? [], user.roles ?? []);
   if (didRolesChange && !loggedUserIsAdmin) {
-    throw new Error("Only admins can change roles");
+    throw new Error(t("only_admins_change_roles"));
   }
   const adminRoleRemoved = prevUser && prevUser.roles?.map((r) => r.id).includes("admin") && !user.roles?.map((r) => r.id).includes("admin");
   if (adminRoleRemoved && admins.length === 1) {
-    throw new Error("There must be at least one admin");
+    throw new Error(t("must_be_at_least_one_admin"));
   }
   return true;
 }
 function UserDetailsForm(t0) {
-  const $ = c(73);
+  const $ = c(114);
   const {
     open,
     user: userProp,
     handleClose
   } = t0;
+  const {
+    t
+  } = useTranslation();
   const snackbarController = useSnackbarController();
   const {
     user: loggedInUser
@@ -1506,13 +2119,13 @@ function UserDetailsForm(t0) {
   } = useUserManagement();
   const isNewUser = !userProp;
   let t1;
-  if ($[0] !== loggedInUser || $[1] !== roles || $[2] !== saveUser || $[3] !== userProp || $[4] !== users) {
+  if ($[0] !== loggedInUser || $[1] !== roles || $[2] !== saveUser || $[3] !== t || $[4] !== userProp || $[5] !== users) {
     t1 = (savedUser) => {
       if (!loggedInUser) {
-        throw new Error("Logged user not found");
+        throw new Error(t("logged_user_not_found"));
       }
       try {
-        canUserBeEdited(loggedInUser, savedUser, users, roles, userProp);
+        canUserBeEdited(loggedInUser, savedUser, users, roles, t, userProp);
         return saveUser(savedUser);
       } catch (t210) {
         const e = t210;
@@ -1522,29 +2135,40 @@ function UserDetailsForm(t0) {
     $[0] = loggedInUser;
     $[1] = roles;
     $[2] = saveUser;
-    $[3] = userProp;
-    $[4] = users;
-    $[5] = t1;
+    $[3] = t;
+    $[4] = userProp;
+    $[5] = users;
+    $[6] = t1;
   } else {
-    t1 = $[5];
+    t1 = $[6];
   }
   const onUserUpdated = t1;
   let t2;
-  if ($[6] !== roles || $[7] !== userProp) {
+  if ($[7] !== roles || $[8] !== userProp) {
     t2 = userProp ?? {
       displayName: "",
       email: "",
       roles: roles.filter(_temp$2)
     };
-    $[6] = roles;
-    $[7] = userProp;
-    $[8] = t2;
+    $[7] = roles;
+    $[8] = userProp;
+    $[9] = t2;
   } else {
-    t2 = $[8];
+    t2 = $[9];
   }
   let t3;
-  if ($[9] !== handleClose || $[10] !== onUserUpdated || $[11] !== snackbarController) {
-    t3 = (user, formexController) => onUserUpdated(user).then(() => {
+  if ($[10] !== t) {
+    t3 = (values) => getUserYupSchema(t).validate(values, {
+      abortEarly: false
+    }).then(_temp2).catch(_temp4);
+    $[10] = t;
+    $[11] = t3;
+  } else {
+    t3 = $[11];
+  }
+  let t4;
+  if ($[12] !== handleClose || $[13] !== onUserUpdated || $[14] !== snackbarController) {
+    t4 = (user, formexController) => onUserUpdated(user).then(() => {
       handleClose();
       formexController.resetForm({
         values: user
@@ -1555,27 +2179,28 @@ function UserDetailsForm(t0) {
         message: e_1.message
       });
     });
-    $[9] = handleClose;
-    $[10] = onUserUpdated;
-    $[11] = snackbarController;
-    $[12] = t3;
+    $[12] = handleClose;
+    $[13] = onUserUpdated;
+    $[14] = snackbarController;
+    $[15] = t4;
   } else {
-    t3 = $[12];
+    t4 = $[15];
   }
-  let t4;
-  if ($[13] !== t2 || $[14] !== t3) {
-    t4 = {
+  let t5;
+  if ($[16] !== t2 || $[17] !== t3 || $[18] !== t4) {
+    t5 = {
       initialValues: t2,
-      validation: _temp5,
-      onSubmit: t3
+      validation: t3,
+      onSubmit: t4
     };
-    $[13] = t2;
-    $[14] = t3;
-    $[15] = t4;
+    $[16] = t2;
+    $[17] = t3;
+    $[18] = t4;
+    $[19] = t5;
   } else {
-    t4 = $[15];
+    t5 = $[19];
   }
-  const formex = useCreateFormex(t4);
+  const formex = useCreateFormex(t5);
   const {
     isSubmitting,
     handleChange,
@@ -1586,225 +2211,335 @@ function UserDetailsForm(t0) {
     handleSubmit,
     submitCount
   } = formex;
-  let t5;
-  if ($[16] !== handleClose) {
-    t5 = (open_0) => !open_0 ? handleClose() : void 0;
-    $[16] = handleClose;
-    $[17] = t5;
+  let t6;
+  if ($[20] !== handleClose) {
+    t6 = (open_0) => !open_0 ? handleClose() : void 0;
+    $[20] = handleClose;
+    $[21] = t6;
   } else {
-    t5 = $[17];
+    t6 = $[21];
   }
-  let t6;
   let t7;
-  if ($[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t6 = {
+  if ($[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t7 = {
       display: "flex",
       flexDirection: "column",
       position: "relative",
       height: "100%"
     };
-    t7 = /* @__PURE__ */ jsx(DialogTitle, { variant: "h4", gutterBottom: false, children: "User" });
-    $[18] = t6;
-    $[19] = t7;
+    $[22] = t7;
   } else {
-    t6 = $[18];
-    t7 = $[19];
+    t7 = $[22];
   }
-  const t8 = submitCount > 0 && Boolean(errors.displayName);
-  const t9 = values_0.displayName ?? "";
-  let t10;
-  if ($[20] !== handleChange || $[21] !== t8 || $[22] !== t9) {
-    t10 = /* @__PURE__ */ jsx(TextField, { name: "displayName", required: true, error: t8, value: t9, onChange: handleChange, "aria-describedby": "name-helper-text", label: "Name" });
-    $[20] = handleChange;
-    $[21] = t8;
-    $[22] = t9;
-    $[23] = t10;
+  let t8;
+  if ($[23] !== t) {
+    t8 = t("user");
+    $[23] = t;
+    $[24] = t8;
   } else {
-    t10 = $[23];
+    t8 = $[24];
   }
-  const t11 = submitCount > 0 && Boolean(errors.displayName) ? errors.displayName : "Name of this user";
-  let t12;
-  if ($[24] !== t11) {
-    t12 = /* @__PURE__ */ jsx(FieldCaption, { children: t11 });
-    $[24] = t11;
-    $[25] = t12;
+  let t9;
+  if ($[25] !== t8) {
+    t9 = /* @__PURE__ */ jsx("div", { children: t8 });
+    $[25] = t8;
+    $[26] = t9;
   } else {
-    t12 = $[25];
+    t9 = $[26];
   }
-  let t13;
-  if ($[26] !== t10 || $[27] !== t12) {
-    t13 = /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
-      t10,
-      t12
+  let t10;
+  if ($[27] !== isNewUser || $[28] !== snackbarController || $[29] !== t || $[30] !== userProp) {
+    t10 = !isNewUser && userProp?.uid && /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-xs font-mono text-surface-accent-500 dark:text-surface-accent-400 font-normal", children: userProp.uid }),
+      /* @__PURE__ */ jsx(Tooltip, { title: t("copy"), children: /* @__PURE__ */ jsx(IconButton, { size: "smallest", onClick: () => {
+        navigator.clipboard.writeText(userProp.uid);
+        snackbarController.open({
+          type: "success",
+          message: t("copied")
+        });
+      }, children: /* @__PURE__ */ jsx(CopyIcon, { size: "smallest" }) }) })
     ] });
-    $[26] = t10;
-    $[27] = t12;
-    $[28] = t13;
+    $[27] = isNewUser;
+    $[28] = snackbarController;
+    $[29] = t;
+    $[30] = userProp;
+    $[31] = t10;
   } else {
-    t13 = $[28];
+    t10 = $[31];
   }
-  const t14 = submitCount > 0 && Boolean(errors.email);
-  const t15 = values_0.email ?? "";
-  let t16;
-  if ($[29] !== handleChange || $[30] !== t14 || $[31] !== t15) {
-    t16 = /* @__PURE__ */ jsx(TextField, { required: true, error: t14, name: "email", value: t15, onChange: handleChange, "aria-describedby": "email-helper-text", label: "Email" });
-    $[29] = handleChange;
-    $[30] = t14;
-    $[31] = t15;
-    $[32] = t16;
+  let t11;
+  if ($[32] !== t10 || $[33] !== t9) {
+    t11 = /* @__PURE__ */ jsx(DialogTitle, { variant: "h4", gutterBottom: false, children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
+      t9,
+      t10
+    ] }) });
+    $[32] = t10;
+    $[33] = t9;
+    $[34] = t11;
   } else {
-    t16 = $[32];
+    t11 = $[34];
   }
-  const t17 = submitCount > 0 && Boolean(errors.email) ? errors.email : "Email of this user";
-  let t18;
-  if ($[33] !== t17) {
-    t18 = /* @__PURE__ */ jsx(FieldCaption, { children: t17 });
-    $[33] = t17;
-    $[34] = t18;
+  const t12 = submitCount > 0 && Boolean(errors.displayName);
+  const t13 = values_0.displayName ?? "";
+  let t14;
+  if ($[35] !== t) {
+    t14 = t("name");
+    $[35] = t;
+    $[36] = t14;
   } else {
-    t18 = $[34];
+    t14 = $[36];
   }
-  let t19;
-  if ($[35] !== t16 || $[36] !== t18) {
-    t19 = /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
-      t16,
-      t18
-    ] });
-    $[35] = t16;
-    $[36] = t18;
-    $[37] = t19;
+  let t15;
+  if ($[37] !== handleChange || $[38] !== t12 || $[39] !== t13 || $[40] !== t14) {
+    t15 = /* @__PURE__ */ jsx(TextField, { name: "displayName", required: true, error: t12, value: t13, onChange: handleChange, "aria-describedby": "name-helper-text", label: t14 });
+    $[37] = handleChange;
+    $[38] = t12;
+    $[39] = t13;
+    $[40] = t14;
+    $[41] = t15;
   } else {
-    t19 = $[37];
+    t15 = $[41];
   }
-  let t20;
-  if ($[38] !== values_0.roles) {
-    t20 = values_0.roles?.map(_temp6) ?? [];
-    $[38] = values_0.roles;
-    $[39] = t20;
+  let t16;
+  if ($[42] !== errors || $[43] !== submitCount || $[44] !== t) {
+    t16 = submitCount > 0 && Boolean(errors.displayName) ? errors.displayName : t("name_of_this_user");
+    $[42] = errors;
+    $[43] = submitCount;
+    $[44] = t;
+    $[45] = t16;
   } else {
-    t20 = $[39];
+    t16 = $[45];
   }
+  let t17;
+  if ($[46] !== t16) {
+    t17 = /* @__PURE__ */ jsx(FieldCaption, { children: t16 });
+    $[46] = t16;
+    $[47] = t17;
+  } else {
+    t17 = $[47];
+  }
+  let t18;
+  if ($[48] !== t15 || $[49] !== t17) {
+    t18 = /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
+      t15,
+      t17
+    ] });
+    $[48] = t15;
+    $[49] = t17;
+    $[50] = t18;
+  } else {
+    t18 = $[50];
+  }
+  const t19 = submitCount > 0 && Boolean(errors.email);
+  const t20 = values_0.email ?? "";
   let t21;
-  if ($[40] !== roles || $[41] !== setFieldValue) {
-    t21 = (value) => setFieldValue("roles", value.map((id) => roles.find((r_1) => r_1.id === id)));
-    $[40] = roles;
-    $[41] = setFieldValue;
-    $[42] = t21;
+  if ($[51] !== t) {
+    t21 = t("email");
+    $[51] = t;
+    $[52] = t21;
   } else {
-    t21 = $[42];
+    t21 = $[52];
   }
   let t22;
-  if ($[43] !== roles) {
-    t22 = roles.map(_temp7);
-    $[43] = roles;
-    $[44] = t22;
+  if ($[53] !== handleChange || $[54] !== t19 || $[55] !== t20 || $[56] !== t21) {
+    t22 = /* @__PURE__ */ jsx(TextField, { required: true, error: t19, name: "email", value: t20, onChange: handleChange, "aria-describedby": "email-helper-text", label: t21 });
+    $[53] = handleChange;
+    $[54] = t19;
+    $[55] = t20;
+    $[56] = t21;
+    $[57] = t22;
   } else {
-    t22 = $[44];
+    t22 = $[57];
   }
   let t23;
-  if ($[45] !== t20 || $[46] !== t21 || $[47] !== t22) {
-    t23 = /* @__PURE__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsx(MultiSelect, { className: "w-full", label: "Roles", value: t20, onValueChange: t21, children: t22 }) });
-    $[45] = t20;
-    $[46] = t21;
-    $[47] = t22;
-    $[48] = t23;
+  if ($[58] !== errors || $[59] !== submitCount || $[60] !== t) {
+    t23 = submitCount > 0 && Boolean(errors.email) ? errors.email : t("email_of_this_user");
+    $[58] = errors;
+    $[59] = submitCount;
+    $[60] = t;
+    $[61] = t23;
   } else {
-    t23 = $[48];
+    t23 = $[61];
   }
   let t24;
-  if ($[49] !== t13 || $[50] !== t19 || $[51] !== t23) {
-    t24 = /* @__PURE__ */ jsx(DialogContent, { className: "h-full flex-grow", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12 gap-4", children: [
-      t13,
-      t19,
-      t23
-    ] }) });
-    $[49] = t13;
-    $[50] = t19;
-    $[51] = t23;
-    $[52] = t24;
+  if ($[62] !== t23) {
+    t24 = /* @__PURE__ */ jsx(FieldCaption, { children: t23 });
+    $[62] = t23;
+    $[63] = t24;
   } else {
-    t24 = $[52];
+    t24 = $[63];
   }
   let t25;
-  if ($[53] !== handleClose) {
-    t25 = /* @__PURE__ */ jsx(Button, { variant: "text", onClick: () => {
-      handleClose();
-    }, children: "Cancel" });
-    $[53] = handleClose;
-    $[54] = t25;
+  if ($[64] !== t22 || $[65] !== t24) {
+    t25 = /* @__PURE__ */ jsxs("div", { className: "col-span-12", children: [
+      t22,
+      t24
+    ] });
+    $[64] = t22;
+    $[65] = t24;
+    $[66] = t25;
   } else {
-    t25 = $[54];
+    t25 = $[66];
+  }
+  let t26;
+  if ($[67] !== t) {
+    t26 = t("roles");
+    $[67] = t;
+    $[68] = t26;
+  } else {
+    t26 = $[68];
+  }
+  let t27;
+  if ($[69] !== values_0.roles) {
+    t27 = values_0.roles?.map(_temp5) ?? [];
+    $[69] = values_0.roles;
+    $[70] = t27;
+  } else {
+    t27 = $[70];
   }
-  const t26 = !dirty;
-  const t27 = isNewUser ? "Create user" : "Update";
   let t28;
-  if ($[55] !== isSubmitting || $[56] !== t26 || $[57] !== t27) {
-    t28 = /* @__PURE__ */ jsx(LoadingButton, { variant: "filled", type: "submit", disabled: t26, loading: isSubmitting, children: t27 });
-    $[55] = isSubmitting;
-    $[56] = t26;
-    $[57] = t27;
-    $[58] = t28;
+  if ($[71] !== roles || $[72] !== setFieldValue) {
+    t28 = (value) => setFieldValue("roles", value.map((id) => roles.find((r_1) => r_1.id === id)));
+    $[71] = roles;
+    $[72] = setFieldValue;
+    $[73] = t28;
   } else {
-    t28 = $[58];
+    t28 = $[73];
   }
   let t29;
-  if ($[59] !== t25 || $[60] !== t28) {
-    t29 = /* @__PURE__ */ jsxs(DialogActions, { children: [
-      t25,
-      t28
-    ] });
-    $[59] = t25;
-    $[60] = t28;
-    $[61] = t29;
+  if ($[74] !== roles) {
+    t29 = roles.map(_temp6);
+    $[74] = roles;
+    $[75] = t29;
   } else {
-    t29 = $[61];
+    t29 = $[75];
   }
   let t30;
-  if ($[62] !== handleSubmit || $[63] !== t24 || $[64] !== t29) {
-    t30 = /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, autoComplete: "off", noValidate: true, style: t6, children: [
-      t7,
-      t24,
-      t29
-    ] });
-    $[62] = handleSubmit;
-    $[63] = t24;
-    $[64] = t29;
-    $[65] = t30;
+  if ($[76] !== t26 || $[77] !== t27 || $[78] !== t28 || $[79] !== t29) {
+    t30 = /* @__PURE__ */ jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsx(MultiSelect, { className: "w-full", label: t26, value: t27, onValueChange: t28, children: t29 }) });
+    $[76] = t26;
+    $[77] = t27;
+    $[78] = t28;
+    $[79] = t29;
+    $[80] = t30;
   } else {
-    t30 = $[65];
+    t30 = $[80];
   }
   let t31;
-  if ($[66] !== formex || $[67] !== t30) {
-    t31 = /* @__PURE__ */ jsx(Formex, { value: formex, children: t30 });
-    $[66] = formex;
-    $[67] = t30;
-    $[68] = t31;
+  if ($[81] !== t18 || $[82] !== t25 || $[83] !== t30) {
+    t31 = /* @__PURE__ */ jsx(DialogContent, { className: "h-full flex-grow", children: /* @__PURE__ */ jsxs("div", { className: "grid grid-cols-12 gap-4", children: [
+      t18,
+      t25,
+      t30
+    ] }) });
+    $[81] = t18;
+    $[82] = t25;
+    $[83] = t30;
+    $[84] = t31;
   } else {
-    t31 = $[68];
+    t31 = $[84];
   }
   let t32;
-  if ($[69] !== open || $[70] !== t31 || $[71] !== t5) {
-    t32 = /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: t5, maxWidth: "4xl", children: t31 });
-    $[69] = open;
-    $[70] = t31;
-    $[71] = t5;
-    $[72] = t32;
+  if ($[85] !== handleClose) {
+    t32 = () => {
+      handleClose();
+    };
+    $[85] = handleClose;
+    $[86] = t32;
+  } else {
+    t32 = $[86];
+  }
+  let t33;
+  if ($[87] !== t) {
+    t33 = t("cancel");
+    $[87] = t;
+    $[88] = t33;
+  } else {
+    t33 = $[88];
+  }
+  let t34;
+  if ($[89] !== t32 || $[90] !== t33) {
+    t34 = /* @__PURE__ */ jsx(Button, { variant: "text", onClick: t32, children: t33 });
+    $[89] = t32;
+    $[90] = t33;
+    $[91] = t34;
+  } else {
+    t34 = $[91];
+  }
+  const t35 = !dirty;
+  let t36;
+  if ($[92] !== isNewUser || $[93] !== t) {
+    t36 = isNewUser ? t("create_user") : t("update");
+    $[92] = isNewUser;
+    $[93] = t;
+    $[94] = t36;
+  } else {
+    t36 = $[94];
+  }
+  let t37;
+  if ($[95] !== isSubmitting || $[96] !== t35 || $[97] !== t36) {
+    t37 = /* @__PURE__ */ jsx(LoadingButton, { variant: "filled", type: "submit", disabled: t35, loading: isSubmitting, children: t36 });
+    $[95] = isSubmitting;
+    $[96] = t35;
+    $[97] = t36;
+    $[98] = t37;
+  } else {
+    t37 = $[98];
+  }
+  let t38;
+  if ($[99] !== t34 || $[100] !== t37) {
+    t38 = /* @__PURE__ */ jsxs(DialogActions, { children: [
+      t34,
+      t37
+    ] });
+    $[99] = t34;
+    $[100] = t37;
+    $[101] = t38;
+  } else {
+    t38 = $[101];
+  }
+  let t39;
+  if ($[102] !== handleSubmit || $[103] !== t11 || $[104] !== t31 || $[105] !== t38) {
+    t39 = /* @__PURE__ */ jsxs("form", { onSubmit: handleSubmit, autoComplete: "off", noValidate: true, style: t7, children: [
+      t11,
+      t31,
+      t38
+    ] });
+    $[102] = handleSubmit;
+    $[103] = t11;
+    $[104] = t31;
+    $[105] = t38;
+    $[106] = t39;
+  } else {
+    t39 = $[106];
+  }
+  let t40;
+  if ($[107] !== formex || $[108] !== t39) {
+    t40 = /* @__PURE__ */ jsx(Formex, { value: formex, children: t39 });
+    $[107] = formex;
+    $[108] = t39;
+    $[109] = t40;
   } else {
-    t32 = $[72];
+    t40 = $[109];
   }
-  return t32;
+  let t41;
+  if ($[110] !== open || $[111] !== t40 || $[112] !== t6) {
+    t41 = /* @__PURE__ */ jsx(Dialog, { open, onOpenChange: t6, maxWidth: "4xl", children: t40 });
+    $[110] = open;
+    $[111] = t40;
+    $[112] = t6;
+    $[113] = t41;
+  } else {
+    t41 = $[113];
+  }
+  return t41;
 }
-function _temp7(userRole) {
+function _temp6(userRole) {
   return /* @__PURE__ */ jsx(MultiSelectItem, { value: userRole.id, children: /* @__PURE__ */ jsx(RoleChip, { role: userRole }, userRole?.id) }, userRole.id);
 }
-function _temp6(r_0) {
+function _temp5(r_0) {
   return r_0.id;
 }
-function _temp5(values) {
-  return UserYupSchema.validate(values, {
-    abortEarly: false
-  }).then(_temp2).catch(_temp4);
-}
 function _temp4(e_0) {
   return e_0.inner.reduce(_temp3, {});
 }
@@ -1819,10 +2554,13 @@ function _temp$2(r) {
   return r.id === "editor";
 }
 function UsersTable(t0) {
-  const $ = c(28);
+  const $ = c(63);
   const {
     onUserClicked
   } = t0;
+  const {
+    t
+  } = useTranslation();
   const {
     users,
     saveUser,
@@ -1837,21 +2575,103 @@ function UsersTable(t0) {
   const [deleteInProgress, setDeleteInProgress] = useState(false);
   let t1;
   if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = /* @__PURE__ */ jsxs(TableHeader, { children: [
-      /* @__PURE__ */ jsx(TableCell, { className: "w-12" }),
-      /* @__PURE__ */ jsx(TableCell, { children: "Email" }),
-      /* @__PURE__ */ jsx(TableCell, { children: "Name" }),
-      /* @__PURE__ */ jsx(TableCell, { children: "Roles" }),
-      /* @__PURE__ */ jsx(TableCell, { children: "Created on" }),
-      /* @__PURE__ */ jsx(TableCell, { className: "w-12" })
-    ] });
+    t1 = /* @__PURE__ */ jsx(TableCell, { className: "w-12" });
     $[0] = t1;
   } else {
     t1 = $[0];
   }
   let t2;
-  if ($[1] !== dateFormat || $[2] !== dateUtilsLocale || $[3] !== onUserClicked || $[4] !== users) {
-    t2 = users && users.map((user) => {
+  if ($[1] !== t) {
+    t2 = t("email");
+    $[1] = t;
+    $[2] = t2;
+  } else {
+    t2 = $[2];
+  }
+  let t3;
+  if ($[3] !== t2) {
+    t3 = /* @__PURE__ */ jsx(TableCell, { children: t2 });
+    $[3] = t2;
+    $[4] = t3;
+  } else {
+    t3 = $[4];
+  }
+  let t4;
+  if ($[5] !== t) {
+    t4 = t("name");
+    $[5] = t;
+    $[6] = t4;
+  } else {
+    t4 = $[6];
+  }
+  let t5;
+  if ($[7] !== t4) {
+    t5 = /* @__PURE__ */ jsx(TableCell, { children: t4 });
+    $[7] = t4;
+    $[8] = t5;
+  } else {
+    t5 = $[8];
+  }
+  let t6;
+  if ($[9] !== t) {
+    t6 = t("roles");
+    $[9] = t;
+    $[10] = t6;
+  } else {
+    t6 = $[10];
+  }
+  let t7;
+  if ($[11] !== t6) {
+    t7 = /* @__PURE__ */ jsx(TableCell, { children: t6 });
+    $[11] = t6;
+    $[12] = t7;
+  } else {
+    t7 = $[12];
+  }
+  let t8;
+  if ($[13] !== t) {
+    t8 = t("created_on");
+    $[13] = t;
+    $[14] = t8;
+  } else {
+    t8 = $[14];
+  }
+  let t9;
+  if ($[15] !== t8) {
+    t9 = /* @__PURE__ */ jsx(TableCell, { children: t8 });
+    $[15] = t8;
+    $[16] = t9;
+  } else {
+    t9 = $[16];
+  }
+  let t10;
+  if ($[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t10 = /* @__PURE__ */ jsx(TableCell, { className: "w-12" });
+    $[17] = t10;
+  } else {
+    t10 = $[17];
+  }
+  let t11;
+  if ($[18] !== t3 || $[19] !== t5 || $[20] !== t7 || $[21] !== t9) {
+    t11 = /* @__PURE__ */ jsxs(TableHeader, { children: [
+      t1,
+      t3,
+      t5,
+      t7,
+      t9,
+      t10
+    ] });
+    $[18] = t3;
+    $[19] = t5;
+    $[20] = t7;
+    $[21] = t9;
+    $[22] = t11;
+  } else {
+    t11 = $[22];
+  }
+  let t12;
+  if ($[23] !== dateFormat || $[24] !== dateUtilsLocale || $[25] !== onUserClicked || $[26] !== t || $[27] !== users) {
+    t12 = users && users.map((user) => {
       const userRoles = user.roles;
       const formattedDate = user.created_on ? format(user.created_on, dateFormat, {
         locale: dateUtilsLocale
@@ -1860,28 +2680,32 @@ function UsersTable(t0) {
         onUserClicked(user);
       }, children: [
         /* @__PURE__ */ jsx(TableCell, { className: "w-12", children: /* @__PURE__ */ jsx(Avatar, { src: user.photoURL ?? void 0, outerClassName: "w-8 h-8 min-w-8 min-h-8 p-0", className: "text-sm", hover: false, children: user.displayName ? user.displayName[0].toUpperCase() : user.email ? user.email[0].toUpperCase() : "U" }) }),
-        /* @__PURE__ */ jsx(TableCell, { children: user.email }),
+        /* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+          /* @__PURE__ */ jsx("div", { children: user.email }),
+          user.uid && /* @__PURE__ */ jsx("div", { className: "text-xs text-surface-accent-500 dark:text-surface-accent-400 font-mono mt-1", children: user.uid })
+        ] }) }),
         /* @__PURE__ */ jsx(TableCell, { className: "font-medium align-left", children: user.displayName }),
         /* @__PURE__ */ jsx(TableCell, { className: "align-left", children: userRoles ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: userRoles.map(_temp$1) }) : null }),
         /* @__PURE__ */ jsx(TableCell, { children: formattedDate }),
-        /* @__PURE__ */ jsx(TableCell, { className: "w-12", children: /* @__PURE__ */ jsx(Tooltip, { asChild: true, title: "Delete this user", children: /* @__PURE__ */ jsx(IconButton, { size: "smallest", onClick: (event) => {
+        /* @__PURE__ */ jsx(TableCell, { className: "w-12", children: /* @__PURE__ */ jsx(Tooltip, { asChild: true, title: t("delete_this_user"), children: /* @__PURE__ */ jsx(IconButton, { size: "smallest", onClick: (event) => {
           event.stopPropagation();
           return setUserToBeDeleted(user);
         }, children: /* @__PURE__ */ jsx(DeleteIcon, { size: "small" }) }) }) })
       ] }, "row_" + user.uid);
     });
-    $[1] = dateFormat;
-    $[2] = dateUtilsLocale;
-    $[3] = onUserClicked;
-    $[4] = users;
-    $[5] = t2;
+    $[23] = dateFormat;
+    $[24] = dateUtilsLocale;
+    $[25] = onUserClicked;
+    $[26] = t;
+    $[27] = users;
+    $[28] = t12;
   } else {
-    t2 = $[5];
+    t12 = $[28];
   }
-  let t3;
-  if ($[6] !== authController || $[7] !== saveUser || $[8] !== snackbarController || $[9] !== users) {
-    t3 = (!users || users.length === 0) && /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colspan: 6, children: /* @__PURE__ */ jsxs(CenteredView, { className: "flex flex-col gap-4 my-8 items-center", children: [
-      /* @__PURE__ */ jsx(Typography, { variant: "label", children: "There are no users yet" }),
+  let t13;
+  if ($[29] !== authController || $[30] !== saveUser || $[31] !== snackbarController || $[32] !== t || $[33] !== users) {
+    t13 = (!users || users.length === 0) && /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colspan: 6, children: /* @__PURE__ */ jsxs(CenteredView, { className: "flex flex-col gap-4 my-8 items-center", children: [
+      /* @__PURE__ */ jsx(Typography, { variant: "label", children: t("no_users_yet") }),
       /* @__PURE__ */ jsx(Button, { onClick: () => {
         if (!authController.user?.uid) {
           throw Error("UsersTable, authController misconfiguration");
@@ -1909,35 +2733,45 @@ function UsersTable(t0) {
             message: "Error adding user: " + error.message
           });
         });
-      }, children: "Add the logged user as an admin" })
+      }, children: t("add_logged_user_as_admin") })
     ] }) }) });
-    $[6] = authController;
-    $[7] = saveUser;
-    $[8] = snackbarController;
-    $[9] = users;
-    $[10] = t3;
+    $[29] = authController;
+    $[30] = saveUser;
+    $[31] = snackbarController;
+    $[32] = t;
+    $[33] = users;
+    $[34] = t13;
   } else {
-    t3 = $[10];
+    t13 = $[34];
   }
-  let t4;
-  if ($[11] !== t2 || $[12] !== t3) {
-    t4 = /* @__PURE__ */ jsxs(Table, { className: "w-full", children: [
-      t1,
-      /* @__PURE__ */ jsxs(TableBody, { children: [
-        t2,
-        t3
-      ] })
+  let t14;
+  if ($[35] !== t12 || $[36] !== t13) {
+    t14 = /* @__PURE__ */ jsxs(TableBody, { children: [
+      t12,
+      t13
     ] });
-    $[11] = t2;
-    $[12] = t3;
-    $[13] = t4;
+    $[35] = t12;
+    $[36] = t13;
+    $[37] = t14;
   } else {
-    t4 = $[13];
+    t14 = $[37];
   }
-  const t5 = Boolean(userToBeDeleted);
-  let t6;
-  if ($[14] !== deleteUser || $[15] !== snackbarController || $[16] !== userToBeDeleted) {
-    t6 = () => {
+  let t15;
+  if ($[38] !== t11 || $[39] !== t14) {
+    t15 = /* @__PURE__ */ jsxs(Table, { className: "w-full", children: [
+      t11,
+      t14
+    ] });
+    $[38] = t11;
+    $[39] = t14;
+    $[40] = t15;
+  } else {
+    t15 = $[40];
+  }
+  const t16 = Boolean(userToBeDeleted);
+  let t17;
+  if ($[41] !== deleteUser || $[42] !== snackbarController || $[43] !== userToBeDeleted) {
+    t17 = () => {
       if (userToBeDeleted) {
         setDeleteInProgress(true);
         deleteUser(userToBeDeleted).then(() => {
@@ -1952,62 +2786,91 @@ function UsersTable(t0) {
         });
       }
     };
-    $[14] = deleteUser;
-    $[15] = snackbarController;
-    $[16] = userToBeDeleted;
-    $[17] = t6;
+    $[41] = deleteUser;
+    $[42] = snackbarController;
+    $[43] = userToBeDeleted;
+    $[44] = t17;
   } else {
-    t6 = $[17];
+    t17 = $[44];
   }
-  let t7;
-  let t8;
-  let t9;
-  if ($[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t7 = () => {
+  let t18;
+  if ($[45] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t18 = () => {
       setUserToBeDeleted(void 0);
     };
-    t8 = /* @__PURE__ */ jsx(Fragment, { children: "Delete?" });
-    t9 = /* @__PURE__ */ jsx(Fragment, { children: "Are you sure you want to delete this user?" });
-    $[18] = t7;
-    $[19] = t8;
-    $[20] = t9;
+    $[45] = t18;
   } else {
-    t7 = $[18];
-    t8 = $[19];
-    t9 = $[20];
+    t18 = $[45];
   }
-  let t10;
-  if ($[21] !== deleteInProgress || $[22] !== t5 || $[23] !== t6) {
-    t10 = /* @__PURE__ */ jsx(ConfirmationDialog, { open: t5, loading: deleteInProgress, onAccept: t6, onCancel: t7, title: t8, body: t9 });
-    $[21] = deleteInProgress;
-    $[22] = t5;
-    $[23] = t6;
-    $[24] = t10;
+  let t19;
+  if ($[46] !== t) {
+    t19 = t("delete_confirmation_title");
+    $[46] = t;
+    $[47] = t19;
   } else {
-    t10 = $[24];
+    t19 = $[47];
   }
-  let t11;
-  if ($[25] !== t10 || $[26] !== t4) {
-    t11 = /* @__PURE__ */ jsxs("div", { className: "overflow-auto", children: [
-      t4,
-      t10
+  let t20;
+  if ($[48] !== t19) {
+    t20 = /* @__PURE__ */ jsx(Fragment, { children: t19 });
+    $[48] = t19;
+    $[49] = t20;
+  } else {
+    t20 = $[49];
+  }
+  let t21;
+  if ($[50] !== t) {
+    t21 = t("delete_user_confirmation");
+    $[50] = t;
+    $[51] = t21;
+  } else {
+    t21 = $[51];
+  }
+  let t22;
+  if ($[52] !== t21) {
+    t22 = /* @__PURE__ */ jsx(Fragment, { children: t21 });
+    $[52] = t21;
+    $[53] = t22;
+  } else {
+    t22 = $[53];
+  }
+  let t23;
+  if ($[54] !== deleteInProgress || $[55] !== t16 || $[56] !== t17 || $[57] !== t20 || $[58] !== t22) {
+    t23 = /* @__PURE__ */ jsx(ConfirmationDialog, { open: t16, loading: deleteInProgress, onAccept: t17, onCancel: t18, title: t20, body: t22 });
+    $[54] = deleteInProgress;
+    $[55] = t16;
+    $[56] = t17;
+    $[57] = t20;
+    $[58] = t22;
+    $[59] = t23;
+  } else {
+    t23 = $[59];
+  }
+  let t24;
+  if ($[60] !== t15 || $[61] !== t23) {
+    t24 = /* @__PURE__ */ jsxs("div", { className: "overflow-auto", children: [
+      t15,
+      t23
     ] });
-    $[25] = t10;
-    $[26] = t4;
-    $[27] = t11;
+    $[60] = t15;
+    $[61] = t23;
+    $[62] = t24;
   } else {
-    t11 = $[27];
+    t24 = $[62];
   }
-  return t11;
+  return t24;
 }
 function _temp$1(userRole) {
   return /* @__PURE__ */ jsx(RoleChip, { role: userRole }, userRole?.id);
 }
 const UsersView = function UsersView2(t0) {
-  const $ = c(13);
+  const $ = c(24);
   const {
     children
   } = t0;
+  const {
+    t
+  } = useTranslation();
   const [dialogOpen, setDialogOpen] = useState(false);
   const [selectedUser, setSelectedUser] = useState();
   const [newFormKey, setNewFormKey] = useState(0);
@@ -2047,52 +2910,90 @@ const UsersView = function UsersView2(t0) {
   }
   const handleAddUser = t3;
   let t4;
-  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t4 = /* @__PURE__ */ jsx(Typography, { gutterBottom: true, variant: "h4", className: "flex-grow", component: "h4", children: "Users" });
-    $[3] = t4;
+  if ($[3] !== t) {
+    t4 = t("users");
+    $[3] = t;
+    $[4] = t4;
   } else {
-    t4 = $[3];
+    t4 = $[4];
   }
   let t5;
+  if ($[5] !== t4) {
+    t5 = /* @__PURE__ */ jsx(Typography, { gutterBottom: true, variant: "h4", className: "flex-grow", component: "h4", children: t4 });
+    $[5] = t4;
+    $[6] = t5;
+  } else {
+    t5 = $[6];
+  }
   let t6;
-  if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t5 = /* @__PURE__ */ jsxs("div", { className: "flex items-center mt-12", children: [
-      t4,
-      /* @__PURE__ */ jsx(Button, { size: "large", startIcon: /* @__PURE__ */ jsx(AddIcon, {}), onClick: handleAddUser, children: "Add user" })
-    ] });
-    t6 = /* @__PURE__ */ jsx(UsersTable, { onUserClicked });
-    $[4] = t5;
-    $[5] = t6;
+  if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t6 = /* @__PURE__ */ jsx(AddIcon, {});
+    $[7] = t6;
+  } else {
+    t6 = $[7];
+  }
+  let t7;
+  if ($[8] !== t) {
+    t7 = t("add_user");
+    $[8] = t;
+    $[9] = t7;
   } else {
-    t5 = $[4];
-    t6 = $[5];
+    t7 = $[9];
   }
-  const t7 = selectedUser?.uid ?? `new-${newFormKey}`;
   let t8;
-  if ($[6] !== dialogOpen || $[7] !== selectedUser || $[8] !== t7) {
-    t8 = /* @__PURE__ */ jsx(UserDetailsForm, { open: dialogOpen, user: selectedUser, handleClose }, t7);
-    $[6] = dialogOpen;
-    $[7] = selectedUser;
-    $[8] = t7;
-    $[9] = t8;
+  if ($[10] !== t7) {
+    t8 = /* @__PURE__ */ jsx(Button, { size: "large", startIcon: t6, onClick: handleAddUser, children: t7 });
+    $[10] = t7;
+    $[11] = t8;
   } else {
-    t8 = $[9];
+    t8 = $[11];
   }
   let t9;
-  if ($[10] !== children || $[11] !== t8) {
-    t9 = /* @__PURE__ */ jsxs(Container, { className: "w-full flex flex-col py-4 gap-4", maxWidth: "6xl", children: [
-      children,
+  if ($[12] !== t5 || $[13] !== t8) {
+    t9 = /* @__PURE__ */ jsxs("div", { className: "flex items-center mt-12", children: [
       t5,
-      t6,
       t8
     ] });
-    $[10] = children;
-    $[11] = t8;
-    $[12] = t9;
+    $[12] = t5;
+    $[13] = t8;
+    $[14] = t9;
   } else {
-    t9 = $[12];
+    t9 = $[14];
   }
-  return t9;
+  let t10;
+  if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t10 = /* @__PURE__ */ jsx(UsersTable, { onUserClicked });
+    $[15] = t10;
+  } else {
+    t10 = $[15];
+  }
+  const t11 = selectedUser?.uid ?? `new-${newFormKey}`;
+  let t12;
+  if ($[16] !== dialogOpen || $[17] !== selectedUser || $[18] !== t11) {
+    t12 = /* @__PURE__ */ jsx(UserDetailsForm, { open: dialogOpen, user: selectedUser, handleClose }, t11);
+    $[16] = dialogOpen;
+    $[17] = selectedUser;
+    $[18] = t11;
+    $[19] = t12;
+  } else {
+    t12 = $[19];
+  }
+  let t13;
+  if ($[20] !== children || $[21] !== t12 || $[22] !== t9) {
+    t13 = /* @__PURE__ */ jsxs(Container, { className: "w-full flex flex-col py-4 gap-4", maxWidth: "6xl", children: [
+      children,
+      t9,
+      t10,
+      t12
+    ] });
+    $[20] = children;
+    $[21] = t12;
+    $[22] = t9;
+    $[23] = t13;
+  } else {
+    t13 = $[23];
+  }
+  return t13;
 };
 function _temp(k) {
   return k + 1;
@@ -2167,7 +3068,7 @@ function useUserManagementPlugin(t0) {
   return t5;
 }
 function IntroWidget(t0) {
-  const $ = c(17);
+  const $ = c(31);
   const {
     noUsers,
     noRoles,
@@ -2175,21 +3076,55 @@ function IntroWidget(t0) {
   } = t0;
   const authController = useAuthController();
   const snackbarController = useSnackbarController();
-  const buttonLabel = noUsers && noRoles ? "Create default roles and add current user as admin" : noUsers ? "Add current user as admin" : noRoles ? "Create default roles" : void 0;
+  const {
+    t
+  } = useTranslation();
   let t1;
+  if ($[0] !== noRoles || $[1] !== noUsers || $[2] !== t) {
+    t1 = noUsers && noRoles ? t("create_default_roles_and_add_admin") : noUsers ? t("add_current_user_as_admin") : noRoles ? t("create_default_roles") : void 0;
+    $[0] = noRoles;
+    $[1] = noUsers;
+    $[2] = t;
+    $[3] = t1;
+  } else {
+    t1 = $[3];
+  }
+  const buttonLabel = t1;
   let t2;
-  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t1 = /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "uppercase", children: "Create your users and roles" });
-    t2 = /* @__PURE__ */ jsx(Typography, { children: "You have no users or roles defined. You can create default roles and add the current user as admin." });
-    $[0] = t1;
-    $[1] = t2;
+  if ($[4] !== t) {
+    t2 = t("create_your_users_and_roles");
+    $[4] = t;
+    $[5] = t2;
   } else {
-    t1 = $[0];
-    t2 = $[1];
+    t2 = $[5];
   }
   let t3;
-  if ($[2] !== authController.user?.displayName || $[3] !== authController.user?.email || $[4] !== authController.user?.isAnonymous || $[5] !== authController.user?.photoURL || $[6] !== authController.user?.providerId || $[7] !== authController.user?.uid || $[8] !== noRoles || $[9] !== noUsers || $[10] !== snackbarController || $[11] !== userManagement) {
-    t3 = () => {
+  if ($[6] !== t2) {
+    t3 = /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "uppercase", children: t2 });
+    $[6] = t2;
+    $[7] = t3;
+  } else {
+    t3 = $[7];
+  }
+  let t4;
+  if ($[8] !== t) {
+    t4 = t("no_users_or_roles_defined");
+    $[8] = t;
+    $[9] = t4;
+  } else {
+    t4 = $[9];
+  }
+  let t5;
+  if ($[10] !== t4) {
+    t5 = /* @__PURE__ */ jsx(Typography, { children: t4 });
+    $[10] = t4;
+    $[11] = t5;
+  } else {
+    t5 = $[11];
+  }
+  let t6;
+  if ($[12] !== authController.user?.displayName || $[13] !== authController.user?.email || $[14] !== authController.user?.isAnonymous || $[15] !== authController.user?.photoURL || $[16] !== authController.user?.providerId || $[17] !== authController.user?.uid || $[18] !== noRoles || $[19] !== noUsers || $[20] !== snackbarController || $[21] !== userManagement) {
+    t6 = () => {
       if (!authController.user?.uid) {
         throw Error("UsersTable, authController misconfiguration");
       }
@@ -2224,54 +3159,64 @@ function IntroWidget(t0) {
         });
       }
     };
-    $[2] = authController.user?.displayName;
-    $[3] = authController.user?.email;
-    $[4] = authController.user?.isAnonymous;
-    $[5] = authController.user?.photoURL;
-    $[6] = authController.user?.providerId;
-    $[7] = authController.user?.uid;
-    $[8] = noRoles;
-    $[9] = noUsers;
-    $[10] = snackbarController;
-    $[11] = userManagement;
-    $[12] = t3;
+    $[12] = authController.user?.displayName;
+    $[13] = authController.user?.email;
+    $[14] = authController.user?.isAnonymous;
+    $[15] = authController.user?.photoURL;
+    $[16] = authController.user?.providerId;
+    $[17] = authController.user?.uid;
+    $[18] = noRoles;
+    $[19] = noUsers;
+    $[20] = snackbarController;
+    $[21] = userManagement;
+    $[22] = t6;
+  } else {
+    t6 = $[22];
+  }
+  let t7;
+  if ($[23] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+    t7 = /* @__PURE__ */ jsx(AddIcon, {});
+    $[23] = t7;
   } else {
-    t3 = $[12];
+    t7 = $[23];
   }
-  let t4;
-  if ($[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
-    t4 = /* @__PURE__ */ jsx(AddIcon, {});
-    $[13] = t4;
+  let t8;
+  if ($[24] !== buttonLabel || $[25] !== t6) {
+    t8 = /* @__PURE__ */ jsxs(Button, { onClick: t6, children: [
+      t7,
+      buttonLabel
+    ] });
+    $[24] = buttonLabel;
+    $[25] = t6;
+    $[26] = t8;
   } else {
-    t4 = $[13];
+    t8 = $[26];
   }
-  let t5;
-  if ($[14] !== buttonLabel || $[15] !== t3) {
-    t5 = /* @__PURE__ */ jsxs(Paper, { className: "my-4 flex flex-col px-4 py-6 bg-white dark:bg-surface-accent-800 gap-2", children: [
-      t1,
-      t2,
-      /* @__PURE__ */ jsxs(Button, { onClick: t3, children: [
-        t4,
-        buttonLabel
-      ] })
+  let t9;
+  if ($[27] !== t3 || $[28] !== t5 || $[29] !== t8) {
+    t9 = /* @__PURE__ */ jsxs(Paper, { className: "my-4 flex flex-col px-4 py-6 bg-white dark:bg-surface-accent-800 gap-2", children: [
+      t3,
+      t5,
+      t8
     ] });
-    $[14] = buttonLabel;
-    $[15] = t3;
-    $[16] = t5;
+    $[27] = t3;
+    $[28] = t5;
+    $[29] = t8;
+    $[30] = t9;
   } else {
-    t5 = $[16];
+    t9 = $[30];
   }
-  return t5;
+  return t9;
 }
 const userManagementAdminViews = [{
   path: "users",
-  name: "CMS Users",
+  name: "cms_users",
   group: "Admin",
   icon: "face",
   view: /* @__PURE__ */ jsx(UsersView, {})
 }, {
   path: "roles",
-  name: "Roles",
+  name: "roles_menu",
   group: "Admin",
   icon: "gpp_good",
   view: /* @__PURE__ */ jsx(RolesView, {})
@@ -2281,14 +3226,12 @@ export {
   IntroWidget,
   RESERVED_GROUPS,
   RoleChip,
-  RoleYupSchema,
   RolesDetailsForm,
   RolesTable,
   RolesView,
   UserDetailsForm,
   UserManagementContext,
   UserManagementProvider,
-  UserYupSchema,
   UsersTable,
   UsersView,
   areRolesEqual,
@@ -2296,7 +3239,9 @@ export {
   clearDelegatedLoginTokensCache,
   darkenColor,
   getDelegatedLoginTokenFromCache,
+  getRoleYupSchema,
   getUserRoles,
+  getUserYupSchema,
   hexToRgbaWithOpacity,
   resolveUserRolePermissions,
   useBuildUserManagement,