strapi-plugin-comments 2.3.1 → 3.0.0-beta.0

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

@@ -1,222 +0,0 @@
-"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 react_router_dom_1 = require("react-router-dom");
-const lodash_1 = require("lodash");
-const Flex_1 = require("@strapi/design-system/Flex");
-const IconButton_1 = require("@strapi/design-system/IconButton");
-const icons_1 = require("../../components/icons");
-const helper_plugin_1 = require("@strapi/helper-plugin");
-const utils_1 = require("../../utils");
-const styles_1 = require("./styles");
-const ConfirmationDialog_1 = __importDefault(require("../ConfirmationDialog"));
-const api_1 = require("../../pages/utils/api");
-const pluginId_1 = require("../../pluginId");
-const icons_2 = require("../icons");
-const DiscussionThreadItemApprovalFlowActions_1 = __importDefault(require("../DiscussionThreadItemApprovalFlowActions"));
-const StatusBadge_1 = __importDefault(require("../StatusBadge"));
-const styles_2 = require("../IconButton/styles");
-const styles_3 = require("../ActionButton/styles");
-const DiscussionThreadItemReviewAction_1 = __importDefault(require("../DiscussionThreadItemReviewAction"));
-const ModeratorResponseModal_1 = __importDefault(require("../ModeratorResponseModal/ModeratorResponseModal"));
-const DiscussionThreadItemActions = ({ allowedActions: { canModerate, canAccessReports, canReviewReports }, ...item }) => {
-    const { id, blocked, removed, content, blockedThread, gotThread, threadFirstItemId, pinned, preview, reports = [], approvalStatus, author, isAdminComment, } = item;
-    const user = helper_plugin_1.auth.get('userInfo');
-    const [blockConfirmationVisible, setBlockConfirmationVisible] = (0, react_1.useState)(false);
-    const [blockThreadConfirmationVisible, setBlockThreadConfirmationVisible] = (0, react_1.useState)(false);
-    const [blockButtonsDisabled, setBlockButtonsDisabled] = (0, react_1.useState)(blockedThread);
-    const [startThreadVisible, setStartThreadVisible] = (0, react_1.useState)(false);
-    const [updateCommentVisible, setUpdateCommentVisible] = (0, react_1.useState)(false);
-    const { push } = (0, react_router_dom_1.useHistory)();
-    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, sideEffectCallback) => () => {
-        queryClient.invalidateQueries("get-details-data");
-        if (message) {
-            toggleNotification({
-                type: "success",
-                message: `${pluginId_1.pluginId}.${message}`,
-            });
-        }
-        sideEffectCallback();
-        unlockApp();
-    };
-    const onError = (err) => {
-        (0, utils_1.handleAPIError)(err, toggleNotification);
-    };
-    const mutationConfig = (message = "", sideEffectCallback = lodash_1.noop) => {
-        return {
-            onSuccess: onSuccess(message, sideEffectCallback),
-            onError
-        };
-    };
-    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", setBlockConfirmationVisible));
-    const unblockItemMutation = (0, react_query_1.useMutation)(api_1.unblockItem, mutationConfig("page.details.actions.comment.unblock.confirmation.success"));
-    const blockItemThreadMutation = (0, react_query_1.useMutation)(api_1.blockItemThread, mutationConfig("page.details.actions.thread.block.confirmation.success", setBlockThreadConfirmationVisible));
-    const unblockItemThreadMutation = (0, react_query_1.useMutation)(api_1.unblockItemThread, mutationConfig("page.details.actions.thread.unblock.confirmation.success"));
-    const deleteItemMutation = (0, react_query_1.useMutation)(api_1.deleteItem, mutationConfig("page.details.actions.comment.delete.confirmation.success"));
-    const isAdminAuthor = String(user?.id) === author?.id;
-    const gotApprovalFlow = !(0, lodash_1.isNil)(approvalStatus);
-    const needsApproval = !isAdminComment && gotApprovalFlow && approvalStatus === "PENDING";
-    const isBlocked = blocked || blockedThread;
-    const isRejected = gotApprovalFlow && approvalStatus === "REJECTED";
-    const openReports = reports?.filter((_) => !_.resolved);
-    const hasReports = !(0, lodash_1.isEmpty)(openReports);
-    const reviewFlowEnabled = (canAccessReports || canReviewReports) && hasReports;
-    const hasActiveThread = gotThread && !(removed || preview || pinned || blockedThread);
-    const isStatusBadgeVisible = isBlocked || reviewFlowEnabled;
-    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 isLoading = unblockItemMutation.isLoading ||
-        blockItemMutation.isLoading ||
-        blockItemThreadMutation.isLoading ||
-        unblockItemThreadMutation.isLoading;
-    const handleResolveAllAbuseReportsForThread = () => {
-        if (canModerate) {
-            lockApp();
-            resolveAllAbuseReportsForThreadMutation.mutate(id);
-        }
-    };
-    const handleBlockClick = () => setBlockConfirmationVisible(true);
-    const handleBlockConfirm = () => {
-        if (canModerate) {
-            lockApp();
-            blockItemMutation.mutate(id);
-        }
-    };
-    const handleBlockCancel = () => {
-        setBlockConfirmationVisible(false);
-    };
-    const handleUnblockClick = () => {
-        if (canModerate) {
-            lockApp();
-            unblockItemMutation.mutate(id);
-        }
-    };
-    const handleDeleteClick = () => {
-        if (canModerate) {
-            lockApp();
-            deleteItemMutation.mutate(id);
-        }
-    };
-    const handleBlockThreadClick = () => setBlockThreadConfirmationVisible(true);
-    const handleBlockThreadConfirm = () => {
-        if (canModerate) {
-            lockApp();
-            blockItemThreadMutation.mutate(id);
-        }
-    };
-    const handleBlockThreadCancel = () => {
-        setBlockThreadConfirmationVisible(false);
-    };
-    const toggleStartThreadVisibility = () => {
-        setStartThreadVisible(!startThreadVisible);
-    };
-    const toggleUpdateCommentVisibility = () => {
-        setUpdateCommentVisible(!updateCommentVisible);
-    };
-    const handleUnblockThreadClick = () => {
-        if (canModerate) {
-            lockApp();
-            unblockItemThreadMutation.mutate(id);
-        }
-    };
-    const handleDrilldownClick = () => {
-        if (hasActiveThread) {
-            push((0, utils_1.getUrl)(`discover/${threadFirstItemId}`));
-        }
-    };
-    const handleOnConfirm = (0, react_1.useCallback)(() => {
-        handleBlockThreadConfirm(id);
-        handleResolveAllAbuseReportsForThread(id);
-    }, [handleBlockThreadConfirm, handleResolveAllAbuseReportsForThread]);
-    const anyGroupButtonsVisible = needsApproval || reviewFlowEnabled || !blockedThread;
-    if (removed || isRejected || !canModerate) {
-        return (react_1.default.createElement(styles_1.DiscussionThreadItemActionsWrapper, { as: Flex_1.Flex, direction: "row" }, renderStatus(item)));
-    }
-    const isBlockEnabled = !blockedThread && !(blocked || needsApproval);
-    const isUnblockEnabled = !blockedThread && blocked;
-    const isRemovable = !blockedThread && !blocked && isAdminAuthor;
-    const isThreadStartEnabled = !hasActiveThread && !pinned && (!blockedThread && !blocked);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(styles_1.DiscussionThreadItemActionsWrapper, { as: Flex_1.Flex, direction: "row" },
-            isStatusBadgeVisible && renderStatus(item),
-            !blockedThread && (gotThread || pinned) && (react_1.default.createElement(styles_3.ActionButton, { onClick: handleBlockThreadClick, startIcon: icons_2.lock, loading: blockItemThreadMutation.isLoading, variant: "danger" }, (0, utils_1.getMessage)("page.details.actions.thread.block", "Block thread"))),
-            blockedThread && (gotThread || pinned) && (react_1.default.createElement(styles_3.ActionButton, { onClick: handleUnblockThreadClick, startIcon: icons_2.unlock, loading: unblockItemThreadMutation.isLoading, variant: "success" }, (0, utils_1.getMessage)("page.details.actions.thread.unblock", "Unblock thread"))),
-            anyGroupButtonsVisible && (react_1.default.createElement(styles_2.IconButtonGroupStyled, { isSingle: true, withMargin: true },
-                !isAdminComment && (react_1.default.createElement(react_1.default.Fragment, null,
-                    isBlockEnabled && (react_1.default.createElement(IconButton_1.IconButton, { onClick: handleBlockClick, loading: blockItemMutation.isLoading, icon: icons_2.lock, label: (0, utils_1.getMessage)("page.details.actions.comment.block", "Block") })),
-                    isUnblockEnabled && (react_1.default.createElement(IconButton_1.IconButton, { onClick: handleUnblockClick, loading: unblockItemMutation.isLoading, icon: icons_2.unlock, label: (0, utils_1.getMessage)("page.details.actions.comment.unblock", "Unblock") })))),
-                needsApproval && (react_1.default.createElement(DiscussionThreadItemApprovalFlowActions_1.default, { id: id, allowedActions: { canModerate }, queryToInvalidate: "get-details-data" })),
-                isAdminAuthor && !isBlocked && (react_1.default.createElement(IconButton_1.IconButton, { onClick: toggleUpdateCommentVisibility, icon: icons_1.pencil, label: (0, utils_1.getMessage)("page.details.actions.thread.modal.update.comment") })),
-                isRemovable && (react_1.default.createElement(IconButton_1.IconButton, { onClick: handleDeleteClick, loading: deleteItemMutation.isLoading, icon: icons_1.trash, label: (0, utils_1.getMessage)("page.details.actions.comment.delete", "Delete comment") })),
-                react_1.default.createElement(DiscussionThreadItemReviewAction_1.default, { item: item, queryToInvalidate: "get-details-data", allowedActions: {
-                        canModerate,
-                        canAccessReports,
-                        canReviewReports,
-                    }, isAnyActionLoading: isLoading }))),
-            hasActiveThread && (react_1.default.createElement(styles_2.IconButtonGroupStyled, { isSingle: true, withMargin: true },
-                react_1.default.createElement(IconButton_1.IconButton, { onClick: handleDrilldownClick, icon: icons_2.eye, label: (0, utils_1.getMessage)("page.details.panel.discussion.nav.drilldown", "Drilldown thread"), style: blocked && !blockedThread
-                        ? { marginTop: "1px", marginRight: ".5rem" }
-                        : {} }))),
-            isThreadStartEnabled && (react_1.default.createElement(styles_2.IconButtonGroupStyled, { isSingle: true, withMargin: true },
-                react_1.default.createElement(IconButton_1.IconButton, { onClick: toggleStartThreadVisibility, icon: icons_1.plus, label: (0, utils_1.getMessage)("page.details.actions.thread.modal.start.thread") })))),
-        startThreadVisible &&
-            react_1.default.createElement(ModeratorResponseModal_1.default, { content: "", id: id, title: (0, utils_1.getMessage)("page.details.actions.thread.modal.start.thread"), onClose: toggleStartThreadVisibility }),
-        updateCommentVisible &&
-            react_1.default.createElement(ModeratorResponseModal_1.default, { content: content, id: id, title: (0, utils_1.getMessage)("page.details.actions.thread.modal.update.comment"), onClose: toggleUpdateCommentVisibility }),
-        !blocked && (react_1.default.createElement(ConfirmationDialog_1.default, { isVisible: blockConfirmationVisible, isActionAsync: blockItemMutation.isLoading, header: (0, utils_1.getMessage)("page.details.actions.comment.block.confirmation.header"), labelConfirm: (0, utils_1.getMessage)("page.details.actions.comment.block.confirmation.button.confirm"), iconConfirm: icons_2.lock, onConfirm: handleBlockConfirm, onCancel: handleBlockCancel }, (0, utils_1.getMessage)("page.details.actions.comment.block.confirmation.description"))),
-        !blockedThread && (react_1.default.createElement(ConfirmationDialog_1.default, { isVisible: blockThreadConfirmationVisible, isActionAsync: blockItemThreadMutation.isLoading, header: (0, utils_1.getMessage)("page.details.actions.thread.block.confirmation.header"), labelConfirm: (0, utils_1.getMessage)("page.details.actions.thread.block.confirmation.button.confirm"), iconConfirm: icons_2.lock, onConfirm: handleOnConfirm, onCancel: handleBlockThreadCancel }, (0, utils_1.getMessage)("page.details.actions.thread.block.confirmation.description")))));
-};
-DiscussionThreadItemActions.propTypes = {
-    isRoot: prop_types_1.default.bool,
-    blocked: prop_types_1.default.bool.isRequired,
-    blockedThread: prop_types_1.default.bool.isRequired,
-    approvalStatus: prop_types_1.default.oneOfType([
-        prop_types_1.default.nullable,
-        prop_types_1.default.oneOf(["PENDING", "APPROVED", "REJECTED"]),
-    ]),
-    allowedActions: prop_types_1.default.shape({
-        canModerate: prop_types_1.default.bool,
-    }),
-};
-exports.default = DiscussionThreadItemActions;
-//# sourceMappingURL=index.js.map

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

@@ -1,2 +0,0 @@
-export declare const DiscussionThreadItemActionsWrapper: import("styled-components").StyledComponent<any, any, any, any>;
-//# sourceMappingURL=styles.d.ts.map

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

@@ -1,13 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DiscussionThreadItemActionsWrapper = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const Box_1 = require("@strapi/design-system/Box");
-exports.DiscussionThreadItemActionsWrapper = (0, styled_components_1.default)(Box_1.Box) `
-  margin-left: 1rem;
-  align-items: flex-start;
-`;
-//# sourceMappingURL=styles.js.map

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

@@ -1,19 +0,0 @@
-import PropTypes from "prop-types";
-declare const DiscussionThreadItemApprovalFlowActions: {
-    ({ id, allowedActions: { canModerate }, queryToInvalidate }: {
-        id: any;
-        allowedActions: {
-            canModerate: any;
-        };
-        queryToInvalidate: any;
-    }): JSX.Element | null;
-    propTypes: {
-        id: PropTypes.Validator<NonNullable<NonNullable<string | number | null | undefined>>>;
-        allowedActions: PropTypes.Requireable<PropTypes.InferProps<{
-            canModerate: PropTypes.Requireable<boolean>;
-        }>>;
-        wrapped: PropTypes.Requireable<boolean>;
-    };
-};
-export default DiscussionThreadItemApprovalFlowActions;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,67 +0,0 @@
-"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 react_query_1 = require("react-query");
-const IconButton_1 = require("@strapi/design-system/IconButton");
-const icons_1 = require("../icons");
-const helper_plugin_1 = require("@strapi/helper-plugin");
-const utils_1 = require("../../utils");
-const api_1 = require("../../pages/utils/api");
-const pluginId_1 = require("../../pluginId");
-const DiscussionThreadItemApprovalFlowActions = ({ id, allowedActions: { canModerate }, queryToInvalidate }) => {
-    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) => () => {
-        queryClient.invalidateQueries(queryToInvalidate);
-        toggleNotification({
-            type: "success",
-            message: `${pluginId_1.pluginId}.${message}`,
-        });
-        unlockApp();
-    };
-    const onError = (err) => {
-        (0, utils_1.handleAPIError)(err, toggleNotification);
-    };
-    const approveItemMutation = (0, react_query_1.useMutation)(api_1.approveItem, {
-        onSuccess: onSuccess("page.details.actions.comment.approve.confirmation.success"),
-        onError,
-        refetchActive: false,
-    });
-    const rejectItemMutation = (0, react_query_1.useMutation)(api_1.rejectItem, {
-        onSuccess: onSuccess("page.details.actions.comment.reject.confirmation.success"),
-        onError,
-        refetchActive: false,
-    });
-    const handleApproveClick = () => {
-        if (canModerate) {
-            lockApp();
-            approveItemMutation.mutate(id);
-        }
-    };
-    const handleRejectClick = () => {
-        if (canModerate) {
-            lockApp();
-            rejectItemMutation.mutate(id);
-        }
-    };
-    if (canModerate) {
-        return (react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(IconButton_1.IconButton, { icon: icons_1.check, label: (0, utils_1.getMessage)("page.details.actions.comment.approve", "Approve"), onClick: handleApproveClick }),
-            react_1.default.createElement(IconButton_1.IconButton, { icon: icons_1.cross, label: (0, utils_1.getMessage)("page.details.actions.comment.reject", "Reject"), onClick: handleRejectClick })));
-    }
-    return null;
-};
-DiscussionThreadItemApprovalFlowActions.propTypes = {
-    id: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]).isRequired,
-    allowedActions: prop_types_1.default.shape({
-        canModerate: prop_types_1.default.bool,
-    }),
-    wrapped: prop_types_1.default.bool,
-};
-exports.default = DiscussionThreadItemApprovalFlowActions;
-//# sourceMappingURL=index.js.map

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

@@ -1,2 +0,0 @@
-export declare const DiscussionThreadItemActionsGroupWrapper: import("styled-components").StyledComponent<any, any, any, any>;
-//# sourceMappingURL=styles.d.ts.map

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

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DiscussionThreadItemActionsGroupWrapper = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const IconButton_1 = require("@strapi/design-system/IconButton");
-exports.DiscussionThreadItemActionsGroupWrapper = (0, styled_components_1.default)(IconButton_1.IconButtonGroup) `
-  margin-left: 0.5rem;
-`;
-//# sourceMappingURL=styles.js.map

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

@@ -1,23 +0,0 @@
-import PropTypes from "prop-types";
-declare const DiscussionThreadItemFooter: {
-    ({ author, isAdminComment, children, createdAt, updatedAt, }: {
-        author: any;
-        isAdminComment: any;
-        children: any;
-        createdAt: any;
-        updatedAt: any;
-    }): JSX.Element;
-    propTypes: {
-        author: PropTypes.Validator<NonNullable<PropTypes.InferProps<{
-            id: PropTypes.Validator<any>;
-            name: PropTypes.Validator<string>;
-            email: PropTypes.Requireable<string>;
-            avatar: PropTypes.Requireable<any>;
-        }>>>;
-        createdAt: PropTypes.Validator<string>;
-        updatedAt: PropTypes.Requireable<string>;
-        children: PropTypes.Requireable<any[]>;
-    };
-};
-export default DiscussionThreadItemFooter;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,40 +0,0 @@
-"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 react_intl_1 = require("react-intl");
-const Box_1 = require("@strapi/design-system/Box");
-const Typography_1 = require("@strapi/design-system/Typography");
-const styles_1 = require("./styles");
-const Avatar_1 = __importDefault(require("../Avatar"));
-const utils_1 = require("../../utils");
-const DiscussionThreadItemFooter = ({ author, isAdminComment, children, createdAt, updatedAt, }) => {
-    const { formatDate } = (0, react_intl_1.useIntl)();
-    const dateTime = formatDate(updatedAt || createdAt, {
-        dateStyle: "medium",
-        timeStyle: "short",
-    });
-    const { name, avatar } = author || {};
-    return (react_1.default.createElement(styles_1.DiscussionThreadItemFooterStyled, { as: Box_1.Box, paddingTop: 2, direction: "row" },
-        react_1.default.createElement(styles_1.DiscussionThreadItemFooterMeta, { size: 3, horizontal: true },
-            author && react_1.default.createElement(Avatar_1.default, { avatar: avatar, name: name, isAdminComment: isAdminComment }),
-            react_1.default.createElement(Typography_1.Typography, { variant: "pi", fontWeight: "bold", textColor: "neutral800" }, name || (0, utils_1.getMessage)("compontents.author.unknown")),
-            react_1.default.createElement(Typography_1.Typography, { variant: "pi", textColor: "neutral600" }, dateTime)),
-        children));
-};
-DiscussionThreadItemFooter.propTypes = {
-    author: prop_types_1.default.shape({
-        id: prop_types_1.default.oneOfType(prop_types_1.default.string, prop_types_1.default.number).isRequired,
-        name: prop_types_1.default.string.isRequired,
-        email: prop_types_1.default.string,
-        avatar: prop_types_1.default.oneOfType(prop_types_1.default.string, prop_types_1.default.object),
-    }).isRequired,
-    createdAt: prop_types_1.default.string.isRequired,
-    updatedAt: prop_types_1.default.string,
-    children: prop_types_1.default.array,
-};
-exports.default = DiscussionThreadItemFooter;
-//# sourceMappingURL=index.js.map

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

@@ -1,3 +0,0 @@
-export declare const DiscussionThreadItemFooterStyled: import("styled-components").StyledComponent<any, any, any, any>;
-export declare const DiscussionThreadItemFooterMeta: import("styled-components").StyledComponent<any, any, any, any>;
-//# sourceMappingURL=styles.d.ts.map

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

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

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

@@ -1,25 +0,0 @@
-import PropTypes from "prop-types";
-declare const DiscussionThreadItemReviewAction: {
-    ({ allowedActions: { canModerate, canAccessReports, canReviewReports }, isAnyActionLoading, item, queryToInvalidate }: {
-        allowedActions: {
-            canModerate: any;
-            canAccessReports: any;
-            canReviewReports: any;
-        };
-        isAnyActionLoading: any;
-        item: any;
-        queryToInvalidate: 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;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,174 +0,0 @@
-"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 Button_1 = require("@strapi/design-system/Button");
-const IconButton_1 = require("@strapi/design-system/IconButton");
-const helper_plugin_1 = require("@strapi/helper-plugin");
-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 ReportsReviewModal_1 = __importDefault(require("../ReportsReviewModal"));
-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, reports]);
-    const onSuccess = (message = "") => () => {
-        queryClient.invalidateQueries(queryToInvalidate);
-        if (message) {
-            toggleNotification({
-                type: "success",
-                message: `${pluginId_1.pluginId}.${message}`,
-            });
-        }
-        unlockApp();
-    };
-    const onError = (err) => () => {
-        (0, utils_1.handleAPIError)(err, toggleNotification);
-    };
-    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 = () => {
-        if (canModerate) {
-            onBlockActionClick(blockItemMutation);
-        }
-    };
-    const handleBlockItemThreadClick = () => {
-        if (canModerate) {
-            onBlockActionClick(blockItemThreadMutation);
-        }
-    };
-    const handleClickResolveSelected = async () => {
-        if (canReviewReports) {
-            lockApp();
-            const items = await resolveCommentMultipleReportsMutation.mutateAsync({
-                id: item.id,
-                reportIds: selectedItems,
-            });
-            if (!(0, lodash_1.isEmpty)(items)) {
-                const updatedItems = storedItems.map((_) => ({
-                    ..._,
-                    resolved: selectedItems.includes(_.id) ? true : _.resolved,
-                }));
-                setStoredItems(updatedItems);
-                setSelectedItems([], false);
-                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 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);
-    const reviewFlowEnabled = canAccessReports && hasReports && !(item.blocked || item.blockedThread);
-    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: 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: 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: handleBlockButtonsStateChange, onSelectionChange: onSelectionChange }))));
-    }
-    return null;
-};
-DiscussionThreadItemReviewAction.propTypes = {
-    item: prop_types_1.default.object.isRequired,
-    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,
-    }),
-    queryToInvalidate: prop_types_1.default.string
-};
-exports.default = DiscussionThreadItemReviewAction;
-//# sourceMappingURL=index.js.map

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

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