@firecms/user_management 3.0.0 → 3.1.0-canary.1df3b2c

package/dist/components/roles/RolesDetailsForm.d.ts

@@ -1,15 +1,12 @@
 import * as Yup from "yup";
 import { EntityCollection, Role } from "@firecms/core";
-export declare const RoleYupSchema: Yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    id: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    name: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-}>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    id: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    name: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-}>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    id: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    name: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-}>>>;
+export declare const RoleYupSchema: Yup.ObjectSchema<{
+    id: string;
+    name: string;
+}, Yup.AnyObject, {
+    id: undefined;
+    name: undefined;
+}, "">;
 export declare function RolesDetailsForm({ open, role, editable, handleClose, collections }: {
     open: boolean;
     editable?: boolean;

package/dist/components/roles/index.d.ts

@@ -2,3 +2,4 @@ export * from "./RoleChip";
 export * from "./RolesDetailsForm";
 export * from "./RolesTable";
 export * from "./RolesView";
+export * from "./default_roles";

package/dist/components/users/UserDetailsForm.d.ts

@@ -1,18 +1,14 @@
 import * as Yup from "yup";
 import { User } from "@firecms/core";
-export declare const UserYupSchema: Yup.ObjectSchema<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    displayName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    email: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    roles: import("yup/lib/array").OptionalArraySchema<Yup.AnySchema, import("yup/lib/types").AnyObject, any[] | undefined>;
-}>, import("yup/lib/object").AnyObject, import("yup/lib/object").TypeOfShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    displayName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    email: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    roles: import("yup/lib/array").OptionalArraySchema<Yup.AnySchema, import("yup/lib/types").AnyObject, any[] | undefined>;
-}>>, import("yup/lib/object").AssertsShape<import("yup/lib/object").Assign<import("yup/lib/object").ObjectShape, {
-    displayName: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    email: import("yup/lib/string").RequiredStringSchema<string | undefined, import("yup/lib/types").AnyObject>;
-    roles: import("yup/lib/array").OptionalArraySchema<Yup.AnySchema, import("yup/lib/types").AnyObject, any[] | undefined>;
-}>>>;
+export declare const UserYupSchema: Yup.ObjectSchema<{
+    displayName: string;
+    email: string;
+    roles: any[] | undefined;
+}, Yup.AnyObject, {
+    displayName: undefined;
+    email: undefined;
+    roles: undefined;
+}, "">;
 export declare function UserDetailsForm({ open, user: userProp, handleClose }: {
     open: boolean;
     user?: User;

package/dist/index.es.js

@@ -3,7 +3,7 @@ import equal from "react-fast-compare";
 import { removeUndefined, useAuthController, toSnakeCase, FieldCaption, ConfirmationDialog, useNavigationController, useSnackbarController, useCustomizationController, defaultDateFormat } from "@firecms/core";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { c } from "react-compiler-runtime";
-import { getColorSchemeForSeed, Chip, TextField, TableRow, TableCell, Checkbox, Tooltip, Button, Typography, DialogTitle, TableHeader, Paper, Table, TableBody, SelectItem, Select, DialogContent, LoadingButton, DialogActions, Dialog, IconButton, DeleteIcon, CenteredView, AddIcon, Container, MultiSelectItem, MultiSelect } from "@firecms/ui";
+import { getColorSchemeForSeed, Chip, TextField, TableRow, TableCell, Checkbox, Tooltip, Button, Typography, DialogTitle, TableHeader, Paper, Table, TableBody, SelectItem, Select, DialogContent, LoadingButton, DialogActions, Dialog, IconButton, DeleteIcon, CenteredView, AddIcon, Container, MultiSelectItem, MultiSelect, Avatar } from "@firecms/ui";
 import * as Yup from "yup";
 import { useCreateFormex, getIn, Formex } from "@firecms/formex";
 import { format } from "date-fns";
@@ -348,11 +348,17 @@ function useBuildUserManagement({
     }
     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) => {
@@ -618,7 +624,7 @@ function RolesDetailsForm(t0) {
   React.useEffect(t5, t6);
   let t7;
   let t8;
-  if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t7 = {
       display: "flex",
       flexDirection: "column",
@@ -713,7 +719,7 @@ function RolesDetailsForm(t0) {
     t21 = $[42];
   }
   let t22;
-  if ($[43] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[43] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t22 = /* @__PURE__ */ jsxs(TableHeader, { className: "rounded-md", children: [
       /* @__PURE__ */ jsx(TableCell, {}),
       /* @__PURE__ */ jsx(TableCell, { align: "center", children: "Create entities" }),
@@ -727,7 +733,7 @@ function RolesDetailsForm(t0) {
     t22 = $[43];
   }
   let t23;
-  if ($[44] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[44] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t23 = /* @__PURE__ */ jsx(TableCell, { scope: "row", children: /* @__PURE__ */ jsx("strong", { children: "All collections" }) });
     $[44] = t23;
   } else {
@@ -814,7 +820,7 @@ function RolesDetailsForm(t0) {
     t39 = $[68];
   }
   let t40;
-  if ($[69] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[69] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t40 = /* @__PURE__ */ jsx(TableCell, { align: "center" });
     $[69] = t40;
   } else {
@@ -882,7 +888,7 @@ function RolesDetailsForm(t0) {
     t43 = $[87];
   }
   let t44;
-  if ($[88] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[88] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t44 = /* @__PURE__ */ jsx(FieldCaption, { children: "You can customise the permissions that the users related to this role can perform in the entities of each collection" });
     $[88] = t44;
   } else {
@@ -912,7 +918,7 @@ function RolesDetailsForm(t0) {
   const t49 = isAdmin || values_0.config?.createCollections ? "true" : "false";
   let t50;
   let t51;
-  if ($[93] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[93] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t50 = /* @__PURE__ */ jsx(SelectItem, { value: "true", children: " Yes " });
     t51 = /* @__PURE__ */ jsx(SelectItem, { value: "false", children: " No " });
     $[93] = t50;
@@ -970,7 +976,7 @@ function RolesDetailsForm(t0) {
   let t60;
   let t61;
   let t62;
-  if ($[107] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[107] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t60 = /* @__PURE__ */ jsx(SelectItem, { value: "true", children: " Yes " });
     t61 = /* @__PURE__ */ jsx(SelectItem, { value: "false", children: " No " });
     t62 = /* @__PURE__ */ jsx(SelectItem, { value: "own", children: " Only his/her own " });
@@ -1032,7 +1038,7 @@ function RolesDetailsForm(t0) {
   let t71;
   let t72;
   let t73;
-  if ($[122] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[122] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t71 = /* @__PURE__ */ jsx(SelectItem, { value: "true", children: " Yes " });
     t72 = /* @__PURE__ */ jsx(SelectItem, { value: "false", children: " No " });
     t73 = /* @__PURE__ */ jsx(SelectItem, { value: "own", children: " Only his/her own " });
@@ -1110,7 +1116,7 @@ function RolesDetailsForm(t0) {
   }
   let t80;
   if ($[144] !== handleClose) {
-    t80 = /* @__PURE__ */ jsx(Button, { variant: "text", color: "primary", onClick: () => {
+    t80 = /* @__PURE__ */ jsx(Button, { variant: "text", onClick: () => {
       handleClose();
     }, children: "Cancel" });
     $[144] = handleClose;
@@ -1122,7 +1128,7 @@ function RolesDetailsForm(t0) {
   const t82 = isNewRole ? "Create role" : "Update";
   let t83;
   if ($[146] !== isSubmitting || $[147] !== t81 || $[148] !== t82) {
-    t83 = /* @__PURE__ */ jsx(LoadingButton, { variant: "filled", color: "primary", type: "submit", disabled: t81, loading: isSubmitting, children: t82 });
+    t83 = /* @__PURE__ */ jsx(LoadingButton, { variant: "filled", type: "submit", disabled: t81, loading: isSubmitting, children: t82 });
     $[146] = isSubmitting;
     $[147] = t81;
     $[148] = t82;
@@ -1247,7 +1253,7 @@ function RolesTable(t0) {
   const [roleToBeDeleted, setRoleToBeDeleted] = useState(void 0);
   const [deleteInProgress, setDeleteInProgress] = useState(false);
   let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = /* @__PURE__ */ jsxs(TableHeader, { children: [
       /* @__PURE__ */ jsx(TableCell, { header: true, className: "w-16" }),
       /* @__PURE__ */ jsx(TableCell, { header: true, children: "Role" }),
@@ -1295,7 +1301,7 @@ function RolesTable(t0) {
   if ($[5] !== allowDefaultRolesCreation || $[6] !== roles || $[7] !== saveRole) {
     t3 = (!roles || roles.length === 0) && /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colspan: 4, children: /* @__PURE__ */ jsxs(CenteredView, { className: "flex flex-col gap-4 my-8 items-center", children: [
       /* @__PURE__ */ jsx(Typography, { variant: "label", children: "You don't have any roles yet." }),
-      allowDefaultRolesCreation && /* @__PURE__ */ jsx(Button, { variant: "outlined", onClick: () => {
+      allowDefaultRolesCreation && /* @__PURE__ */ jsx(Button, { onClick: () => {
         DEFAULT_ROLES.forEach((role_0) => {
           saveRole(role_0);
         });
@@ -1345,7 +1351,7 @@ function RolesTable(t0) {
   let t7;
   let t8;
   let t9;
-  if ($[15] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[15] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t7 = () => {
       setRoleToBeDeleted(void 0);
     };
@@ -1394,7 +1400,7 @@ const RolesView = React.memo(function RolesView2(t0) {
   const [dialogOpen, setDialogOpen] = useState(false);
   const [selectedRole, setSelectedRole] = 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);
@@ -1405,7 +1411,7 @@ const RolesView = React.memo(function RolesView2(t0) {
   }
   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);
@@ -1416,7 +1422,7 @@ const RolesView = React.memo(function RolesView2(t0) {
   }
   const handleClose = t2;
   let t3;
-  if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[2] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t3 = /* @__PURE__ */ jsx(Typography, { gutterBottom: true, variant: "h4", className: "flex-grow", component: "h4", children: "Roles" });
     $[2] = t3;
   } else {
@@ -1424,7 +1430,7 @@ const RolesView = React.memo(function RolesView2(t0) {
   }
   let t4;
   let t5;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t4 = /* @__PURE__ */ jsxs("div", { className: "flex items-center mt-12", children: [
       t3,
       /* @__PURE__ */ jsx(Button, { size: "large", startIcon: /* @__PURE__ */ jsx(AddIcon, {}), onClick: () => setDialogOpen(true), children: "Add role" })
@@ -1590,7 +1596,7 @@ function UserDetailsForm(t0) {
   }
   let t6;
   let t7;
-  if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t6 = {
       display: "flex",
       flexDirection: "column",
@@ -1721,7 +1727,7 @@ function UserDetailsForm(t0) {
   }
   let t25;
   if ($[53] !== handleClose) {
-    t25 = /* @__PURE__ */ jsx(Button, { variant: "text", color: "primary", onClick: () => {
+    t25 = /* @__PURE__ */ jsx(Button, { variant: "text", onClick: () => {
       handleClose();
     }, children: "Cancel" });
     $[53] = handleClose;
@@ -1733,7 +1739,7 @@ function UserDetailsForm(t0) {
   const t27 = isNewUser ? "Create user" : "Update";
   let t28;
   if ($[55] !== isSubmitting || $[56] !== t26 || $[57] !== t27) {
-    t28 = /* @__PURE__ */ jsx(LoadingButton, { variant: "filled", color: "primary", type: "submit", disabled: t26, loading: isSubmitting, children: t27 });
+    t28 = /* @__PURE__ */ jsx(LoadingButton, { variant: "filled", type: "submit", disabled: t26, loading: isSubmitting, children: t27 });
     $[55] = isSubmitting;
     $[56] = t26;
     $[57] = t27;
@@ -1830,13 +1836,14 @@ function UsersTable(t0) {
   const [userToBeDeleted, setUserToBeDeleted] = useState(void 0);
   const [deleteInProgress, setDeleteInProgress] = useState(false);
   let t1;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = /* @__PURE__ */ jsxs(TableHeader, { children: [
-      /* @__PURE__ */ jsx(TableCell, { className: "truncate w-16" }),
+      /* @__PURE__ */ jsx(TableCell, { className: "w-12" }),
       /* @__PURE__ */ jsx(TableCell, { children: "Email" }),
       /* @__PURE__ */ jsx(TableCell, { children: "Name" }),
       /* @__PURE__ */ jsx(TableCell, { children: "Roles" }),
-      /* @__PURE__ */ jsx(TableCell, { children: "Created on" })
+      /* @__PURE__ */ jsx(TableCell, { children: "Created on" }),
+      /* @__PURE__ */ jsx(TableCell, { className: "w-12" })
     ] });
     $[0] = t1;
   } else {
@@ -1852,14 +1859,15 @@ function UsersTable(t0) {
       return /* @__PURE__ */ jsxs(TableRow, { onClick: () => {
         onUserClicked(user);
       }, children: [
-        /* @__PURE__ */ jsx(TableCell, { className: "w-10", children: /* @__PURE__ */ jsx(Tooltip, { asChild: true, title: "Delete this user", children: /* @__PURE__ */ jsx(IconButton, { size: "small", onClick: (event) => {
-          event.stopPropagation();
-          return setUserToBeDeleted(user);
-        }, children: /* @__PURE__ */ jsx(DeleteIcon, {}) }) }) }),
+        /* @__PURE__ */ jsx(TableCell, { className: "w-12", children: /* @__PURE__ */ jsx(Avatar, { src: user.photoURL ?? void 0, outerClassName: "w-8 h-8 min-w-8 min-h-8 p-0", className: "text-sm", hover: false, children: user.displayName ? user.displayName[0].toUpperCase() : user.email ? user.email[0].toUpperCase() : "U" }) }),
         /* @__PURE__ */ jsx(TableCell, { children: user.email }),
         /* @__PURE__ */ jsx(TableCell, { className: "font-medium align-left", children: user.displayName }),
         /* @__PURE__ */ jsx(TableCell, { className: "align-left", children: userRoles ? /* @__PURE__ */ jsx("div", { className: "flex flex-wrap gap-2", children: userRoles.map(_temp$1) }) : null }),
-        /* @__PURE__ */ jsx(TableCell, { children: formattedDate })
+        /* @__PURE__ */ jsx(TableCell, { children: formattedDate }),
+        /* @__PURE__ */ jsx(TableCell, { className: "w-12", children: /* @__PURE__ */ jsx(Tooltip, { asChild: true, title: "Delete this user", children: /* @__PURE__ */ jsx(IconButton, { size: "smallest", onClick: (event) => {
+          event.stopPropagation();
+          return setUserToBeDeleted(user);
+        }, children: /* @__PURE__ */ jsx(DeleteIcon, { size: "small" }) }) }) })
       ] }, "row_" + user.uid);
     });
     $[1] = dateFormat;
@@ -1874,7 +1882,7 @@ function UsersTable(t0) {
   if ($[6] !== authController || $[7] !== saveUser || $[8] !== snackbarController || $[9] !== users) {
     t3 = (!users || users.length === 0) && /* @__PURE__ */ jsx(TableRow, { children: /* @__PURE__ */ jsx(TableCell, { colspan: 6, children: /* @__PURE__ */ jsxs(CenteredView, { className: "flex flex-col gap-4 my-8 items-center", children: [
       /* @__PURE__ */ jsx(Typography, { variant: "label", children: "There are no users yet" }),
-      /* @__PURE__ */ jsx(Button, { variant: "outlined", onClick: () => {
+      /* @__PURE__ */ jsx(Button, { onClick: () => {
         if (!authController.user?.uid) {
           throw Error("UsersTable, authController misconfiguration");
         }
@@ -1954,7 +1962,7 @@ function UsersTable(t0) {
   let t7;
   let t8;
   let t9;
-  if ($[18] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[18] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t7 = () => {
       setUserToBeDeleted(void 0);
     };
@@ -2005,7 +2013,7 @@ const UsersView = function UsersView2(t0) {
   const [newFormKey, setNewFormKey] = 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);
@@ -2016,7 +2024,7 @@ const UsersView = function UsersView2(t0) {
   }
   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);
@@ -2027,7 +2035,7 @@ const UsersView = function UsersView2(t0) {
   }
   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);
@@ -2039,7 +2047,7 @@ const UsersView = function UsersView2(t0) {
   }
   const handleAddUser = t3;
   let t4;
-  if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[3] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t4 = /* @__PURE__ */ jsx(Typography, { gutterBottom: true, variant: "h4", className: "flex-grow", component: "h4", children: "Users" });
     $[3] = t4;
   } else {
@@ -2047,7 +2055,7 @@ const UsersView = function UsersView2(t0) {
   }
   let t5;
   let t6;
-  if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[4] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t5 = /* @__PURE__ */ jsxs("div", { className: "flex items-center mt-12", children: [
       t4,
       /* @__PURE__ */ jsx(Button, { size: "large", startIcon: /* @__PURE__ */ jsx(AddIcon, {}), onClick: handleAddUser, children: "Add user" })
@@ -2170,7 +2178,7 @@ function IntroWidget(t0) {
   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;
   let t1;
   let t2;
-  if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[0] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t1 = /* @__PURE__ */ jsx(Typography, { variant: "subtitle2", className: "uppercase", children: "Create your users and roles" });
     t2 = /* @__PURE__ */ jsx(Typography, { children: "You have no users or roles defined. You can create default roles and add the current user as admin." });
     $[0] = t1;
@@ -2231,7 +2239,7 @@ function IntroWidget(t0) {
     t3 = $[12];
   }
   let t4;
-  if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+  if ($[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
     t4 = /* @__PURE__ */ jsx(AddIcon, {});
     $[13] = t4;
   } else {
@@ -2242,7 +2250,7 @@ function IntroWidget(t0) {
     t5 = /* @__PURE__ */ jsxs(Paper, { className: "my-4 flex flex-col px-4 py-6 bg-white dark:bg-surface-accent-800 gap-2", children: [
       t1,
       t2,
-      /* @__PURE__ */ jsxs(Button, { variant: "outlined", onClick: t3, children: [
+      /* @__PURE__ */ jsxs(Button, { onClick: t3, children: [
         t4,
         buttonLabel
       ] })
@@ -2269,6 +2277,7 @@ const userManagementAdminViews = [{
   view: /* @__PURE__ */ jsx(RolesView, {})
 }];
 export {
+  DEFAULT_ROLES,
   IntroWidget,
   RESERVED_GROUPS,
   RoleChip,