strapi-plugin-comments 2.0.11 → 2.1.1

package/build/README.md

@@ -32,6 +32,19 @@
 
 A plugin for [Strapi Headless CMS](https://github.com/strapi/strapi) that provides end to end comments feature with their moderation panel, bad words filtering, abuse reporting and much more.
 
+### Table of Contents
+
+1. [✨ Features](#-features)
+2. [⏳ Installation](#-installation)
+3. [🖐 Requirements](#-requirements)
+4. [🔧 Configuration](#-configuration)
+   - [Settings page](#in-v203-and-newer)
+   - [Plugin file](#in-v202-and-older--default-configuration-state-for-v203-and-newer)
+5. [🕸️ Public API - REST](#%EF%B8%8F-public-rest-api-specification)
+6. [🕸️ Public API - GraphQL](#%EF%B8%8F-public-graphql-specification)
+7. [🤝 Contributing](#-contributing)
+8. [👨‍💻 Community support](#-community-support)
+
 ## ✨ Features
 
 - **Comments Public REST + GraphQL API:** Elegant, entirely customizable and a fully extensible admin panel.
@@ -48,13 +61,23 @@ A plugin for [Strapi Headless CMS](https://github.com/strapi/strapi) that provid
 
 ## ⏳ Installation
 
+### Via Strapi Markerplace
+
+As a ✅ **verified** plugin by Strapi team we're available on the [**Strapi Marketplace**](https://market.strapi.io/plugins/strapi-plugin-comments) as well as **In-App Marketplace** where you can follow the installation instructions.
+
+<div style="margin: 20px 0" align="center">
+  <img style="width: 100%; height: auto;" src="public/assets/marketplace.png" alt="Strapi In-App Marketplace" />
+</div>
+
+### Via command line
+
 (Use **yarn** to install this plugin within your Strapi project (recommended). [Install yarn with these docs](https://yarnpkg.com/lang/en/docs/install/).)
 
 ```bash
 yarn add strapi-plugin-comments@latest
 ```
 
-After successful installation you've to build a fresh package that includes plugin UI. To archive that simply use:
+After successful installation you've to re-build your Strapi instance. To archive that simply use:
 
 ```bash
 yarn build
@@ -69,7 +92,9 @@ yarn develop --watch-admin
 
 The **Comments** plugin should appear in the **Plugins** section of Strapi sidebar after you run app again.
 
-Enjoy 🎉
+As a next step you must configure your the plugin by the way you want to. See [**Configuration**](#🔧-configuration) section.
+
+All done. Enjoy 🎉
 
 ### Working in development mode
 
@@ -107,7 +132,7 @@ In our minimum support we're following [official Node.js releases timelines](htt
 
 **Supported Strapi versions**:
 
-- Strapi v4.1.2 (recently tested)
+- Strapi v4.1.7 (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).
@@ -116,14 +141,22 @@ In our minimum support we're following [official Node.js releases timelines](htt
 
 ## 🔧 Configuration
 
-### In `v2.0.3` and newest
+To start your journey with **Comments plugin** you must first setup it using the dedicated Settings page (`v2.0.3` and newer) or for any version, put your configuration in `config/plugins.js`. Anyway we're recommending the click-through option where your configuration is going to be properly validated.
+
+### In `v2.0.3` and newer
 
 Version `2.0.3` introduce the intuitive **Settings** page which you can easly access via `Strapi Settings -> Section: Comments Plugin -> Configuration`. On dedicated page you will be able to setup all crucial properties which drives the plugin and customize each individual collection for which **Comments plugin** should be enabled.
 
+On the dedicated page, you will be able to set up all crucial properties which drive the plugin and customize each individual collection for which **Comments plugin** should be enabled.
+
+<div style="margin: 20px 0" align="center">
+  <img style="width: 100%; height: auto;" src="public/assets/configuration.png" alt="Plugin configuration" />
+</div>
+
 > _Note_
 > Default configuration for your plugin is fetched from `config/plugins.js` or directly from the plugin itself. If you would like to customize the default state to which you might revert, please follow the next section.
 
-### In `v2.0.2` and older + default configuration state for `v2.0.3` and newest
+### In `v2.0.2` and older + default configuration state for `v2.0.3` and newer
 
 To setup amend default plugin configuration we recommend to put following snippet as part of `config/plugins.js` or `config/<env>/plugins.js` file. If the file does not exist yet, you have to create it manually. If you've got already configurations for other plugins stores by this way, use just the `comments` part within exising `plugins` item.
 
@@ -154,6 +187,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`.
 - `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.
@@ -276,6 +310,7 @@ Return a hierarchical tree structure of comments for specified instance of Conte
 
 #### Strapi REST API properties support:
 
+- [field selection](https://docs.strapi.io/developer-docs/latest/developer-resources/database-apis-reference/rest/populating-fields.html#field-selection)
 - [sorting](https://docs.strapi.io/developer-docs/latest/developer-resources/database-apis-reference/rest/sort-pagination.html#sorting)
 
 ### Get Comments (flat structure)
@@ -317,6 +352,7 @@ Return a flat structure of comments for specified instance of Content Type like
 #### Strapi REST API properties support:
 
 - [filtering](https://docs.strapi.io/developer-docs/latest/developer-resources/database-apis-reference/rest/filtering-locale-publication.html#filtering)
+- [field selection](https://docs.strapi.io/developer-docs/latest/developer-resources/database-apis-reference/rest/populating-fields.html#field-selection)
 - [sorting](https://docs.strapi.io/developer-docs/latest/developer-resources/database-apis-reference/rest/sort-pagination.html#sorting)
 - [pagination](https://docs.strapi.io/developer-docs/latest/developer-resources/database-apis-reference/rest/sort-pagination.html#pagination)
 

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

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

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

@@ -1,17 +1,15 @@
 "use strict";
-var __importDefault =
-  (this && this.__importDefault) ||
-  function (mod) {
-    return mod && mod.__esModule ? mod : { default: mod };
-  };
+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)`
+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
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1,12 @@
+declare const UserAvatar: {
+    ({ avatar, name }: {
+        avatar: any;
+        name: any;
+    }): any;
+    propTypes: {
+        avatar: any;
+        name: any;
+    };
+};
+export default UserAvatar;
+//# sourceMappingURL=index.d.ts.map

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

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

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

@@ -1,9 +1,7 @@
 "use strict";
-var __importDefault =
-  (this && this.__importDefault) ||
-  function (mod) {
-    return mod && mod.__esModule ? mod : { default: mod };
-  };
+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"));
@@ -14,91 +12,26 @@ const Stack_1 = require("@strapi/design-system/Stack");
 const Typography_1 = require("@strapi/design-system/Typography");
 const icons_1 = require("@strapi/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: react_1.default.createElement(
-          icons_1.ExclamationMarkCircle,
-          null
-        ),
-      },
-      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 || react_1.default.createElement(icons_1.Check, null),
-          disabled: isActionAsync,
-        },
-        labelConfirm ||
-          (0, utils_1.getMessage)(
-            "compontents.confirmation.dialog.button.confirm",
-            "Confirm"
-          )
-      ),
-    })
-  );
+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: react_1.default.createElement(icons_1.ExclamationMarkCircle, null) },
+        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 || react_1.default.createElement(icons_1.Check, null), 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,
+    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
+//# sourceMappingURL=index.js.map

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

@@ -1,9 +1,7 @@
 "use strict";
-var __importDefault =
-  (this && this.__importDefault) ||
-  function (mod) {
-    return mod && mod.__esModule ? mod : { default: mod };
-  };
+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");
@@ -11,28 +9,16 @@ 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"),
-          " "
-        )
-      )
-    )
-  );
+    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
+//# sourceMappingURL=index.js.map

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

@@ -1,9 +1,7 @@
 "use strict";
-var __importDefault =
-  (this && this.__importDefault) ||
-  function (mod) {
-    return mod && mod.__esModule ? mod : { default: mod };
-  };
+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"));
@@ -13,87 +11,35 @@ 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("@strapi/icons");
-const DiscussionThreadItem_1 = __importDefault(
-  require("../DiscussionThreadItem")
-);
+const DiscussionThreadItem_1 = __importDefault(require("../DiscussionThreadItem"));
 const utils_1 = require("../../utils");
-const LoadingIndicatorOverlay_1 = __importDefault(
-  require("../LoadingIndicatorOverlay")
-);
+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: react_1.default.createElement(icons_1.ArrowUp, null),
-          },
-          (0, utils_1.getMessage)("page.details.panel.discussion.nav.back")
-        )
-    ),
-    react_1.default.createElement(
-      Flex_1.Flex,
-      { as: "ul", direction: "column", alignItems: "flex-start" },
-      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,
-        });
-      })
-    )
-  );
+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: react_1.default.createElement(icons_1.ArrowUp, null) }, (0, utils_1.getMessage)("page.details.panel.discussion.nav.back")))),
+        react_1.default.createElement(Flex_1.Flex, { as: "ul", direction: "column", alignItems: "flex-start" },
+            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,
+    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
+//# sourceMappingURL=index.js.map

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

@@ -1,72 +1,33 @@
 "use strict";
-var __importDefault =
-  (this && this.__importDefault) ||
-  function (mod) {
-    return mod && mod.__esModule ? mod : { default: mod };
-  };
+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 Box_1 = require("@strapi/design-system/Box");
 const Flex_1 = require("@strapi/design-system/Flex");
 const Typography_1 = require("@strapi/design-system/Typography");
-const DiscussionThreadItemFooter_1 = __importDefault(
-  require("../DiscussionThreadItemFooter")
-);
-const DiscussionThreadItemActions_1 = __importDefault(
-  require("../DiscussionThreadItemActions")
-);
+const DiscussionThreadItemFooter_1 = __importDefault(require("../DiscussionThreadItemFooter"));
+const DiscussionThreadItemActions_1 = __importDefault(require("../DiscussionThreadItemActions"));
 const styles_1 = require("./styles");
 const DiscussionThreadItem = (props) => {
-  const { as = "li", isSelected, content, root, preview, pinned } = props;
-  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" },
-            content
-          )
-        ),
-        !preview &&
-          react_1.default.createElement(DiscussionThreadItemActions_1.default, {
-            ...props,
-            root: root || pinned,
-            preview: preview,
-          })
-      ),
-      react_1.default.createElement(DiscussionThreadItemFooter_1.default, {
-        ...props,
-      })
-    )
-  );
+    const { as = "li", isSelected, content, root, preview, pinned } = props;
+    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" }, content)),
+                !preview && (react_1.default.createElement(DiscussionThreadItemActions_1.default, { ...props, root: root || pinned, preview: preview }))),
+            react_1.default.createElement(DiscussionThreadItemFooter_1.default, { ...props }))));
 };
 DiscussionThreadItem.propTypes = {
-  content: prop_types_1.default.string.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,
-  }),
+    content: prop_types_1.default.string.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,
+    }),
 };
 exports.default = DiscussionThreadItem;
-//# sourceMappingURL=index.js.map
+//# sourceMappingURL=index.js.map

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

@@ -1,4 +1,4 @@
 export declare const DiscussionThreadFullsize: any;
 export declare const DiscussionThreadItemContent: any;
 export declare const DiscussionThreadItemContainer: any;
-//# sourceMappingURL=styles.d.ts.map
+//# sourceMappingURL=styles.d.ts.map

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

@@ -1,27 +1,18 @@
 "use strict";
-var __importDefault =
-  (this && this.__importDefault) ||
-  function (mod) {
-    return mod && mod.__esModule ? mod : { default: mod };
-  };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DiscussionThreadItemContainer =
-  exports.DiscussionThreadItemContent =
-  exports.DiscussionThreadFullsize =
-    void 0;
+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)`
+exports.DiscussionThreadFullsize = (0, styled_components_1.default)(Box_1.Box) `
   width: 100%;
 `;
-exports.DiscussionThreadItemContent = (0, styled_components_1.default)(
-  exports.DiscussionThreadFullsize
-)`
+exports.DiscussionThreadItemContent = (0, styled_components_1.default)(exports.DiscussionThreadFullsize) `
   align-items: flex-start;
 `;
-exports.DiscussionThreadItemContainer = (0, styled_components_1.default)(
-  exports.DiscussionThreadFullsize
-)`
+exports.DiscussionThreadItemContainer = (0, styled_components_1.default)(exports.DiscussionThreadFullsize) `
   align-items: flex-start;
 `;
-//# sourceMappingURL=styles.js.map
+//# sourceMappingURL=styles.js.map