strapi-plugin-comments 2.0.8 → 2.1.0-beta.1

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

@@ -1,113 +1,111 @@
-/**
- *
- * Entity Details
- *
- */
-
-import React, { useState } from 'react';
-import PropTypes from 'prop-types';
-import { useMutation, useQueryClient } from 'react-query';
-import { useHistory } from 'react-router-dom';
-import { isNil, isEmpty } from 'lodash';
-import { Flex } from '@strapi/design-system/Flex';
-import { IconButton } from '@strapi/design-system/IconButton';
-import { useNotification, useOverlayBlocker } from '@strapi/helper-plugin';
-import { Eye } from '@strapi/icons';
-import { getMessage, getUrl, handleAPIError, resolveCommentStatus, resolveCommentStatusColor } from '../../utils';
-import { DiscussionThreadItemActionsWrapper } from './styles';
-import ConfirmationDialog from '../ConfirmationDialog';
-import { blockItem, blockItemThread, unblockItem, unblockItemThread } from '../../pages/utils/api';
-import pluginId from '../../pluginId';
-import { LockIcon, UnlockIcon } from '../icons';
-import DiscussionThreadItemApprovalFlowActions from '../DiscussionThreadItemApprovalFlowActions';
-import StatusBadge from '../StatusBadge';
-import { IconButtonGroupStyled } from '../IconButton/styles';
-import { ActionButton } from '../ActionButton/styles';
-import DiscussionThreadItemReviewAction from '../DiscussionThreadItemReviewAction';
-
+"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 helper_plugin_1 = require("@strapi/helper-plugin");
+const icons_1 = require("@strapi/icons");
+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 DiscussionThreadItemActions = ({ allowedActions: { canModerate, canAccessReports, canReviewReports }, ...item }) => {
-    const { id, 
-        blocked, 
-        removed, 
-        blockedThread, 
-        gotThread, 
-        threadItemsCount,
-        threadFirstItemId,
-        pinned, 
-        preview,
-        reports = [], 
-        approvalStatus } = item;
-
-    const [blockConfirmationVisible, setBlockConfirmationVisible] = useState(false);
-    const [blockThreadConfirmationVisible, setBlockThreadConfirmationVisible] = useState(false);
-    const [blockButtonsDisabled, setBlockButtonsDisabled] = useState(blockedThread);
-
-    const { push } = useHistory();
-    const toggleNotification = useNotification();
-    const queryClient = useQueryClient();
-    const { lockApp, unlockApp } = useOverlayBlocker();
-
-    const onSuccess = (message, stateAction = () => {}) => async () => {
-        await queryClient.invalidateQueries('get-details-data');
+    const { id, blocked, removed, blockedThread, gotThread, threadItemsCount, threadFirstItemId, pinned, preview, reports = [], approvalStatus, } = item;
+    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 { 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, stateAction = () => { }) => async () => {
+        await queryClient.invalidateQueries("get-details-data");
         toggleNotification({
-            type: 'success',
-            message: `${pluginId}.${message}`,
+            type: "success",
+            message: `${pluginId_1.pluginId}.${message}`,
         });
         stateAction(false);
         unlockApp();
     };
-
-    const onError = err => { handleAPIError(err, toggleNotification); };
-
-    const blockItemMutation = useMutation(blockItem, {
-        onSuccess: onSuccess(
-            'page.details.actions.comment.block.confirmation.success', 
-            setBlockConfirmationVisible
-        ),
+    const onError = (err) => {
+        (0, utils_1.handleAPIError)(err, toggleNotification);
+    };
+    const blockItemMutation = (0, react_query_1.useMutation)(api_1.blockItem, {
+        onSuccess: onSuccess("page.details.actions.comment.block.confirmation.success", setBlockConfirmationVisible),
         onError,
         refetchActive: false,
     });
-    const unblockItemMutation = useMutation(unblockItem, {
-        onSuccess: onSuccess('page.details.actions.comment.unblock.confirmation.success'),
+    const unblockItemMutation = (0, react_query_1.useMutation)(api_1.unblockItem, {
+        onSuccess: onSuccess("page.details.actions.comment.unblock.confirmation.success"),
         onError,
         refetchActive: false,
     });
-    const blockItemThreadMutation = useMutation(blockItemThread, {
-        onSuccess: onSuccess(
-            'page.details.actions.thread.block.confirmation.success', 
-            setBlockThreadConfirmationVisible
-        ),
+    const blockItemThreadMutation = (0, react_query_1.useMutation)(api_1.blockItemThread, {
+        onSuccess: onSuccess("page.details.actions.thread.block.confirmation.success", setBlockThreadConfirmationVisible),
         onError,
         refetchActive: false,
     });
-    const unblockItemThreadMutation = useMutation(unblockItemThread, {
-        onSuccess: onSuccess('page.details.actions.thread.unblock.confirmation.success'),
+    const unblockItemThreadMutation = (0, react_query_1.useMutation)(api_1.unblockItemThread, {
+        onSuccess: onSuccess("page.details.actions.thread.unblock.confirmation.success"),
         onError,
         refetchActive: false,
     });
-
-    const gotApprovalFlow = !isNil(approvalStatus);
-    const needsApproval = gotApprovalFlow && (approvalStatus === 'PENDING');
+    const gotApprovalFlow = !(0, lodash_1.isNil)(approvalStatus);
+    const needsApproval = gotApprovalFlow && approvalStatus === "PENDING";
     const isBlocked = blocked || blockedThread;
-    const isRejected = gotApprovalFlow && (approvalStatus === 'REJECTED');
-    const openReports = reports?.filter(_ => !_.resolved);
-    const hasReports = !isEmpty(openReports);
+    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 = resolveCommentStatus({ ...props, reviewFlowEnabled });
-        const color = resolveCommentStatusColor(status);
-   
-        return (<StatusBadge backgroundColor={`${color}100`} textColor={`${color}700`} color={color}>{ getMessage({
+        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) }</StatusBadge>);
-      };
-
+                count: openReports.length,
+            },
+        }, status)));
+    };
     const handleBlockClick = () => setBlockConfirmationVisible(true);
     const handleBlockConfirm = async () => {
         if (canModerate) {
@@ -124,7 +122,6 @@ const DiscussionThreadItemActions = ({ allowedActions: { canModerate, canAccessR
             unblockItemMutation.mutate(id);
         }
     };
-
     const handleBlockThreadClick = () => setBlockThreadConfirmationVisible(true);
     const handleBlockThreadConfirm = async () => {
         if (canModerate) {
@@ -141,91 +138,57 @@ const DiscussionThreadItemActions = ({ allowedActions: { canModerate, canAccessR
             unblockItemThreadMutation.mutate(id);
         }
     };
-
     const handleDrilldownClick = () => {
         if (hasActiveThread) {
-            push(getUrl(`discover/${threadFirstItemId}`));
+            push((0, utils_1.getUrl)(`discover/${threadFirstItemId}`));
         }
     };
-
     const handleBlockActionClick = async (mutation, onCallback) => {
         lockApp();
         await mutation.mutateAsync(id);
         onCallback();
     };
-
-    const handleBlockButtonsStateChange = disabled => setBlockButtonsDisabled(disabled);
-
+    const handleBlockButtonsStateChange = (disabled) => setBlockButtonsDisabled(disabled);
     const anyGroupButtonsVisible = needsApproval || reviewFlowEnabled || !blockedThread;
-    const isLoading = unblockItemMutation.isLoading || blockItemMutation.isLoading || blockItemThreadMutation.isLoading || unblockItemThreadMutation.isLoading;
-
+    const isLoading = unblockItemMutation.isLoading ||
+        blockItemMutation.isLoading ||
+        blockItemThreadMutation.isLoading ||
+        unblockItemThreadMutation.isLoading;
     if (removed || isRejected || !canModerate) {
-        return (<DiscussionThreadItemActionsWrapper as={Flex} direction="row">
-            { renderStatus(item) }
-        </DiscussionThreadItemActionsWrapper>);
+        return (react_1.default.createElement(styles_1.DiscussionThreadItemActionsWrapper, { as: Flex_1.Flex, direction: "row" }, renderStatus(item)));
     }
-
-    return (<>
-        <DiscussionThreadItemActionsWrapper as={Flex} direction="row">
-            { isStatusBadgeVisible && (renderStatus(item))}
-            { (!blockedThread && (gotThread || pinned)) && (<ActionButton onClick={handleBlockThreadClick} startIcon={<LockIcon />} loading={blockItemThreadMutation.isLoading} variant="danger">{ getMessage('page.details.actions.thread.block', 'Block thread') }</ActionButton>) }
-            { (blockedThread && (gotThread || pinned)) && (<ActionButton onClick={handleUnblockThreadClick} startIcon={<UnlockIcon />} loading={unblockItemThreadMutation.isLoading} variant="success">{ getMessage('page.details.actions.thread.unblock', 'Unblock thread') }</ActionButton>) }
-            { anyGroupButtonsVisible && (<IconButtonGroupStyled isSingle withMargin>
-                { !blockedThread && !(blocked || needsApproval) && (<IconButton onClick={handleBlockClick} loading={blockItemMutation.isLoading} icon={<LockIcon />} label={getMessage('page.details.actions.comment.block', 'Block')} />)}
-                { !blockedThread && blocked && (<IconButton onClick={handleUnblockClick} loading={unblockItemMutation.isLoading} icon={<UnlockIcon />} label={getMessage('page.details.actions.comment.unblock', 'Unblock')} />)}
-                { needsApproval && (<DiscussionThreadItemApprovalFlowActions id={id} allowedActions={{ canModerate }} queryToInvalidate="get-details-data" />) }
-                <DiscussionThreadItemReviewAction
-                    item={item}
-                    queryToInvalidate="get-details-data"
-                    areBlockButtonsDisabled={blockButtonsDisabled}
-                    isLoading={isLoading}
-                    allowedActions={{ canModerate, canAccessReports, canReviewReports }}
-                    blockItemMutation={blockItemMutation}
-                    blockItemThreadMutation={blockItemThreadMutation}
-                    onBlockButtonsStateChange={handleBlockButtonsStateChange}
-                    onBlockActionClick={handleBlockActionClick}
-                />
-            </IconButtonGroupStyled>)}
-            { hasActiveThread && (<IconButtonGroupStyled isSingle withMargin>
-                <IconButton 
-                    onClick={handleDrilldownClick} 
-                    icon={<Eye />} 
-                    label={getMessage('page.details.panel.discussion.nav.drilldown', 'Drilldown thread')}  
-                    style={(blocked && !blockedThread) ? { marginTop: '1px', marginRight: '.5rem' } : {}} />
-            </IconButtonGroupStyled>) }
-        </DiscussionThreadItemActionsWrapper>
-        { !blocked && (<ConfirmationDialog 
-            isVisible={blockConfirmationVisible}
-            isActionAsync={blockItemMutation.isLoading}
-            header={getMessage('page.details.actions.comment.block.confirmation.header')}
-            labelConfirm={getMessage('page.details.actions.comment.block.confirmation.button.confirm')}
-            iconConfirm={<LockIcon />}
-            onConfirm={handleBlockConfirm} 
-            onCancel={handleBlockCancel}>
-                { getMessage('page.details.actions.comment.block.confirmation.description') }
-        </ConfirmationDialog>) }
-        { !blockedThread && (<ConfirmationDialog 
-            isVisible={blockThreadConfirmationVisible}
-            isActionAsync={blockItemThreadMutation.isLoading}
-            header={getMessage('page.details.actions.thread.block.confirmation.header')}
-            labelConfirm={getMessage('page.details.actions.thread.block.confirmation.button.confirm')}
-            iconConfirm={<LockIcon />}
-            onConfirm={handleBlockThreadConfirm} 
-            onCancel={handleBlockThreadCancel}>
-                { getMessage('page.details.actions.thread.block.confirmation.description') }
-        </ConfirmationDialog>) }
-    </>);
+    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: react_1.default.createElement(icons_2.LockIcon, null), 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: react_1.default.createElement(icons_2.UnlockIcon, null), 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 },
+                !blockedThread && !(blocked || needsApproval) && (react_1.default.createElement(IconButton_1.IconButton, { onClick: handleBlockClick, loading: blockItemMutation.isLoading, icon: react_1.default.createElement(icons_2.LockIcon, null), label: (0, utils_1.getMessage)("page.details.actions.comment.block", "Block") })),
+                !blockedThread && blocked && (react_1.default.createElement(IconButton_1.IconButton, { onClick: handleUnblockClick, loading: unblockItemMutation.isLoading, icon: react_1.default.createElement(icons_2.UnlockIcon, null), 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" })),
+                react_1.default.createElement(DiscussionThreadItemReviewAction_1.default, { item: item, queryToInvalidate: "get-details-data", areBlockButtonsDisabled: blockButtonsDisabled, isLoading: isLoading, allowedActions: {
+                        canModerate,
+                        canAccessReports,
+                        canReviewReports,
+                    }, blockItemMutation: blockItemMutation, blockItemThreadMutation: blockItemThreadMutation, onBlockButtonsStateChange: handleBlockButtonsStateChange, onBlockActionClick: handleBlockActionClick }))),
+            hasActiveThread && (react_1.default.createElement(styles_2.IconButtonGroupStyled, { isSingle: true, withMargin: true },
+                react_1.default.createElement(IconButton_1.IconButton, { onClick: handleDrilldownClick, icon: react_1.default.createElement(icons_1.Eye, null), label: (0, utils_1.getMessage)("page.details.panel.discussion.nav.drilldown", "Drilldown thread"), style: blocked && !blockedThread
+                        ? { marginTop: "1px", marginRight: ".5rem" }
+                        : {} })))),
+        !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: react_1.default.createElement(icons_2.LockIcon, null), 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: react_1.default.createElement(icons_2.LockIcon, null), onConfirm: handleBlockThreadConfirm, onCancel: handleBlockThreadCancel }, (0, utils_1.getMessage)("page.details.actions.thread.block.confirmation.description")))));
 };
-
 DiscussionThreadItemActions.propTypes = {
-    isRoot: PropTypes.bool,
-    blocked: PropTypes.bool.isRequired,
-    blockedThread: PropTypes.bool.isRequired,
-    approvalStatus: PropTypes.oneOfType([PropTypes.nullable, PropTypes.oneOf(['PENDING', 'APPROVED', 'REJECTED'])]),
-    allowedActions: PropTypes.shape({
-        canModerate: PropTypes.bool,
+    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,
     }),
 };
-
-export default DiscussionThreadItemActions;
- 
+exports.default = DiscussionThreadItemActions;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,7 +1,13 @@
-import styled from 'styled-components';
-import { Box } from '@strapi/design-system/Box';
-
-export const DiscussionThreadItemActionsWrapper = styled(Box)`
-    margin-left: 1rem;
-    align-items: flex-start;
-`;
+"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

@@ -0,0 +1,17 @@
+declare const DiscussionThreadItemApprovalFlowActions: {
+    ({ id, allowedActions: { canModerate }, queryToInvalidate, }: {
+        id: any;
+        allowedActions: {
+            canModerate: any;
+        };
+        queryToInvalidate: any;
+    }): any;
+    propTypes: {
+        id: any;
+        queryToInvalidate: any;
+        allowedActions: any;
+        wrapped: any;
+    };
+};
+export default DiscussionThreadItemApprovalFlowActions;
+//# sourceMappingURL=index.d.ts.map

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

@@ -1,80 +1,70 @@
-/**
- *
- * Approval Flow Actions
- *
- */
-
-import React from 'react';
-import PropTypes from 'prop-types';
-import { useMutation, useQueryClient } from 'react-query';
-import { IconButton } from '@strapi/design-system/IconButton';
-import { Check, Cross } from '@strapi/icons';
-import { useNotification, useOverlayBlocker } from '@strapi/helper-plugin';
-import { getMessage, handleAPIError } from '../../utils';
-import { approveItem, rejectItem } from '../../pages/utils/api';
-import pluginId from '../../pluginId';
-
-const DiscussionThreadItemApprovalFlowActions = ({ id, allowedActions: { canModerate }, queryToInvalidate }) => {
-
-    const toggleNotification = useNotification();
-    const queryClient = useQueryClient();
-    const { lockApp, unlockApp } = useOverlayBlocker();
-
+"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("@strapi/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) => async () => {
         if (queryToInvalidate) {
             await queryClient.invalidateQueries(queryToInvalidate);
         }
         toggleNotification({
-            type: 'success',
-            message: `${pluginId}.${message}`,
+            type: "success",
+            message: `${pluginId_1.pluginId}.${message}`,
         });
         unlockApp();
     };
-
-    const onError = err => { handleAPIError(err, toggleNotification); };
-
-    const approveItemMutation = useMutation(approveItem, {
-        onSuccess: onSuccess('page.details.actions.comment.approve.confirmation.success'),
+    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 = useMutation(rejectItem, {
-        onSuccess: onSuccess('page.details.actions.comment.reject.confirmation.success'),
+    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 (<>
-            <IconButton icon={<Check />} label={getMessage('page.details.actions.comment.approve', 'Approve')} onClick={handleApproveClick} />
-            <IconButton icon={<Cross />} label={getMessage('page.details.actions.comment.reject', 'Reject')} onClick={handleRejectClick} />
-        </>);
-        }
+        return (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(IconButton_1.IconButton, { icon: react_1.default.createElement(icons_1.Check, null), label: (0, utils_1.getMessage)("page.details.actions.comment.approve", "Approve"), onClick: handleApproveClick }),
+            react_1.default.createElement(IconButton_1.IconButton, { icon: react_1.default.createElement(icons_1.Cross, null), label: (0, utils_1.getMessage)("page.details.actions.comment.reject", "Reject"), onClick: handleRejectClick })));
+    }
     return null;
 };
-
 DiscussionThreadItemApprovalFlowActions.propTypes = {
-    id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]).isRequired,
-    queryToInvalidate: PropTypes.string,
-    allowedActions: PropTypes.shape({
-        canModerate: PropTypes.bool,
+    id: prop_types_1.default.oneOfType([prop_types_1.default.string, prop_types_1.default.number]).isRequired,
+    queryToInvalidate: prop_types_1.default.string,
+    allowedActions: prop_types_1.default.shape({
+        canModerate: prop_types_1.default.bool,
     }),
-    wrapped: PropTypes.bool,
+    wrapped: prop_types_1.default.bool,
 };
-
-export default DiscussionThreadItemApprovalFlowActions;
- 
+exports.default = DiscussionThreadItemApprovalFlowActions;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -1,6 +1,12 @@
-import styled from 'styled-components';
-import { IconButtonGroup } from '@strapi/design-system/IconButton';
-
-export const DiscussionThreadItemActionsGroupWrapper = styled(IconButtonGroup)`
-    margin-left: .5rem;
-`;
+"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

@@ -0,0 +1,16 @@
+declare const DiscussionThreadItemFooter: {
+    ({ children, author, createdAt, updatedAt, }: {
+        children: any;
+        author: any;
+        createdAt: any;
+        updatedAt: any;
+    }): any;
+    propTypes: {
+        author: any;
+        createdAt: any;
+        updatedAt: any;
+        children: any;
+    };
+};
+export default DiscussionThreadItemFooter;
+//# sourceMappingURL=index.d.ts.map