strapi-plugin-comments 2.1.8 → 2.2.0-beta.0

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

@@ -1,29 +1,25 @@
+/// <reference types="react" />
+import PropTypes from "prop-types";
 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, canAccessReports, canReviewReports }, isAnyActionLoading, item, queryToInvalidate }: {
         allowedActions: {
             canModerate: any;
             canAccessReports: any;
             canReviewReports: any;
         };
-        blockItemMutation: any;
-        blockItemThreadMutation: any;
-        onBlockButtonsStateChange: any;
-        onBlockActionClick: any;
-    }): any;
-    propTypes: {
+        isAnyActionLoading: any;
         item: any;
-        isLoading: any;
         queryToInvalidate: any;
-        areBlockButtonsDisabled: any;
-        allowedActions: any;
-        blockItemMutation: any;
-        blockItemThreadMutation: any;
-        onBlockButtonsStateChange: any;
-        onBlockActionClick: any;
+    }): JSX.Element | null;
+    propTypes: {
+        item: PropTypes.Validator<object>;
+        isAnyActionLoading: PropTypes.Requireable<boolean>;
+        allowedActions: PropTypes.Requireable<PropTypes.InferProps<{
+            canModerate: PropTypes.Requireable<boolean>;
+            canAccessReports: PropTypes.Requireable<boolean>;
+            canReviewReports: PropTypes.Requireable<boolean>;
+        }>>;
+        queryToInvalidate: PropTypes.Requireable<string>;
     };
 };
 export default DiscussionThreadItemReviewAction;

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

@@ -26,76 +26,82 @@ 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 icons_2 = require("@strapi/icons");
+const lodash_1 = require("lodash");
+const prop_types_1 = __importDefault(require("prop-types"));
+const react_1 = __importStar(require("react"));
+const react_query_1 = require("react-query");
 const api_1 = require("../../pages/utils/api");
+const pluginId_1 = require("../../pluginId");
 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 ReportsReviewTable_1 = __importDefault(require("../ReportsReviewTable"));
+const icons_1 = require("../icons");
+const DiscussionThreadItemReviewAction = ({ allowedActions: { canModerate, canAccessReports, canReviewReports }, isAnyActionLoading, item, queryToInvalidate }) => {
+    const { blockedThread, reports } = item;
     const [reportsReviewVisible, setReportsReviewVisible] = (0, react_1.useState)(false);
     const [storedItems, setStoredItems] = (0, react_1.useState)([]);
     const [selectedItems, setSelectedItems] = (0, react_1.useState)([]);
+    const [blockButtonsDisabled, setBlockButtonsDisabled] = (0, react_1.useState)(blockedThread);
+    const handleBlockButtonsStateChange = (disabled) => setBlockButtonsDisabled(disabled);
     const toggleNotification = (0, helper_plugin_1.useNotification)();
     const queryClient = (0, react_query_1.useQueryClient)();
     const { lockApp, unlockApp } = (0, helper_plugin_1.useOverlayBlocker)();
     (0, react_1.useEffect)(() => {
         setStoredItems((0, lodash_1.orderBy)(reports, ["resolved", "createdAt"], ["DESC", "DESC"]));
-    }, [reportsReviewVisible]);
-    const onSuccess = (message, stateAction = () => { }, indalidate = true) => async () => {
-        if (indalidate) {
-            await queryClient.invalidateQueries(queryToInvalidate);
+    }, [reportsReviewVisible, reports]);
+    const onSuccess = (message = "") => () => {
+        queryClient.invalidateQueries(queryToInvalidate);
+        if (message) {
+            toggleNotification({
+                type: "success",
+                message: `${pluginId_1.pluginId}.${message}`,
+            });
         }
-        toggleNotification({
-            type: "success",
-            message: `${pluginId_1.pluginId}.${message}`,
-        });
-        stateAction(false);
         unlockApp();
     };
-    const onError = (err) => {
+    const onError = (err) => () => {
         (0, utils_1.handleAPIError)(err, toggleNotification);
     };
-    const isNotResolved = entry => !entry.resolved;
-    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 resolveMultipleReportsMutation = (0, react_query_1.useMutation)(api_1.resolveMultipleReports, {
-        onSuccess: onSuccess("page.details.panel.discussion.warnings.reports.selected.dialog.confirmation.success", () => { }, false),
-        onError,
-        refetchActive: false,
-    });
-    const handleBlockActionClick = () => setReportsReviewVisible(false);
+    const mutationConfig = (message) => {
+        return {
+            onSuccess: onSuccess(message),
+            onError
+        };
+    };
+    const onBlockActionClick = async (mutation, onCallback) => {
+        lockApp();
+        await mutation.mutateAsync(item.id);
+        setReportsReviewVisible(false);
+    };
+    const isNotResolved = (entry) => !entry.resolved;
+    const resolveReportMutation = (0, react_query_1.useMutation)(api_1.resolveReport, mutationConfig("page.details.panel.discussion.warnings.reports.dialog.confirmation.success"));
+    const resolveCommentMultipleReportsMutation = (0, react_query_1.useMutation)(api_1.resolveCommentMultipleReports, mutationConfig("page.details.panel.discussion.warnings.reports.selected.dialog.confirmation.success"));
+    const resolveAllAbuseReportsForCommentMutation = (0, react_query_1.useMutation)(api_1.resolveAllAbuseReportsForComment, mutationConfig());
+    const resolveAllAbuseReportsForThreadMutation = (0, react_query_1.useMutation)(api_1.resolveAllAbuseReportsForThread, mutationConfig());
+    const blockItemMutation = (0, react_query_1.useMutation)(api_1.blockItem, mutationConfig("page.details.actions.comment.block.confirmation.success"));
+    const blockItemThreadMutation = (0, react_query_1.useMutation)(api_1.blockItemThread, mutationConfig("page.details.actions.thread.block.confirmation.success"));
     const handleReportsReviewClick = () => {
         if (canAccessReports) {
             setReportsReviewVisible(true);
         }
     };
-    const handleBlockItemClick = async () => {
+    const handleBlockItemClick = () => {
         if (canModerate) {
-            await onBlockActionClick(blockItemMutation, handleBlockActionClick);
+            onBlockActionClick(blockItemMutation);
         }
     };
-    const handleBlockItemThreadClick = async () => {
+    const handleBlockItemThreadClick = () => {
         if (canModerate) {
-            await onBlockActionClick(blockItemThreadMutation, handleBlockActionClick);
+            onBlockActionClick(blockItemThreadMutation);
         }
     };
     const handleClickResolveSelected = async () => {
         if (canReviewReports) {
             lockApp();
-            const items = await resolveMultipleReportsMutation.mutateAsync({
+            const items = await resolveCommentMultipleReportsMutation.mutateAsync({
                 id: item.id,
                 reportIds: selectedItems,
             });
@@ -106,15 +112,33 @@ const DiscussionThreadItemReviewAction = ({ item, isAnyActionLoading: isAnyActio
                 }));
                 setStoredItems(updatedItems);
                 setSelectedItems([], false);
-                onBlockButtonsStateChange(updatedItems.filter(isNotResolved).length === 0);
+                handleBlockButtonsStateChange(updatedItems.filter(isNotResolved).length === 0);
             }
         }
     };
+    const handleResolveAllAbuseReportsForComment = async () => {
+        if (canModerate) {
+            await onBlockActionClick(resolveAllAbuseReportsForCommentMutation);
+        }
+    };
+    const handleResolveAllAbuseReportsForThread = async () => {
+        if (canModerate) {
+            await onBlockActionClick(resolveAllAbuseReportsForThreadMutation);
+        }
+    };
     const handleReportsReviewClose = async () => {
         await queryClient.invalidateQueries(queryToInvalidate);
         setReportsReviewVisible(false);
     };
-    const onSelectionChange = selection => setSelectedItems(selection);
+    const handleOnClikcBlockComment = (0, react_1.useCallback)(() => {
+        handleResolveAllAbuseReportsForComment();
+        handleBlockItemClick();
+    }, [handleResolveAllAbuseReportsForComment, handleBlockItemClick]);
+    const handleOnClikcBlockThread = (0, react_1.useCallback)(() => {
+        handleBlockItemThreadClick();
+        handleResolveAllAbuseReportsForThread();
+    }, [handleBlockItemThreadClick, handleResolveAllAbuseReportsForThread]);
+    const onSelectionChange = (selection) => setSelectedItems(selection);
     const isLoading = isAnyActionLoading && resolveReportMutation.isLoading;
     const openReports = reports?.filter(isNotResolved);
     const hasReports = !(0, lodash_1.isEmpty)(openReports);
@@ -122,34 +146,29 @@ const DiscussionThreadItemReviewAction = ({ item, isAnyActionLoading: isAnyActio
     const hasAnySelectedItems = selectedItems.length > 0;
     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(IconButton_1.IconButton, { onClick: handleReportsReviewClick, label: (0, utils_1.getMessage)("page.discover.table.reports.review"), icon: icons_1.review }),
             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"))),
-                    hasAnySelectedItems && (react_1.default.createElement(Button_1.Button, { onClick: handleClickResolveSelected, variant: "success", startIcon: react_1.default.createElement(icons_2.Check, null) }, (0, utils_1.getMessage)({
+                    react_1.default.createElement(Button_1.Button, { onClick: handleOnClikcBlockComment, variant: "danger-light", startIcon: icons_1.lock, disabled: blockButtonsDisabled }, (0, utils_1.getMessage)(`page.details.actions.comment.block`, "Block comment")),
+                    item.gotThread && (react_1.default.createElement(Button_1.Button, { onClick: handleOnClikcBlockThread, variant: "danger", startIcon: icons_1.lock, disabled: blockButtonsDisabled }, (0, utils_1.getMessage)(`page.details.actions.thread.block`, "Block thread"))),
+                    hasAnySelectedItems && (react_1.default.createElement(Button_1.Button, { onClick: handleClickResolveSelected, variant: "success", startIcon: icons_1.check }, (0, utils_1.getMessage)({
                         id: `page.details.panel.discussion.warnings.reports.dialog.actions.resolve.selected`,
                         props: {
                             count: selectedItems.length,
-                        }
+                        },
                     }, "Resolve selected"))))), item: item },
-                react_1.default.createElement(ReportsReviewTable_1.default, { commentId: item.id, items: storedItems, selectedItems: selectedItems, mutation: resolveReportMutation, updateItems: setStoredItems, allowedActions: { canAccessReports, canReviewReports }, onBlockButtonsStateChange: onBlockButtonsStateChange, onSelectionChange: onSelectionChange }))));
+                react_1.default.createElement(ReportsReviewTable_1.default, { commentId: item.id, items: storedItems, selectedItems: selectedItems, mutation: resolveReportMutation, updateItems: setStoredItems, allowedActions: { canAccessReports, canReviewReports }, onBlockButtonsStateChange: handleBlockButtonsStateChange, onSelectionChange: onSelectionChange }))));
     }
     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,
+    isAnyActionLoading: 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,
+    queryToInvalidate: prop_types_1.default.string
 };
 exports.default = DiscussionThreadItemReviewAction;
 //# sourceMappingURL=index.js.map

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

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 declare const FormSwitch: ({ label, hint, ...props }: {
     [x: string]: any;
     label: any;
     hint: any;
-}) => any;
+}) => JSX.Element;
 export default FormSwitch;
 //# sourceMappingURL=index.d.ts.map

package/admin/src/components/Hint/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+declare type HintProps = {
+    description: {
+        id: string;
+        defaultMessage: string;
+        values: {};
+    } | undefined;
+    error: string | undefined;
+    id: string;
+    name: string;
+};
+export declare const Hint: React.FC<HintProps>;
+export default Hint;
+//# sourceMappingURL=index.d.ts.map

package/admin/src/components/Hint/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 });
+exports.Hint = void 0;
+const react_1 = __importDefault(require("react"));
+const react_intl_1 = require("react-intl");
+const Typography_1 = require("@strapi/design-system/Typography");
+const Hint = ({ id, error, name, description }) => {
+    const { formatMessage } = (0, react_intl_1.useIntl)();
+    const hint = description
+        ? formatMessage({ id: description.id, defaultMessage: description.defaultMessage }, { ...description.values })
+        : '';
+    if (!hint || error) {
+        return null;
+    }
+    return (react_1.default.createElement(Typography_1.Typography, { as: "p", variant: "pi", id: `${id || name}-hint`, textColor: "neutral600" }, hint));
+};
+exports.Hint = Hint;
+exports.default = exports.Hint;
+//# sourceMappingURL=index.js.map

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

@@ -1,3 +1,4 @@
-declare const LoadingIndicatorOverlay: () => any;
+/// <reference types="react" />
+declare const LoadingIndicatorOverlay: () => JSX.Element;
 export default LoadingIndicatorOverlay;
 //# sourceMappingURL=index.d.ts.map

package/admin/src/components/ModeratorResponse/index.d.ts

@@ -0,0 +1,8 @@
+import React from "react";
+import { Comment } from "../../../../types/contentTypes";
+declare type ModeratorResponseProps = {
+    rootThread: Comment;
+};
+declare const ModeratorResponse: React.FC<ModeratorResponseProps>;
+export default ModeratorResponse;
+//# sourceMappingURL=index.d.ts.map

package/admin/src/components/ModeratorResponse/index.js

@@ -0,0 +1,108 @@
+"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_query_1 = require("react-query");
+const api_1 = require("../../pages/utils/api");
+const styles_1 = require("./styles");
+const api_2 = require("../../pages/utils/api");
+const Box_1 = require("@strapi/design-system/Box");
+const Typography_1 = require("@strapi/design-system/Typography");
+const Flex_1 = require("@strapi/design-system/Flex");
+const Button_1 = require("@strapi/design-system/Button");
+const Divider_1 = require("@strapi/design-system/Divider");
+const utils_1 = require("../../utils");
+const Wysiwyg_1 = __importDefault(require("../Wysiwyg"));
+const helper_plugin_1 = require("@strapi/helper-plugin");
+const pluginId_1 = require("../../pluginId");
+const ModeratorResponse = ({ rootThread, }) => {
+    const { id: threadId, blockedThread } = rootThread;
+    const [commentField, setCommentField] = (0, react_1.useState)("");
+    const [isFieldEmpty, setIsFieldEmpty] = (0, react_1.useState)(true);
+    const handleCommentChange = (e) => {
+        setCommentField(e.target.value);
+    };
+    const user = helper_plugin_1.auth.get("userInfo");
+    (0, react_1.useEffect)(() => {
+        setIsFieldEmpty(!commentField);
+    }, [commentField]);
+    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 = (_func) => { }) => async () => {
+        await queryClient.invalidateQueries("get-details-data");
+        toggleNotification({
+            type: "success",
+            message: `${pluginId_1.pluginId}.${message}`,
+        });
+        stateAction(false);
+        unlockApp();
+    };
+    const onError = (err) => {
+        (0, utils_1.handleAPIError)(err, toggleNotification);
+    };
+    const unblockItemThreadMutation = (0, react_query_1.useMutation)(api_1.unblockItemThread);
+    const postCommentMutation = (0, react_query_1.useMutation)(api_2.postComment, {
+        onSuccess: onSuccess("page.details.actions.comment.post.confirmation"),
+        onError,
+    });
+    const handleSave = async () => {
+        lockApp();
+        await postCommentMutation.mutate({
+            threadId,
+            body: commentField,
+            author: user,
+        });
+    };
+    const handleReopen = async () => {
+        lockApp();
+        await unblockItemThreadMutation.mutate(threadId);
+        await postCommentMutation.mutate({
+            threadId,
+            body: commentField,
+            author: user,
+        });
+    };
+    const intlLabel = {
+        id: "",
+        defaultMessage: "",
+        values: {},
+    };
+    return (react_1.default.createElement(styles_1.ModeratorResponseStyled, null,
+        react_1.default.createElement(Divider_1.Divider, null),
+        react_1.default.createElement(Box_1.Box, { hasRadius: true, padding: 4 },
+            react_1.default.createElement(Box_1.Box, null,
+                react_1.default.createElement(Typography_1.Typography, { variant: "delta", textColor: "neutral800", id: "moderator-reply" }, (0, utils_1.getMessage)("page.details.panel.discussion.reply", "Reply"))),
+            react_1.default.createElement(Box_1.Box, { paddingTop: 2, paddingBottom: 4 },
+                react_1.default.createElement(Wysiwyg_1.default, { name: "", value: commentField, onChange: handleCommentChange, intlLabel: intlLabel })),
+            react_1.default.createElement(Flex_1.Flex, { direction: "row", justifyContent: "flex-end", gap: 2 },
+                blockedThread && (react_1.default.createElement(Button_1.Button, { variant: "secondary", onClick: handleReopen, disabled: isFieldEmpty }, (0, utils_1.getMessage)("page.details.panel.discussion.reopen", "Re-open"))),
+                react_1.default.createElement(Button_1.Button, { variant: "tertiary", onClick: handleSave, disabled: isFieldEmpty }, (0, utils_1.getMessage)("page.details.panel.discussion.send", "Send"))))));
+};
+exports.default = ModeratorResponse;
+//# sourceMappingURL=index.js.map

package/admin/src/components/ModeratorResponse/styles.d.ts

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

package/admin/src/components/ModeratorResponse/styles.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ModeratorResponseStyled = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Stack_1 = require("@strapi/design-system/Stack");
+exports.ModeratorResponseStyled = (0, styled_components_1.default)(Stack_1.Stack) `
+  width: 100%;
+`;
+//# sourceMappingURL=styles.js.map

package/admin/src/components/ModeratorResponseModal/ModeratorResponseModal.d.ts

@@ -0,0 +1,11 @@
+import React from "react";
+import { Id } from "strapi-typed";
+declare type ModeratorResponseModalProps = {
+    content: string;
+    id: Id;
+    title: string;
+    onClose: () => void;
+};
+declare const ModeratorResponseModal: React.FC<ModeratorResponseModalProps>;
+export default ModeratorResponseModal;
+//# sourceMappingURL=ModeratorResponseModal.d.ts.map

package/admin/src/components/ModeratorResponseModal/ModeratorResponseModal.js

@@ -0,0 +1,98 @@
+"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_query_1 = require("react-query");
+const api_1 = require("../../pages/utils/api");
+const ModalLayout_1 = require("@strapi/design-system/ModalLayout");
+const Typography_1 = require("@strapi/design-system/Typography");
+const Button_1 = require("@strapi/design-system/Button");
+const utils_1 = require("../../utils");
+const Wysiwyg_1 = __importDefault(require("../Wysiwyg"));
+const helper_plugin_1 = require("@strapi/helper-plugin");
+const pluginId_1 = require("../../pluginId");
+const ModeratorResponseModal = ({ content, id, title, onClose, }) => {
+    const [commentField, setCommentField] = (0, react_1.useState)(content);
+    const handleCommentChange = (e) => {
+        setCommentField(e.target.value);
+    };
+    const user = helper_plugin_1.auth.get("userInfo");
+    const handleClose = onClose;
+    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 = (_func) => { }) => async () => {
+        await queryClient.invalidateQueries("get-details-data");
+        onClose();
+        toggleNotification({
+            type: "success",
+            message: `${pluginId_1.pluginId}.${message}`,
+        });
+        stateAction(false);
+        unlockApp();
+    };
+    const onError = (err) => {
+        (0, utils_1.handleAPIError)(err, toggleNotification);
+    };
+    const postCommentMutation = (0, react_query_1.useMutation)(api_1.postComment, {
+        onSuccess: onSuccess("page.details.actions.comment.post.confirmation"),
+        onError,
+    });
+    const updateCommentMutation = (0, react_query_1.useMutation)(api_1.updateComment, {
+        onSuccess: onSuccess("page.details.actions.comment.update.confirmation"),
+        onError,
+    });
+    const handlePostComment = async () => {
+        lockApp();
+        await postCommentMutation.mutate({
+            threadId: id,
+            body: commentField,
+            author: user,
+        });
+    };
+    const handleUpdateComment = async () => {
+        lockApp();
+        await updateCommentMutation.mutate({
+            id,
+            body: commentField,
+        });
+    };
+    const intlLabel = {
+        id: "",
+        defaultMessage: "",
+        values: {},
+    };
+    return (react_1.default.createElement(ModalLayout_1.ModalLayout, { onClose: handleClose, labelledBy: title },
+        react_1.default.createElement(ModalLayout_1.ModalHeader, null,
+            react_1.default.createElement(Typography_1.Typography, { fontWeight: "bold", textColor: "neutral800", as: "h2", id: "title" }, title)),
+        react_1.default.createElement(ModalLayout_1.ModalBody, null,
+            react_1.default.createElement(Wysiwyg_1.default, { name: "", value: commentField, onChange: handleCommentChange, intlLabel: intlLabel })),
+        react_1.default.createElement(ModalLayout_1.ModalFooter, { startActions: react_1.default.createElement(Button_1.Button, { onClick: handleClose, variant: "tertiary" }, (0, utils_1.getMessage)("compontents.confirmation.dialog.button.cancel")), endActions: content.length ? (react_1.default.createElement(Button_1.Button, { onClick: handleUpdateComment }, (0, utils_1.getMessage)("page.details.actions.thread.modal.update.comment"))) : (react_1.default.createElement(Button_1.Button, { onClick: handlePostComment }, (0, utils_1.getMessage)("page.details.actions.thread.modal.start.thread"))) })));
+};
+exports.default = ModeratorResponseModal;
+//# sourceMappingURL=ModeratorResponseModal.js.map

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

@@ -1,7 +1,8 @@
+/// <reference types="react" />
 declare const Nav: ({ visible, hasNewComments, hasNewReports }: {
     visible?: boolean | undefined;
     hasNewComments: any;
     hasNewReports: any;
-}) => any;
+}) => JSX.Element | null;
 export default Nav;
 //# sourceMappingURL=index.d.ts.map

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

@@ -5,22 +5,19 @@ var __importDefault = (this && this.__importDefault) || function (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 icons_1 = require("../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") }),
+    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"))))));
+            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: icons_1.apps }, (0, getMessage_1.default)('nav.item.discover')),
+                react_1.default.createElement(SubNav_1.SubNavLink, { to: (0, getUrl_1.default)('reports'), withBullet: hasNewReports, icon: icons_1.apps }, (0, getMessage_1.default)('nav.item.reports'))))));
 };
 exports.default = Nav;
 //# sourceMappingURL=index.js.map

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

@@ -1,3 +1,4 @@
-declare const PluginIcon: () => any;
+/// <reference types="react" />
+declare const PluginIcon: () => JSX.Element;
 export default PluginIcon;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1,10 +1,6 @@
 "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);
+const icons_1 = require("../icons");
+const PluginIcon = () => icons_1.comments;
 exports.default = PluginIcon;
 //# sourceMappingURL=index.js.map

package/admin/src/components/PreviewWysiwyg/Wrapper.d.ts

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