strapi-plugin-comments 2.3.2 → 3.0.0-beta.1

package/dist/style.css

@@ -0,0 +1,84 @@
+/*
+
+Orginal Style from ethanschoonover.com/solarized (c) Jeremy Hull <sourdrums@gmail.com>
+
+*/
+
+.hljs {
+  display: block;
+  overflow-x: auto;
+  padding: 0.5em;
+  background: #002b36;
+  color: #839496;
+}
+
+.hljs-comment,
+.hljs-quote {
+  color: #586e75;
+}
+
+/* Solarized Green */
+.hljs-keyword,
+.hljs-selector-tag,
+.hljs-addition {
+  color: #859900;
+}
+
+/* Solarized Cyan */
+.hljs-number,
+.hljs-string,
+.hljs-meta .hljs-meta-string,
+.hljs-literal,
+.hljs-doctag,
+.hljs-regexp {
+  color: #2aa198;
+}
+
+/* Solarized Blue */
+.hljs-title,
+.hljs-section,
+.hljs-name,
+.hljs-selector-id,
+.hljs-selector-class {
+  color: #268bd2;
+}
+
+/* Solarized Yellow */
+.hljs-attribute,
+.hljs-attr,
+.hljs-variable,
+.hljs-template-variable,
+.hljs-class .hljs-title,
+.hljs-type {
+  color: #b58900;
+}
+
+/* Solarized Orange */
+.hljs-symbol,
+.hljs-bullet,
+.hljs-subst,
+.hljs-meta,
+.hljs-meta .hljs-keyword,
+.hljs-selector-attr,
+.hljs-selector-pseudo,
+.hljs-link {
+  color: #cb4b16;
+}
+
+/* Solarized Red */
+.hljs-built_in,
+.hljs-deletion {
+  color: #dc322f;
+}
+
+.hljs-formula {
+  background: #073642;
+}
+
+.hljs-emphasis {
+  font-style: italic;
+}
+
+.hljs-strong {
+  font-weight: bold;
+}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "strapi-plugin-comments",
-  "version": "2.3.2",
+  "version": "3.0.0-beta.1",
   "description": "Strapi - Comments plugin",
   "strapi": {
     "name": "comments",
@@ -8,29 +8,93 @@
     "description": "Powerful Strapi based comments moderation tool for you and your users",
     "kind": "plugin"
   },
-  "scripts": {},
+  "exports": {
+    "./package.json": "./package.json",
+    "./strapi-admin": {
+      "types": "./dist/admin/src/index.d.ts",
+      "source": "./admin/src/index.ts",
+      "import": "./dist/admin/index.mjs",
+      "require": "./dist/admin/index.js",
+      "default": "./dist/admin/index.js"
+    },
+    "./strapi-server": {
+      "types": "./dist/server/src/index.d.ts",
+      "source": "./server/src/index.ts",
+      "import": "./dist/server/index.mjs",
+      "require": "./dist/server/index.js",
+      "default": "./dist/server/index.js"
+    }
+  },
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "prepare": "husky install",
+    "publish:latest": "npm publish --tag latest",
+    "publish:beta": "npm publish --tag beta",
+    "build": "yarn clean && strapi-plugin build",
+    "clean": "rm -rf build",
+    "develop": "nodemon --exec \"yarn build:dev\"",
+    "test:unit": "jest --verbose --coverage",
+    "test:unit:watch": "jest --verbose --watch",
+    "test:unit:ci": "CI=true jest --ci --runInBand --verbose --coverage",
+    "lint": "prettier --check .",
+    "format": "prettier --write .",
+    "build:admin:watch": "tsc -p ./admin/tsconfig.json --watch",
+    "build:server:watch": "tsc -p ./server/tsconfig.json --watch",
+    "verify": "strapi-plugin verify",
+    "watch": "strapi-plugin watch",
+    "watch:link": "strapi-plugin watch:link"
+  },
   "repository": {
     "type": "git",
     "url": "https://github.com/VirtusLab-Open-Source/strapi-plugin-comments"
   },
   "dependencies": {
-    "@strapi/design-system": "1.18.0",
-    "@strapi/plugin-graphql": "^4.25.11",
-    "@strapi/utils": "^4.25.11",
-    "@strapi/types": "4.25.11",
-    "no-profanity": "^1.4.2",
-    "styled-components": "^5.3.8",
-    "match-sorter": "^4.0.2",
-    "react-query": "3.39.3",
-    "codemirror5": "npm:codemirror@^5.65.11"
+    "@tanstack/react-query": "^5.40.0",
+    "@types/sanitize-html": "^2.13.0",
+    "codemirror5": "npm:codemirror@^5.65.11",
+    "match-sorter": "^6.3.4",
+    "no-profanity": "^1.5.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^6.26.2",
+    "sanitize-html": "^2.13.1",
+    "styled-components": "^6.1.13",
+    "zod": "^3.23.8",
+    "zustand": "^5.0.0-rc.2"
+  },
+  "devDependencies": {
+    "@jest/types": "29.5.x",
+    "@sensinum/strapi-utils": "^1.0.2",
+    "@strapi/plugin-cloud": "^5.4.1",
+    "@strapi/plugin-graphql": "5.4.1",
+    "@strapi/plugin-users-permissions": "^5.4.1",
+    "@strapi/sdk-plugin": "^5.2.6",
+    "@strapi/strapi": "^5.4.1",
+    "@strapi/types": "^5.4.1",
+    "@types/jest": "^29.5.12",
+    "@types/koa": "^2.15.0",
+    "@types/react": "^18.3.8",
+    "@types/react-dom": "^18.3.0",
+    "husky": "7.0.4",
+    "jest": "^29.7.0",
+    "jest-cli": "^29.7.0",
+    "jest-junit": "^16.0.0",
+    "jest-styled-components": "^7.1.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "ts-jest": "^29.1.4",
+    "ts-node": "^10.9.1",
+    "typescript": "^5.6.2"
   },
-  "devDependencies": {},
   "peerDependencies": {
-    "@strapi/strapi": "^4.0.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
-    "react-router-dom": "5.3.4",
-    "styled-components": "5.3.3"
+    "@strapi/sdk-plugin": "^5.2.7",
+    "@strapi/strapi": "^5.4.1",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "react-router-dom": "^6.26.2",
+    "styled-components": "^6.1.13"
   },
   "nodemonConfig": {
     "ignore": [
@@ -72,4 +136,4 @@
     "comments"
   ],
   "license": "MIT"
-}
+}

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

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

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

@@ -1,15 +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.ActionButton = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const Button_1 = require("@strapi/design-system/Button");
-exports.ActionButton = (0, styled_components_1.default)(Button_1.Button) `
-  padding: 7px 16px;
-  margin-left: ${({ isSingle }) => (isSingle ? "0" : ".5rem")};
-
-  white-space: nowrap;
-`;
-//# sourceMappingURL=styles.js.map

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

@@ -1,4 +0,0 @@
-import React from "react";
-declare const AdminAvatar: React.FC<React.PropsWithChildren<{}>>;
-export default AdminAvatar;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,17 +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 styles_1 = require("./styles");
-const icons_1 = require("@strapi/icons");
-const Icon_1 = require("@strapi/design-system/Icon");
-const AdminAvatar = ({ children }) => {
-    return (react_1.default.createElement(styles_1.AdminAvatarWrapper, null,
-        children,
-        react_1.default.createElement(styles_1.AdminShield, null,
-            react_1.default.createElement(Icon_1.Icon, { as: icons_1.Shield, color: "neutral800" }))));
-};
-exports.default = AdminAvatar;
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1,25 +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.AdminShield = exports.AdminAvatarWrapper = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const Box_1 = require("@strapi/design-system/Box");
-exports.AdminAvatarWrapper = (0, styled_components_1.default)(Box_1.Box) `
-    position: relative;
-`;
-exports.AdminShield = (0, styled_components_1.default)(Box_1.Box) `
-    display: flex;
-    align-items: middle;
-
-    position: absolute;
-    right: -35%;
-    top: -35%;
-
-    border-radius: 50%;
-    border: 2px #ffffff solid;
-
-    background: #ffffff;
-`;
-//# sourceMappingURL=styles.js.map

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

@@ -1,10 +0,0 @@
-import React from "react";
-import { ToBeFixed } from "../../../../types";
-interface IProps {
-    avatar: string | ToBeFixed;
-    name: string;
-    isAdminComment?: boolean;
-}
-declare const UserAvatar: React.FC<IProps>;
-export default UserAvatar;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,22 +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 lodash_1 = require("lodash");
-const Avatar_1 = require("@strapi/design-system/Avatar");
-const utils_1 = require("../../utils");
-const AdminAvatar_1 = __importDefault(require("../AdminAvatar"));
-const UserAvatar = ({ avatar, name, isAdminComment = false, }) => {
-    if (avatar) {
-        let image = avatar;
-        if ((0, lodash_1.isObject)(avatar)) {
-            image = avatar?.formats?.thumbnail.url || avatar.url;
-        }
-        return isAdminComment ? (react_1.default.createElement(AdminAvatar_1.default, null, image ? react_1.default.createElement(Avatar_1.Avatar, { src: image, alt: name }) : null)) : image ? (react_1.default.createElement(Avatar_1.Avatar, { src: image, alt: name })) : null;
-    }
-    return isAdminComment ? (react_1.default.createElement(AdminAvatar_1.default, null, name ? react_1.default.createElement(Avatar_1.Initials, null, (0, utils_1.renderInitials)(name)) : null)) : name ? (react_1.default.createElement(Avatar_1.Initials, null, (0, utils_1.renderInitials)(name))) : null;
-};
-exports.default = UserAvatar;
-//# sourceMappingURL=index.js.map

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

@@ -1,10 +0,0 @@
-declare const CommentReviewModal: ({ children, endActions, isVisible, item, onClose, startActions, }: {
-    children: any;
-    endActions: any;
-    isVisible?: boolean | undefined;
-    item: any;
-    onClose: any;
-    startActions: any;
-}) => false | JSX.Element;
-export default CommentReviewModal;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,19 +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 ModalLayout_1 = require("@strapi/design-system/ModalLayout");
-const Typography_1 = require("@strapi/design-system/Typography");
-const utils_1 = require("../../utils");
-const DiscussionThreadItem_1 = __importDefault(require("../DiscussionThreadItem"));
-const CommentReviewModal = ({ children, endActions, isVisible = false, item, onClose, startActions, }) => isVisible && (react_1.default.createElement(ModalLayout_1.ModalLayout, { onClose: onClose },
-    react_1.default.createElement(ModalLayout_1.ModalHeader, null,
-        react_1.default.createElement(Typography_1.Typography, { fontWeight: "bold", textColor: "neutral800", as: "h2", id: "title" }, (0, utils_1.getMessage)("page.details.panel.discussion.warnings.comments.header", "Open reports"))),
-    react_1.default.createElement(ModalLayout_1.ModalBody, null,
-        react_1.default.createElement(DiscussionThreadItem_1.default, { ...item.related, as: "div", isSelected: true, preview: true, root: true }),
-        children),
-    react_1.default.createElement(ModalLayout_1.ModalFooter, { variant: "tertiary", startActions: startActions, endActions: endActions })));
-exports.default = CommentReviewModal;
-//# sourceMappingURL=index.js.map

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

@@ -1,27 +0,0 @@
-import PropTypes from "prop-types";
-declare const ConfirmationDialog: {
-    ({ isVisible, isActionAsync, children, onConfirm, onCancel, header, labelCancel, labelConfirm, iconConfirm, }: {
-        isVisible?: boolean | undefined;
-        isActionAsync?: boolean | undefined;
-        children: any;
-        onConfirm: any;
-        onCancel: any;
-        header: any;
-        labelCancel: any;
-        labelConfirm: any;
-        iconConfirm: any;
-    }): JSX.Element;
-    propTypes: {
-        isVisible: PropTypes.Requireable<boolean>;
-        isActionAsync: PropTypes.Requireable<boolean>;
-        children: PropTypes.Validator<any[]>;
-        header: PropTypes.Requireable<string>;
-        labelCancel: PropTypes.Requireable<string>;
-        labelConfirm: PropTypes.Requireable<string>;
-        iconConfirm: PropTypes.Requireable<object>;
-        onConfirm: PropTypes.Validator<(...args: any[]) => any>;
-        onCancel: PropTypes.Validator<(...args: any[]) => any>;
-    };
-};
-export default ConfirmationDialog;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,37 +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 Button_1 = require("@strapi/design-system/Button");
-const Dialog_1 = require("@strapi/design-system/Dialog");
-const Flex_1 = require("@strapi/design-system/Flex");
-const Stack_1 = require("@strapi/design-system/Stack");
-const Typography_1 = require("@strapi/design-system/Typography");
-const icons_1 = require("../icons");
-const utils_1 = require("../../utils");
-const ConfirmationDialog = ({ isVisible = false, isActionAsync = false, children, onConfirm, onCancel, header, labelCancel, labelConfirm, iconConfirm, }) => (react_1.default.createElement(Dialog_1.Dialog, { onClose: onCancel, title: header ||
-        (0, utils_1.getMessage)("compontents.confirmation.dialog.header", "Confirmation"), isOpen: isVisible },
-    react_1.default.createElement(Dialog_1.DialogBody, { icon: icons_1.exclamationMarkCircle },
-        react_1.default.createElement(Stack_1.Stack, { size: 2 },
-            react_1.default.createElement(Flex_1.Flex, { justifyContent: "center" },
-                react_1.default.createElement(Typography_1.Typography, { id: "dialog-confirm-description" }, children ||
-                    (0, utils_1.getMessage)("compontents.confirmation.dialog.description"))))),
-    react_1.default.createElement(Dialog_1.DialogFooter, { startAction: react_1.default.createElement(Button_1.Button, { onClick: onCancel, variant: "tertiary", disabled: isActionAsync }, labelCancel ||
-            (0, utils_1.getMessage)("compontents.confirmation.dialog.button.cancel", "Cancel")), endAction: react_1.default.createElement(Button_1.Button, { onClick: onConfirm, variant: "danger-light", startIcon: iconConfirm || icons_1.check, disabled: isActionAsync }, labelConfirm ||
-            (0, utils_1.getMessage)("compontents.confirmation.dialog.button.confirm", "Confirm")) })));
-ConfirmationDialog.propTypes = {
-    isVisible: prop_types_1.default.bool,
-    isActionAsync: prop_types_1.default.bool,
-    children: prop_types_1.default.array.isRequired,
-    header: prop_types_1.default.string,
-    labelCancel: prop_types_1.default.string,
-    labelConfirm: prop_types_1.default.string,
-    iconConfirm: prop_types_1.default.object,
-    onConfirm: prop_types_1.default.func.isRequired,
-    onCancel: prop_types_1.default.func.isRequired,
-};
-exports.default = ConfirmationDialog;
-//# sourceMappingURL=index.js.map

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

@@ -1,9 +0,0 @@
-declare const DiscussionStatus: {
-    ({ blocked, blockedThread }: {
-        blocked: any;
-        blockedThread: any;
-    }): JSX.Element;
-    propTypes: {};
-};
-export default DiscussionStatus;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,24 +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 Box_1 = require("@strapi/design-system/Box");
-const Status_1 = require("@strapi/design-system/Status");
-const Typography_1 = require("@strapi/design-system/Typography");
-const utils_1 = require("../../utils");
-const DiscussionStatus = ({ blocked, blockedThread }) => {
-    let variant = "success";
-    return (react_1.default.createElement(Box_1.Box, { styles: { marginBottom: 10 } },
-        react_1.default.createElement(Status_1.Status, { variant: variant },
-            react_1.default.createElement(Typography_1.Typography, null,
-                (0, utils_1.getMessage)("page.details.panel.status", "Discussion is"),
-                " ",
-                react_1.default.createElement(Typography_1.Typography, { fontWeight: "bold" },
-                    (0, utils_1.getMessage)("page.details.panel.open", "OPEN"),
-                    " ")))));
-};
-DiscussionStatus.propTypes = {};
-exports.default = DiscussionStatus;
-//# sourceMappingURL=index.js.map

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

@@ -1,21 +0,0 @@
-import PropTypes from "prop-types";
-declare const DiscussionThread: {
-    ({ level, selected, allowedActions, isReloading, }: {
-        level?: never[] | undefined;
-        selected?: {} | undefined;
-        allowedActions: any;
-        isReloading: any;
-    }): JSX.Element;
-    propTypes: {
-        level: PropTypes.Validator<any[]>;
-        selected: PropTypes.Validator<object>;
-        allowedActions: PropTypes.Requireable<PropTypes.InferProps<{
-            canModerate: PropTypes.Requireable<boolean>;
-            canAccessReports: PropTypes.Requireable<boolean>;
-            canReviewReports: PropTypes.Requireable<boolean>;
-        }>>;
-        isReloading: PropTypes.Requireable<boolean>;
-    };
-};
-export default DiscussionThread;
-//# sourceMappingURL=index.d.ts.map

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

@@ -1,45 +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 lodash_1 = require("lodash");
-const Box_1 = require("@strapi/design-system/Box");
-const Flex_1 = require("@strapi/design-system/Flex");
-const Link_1 = require("@strapi/design-system/Link");
-const Typography_1 = require("@strapi/design-system/Typography");
-const icons_1 = require("../icons");
-const DiscussionThreadItem_1 = __importDefault(require("../DiscussionThreadItem"));
-const utils_1 = require("../../utils");
-const LoadingIndicatorOverlay_1 = __importDefault(require("../LoadingIndicatorOverlay"));
-const styles_1 = require("../LoadingIndicatorOverlay/styles");
-const DiscussionThread = ({ level = [], selected = {}, allowedActions, isReloading, }) => {
-    const rootThread = selected?.threadOf;
-    return (react_1.default.createElement(styles_1.LoadingIndicatorContainer, { as: Box_1.Box, padding: 4 },
-        isReloading && react_1.default.createElement(LoadingIndicatorOverlay_1.default, null),
-        react_1.default.createElement(Flex_1.Flex, { as: Box_1.Box, direction: "row", justifyContent: "space-between", marginBottom: 2 },
-            react_1.default.createElement(Typography_1.Typography, { variant: "delta", textColor: "neutral800", id: "discussion-thread" }, (0, utils_1.getMessage)("page.details.panel.discussion", "Discussion")),
-            rootThread && (react_1.default.createElement(Link_1.Link, { to: (0, utils_1.getUrl)(`discover/${rootThread.id}`), startIcon: icons_1.arrowUp }, (0, utils_1.getMessage)("page.details.panel.discussion.nav.back")))),
-        react_1.default.createElement(Flex_1.Flex, { as: "ul", direction: "column", alignItems: "flex-start", marginBottom: 4 },
-            rootThread && (react_1.default.createElement(DiscussionThreadItem_1.default, { ...rootThread, allowedActions: allowedActions, isThreadAuthor: true, root: true, pinned: true })),
-            level.map((item) => {
-                const isSelected = selected.id === item.id;
-                const isThreadAuthor = !(0, lodash_1.isNil)(selected?.threadOf?.author?.id) &&
-                    selected?.threadOf?.author?.id === item?.author?.id;
-                return (react_1.default.createElement(DiscussionThreadItem_1.default, { key: `comment-${item.id}`, ...item, allowedActions: allowedActions, root: (0, lodash_1.isNil)(rootThread), blockedThread: rootThread?.blockedThread || item.blockedThread, isSelected: isSelected, isThreadAuthor: isThreadAuthor }));
-            }))));
-};
-DiscussionThread.propTypes = {
-    level: prop_types_1.default.array.isRequired,
-    selected: prop_types_1.default.object.isRequired,
-    allowedActions: prop_types_1.default.shape({
-        canModerate: prop_types_1.default.bool,
-        canAccessReports: prop_types_1.default.bool,
-        canReviewReports: prop_types_1.default.bool,
-    }),
-    isReloading: prop_types_1.default.bool,
-};
-exports.default = DiscussionThread;
-//# sourceMappingURL=index.js.map

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

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

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

@@ -1,51 +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 Box_1 = require("@strapi/design-system/Box");
-const Flex_1 = require("@strapi/design-system/Flex");
-const Typography_1 = require("@strapi/design-system/Typography");
-const react_1 = __importStar(require("react"));
-const DiscussionThreadItemActions_1 = __importDefault(require("../DiscussionThreadItemActions"));
-const DiscussionThreadItemFooter_1 = __importDefault(require("../DiscussionThreadItemFooter"));
-const styles_1 = require("./styles");
-const satinizeHtml_1 = __importDefault(require("./../PreviewWysiwyg/utils/satinizeHtml"));
-const mdRenderer_1 = __importDefault(require("./../PreviewWysiwyg/utils/mdRenderer"));
-const DiscussionThreadItem = (props) => {
-    const { as = "li", authorAvatar, authorName, content, isSelected, pinned, preview, root, } = props;
-    const sanitizedContent = (0, react_1.useMemo)(() => (0, satinizeHtml_1.default)(mdRenderer_1.default.render(content || '')), [content]);
-    return (react_1.default.createElement(styles_1.DiscussionThreadFullsize, { as: as, marginBottom: preview ? 4 : 0 },
-        react_1.default.createElement(styles_1.DiscussionThreadItemContainer, { as: Flex_1.Flex, direction: "column", alignItems: "flex-start", hasRadius: true, background: isSelected ? "neutral100" : null, paddingLeft: 2, paddingRight: 2, paddingTop: 4, paddingBottom: 4 },
-            react_1.default.createElement(styles_1.DiscussionThreadItemContent, { as: Flex_1.Flex, paddingBottom: 2, direction: "row" },
-                react_1.default.createElement(Box_1.Box, { as: Flex_1.Flex, grow: 1, alignItems: "center", marginTop: "6px" },
-                    react_1.default.createElement(Typography_1.Typography, { variant: "omega", textColor: "neutral800" },
-                        react_1.default.createElement(styles_1.DiscussionThreadItemContentTypographyRenderer, { dangerouslySetInnerHTML: { __html: sanitizedContent } }))),
-                !preview && (react_1.default.createElement(DiscussionThreadItemActions_1.default, { ...props, root: root || pinned, preview: preview }))),
-            react_1.default.createElement(DiscussionThreadItemFooter_1.default, { ...props }))));
-};
-exports.default = DiscussionThreadItem;
-//# sourceMappingURL=index.js.map

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

@@ -1,5 +0,0 @@
-export declare const DiscussionThreadFullsize: import("styled-components").StyledComponent<any, any, any, any>;
-export declare const DiscussionThreadItemContent: import("styled-components").StyledComponent<any, any, any, any>;
-export declare const DiscussionThreadItemContainer: import("styled-components").StyledComponent<any, any, any, any>;
-export declare const DiscussionThreadItemContentTypographyRenderer: import("styled-components").StyledComponent<"div", any, {}, never>;
-//# sourceMappingURL=styles.d.ts.map

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

@@ -1,31 +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.DiscussionThreadItemContentTypographyRenderer = exports.DiscussionThreadItemContainer = exports.DiscussionThreadItemContent = exports.DiscussionThreadFullsize = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const Box_1 = require("@strapi/design-system/Box");
-exports.DiscussionThreadFullsize = (0, styled_components_1.default)(Box_1.Box) `
-  width: 100%;
-`;
-exports.DiscussionThreadItemContent = (0, styled_components_1.default)(exports.DiscussionThreadFullsize) `
-  align-items: flex-start;
-`;
-exports.DiscussionThreadItemContainer = (0, styled_components_1.default)(exports.DiscussionThreadFullsize) `
-  align-items: flex-start;
-`;
-exports.DiscussionThreadItemContentTypographyRenderer = styled_components_1.default.div `
-  strong {
-    font-weight: bold;
-  }
-
-  i, em {
-    font-style: italic;
-  }
-
-  u {
-    font-style: underline;
-  }
-`;
-//# sourceMappingURL=styles.js.map

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

@@ -1,22 +0,0 @@
-import PropTypes from "prop-types";
-declare const DiscussionThreadItemActions: {
-    ({ allowedActions: { canModerate, canAccessReports, canReviewReports }, ...item }: {
-        [x: string]: any;
-        allowedActions: {
-            canModerate: any;
-            canAccessReports: any;
-            canReviewReports: any;
-        };
-    }): JSX.Element;
-    propTypes: {
-        isRoot: PropTypes.Requireable<boolean>;
-        blocked: PropTypes.Validator<boolean>;
-        blockedThread: PropTypes.Validator<boolean>;
-        approvalStatus: PropTypes.Requireable<any>;
-        allowedActions: PropTypes.Requireable<PropTypes.InferProps<{
-            canModerate: PropTypes.Requireable<boolean>;
-        }>>;
-    };
-};
-export default DiscussionThreadItemActions;
-//# sourceMappingURL=index.d.ts.map