strapi-plugin-comments 2.2.15 → 2.2.16

package/README.md

@@ -127,14 +127,14 @@ Complete installation requirements are exact same as for Strapi itself and can b
 
 **Minimum environment requirements**
 
-- Node.js `>=14.19.1 <=18.x.x`
+- Node.js `>=16.0.0 <=20.x.x`
 - NPM `>=7.x.x`
 
 In our minimum support we're following [official Node.js releases timelines](https://nodejs.org/en/about/releases/).
 
 **Supported Strapi versions**:
 
-- Strapi v4.13.x (recently tested)
+- Strapi v4.20.x (recently tested)
 - Strapi v4.x
 
 > This plugin is designed for **Strapi v4** and is not working with v3.x. To get version for **Strapi v3** install version [v1.x](https://github.com/VirtusLab-Open-Source/strapi-plugin-comments/tree/strapi-v3).
@@ -192,7 +192,7 @@ module.exports = ({ env }) => ({
 ### Properties
 
 - `enabledCollections` - list of Collection and Single Types for which plugin should be enabled in format like `'api::<collection name>.<content type name>'`. By default it's empty and none comments are not enabled for any of type in Strapi.
-- `badWords` - Enabled support for [bad words filtering](https://www.npmjs.com/package/bad-words). Can be turned off or overwritten using [options reference](https://www.npmjs.com/package/bad-words#constructor). Default value: `true`.
+- `no-profanity` - Enabled support for [profanity filtering](https://www.npmjs.com/package/no-profanity). Can be turned off or altered using the [options reference](https://www.npmjs.com/package/no-profanity?activeTab=readme#options). Default value: `true`.
 - `moderatorRoles` - Optional list of names of roles. Users with those roles will be notified by email when a new abuse report is created. This feature requires a built-in [Strapi email plugin](https://docs.strapi.io/developer-docs/latest/plugins/email.html) configured.
 - `approvalFlow` - list of Content Types which are supporting approval flow. Values must be in format like `'api::<collection name>.<content type name>'`. For not included, posted comments are going to be immediately visible.
 - `entryLabel` - ordered list of property names per Content Type to generate related entity label. Keys must be in format like `'api::<collection name>.<content type name>'`. Default formatting set as `*`.

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const CommentReviewModal: ({ children, endActions, isVisible, item, onClose, startActions, }: {
     children: any;
     endActions: any;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from "prop-types";
 declare const ConfirmationDialog: {
     ({ isVisible, isActionAsync, children, onConfirm, onCancel, header, labelCancel, labelConfirm, iconConfirm, }: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const DiscussionStatus: {
     ({ blocked, blockedThread }: {
         blocked: any;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from "prop-types";
 declare const DiscussionThread: {
     ({ level, selected, allowedActions, isReloading, }: {

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

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

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from "prop-types";
 declare const DiscussionThreadItemActions: {
     ({ allowedActions: { canModerate, canAccessReports, canReviewReports }, ...item }: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from "prop-types";
 declare const DiscussionThreadItemApprovalFlowActions: {
     ({ id, allowedActions: { canModerate }, queryToInvalidate }: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from "prop-types";
 declare const DiscussionThreadItemFooter: {
     ({ author, isAdminComment, children, createdAt, updatedAt, }: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from "prop-types";
 declare const DiscussionThreadItemReviewAction: {
     ({ allowedActions: { canModerate, canAccessReports, canReviewReports }, isAnyActionLoading, item, queryToInvalidate }: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const FormSwitch: ({ label, hint, ...props }: {
     [x: string]: any;
     label: any;

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

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

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

@@ -22,9 +22,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const react_query_1 = require("react-query");
@@ -37,7 +34,7 @@ const Flex_1 = require("@strapi/design-system/Flex");
 const Button_1 = require("@strapi/design-system/Button");
 const Divider_1 = require("@strapi/design-system/Divider");
 const utils_1 = require("../../utils");
-const Wysiwyg_1 = __importDefault(require("../Wysiwyg"));
+const Field_1 = require("../Wysiwyg/Field");
 const helper_plugin_1 = require("@strapi/helper-plugin");
 const pluginId_1 = require("../../pluginId");
 const ModeratorResponse = ({ rootThread, }) => {
@@ -62,7 +59,7 @@ const ModeratorResponse = ({ rootThread, }) => {
         });
         stateAction(false);
         setCommentField('');
-        unlockApp();
+        unlockApp && unlockApp();
     };
     const onError = (err) => {
         (0, utils_1.handleAPIError)(err, toggleNotification);
@@ -73,7 +70,7 @@ const ModeratorResponse = ({ rootThread, }) => {
         onError,
     });
     const handleSave = async () => {
-        lockApp();
+        lockApp && lockApp();
         await postCommentMutation.mutate({
             threadId,
             body: commentField,
@@ -81,7 +78,7 @@ const ModeratorResponse = ({ rootThread, }) => {
         });
     };
     const handleReopen = async () => {
-        lockApp();
+        lockApp && lockApp();
         await unblockItemThreadMutation.mutate(threadId);
         await postCommentMutation.mutate({
             threadId,
@@ -100,7 +97,7 @@ const ModeratorResponse = ({ rootThread, }) => {
             react_1.default.createElement(Box_1.Box, null,
                 react_1.default.createElement(Typography_1.Typography, { variant: "delta", textColor: "neutral800", id: "moderator-reply" }, (0, utils_1.getMessage)("page.details.panel.discussion.reply", "Reply"))),
             react_1.default.createElement(Box_1.Box, { paddingTop: 2, paddingBottom: 4 },
-                react_1.default.createElement(Wysiwyg_1.default, { name: "", value: commentField, onChange: handleCommentChange, intlLabel: intlLabel })),
+                react_1.default.createElement(Field_1.Wysiwyg, { name: "", type: "wysiwyg", value: commentField, onChange: handleCommentChange, intlLabel: intlLabel })),
             react_1.default.createElement(Flex_1.Flex, { direction: "row", justifyContent: "flex-end", gap: 2 },
                 blockedThread && (react_1.default.createElement(Button_1.Button, { variant: "secondary", onClick: handleReopen, disabled: isFieldEmpty }, (0, utils_1.getMessage)("page.details.panel.discussion.reopen", "Re-open"))),
                 react_1.default.createElement(Button_1.Button, { variant: "primary", onClick: handleSave, disabled: isFieldEmpty }, (0, utils_1.getMessage)("page.details.panel.discussion.send", "Send"))))));

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

@@ -22,9 +22,6 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importStar(require("react"));
 const react_query_1 = require("react-query");
@@ -33,7 +30,7 @@ const ModalLayout_1 = require("@strapi/design-system/ModalLayout");
 const Typography_1 = require("@strapi/design-system/Typography");
 const Button_1 = require("@strapi/design-system/Button");
 const utils_1 = require("../../utils");
-const Wysiwyg_1 = __importDefault(require("../Wysiwyg"));
+const Field_1 = require("../Wysiwyg/Field");
 const helper_plugin_1 = require("@strapi/helper-plugin");
 const pluginId_1 = require("../../pluginId");
 const ModeratorResponseModal = ({ content, id, title, onClose, }) => {
@@ -54,7 +51,7 @@ const ModeratorResponseModal = ({ content, id, title, onClose, }) => {
             message: `${pluginId_1.pluginId}.${message}`,
         });
         stateAction(false);
-        unlockApp();
+        unlockApp && unlockApp();
     };
     const onError = (err) => {
         (0, utils_1.handleAPIError)(err, toggleNotification);
@@ -68,7 +65,7 @@ const ModeratorResponseModal = ({ content, id, title, onClose, }) => {
         onError,
     });
     const handlePostComment = async () => {
-        lockApp();
+        lockApp && lockApp();
         await postCommentMutation.mutate({
             threadId: id,
             body: commentField,
@@ -76,7 +73,7 @@ const ModeratorResponseModal = ({ content, id, title, onClose, }) => {
         });
     };
     const handleUpdateComment = async () => {
-        lockApp();
+        lockApp && lockApp();
         await updateCommentMutation.mutate({
             id,
             body: commentField,
@@ -91,7 +88,7 @@ const ModeratorResponseModal = ({ content, id, title, onClose, }) => {
         react_1.default.createElement(ModalLayout_1.ModalHeader, null,
             react_1.default.createElement(Typography_1.Typography, { fontWeight: "bold", textColor: "neutral800", as: "h2", id: "title" }, title)),
         react_1.default.createElement(ModalLayout_1.ModalBody, null,
-            react_1.default.createElement(Wysiwyg_1.default, { name: "", value: commentField, onChange: handleCommentChange, intlLabel: intlLabel })),
+            react_1.default.createElement(Field_1.Wysiwyg, { name: "", value: commentField, onChange: handleCommentChange, intlLabel: intlLabel })),
         react_1.default.createElement(ModalLayout_1.ModalFooter, { startActions: react_1.default.createElement(Button_1.Button, { onClick: handleClose, variant: "tertiary" }, (0, utils_1.getMessage)("compontents.confirmation.dialog.button.cancel")), endActions: content.length ? (react_1.default.createElement(Button_1.Button, { onClick: handleUpdateComment }, (0, utils_1.getMessage)("page.details.actions.thread.modal.update.comment"))) : (react_1.default.createElement(Button_1.Button, { onClick: handlePostComment }, (0, utils_1.getMessage)("page.details.actions.thread.modal.start.thread"))) })));
 };
 exports.default = ModeratorResponseModal;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const Nav: ({ visible, hasNewComments, hasNewReports }: {
     visible?: boolean | undefined;
     hasNewComments: any;

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

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

package/admin/src/components/PreviewWysiwyg/utils/satinizeHtml.d.ts

@@ -1,3 +1,20 @@
-declare const clean: (dirty: any, options?: any) => any;
+import sanitizeHtml from 'sanitize-html';
+declare const clean: (dirty: any, options?: {
+    allowedTags: boolean;
+    allowedAttributes: {
+        '*': string[];
+        img: string[];
+        source: string[];
+    };
+    allowedSchemes: string[];
+    allowedSchemesByTag: {
+        [index: string]: string[];
+    };
+    allowedSchemesAppliedToAttributes: string[];
+    allowProtocolRelative: boolean;
+    disallowedTagsMode: sanitizeHtml.DisallowedTagsModes;
+    enforceHtmlBoundary: boolean;
+    selfClosing: string[];
+}) => string;
 export default clean;
 //# sourceMappingURL=satinizeHtml.d.ts.map

package/admin/src/components/ReportsActions/components/BlockMenu/index.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const BlockMenu: ({ handlers: { handleBlockItemClick, handleBlockItemThreadClick, handleClickResolve, handleResolveAllAbuseReportsForComment, handleResolveAllAbuseReportsForThread, handleUnblockItemClick, handleUnblockThreadClick, }, item, type, }: {
     handlers: {
         handleBlockItemClick: any;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const ReportsActions: ({ allowedActions, item, mutation, onSelectionChange, reports, selectedReports, updateReports, }: {
     allowedActions: any;
     item: any;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from "prop-types";
 declare const ReportsReviewModal: {
     ({ isVisible, item, children, onClose, startActions, endActions, }: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const ReportsReviewTable: ({ commentId, items, selectedItems, mutation, updateItems, allowedActions: { canAccessReports, canReviewReports }, onBlockButtonsStateChange, onSelectionChange, }: {
     commentId: any;
     items: any;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 declare const StatusBadge: ({ children, textColor, ...rest }: {
     [x: string]: any;
     children: any;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from "prop-types";
 declare const TableFilters: {
     ({ displayedFilters }: {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import PropTypes from "prop-types";
 declare const TablePagination: {
     ({ pagination }: {

package/admin/src/components/Wysiwyg/Editor.d.ts

@@ -1,17 +1,29 @@
-import React from 'react';
+import * as React from 'react';
+import { EditorFromTextArea } from 'codemirror5';
 import 'codemirror5/addon/display/placeholder';
-type EditorProps = {
+interface EditorApi {
+    focus: () => void;
+    scrollIntoView: (args?: Parameters<HTMLElement['scrollIntoView']>[0]) => void;
+}
+interface EditorProps {
     disabled?: boolean;
-    editorRef: any;
+    editorRef: React.MutableRefObject<EditorFromTextArea>;
     error?: string;
-    isPreviewMode: boolean;
-    isExpandMode: boolean;
+    isPreviewMode?: boolean;
+    isExpandMode?: boolean;
     name: string;
-    onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
-    placeholder: string;
-    textareaRef: any;
-    value: string;
-};
-declare const Editor: React.FC<EditorProps>;
-export default Editor;
+    onChange: (event: {
+        target: {
+            name: string;
+            value: string;
+            type: string;
+        };
+    }) => void;
+    placeholder?: string;
+    textareaRef: React.RefObject<HTMLTextAreaElement>;
+    value?: string;
+}
+declare const Editor: React.ForwardRefExoticComponent<EditorProps & React.RefAttributes<EditorApi>>;
+export { Editor };
+export type { EditorProps, EditorApi };
 //# sourceMappingURL=Editor.d.ts.map