strapi-plugin-comments 3.0.1 → 3.0.2

package/dist/_chunks/{index-Ccb93U47.js → index-7Geqfcar.js}

@@ -51206,7 +51206,7 @@ const index = {
         id: `${pluginId}.plugin.name`,
         defaultMessage: displayName
       },
-      Component: () => Promise.resolve().then(() => require("./index-k7z0V0lj.js")),
+      Component: () => Promise.resolve().then(() => require("./index-Czdnz9Ci.js")),
       permissions: pluginPermissions.access
     });
     app.createSettingSection(
@@ -51225,7 +51225,7 @@ const index = {
           },
           id: "comments",
           to: `/settings/${pluginId}`,
-          Component: () => Promise.resolve().then(() => require("./index-R1krliyC.js")),
+          Component: () => Promise.resolve().then(() => require("./index-BoLOt7pX.js")),
           permissions: pluginPermissions.settings
         }
       ]
@@ -51313,6 +51313,7 @@ exports.Td = Td;
 exports.Th = Th;
 exports.Thead = Thead;
 exports.Toggle = Toggle;
+exports.TooltipImpl = TooltipImpl;
 exports.Tr = Tr;
 exports.Typography = Typography;
 exports.__rest = __rest;

package/dist/_chunks/{index-R1krliyC.js → index-BoLOt7pX.js}

@@ -1,10 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
-const index$2 = require("./index-Ccb93U47.js");
+const index$2 = require("./index-7Geqfcar.js");
 const admin = require("@strapi/strapi/admin");
 const reactQuery = require("@tanstack/react-query");
-const index$1 = require("./index-COoWcAcA.js");
+const index$1 = require("./index-CiJKS9C3.js");
 const React = require("react");
 const styled = require("styled-components");
 const _interopDefault = (e) => e && e.__esModule ? e : { default: e };

package/dist/_chunks/{index-_exHAK6u.mjs → index-CIBI9Is6.mjs}

@@ -1,5 +1,5 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import { a8 as darkTheme, a9 as lightTheme, aa as DesignSystemProvider, ab as pluginPermissions, ac as __assign, ad as __rest, p as pluginId, ae as Dialog, F as Flex, af as ForwardRef$3, T as Typography, e as Button } from "./index-BIorFYba.mjs";
+import { a9 as darkTheme, aa as lightTheme, ab as DesignSystemProvider, ac as pluginPermissions, ad as __assign, ae as __rest, p as pluginId, af as Dialog, F as Flex, ag as ForwardRef$3, T as Typography, e as Button } from "./index-Ct7A5TFY.mjs";
 import { useQuery, QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import * as React from "react";
 import { useMemo, createContext, useState } from "react";

package/dist/_chunks/{index-BC5Odn17.mjs → index-ChxSaqbf.mjs}

@@ -1,8 +1,8 @@
 import { jsx, Fragment, jsxs } from "react/jsx-runtime";
-import { a0 as Alert, e as Button, f as ForwardRef$4x, B as Box, a1 as ForwardRef$1f, F as Flex, T as Typography, Y as Grid, m as Field, a2 as MultiSelect, a3 as MultiSelectOption, a4 as Accordion, a5 as SwitchImpl, a6 as Toggle, a7 as ForwardRef$59 } from "./index-BIorFYba.mjs";
+import { a1 as Alert, e as Button, f as ForwardRef$4x, B as Box, a2 as ForwardRef$1f, F as Flex, T as Typography, Z as Grid, m as Field, a3 as MultiSelect, a4 as MultiSelectOption, a5 as Accordion, a6 as SwitchImpl, a7 as Toggle, a8 as ForwardRef$59 } from "./index-Ct7A5TFY.mjs";
 import { useTracking, useNotification, Page, Layouts, Form } from "@strapi/strapi/admin";
 import { useMutation, useQuery, useQueryClient, QueryClient } from "@tanstack/react-query";
-import { u as useAPI, f as CommonProviders, a as usePermissions, g as getMessage, l as lodashExports, e as ConfirmationDialog } from "./index-_exHAK6u.mjs";
+import { u as useAPI, f as CommonProviders, a as usePermissions, g as getMessage, l as lodashExports, e as ConfirmationDialog } from "./index-CIBI9Is6.mjs";
 import { useMemo, useRef, useState, useCallback } from "react";
 import styled from "styled-components";
 const RenderIf = ({

package/dist/_chunks/{index-COoWcAcA.js → index-CiJKS9C3.js}

@@ -1,6 +1,6 @@
 "use strict";
 const jsxRuntime = require("react/jsx-runtime");
-const index = require("./index-Ccb93U47.js");
+const index = require("./index-7Geqfcar.js");
 const reactQuery = require("@tanstack/react-query");
 const React = require("react");
 const admin = require("@strapi/strapi/admin");

package/dist/_chunks/{index-BIorFYba.mjs → index-Ct7A5TFY.mjs}

@@ -51188,7 +51188,7 @@ const index = {
         id: `${pluginId}.plugin.name`,
         defaultMessage: displayName
       },
-      Component: () => import("./index-D1DAMkhj.mjs"),
+      Component: () => import("./index-JWxk4wBa.mjs"),
       permissions: pluginPermissions.access
     });
     app.createSettingSection(
@@ -51207,7 +51207,7 @@ const index = {
           },
           id: "comments",
           to: `/settings/${pluginId}`,
-          Component: () => import("./index-BC5Odn17.mjs"),
+          Component: () => import("./index-ChxSaqbf.mjs"),
           permissions: pluginPermissions.settings
         }
       ]
@@ -51234,7 +51234,7 @@ const index = {
   }
 };
 export {
-  MenuItem as $,
+  SimpleMenu as $,
   ForwardRef$11 as A,
   Box as B,
   CheckboxImpl as C,
@@ -51256,30 +51256,31 @@ export {
   SubNav as S,
   Typography as T,
   Avatar as U,
-  Loader as V,
-  Link as W,
-  ForwardRef$51 as X,
-  Grid as Y,
-  Td as Z,
-  SimpleMenu as _,
+  TooltipImpl as V,
+  Loader as W,
+  Link as X,
+  ForwardRef$51 as Y,
+  Grid as Z,
+  Td as _,
   SubNavHeader as a,
-  Alert as a0,
-  ForwardRef$1f as a1,
-  MultiSelect as a2,
-  MultiSelectOption as a3,
-  Accordion as a4,
-  SwitchImpl as a5,
-  Toggle as a6,
-  ForwardRef$59 as a7,
-  darkTheme as a8,
-  lightTheme as a9,
-  DesignSystemProvider as aa,
-  pluginPermissions as ab,
-  __assign as ac,
-  __rest as ad,
-  Dialog as ae,
-  ForwardRef$3 as af,
-  index as ag,
+  MenuItem as a0,
+  Alert as a1,
+  ForwardRef$1f as a2,
+  MultiSelect as a3,
+  MultiSelectOption as a4,
+  Accordion as a5,
+  SwitchImpl as a6,
+  Toggle as a7,
+  ForwardRef$59 as a8,
+  darkTheme as a9,
+  lightTheme as aa,
+  DesignSystemProvider as ab,
+  pluginPermissions as ac,
+  __assign as ad,
+  __rest as ae,
+  Dialog as af,
+  ForwardRef$3 as ag,
+  index as ah,
   SubNavSections as b,
   SubNavSection as c,
   SubNavLink as d,

package/dist/_chunks/{index-k7z0V0lj.js → index-Czdnz9Ci.js}

@@ -3,9 +3,9 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("react/jsx-runtime");
 const admin = require("@strapi/strapi/admin");
 const reactRouterDom = require("react-router-dom");
-const index = require("./index-Ccb93U47.js");
+const index = require("./index-7Geqfcar.js");
 const reactQuery = require("@tanstack/react-query");
-const index$1 = require("./index-COoWcAcA.js");
+const index$1 = require("./index-CiJKS9C3.js");
 const react = require("zustand/react");
 const React = require("react");
 const styled = require("styled-components");
@@ -452,9 +452,12 @@ const CommentStatusBadge = ({ item, canAccessReports, hasReports }) => {
 };
 const IconButtonGroup = styled__default.default(index.IconButtonGroup)(({ isSingle, withMargin }) => {
   const isSingleStyle = {
-    span: {
-      "&:first-child button": {
-        borderRadius: "4px"
+    button: {
+      "&:first-child": {
+        borderRadius: "4px !important"
+      },
+      "&:last-child": {
+        borderRadius: "4px !important"
       }
     }
   };
@@ -50351,7 +50354,7 @@ const ModeratorResponseModal = ({ id: id2, content, title, Icon }) => {
     setIsModalVisible((prev) => !prev);
   }, []);
   return /* @__PURE__ */ jsxRuntime.jsxs(index.Modal.Root, { open: isModalVisible, onOpenChange: onToggleModal, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(index.Modal.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(index.IconButton, { children: /* @__PURE__ */ jsxRuntime.jsx(Icon, {}) }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(index.Modal.Trigger, { children: /* @__PURE__ */ jsxRuntime.jsx(index.IconButton, { label: index$1.getMessage("page.details.actions.thread.modal.start.thread"), children: /* @__PURE__ */ jsxRuntime.jsx(Icon, {}) }) }),
     /* @__PURE__ */ jsxRuntime.jsxs(index.Modal.Content, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(index.Modal.Header, { children: /* @__PURE__ */ jsxRuntime.jsx(index.Modal.Title, { children: title }) }),
       /* @__PURE__ */ jsxRuntime.jsx(index.Modal.Body, { children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -50819,6 +50822,7 @@ const DiscussionThreadItemActions = ({ item, pinned, preview }) => {
               {
                 onClick,
                 loading: commentMutation.block.isPending,
+                label: index$1.getMessage("page.details.actions.comment.block"),
                 children: /* @__PURE__ */ jsxRuntime.jsx(LockIcon, {})
               }
             ),
@@ -50832,6 +50836,7 @@ const DiscussionThreadItemActions = ({ item, pinned, preview }) => {
           {
             onClick: handleUnblockClick,
             loading: commentMutation.block.isPending,
+            label: index$1.getMessage("page.details.actions.comment.unblock"),
             children: /* @__PURE__ */ jsxRuntime.jsx(UnlockIcon, {})
           }
         )
@@ -50860,6 +50865,7 @@ const DiscussionThreadItemActions = ({ item, pinned, preview }) => {
         {
           onClick: handleDeleteClick,
           loading: commentMutation.delete.isPending,
+          label: index$1.getMessage("page.details.actions.comment.delete"),
           children: /* @__PURE__ */ jsxRuntime.jsx(index.ForwardRef$j, {})
         }
       ),
@@ -50874,6 +50880,7 @@ const DiscussionThreadItemActions = ({ item, pinned, preview }) => {
       index.IconButton,
       {
         onClick: handleDrillDownClick,
+        label: index$1.getMessage("page.details.panel.discussion.nav.drilldown"),
         style: blocked && !blockedThread ? { marginTop: "1px", marginRight: ".5rem" } : {},
         children: /* @__PURE__ */ jsxRuntime.jsx(index.ForwardRef$3x, {})
       }
@@ -50894,10 +50901,11 @@ const AdminAvatar = ({ children }) => /* @__PURE__ */ jsxRuntime.jsxs(index.Box,
   /* @__PURE__ */ jsxRuntime.jsx(
     index.Flex,
     {
+      padding: "2px",
       alignItems: "middle",
       position: "absolute",
-      right: "-35%",
-      top: "-35%",
+      right: "-30%",
+      top: "-30%",
       borderRadius: "50%",
       border: "2px #ffffff solid",
       background: "#ffffff",
@@ -50929,10 +50937,21 @@ const DiscussionThreadItemFooter = ({ item, children }) => {
     dateStyle: "medium",
     timeStyle: "short"
   });
-  const { name, avatar } = item.author || {};
+  const { name, avatar, email: email2 } = item.author || {};
   return /* @__PURE__ */ jsxRuntime.jsx(index.Flex, { direction: "row", paddingTop: 2, children: /* @__PURE__ */ jsxRuntime.jsxs(DiscussionThreadItemFooterMeta, { children: [
-    item.author && /* @__PURE__ */ jsxRuntime.jsx(UserAvatar, { avatar, name, isAdminComment: item.isAdminComment }),
-    /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", children: name || index$1.getMessage("components.author.unknown") }),
+    /* @__PURE__ */ jsxRuntime.jsx(
+      index.TooltipImpl,
+      {
+        open: item.isAdminComment ? false : void 0,
+        label: !item.isAdminComment ? email2 : void 0,
+        align: "start",
+        side: "left",
+        children: /* @__PURE__ */ jsxRuntime.jsxs(index.Flex, { style: { cursor: item.isAdminComment ? "default" : "help" }, children: [
+          item.author && /* @__PURE__ */ jsxRuntime.jsx(UserAvatar, { avatar, name, isAdminComment: item.isAdminComment }),
+          /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", children: name || index$1.getMessage("components.author.unknown") })
+        ] })
+      }
+    ),
     /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { variant: "pi", textColor: "neutral600", children: dateTime }),
     children
   ] }) });
@@ -51241,10 +51260,30 @@ const CommentRow = ({ item }) => {
     const localeParam = related.locale ? `?plugins[i18n][locale]=${related.locale}` : "";
     return /* @__PURE__ */ jsxRuntime.jsx(index.Link, { href: `/admin/content-manager/collection-types/${related.uid}/${related.documentId}${localeParam}`, children: related.title });
   }, [item.related]);
+  const { name, email: email2, avatar } = item.author || {};
   return /* @__PURE__ */ jsxRuntime.jsxs(index.Tr, { children: [
-    /* @__PURE__ */ jsxRuntime.jsx(index.Td, { children: item.id }),
-    /* @__PURE__ */ jsxRuntime.jsx(index.Td, { children: item.author.name }),
-    /* @__PURE__ */ jsxRuntime.jsx(index.Td, { children: item.content }),
+    /* @__PURE__ */ jsxRuntime.jsx(index.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { children: item.id }) }),
+    /* @__PURE__ */ jsxRuntime.jsx(index.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(
+      index.TooltipImpl,
+      {
+        open: item.isAdminComment ? false : void 0,
+        label: !item.isAdminComment ? email2 : void 0,
+        align: "start",
+        side: "left",
+        children: /* @__PURE__ */ jsxRuntime.jsxs(index.Flex, { gap: 2, style: { cursor: item.isAdminComment ? "default" : "help" }, children: [
+          item.author && /* @__PURE__ */ jsxRuntime.jsx(
+            UserAvatar,
+            {
+              name,
+              avatar,
+              isAdminComment: item.isAdminComment
+            }
+          ),
+          /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { children: name || index$1.getMessage("components.author.unknown") })
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ jsxRuntime.jsx(index.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { ellipsis: true, children: item.content }) }),
     /* @__PURE__ */ jsxRuntime.jsx(index.Td, { children: item.threadOf ? /* @__PURE__ */ jsxRuntime.jsx(index.Link, { href: `discover/${item.threadOf.id}`, onClick: onClickDetails(item.threadOf.id), children: index$1.getMessage(
       {
         id: "page.discover.table.cell.thread",
@@ -51253,10 +51292,10 @@ const CommentRow = ({ item }) => {
       "#" + item.threadOf.id
     ) }) : "-" }),
     /* @__PURE__ */ jsxRuntime.jsx(index.Td, { children: contentTypeLink }),
-    /* @__PURE__ */ jsxRuntime.jsx(index.Td, { children: formatDate(item.updatedAt || item.createdAt, {
+    /* @__PURE__ */ jsxRuntime.jsx(index.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(index.Typography, { children: formatDate(item.updatedAt || item.createdAt, {
       dateStyle: "long",
       timeStyle: "short"
-    }) }),
+    }) }) }),
     /* @__PURE__ */ jsxRuntime.jsx(index.Td, { children: /* @__PURE__ */ jsxRuntime.jsx(
       CommentStatusBadge,
       {

package/dist/_chunks/{index-D1DAMkhj.mjs → index-JWxk4wBa.mjs}

@@ -1,9 +1,9 @@
 import { jsxs, jsx, Fragment } from "react/jsx-runtime";
 import { useNotification, Form, Page, Layouts, useTracking, useQueryParams, SearchInput, Pagination } from "@strapi/strapi/admin";
 import { useNavigate, useParams, Routes, Route, Navigate } from "react-router-dom";
-import { S as SubNav, a as SubNavHeader, b as SubNavSections, c as SubNavSection, d as SubNavLink, p as pluginId, B as Box, T as Typography, D as Divider, F as Flex, C as CheckboxImpl, e as Button, I as IconButton, f as ForwardRef$4x, g as ForwardRef$3$, h as Badge, i as IconButtonGroup$1, P as Portal$1, j as FocusTrap, k as ForwardRef$45, l as ForwardRef$3B, m as Field, n as SingleSelect, o as SingleSelectOption, q as ForwardRef$4X, r as ForwardRef$2v, s as ForwardRef$f, t as ForwardRef$1R, u as Popover, v as ForwardRef$v, w as ForwardRef$4R, x as ForwardRef$1L, y as ForwardRef$4d, z as ForwardRef$2l, A as ForwardRef$11, M as Modal, E as Table, G as Thead, H as Tr, J as Th, K as Tbody, L as ForwardRef$1r, N as ForwardRef$j, O as ForwardRef$3x, Q as ForwardRef$1d, R as ForwardRef$R, U as Avatar, V as Loader, W as Link, X as ForwardRef$51, Y as Grid, Z as Td, _ as SimpleMenu, $ as MenuItem } from "./index-BIorFYba.mjs";
+import { S as SubNav, a as SubNavHeader, b as SubNavSections, c as SubNavSection, d as SubNavLink, p as pluginId, B as Box, T as Typography, D as Divider, F as Flex, C as CheckboxImpl, e as Button, I as IconButton, f as ForwardRef$4x, g as ForwardRef$3$, h as Badge, i as IconButtonGroup$1, P as Portal$1, j as FocusTrap, k as ForwardRef$45, l as ForwardRef$3B, m as Field, n as SingleSelect, o as SingleSelectOption, q as ForwardRef$4X, r as ForwardRef$2v, s as ForwardRef$f, t as ForwardRef$1R, u as Popover, v as ForwardRef$v, w as ForwardRef$4R, x as ForwardRef$1L, y as ForwardRef$4d, z as ForwardRef$2l, A as ForwardRef$11, M as Modal, E as Table, G as Thead, H as Tr, J as Th, K as Tbody, L as ForwardRef$1r, N as ForwardRef$j, O as ForwardRef$3x, Q as ForwardRef$1d, R as ForwardRef$R, U as Avatar, V as TooltipImpl, W as Loader, X as Link, Y as ForwardRef$51, Z as Grid, _ as Td, $ as SimpleMenu, a0 as MenuItem } from "./index-Ct7A5TFY.mjs";
 import { useQuery, useQueryClient, useMutation } from "@tanstack/react-query";
-import { u as useAPI, l as lodashExports, C as COMMENT_STATUS, R as REPORT_STATUS, g as getMessage, a as usePermissions, U as UserContext, b as getDefaultExportFromCjs, c as useIntl, d as REPORT_REASON, e as ConfirmationDialog, f as CommonProviders } from "./index-_exHAK6u.mjs";
+import { u as useAPI, l as lodashExports, C as COMMENT_STATUS, R as REPORT_STATUS, g as getMessage, a as usePermissions, U as UserContext, b as getDefaultExportFromCjs, c as useIntl, d as REPORT_REASON, e as ConfirmationDialog, f as CommonProviders } from "./index-CIBI9Is6.mjs";
 import { create } from "zustand/react";
 import * as React from "react";
 import { useCallback, useMemo, useContext, useState, useRef, Fragment as Fragment$1 } from "react";
@@ -428,9 +428,12 @@ const CommentStatusBadge = ({ item, canAccessReports, hasReports }) => {
 };
 const IconButtonGroup = styled(IconButtonGroup$1)(({ isSingle, withMargin }) => {
   const isSingleStyle = {
-    span: {
-      "&:first-child button": {
-        borderRadius: "4px"
+    button: {
+      "&:first-child": {
+        borderRadius: "4px !important"
+      },
+      "&:last-child": {
+        borderRadius: "4px !important"
       }
     }
   };
@@ -50327,7 +50330,7 @@ const ModeratorResponseModal = ({ id: id2, content, title, Icon }) => {
     setIsModalVisible((prev) => !prev);
   }, []);
   return /* @__PURE__ */ jsxs(Modal.Root, { open: isModalVisible, onOpenChange: onToggleModal, children: [
-    /* @__PURE__ */ jsx(Modal.Trigger, { children: /* @__PURE__ */ jsx(IconButton, { children: /* @__PURE__ */ jsx(Icon, {}) }) }),
+    /* @__PURE__ */ jsx(Modal.Trigger, { children: /* @__PURE__ */ jsx(IconButton, { label: getMessage("page.details.actions.thread.modal.start.thread"), children: /* @__PURE__ */ jsx(Icon, {}) }) }),
     /* @__PURE__ */ jsxs(Modal.Content, { children: [
       /* @__PURE__ */ jsx(Modal.Header, { children: /* @__PURE__ */ jsx(Modal.Title, { children: title }) }),
       /* @__PURE__ */ jsx(Modal.Body, { children: /* @__PURE__ */ jsx(
@@ -50795,6 +50798,7 @@ const DiscussionThreadItemActions = ({ item, pinned, preview }) => {
               {
                 onClick,
                 loading: commentMutation.block.isPending,
+                label: getMessage("page.details.actions.comment.block"),
                 children: /* @__PURE__ */ jsx(LockIcon, {})
               }
             ),
@@ -50808,6 +50812,7 @@ const DiscussionThreadItemActions = ({ item, pinned, preview }) => {
           {
             onClick: handleUnblockClick,
             loading: commentMutation.block.isPending,
+            label: getMessage("page.details.actions.comment.unblock"),
             children: /* @__PURE__ */ jsx(UnlockIcon, {})
           }
         )
@@ -50836,6 +50841,7 @@ const DiscussionThreadItemActions = ({ item, pinned, preview }) => {
         {
           onClick: handleDeleteClick,
           loading: commentMutation.delete.isPending,
+          label: getMessage("page.details.actions.comment.delete"),
           children: /* @__PURE__ */ jsx(ForwardRef$j, {})
         }
       ),
@@ -50850,6 +50856,7 @@ const DiscussionThreadItemActions = ({ item, pinned, preview }) => {
       IconButton,
       {
         onClick: handleDrillDownClick,
+        label: getMessage("page.details.panel.discussion.nav.drilldown"),
         style: blocked && !blockedThread ? { marginTop: "1px", marginRight: ".5rem" } : {},
         children: /* @__PURE__ */ jsx(ForwardRef$3x, {})
       }
@@ -50870,10 +50877,11 @@ const AdminAvatar = ({ children }) => /* @__PURE__ */ jsxs(Box, { position: "rel
   /* @__PURE__ */ jsx(
     Flex,
     {
+      padding: "2px",
       alignItems: "middle",
       position: "absolute",
-      right: "-35%",
-      top: "-35%",
+      right: "-30%",
+      top: "-30%",
       borderRadius: "50%",
       border: "2px #ffffff solid",
       background: "#ffffff",
@@ -50905,10 +50913,21 @@ const DiscussionThreadItemFooter = ({ item, children }) => {
     dateStyle: "medium",
     timeStyle: "short"
   });
-  const { name, avatar } = item.author || {};
+  const { name, avatar, email: email2 } = item.author || {};
   return /* @__PURE__ */ jsx(Flex, { direction: "row", paddingTop: 2, children: /* @__PURE__ */ jsxs(DiscussionThreadItemFooterMeta, { children: [
-    item.author && /* @__PURE__ */ jsx(UserAvatar, { avatar, name, isAdminComment: item.isAdminComment }),
-    /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", children: name || getMessage("components.author.unknown") }),
+    /* @__PURE__ */ jsx(
+      TooltipImpl,
+      {
+        open: item.isAdminComment ? false : void 0,
+        label: !item.isAdminComment ? email2 : void 0,
+        align: "start",
+        side: "left",
+        children: /* @__PURE__ */ jsxs(Flex, { style: { cursor: item.isAdminComment ? "default" : "help" }, children: [
+          item.author && /* @__PURE__ */ jsx(UserAvatar, { avatar, name, isAdminComment: item.isAdminComment }),
+          /* @__PURE__ */ jsx(Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800", children: name || getMessage("components.author.unknown") })
+        ] })
+      }
+    ),
     /* @__PURE__ */ jsx(Typography, { variant: "pi", textColor: "neutral600", children: dateTime }),
     children
   ] }) });
@@ -51217,10 +51236,30 @@ const CommentRow = ({ item }) => {
     const localeParam = related.locale ? `?plugins[i18n][locale]=${related.locale}` : "";
     return /* @__PURE__ */ jsx(Link, { href: `/admin/content-manager/collection-types/${related.uid}/${related.documentId}${localeParam}`, children: related.title });
   }, [item.related]);
+  const { name, email: email2, avatar } = item.author || {};
   return /* @__PURE__ */ jsxs(Tr, { children: [
-    /* @__PURE__ */ jsx(Td, { children: item.id }),
-    /* @__PURE__ */ jsx(Td, { children: item.author.name }),
-    /* @__PURE__ */ jsx(Td, { children: item.content }),
+    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { children: item.id }) }),
+    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(
+      TooltipImpl,
+      {
+        open: item.isAdminComment ? false : void 0,
+        label: !item.isAdminComment ? email2 : void 0,
+        align: "start",
+        side: "left",
+        children: /* @__PURE__ */ jsxs(Flex, { gap: 2, style: { cursor: item.isAdminComment ? "default" : "help" }, children: [
+          item.author && /* @__PURE__ */ jsx(
+            UserAvatar,
+            {
+              name,
+              avatar,
+              isAdminComment: item.isAdminComment
+            }
+          ),
+          /* @__PURE__ */ jsx(Typography, { children: name || getMessage("components.author.unknown") })
+        ] })
+      }
+    ) }),
+    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { ellipsis: true, children: item.content }) }),
     /* @__PURE__ */ jsx(Td, { children: item.threadOf ? /* @__PURE__ */ jsx(Link, { href: `discover/${item.threadOf.id}`, onClick: onClickDetails(item.threadOf.id), children: getMessage(
       {
         id: "page.discover.table.cell.thread",
@@ -51229,10 +51268,10 @@ const CommentRow = ({ item }) => {
       "#" + item.threadOf.id
     ) }) : "-" }),
     /* @__PURE__ */ jsx(Td, { children: contentTypeLink }),
-    /* @__PURE__ */ jsx(Td, { children: formatDate(item.updatedAt || item.createdAt, {
+    /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(Typography, { children: formatDate(item.updatedAt || item.createdAt, {
       dateStyle: "long",
       timeStyle: "short"
-    }) }),
+    }) }) }),
     /* @__PURE__ */ jsx(Td, { children: /* @__PURE__ */ jsx(
       CommentStatusBadge,
       {

package/dist/admin/index.js

@@ -1,4 +1,4 @@
 "use strict";
-const index = require("../_chunks/index-Ccb93U47.js");
+const index = require("../_chunks/index-7Geqfcar.js");
 require("react");
 module.exports = index.index;

package/dist/admin/index.mjs

@@ -1,5 +1,5 @@
-import { ag } from "../_chunks/index-BIorFYba.mjs";
+import { ah } from "../_chunks/index-Ct7A5TFY.mjs";
 import "react";
 export {
-  ag as default
+  ah as default
 };

package/dist/server/index.js

@@ -8381,9 +8381,9 @@ const getRelationValidator = (enabledCollections) => zod.z.string().regex(REGEX$
   "Invalid relation or not enabled collections"
 );
 const externalAuthorSchema = zod.z.object({
-  id: zod.z.number(),
+  id: zod.z.union([zod.z.number(), zod.z.string()]),
   name: zod.z.string().min(1).max(100).optional(),
-  email: zod.z.string().email().optional(),
+  email: zod.z.string().email(),
   avatar: zod.z.string().url().optional()
 });
 zod.z.union([zod.z.string(), zod.z.number(), zod.z.boolean()]);
@@ -9731,10 +9731,10 @@ const adminServices = ({ strapi: strapi2 }) => {
         }
         return { ..._2, uid };
       });
-      const levelThreadId = entity.threadOf && typeof entity.threadOf === "object" ? entity.threadOf.documentId : null;
+      const levelThreadId = entity.threadOf && typeof entity.threadOf === "object" ? entity.threadOf.id : null;
       const entitiesOnSameLevel = await this.getCommonService().findAllInHierarchy(
         {
-          query: {
+          filters: {
             ...defaultWhere,
             ...query,
             threadOf: levelThreadId,
@@ -10421,23 +10421,22 @@ const commonService = ({ strapi: strapi2 }) => ({
     );
     return Promise.all(
       Object.entries(data).map(
-        async ([relatedUid, { documentIds, locale }]) => strapi2.documents(relatedUid).findMany({
-          filters: {
-            documentId: {
-              $in: Array.from(new Set(documentIds))
-            },
-            locale: {
-              $in: Array.from(new Set(locale))
-            }
-          },
-          // ? TBD: do we want fetch draft entities?
-          status: "published"
-        }).then(
-          (relatedEntities) => relatedEntities.map((_2) => ({
-            ..._2,
-            uid: relatedUid
-          }))
-        )
+        async ([relatedUid, { documentIds, locale }]) => {
+          return Promise.all(
+            documentIds.map(
+              (documentId, index2) => strapi2.documents(relatedUid).findOne({
+                documentId: documentId.toString(),
+                locale: !lodashExports.isNil(locale[index2]) ? locale[index2] : void 0,
+                status: "published"
+              })
+            )
+          ).then(
+            (relatedEntities) => relatedEntities.filter((_2) => _2).map((_2) => ({
+              ..._2,
+              uid: relatedUid
+            }))
+          );
+        }
       )
     ).then((result) => result.flat(2));
   },

package/dist/server/index.mjs

@@ -8380,9 +8380,9 @@ const getRelationValidator = (enabledCollections) => z.string().regex(REGEX$1.re
   "Invalid relation or not enabled collections"
 );
 const externalAuthorSchema = z.object({
-  id: z.number(),
+  id: z.union([z.number(), z.string()]),
   name: z.string().min(1).max(100).optional(),
-  email: z.string().email().optional(),
+  email: z.string().email(),
   avatar: z.string().url().optional()
 });
 z.union([z.string(), z.number(), z.boolean()]);
@@ -9730,10 +9730,10 @@ const adminServices = ({ strapi: strapi2 }) => {
         }
         return { ..._2, uid };
       });
-      const levelThreadId = entity.threadOf && typeof entity.threadOf === "object" ? entity.threadOf.documentId : null;
+      const levelThreadId = entity.threadOf && typeof entity.threadOf === "object" ? entity.threadOf.id : null;
       const entitiesOnSameLevel = await this.getCommonService().findAllInHierarchy(
         {
-          query: {
+          filters: {
             ...defaultWhere,
             ...query,
             threadOf: levelThreadId,
@@ -10420,23 +10420,22 @@ const commonService = ({ strapi: strapi2 }) => ({
     );
     return Promise.all(
       Object.entries(data).map(
-        async ([relatedUid, { documentIds, locale }]) => strapi2.documents(relatedUid).findMany({
-          filters: {
-            documentId: {
-              $in: Array.from(new Set(documentIds))
-            },
-            locale: {
-              $in: Array.from(new Set(locale))
-            }
-          },
-          // ? TBD: do we want fetch draft entities?
-          status: "published"
-        }).then(
-          (relatedEntities) => relatedEntities.map((_2) => ({
-            ..._2,
-            uid: relatedUid
-          }))
-        )
+        async ([relatedUid, { documentIds, locale }]) => {
+          return Promise.all(
+            documentIds.map(
+              (documentId, index2) => strapi2.documents(relatedUid).findOne({
+                documentId: documentId.toString(),
+                locale: !lodashExports.isNil(locale[index2]) ? locale[index2] : void 0,
+                status: "published"
+              })
+            )
+          ).then(
+            (relatedEntities) => relatedEntities.filter((_2) => _2).map((_2) => ({
+              ..._2,
+              uid: relatedUid
+            }))
+          );
+        }
       )
     ).then((result) => result.flat(2));
   },

package/dist/server/src/controllers/index.d.ts

@@ -1439,7 +1439,7 @@ declare const controllers: {
             locale?: string;
             author?: {
                 name?: string;
-                id?: number;
+                id?: string | number;
                 email?: string;
                 avatar?: string;
             };

package/dist/server/src/index.d.ts

@@ -1509,7 +1509,7 @@ declare const _default: {
                 locale?: string;
                 author?: {
                     name?: string;
-                    id?: number;
+                    id?: string | number;
                     email?: string;
                     avatar?: string;
                 };
@@ -7740,7 +7740,7 @@ declare const _default: {
                 locale?: string;
                 author?: {
                     name?: string;
-                    id?: number;
+                    id?: string | number;
                     email?: string;
                     avatar?: string;
                 };
@@ -7826,7 +7826,7 @@ declare const _default: {
                 content?: string;
                 author?: {
                     name?: string;
-                    id?: number;
+                    id?: string | number;
                     email?: string;
                     avatar?: string;
                 };

package/dist/server/src/services/index.d.ts

@@ -4713,7 +4713,7 @@ declare const pluginServices: {
             locale?: string;
             author?: {
                 name?: string;
-                id?: number;
+                id?: string | number;
                 email?: string;
                 avatar?: string;
             };
@@ -4799,7 +4799,7 @@ declare const pluginServices: {
             content?: string;
             author?: {
                 name?: string;
-                id?: number;
+                id?: string | number;
                 email?: string;
                 avatar?: string;
             };

package/dist/server/src/validators/api/controllers/client.controller.validator.d.ts

@@ -7,7 +7,7 @@ export declare const newCommentValidator: (enabledCollections: string[], relatio
     locale?: string;
     author?: {
         name?: string;
-        id?: number;
+        id?: string | number;
         email?: string;
         avatar?: string;
     };
@@ -19,7 +19,7 @@ export declare const updateCommentValidator: (enabledCollections: string[], payl
     content?: string;
     author?: {
         name?: string;
-        id?: number;
+        id?: string | number;
         email?: string;
         avatar?: string;
     };

package/dist/server/src/validators/utils.d.ts

@@ -757,18 +757,18 @@ export declare const queryPaginationSchema: z.ZodObject<z.objectUtil.extendShape
 export declare const validate: <I, O>(result: z.SafeParseReturnType<I, O>) => import("../utils/Either").Left<PluginError> | import("../utils/Either").Right<O>;
 export declare const getRelationValidator: (enabledCollections: string[]) => z.ZodEffects<z.ZodString, `${string}::${string}.${string}`, string>;
 export declare const externalAuthorSchema: z.ZodObject<{
-    id: z.ZodNumber;
+    id: z.ZodUnion<[z.ZodNumber, z.ZodString]>;
     name: z.ZodOptional<z.ZodString>;
-    email: z.ZodOptional<z.ZodString>;
+    email: z.ZodString;
     avatar: z.ZodOptional<z.ZodString>;
 }, "strip", z.ZodTypeAny, {
     name?: string;
-    id?: number;
+    id?: string | number;
     email?: string;
     avatar?: string;
 }, {
     name?: string;
-    id?: number;
+    id?: string | number;
     email?: string;
     avatar?: string;
 }>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "strapi-plugin-comments",
-  "version": "3.0.1",
+  "version": "3.0.2",
   "description": "Strapi - Comments plugin",
   "strapi": {
     "name": "comments",