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

package/admin/src/custom-fields/comments/components/input/input.js

@@ -0,0 +1,102 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CustomFieldInput = void 0;
+const react_1 = __importStar(require("react"));
+const Stack_1 = require("@strapi/design-system/Stack");
+const Flex_1 = require("@strapi/design-system/Flex");
+const Box_1 = require("@strapi/design-system/Box");
+const Field_1 = require("@strapi/design-system/Field");
+const Select_1 = require("@strapi/design-system/Select");
+const NumberInput_1 = require("@strapi/design-system/NumberInput");
+const Checkbox_1 = require("@strapi/design-system/Checkbox");
+const DatePicker_1 = require("@strapi/design-system/DatePicker");
+const Grid_1 = require("@strapi/design-system/Grid");
+const utils_1 = require("./utils");
+const utils_2 = require("../../../../utils");
+const react_intl_1 = require("react-intl");
+const DEFAULTS = {
+    commentsNumber: 30,
+    populate: [],
+    renderType: "FLAT",
+};
+const CustomFieldInput = ({ attribute, description, disabled, error, intlLabel, labelAction, name, onChange, required, value, }) => {
+    const { formatMessage } = (0, react_intl_1.useIntl)();
+    const [currentState, setCurrentState] = (0, react_1.useState)(value ? (0, utils_1.fromInput)(value) : DEFAULTS);
+    const onCommentsNumberChange = (0, react_1.useCallback)((0, utils_1.handleStateSliceChange)("commentsNumber", setCurrentState), [setCurrentState]);
+    const onRenderTypeChange = (0, react_1.useCallback)((0, utils_1.handleStateSliceChange)("renderType", setCurrentState), [setCurrentState]);
+    const onSortByDateChange = (0, react_1.useCallback)((0, utils_1.handleStateSliceChange)("sortByDate", setCurrentState), [setCurrentState]);
+    const onFilterByChange = (0, react_1.useCallback)((filterBy) => {
+        setCurrentState((current) => ({
+            ...current,
+            filterBy,
+            filterByValue: undefined,
+        }));
+    }, [setCurrentState]);
+    const onFilterByValueChange = (0, react_1.useCallback)((0, utils_1.handleStateSliceChange)("filterByValue", setCurrentState), [setCurrentState]);
+    const onPopulateAuthorChange = (0, react_1.useCallback)((0, utils_1.handlePopulateChange)("author", setCurrentState), [setCurrentState]);
+    const onPopulateAvatarChange = (0, react_1.useCallback)((0, utils_1.handlePopulateChange)("avatar", setCurrentState), [setCurrentState]);
+    (0, react_1.useEffect)(() => {
+        const nextValue = (0, utils_1.toOutput)(currentState);
+        const initialValue = value ? (0, utils_1.toOutput)((0, utils_1.fromInput)(value)) : "";
+        if (initialValue !== nextValue && onChange) {
+            onChange({
+                target: {
+                    name,
+                    value: nextValue,
+                    type: attribute.type,
+                },
+            });
+        }
+    }, [currentState, value]);
+    return (react_1.default.createElement(Field_1.Field, { name: name, id: name, error: error, hint: description && (0, utils_2.getMessage)(description) },
+        react_1.default.createElement(Stack_1.Stack, { spacing: 1 },
+            react_1.default.createElement(Flex_1.Flex, null,
+                react_1.default.createElement(Field_1.FieldLabel, { required: required }, formatMessage(intlLabel)),
+                labelAction && react_1.default.createElement(Box_1.Box, { paddingLeft: 1 }, labelAction)),
+            react_1.default.createElement(Grid_1.Grid, { gap: 4 },
+                react_1.default.createElement(Grid_1.GridItem, { col: 6 },
+                    react_1.default.createElement(Box_1.Box, { paddingTop: 2 },
+                        react_1.default.createElement(NumberInput_1.NumberInput, { disabled: disabled, label: (0, utils_2.getMessage)("customField.comments.input.commentsNumber.label", "Number of comments"), name: `${name}.commentsNumber`, value: currentState.commentsNumber, onValueChange: onCommentsNumberChange })),
+                    react_1.default.createElement(Box_1.Box, { paddingTop: 2 },
+                        react_1.default.createElement(Select_1.Select, { disabled: disabled, name: `${name}.renderType`, label: (0, utils_2.getMessage)("customField.comments.input.renderType.label", "Render comments as"), value: currentState.renderType, onChange: onRenderTypeChange }, (0, utils_1.getRenderTypeOptions)(utils_2.getMessage).map(({ value, label }) => (react_1.default.createElement(Select_1.Option, { key: value, value: value }, label))))),
+                    react_1.default.createElement(Box_1.Box, { paddingTop: 2 },
+                        react_1.default.createElement(Select_1.Select, { disabled: disabled, name: `${name}.sortByDate`, label: (0, utils_2.getMessage)("customField.comments.input.sortByDate.label", "Sort by creation date"), value: currentState.sortByDate, onChange: onSortByDateChange }, (0, utils_1.getSortByDateOptions)(utils_2.getMessage).map(({ value, label }) => (react_1.default.createElement(Select_1.Option, { key: value, value: value }, label)))))),
+                react_1.default.createElement(Grid_1.GridItem, { col: 6 },
+                    react_1.default.createElement(Box_1.Box, { paddingTop: 2 },
+                        react_1.default.createElement(Select_1.Select, { disabled: disabled, name: `${name}.filterBy`, label: (0, utils_2.getMessage)("customField.comments.input.filterBy.label", "Filter by"), value: currentState.filterBy, onChange: onFilterByChange }, (0, utils_1.getFilterByOptions)(utils_2.getMessage).map(({ value, label }) => (react_1.default.createElement(Select_1.Option, { key: value, value: value }, label)))),
+                        react_1.default.createElement(Box_1.Box, { paddingTop: currentState.filterBy ? 2 : 0 },
+                            currentState.filterBy === "APPROVAL_STATUS" ? (react_1.default.createElement(Select_1.Select, { label: (0, utils_2.getMessage)("customField.comments.input.filterBy.option.approvalStatus.label.details.label", "Specify date"), disabled: disabled, name: `${name}.filterBy.approvalStatus`, value: currentState.filterByValue, onChange: onFilterByValueChange }, (0, utils_1.getApprovalStatusOptions)(utils_2.getMessage).map(({ value, label }) => (react_1.default.createElement(Select_1.Option, { key: value, value: value }, label))))) : null,
+                            currentState.filterBy === "DATE_CREATED" ? (react_1.default.createElement(DatePicker_1.DatePicker, { label: (0, utils_2.getMessage)("customField.comments.input.filterBy.option.dateCreated.label.details.label", "Specify date"), disabled: disabled, name: `${name}.filterBy.dateCreated`, onChange: onFilterByValueChange, selectedDate: currentState.filterByValue, selectedDateLabel: utils_1.asString })) : null)),
+                    react_1.default.createElement(Box_1.Box, { paddingTop: 2 },
+                        react_1.default.createElement(Field_1.FieldLabel, null, (0, utils_2.getMessage)("customField.comments.input.populate.label", "Populate")),
+                        react_1.default.createElement(Box_1.Box, { paddingTop: 1 },
+                            react_1.default.createElement(Checkbox_1.Checkbox, { disabled: disabled, children: (0, utils_2.getMessage)("customField.comments.input.populate.author.label", "Populate author field"), value: currentState.populate?.includes("author"), name: `${name}.populate.author`, onChange: onPopulateAuthorChange }),
+                            react_1.default.createElement(Checkbox_1.Checkbox, { disabled: disabled, children: (0, utils_2.getMessage)("customField.comments.input.populate.avatar.label", "Populate avatar field"), value: currentState.populate?.includes("avatar"), name: `${name}.populate.avatar`, onChange: onPopulateAvatarChange }))))),
+            react_1.default.createElement(Field_1.FieldHint, null),
+            react_1.default.createElement(Field_1.FieldError, null))));
+};
+exports.CustomFieldInput = CustomFieldInput;
+//# sourceMappingURL=input.js.map

package/admin/src/custom-fields/comments/components/input/types.d.ts

@@ -0,0 +1,10 @@
+export declare type PopulateField = "avatar" | "author";
+export declare type CommentsFieldValue = {
+    commentsNumber: number;
+    renderType?: "FLAT" | "TREE";
+    sortByDate?: "ASC" | "DESC";
+    filterBy?: "DATE_CREATED" | "APPROVAL_STATUS";
+    filterByValue?: string | Date;
+    populate?: Array<PopulateField>;
+};
+//# sourceMappingURL=types.d.ts.map

package/admin/src/custom-fields/comments/components/input/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/admin/src/custom-fields/comments/components/input/utils.d.ts

@@ -0,0 +1,35 @@
+import { SetStateAction, Dispatch } from "react";
+import { getMessage } from "../../../../utils";
+import { CommentsFieldValue, PopulateField } from "./types";
+export declare const asString: () => string;
+export declare const fromInput: (value: unknown) => CommentsFieldValue;
+export declare const toOutput: (state: CommentsFieldValue) => string;
+export declare function assertCorrectState(state: any): asserts state is CommentsFieldValue;
+export declare const handleStateSliceChange: (key: keyof CommentsFieldValue, setState: Dispatch<SetStateAction<CommentsFieldValue>>) => (value: string | number | Date | PopulateField[] | undefined) => void;
+export declare const handlePopulateChange: (key: PopulateField, setState: Dispatch<SetStateAction<CommentsFieldValue>>) => () => void;
+export declare const getRenderTypeOptions: (translate: typeof getMessage) => {
+    value: string;
+    label: string;
+}[];
+export declare const getSortByDateOptions: (translate: typeof getMessage) => ({
+    value: undefined;
+    label: string;
+} | {
+    value: string;
+    label: string;
+})[];
+export declare const getFilterByOptions: (translate: typeof getMessage) => ({
+    value: undefined;
+    label: string;
+} | {
+    value: string;
+    label: string;
+})[];
+export declare const getApprovalStatusOptions: (translate: typeof getMessage) => ({
+    value: undefined;
+    label: string;
+} | {
+    value: string;
+    label: string;
+})[];
+//# sourceMappingURL=utils.d.ts.map

package/admin/src/custom-fields/comments/components/input/utils.js

@@ -0,0 +1,146 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getApprovalStatusOptions = exports.getFilterByOptions = exports.getSortByDateOptions = exports.getRenderTypeOptions = exports.handlePopulateChange = exports.handleStateSliceChange = exports.assertCorrectState = exports.toOutput = exports.fromInput = exports.asString = void 0;
+const lodash_1 = require("lodash");
+const utils_1 = require("../../../../utils");
+const asString = () => "";
+exports.asString = asString;
+const fromInput = (value) => {
+    (0, utils_1.assertString)(value);
+    const state = JSON.parse(value);
+    assertCorrectState(state);
+    if (state.filterBy === "DATE_CREATED" && state.filterByValue) {
+        state.filterByValue = new Date(state.filterByValue);
+    }
+    return state;
+};
+exports.fromInput = fromInput;
+const toOutput = (state) => JSON.stringify(state);
+exports.toOutput = toOutput;
+function assertCorrectState(state) {
+    if (typeof state.commentsNumber !== "number") {
+        throw new utils_1.ValidationError("Comments number is not a number");
+    }
+    if (state.populate && !Array.isArray(state.populate)) {
+        throw new utils_1.ValidationError("Comments populate is not an array");
+    }
+    stringFields.forEach((field) => {
+        if (state[field] && typeof state[field] !== "string") {
+            (0, utils_1.assertString)(state[field]);
+        }
+    });
+}
+exports.assertCorrectState = assertCorrectState;
+const handleStateSliceChange = (key, setState) => (value) => {
+    return setState((current) => ({
+        ...current,
+        [key]: value,
+    }));
+};
+exports.handleStateSliceChange = handleStateSliceChange;
+const handlePopulateChange = (key, setState) => () => {
+    return setState((current) => {
+        const populate = current.populate || [];
+        return {
+            ...current,
+            populate: populate.includes(key)
+                ? populate.filter((field) => field !== key)
+                : (0, lodash_1.uniq)(populate.concat(key)),
+        };
+    });
+};
+exports.handlePopulateChange = handlePopulateChange;
+const getRenderTypeOptions = (translate) => [
+    {
+        value: "TREE",
+        label: translate({
+            id: "customField.comments.input.renderType.option.tree.label",
+            defaultMessage: "Tree",
+        }),
+    },
+    {
+        value: "FLAT",
+        label: translate({
+            id: "customField.comments.input.renderType.option.flat.label",
+            defaultMessage: "Flat list",
+        }),
+    },
+];
+exports.getRenderTypeOptions = getRenderTypeOptions;
+const getSortByDateOptions = (translate) => [
+    {
+        value: undefined,
+        label: "",
+    },
+    {
+        value: "ASC",
+        label: translate({
+            id: "customField.comments.input.sortByDate.option.asc.label",
+            defaultMessage: "Ascending",
+        }),
+    },
+    {
+        value: "DESC",
+        label: translate({
+            id: "customField.comments.input.sortByDate.option.desc.label",
+            defaultMessage: "Descending",
+        }),
+    },
+];
+exports.getSortByDateOptions = getSortByDateOptions;
+const getFilterByOptions = (translate) => [
+    {
+        value: undefined,
+        label: "",
+    },
+    {
+        value: "DATE_CREATED",
+        label: translate({
+            id: "customField.comments.input.filterBy.option.dateCreated.label",
+            defaultMessage: "Creation date",
+        }),
+    },
+    {
+        value: "APPROVAL_STATUS",
+        label: translate({
+            id: "customField.comments.input.filterBy.option.approvalStatus.label",
+            defaultMessage: "Approval Status",
+        }),
+    },
+];
+exports.getFilterByOptions = getFilterByOptions;
+const getApprovalStatusOptions = (translate) => [
+    {
+        value: undefined,
+        label: "",
+    },
+    {
+        value: utils_1.APPROVAL_STATUS.APPROVED,
+        label: translate({
+            id: "customField.comments.input.filterBy.option.approvalStatus.option.approved.label",
+            defaultMessage: "Approved",
+        }),
+    },
+    {
+        value: utils_1.APPROVAL_STATUS.PENDING,
+        label: translate({
+            id: "customField.comments.input.filterBy.option.approvalStatus.option.pending.label",
+            defaultMessage: "Pending",
+        }),
+    },
+    {
+        value: utils_1.APPROVAL_STATUS.REJECTED,
+        label: translate({
+            id: "customField.comments.input.filterBy.option.approvalStatus.option.rejected.label",
+            defaultMessage: "Rejected",
+        }),
+    },
+];
+exports.getApprovalStatusOptions = getApprovalStatusOptions;
+const stringFields = [
+    "renderType",
+    "sortByDate",
+    "filterBy",
+    "filterByValue",
+];
+//# sourceMappingURL=utils.js.map

package/admin/src/custom-fields/comments/index.d.ts

@@ -0,0 +1,3 @@
+import { StrapiAdminCustomFieldRegisterInput } from "strapi-typed";
+export declare const commentsCustomField: StrapiAdminCustomFieldRegisterInput;
+//# sourceMappingURL=index.d.ts.map

package/admin/src/custom-fields/comments/index.js

@@ -0,0 +1,53 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.commentsCustomField = void 0;
+const pluginId_1 = require("../../pluginId");
+const components_1 = require("./components");
+exports.commentsCustomField = {
+    name: "comments",
+    pluginId: pluginId_1.pluginId,
+    type: "json",
+    icon: components_1.CustomFieldIcon,
+    intlLabel: {
+        defaultMessage: "Comments",
+        description: "",
+        id: `${pluginId_1.pluginId}.customField.comments.label`,
+    },
+    intlDescription: {
+        defaultMessage: "Specify comments query params",
+        description: "",
+        id: `${pluginId_1.pluginId}.customField.comments.description`,
+    },
+    components: {
+        Input: async () => Promise.resolve().then(() => __importStar(require("./components/input"))),
+    },
+    options: {
+        base: [],
+        advanced: [],
+        validator: () => ({}),
+    },
+};
+//# sourceMappingURL=index.js.map

package/admin/src/custom-fields/index.d.ts

@@ -0,0 +1,3 @@
+import { StrapiAdminInstance } from "strapi-typed";
+export declare const registerCustomFields: (app: StrapiAdminInstance) => void;
+//# sourceMappingURL=index.d.ts.map

package/admin/src/custom-fields/index.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.registerCustomFields = void 0;
+const comments_1 = require("./comments");
+const registerCustomFields = (app) => {
+    if (!canRegister(app)) {
+        return;
+    }
+    app.customFields.register(comments_1.commentsCustomField);
+};
+exports.registerCustomFields = registerCustomFields;
+const canRegister = (app) => !!app.customFields;
+//# sourceMappingURL=index.js.map

package/admin/src/hooks/useConfig.d.ts

@@ -1,8 +1,8 @@
 declare const useConfig: (toggleNotification: any) => {
-    fetch: any;
-    restartMutation: any;
-    submitMutation: any;
-    restoreMutation: any;
+    fetch: import("react-query").UseQueryResult<any, unknown>;
+    restartMutation: import("react-query").UseMutationResult<any, unknown, any, unknown>;
+    submitMutation: import("react-query").UseMutationResult<any, unknown, any, unknown>;
+    restoreMutation: import("react-query").UseMutationResult<any, unknown, any, unknown>;
 };
 export default useConfig;
 //# sourceMappingURL=useConfig.d.ts.map

package/admin/src/hooks/useConfig.js

@@ -1,18 +1,15 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_query_1 = require("react-query");
 const api_1 = require("../pages/Settings/utils/api");
-const pluginId_1 = __importDefault(require("../pluginId"));
+const pluginId_1 = require("../pluginId");
 const useConfig = (toggleNotification) => {
     const queryClient = (0, react_query_1.useQueryClient)();
     const fetch = (0, react_query_1.useQuery)("get-config", () => (0, api_1.fetchConfig)(toggleNotification));
     const handleError = (type, callback = () => { }) => {
         toggleNotification({
             type: "warning",
-            message: `${pluginId_1.default}.page.settings.notification.${type}.error`,
+            message: `${pluginId_1.pluginId}.page.settings.notification.${type}.error`,
         });
         callback();
     };
@@ -22,7 +19,7 @@ const useConfig = (toggleNotification) => {
         }
         toggleNotification({
             type: "success",
-            message: `${pluginId_1.default}.page.settings.notification.${type}.success`,
+            message: `${pluginId_1.pluginId}.page.settings.notification.${type}.success`,
         });
         callback();
     };

package/admin/src/hooks/useReportsActionsHandlers.d.ts

@@ -0,0 +1,19 @@
+declare const useReportsActionsHandlers: ({ allowedActions, commentId, mutation, onSelectionChange, reports, selectedReports, updateReports, }: {
+    allowedActions: any;
+    commentId: any;
+    mutation: any;
+    onSelectionChange: any;
+    reports: any;
+    selectedReports: any;
+    updateReports: any;
+}) => {
+    handleBlockItemClick: (id: number) => void;
+    handleBlockItemThreadClick: (id: number) => void;
+    handleClickResolve: (reportId: any) => Promise<void>;
+    handleResolveAllAbuseReportsForComment: (id: number) => void;
+    handleResolveAllAbuseReportsForThread: (id: number) => void;
+    handleUnblockItemClick: (id: number) => void;
+    handleUnblockThreadClick: (id: number) => void;
+};
+export default useReportsActionsHandlers;
+//# sourceMappingURL=useReportsActionsHandlers.d.ts.map

package/admin/src/hooks/useReportsActionsHandlers.js

@@ -0,0 +1,70 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_query_1 = require("react-query");
+const helper_plugin_1 = require("@strapi/helper-plugin");
+const utils_1 = require("../utils");
+const api_1 = require("../pages/utils/api");
+const useReportsActionsHandlers = ({ allowedActions, commentId, mutation, onSelectionChange, reports, selectedReports, updateReports, }) => {
+    const { canModerate, canReviewReports } = allowedActions;
+    const { lockApp, unlockApp } = (0, helper_plugin_1.useOverlayBlocker)();
+    const queryClient = (0, react_query_1.useQueryClient)();
+    const toggleNotification = (0, helper_plugin_1.useNotification)();
+    const onSuccess = async () => {
+        await queryClient.invalidateQueries("get-data");
+        unlockApp();
+    };
+    const onError = (err) => {
+        (0, utils_1.handleAPIError)(err, toggleNotification);
+    };
+    const mutationConfig = {
+        onSuccess,
+        onError,
+        refetchActive: false,
+    };
+    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);
+    const unblockItemMutation = (0, react_query_1.useMutation)(api_1.unblockItem, mutationConfig);
+    const blockItemThreadMutation = (0, react_query_1.useMutation)(api_1.blockItemThread, mutationConfig);
+    const unblockItemThreadMutation = (0, react_query_1.useMutation)(api_1.unblockItemThread, mutationConfig);
+    const handleClickResolve = async (reportId) => {
+        if (canReviewReports) {
+            lockApp();
+            const item = await mutation.mutateAsync({
+                id: commentId,
+                reportId,
+            });
+            if (item) {
+                const updatedReports = reports.map((report) => ({
+                    ...report,
+                    resolved: reportId === report.id ? true : report.resolved,
+                }));
+                updateReports(updatedReports);
+                onSelectionChange(selectedReports.filter((id) => id !== reportId));
+            }
+        }
+    };
+    const perform = (action) => (id) => {
+        if (canModerate) {
+            lockApp();
+            action(id);
+        }
+    };
+    const handleBlockItemClick = perform(blockItemMutation.mutate);
+    const handleUnblockItemClick = perform(unblockItemMutation.mutate);
+    const handleBlockItemThreadClick = perform(blockItemThreadMutation.mutate);
+    const handleUnblockThreadClick = perform(unblockItemThreadMutation.mutate);
+    const handleResolveAllAbuseReportsForComment = perform(resolveAllAbuseReportsForCommentMutation.mutate);
+    const handleResolveAllAbuseReportsForThread = perform(resolveAllAbuseReportsForThreadMutation.mutate);
+    return {
+        handleBlockItemClick,
+        handleBlockItemThreadClick,
+        handleClickResolve,
+        handleResolveAllAbuseReportsForComment,
+        handleResolveAllAbuseReportsForThread,
+        handleUnblockItemClick,
+        handleUnblockThreadClick,
+    };
+};
+exports.default = useReportsActionsHandlers;
+//# sourceMappingURL=useReportsActionsHandlers.js.map

package/admin/src/index.d.ts

@@ -1,6 +1,7 @@
+import { StrapiAdminInstance } from "strapi-typed";
 import { ToBeFixed } from "../../types";
 declare const _default: {
-    register(app: ToBeFixed): void;
+    register(app: StrapiAdminInstance): void;
     registerTrads({ locales }: ToBeFixed): Promise<any[]>;
 };
 export default _default;

package/admin/src/index.js

@@ -33,11 +33,12 @@ const Initializer_1 = __importDefault(require("./components/Initializer"));
 const PluginIcon_1 = __importDefault(require("./components/PluginIcon"));
 const permissions_1 = __importDefault(require("./permissions"));
 const reducers_1 = __importDefault(require("./reducers"));
+const custom_fields_1 = require("./custom-fields");
 const { name, displayName } = pluginPkg.strapi;
 exports.default = {
     register(app) {
         app.addMenuLink({
-            to: `/plugins/${pluginId_1.pluginId}/discover`,
+            to: `/plugins/${pluginId_1.pluginId}`,
             badgeContent: 1,
             icon: PluginIcon_1.default,
             intlLabel: {
@@ -45,7 +46,7 @@ exports.default = {
                 defaultMessage: displayName,
             },
             Component: async () => {
-                const component = await Promise.resolve().then(() => __importStar(require("./pages/App")));
+                const component = await Promise.resolve().then(() => __importStar(require('./pages/App')));
                 return component;
             },
             permissions: permissions_1.default.access,
@@ -78,6 +79,7 @@ exports.default = {
             isReady: false,
             name,
         });
+        (0, custom_fields_1.registerCustomFields)(app);
     },
     async registerTrads({ locales }) {
         const importedTrads = await Promise.all(locales.map((locale) => {

package/admin/src/pages/App/index.js

@@ -14,12 +14,13 @@ const ComingSoonPage_1 = __importDefault(require("../ComingSoonPage"));
 const getUrl_1 = __importDefault(require("../../utils/getUrl"));
 const Discover_1 = __importDefault(require("../Discover"));
 const Details_1 = __importDefault(require("../Details"));
+const Reports_1 = __importDefault(require("../Reports"));
 const api_1 = require("./utils/api");
 const actions_1 = require("./reducer/actions");
 const selectors_1 = __importDefault(require("./reducer/selectors"));
 const App = ({ setConfig }) => {
     const toggleNotification = (0, helper_plugin_1.useNotification)();
-    const { isLoading, isFetching } = (0, react_query_1.useQuery)("get-config", () => (0, api_1.fetchConfig)(toggleNotification), {
+    const { isLoading, isFetching } = (0, react_query_1.useQuery)('get-config', () => (0, api_1.fetchConfig)(toggleNotification), {
         initialData: {},
         onSuccess: (response) => {
             setConfig(response);
@@ -30,12 +31,12 @@ const App = ({ setConfig }) => {
     }
     return (react_1.default.createElement("div", null,
         react_1.default.createElement(react_router_dom_1.Switch, null,
-            react_1.default.createElement(react_router_dom_1.Route, { path: (0, getUrl_1.default)("dashboard"), component: ComingSoonPage_1.default, exact: true }),
-            react_1.default.createElement(react_router_dom_1.Route, { path: (0, getUrl_1.default)("discover"), component: Discover_1.default, exact: true }),
-            react_1.default.createElement(react_router_dom_1.Route, { path: (0, getUrl_1.default)("discover/:id"), component: Details_1.default, exact: true }),
-            react_1.default.createElement(react_router_dom_1.Route, { path: (0, getUrl_1.default)("reports"), component: ComingSoonPage_1.default, exact: true }),
-            react_1.default.createElement(react_router_dom_1.Route, { path: (0, getUrl_1.default)("settings"), component: ComingSoonPage_1.default, exact: true }),
-            react_1.default.createElement(react_router_dom_1.Route, { component: helper_plugin_1.NotFound }))));
+            react_1.default.createElement(react_router_dom_1.Route, { path: (0, getUrl_1.default)('discover/:id'), component: Details_1.default }),
+            react_1.default.createElement(react_router_dom_1.Route, { path: (0, getUrl_1.default)('dashboard'), component: ComingSoonPage_1.default }),
+            react_1.default.createElement(react_router_dom_1.Route, { path: (0, getUrl_1.default)('discover'), component: Discover_1.default }),
+            react_1.default.createElement(react_router_dom_1.Route, { path: (0, getUrl_1.default)('settings'), component: ComingSoonPage_1.default }),
+            react_1.default.createElement(react_router_dom_1.Route, { path: (0, getUrl_1.default)('reports'), component: Reports_1.default }),
+            react_1.default.createElement(react_router_dom_1.Route, { path: (0, getUrl_1.default)(), exact: true, children: react_1.default.createElement(react_router_dom_1.Redirect, { to: (0, getUrl_1.default)('discover') }) }))));
 };
 const mapStateToProps = (0, selectors_1.default)();
 function mapDispatchToProps(dispatch) {

package/admin/src/pages/App/reducer/index.d.ts

@@ -3,7 +3,7 @@ declare const initialState: {
 };
 declare const reducer: (state: {
     config: {};
-} | undefined, action: any) => any;
+} | undefined, action: any) => unknown;
 export default reducer;
 export { initialState };
 //# sourceMappingURL=index.d.ts.map

package/admin/src/pages/ComingSoonPage/index.d.ts

@@ -1,3 +1,4 @@
-declare const _default: any;
+import React from "react";
+declare const _default: React.MemoExoticComponent<() => JSX.Element>;
 export default _default;
 //# sourceMappingURL=index.d.ts.map

package/admin/src/pages/ComingSoonPage/index.js

@@ -30,14 +30,14 @@ const react_1 = __importStar(require("react"));
 const Box_1 = require("@strapi/design-system/Box");
 const EmptyStateLayout_1 = require("@strapi/design-system/EmptyStateLayout");
 const Layout_1 = require("@strapi/design-system/Layout");
-const icons_1 = require("@strapi/icons");
+const icons_1 = require("../../components/icons");
 const getMessage_1 = __importDefault(require("../../utils/getMessage"));
 const Nav_1 = __importDefault(require("../../components/Nav"));
 const ComingSoonPage = () => {
     return (react_1.default.createElement(Box_1.Box, { background: "neutral100" },
         react_1.default.createElement(Layout_1.Layout, { sideNav: react_1.default.createElement(Nav_1.default, null) },
             react_1.default.createElement(Box_1.Box, { padding: 8, background: "neutral100" },
-                react_1.default.createElement(EmptyStateLayout_1.EmptyStateLayout, { icon: react_1.default.createElement(icons_1.Illo, null), content: (0, getMessage_1.default)("page.coming.soon") })))));
+                react_1.default.createElement(EmptyStateLayout_1.EmptyStateLayout, { icon: icons_1.illo, content: (0, getMessage_1.default)("page.coming.soon") })))));
 };
 exports.default = (0, react_1.memo)(ComingSoonPage);
 //# sourceMappingURL=index.js.map