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

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) => {
@@ -630,7 +636,7 @@
     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",
@@ -725,7 +731,7 @@
       t21 = $[42];
     }
     let t22;
-    if ($[43] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[43] === /* @__PURE__ */ 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" }),
@@ -739,7 +745,7 @@
       t22 = $[43];
     }
     let t23;
-    if ($[44] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[44] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t23 = /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { scope: "row", children: /* @__PURE__ */ jsxRuntime.jsx("strong", { children: "All collections" }) });
       $[44] = t23;
     } else {
@@ -826,7 +832,7 @@
       t39 = $[68];
     }
     let t40;
-    if ($[69] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[69] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t40 = /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { align: "center" });
       $[69] = t40;
     } else {
@@ -894,7 +900,7 @@
       t43 = $[87];
     }
     let t44;
-    if ($[88] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[88] === /* @__PURE__ */ 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;
     } else {
@@ -924,7 +930,7 @@
     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__ */ jsxRuntime.jsx(ui.SelectItem, { value: "true", children: " Yes " });
       t51 = /* @__PURE__ */ jsxRuntime.jsx(ui.SelectItem, { value: "false", children: " No " });
       $[93] = t50;
@@ -982,7 +988,7 @@
     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__ */ 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 " });
@@ -1044,7 +1050,7 @@
     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__ */ 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 " });
@@ -1122,7 +1128,7 @@
     }
     let t80;
     if ($[144] !== handleClose) {
-      t80 = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", color: "primary", onClick: () => {
+      t80 = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", onClick: () => {
         handleClose();
       }, children: "Cancel" });
       $[144] = handleClose;
@@ -1134,7 +1140,7 @@
     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 });
+      t83 = /* @__PURE__ */ jsxRuntime.jsx(ui.LoadingButton, { variant: "filled", type: "submit", disabled: t81, loading: isSubmitting, children: t82 });
       $[146] = isSubmitting;
       $[147] = t81;
       $[148] = t82;
@@ -1259,7 +1265,7 @@
     const [roleToBeDeleted, setRoleToBeDeleted] = React.useState(void 0);
     const [deleteInProgress, setDeleteInProgress] = React.useState(false);
     let t1;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[0] === /* @__PURE__ */ 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" }),
@@ -1307,7 +1313,7 @@
     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: () => {
+        allowDefaultRolesCreation && /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: () => {
           DEFAULT_ROLES.forEach((role_0) => {
             saveRole(role_0);
           });
@@ -1357,7 +1363,7 @@
     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);
       };
@@ -1406,7 +1412,7 @@
     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 +1423,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,7 +1434,7 @@
     }
     const handleClose = t2;
     let t3;
-    if ($[2] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[2] === /* @__PURE__ */ 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;
     } else {
@@ -1436,7 +1442,7 @@
     }
     let t4;
     let t5;
-    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[3] === /* @__PURE__ */ 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" })
@@ -1602,7 +1608,7 @@
     }
     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",
@@ -1733,7 +1739,7 @@
     }
     let t25;
     if ($[53] !== handleClose) {
-      t25 = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", color: "primary", onClick: () => {
+      t25 = /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { variant: "text", onClick: () => {
         handleClose();
       }, children: "Cancel" });
       $[53] = handleClose;
@@ -1745,7 +1751,7 @@
     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 });
+      t28 = /* @__PURE__ */ jsxRuntime.jsx(ui.LoadingButton, { variant: "filled", type: "submit", disabled: t26, loading: isSubmitting, children: t27 });
       $[55] = isSubmitting;
       $[56] = t26;
       $[57] = t27;
@@ -1842,13 +1848,14 @@
     const [userToBeDeleted, setUserToBeDeleted] = React.useState(void 0);
     const [deleteInProgress, setDeleteInProgress] = React.useState(false);
     let t1;
-    if ($[0] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[0] === /* @__PURE__ */ 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, { className: "w-12" }),
         /* @__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" })
+        /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { children: "Created on" }),
+        /* @__PURE__ */ jsxRuntime.jsx(ui.TableCell, { className: "w-12" })
       ] });
       $[0] = t1;
     } else {
@@ -1864,14 +1871,15 @@
         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, { 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: user.email }),
           /* @__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: "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;
@@ -1886,7 +1894,7 @@
     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: () => {
+        /* @__PURE__ */ jsxRuntime.jsx(ui.Button, { onClick: () => {
           if (!authController.user?.uid) {
             throw Error("UsersTable, authController misconfiguration");
           }
@@ -1966,7 +1974,7 @@
     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);
       };
@@ -2017,7 +2025,7 @@
     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 +2036,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 +2047,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,7 +2059,7 @@
     }
     const handleAddUser = t3;
     let t4;
-    if ($[3] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[3] === /* @__PURE__ */ 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;
     } else {
@@ -2059,7 +2067,7 @@
     }
     let t5;
     let t6;
-    if ($[4] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[4] === /* @__PURE__ */ 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" })
@@ -2182,7 +2190,7 @@
     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__ */ 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;
@@ -2243,7 +2251,7 @@
       t3 = $[12];
     }
     let t4;
-    if ($[13] === Symbol.for("react.memo_cache_sentinel")) {
+    if ($[13] === /* @__PURE__ */ Symbol.for("react.memo_cache_sentinel")) {
       t4 = /* @__PURE__ */ jsxRuntime.jsx(ui.AddIcon, {});
       $[13] = t4;
     } else {
@@ -2254,7 +2262,7 @@
       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: [
+        /* @__PURE__ */ jsxRuntime.jsxs(ui.Button, { onClick: t3, children: [
           t4,
           buttonLabel
         ] })
@@ -2280,6 +2288,7 @@
     icon: "gpp_good",
     view: /* @__PURE__ */ jsxRuntime.jsx(RolesView, {})
   }];
+  exports2.DEFAULT_ROLES = DEFAULT_ROLES;
   exports2.IntroWidget = IntroWidget;
   exports2.RESERVED_GROUPS = RESERVED_GROUPS;
   exports2.RoleChip = RoleChip;