strapi-plugin-comments 2.0.8 → 2.0.11

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

@@ -0,0 +1,30 @@
+declare const DiscussionThreadItemReviewAction: {
+    ({ item, isAnyActionLoading: isAnyActionLoading, queryToInvalidate, areBlockButtonsDisabled, allowedActions: { canModerate, canAccessReports, canReviewReports }, blockItemMutation, blockItemThreadMutation, onBlockButtonsStateChange, onBlockActionClick, }: {
+        item: any;
+        isAnyActionLoading: any;
+        queryToInvalidate: any;
+        areBlockButtonsDisabled: any;
+        allowedActions: {
+            canModerate: any;
+            canAccessReports: any;
+            canReviewReports: any;
+        };
+        blockItemMutation: any;
+        blockItemThreadMutation: any;
+        onBlockButtonsStateChange: any;
+        onBlockActionClick: any;
+    }): any;
+    propTypes: {
+        item: any;
+        isLoading: any;
+        queryToInvalidate: any;
+        areBlockButtonsDisabled: any;
+        allowedActions: any;
+        blockItemMutation: any;
+        blockItemThreadMutation: any;
+        onBlockButtonsStateChange: any;
+        onBlockActionClick: any;
+    };
+};
+export default DiscussionThreadItemReviewAction;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,233 @@
+"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 react_query_1 = require("react-query");
+const lodash_1 = require("lodash");
+const Button_1 = require("@strapi/design-system/Button");
+const IconButton_1 = require("@strapi/design-system/IconButton");
+const helper_plugin_1 = require("@strapi/helper-plugin");
+const icons_1 = require("../icons");
+const api_1 = require("../../pages/utils/api");
+const utils_1 = require("../../utils");
+const ReportsReviewTable_1 = __importDefault(require("../ReportsReviewTable"));
+const ReportsReviewModal_1 = __importDefault(require("../ReportsReviewModal"));
+const pluginId_1 = require("../../pluginId");
+const DiscussionThreadItemReviewAction = ({
+  item,
+  isAnyActionLoading: isAnyActionLoading,
+  queryToInvalidate,
+  areBlockButtonsDisabled,
+  allowedActions: { canModerate, canAccessReports, canReviewReports },
+  blockItemMutation,
+  blockItemThreadMutation,
+  onBlockButtonsStateChange,
+  onBlockActionClick,
+}) => {
+  const { reports } = item;
+  const [reportsReviewVisible, setReportsReviewVisible] = (0, react_1.useState)(
+    false
+  );
+  const toggleNotification = (0, helper_plugin_1.useNotification)();
+  const queryClient = (0, react_query_1.useQueryClient)();
+  const { unlockApp } = (0, helper_plugin_1.useOverlayBlocker)();
+  const onSuccess =
+    (message, stateAction = () => {}, indalidate = true) =>
+    async () => {
+      if (indalidate) {
+        await queryClient.invalidateQueries(queryToInvalidate);
+      }
+      toggleNotification({
+        type: "success",
+        message: `${pluginId_1.pluginId}.${message}`,
+      });
+      stateAction(false);
+      unlockApp();
+    };
+  const onError = (err) => {
+    (0, utils_1.handleAPIError)(err, toggleNotification);
+  };
+  const resolveReportMutation = (0, react_query_1.useMutation)(
+    api_1.resolveReport,
+    {
+      onSuccess: onSuccess(
+        "page.details.panel.discussion.warnings.reports.dialog.confirmation.success",
+        () => {},
+        false
+      ),
+      onError,
+      refetchActive: false,
+    }
+  );
+  const handleBlockActionClick = () => setReportsReviewVisible(false);
+  const handleReportsReviewClick = () => {
+    if (canAccessReports) {
+      setReportsReviewVisible(true);
+    }
+  };
+  const handleBlockItemClick = async () => {
+    if (canModerate) {
+      await onBlockActionClick(blockItemMutation, handleBlockActionClick);
+    }
+  };
+  const handleBlockItemThreadClick = async () => {
+    if (canModerate) {
+      await onBlockActionClick(blockItemThreadMutation, handleBlockActionClick);
+    }
+  };
+  const handleReportsReviewClose = async () => {
+    await queryClient.invalidateQueries(queryToInvalidate);
+    setReportsReviewVisible(false);
+  };
+  const isLoading = isAnyActionLoading && resolveReportMutation.isLoading;
+  const openReports = reports?.filter((_) => !_.resolved);
+  const hasReports = !(0, lodash_1.isEmpty)(openReports);
+  const reviewFlowEnabled =
+    canAccessReports && hasReports && !(item.blocked || item.blockedThread);
+  if (reviewFlowEnabled) {
+    return react_1.default.createElement(
+      react_1.default.Fragment,
+      null,
+      react_1.default.createElement(IconButton_1.IconButton, {
+        onClick: handleReportsReviewClick,
+        label: (0, utils_1.getMessage)("page.discover.table.reports.review"),
+        icon: react_1.default.createElement(icons_1.ReviewIcon, null),
+      }),
+      react_1.default.createElement(
+        ReportsReviewModal_1.default,
+        {
+          isVisible: reportsReviewVisible,
+          isActionAsync: isLoading,
+          allowedActions: { canModerate, canAccessReports, canReviewReports },
+          onClose: handleReportsReviewClose,
+          startActions: react_1.default.createElement(
+            Button_1.Button,
+            { onClick: handleReportsReviewClose, variant: "tertiary" },
+            (0, utils_1.getMessage)(
+              "compontents.confirmation.dialog.button.cancel",
+              "Cancel"
+            )
+          ),
+          endActions:
+            canModerate &&
+            react_1.default.createElement(
+              react_1.default.Fragment,
+              null,
+              react_1.default.createElement(
+                Button_1.Button,
+                {
+                  onClick: handleBlockItemClick,
+                  variant: "danger-light",
+                  startIcon: react_1.default.createElement(
+                    icons_1.LockIcon,
+                    null
+                  ),
+                  disabled: areBlockButtonsDisabled,
+                },
+                (0, utils_1.getMessage)(
+                  `page.details.actions.comment.block`,
+                  "Block comment"
+                )
+              ),
+              item.gotThread &&
+                react_1.default.createElement(
+                  Button_1.Button,
+                  {
+                    onClick: handleBlockItemThreadClick,
+                    variant: "danger",
+                    startIcon: react_1.default.createElement(
+                      icons_1.LockIcon,
+                      null
+                    ),
+                    disabled: areBlockButtonsDisabled,
+                  },
+                  (0, utils_1.getMessage)(
+                    `page.details.actions.thread.block`,
+                    "Block thread"
+                  )
+                )
+            ),
+          item: item,
+        },
+        react_1.default.createElement(ReportsReviewTable_1.default, {
+          commentId: item.id,
+          items: (0, lodash_1.orderBy)(
+            reports,
+            ["resolved", "createdAt"],
+            ["DESC", "DESC"]
+          ),
+          mutation: resolveReportMutation,
+          allowedActions: { canAccessReports, canReviewReports },
+          onBlockButtonsStateChange: onBlockButtonsStateChange,
+        })
+      )
+    );
+  }
+  return null;
+};
+DiscussionThreadItemReviewAction.propTypes = {
+  item: prop_types_1.default.object.isRequired,
+  isLoading: prop_types_1.default.bool,
+  queryToInvalidate: prop_types_1.default.string.isRequired,
+  areBlockButtonsDisabled: prop_types_1.default.bool,
+  allowedActions: prop_types_1.default.shape({
+    canModerate: prop_types_1.default.bool,
+    canAccessReports: prop_types_1.default.bool,
+    canReviewReports: prop_types_1.default.bool,
+  }),
+  blockItemMutation: prop_types_1.default.func.isRequired,
+  blockItemThreadMutation: prop_types_1.default.func.isRequired,
+  onBlockButtonsStateChange: prop_types_1.default.func.isRequired,
+  onBlockActionClick: prop_types_1.default.func.isRequired,
+};
+exports.default = DiscussionThreadItemReviewAction;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,39 @@
+"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 Stack_1 = require("@strapi/design-system/Stack");
+const Typography_1 = require("@strapi/design-system/Typography");
+const styles_1 = require("./styles");
+const FormSwitch = ({ label, hint, ...props }) =>
+  react_1.default.createElement(
+    Stack_1.Stack,
+    { size: 1 },
+    label &&
+      react_1.default.createElement(
+        Typography_1.Typography,
+        {
+          variant: "pi",
+          as: "label",
+          fontWeight: "bold",
+          textColor: "neutral800",
+        },
+        label
+      ),
+    react_1.default.createElement(styles_1.StyledSwitch, {
+      label: label,
+      ...props,
+    }),
+    hint &&
+      react_1.default.createElement(
+        Typography_1.Typography,
+        { variant: "pi", as: "label", textColor: "neutral600" },
+        hint
+      )
+  );
+exports.default = FormSwitch;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledSwitch = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Switch_1 = require("@strapi/design-system/Switch");
+exports.StyledSwitch = (0, styled_components_1.default)(Switch_1.Switch)`
+  & > div > span {
+    font-size: 12px;
+  }
+`;
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.IconButtonGroupStyled = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const IconButton_1 = require("@strapi/design-system/IconButton");
+exports.IconButtonGroupStyled = (0, styled_components_1.default)(
+  IconButton_1.IconButtonGroup
+)`
+  ${({ isSingle }) =>
+    isSingle &&
+    `
+        span:first-child button {
+            border-radius: 4px;
+        }
+    `}
+  ${({ withMargin }) =>
+    withMargin &&
+    `
+        margin-left: .5rem;
+    `}
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1,3 @@
+declare const Initializer: ({ setPlugin }: { setPlugin: any }) => null;
+export default Initializer;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = require("react");
+const pluginId_1 = require("../../pluginId");
+const Initializer = ({ setPlugin }) => {
+  const ref = (0, react_1.useRef)();
+  ref.current = setPlugin;
+  (0, react_1.useEffect)(() => {
+    ref.current(pluginId_1.pluginId);
+  }, []);
+  return null;
+};
+exports.default = Initializer;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,3 @@
+declare const LoadingIndicatorOverlay: () => any;
+export default LoadingIndicatorOverlay;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,18 @@
+"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 helper_plugin_1 = require("@strapi/helper-plugin");
+const styles_1 = require("./styles");
+const LoadingIndicatorOverlay = () =>
+  react_1.default.createElement(
+    styles_1.LoadingIndicatorOverlayWrapper,
+    null,
+    react_1.default.createElement(helper_plugin_1.LoadingIndicatorPage, null)
+  );
+exports.default = LoadingIndicatorOverlay;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,32 @@
+"use strict";
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LoadingIndicatorContainer = exports.LoadingIndicatorOverlayWrapper =
+  void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Box_1 = require("@strapi/design-system/Box");
+exports.LoadingIndicatorOverlayWrapper = (0, styled_components_1.default)(
+  Box_1.Box
+)`
+  height: 100% !important;
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  background: rgba(255, 255, 255, 0.7);
+  z-index: 1;
+
+  & > div {
+    height: 100% !important;
+  }
+`;
+exports.LoadingIndicatorContainer = (0, styled_components_1.default)(
+  (props) => props.as
+)`
+  position: relative;
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1,7 @@
+declare const Nav: ({ visible, hasNewComments, hasNewReports }: {
+    visible?: boolean | undefined;
+    hasNewComments: any;
+    hasNewReports: any;
+}) => any;
+export default Nav;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,72 @@
+"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 SubNav_1 = require("@strapi/design-system/SubNav");
+const icons_1 = require("@strapi/icons");
+const getMessage_1 = __importDefault(require("../../utils/getMessage"));
+const getUrl_1 = __importDefault(require("../../utils/getUrl"));
+const Nav = ({ visible = false, hasNewComments, hasNewReports }) => {
+  if (!visible) {
+    return null;
+  }
+  return react_1.default.createElement(
+    SubNav_1.SubNav,
+    { ariaLabel: "Comments sub nav" },
+    react_1.default.createElement(SubNav_1.SubNavHeader, {
+      label: (0, getMessage_1.default)("plugin.name"),
+    }),
+    react_1.default.createElement(
+      SubNav_1.SubNavSections,
+      null,
+      react_1.default.createElement(
+        SubNav_1.SubNavLink,
+        {
+          to: (0, getUrl_1.default)("dashboard"),
+          withBullet: hasNewComments,
+          icon: react_1.default.createElement(icons_1.Apps, null),
+        },
+        (0, getMessage_1.default)("nav.item.updates")
+      ),
+      react_1.default.createElement(
+        SubNav_1.SubNavSection,
+        { label: (0, getMessage_1.default)("nav.header.moderation") },
+        react_1.default.createElement(
+          SubNav_1.SubNavLink,
+          {
+            to: (0, getUrl_1.default)("discover"),
+            icon: react_1.default.createElement(icons_1.Apps, null),
+          },
+          (0, getMessage_1.default)("nav.item.discover")
+        ),
+        react_1.default.createElement(
+          SubNav_1.SubNavLink,
+          {
+            to: (0, getUrl_1.default)("reports"),
+            withBullet: hasNewReports,
+            icon: react_1.default.createElement(icons_1.Apps, null),
+          },
+          (0, getMessage_1.default)("nav.item.reports")
+        )
+      ),
+      react_1.default.createElement(
+        SubNav_1.SubNavSection,
+        { label: (0, getMessage_1.default)("nav.header.settings") },
+        react_1.default.createElement(
+          SubNav_1.SubNavLink,
+          {
+            to: (0, getUrl_1.default)("settings"),
+            icon: react_1.default.createElement(icons_1.Apps, null),
+          },
+          (0, getMessage_1.default)("nav.item.settings")
+        )
+      )
+    )
+  );
+};
+exports.default = Nav;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,3 @@
+declare const PluginIcon: () => any;
+export default PluginIcon;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,13 @@
+"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 comments_1 = __importDefault(require("../icons/comments"));
+const PluginIcon = () =>
+  react_1.default.createElement(comments_1.default, null);
+exports.default = PluginIcon;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,21 @@
+declare const ReportsReviewModal: {
+    ({ isVisible, item, children, onClose, startActions, endActions, }: {
+        isVisible?: boolean | undefined;
+        item: any;
+        children: any;
+        onClose: any;
+        startActions: any;
+        endActions: any;
+    }): any;
+    propTypes: {
+        isVisible: any;
+        startActions: any;
+        endActions: any;
+        item: any;
+        children: any;
+        allowedActions: any;
+        onClose: any;
+    };
+};
+export default ReportsReviewModal;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,72 @@
+"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 ModalLayout_1 = require("@strapi/design-system/ModalLayout");
+const Typography_1 = require("@strapi/design-system/Typography");
+const utils_1 = require("../../utils");
+const DiscussionThreadItem_1 = __importDefault(
+  require("../DiscussionThreadItem")
+);
+const ReportsReviewModal = ({
+  isVisible = false,
+  item,
+  children,
+  onClose,
+  startActions,
+  endActions,
+}) =>
+  isVisible &&
+  react_1.default.createElement(
+    ModalLayout_1.ModalLayout,
+    { onClose: onClose },
+    react_1.default.createElement(
+      ModalLayout_1.ModalHeader,
+      null,
+      react_1.default.createElement(
+        Typography_1.Typography,
+        { fontWeight: "bold", textColor: "neutral800", as: "h2", id: "title" },
+        (0, utils_1.getMessage)(
+          "page.details.panel.discussion.warnings.reports.dialog.header",
+          "Open reports"
+        )
+      )
+    ),
+    react_1.default.createElement(
+      ModalLayout_1.ModalBody,
+      null,
+      react_1.default.createElement(DiscussionThreadItem_1.default, {
+        as: "div",
+        ...item,
+        root: true,
+        preview: true,
+        isSelected: true,
+      }),
+      children
+    ),
+    react_1.default.createElement(ModalLayout_1.ModalFooter, {
+      variant: "tertiary",
+      startActions: startActions,
+      endActions: endActions,
+    })
+  );
+ReportsReviewModal.propTypes = {
+  isVisible: prop_types_1.default.bool,
+  startActions: prop_types_1.default.array,
+  endActions: prop_types_1.default.array,
+  item: prop_types_1.default.object.isRequired,
+  children: prop_types_1.default.array.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,
+  }),
+  onClose: prop_types_1.default.func.isRequired,
+};
+exports.default = ReportsReviewModal;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,21 @@
+declare const ReportsReviewTable: {
+    ({ commentId, items, mutation, allowedActions: { canAccessReports, canReviewReports }, onBlockButtonsStateChange, }: {
+        commentId: any;
+        items: any;
+        mutation: any;
+        allowedActions: {
+            canAccessReports: any;
+            canReviewReports: any;
+        };
+        onBlockButtonsStateChange: any;
+    }): any;
+    propTypes: {
+        commentId: any;
+        items: any;
+        mutation: any;
+        allowedActions: any;
+        onBlockButtonsStateChange: any;
+    };
+};
+export default ReportsReviewTable;
+//# sourceMappingURL=index.d.ts.map