@firecms/user_management 3.0.1 → 3.1.0-canary.7d91b7c

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) => {
@@ -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;
@@ -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);
           });
@@ -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;
@@ -1844,11 +1850,12 @@
     let t1;
     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");
           }
@@ -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
         ] })