strapi-plugin-comments 2.0.11 → 2.1.1

package/build/admin/src/pages/Discover/components/DiscoverTableRow/index.js

@@ -1,60 +1,36 @@
 "use strict";
-var __createBinding =
-  (this && this.__createBinding) ||
-  (Object.create
-    ? function (o, m, k, k2) {
-        if (k2 === undefined) k2 = k;
-        var desc = Object.getOwnPropertyDescriptor(m, k);
-        if (
-          !desc ||
-          ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)
-        ) {
-          desc = {
-            enumerable: true,
-            get: function () {
-              return m[k];
-            },
-          };
-        }
-        Object.defineProperty(o, k2, desc);
-      }
-    : function (o, m, k, k2) {
-        if (k2 === undefined) k2 = k;
-        o[k2] = m[k];
-      });
-var __setModuleDefault =
-  (this && this.__setModuleDefault) ||
-  (Object.create
-    ? function (o, v) {
-        Object.defineProperty(o, "default", { enumerable: true, value: v });
-      }
-    : function (o, v) {
-        o["default"] = v;
-      });
-var __importStar =
-  (this && this.__importStar) ||
-  function (mod) {
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
     if (mod && mod.__esModule) return mod;
     var result = {};
-    if (mod != null)
-      for (var k in mod)
-        if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
-          __createBinding(result, mod, k);
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
     __setModuleDefault(result, mod);
     return result;
-  };
-var __importDefault =
-  (this && this.__importDefault) ||
-  function (mod) {
-    return mod && mod.__esModule ? mod : { default: mod };
-  };
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const prop_types_1 = __importDefault(require("prop-types"));
 const react_intl_1 = require("react-intl");
 const react_query_1 = require("react-query");
 const lodash_1 = require("lodash");
-const Avatar_1 = require("@strapi/design-system/Avatar");
 const Flex_1 = require("@strapi/design-system/Flex");
 const IconButton_1 = require("@strapi/design-system/IconButton");
 const Link_1 = require("@strapi/design-system/Link");
@@ -67,278 +43,127 @@ const utils_1 = require("../../../../utils");
 const api_1 = require("../../../utils/api");
 const pluginId_1 = require("../../../../pluginId");
 const styles_1 = require("./styles");
-const renderEntryTitle_1 = __importDefault(
-  require("../../../../utils/renderEntryTitle")
-);
-const DiscussionThreadItemApprovalFlowActions_1 = __importDefault(
-  require("../../../../components/DiscussionThreadItemApprovalFlowActions")
-);
-const StatusBadge_1 = __importDefault(
-  require("../../../../components/StatusBadge")
-);
+const renderEntryTitle_1 = __importDefault(require("../../../../utils/renderEntryTitle"));
+const DiscussionThreadItemApprovalFlowActions_1 = __importDefault(require("../../../../components/DiscussionThreadItemApprovalFlowActions"));
+const StatusBadge_1 = __importDefault(require("../../../../components/StatusBadge"));
 const styles_2 = require("../../../../components/IconButton/styles");
-const DiscussionThreadItemReviewAction_1 = __importDefault(
-  require("../../../../components/DiscussionThreadItemReviewAction")
-);
-const DiscoverTableRow = ({
-  config,
-  item,
-  allowedActions: { canModerate, canAccessReports, canReviewReports },
-  onClick,
-}) => {
-  const { id, reports } = item;
-  const [blockButtonsDisabled, setBlockButtonsDisabled] = (0, react_1.useState)(
-    false
-  );
-  const { formatDate } = (0, react_intl_1.useIntl)();
-  const toggleNotification = (0, helper_plugin_1.useNotification)();
-  const queryClient = (0, react_query_1.useQueryClient)();
-  const { lockApp, unlockApp } = (0, helper_plugin_1.useOverlayBlocker)();
-  const onSuccess =
-    (message, stateAction = () => {}, indalidate = true) =>
-    async () => {
-      if (indalidate) {
-        await queryClient.invalidateQueries("get-data");
-      }
-      toggleNotification({
-        type: "success",
-        message: `${pluginId_1.pluginId}.${message}`,
-      });
-      stateAction(false);
-      unlockApp();
+const DiscussionThreadItemReviewAction_1 = __importDefault(require("../../../../components/DiscussionThreadItemReviewAction"));
+const Avatar_1 = __importDefault(require("../../../../components/Avatar"));
+const DiscoverTableRow = ({ config, item, allowedActions: { canModerate, canAccessReports, canReviewReports }, onClick, }) => {
+    const { id, reports } = item;
+    const [blockButtonsDisabled, setBlockButtonsDisabled] = (0, react_1.useState)(false);
+    const { formatDate } = (0, react_intl_1.useIntl)();
+    const toggleNotification = (0, helper_plugin_1.useNotification)();
+    const queryClient = (0, react_query_1.useQueryClient)();
+    const { lockApp, unlockApp } = (0, helper_plugin_1.useOverlayBlocker)();
+    const onSuccess = (message, stateAction = () => { }, indalidate = true) => async () => {
+        if (indalidate) {
+            await queryClient.invalidateQueries("get-data");
+        }
+        toggleNotification({
+            type: "success",
+            message: `${pluginId_1.pluginId}.${message}`,
+        });
+        stateAction(false);
+        unlockApp();
     };
-  const onError = (err) => {
-    (0, utils_1.handleAPIError)(err, toggleNotification);
-  };
-  const blockItemMutation = (0, react_query_1.useMutation)(api_1.blockItem, {
-    onSuccess: onSuccess(
-      "page.details.actions.comment.block.confirmation.success"
-    ),
-    onError,
-    refetchActive: false,
-  });
-  const blockItemThreadMutation = (0, react_query_1.useMutation)(
-    api_1.blockItemThread,
-    {
-      onSuccess: onSuccess(
-        "page.details.actions.thread.block.confirmation.success"
-      ),
-      onError,
-      refetchActive: false,
-    }
-  );
-  const handleBlockItemClick = async () => {
-    if (canModerate) {
-      lockApp();
-      blockItemMutation.mutate(id);
-    }
-  };
-  const handleBlockItemThreadClick = async () => {
-    if (canModerate) {
-      lockApp();
-      blockItemThreadMutation.mutate(id);
-    }
-  };
-  const handleBlockActionClick = async (mutation, onCallback) => {
-    lockApp();
-    await mutation.mutateAsync(id);
-    onCallback();
-  };
-  const isLoading =
-    blockItemMutation.isLoading || blockItemThreadMutation.isLoading;
-  const openReports = reports?.filter((_) => !_.resolved);
-  const hasReports = !(0, lodash_1.isEmpty)(openReports);
-  const reviewFlowEnabled =
-    canAccessReports && hasReports && !(item.blocked || item.blockedThread);
-  const handleClick = () => onClick();
-  const handleBlockButtonsStateChange = (disabled) =>
-    setBlockButtonsDisabled(disabled);
-  const renderStatus = (props) => {
-    const status = (0, utils_1.resolveCommentStatus)({
-      ...props,
-      reviewFlowEnabled,
+    const onError = (err) => {
+        (0, utils_1.handleAPIError)(err, toggleNotification);
+    };
+    const blockItemMutation = (0, react_query_1.useMutation)(api_1.blockItem, {
+        onSuccess: onSuccess("page.details.actions.comment.block.confirmation.success"),
+        onError,
+        refetchActive: false,
     });
-    const color = (0, utils_1.resolveCommentStatusColor)(status);
-    return react_1.default.createElement(
-      StatusBadge_1.default,
-      {
-        backgroundColor: `${color}100`,
-        textColor: `${color}700`,
-        color: color,
-      },
-      (0, utils_1.getMessage)(
-        {
-          id: `page.common.item.status.${status}`,
-          props: {
-            count: openReports.length,
-          },
-        },
-        status
-      )
-    );
-  };
-  const renderEntryUrl = (entry) =>
-    entry ? `/content-manager/collectionType/${entry.uid}/${entry.id}` : null;
-  const renderDetailsUrl = (entry) =>
-    (0, utils_1.getUrl)(`discover/${entry.id}`);
-  const gotApprovalFlow = !(0, lodash_1.isNil)(item.approvalStatus);
-  const needsApproval = gotApprovalFlow && item.approvalStatus === "PENDING";
-  let actionItemsCount = 1;
-  if (reviewFlowEnabled || needsApproval) {
-    actionItemsCount = 2;
-  }
-  return react_1.default.createElement(
-    Table_1.Tr,
-    { key: item.id },
-    react_1.default.createElement(
-      Table_1.Td,
-      null,
-      react_1.default.createElement(
-        Typography_1.Typography,
-        { textColor: "neutral800", fontWeight: "bold" },
-        "#",
-        item.id
-      )
-    ),
-    react_1.default.createElement(
-      Table_1.Td,
-      null,
-      react_1.default.createElement(
-        Stack_1.Stack,
-        { size: 2, horizontal: true },
-        item.author?.avatar
-          ? react_1.default.createElement(Avatar_1.Avatar, {
-              src: item.author?.avatar,
-              alt: item.author.name,
-            })
-          : react_1.default.createElement(
-              Avatar_1.Initials,
-              null,
-              (0, utils_1.renderInitials)(item.author.name)
-            ),
-        react_1.default.createElement(
-          Typography_1.Typography,
-          { textColor: "neutral800", variant: "pi" },
-          item.author.name
-        )
-      )
-    ),
-    react_1.default.createElement(
-      Table_1.Td,
-      { style: { maxWidth: "30vw" } },
-      react_1.default.createElement(
-        Typography_1.Typography,
-        { textColor: "neutral800", ellipsis: true },
-        item.content
-      )
-    ),
-    react_1.default.createElement(
-      Table_1.Td,
-      null,
-      item.threadOf?.id
-        ? react_1.default.createElement(
-            Link_1.Link,
-            { to: renderDetailsUrl(item.threadOf) },
-            (0, utils_1.getMessage)(
-              {
-                id: "page.discover.table.cell.thread",
-                props: { id: item.threadOf.id },
-              },
-              "#" + item.threadOf.id
-            )
-          )
-        : "-"
-    ),
-    react_1.default.createElement(
-      Table_1.Td,
-      { style: { maxWidth: "15vw" } },
-      item.related
-        ? react_1.default.createElement(
-            styles_1.TableLink,
-            { to: renderEntryUrl(item.related) },
-            (0, renderEntryTitle_1.default)(item.related, config)
-          )
-        : "-"
-    ),
-    react_1.default.createElement(
-      Table_1.Td,
-      null,
-      react_1.default.createElement(
-        Typography_1.Typography,
-        { textColor: "neutral800" },
-        formatDate(item.updatedAt || item.createdAt, {
-          dateStyle: "long",
-          timeStyle: "short",
-        })
-      )
-    ),
-    react_1.default.createElement(
-      Table_1.Td,
-      null,
-      react_1.default.createElement(
-        Typography_1.Typography,
-        { textColor: "neutral800" },
-        renderStatus(item)
-      )
-    ),
-    react_1.default.createElement(
-      Table_1.Td,
-      null,
-      react_1.default.createElement(
-        Flex_1.Flex,
-        { direction: "column", alignItems: "flex-end" },
-        react_1.default.createElement(
-          styles_2.IconButtonGroupStyled,
-          { isSingle: !(reviewFlowEnabled || (canModerate && needsApproval)) },
-          canModerate &&
-            needsApproval &&
-            react_1.default.createElement(
-              DiscussionThreadItemApprovalFlowActions_1.default,
-              {
-                id: item.id,
-                allowedActions: { canModerate },
-                queryToInvalidate: "get-data",
-              }
-            ),
-          react_1.default.createElement(
-            DiscussionThreadItemReviewAction_1.default,
-            {
-              item: item,
-              queryToInvalidate: "get-data",
-              areBlockButtonsDisabled: blockButtonsDisabled,
-              isLoading: isLoading,
-              allowedActions: {
-                canModerate,
-                canAccessReports,
-                canReviewReports,
-              },
-              blockItemMutation: blockItemMutation,
-              blockItemThreadMutation: blockItemThreadMutation,
-              onBlockButtonsStateChange: handleBlockButtonsStateChange,
-              onBlockActionClick: handleBlockActionClick,
-            }
-          ),
-          react_1.default.createElement(IconButton_1.IconButton, {
-            onClick: handleClick,
-            label: (0, utils_1.getMessage)(
-              "page.discover.table.action.display"
-            ),
-            icon: react_1.default.createElement(icons_1.Eye, null),
-          })
-        )
-      )
-    )
-  );
+    const blockItemThreadMutation = (0, react_query_1.useMutation)(api_1.blockItemThread, {
+        onSuccess: onSuccess("page.details.actions.thread.block.confirmation.success"),
+        onError,
+        refetchActive: false,
+    });
+    const handleBlockItemClick = async () => {
+        if (canModerate) {
+            lockApp();
+            blockItemMutation.mutate(id);
+        }
+    };
+    const handleBlockItemThreadClick = async () => {
+        if (canModerate) {
+            lockApp();
+            blockItemThreadMutation.mutate(id);
+        }
+    };
+    const handleBlockActionClick = async (mutation, onCallback) => {
+        lockApp();
+        await mutation.mutateAsync(id);
+        onCallback();
+    };
+    const isLoading = blockItemMutation.isLoading || blockItemThreadMutation.isLoading;
+    const openReports = reports?.filter((_) => !_.resolved);
+    const hasReports = !(0, lodash_1.isEmpty)(openReports);
+    const reviewFlowEnabled = canAccessReports && hasReports && !(item.blocked || item.blockedThread);
+    const handleClick = () => onClick();
+    const handleBlockButtonsStateChange = (disabled) => setBlockButtonsDisabled(disabled);
+    const renderStatus = (props) => {
+        const status = (0, utils_1.resolveCommentStatus)({ ...props, reviewFlowEnabled });
+        const color = (0, utils_1.resolveCommentStatusColor)(status);
+        return (react_1.default.createElement(StatusBadge_1.default, { backgroundColor: `${color}100`, textColor: `${color}700`, color: color }, (0, utils_1.getMessage)({
+            id: `page.common.item.status.${status}`,
+            props: {
+                count: openReports.length,
+            },
+        }, status)));
+    };
+    const renderEntryUrl = (entry) => entry ? `/content-manager/collectionType/${entry.uid}/${entry.id}` : null;
+    const renderDetailsUrl = (entry) => (0, utils_1.getUrl)(`discover/${entry.id}`);
+    const gotApprovalFlow = !(0, lodash_1.isNil)(item.approvalStatus);
+    const needsApproval = gotApprovalFlow && item.approvalStatus === "PENDING";
+    let actionItemsCount = 1;
+    if (reviewFlowEnabled || needsApproval) {
+        actionItemsCount = 2;
+    }
+    return (react_1.default.createElement(Table_1.Tr, { key: item.id },
+        react_1.default.createElement(Table_1.Td, null,
+            react_1.default.createElement(Typography_1.Typography, { textColor: "neutral800", fontWeight: "bold" },
+                "#",
+                item.id)),
+        react_1.default.createElement(Table_1.Td, null,
+            react_1.default.createElement(Stack_1.Stack, { size: 2, horizontal: true },
+                react_1.default.createElement(Avatar_1.default, { avatar: item.author?.avatar, name: item.author.name }),
+                react_1.default.createElement(Typography_1.Typography, { textColor: "neutral800", variant: "pi" }, item.author.name))),
+        react_1.default.createElement(Table_1.Td, { style: { maxWidth: "30vw" } },
+            react_1.default.createElement(Typography_1.Typography, { textColor: "neutral800", ellipsis: true }, item.content)),
+        react_1.default.createElement(Table_1.Td, null, item.threadOf?.id ? (react_1.default.createElement(Link_1.Link, { to: renderDetailsUrl(item.threadOf) }, (0, utils_1.getMessage)({
+            id: "page.discover.table.cell.thread",
+            props: { id: item.threadOf.id },
+        }, "#" + item.threadOf.id))) : ("-")),
+        react_1.default.createElement(Table_1.Td, { style: { maxWidth: "15vw" } }, item.related ? (react_1.default.createElement(styles_1.TableLink, { to: renderEntryUrl(item.related) }, (0, renderEntryTitle_1.default)(item.related, config))) : ("-")),
+        react_1.default.createElement(Table_1.Td, null,
+            react_1.default.createElement(Typography_1.Typography, { textColor: "neutral800" }, formatDate(item.updatedAt || item.createdAt, {
+                dateStyle: "long",
+                timeStyle: "short",
+            }))),
+        react_1.default.createElement(Table_1.Td, null,
+            react_1.default.createElement(Typography_1.Typography, { textColor: "neutral800" }, renderStatus(item))),
+        react_1.default.createElement(Table_1.Td, null,
+            react_1.default.createElement(Flex_1.Flex, { direction: "column", alignItems: "flex-end" },
+                react_1.default.createElement(styles_2.IconButtonGroupStyled, { isSingle: !(reviewFlowEnabled || (canModerate && needsApproval)) },
+                    canModerate && needsApproval && (react_1.default.createElement(DiscussionThreadItemApprovalFlowActions_1.default, { id: item.id, allowedActions: { canModerate }, queryToInvalidate: "get-data" })),
+                    react_1.default.createElement(DiscussionThreadItemReviewAction_1.default, { item: item, queryToInvalidate: "get-data", areBlockButtonsDisabled: blockButtonsDisabled, isLoading: isLoading, allowedActions: {
+                            canModerate,
+                            canAccessReports,
+                            canReviewReports,
+                        }, blockItemMutation: blockItemMutation, blockItemThreadMutation: blockItemThreadMutation, onBlockButtonsStateChange: handleBlockButtonsStateChange, onBlockActionClick: handleBlockActionClick }),
+                    react_1.default.createElement(IconButton_1.IconButton, { onClick: handleClick, label: (0, utils_1.getMessage)("page.discover.table.action.display"), icon: react_1.default.createElement(icons_1.Eye, null) }))))));
 };
 DiscoverTableRow.propTypes = {
-  config: prop_types_1.default.object.isRequired,
-  item: prop_types_1.default.object.isRequired,
-  allowedActions: prop_types_1.default.shape({
-    canModerate: prop_types_1.default.bool,
-    canAccessReports: prop_types_1.default.bool,
-    canReviewReports: prop_types_1.default.bool,
-  }),
-  onClick: prop_types_1.default.func.isRequired,
+    config: prop_types_1.default.object.isRequired,
+    item: prop_types_1.default.object.isRequired,
+    allowedActions: prop_types_1.default.shape({
+        canModerate: prop_types_1.default.bool,
+        canAccessReports: prop_types_1.default.bool,
+        canReviewReports: prop_types_1.default.bool,
+    }),
+    onClick: prop_types_1.default.func.isRequired,
 };
 exports.default = DiscoverTableRow;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

package/build/admin/src/pages/Discover/components/DiscoverTableRow/styles.d.ts

@@ -1,2 +1,2 @@
 export declare const TableLink: any;
-//# sourceMappingURL=styles.d.ts.map
+//# sourceMappingURL=styles.d.ts.map

package/build/admin/src/pages/Discover/components/DiscoverTableRow/styles.js

@@ -1,16 +1,14 @@
 "use strict";
-var __importDefault =
-  (this && this.__importDefault) ||
-  function (mod) {
-    return mod && mod.__esModule ? mod : { default: mod };
-  };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.TableLink = void 0;
 const styled_components_1 = __importDefault(require("styled-components"));
 const Link_1 = require("@strapi/design-system/Link");
-exports.TableLink = (0, styled_components_1.default)(Link_1.Link)`
+exports.TableLink = (0, styled_components_1.default)(Link_1.Link) `
   display: block;
   text-overflow: ellipsis;
   overflow: hidden;
 `;
-//# sourceMappingURL=styles.js.map
+//# sourceMappingURL=styles.js.map