strapi-plugin-comments 2.0.8 → 2.0.11

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

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

package/build/admin/src/components/ActionButton/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.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/build/admin/src/components/ConfirmationDialog/index.d.ts

@@ -0,0 +1,26 @@
+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;
+    }): any;
+    propTypes: {
+        isVisible: any;
+        isActionAsync: any;
+        children: any;
+        header: any;
+        labelCancel: any;
+        labelConfirm: any;
+        iconConfirm: any;
+        onConfirm: any;
+        onCancel: any;
+    };
+};
+export default ConfirmationDialog;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,104 @@
+"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("@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"
+          )
+      ),
+    })
+  );
+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/build/admin/src/components/DiscussionStatus/index.d.ts

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

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

@@ -0,0 +1,38 @@
+"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/build/admin/src/components/DiscussionThread/index.d.ts

@@ -0,0 +1,16 @@
+declare const DiscussionThread: {
+    ({ level, selected, allowedActions, isReloading, }: {
+        level?: never[] | undefined;
+        selected?: {} | undefined;
+        allowedActions: any;
+        isReloading: any;
+    }): any;
+    propTypes: {
+        level: any;
+        selected: any;
+        allowedActions: any;
+        isReloading: any;
+    };
+};
+export default DiscussionThread;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,99 @@
+"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("@strapi/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: 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,
+};
+exports.default = DiscussionThread;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,9 @@
+declare const DiscussionThreadItem: {
+    (props: any): any;
+    propTypes: {
+        content: any;
+        allowedActions: any;
+    };
+};
+export default DiscussionThreadItem;
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1,72 @@
+"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 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 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,
+      })
+    )
+  );
+};
+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,
+  }),
+};
+exports.default = DiscussionThreadItem;
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,27 @@
+"use strict";
+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;
+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;
+`;
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1,19 @@
+declare const DiscussionThreadItemActions: {
+    ({ allowedActions: { canModerate, canAccessReports, canReviewReports }, ...item }: {
+        [x: string]: any;
+        allowedActions: {
+            canModerate: any;
+            canAccessReports: any;
+            canReviewReports: any;
+        };
+    }): any;
+    propTypes: {
+        isRoot: any;
+        blocked: any;
+        blockedThread: any;
+        approvalStatus: any;
+        allowedActions: any;
+    };
+};
+export default DiscussionThreadItemActions;
+//# sourceMappingURL=index.d.ts.map