@firecms/user_management 3.0.0 → 3.1.0-canary.02232f4

package/dist/index.umd.js

@@ -360,11 +360,17 @@
       }
       const mgmtUser_0 = users.find((u_3) => u_3.email?.toLowerCase() === user_3?.email?.toLowerCase());
       if (mgmtUser_0) {
-        if (mgmtUser_0.uid !== user_3.uid) {
-          console.warn("User uid has changed, updating user in user management system");
+        const needsUidUpdate = mgmtUser_0.uid !== user_3.uid;
+        const needsPhotoUpdate = user_3.photoURL && mgmtUser_0.photoURL !== user_3.photoURL;
+        if (needsUidUpdate || needsPhotoUpdate) {
+          const updateReason = needsUidUpdate ? "uid" : "photoURL";
+          console.debug(`User ${updateReason} has changed, updating user in user management system`);
           saveUser({
             ...mgmtUser_0,
-            uid: user_3.uid
+            uid: user_3.uid,
+            ...needsPhotoUpdate ? {
+              photoURL: user_3.photoURL
+            } : {}
           }).then(() => {
             console.debug("User updated in user management system", mgmtUser_0);
           }).catch((e_4) => {
@@ -495,19 +501,19 @@
     }
     return t1;
   }
-  const RoleYupSchema = Yup__namespace.object().shape({
-    id: Yup__namespace.string().required("Required"),
-    name: Yup__namespace.string().required("Required")
+  const getRoleYupSchema = (t) => Yup__namespace.object().shape({
+    id: Yup__namespace.string().required(t("required")),
+    name: Yup__namespace.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 $ = reactCompilerRuntime.c(164);
+    const $ = reactCompilerRuntime.c(311);
     const {
       open,
       role,
@@ -515,6 +521,9 @@
       handleClose,
       collections
     } = t0;
+    const {
+      t
+    } = core.useTranslation();
     const {
       saveRole
     } = useUserManagement();
@@ -524,34 +533,35 @@
     } = core.useAuthController();
     const [savingError, setSavingError] = React.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(() => {
@@ -568,26 +578,37 @@
           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$1 = formex.useCreateFormex(t4);
+    const formex$1 = formex.useCreateFormex(t5);
     const {
       isSubmitting,
       touched,
@@ -603,606 +624,1058 @@
     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 = formex.getIn(touched, "id");
         if (!idTouched && values_0.name) {
           setFieldValue("id", core.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] === Symbol.for("react.memo_cache_sentinel")) {
-      t7 = {
+    React.useEffect(t6, t7);
+    const t8 = formex$1.handleSubmit;
+    let t9;
+    if ($[22] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t9 = {
         display: "flex",
         flexDirection: "column",
         position: "relative",
         height: "100%"
       };
-      t8 = /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(core.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(core.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__ */ jsxRuntime.jsxs("div", { className: "col-span-12 md:col-span-4", children: [
-        t18,
-        t20
-      ] });
+    let t18;
+    if ($[39] !== t17) {
+      t18 = /* @__PURE__ */ jsxRuntime.jsx(core.FieldCaption, { children: t17 });
+      $[39] = t17;
       $[40] = t18;
-      $[41] = t20;
-      $[42] = t21;
     } else {
-      t21 = $[42];
+      t18 = $[40];
     }
-    let t22;
-    if ($[43] === Symbol.for("react.memo_cache_sentinel")) {
-      t22 = /* @__PURE__ */ jsxRuntime.jsxs(ui.TableHeader, { className: "rounded-md", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, {}),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { align: "center", children: "Create entities" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { align: "center", children: "Read entities" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { align: "center", children: "Update entities" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { align: "center", children: "Delete entities" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { align: "center" })
+    let t19;
+    if ($[41] !== t16 || $[42] !== t18) {
+      t19 = /* @__PURE__ */ jsxRuntime.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] === Symbol.for("react.memo_cache_sentinel")) {
-      t23 = /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { scope: "row", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.TableCell, { align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Create entities in collections", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Checkbox, { disabled: t24, checked: t25, onCheckedChange: t26 }) }) });
-      $[47] = t24;
-      $[48] = t25;
-      $[49] = t26;
-      $[50] = t27;
+    if ($[59] !== t26) {
+      t27 = /* @__PURE__ */ jsxRuntime.jsx(core.FieldCaption, { children: t26 });
+      $[59] = t26;
+      $[60] = t27;
+    } else {
+      t27 = $[60];
+    }
+    let t28;
+    if ($[61] !== t25 || $[62] !== t27) {
+      t28 = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.TableCell, { align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Access all data in every collection", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Checkbox, { disabled: t28, checked: t29, onCheckedChange: t30 }) }) });
-      $[53] = t28;
-      $[54] = t29;
-      $[55] = t30;
-      $[56] = t31;
+    if ($[67] !== t30) {
+      t31 = /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.TableCell, { align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Update data in any collection", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Checkbox, { disabled: t32, checked: t33, onCheckedChange: t34 }) }) });
-      $[59] = t32;
-      $[60] = t33;
-      $[61] = t34;
-      $[62] = t35;
+    if ($[75] !== t34) {
+      t35 = /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { align: "center", children: t34 });
+      $[75] = t34;
+      $[76] = t35;
     } else {
-      t35 = $[62];
+      t35 = $[76];
+    }
+    let t36;
+    if ($[77] !== t) {
+      t36 = t("delete_entities");
+      $[77] = t;
+      $[78] = t36;
+    } else {
+      t36 = $[78];
+    }
+    let t37;
+    if ($[79] !== t36) {
+      t37 = /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.TableCell, { align: "center" });
+      $[81] = t38;
     } else {
-      t38 = $[64];
+      t38 = $[81];
     }
     let t39;
-    if ($[65] !== t36 || $[66] !== t37 || $[67] !== t38) {
-      t39 = /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Delete data in any collection", children: /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs(ui.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] === Symbol.for("react.memo_cache_sentinel")) {
-      t40 = /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs(ui.TableRow, { children: [
-        t23,
-        t27,
-        t31,
-        t35,
-        t39,
-        t40
-      ] });
-      $[70] = t27;
-      $[71] = t31;
-      $[72] = t35;
-      $[73] = t39;
-      $[74] = t41;
+    if ($[89] !== t40) {
+      t41 = /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { scope: "row", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(ui.TableRow, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { scope: "row", children: col.name }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Checkbox, { disabled: isAdmin || defaultCreate || !editable, checked: (isAdmin || defaultCreate || formex.getIn(values_0, `collectionPermissions.${col.id}.create`)) ?? false, onCheckedChange: (checked_3) => setFieldValue(`collectionPermissions.${col.id}.create`, checked_3) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Checkbox, { disabled: isAdmin || defaultRead || !editable, checked: (isAdmin || defaultRead || formex.getIn(values_0, `collectionPermissions.${col.id}.read`)) ?? false, onCheckedChange: (checked_4) => setFieldValue(`collectionPermissions.${col.id}.read`, checked_4) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Checkbox, { disabled: isAdmin || defaultEdit || !editable, checked: (isAdmin || defaultEdit || formex.getIn(values_0, `collectionPermissions.${col.id}.edit`)) ?? false, onCheckedChange: (checked_5) => setFieldValue(`collectionPermissions.${col.id}.edit`, checked_5) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Checkbox, { disabled: isAdmin || defaultDelete || !editable, checked: (isAdmin || defaultDelete || formex.getIn(values_0, `collectionPermissions.${col.id}.delete`)) ?? false, onCheckedChange: (checked_6) => setFieldValue(`collectionPermissions.${col.id}.delete`, checked_6) }) }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: "Allow all permissions in this collections", children: /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.Paper, { className: "bg-inherit overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.Table, { className: "w-full rounded-md", children: [
-        t22,
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.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] === Symbol.for("react.memo_cache_sentinel")) {
-      t44 = /* @__PURE__ */ jsxRuntime.jsx(core.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__ */ jsxRuntime.jsxs("div", { className: "col-span-12", children: [
-        t43,
-        t44
-      ] });
-      $[89] = t43;
-      $[90] = t45;
+    let t46;
+    if ($[95] !== t43 || $[96] !== t44 || $[97] !== t45) {
+      t46 = /* @__PURE__ */ jsxRuntime.jsx(ui.Checkbox, { disabled: t43, checked: t44, onCheckedChange: t45 });
+      $[95] = t43;
+      $[96] = t44;
+      $[97] = t45;
+      $[98] = t46;
     } else {
-      t45 = $[90];
+      t46 = $[98];
+    }
+    let t47;
+    if ($[99] !== t42 || $[100] !== t46) {
+      t47 = /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: t42, children: t46 }) });
+      $[99] = t42;
+      $[100] = t46;
+      $[101] = t47;
+    } else {
+      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] === Symbol.for("react.memo_cache_sentinel")) {
-      t50 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "true", children: " Yes " });
-      t51 = /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.TableCell, { align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(core.FieldCaption, { children: t53 });
-      $[100] = t53;
-      $[101] = t54;
-    } else {
-      t54 = $[101];
-    }
-    let t55;
-    if ($[102] !== t52 || $[103] !== t54) {
-      t55 = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.Checkbox, { disabled: t55, checked: t56, onCheckedChange: t57 });
+      $[117] = t55;
+      $[118] = t56;
+      $[119] = t57;
+      $[120] = t58;
     } else {
-      t58 = $[106];
+      t58 = $[120];
+    }
+    let t59;
+    if ($[121] !== t54 || $[122] !== t58) {
+      t59 = /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: t54, children: t58 }) });
+      $[121] = t54;
+      $[122] = t58;
+      $[123] = t59;
+    } else {
+      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] === Symbol.for("react.memo_cache_sentinel")) {
-      t60 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "true", children: " Yes " });
-      t61 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "false", children: " No " });
-      t62 = /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs(ui.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 = $[127];
+    }
+    let t64;
+    if ($[128] !== t61 || $[129] !== t62 || $[130] !== t63) {
+      t64 = /* @__PURE__ */ jsxRuntime.jsx(ui.Checkbox, { disabled: t61, checked: t62, onCheckedChange: t63 });
+      $[128] = t61;
+      $[129] = t62;
+      $[130] = t63;
+      $[131] = t64;
     } else {
-      t63 = $[114];
+      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__ */ jsxRuntime.jsx(core.FieldCaption, { children: t64 });
-      $[115] = t64;
-      $[116] = t65;
+    if ($[132] !== t60 || $[133] !== t64) {
+      t65 = /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs("div", { className: "col-span-12 md:col-span-4", children: [
-        t63,
-        t65
+    if ($[135] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t66 = /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { align: "center" });
+      $[135] = t66;
+    } else {
+      t66 = $[135];
+    }
+    let t67;
+    if ($[136] !== t41 || $[137] !== t47 || $[138] !== t53 || $[139] !== t59 || $[140] !== t65) {
+      t67 = /* @__PURE__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsxs(ui.TableRow, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { scope: "row", children: col.name }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Checkbox, { disabled: isAdmin || defaultCreate || !editable, checked: (isAdmin || defaultCreate || formex.getIn(values_0, `collectionPermissions.${col.id}.create`)) ?? false, onCheckedChange: (checked_3) => setFieldValue(`collectionPermissions.${col.id}.create`, checked_3) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Checkbox, { disabled: isAdmin || defaultRead || !editable, checked: (isAdmin || defaultRead || formex.getIn(values_0, `collectionPermissions.${col.id}.read`)) ?? false, onCheckedChange: (checked_4) => setFieldValue(`collectionPermissions.${col.id}.read`, checked_4) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Checkbox, { disabled: isAdmin || defaultEdit || !editable, checked: (isAdmin || defaultEdit || formex.getIn(values_0, `collectionPermissions.${col.id}.edit`)) ?? false, onCheckedChange: (checked_5) => setFieldValue(`collectionPermissions.${col.id}.edit`, checked_5) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Checkbox, { disabled: isAdmin || defaultDelete || !editable, checked: (isAdmin || defaultDelete || formex.getIn(values_0, `collectionPermissions.${col.id}.delete`)) ?? false, onCheckedChange: (checked_6) => setFieldValue(`collectionPermissions.${col.id}.delete`, checked_6) }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { align: "center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: t("allow_all_permissions_in_this_collections"), children: /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs(ui.TableBody, { children: [
+        t67,
+        t68
+      ] });
+      $[153] = t67;
+      $[154] = t68;
+      $[155] = t69;
     } else {
-      t69 = $[121];
+      t69 = $[155];
+    }
+    let t70;
+    if ($[156] !== t39 || $[157] !== t69) {
+      t70 = /* @__PURE__ */ jsxRuntime.jsx(ui.Paper, { className: "bg-inherit overflow-hidden", children: /* @__PURE__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsx(core.FieldCaption, { children: t71 });
+      $[161] = t71;
+      $[162] = t72;
+    } else {
+      t72 = $[162];
+    }
     let t73;
-    if ($[122] === Symbol.for("react.memo_cache_sentinel")) {
-      t71 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "true", children: " Yes " });
-      t72 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "false", children: " No " });
-      t73 = /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(core.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.DialogContent, { className: "flex-grow", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.Button, { variant: "text", color: "primary", 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__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsx(ui.LoadingButton, { variant: "filled", color: "primary", type: "submit", disabled: t81, loading: isSubmitting, children: t82 });
-      $[146] = isSubmitting;
-      $[147] = t81;
-      $[148] = t82;
-      $[149] = t83;
+    if ($[178] !== t82) {
+      t83 = /* @__PURE__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsxs(ui.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$1.handleSubmit || $[155] !== t78 || $[156] !== t84) {
-      t85 = /* @__PURE__ */ jsxRuntime.jsxs("form", { noValidate: true, autoComplete: "off", onSubmit: formex$1.handleSubmit, style: t7, children: [
-        t8,
-        t78,
-        t84
-      ] });
-      $[154] = formex$1.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$1 || $[159] !== t85) {
-      t86 = /* @__PURE__ */ jsxRuntime.jsx(formex.Formex, { value: formex$1, children: t85 });
-      $[158] = formex$1;
-      $[159] = t85;
-      $[160] = t86;
+    if ($[193] !== t85) {
+      t86 = /* @__PURE__ */ jsxRuntime.jsx(core.FieldCaption, { children: t85 });
+      $[193] = t85;
+      $[194] = t86;
     } else {
-      t86 = $[160];
+      t86 = $[194];
     }
     let t87;
-    if ($[161] !== open || $[162] !== t86) {
-      t87 = /* @__PURE__ */ jsxRuntime.jsx(ui.Dialog, { open, maxWidth: "4xl", children: t86 });
-      $[161] = open;
-      $[162] = t86;
-      $[163] = t87;
+    if ($[195] !== t84 || $[196] !== t86) {
+      t87 = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsx(core.FieldCaption, { children: t101 });
+      $[230] = t101;
+      $[231] = t102;
+    } else {
+      t102 = $[231];
+    }
+    let t103;
+    if ($[232] !== t100 || $[233] !== t102) {
+      t103 = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsx(core.FieldCaption, { children: t117 });
+      $[267] = t117;
+      $[268] = t118;
+    } else {
+      t118 = $[268];
+    }
+    let t119;
+    if ($[269] !== t116 || $[270] !== t118) {
+      t119 = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.DialogContent, { className: "flex-grow", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs(ui.DialogActions, { position: "sticky", children: [
+        t121,
+        t124,
+        t127
+      ] });
+      $[296] = t121;
+      $[297] = t124;
+      $[298] = t127;
+      $[299] = t128;
+    } else {
+      t128 = $[299];
+    }
+    let t129;
+    if ($[300] !== formex$1.handleSubmit || $[301] !== t11 || $[302] !== t120 || $[303] !== t128) {
+      t129 = /* @__PURE__ */ jsxRuntime.jsxs("form", { noValidate: true, autoComplete: "off", onSubmit: t8, style: t9, children: [
+        t11,
+        t120,
+        t128
+      ] });
+      $[300] = formex$1.handleSubmit;
+      $[301] = t11;
+      $[302] = t120;
+      $[303] = t128;
+      $[304] = t129;
+    } else {
+      t129 = $[304];
+    }
+    let t130;
+    if ($[305] !== formex$1 || $[306] !== t129) {
+      t130 = /* @__PURE__ */ jsxRuntime.jsx(formex.Formex, { value: formex$1, children: t129 });
+      $[305] = formex$1;
+      $[306] = t129;
+      $[307] = t130;
+    } else {
+      t130 = $[307];
+    }
+    let t131;
+    if ($[308] !== open || $[309] !== t130) {
+      t131 = /* @__PURE__ */ jsxRuntime.jsx(ui.Dialog, { open, maxWidth: "4xl", children: t130 });
+      $[308] = open;
+      $[309] = t130;
+      $[310] = t131;
+    } else {
+      t131 = $[310];
+    }
+    return t131;
   }
   function _temp2$1(e_1) {
     const errors = {};
@@ -1245,11 +1718,14 @@
     }
   }];
   function RolesTable(t0) {
-    const $ = reactCompilerRuntime.c(25);
+    const $ = reactCompilerRuntime.c(54);
     const {
       onRoleClicked,
       editable
     } = t0;
+    const {
+      t
+    } = core.useTranslation();
     const {
       roles,
       saveRole,
@@ -1259,20 +1735,78 @@
     const [roleToBeDeleted, setRoleToBeDeleted] = React.useState(void 0);
     const [deleteInProgress, setDeleteInProgress] = React.useState(false);
     let t1;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-      t1 = /* @__PURE__ */ jsxRuntime.jsxs(ui.TableHeader, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { header: true, className: "w-16" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { header: true, children: "Role" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { header: true, className: "items-center", children: "Is Admin" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { header: true, children: "Default permissions" })
-      ] });
+    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t1 = /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.TableCell, { header: true, children: t6 });
+      $[11] = t6;
+      $[12] = t7;
+    } else {
+      t7 = $[12];
+    }
+    let t8;
+    if ($[13] !== t3 || $[14] !== t5 || $[15] !== t7) {
+      t8 = /* @__PURE__ */ jsxRuntime.jsxs(ui.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;
@@ -1282,63 +1816,74 @@
         }, children: [
           /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { style: {
             width: "64px"
-          }, children: !role.isAdmin && /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { asChild: true, title: "Delete this role", children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", disabled: !editable, onClick: (event) => {
+          }, children: !role.isAdmin && /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { asChild: true, title: t("delete_this_role"), children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", disabled: !editable, onClick: (event) => {
             event.stopPropagation();
             return setRoleToBeDeleted(role);
           }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.DeleteIcon, {}) }) }) }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsx(RoleChip, { role }) }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { className: "items-center", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Checkbox, { checked: role.isAdmin ?? false }) }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("ul", { children: [
-            canCreateAll && /* @__PURE__ */ jsxRuntime.jsx("li", { children: "Create" }),
-            canReadAll && /* @__PURE__ */ jsxRuntime.jsx("li", { children: "Read" }),
-            canUpdateAll && /* @__PURE__ */ jsxRuntime.jsx("li", { children: "Update" }),
-            canDeleteAll && /* @__PURE__ */ jsxRuntime.jsx("li", { children: "Delete" })
+            canCreateAll && /* @__PURE__ */ jsxRuntime.jsx("li", { children: t("create") }),
+            canReadAll && /* @__PURE__ */ jsxRuntime.jsx("li", { children: t("read") }),
+            canUpdateAll && /* @__PURE__ */ jsxRuntime.jsx("li", { children: t("update") }),
+            canDeleteAll && /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.TableRow, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { colspan: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.CenteredView, { className: "flex flex-col gap-4 my-8 items-center", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "label", children: "You don't have any roles yet." }),
-        allowDefaultRolesCreation && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "outlined", onClick: () => {
+    let t10;
+    if ($[22] !== allowDefaultRolesCreation || $[23] !== roles || $[24] !== saveRole || $[25] !== t) {
+      t10 = (!roles || roles.length === 0) && /* @__PURE__ */ jsxRuntime.jsx(ui.TableRow, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { colspan: 4, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.CenteredView, { className: "flex flex-col gap-4 my-8 items-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "label", children: t("no_roles_yet") }),
+        allowDefaultRolesCreation && /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs(ui.Table, { className: "w-full", children: [
-        t1,
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.TableBody, { children: [
-          t2,
-          t3
-        ] })
+    let t11;
+    if ($[27] !== t10 || $[28] !== t9) {
+      t11 = /* @__PURE__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsxs(ui.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(() => {
@@ -1348,65 +1893,94 @@
           });
         }
       };
-      $[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] === Symbol.for("react.memo_cache_sentinel")) {
-      t7 = () => {
+    let t15;
+    if ($[36] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t15 = () => {
         setRoleToBeDeleted(void 0);
       };
-      t8 = /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "Delete?" });
-      t9 = /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.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__ */ jsxRuntime.jsx(core.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__ */ jsxRuntime.jsxs("div", { className: "w-full overflow-auto", children: [
-        t4,
-        t10
+    let t17;
+    if ($[39] !== t16) {
+      t17 = /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.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__ */ jsxRuntime.jsx(jsxRuntime.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__ */ jsxRuntime.jsx(core.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__ */ jsxRuntime.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 $ = reactCompilerRuntime.c(13);
+    const $ = reactCompilerRuntime.c(25);
     const {
       children
     } = t0;
+    const {
+      t
+    } = core.useTranslation();
     const {
       collections
     } = core.useNavigationController();
     const [dialogOpen, setDialogOpen] = React.useState(false);
     const [selectedRole, setSelectedRole] = React.useState();
     let t1;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t1 = (user) => {
         setDialogOpen(true);
         setSelectedRole(user);
@@ -1417,7 +1991,7 @@
     }
     const onRoleClicked = t1;
     let t2;
-    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t2 = () => {
         setSelectedRole(void 0);
         setDialogOpen(false);
@@ -1428,79 +2002,124 @@
     }
     const handleClose = t2;
     let t3;
-    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
-      t3 = /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.Typography, { gutterBottom: true, variant: "h4", className: "flex-grow", component: "h4", children: t3 });
+      $[4] = t3;
+      $[5] = t4;
+    } else {
+      t4 = $[5];
+    }
     let t5;
-    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-      t4 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center mt-12", children: [
-        t3,
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "large", startIcon: /* @__PURE__ */ jsxRuntime.jsx(ui.AddIcon, {}), onClick: () => setDialogOpen(true), children: "Add role" })
-      ] });
-      t5 = /* @__PURE__ */ jsxRuntime.jsx(RolesTable, { onRoleClicked, editable: true });
-      $[3] = t4;
-      $[4] = t5;
+    let t6;
+    if ($[6] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t5 = /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(ui.Container, { className: "w-full flex flex-col py-4 gap-4", maxWidth: "6xl", children: [
-        children,
+    if ($[10] !== t7) {
+      t8 = /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center mt-12", children: [
         t4,
-        t5,
-        t7
+        t8
       ] });
-      $[10] = children;
-      $[11] = t7;
-      $[12] = t8;
+      $[12] = t4;
+      $[13] = t8;
+      $[14] = t9;
+    } else {
+      t9 = $[14];
+    }
+    let t10;
+    if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t10 = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(RolesDetailsForm, { open: dialogOpen, role: selectedRole, editable: true, collections, handleClose }, t11);
+      $[16] = collections;
+      $[17] = dialogOpen;
+      $[18] = selectedRole;
+      $[19] = t11;
+      $[20] = t12;
     } else {
-      t8 = $[12];
+      t12 = $[20];
     }
-    return t8;
+    let t13;
+    if ($[21] !== children || $[22] !== t12 || $[23] !== t9) {
+      t13 = /* @__PURE__ */ jsxRuntime.jsxs(ui.Container, { className: "w-full flex flex-col py-4 gap-4", maxWidth: "6xl", children: [
+        children,
+        t9,
+        t10,
+        t12
+      ] });
+      $[21] = children;
+      $[22] = t12;
+      $[23] = t9;
+      $[24] = t13;
+    } else {
+      t13 = $[24];
+    }
+    return t13;
   });
-  const UserYupSchema = Yup__namespace.object().shape({
-    displayName: Yup__namespace.string().required("Required"),
-    email: Yup__namespace.string().email().required("Required"),
+  const getUserYupSchema = (t) => Yup__namespace.object().shape({
+    displayName: Yup__namespace.string().required(t("required")),
+    email: Yup__namespace.string().email().required(t("required")),
     roles: Yup__namespace.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 $ = reactCompilerRuntime.c(73);
+    const $ = reactCompilerRuntime.c(114);
     const {
       open,
       user: userProp,
       handleClose
     } = t0;
+    const {
+      t
+    } = core.useTranslation();
     const snackbarController = core.useSnackbarController();
     const {
       user: loggedInUser
@@ -1512,13 +2131,13 @@
     } = 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;
@@ -1528,29 +2147,40 @@
       $[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
@@ -1561,27 +2191,28 @@
           message: e_1.message
         });
       });
-      $[9] = handleClose;
-      $[10] = onUserUpdated;
-      $[11] = snackbarController;
-      $[12] = t3;
+      $[12] = handleClose;
+      $[13] = onUserUpdated;
+      $[14] = snackbarController;
+      $[15] = t4;
     } else {
-      t3 = $[12];
-    }
-    let t4;
-    if ($[13] !== t2 || $[14] !== t3) {
-      t4 = {
+      t4 = $[15];
+    }
+    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$1 = formex.useCreateFormex(t4);
+    const formex$1 = formex.useCreateFormex(t5);
     const {
       isSubmitting,
       handleChange,
@@ -1592,225 +2223,335 @@
       handleSubmit,
       submitCount
     } = formex$1;
-    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] === 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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(core.FieldCaption, { children: t11 });
-      $[24] = t11;
-      $[25] = t12;
+    let t9;
+    if ($[25] !== t8) {
+      t9 = /* @__PURE__ */ jsxRuntime.jsx("div", { children: t8 });
+      $[25] = t8;
+      $[26] = t9;
     } else {
-      t12 = $[25];
+      t9 = $[26];
     }
-    let t13;
-    if ($[26] !== t10 || $[27] !== t12) {
-      t13 = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsxs("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-xs font-mono text-surface-accent-500 dark:text-surface-accent-400 font-normal", children: userProp.uid }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { title: t("copy"), children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "smallest", onClick: () => {
+          navigator.clipboard.writeText(userProp.uid);
+          snackbarController.open({
+            type: "success",
+            message: t("copied")
+          });
+        }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.DialogTitle, { variant: "h4", gutterBottom: false, children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(core.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.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 {
+      t16 = $[45];
+    }
+    let t17;
+    if ($[46] !== t16) {
+      t17 = /* @__PURE__ */ jsxRuntime.jsx(core.FieldCaption, { children: t16 });
+      $[46] = t16;
+      $[47] = t17;
     } else {
-      t20 = $[39];
+      t17 = $[47];
     }
+    let t18;
+    if ($[48] !== t15 || $[49] !== t17) {
+      t18 = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.DialogContent, { className: "h-full flex-grow", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(core.FieldCaption, { children: t23 });
+      $[62] = t23;
+      $[63] = t24;
     } else {
-      t24 = $[52];
+      t24 = $[63];
     }
     let t25;
-    if ($[53] !== handleClose) {
-      t25 = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", color: "primary", onClick: () => {
-        handleClose();
-      }, children: "Cancel" });
-      $[53] = handleClose;
-      $[54] = t25;
+    if ($[64] !== t22 || $[65] !== t24) {
+      t25 = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.LoadingButton, { variant: "filled", color: "primary", 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__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx("div", { className: "col-span-12", children: /* @__PURE__ */ jsxRuntime.jsx(ui.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$1 || $[67] !== t30) {
-      t31 = /* @__PURE__ */ jsxRuntime.jsx(formex.Formex, { value: formex$1, children: t30 });
-      $[66] = formex$1;
-      $[67] = t30;
-      $[68] = t31;
+    if ($[81] !== t18 || $[82] !== t25 || $[83] !== t30) {
+      t31 = /* @__PURE__ */ jsxRuntime.jsx(ui.DialogContent, { className: "h-full flex-grow", children: /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.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$1 || $[108] !== t39) {
+      t40 = /* @__PURE__ */ jsxRuntime.jsx(formex.Formex, { value: formex$1, children: t39 });
+      $[107] = formex$1;
+      $[108] = t39;
+      $[109] = t40;
+    } else {
+      t40 = $[109];
+    }
+    let t41;
+    if ($[110] !== open || $[111] !== t40 || $[112] !== t6) {
+      t41 = /* @__PURE__ */ jsxRuntime.jsx(ui.Dialog, { open, onOpenChange: t6, maxWidth: "4xl", children: t40 });
+      $[110] = open;
+      $[111] = t40;
+      $[112] = t6;
+      $[113] = t41;
     } else {
-      t32 = $[72];
+      t41 = $[113];
     }
-    return t32;
+    return t41;
   }
-  function _temp7(userRole) {
+  function _temp6(userRole) {
     return /* @__PURE__ */ jsxRuntime.jsx(ui.MultiSelectItem, { value: userRole.id, children: /* @__PURE__ */ jsxRuntime.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, {});
   }
@@ -1825,10 +2566,13 @@
     return r.id === "editor";
   }
   function UsersTable(t0) {
-    const $ = reactCompilerRuntime.c(28);
+    const $ = reactCompilerRuntime.c(63);
     const {
       onUserClicked
     } = t0;
+    const {
+      t
+    } = core.useTranslation();
     const {
       users,
       saveUser,
@@ -1842,21 +2586,104 @@
     const [userToBeDeleted, setUserToBeDeleted] = React.useState(void 0);
     const [deleteInProgress, setDeleteInProgress] = React.useState(false);
     let t1;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
-      t1 = /* @__PURE__ */ jsxRuntime.jsxs(ui.TableHeader, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { className: "truncate w-16" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { children: "Email" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { children: "Name" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { children: "Roles" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { children: "Created on" })
-      ] });
+    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t1 = /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.TableCell, { children: t8 });
+      $[15] = t8;
+      $[16] = t9;
+    } else {
+      t9 = $[16];
+    }
+    let t10;
+    if ($[17] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t10 = /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { className: "w-12" });
+      $[17] = t10;
+    } else {
+      t10 = $[17];
+    }
+    let t11;
+    if ($[18] !== t3 || $[19] !== t5 || $[20] !== t7 || $[21] !== t9) {
+      t11 = /* @__PURE__ */ jsxRuntime.jsxs(ui.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 ? dateFns.format(user.created_on, dateFormat, {
           locale: dateUtilsLocale
@@ -1864,29 +2691,34 @@
         return /* @__PURE__ */ jsxRuntime.jsxs(ui.TableRow, { onClick: () => {
           onUserClicked(user);
         }, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { className: "w-10", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { asChild: true, title: "Delete this user", children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "small", onClick: (event) => {
-            event.stopPropagation();
-            return setUserToBeDeleted(user);
-          }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.DeleteIcon, {}) }) }) }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { children: user.email }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { className: "w-12", children: /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.TableCell, { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex flex-col", children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { children: user.email }),
+            user.uid && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-xs text-surface-accent-500 dark:text-surface-accent-400 font-mono mt-1", children: user.uid })
+          ] }) }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { className: "font-medium align-left", children: user.displayName }),
           /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { className: "align-left", children: userRoles ? /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex flex-wrap gap-2", children: userRoles.map(_temp$1) }) : null }),
-          /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { children: formattedDate })
+          /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { children: formattedDate }),
+          /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { className: "w-12", children: /* @__PURE__ */ jsxRuntime.jsx(ui.Tooltip, { asChild: true, title: t("delete_this_user"), children: /* @__PURE__ */ jsxRuntime.jsx(ui.IconButton, { size: "smallest", onClick: (event) => {
+            event.stopPropagation();
+            return setUserToBeDeleted(user);
+          }, children: /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.TableRow, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { colspan: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.CenteredView, { className: "flex flex-col gap-4 my-8 items-center", children: [
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "label", children: "There are no users yet" }),
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "outlined", onClick: () => {
+    let t13;
+    if ($[29] !== authController || $[30] !== saveUser || $[31] !== snackbarController || $[32] !== t || $[33] !== users) {
+      t13 = (!users || users.length === 0) && /* @__PURE__ */ jsxRuntime.jsx(ui.TableRow, { children: /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { colspan: 6, children: /* @__PURE__ */ jsxRuntime.jsxs(ui.CenteredView, { className: "flex flex-col gap-4 my-8 items-center", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "label", children: t("no_users_yet") }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: () => {
           if (!authController.user?.uid) {
             throw Error("UsersTable, authController misconfiguration");
           }
@@ -1913,35 +2745,45 @@
               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__ */ jsxRuntime.jsxs(ui.Table, { className: "w-full", children: [
-        t1,
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.TableBody, { children: [
-          t2,
-          t3
-        ] })
+    let t14;
+    if ($[35] !== t12 || $[36] !== t13) {
+      t14 = /* @__PURE__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsxs(ui.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(() => {
@@ -1956,68 +2798,97 @@
           });
         }
       };
-      $[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] === Symbol.for("react.memo_cache_sentinel")) {
-      t7 = () => {
+    let t18;
+    if ($[45] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t18 = () => {
         setUserToBeDeleted(void 0);
       };
-      t8 = /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: "Delete?" });
-      t9 = /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.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__ */ jsxRuntime.jsx(core.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__ */ jsxRuntime.jsxs("div", { className: "overflow-auto", children: [
-        t4,
-        t10
+    let t20;
+    if ($[48] !== t19) {
+      t20 = /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.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__ */ jsxRuntime.jsx(jsxRuntime.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__ */ jsxRuntime.jsx(core.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__ */ jsxRuntime.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__ */ jsxRuntime.jsx(RoleChip, { role: userRole }, userRole?.id);
   }
   const UsersView = function UsersView2(t0) {
-    const $ = reactCompilerRuntime.c(13);
+    const $ = reactCompilerRuntime.c(24);
     const {
       children
     } = t0;
+    const {
+      t
+    } = core.useTranslation();
     const [dialogOpen, setDialogOpen] = React.useState(false);
     const [selectedUser, setSelectedUser] = React.useState();
     const [newFormKey, setNewFormKey] = React.useState(0);
     useUserManagement();
     let t1;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t1 = (user) => {
         setSelectedUser(user);
         setDialogOpen(true);
@@ -2028,7 +2899,7 @@
     }
     const onUserClicked = t1;
     let t2;
-    if ($[1] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[1] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t2 = () => {
         setDialogOpen(false);
         setSelectedUser(void 0);
@@ -2039,7 +2910,7 @@
     }
     const handleClose = t2;
     let t3;
-    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t3 = () => {
         setSelectedUser(void 0);
         setNewFormKey(_temp);
@@ -2051,52 +2922,90 @@
     }
     const handleAddUser = t3;
     let t4;
-    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
-      t4 = /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.Typography, { gutterBottom: true, variant: "h4", className: "flex-grow", component: "h4", children: t4 });
+      $[5] = t4;
+      $[6] = t5;
+    } else {
+      t5 = $[6];
+    }
     let t6;
-    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
-      t5 = /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "flex items-center mt-12", children: [
-        t4,
-        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { size: "large", startIcon: /* @__PURE__ */ jsxRuntime.jsx(ui.AddIcon, {}), onClick: handleAddUser, children: "Add user" })
-      ] });
-      t6 = /* @__PURE__ */ jsxRuntime.jsx(UsersTable, { onUserClicked });
-      $[4] = t5;
-      $[5] = t6;
+    if ($[7] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
+      t6 = /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(UserDetailsForm, { open: dialogOpen, user: selectedUser, handleClose }, t7);
-      $[6] = dialogOpen;
-      $[7] = selectedUser;
-      $[8] = t7;
-      $[9] = t8;
+    if ($[10] !== t7) {
+      t8 = /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsxs(ui.Container, { className: "w-full flex flex-col py-4 gap-4", maxWidth: "6xl", children: [
-        children,
+    if ($[12] !== t5 || $[13] !== t8) {
+      t9 = /* @__PURE__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.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__ */ jsxRuntime.jsxs(ui.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;
@@ -2171,7 +3080,7 @@
     return t5;
   }
   function IntroWidget(t0) {
-    const $ = reactCompilerRuntime.c(17);
+    const $ = reactCompilerRuntime.c(31);
     const {
       noUsers,
       noRoles,
@@ -2179,21 +3088,55 @@
     } = t0;
     const authController = core.useAuthController();
     const snackbarController = core.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
+    } = core.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] === Symbol.for("react.memo_cache_sentinel")) {
-      t1 = /* @__PURE__ */ jsxRuntime.jsx(ui.Typography, { variant: "subtitle2", className: "uppercase", children: "Create your users and roles" });
-      t2 = /* @__PURE__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.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__ */ jsxRuntime.jsx(ui.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");
         }
@@ -2228,69 +3171,78 @@
           });
         }
       };
-      $[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__ */ jsxRuntime.jsx(ui.AddIcon, {});
+      $[23] = t7;
     } else {
-      t3 = $[12];
+      t7 = $[23];
     }
-    let t4;
-    if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
-      t4 = /* @__PURE__ */ jsxRuntime.jsx(ui.AddIcon, {});
-      $[13] = t4;
+    let t8;
+    if ($[24] !== buttonLabel || $[25] !== t6) {
+      t8 = /* @__PURE__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsxs(ui.Paper, { className: "my-4 flex flex-col px-4 py-6 bg-white dark:bg-surface-accent-800 gap-2", children: [
-        t1,
-        t2,
-        /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { variant: "outlined", onClick: t3, children: [
-          t4,
-          buttonLabel
-        ] })
+    let t9;
+    if ($[27] !== t3 || $[28] !== t5 || $[29] !== t8) {
+      t9 = /* @__PURE__ */ jsxRuntime.jsxs(ui.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__ */ jsxRuntime.jsx(UsersView, {})
   }, {
     path: "roles",
-    name: "Roles",
+    name: "roles_menu",
     group: "Admin",
     icon: "gpp_good",
     view: /* @__PURE__ */ jsxRuntime.jsx(RolesView, {})
   }];
+  exports2.DEFAULT_ROLES = DEFAULT_ROLES;
   exports2.IntroWidget = IntroWidget;
   exports2.RESERVED_GROUPS = RESERVED_GROUPS;
   exports2.RoleChip = RoleChip;
-  exports2.RoleYupSchema = RoleYupSchema;
   exports2.RolesDetailsForm = RolesDetailsForm;
   exports2.RolesTable = RolesTable;
   exports2.RolesView = RolesView;
   exports2.UserDetailsForm = UserDetailsForm;
   exports2.UserManagementContext = UserManagementContext;
   exports2.UserManagementProvider = UserManagementProvider;
-  exports2.UserYupSchema = UserYupSchema;
   exports2.UsersTable = UsersTable;
   exports2.UsersView = UsersView;
   exports2.areRolesEqual = areRolesEqual;
@@ -2298,7 +3250,9 @@
   exports2.clearDelegatedLoginTokensCache = clearDelegatedLoginTokensCache;
   exports2.darkenColor = darkenColor;
   exports2.getDelegatedLoginTokenFromCache = getDelegatedLoginTokenFromCache;
+  exports2.getRoleYupSchema = getRoleYupSchema;
   exports2.getUserRoles = getUserRoles;
+  exports2.getUserYupSchema = getUserYupSchema;
   exports2.hexToRgbaWithOpacity = hexToRgbaWithOpacity;
   exports2.resolveUserRolePermissions = resolveUserRolePermissions;
   exports2.useBuildUserManagement = useBuildUserManagement;