strapi-plugin-comments 2.0.8 → 2.0.11

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

@@ -0,0 +1,414 @@
+"use strict";
+var __createBinding =
+  (this && this.__createBinding) ||
+  (Object.create
+    ? function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        var desc = Object.getOwnPropertyDescriptor(m, k);
+        if (
+          !desc ||
+          ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)
+        ) {
+          desc = {
+            enumerable: true,
+            get: function () {
+              return m[k];
+            },
+          };
+        }
+        Object.defineProperty(o, k2, desc);
+      }
+    : function (o, m, k, k2) {
+        if (k2 === undefined) k2 = k;
+        o[k2] = m[k];
+      });
+var __setModuleDefault =
+  (this && this.__setModuleDefault) ||
+  (Object.create
+    ? function (o, v) {
+        Object.defineProperty(o, "default", { enumerable: true, value: v });
+      }
+    : function (o, v) {
+        o["default"] = v;
+      });
+var __importStar =
+  (this && this.__importStar) ||
+  function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null)
+      for (var k in mod)
+        if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k))
+          __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+  };
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importStar(require("react"));
+const prop_types_1 = __importDefault(require("prop-types"));
+const react_query_1 = require("react-query");
+const react_router_dom_1 = require("react-router-dom");
+const lodash_1 = require("lodash");
+const Flex_1 = require("@strapi/design-system/Flex");
+const IconButton_1 = require("@strapi/design-system/IconButton");
+const helper_plugin_1 = require("@strapi/helper-plugin");
+const icons_1 = require("@strapi/icons");
+const utils_1 = require("../../utils");
+const styles_1 = require("./styles");
+const ConfirmationDialog_1 = __importDefault(require("../ConfirmationDialog"));
+const api_1 = require("../../pages/utils/api");
+const pluginId_1 = require("../../pluginId");
+const icons_2 = require("../icons");
+const DiscussionThreadItemApprovalFlowActions_1 = __importDefault(
+  require("../DiscussionThreadItemApprovalFlowActions")
+);
+const StatusBadge_1 = __importDefault(require("../StatusBadge"));
+const styles_2 = require("../IconButton/styles");
+const styles_3 = require("../ActionButton/styles");
+const DiscussionThreadItemReviewAction_1 = __importDefault(
+  require("../DiscussionThreadItemReviewAction")
+);
+const DiscussionThreadItemActions = ({
+  allowedActions: { canModerate, canAccessReports, canReviewReports },
+  ...item
+}) => {
+  const {
+    id,
+    blocked,
+    removed,
+    blockedThread,
+    gotThread,
+    threadItemsCount,
+    threadFirstItemId,
+    pinned,
+    preview,
+    reports = [],
+    approvalStatus,
+  } = item;
+  const [blockConfirmationVisible, setBlockConfirmationVisible] = (0,
+  react_1.useState)(false);
+  const [blockThreadConfirmationVisible, setBlockThreadConfirmationVisible] =
+    (0, react_1.useState)(false);
+  const [blockButtonsDisabled, setBlockButtonsDisabled] = (0, react_1.useState)(
+    blockedThread
+  );
+  const { push } = (0, react_router_dom_1.useHistory)();
+  const toggleNotification = (0, helper_plugin_1.useNotification)();
+  const queryClient = (0, react_query_1.useQueryClient)();
+  const { lockApp, unlockApp } = (0, helper_plugin_1.useOverlayBlocker)();
+  const onSuccess =
+    (message, stateAction = () => {}) =>
+    async () => {
+      await queryClient.invalidateQueries("get-details-data");
+      toggleNotification({
+        type: "success",
+        message: `${pluginId_1.pluginId}.${message}`,
+      });
+      stateAction(false);
+      unlockApp();
+    };
+  const onError = (err) => {
+    (0, utils_1.handleAPIError)(err, toggleNotification);
+  };
+  const blockItemMutation = (0, react_query_1.useMutation)(api_1.blockItem, {
+    onSuccess: onSuccess(
+      "page.details.actions.comment.block.confirmation.success",
+      setBlockConfirmationVisible
+    ),
+    onError,
+    refetchActive: false,
+  });
+  const unblockItemMutation = (0, react_query_1.useMutation)(
+    api_1.unblockItem,
+    {
+      onSuccess: onSuccess(
+        "page.details.actions.comment.unblock.confirmation.success"
+      ),
+      onError,
+      refetchActive: false,
+    }
+  );
+  const blockItemThreadMutation = (0, react_query_1.useMutation)(
+    api_1.blockItemThread,
+    {
+      onSuccess: onSuccess(
+        "page.details.actions.thread.block.confirmation.success",
+        setBlockThreadConfirmationVisible
+      ),
+      onError,
+      refetchActive: false,
+    }
+  );
+  const unblockItemThreadMutation = (0, react_query_1.useMutation)(
+    api_1.unblockItemThread,
+    {
+      onSuccess: onSuccess(
+        "page.details.actions.thread.unblock.confirmation.success"
+      ),
+      onError,
+      refetchActive: false,
+    }
+  );
+  const gotApprovalFlow = !(0, lodash_1.isNil)(approvalStatus);
+  const needsApproval = gotApprovalFlow && approvalStatus === "PENDING";
+  const isBlocked = blocked || blockedThread;
+  const isRejected = gotApprovalFlow && approvalStatus === "REJECTED";
+  const openReports = reports?.filter((_) => !_.resolved);
+  const hasReports = !(0, lodash_1.isEmpty)(openReports);
+  const reviewFlowEnabled =
+    (canAccessReports || canReviewReports) && hasReports;
+  const hasActiveThread =
+    gotThread && !(removed || preview || pinned || blockedThread);
+  const isStatusBadgeVisible = isBlocked || reviewFlowEnabled;
+  const renderStatus = (props) => {
+    const status = (0, utils_1.resolveCommentStatus)({
+      ...props,
+      reviewFlowEnabled,
+    });
+    const color = (0, utils_1.resolveCommentStatusColor)(status);
+    return react_1.default.createElement(
+      StatusBadge_1.default,
+      {
+        backgroundColor: `${color}100`,
+        textColor: `${color}700`,
+        color: color,
+      },
+      (0, utils_1.getMessage)(
+        {
+          id: `page.common.item.status.${status}`,
+          props: {
+            count: openReports.length,
+          },
+        },
+        status
+      )
+    );
+  };
+  const handleBlockClick = () => setBlockConfirmationVisible(true);
+  const handleBlockConfirm = async () => {
+    if (canModerate) {
+      lockApp();
+      blockItemMutation.mutate(id);
+    }
+  };
+  const handleBlockCancel = () => {
+    setBlockConfirmationVisible(false);
+  };
+  const handleUnblockClick = async () => {
+    if (canModerate) {
+      lockApp();
+      unblockItemMutation.mutate(id);
+    }
+  };
+  const handleBlockThreadClick = () => setBlockThreadConfirmationVisible(true);
+  const handleBlockThreadConfirm = async () => {
+    if (canModerate) {
+      lockApp();
+      blockItemThreadMutation.mutate(id);
+    }
+  };
+  const handleBlockThreadCancel = () => {
+    setBlockThreadConfirmationVisible(false);
+  };
+  const handleUnblockThreadClick = async () => {
+    if (canModerate) {
+      lockApp();
+      unblockItemThreadMutation.mutate(id);
+    }
+  };
+  const handleDrilldownClick = () => {
+    if (hasActiveThread) {
+      push((0, utils_1.getUrl)(`discover/${threadFirstItemId}`));
+    }
+  };
+  const handleBlockActionClick = async (mutation, onCallback) => {
+    lockApp();
+    await mutation.mutateAsync(id);
+    onCallback();
+  };
+  const handleBlockButtonsStateChange = (disabled) =>
+    setBlockButtonsDisabled(disabled);
+  const anyGroupButtonsVisible =
+    needsApproval || reviewFlowEnabled || !blockedThread;
+  const isLoading =
+    unblockItemMutation.isLoading ||
+    blockItemMutation.isLoading ||
+    blockItemThreadMutation.isLoading ||
+    unblockItemThreadMutation.isLoading;
+  if (removed || isRejected || !canModerate) {
+    return react_1.default.createElement(
+      styles_1.DiscussionThreadItemActionsWrapper,
+      { as: Flex_1.Flex, direction: "row" },
+      renderStatus(item)
+    );
+  }
+  return react_1.default.createElement(
+    react_1.default.Fragment,
+    null,
+    react_1.default.createElement(
+      styles_1.DiscussionThreadItemActionsWrapper,
+      { as: Flex_1.Flex, direction: "row" },
+      isStatusBadgeVisible && renderStatus(item),
+      !blockedThread &&
+        (gotThread || pinned) &&
+        react_1.default.createElement(
+          styles_3.ActionButton,
+          {
+            onClick: handleBlockThreadClick,
+            startIcon: react_1.default.createElement(icons_2.LockIcon, null),
+            loading: blockItemThreadMutation.isLoading,
+            variant: "danger",
+          },
+          (0, utils_1.getMessage)(
+            "page.details.actions.thread.block",
+            "Block thread"
+          )
+        ),
+      blockedThread &&
+        (gotThread || pinned) &&
+        react_1.default.createElement(
+          styles_3.ActionButton,
+          {
+            onClick: handleUnblockThreadClick,
+            startIcon: react_1.default.createElement(icons_2.UnlockIcon, null),
+            loading: unblockItemThreadMutation.isLoading,
+            variant: "success",
+          },
+          (0, utils_1.getMessage)(
+            "page.details.actions.thread.unblock",
+            "Unblock thread"
+          )
+        ),
+      anyGroupButtonsVisible &&
+        react_1.default.createElement(
+          styles_2.IconButtonGroupStyled,
+          { isSingle: true, withMargin: true },
+          !blockedThread &&
+            !(blocked || needsApproval) &&
+            react_1.default.createElement(IconButton_1.IconButton, {
+              onClick: handleBlockClick,
+              loading: blockItemMutation.isLoading,
+              icon: react_1.default.createElement(icons_2.LockIcon, null),
+              label: (0, utils_1.getMessage)(
+                "page.details.actions.comment.block",
+                "Block"
+              ),
+            }),
+          !blockedThread &&
+            blocked &&
+            react_1.default.createElement(IconButton_1.IconButton, {
+              onClick: handleUnblockClick,
+              loading: unblockItemMutation.isLoading,
+              icon: react_1.default.createElement(icons_2.UnlockIcon, null),
+              label: (0, utils_1.getMessage)(
+                "page.details.actions.comment.unblock",
+                "Unblock"
+              ),
+            }),
+          needsApproval &&
+            react_1.default.createElement(
+              DiscussionThreadItemApprovalFlowActions_1.default,
+              {
+                id: id,
+                allowedActions: { canModerate },
+                queryToInvalidate: "get-details-data",
+              }
+            ),
+          react_1.default.createElement(
+            DiscussionThreadItemReviewAction_1.default,
+            {
+              item: item,
+              queryToInvalidate: "get-details-data",
+              areBlockButtonsDisabled: blockButtonsDisabled,
+              isLoading: isLoading,
+              allowedActions: {
+                canModerate,
+                canAccessReports,
+                canReviewReports,
+              },
+              blockItemMutation: blockItemMutation,
+              blockItemThreadMutation: blockItemThreadMutation,
+              onBlockButtonsStateChange: handleBlockButtonsStateChange,
+              onBlockActionClick: handleBlockActionClick,
+            }
+          )
+        ),
+      hasActiveThread &&
+        react_1.default.createElement(
+          styles_2.IconButtonGroupStyled,
+          { isSingle: true, withMargin: true },
+          react_1.default.createElement(IconButton_1.IconButton, {
+            onClick: handleDrilldownClick,
+            icon: react_1.default.createElement(icons_1.Eye, null),
+            label: (0, utils_1.getMessage)(
+              "page.details.panel.discussion.nav.drilldown",
+              "Drilldown thread"
+            ),
+            style:
+              blocked && !blockedThread
+                ? { marginTop: "1px", marginRight: ".5rem" }
+                : {},
+          })
+        )
+    ),
+    !blocked &&
+      react_1.default.createElement(
+        ConfirmationDialog_1.default,
+        {
+          isVisible: blockConfirmationVisible,
+          isActionAsync: blockItemMutation.isLoading,
+          header: (0, utils_1.getMessage)(
+            "page.details.actions.comment.block.confirmation.header"
+          ),
+          labelConfirm: (0, utils_1.getMessage)(
+            "page.details.actions.comment.block.confirmation.button.confirm"
+          ),
+          iconConfirm: react_1.default.createElement(icons_2.LockIcon, null),
+          onConfirm: handleBlockConfirm,
+          onCancel: handleBlockCancel,
+        },
+        (0, utils_1.getMessage)(
+          "page.details.actions.comment.block.confirmation.description"
+        )
+      ),
+    !blockedThread &&
+      react_1.default.createElement(
+        ConfirmationDialog_1.default,
+        {
+          isVisible: blockThreadConfirmationVisible,
+          isActionAsync: blockItemThreadMutation.isLoading,
+          header: (0, utils_1.getMessage)(
+            "page.details.actions.thread.block.confirmation.header"
+          ),
+          labelConfirm: (0, utils_1.getMessage)(
+            "page.details.actions.thread.block.confirmation.button.confirm"
+          ),
+          iconConfirm: react_1.default.createElement(icons_2.LockIcon, null),
+          onConfirm: handleBlockThreadConfirm,
+          onCancel: handleBlockThreadCancel,
+        },
+        (0, utils_1.getMessage)(
+          "page.details.actions.thread.block.confirmation.description"
+        )
+      )
+  );
+};
+DiscussionThreadItemActions.propTypes = {
+  isRoot: prop_types_1.default.bool,
+  blocked: prop_types_1.default.bool.isRequired,
+  blockedThread: prop_types_1.default.bool.isRequired,
+  approvalStatus: prop_types_1.default.oneOfType([
+    prop_types_1.default.nullable,
+    prop_types_1.default.oneOf(["PENDING", "APPROVED", "REJECTED"]),
+  ]),
+  allowedActions: prop_types_1.default.shape({
+    canModerate: prop_types_1.default.bool,
+  }),
+};
+exports.default = DiscussionThreadItemActions;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DiscussionThreadItemActionsWrapper = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Box_1 = require("@strapi/design-system/Box");
+exports.DiscussionThreadItemActionsWrapper = (0, styled_components_1.default)(
+  Box_1.Box
+)`
+  margin-left: 1rem;
+  align-items: flex-start;
+`;
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,103 @@
+"use strict";
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const prop_types_1 = __importDefault(require("prop-types"));
+const react_query_1 = require("react-query");
+const IconButton_1 = require("@strapi/design-system/IconButton");
+const icons_1 = require("@strapi/icons");
+const helper_plugin_1 = require("@strapi/helper-plugin");
+const utils_1 = require("../../utils");
+const api_1 = require("../../pages/utils/api");
+const pluginId_1 = require("../../pluginId");
+const DiscussionThreadItemApprovalFlowActions = ({
+  id,
+  allowedActions: { canModerate },
+  queryToInvalidate,
+}) => {
+  const toggleNotification = (0, helper_plugin_1.useNotification)();
+  const queryClient = (0, react_query_1.useQueryClient)();
+  const { lockApp, unlockApp } = (0, helper_plugin_1.useOverlayBlocker)();
+  const onSuccess = (message) => async () => {
+    if (queryToInvalidate) {
+      await queryClient.invalidateQueries(queryToInvalidate);
+    }
+    toggleNotification({
+      type: "success",
+      message: `${pluginId_1.pluginId}.${message}`,
+    });
+    unlockApp();
+  };
+  const onError = (err) => {
+    (0, utils_1.handleAPIError)(err, toggleNotification);
+  };
+  const approveItemMutation = (0, react_query_1.useMutation)(
+    api_1.approveItem,
+    {
+      onSuccess: onSuccess(
+        "page.details.actions.comment.approve.confirmation.success"
+      ),
+      onError,
+      refetchActive: false,
+    }
+  );
+  const rejectItemMutation = (0, react_query_1.useMutation)(api_1.rejectItem, {
+    onSuccess: onSuccess(
+      "page.details.actions.comment.reject.confirmation.success"
+    ),
+    onError,
+    refetchActive: false,
+  });
+  const handleApproveClick = () => {
+    if (canModerate) {
+      lockApp();
+      approveItemMutation.mutate(id);
+    }
+  };
+  const handleRejectClick = () => {
+    if (canModerate) {
+      lockApp();
+      rejectItemMutation.mutate(id);
+    }
+  };
+  if (canModerate) {
+    return react_1.default.createElement(
+      react_1.default.Fragment,
+      null,
+      react_1.default.createElement(IconButton_1.IconButton, {
+        icon: react_1.default.createElement(icons_1.Check, null),
+        label: (0, utils_1.getMessage)(
+          "page.details.actions.comment.approve",
+          "Approve"
+        ),
+        onClick: handleApproveClick,
+      }),
+      react_1.default.createElement(IconButton_1.IconButton, {
+        icon: react_1.default.createElement(icons_1.Cross, null),
+        label: (0, utils_1.getMessage)(
+          "page.details.actions.comment.reject",
+          "Reject"
+        ),
+        onClick: handleRejectClick,
+      })
+    );
+  }
+  return null;
+};
+DiscussionThreadItemApprovalFlowActions.propTypes = {
+  id: prop_types_1.default.oneOfType([
+    prop_types_1.default.string,
+    prop_types_1.default.number,
+  ]).isRequired,
+  queryToInvalidate: prop_types_1.default.string,
+  allowedActions: prop_types_1.default.shape({
+    canModerate: prop_types_1.default.bool,
+  }),
+  wrapped: prop_types_1.default.bool,
+};
+exports.default = DiscussionThreadItemApprovalFlowActions;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DiscussionThreadItemActionsGroupWrapper = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const IconButton_1 = require("@strapi/design-system/IconButton");
+exports.DiscussionThreadItemActionsGroupWrapper = (0,
+styled_components_1.default)(IconButton_1.IconButtonGroup)`
+  margin-left: 0.5rem;
+`;
+//# sourceMappingURL=styles.js.map

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

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

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

@@ -0,0 +1,73 @@
+"use strict";
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const prop_types_1 = __importDefault(require("prop-types"));
+const react_intl_1 = require("react-intl");
+const Avatar_1 = require("@strapi/design-system/Avatar");
+const Box_1 = require("@strapi/design-system/Box");
+const Typography_1 = require("@strapi/design-system/Typography");
+const utils_1 = require("../../utils");
+const styles_1 = require("./styles");
+const DiscussionThreadItemFooter = ({
+  children,
+  author,
+  createdAt,
+  updatedAt,
+}) => {
+  const { formatDate } = (0, react_intl_1.useIntl)();
+  const dateTime = formatDate(updatedAt || createdAt, {
+    dateStyle: "medium",
+    timeStyle: "short",
+  });
+  const { name, avatar } = author;
+  return react_1.default.createElement(
+    styles_1.DiscussionThreadItemFooterStyled,
+    { as: Box_1.Box, paddingTop: 2, direction: "row" },
+    react_1.default.createElement(
+      styles_1.DiscussionThreadItemFooterMeta,
+      { size: 3, horizontal: true },
+      avatar
+        ? react_1.default.createElement(Avatar_1.Avatar, {
+            src: avatar,
+            alt: name,
+          })
+        : react_1.default.createElement(
+            Avatar_1.Initials,
+            null,
+            (0, utils_1.renderInitials)(name)
+          ),
+      react_1.default.createElement(
+        Typography_1.Typography,
+        { variant: "pi", fontWeight: "bold", textColor: "neutral800" },
+        name
+      ),
+      react_1.default.createElement(
+        Typography_1.Typography,
+        { variant: "pi", textColor: "neutral600" },
+        dateTime
+      )
+    ),
+    children
+  );
+};
+DiscussionThreadItemFooter.propTypes = {
+  author: prop_types_1.default.shape({
+    id: prop_types_1.default.oneOfType(
+      prop_types_1.default.string,
+      prop_types_1.default.number
+    ).isRequired,
+    name: prop_types_1.default.string.isRequired,
+    email: prop_types_1.default.string,
+    avatar: prop_types_1.default.string,
+  }).isRequired,
+  createdAt: prop_types_1.default.string.isRequired,
+  updatedAt: prop_types_1.default.string,
+  children: prop_types_1.default.array,
+};
+exports.default = DiscussionThreadItemFooter;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,25 @@
+"use strict";
+var __importDefault =
+  (this && this.__importDefault) ||
+  function (mod) {
+    return mod && mod.__esModule ? mod : { default: mod };
+  };
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DiscussionThreadItemFooterMeta =
+  exports.DiscussionThreadItemFooterStyled = void 0;
+const styled_components_1 = __importDefault(require("styled-components"));
+const Flex_1 = require("@strapi/design-system/Flex");
+const Stack_1 = require("@strapi/design-system/Stack");
+exports.DiscussionThreadItemFooterStyled = (0, styled_components_1.default)(
+  Flex_1.Flex
+)`
+  width: 100%;
+`;
+exports.DiscussionThreadItemFooterMeta = (0, styled_components_1.default)(
+  Stack_1.Stack
+)`
+  * + * {
+    margin-left: 8px;
+  }
+`;
+//# sourceMappingURL=styles.js.map