strapi-plugin-comments 2.0.8 → 2.0.11

package/build/admin/src/components/ReportsReviewTable/index.js

@@ -0,0 +1,321 @@
+"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) {
+    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);
+    __setModuleDefault(result, mod);
+    return result;
+  };
+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 react_intl_1 = require("react-intl");
+const prop_types_1 = __importDefault(require("prop-types"));
+const lodash_1 = require("lodash");
+const BaseCheckbox_1 = require("@strapi/design-system/BaseCheckbox");
+const Flex_1 = require("@strapi/design-system/Flex");
+const Table_1 = require("@strapi/design-system/Table");
+const Typography_1 = require("@strapi/design-system/Typography");
+const VisuallyHidden_1 = require("@strapi/design-system/VisuallyHidden");
+const icons_1 = require("@strapi/icons");
+const helper_plugin_1 = require("@strapi/helper-plugin");
+const utils_1 = require("../../utils");
+const constants_1 = require("../../utils/constants");
+const StatusBadge_1 = __importDefault(require("../StatusBadge"));
+const styles_1 = require("../ActionButton/styles");
+const ReportsReviewTable = ({
+  commentId,
+  items,
+  mutation,
+  allowedActions: { canAccessReports, canReviewReports },
+  onBlockButtonsStateChange,
+}) => {
+  const [storedItems, setStoredItems] = (0, react_1.useState)([]);
+  const { formatDate } = (0, react_intl_1.useIntl)();
+  const { lockApp } = (0, helper_plugin_1.useOverlayBlocker)();
+  const renderStatus = (resolved) => {
+    const status = resolved
+      ? constants_1.REPORT_STATUS.RESOLVED
+      : constants_1.REPORT_STATUS.OPEN;
+    let color = "alternative";
+    switch (status) {
+      case constants_1.REPORT_STATUS.RESOLVED:
+        color = "success";
+        break;
+      case constants_1.REPORT_STATUS.OPEN:
+        color = "danger";
+    }
+    return react_1.default.createElement(
+      StatusBadge_1.default,
+      {
+        backgroundColor: `${color}100`,
+        textColor: `${color}600`,
+        color: color,
+      },
+      (0, utils_1.getMessage)(
+        `page.details.panel.discussion.warnings.reports.dialog.status.${status}`,
+        status
+      )
+    );
+  };
+  const renderReason = (reason) => {
+    let color = "neutral";
+    switch (reason) {
+      case constants_1.REPORT_REASON.DISCRIMINATION:
+        color = "danger";
+        break;
+      case constants_1.REPORT_REASON.BAD_LANGUAGE:
+        color = "warning";
+    }
+    return react_1.default.createElement(
+      StatusBadge_1.default,
+      {
+        backgroundColor: `${color}100`,
+        textColor: `${color}600`,
+        color: color,
+      },
+      (0, utils_1.getMessage)(
+        `page.details.panel.discussion.warnings.reports.dialog.reason.${reason}`,
+        reason
+      )
+    );
+  };
+  const handleClickResolve = async (reportId) => {
+    if (canReviewReports) {
+      lockApp();
+      const item = await mutation.mutateAsync({
+        id: commentId,
+        reportId,
+      });
+      if (item) {
+        const updatedItems = storedItems.map((_) => ({
+          ..._,
+          resolved: reportId === _.id ? true : _.resolved,
+        }));
+        setStoredItems(updatedItems);
+        onBlockButtonsStateChange(
+          updatedItems.filter((_) => !_.resolved).length === 0
+        );
+      }
+    }
+  };
+  (0, react_1.useEffect)(() => {
+    setStoredItems(items);
+  }, []);
+  if ((0, lodash_1.isEmpty)(storedItems)) {
+    return null;
+  }
+  const COL_COUNT = 6;
+  if (canAccessReports) {
+    return react_1.default.createElement(
+      Table_1.Table,
+      { colCount: COL_COUNT, rowCount: storedItems.length },
+      react_1.default.createElement(
+        Table_1.Thead,
+        null,
+        react_1.default.createElement(
+          Table_1.Tr,
+          null,
+          react_1.default.createElement(
+            Table_1.Th,
+            null,
+            react_1.default.createElement(BaseCheckbox_1.BaseCheckbox, {
+              "aria-label": "Select all entries",
+            })
+          ),
+          react_1.default.createElement(
+            Table_1.Th,
+            null,
+            react_1.default.createElement(
+              Typography_1.Typography,
+              { variant: "sigma" },
+              (0, utils_1.getMessage)(
+                "page.details.panel.discussion.warnings.reports.dialog.reason"
+              )
+            )
+          ),
+          react_1.default.createElement(
+            Table_1.Th,
+            null,
+            react_1.default.createElement(
+              Typography_1.Typography,
+              { variant: "sigma" },
+              (0, utils_1.getMessage)(
+                "page.details.panel.discussion.warnings.reports.dialog.content"
+              )
+            )
+          ),
+          react_1.default.createElement(
+            Table_1.Th,
+            null,
+            react_1.default.createElement(
+              Typography_1.Typography,
+              { variant: "sigma" },
+              (0, utils_1.getMessage)(
+                "page.details.panel.discussion.warnings.reports.dialog.createdAt"
+              )
+            )
+          ),
+          react_1.default.createElement(
+            Table_1.Th,
+            null,
+            react_1.default.createElement(
+              Typography_1.Typography,
+              { variant: "sigma" },
+              (0, utils_1.getMessage)(
+                "page.details.panel.discussion.warnings.reports.dialog.status"
+              )
+            )
+          ),
+          canReviewReports &&
+            react_1.default.createElement(
+              Table_1.Th,
+              null,
+              react_1.default.createElement(
+                VisuallyHidden_1.VisuallyHidden,
+                null,
+                (0, utils_1.getMessage)(
+                  "page.details.panel.discussion.warnings.reports.dialog.actions"
+                )
+              )
+            )
+        )
+      ),
+      react_1.default.createElement(
+        Table_1.Tbody,
+        null,
+        storedItems.map((entry) =>
+          react_1.default.createElement(
+            Table_1.Tr,
+            { key: entry.id },
+            react_1.default.createElement(
+              Table_1.Td,
+              null,
+              react_1.default.createElement(BaseCheckbox_1.BaseCheckbox, {
+                "aria-label": `Select report`,
+              })
+            ),
+            react_1.default.createElement(
+              Table_1.Td,
+              null,
+              react_1.default.createElement(
+                Typography_1.Typography,
+                { textColor: "neutral800" },
+                renderReason(entry.reason)
+              )
+            ),
+            react_1.default.createElement(
+              Table_1.Td,
+              null,
+              react_1.default.createElement(
+                Typography_1.Typography,
+                { textColor: "neutral800" },
+                entry.content
+              )
+            ),
+            react_1.default.createElement(
+              Table_1.Td,
+              null,
+              react_1.default.createElement(
+                Typography_1.Typography,
+                { textColor: "neutral800" },
+                formatDate(entry.createdAt, {
+                  dateStyle: "short",
+                  timeStyle: "short",
+                })
+              )
+            ),
+            react_1.default.createElement(
+              Table_1.Td,
+              null,
+              renderStatus(entry.resolved)
+            ),
+            canReviewReports &&
+              react_1.default.createElement(
+                Table_1.Td,
+                null,
+                !entry.resolved &&
+                  react_1.default.createElement(
+                    Flex_1.Flex,
+                    { direction: "column", alignItems: "flex-end" },
+                    react_1.default.createElement(
+                      styles_1.ActionButton,
+                      {
+                        isSingle: true,
+                        onClick: () => handleClickResolve(entry.id),
+                        startIcon: react_1.default.createElement(
+                          icons_1.Check,
+                          null
+                        ),
+                        variant: "success",
+                      },
+                      (0, utils_1.getMessage)(
+                        "page.details.panel.discussion.warnings.reports.dialog.actions.resolve",
+                        "resolve"
+                      )
+                    )
+                  )
+              )
+          )
+        )
+      )
+    );
+  }
+  return null;
+};
+ReportsReviewTable.propTypes = {
+  commentId: prop_types_1.default.oneOfType(
+    prop_types_1.default.string,
+    prop_types_1.default.number
+  ).isRequired,
+  items: prop_types_1.default.array.isRequired,
+  mutation: prop_types_1.default.func.isRequired,
+  allowedActions: prop_types_1.default.shape({
+    canAccessReports: prop_types_1.default.bool,
+    canReviewReports: prop_types_1.default.bool,
+  }),
+  onBlockButtonsStateChange: prop_types_1.default.func.isRequired,
+};
+exports.default = ReportsReviewTable;
+//# sourceMappingURL=index.js.map

package/build/admin/src/components/StatusBadge/index.d.ts

@@ -0,0 +1,11 @@
+declare const StatusBadge: ({
+  children,
+  textColor,
+  ...rest
+}: {
+  [x: string]: any;
+  children: any;
+  textColor: any;
+}) => any;
+export default StatusBadge;
+//# sourceMappingURL=index.d.ts.map

package/build/admin/src/components/StatusBadge/index.js

@@ -0,0 +1,22 @@
+"use strict";
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const Typography_1 = require("@strapi/design-system/Typography");
+const styles_1 = require("./styles");
+const StatusBadge = ({ children, textColor, ...rest }) =>
+  react_1.default.createElement(
+    styles_1.StatusBadge,
+    { ...rest },
+    react_1.default.createElement(
+      Typography_1.Typography,
+      { variant: "omega", fontWeight: "semibold", textColor: textColor },
+      children
+    )
+  );
+exports.default = StatusBadge;
+//# sourceMappingURL=index.js.map

package/build/admin/src/components/StatusBadge/styles.d.ts

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

package/build/admin/src/components/StatusBadge/styles.js

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StatusBadge = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Badge_1 = require("@strapi/design-system/Badge");
+exports.StatusBadge = (0, styled_components_1.default)(Badge_1.Badge)`
+  padding: 5px 8px;
+  border: 1px ${({ theme, color }) => theme.colors[`${color}200`]} solid;
+
+  overflow: hidden;
+
+  text-overflow: ellipsis;
+
+  cursor: default;
+
+  span {
+    text-transform: none;
+  }
+`;
+//# sourceMappingURL=styles.js.map

package/build/admin/src/components/TableFilters/index.d.ts

@@ -0,0 +1,10 @@
+declare const TableFilters: {
+    ({ displayedFilters }: {
+        displayedFilters: any;
+    }): any;
+    propTypes: {
+        displayedFilters: any;
+    };
+};
+export default TableFilters;
+//# sourceMappingURL=index.d.ts.map

package/build/admin/src/components/TableFilters/index.js

@@ -0,0 +1,109 @@
+"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) {
+    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);
+    __setModuleDefault(result, mod);
+    return result;
+  };
+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 Button_1 = require("@strapi/design-system/Button");
+const Box_1 = require("@strapi/design-system/Box");
+const icons_1 = require("@strapi/icons");
+const helper_plugin_1 = require("@strapi/helper-plugin");
+const utils_1 = require("../../utils");
+const TableFilters = ({ displayedFilters }) => {
+  const [isVisible, setIsVisible] = (0, react_1.useState)(false);
+  const buttonRef = (0, react_1.useRef)();
+  const handleToggle = () => {
+    setIsVisible((prev) => !prev);
+  };
+  return react_1.default.createElement(
+    react_1.default.Fragment,
+    null,
+    react_1.default.createElement(
+      Box_1.Box,
+      { paddingTop: 1, paddingBottom: 1 },
+      react_1.default.createElement(
+        Button_1.Button,
+        {
+          variant: "tertiary",
+          ref: buttonRef,
+          startIcon: react_1.default.createElement(icons_1.Filter, null),
+          onClick: handleToggle,
+          size: "S",
+        },
+        (0, utils_1.getMessage)("page.discover.table.filters")
+      ),
+      isVisible &&
+        react_1.default.createElement(helper_plugin_1.FilterPopoverURLQuery, {
+          displayedFilters: displayedFilters,
+          isVisible: isVisible,
+          onToggle: handleToggle,
+          source: buttonRef,
+        })
+    ),
+    react_1.default.createElement(helper_plugin_1.FilterListURLQuery, {
+      filtersSchema: displayedFilters,
+    })
+  );
+};
+TableFilters.propTypes = {
+  displayedFilters: prop_types_1.default.arrayOf(
+    prop_types_1.default.shape({
+      name: prop_types_1.default.string.isRequired,
+      metadatas: prop_types_1.default.shape({
+        label: prop_types_1.default.string,
+      }),
+      fieldSchema: prop_types_1.default.shape({
+        type: prop_types_1.default.string,
+      }),
+    })
+  ).isRequired,
+};
+exports.default = TableFilters;
+//# sourceMappingURL=index.js.map

package/build/admin/src/components/TablePagination/index.d.ts

@@ -0,0 +1,15 @@
+declare const TablePagination: {
+  ({ pagination }: { pagination: any }): any;
+  defaultProps: {
+    pagination: {
+      pageCount: number;
+      pageSize: number;
+      total: number;
+    };
+  };
+  propTypes: {
+    pagination: any;
+  };
+};
+export default TablePagination;
+//# sourceMappingURL=index.d.ts.map

package/build/admin/src/components/TablePagination/index.js

@@ -0,0 +1,45 @@
+"use strict";
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const prop_types_1 = __importDefault(require("prop-types"));
+const Box_1 = require("@strapi/design-system/Box");
+const Flex_1 = require("@strapi/design-system/Flex");
+const helper_plugin_1 = require("@strapi/helper-plugin");
+const TablePagination = ({ pagination }) => {
+  return react_1.default.createElement(
+    Box_1.Box,
+    { paddingTop: 4 },
+    react_1.default.createElement(
+      Flex_1.Flex,
+      { alignItems: "flex-end", justifyContent: "space-between" },
+      react_1.default.createElement(helper_plugin_1.PageSizeURLQuery, {
+        trackedEvent: "willChangeNumberOfEntriesPerPage",
+      }),
+      react_1.default.createElement(helper_plugin_1.PaginationURLQuery, {
+        pagination: pagination,
+      })
+    )
+  );
+};
+TablePagination.defaultProps = {
+  pagination: {
+    pageCount: 0,
+    pageSize: 10,
+    total: 0,
+  },
+};
+TablePagination.propTypes = {
+  pagination: prop_types_1.default.shape({
+    page: prop_types_1.default.number,
+    pageCount: prop_types_1.default.number,
+    pageSize: prop_types_1.default.number,
+    total: prop_types_1.default.number,
+  }),
+};
+exports.default = TablePagination;
+//# sourceMappingURL=index.js.map

package/build/admin/src/components/icons/comments.d.ts

@@ -0,0 +1,9 @@
+declare const CommentsIcon: ({
+  width,
+  height,
+}: {
+  width?: number | undefined;
+  height?: number | undefined;
+}) => any;
+export default CommentsIcon;
+//# sourceMappingURL=comments.d.ts.map

package/build/admin/src/components/icons/comments.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const initSize = 576;
+const CommentsIcon = ({ width = 24, height = 24 }) =>
+  react_1.default.createElement(
+    "svg",
+    { viewBox: `0 0 ${width} ${height}`, xmlns: "http://www.w3.org/2000/svg" },
+    react_1.default.createElement(
+      "g",
+      { style: { transform: `scale(${width / initSize})` } },
+      react_1.default.createElement("path", {
+        d: "M416 192c0-88.4-93.1-160-208-160S0 103.6 0 192c0 34.3 14.1 65.9 38 92-13.4 30.2-35.5 54.2-35.8 54.5-2.2 2.3-2.8 5.7-1.5 8.7S4.8 352 8 352c36.6 0 66.9-12.3 88.7-25 32.2 15.7 70.3 25 111.3 25 114.9 0 208-71.6 208-160zm122 220c23.9-26 38-57.7 38-92 0-66.9-53.5-124.2-129.3-148.1.9 6.6 1.3 13.3 1.3 20.1 0 105.9-107.7 192-240 192-10.8 0-21.3-.8-31.7-1.9C207.8 439.6 281.8 480 368 480c41 0 79.1-9.2 111.3-25 21.8 12.7 52.1 25 88.7 25 3.2 0 6.1-1.9 7.3-4.8 1.3-2.9.7-6.3-1.5-8.7-.3-.3-22.4-24.2-35.8-54.5z",
+      })
+    )
+  );
+exports.default = CommentsIcon;
+//# sourceMappingURL=comments.js.map

package/build/admin/src/components/icons/index.d.ts

@@ -0,0 +1,6 @@
+import CommentsIcon from "./comments";
+import ReviewIcon from "./review";
+import LockIcon from "./lock";
+import UnlockIcon from "./unlock";
+export { CommentsIcon, ReviewIcon, LockIcon, UnlockIcon };
+//# sourceMappingURL=index.d.ts.map

package/build/admin/src/components/icons/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.UnlockIcon =
+  exports.LockIcon =
+  exports.ReviewIcon =
+  exports.CommentsIcon =
+    void 0;
+const comments_1 = __importDefault(require("./comments"));
+exports.CommentsIcon = comments_1.default;
+const review_1 = __importDefault(require("./review"));
+exports.ReviewIcon = review_1.default;
+const lock_1 = __importDefault(require("./lock"));
+exports.LockIcon = lock_1.default;
+const unlock_1 = __importDefault(require("./unlock"));
+exports.UnlockIcon = unlock_1.default;
+//# sourceMappingURL=index.js.map

package/build/admin/src/components/icons/lock.d.ts

@@ -0,0 +1,11 @@
+declare const LockIcon: ({
+  width,
+  height,
+  size,
+}: {
+  width: any;
+  height: any;
+  size?: number | undefined;
+}) => any;
+export default LockIcon;
+//# sourceMappingURL=lock.d.ts.map

package/build/admin/src/components/icons/lock.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const initSize = 330;
+const LockIcon = ({ width, height, size = 16 }) =>
+  react_1.default.createElement(
+    "svg",
+    {
+      width: width || size,
+      height: height || size,
+      viewBox: `0 0 ${width || size} ${height || size}`,
+      style: { width: `${width || size}px`, height: `${height || size}px` },
+      xmlns: "http://www.w3.org/2000/svg",
+    },
+    react_1.default.createElement(
+      "g",
+      { style: { transform: `scale(${(width || size) / initSize})` } },
+      react_1.default.createElement("path", {
+        d: "M165,330c63.411,0,115-51.589,115-115c0-29.771-11.373-56.936-30-77.379V85c0-46.869-38.131-85-85-85\n      S80.001,38.131,80.001,85v52.619C61.373,158.064,50,185.229,50,215C50,278.411,101.589,330,165,330z M180,219.986V240\n      c0,8.284-6.716,15-15,15s-15-6.716-15-15v-20.014c-6.068-4.565-10-11.824-10-19.986c0-13.785,11.215-25,25-25s25,11.215,25,25\n      C190,208.162,186.068,215.421,180,219.986z M110.001,85c0-30.327,24.673-55,54.999-55c30.327,0,55,24.673,55,55v29.029\n      C203.652,105.088,184.91,100,165,100c-19.909,0-38.651,5.088-54.999,14.028V85z",
+      })
+    )
+  );
+exports.default = LockIcon;
+//# sourceMappingURL=lock.js.map

package/build/admin/src/components/icons/review.d.ts

@@ -0,0 +1,11 @@
+declare const ReviewIcon: ({
+  width,
+  height,
+  size,
+}: {
+  width: any;
+  height: any;
+  size?: number | undefined;
+}) => any;
+export default ReviewIcon;
+//# sourceMappingURL=review.d.ts.map