@seafile/sdoc-editor 2.0.82 → 2.0.83

package/dist/comment/components/editor-comment.js

@@ -0,0 +1,217 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _createForOfIteratorHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/createForOfIteratorHelper"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _slate = require("@seafile/slate");
+var _classnames = _interopRequireDefault(require("classnames"));
+var _constants = require("../../constants");
+var _helpers = require("../../extension/plugins/ai/ai-module/helpers");
+var _useSelectionElement = require("../../hooks/use-selection-element");
+var _useSelectionUpdate = _interopRequireDefault(require("../../hooks/use-selection-update"));
+var _eventBus = _interopRequireDefault(require("../../utils/event-bus"));
+var _helper = require("../helper");
+var _useCommentContext = require("../hooks/comment-hooks/use-comment-context");
+var _commentList = _interopRequireDefault(require("./comment-list"));
+var _elementsCommentCount = _interopRequireDefault(require("./elements-comment-count"));
+var EditorComment = function EditorComment(_ref) {
+  var editor = _ref.editor;
+  (0, _useSelectionUpdate["default"])();
+  var element_comments_map = (0, _useCommentContext.useCommentContext)().commentsInfo.element_comments_map;
+  var currentSelectionElement = (0, _useSelectionElement.useSelectionElement)({
+    editor: editor
+  }); // The slate node of the current cursor line
+  var _useState = (0, _react.useState)([]),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    activeElementIds = _useState2[0],
+    setActiveElementIds = _useState2[1]; // The elements currently activated by clicking
+  var _useState3 = (0, _react.useState)(false),
+    _useState4 = (0, _slicedToArray2["default"])(_useState3, 2),
+    isShowComments = _useState4[0],
+    setIsShowComments = _useState4[1];
+  var _useState5 = (0, _react.useState)({}),
+    _useState6 = (0, _slicedToArray2["default"])(_useState5, 2),
+    commentDetail = _useState6[0],
+    setCommentDetail = _useState6[1];
+  var _useState7 = (0, _react.useState)(false),
+    _useState8 = (0, _slicedToArray2["default"])(_useState7, 2),
+    isContextComment = _useState8[0],
+    setIsContextComment = _useState8[1];
+  var _useState9 = (0, _react.useState)(false),
+    _useState0 = (0, _slicedToArray2["default"])(_useState9, 2),
+    isClickedContextComment = _useState0[0],
+    setIsClickedContextComment = _useState0[1];
+  var commentedDomRef = (0, _react.useRef)(null);
+  var hiddenComment = (0, _react.useCallback)(function () {
+    setCommentDetail({});
+    setIsShowComments(false);
+    setIsContextComment(false);
+    (0, _helpers.removeMarks)(editor);
+    setIsClickedContextComment(false);
+  }, [editor]);
+  var onSelectElement = (0, _react.useCallback)(function (elementId) {
+    var isClickInContext = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+    if (!isClickInContext) {
+      hiddenComment();
+      var _activeElementIds = [elementId];
+      setActiveElementIds(_activeElementIds);
+      var unresolvedComments = element_comments_map[elementId].filter(function (item) {
+        return !item.resolved;
+      });
+      setCommentDetail((0, _objectSpread2["default"])({}, unresolvedComments));
+      setIsClickedContextComment(false);
+    }
+    setIsShowComments(true);
+    if (isClickInContext) {
+      var clickedComments = [];
+      for (var _i = 0, _Object$values = Object.values(editor.element_comments_map); _i < _Object$values.length; _i++) {
+        var comments = _Object$values[_i];
+        var _iterator = (0, _createForOfIteratorHelper2["default"])(comments),
+          _step;
+        try {
+          for (_iterator.s(); !(_step = _iterator.n()).done;) {
+            var comment = _step.value;
+            if (elementId.includes(comment.detail.text_comment_id)) {
+              clickedComments.push(comment);
+            }
+          }
+        } catch (err) {
+          _iterator.e(err);
+        } finally {
+          _iterator.f();
+        }
+      }
+      setCommentDetail((0, _objectSpread2["default"])({}, clickedComments));
+      setIsClickedContextComment(true);
+    }
+  }, [editor, element_comments_map, hiddenComment]);
+  (0, _react.useEffect)(function () {
+    var handleHoverContextComment = function handleHoverContextComment(event) {
+      var _parentDom$className;
+      var parentDom = event.target.parentElement;
+      if (parentDom !== null && parentDom !== void 0 && (_parentDom$className = parentDom.className) !== null && _parentDom$className !== void 0 && _parentDom$className.includes('sdoc_comment_')) {
+        var isHover = event.type === 'mouseover';
+        var matchedAttributes = parentDom.className.split(' ').filter(function (cls) {
+          return cls.startsWith('sdoc_comment_');
+        });
+        matchedAttributes.forEach(function (className) {
+          var el = document.querySelectorAll(".".concat(className));
+          el.forEach(function (el) {
+            el.style.textDecoration = isHover ? 'underline #eb8205' : '';
+            el.style.textDecorationThickness = isHover ? '2px' : '';
+          });
+        });
+      }
+    };
+    document.addEventListener('mouseover', handleHoverContextComment);
+    document.addEventListener('mouseout', handleHoverContextComment);
+    return function () {
+      document.removeEventListener('mouseover', handleHoverContextComment);
+      document.removeEventListener('mouseout', handleHoverContextComment);
+    };
+  }, []);
+  var onSetCommentDetail = (0, _react.useCallback)(function (comment) {
+    setCommentDetail(comment);
+  }, []);
+
+  // Comments are updated to modify the current comment
+  (0, _react.useEffect)(function () {
+    if (isContextComment && activeElementIds) {
+      var unresolvedComments = element_comments_map[activeElementIds[0].element.id].filter(function (item) {
+        return !item.resolved;
+      });
+      if (unresolvedComments.length === 0) {
+        setIsShowComments(false);
+      }
+    }
+    if (activeElementIds && !Array.isArray(activeElementIds)) {
+      var _unresolvedComments = element_comments_map[activeElementIds.id].filter(function (item) {
+        return !item.resolved;
+      });
+      if (_unresolvedComments.length === 0) {
+        setIsShowComments(false);
+      }
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [element_comments_map]);
+  (0, _react.useEffect)(function () {
+    // Close when the currently selected element changes
+    if (isShowComments) {
+      hiddenComment();
+    }
+    if (isContextComment) {
+      (0, _helpers.removeMarks)(editor);
+    }
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, [currentSelectionElement, editor.selection]);
+  (0, _react.useEffect)(function () {
+    var handleAddContextComment = function handleAddContextComment() {
+      // Add temporary marks for selection
+      _slate.Editor.addMark(editor, 'comment', true);
+      setTimeout(function () {
+        var activeElementIds = (0, _helper.getSelectedElemIds)(editor);
+        var lastSelectedDom = (0, _helper.getDomById)(activeElementIds[activeElementIds.length - 1]);
+        commentedDomRef.current = lastSelectedDom;
+        setActiveElementIds(activeElementIds);
+        setIsShowComments(true);
+        setCommentDetail({});
+        setIsContextComment(true);
+      }, 0);
+    };
+    var handleClickCommentedText = function handleClickCommentedText(event) {
+      var parentDom = event.target.parentElement;
+      if (parentDom !== null && parentDom !== void 0 && parentDom.className.split(/\s+/).some(function (cls) {
+        return cls.startsWith('sdoc_comment');
+      })) {
+        commentedDomRef.current = parentDom;
+        var matchedAttributes = parentDom.className.split(' ').filter(function (cls) {
+          return cls.startsWith('sdoc_comment_');
+        });
+        var clickedCommmentIdArray = matchedAttributes.map(function (item) {
+          return item.replace('sdoc_comment_', '');
+        });
+        onSelectElement(clickedCommmentIdArray, true);
+      }
+    };
+    var eventBus = _eventBus["default"].getInstance();
+    var unsubscribeAddContextComment = eventBus.subscribe(_constants.INTERNAL_EVENT.ADD_CONTEXT_COMMENT, handleAddContextComment);
+    document.addEventListener('click', handleClickCommentedText);
+    return function () {
+      unsubscribeAddContextComment();
+      document.removeEventListener('click', handleClickCommentedText);
+    };
+  }, [editor, onSelectElement]);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-comment-container"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "comment-container-main"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('comment-container-right', {
+      'isContextComment': isContextComment
+    })
+  }, /*#__PURE__*/_react["default"].createElement(_elementsCommentCount["default"], {
+    elementCommentsMap: element_comments_map,
+    activeElementIds: activeElementIds,
+    editor: editor,
+    onSelectElement: onSelectElement
+  }), isShowComments && /*#__PURE__*/_react["default"].createElement(_commentList["default"], {
+    activeElementIds: activeElementIds,
+    commentDetail: commentDetail,
+    onSetCommentDetail: onSetCommentDetail,
+    isContextComment: isContextComment,
+    isClickedContextComment: isClickedContextComment,
+    setIsClickedContextComment: setIsClickedContextComment,
+    onSelectElement: onSelectElement,
+    commentedDom: commentedDomRef.current,
+    closeComment: hiddenComment,
+    editor: editor
+  })));
+};
+var _default = exports["default"] = EditorComment;

package/dist/comment/components/elements-comment-count/element-comment-count.js

@@ -0,0 +1,67 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _constants = require("../../../constants");
+var _core = require("../../../extension/core");
+var _useScrollContext = require("../../../hooks/use-scroll-context");
+var _mouseEvent = require("../../../utils/mouse-event");
+var _helper = require("../../helper");
+var ElementCommentCount = function ElementCommentCount(_ref) {
+  var elementId = _ref.elementId,
+    isElementSelected = _ref.isElementSelected,
+    commentsCount = _ref.commentsCount,
+    editor = _ref.editor,
+    onSelectElement = _ref.onSelectElement;
+  var element = (0, _core.getNodeById)(editor.children, elementId);
+  var _useState = (0, _react.useState)(-9999),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    top = _useState2[0],
+    setTop = _useState2[1];
+  var scrollRef = (0, _useScrollContext.useScrollContext)();
+  var onClick = (0, _react.useCallback)(function (event) {
+    (0, _mouseEvent.eventStopPropagation)(event);
+    onSelectElement(elementId);
+  }, [elementId, onSelectElement]);
+  var updatePosition = (0, _react.useCallback)(function () {
+    if (!element) return;
+    var scrollTop = scrollRef.current.scrollTop || 0;
+    var newTop = (0, _helper.getElementCommentCountTop)(editor, element, scrollTop);
+    setTop(newTop);
+  }, [editor, element, scrollRef]);
+  (0, _react.useEffect)(function () {
+    updatePosition();
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  (0, _react.useEffect)(function () {
+    var scrollDom = scrollRef.current;
+    scrollDom.addEventListener('scroll', updatePosition);
+    return function () {
+      scrollDom.removeEventListener('scroll', updatePosition);
+    };
+  }, [editor, elementId, element, scrollRef, isElementSelected, updatePosition]);
+  if (!element) return null;
+  var style = {
+    top: top
+  };
+  if (isElementSelected) {
+    style['zIndex'] = _constants.Z_INDEX.ACTIVE_COMMENT_COUNT;
+  }
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "element-comments-count",
+    style: style,
+    onClick: onClick
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "sdocfont sdoc-comment-count"
+  }), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "element-comments-count-value"
+  }, commentsCount));
+};
+var _default = exports["default"] = ElementCommentCount;

package/dist/comment/components/elements-comment-count/index.js

@@ -0,0 +1,51 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _utils = require("../../utils");
+var _elementCommentCount = _interopRequireDefault(require("./element-comment-count"));
+require("./index.css");
+var ElementsCommentCount = function ElementsCommentCount(_ref) {
+  var elementCommentsMap = _ref.elementCommentsMap,
+    selectionElement = _ref.selectionElement,
+    editor = _ref.editor,
+    onSelectElement = _ref.onSelectElement;
+  if (!elementCommentsMap) return null;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "elements-comments-count"
+  }, Object.keys(elementCommentsMap).map(function (originElementId) {
+    var _comments$0$detail$el, _comments$0$detail;
+    var comments = elementCommentsMap[originElementId];
+    if (!Array.isArray(comments) || comments.length === 0) return null;
+    var elementId = originElementId;
+    var elementIdList = (_comments$0$detail$el = (_comments$0$detail = comments[0].detail) === null || _comments$0$detail === void 0 ? void 0 : _comments$0$detail.element_id_list) !== null && _comments$0$detail$el !== void 0 ? _comments$0$detail$el : [];
+    if (elementIdList.length > 1) {
+      var existedId = elementIdList.find(function (id) {
+        return (0, _utils.getCommentElementById)(id, editor);
+      });
+      if (existedId) {
+        elementId = existedId;
+      } else {
+        return null;
+      }
+    }
+    var unresolvedComment = comments.filter(function (item) {
+      return !item.resolved;
+    });
+    var unresolvedCommentCount = unresolvedComment.length;
+    if (unresolvedCommentCount === 0) return null;
+    return /*#__PURE__*/_react["default"].createElement(_elementCommentCount["default"], {
+      key: "".concat(originElementId, "-").concat(elementId),
+      elementId: elementId,
+      isElementSelected: selectionElement && selectionElement.id === elementId,
+      commentsCount: unresolvedCommentCount,
+      editor: editor,
+      onSelectElement: onSelectElement
+    });
+  }));
+};
+var _default = exports["default"] = ElementsCommentCount;

package/dist/comment/components/global-comment/global-comment-body-header.js

@@ -0,0 +1,91 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _reactstrap = require("reactstrap");
+var _mouseEvent = require("../../../utils/mouse-event");
+var _constants = require("../../constants");
+var CommentTypeDropdownItem = function CommentTypeDropdownItem(_ref) {
+  var type = _ref.type,
+    setCommentType = _ref.setCommentType;
+  var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
+    t = _useTranslation.t;
+  var handleCommentTypeChanged = (0, _react.useCallback)(function (event, type) {
+    (0, _mouseEvent.eventStopPropagation)(event);
+    setCommentType(type);
+
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+  }, []);
+  return /*#__PURE__*/_react["default"].createElement(_reactstrap.DropdownItem, {
+    className: "sdoc-dropdown-menu-item",
+    tag: 'div',
+    onClick: function onClick(event) {
+      return handleCommentTypeChanged(event, type);
+    }
+  }, t(type));
+};
+var GlobalCommentBodyHeader = function GlobalCommentBodyHeader(_ref2) {
+  var _ref2$commentList = _ref2.commentList,
+    commentList = _ref2$commentList === void 0 ? [] : _ref2$commentList,
+    commentType = _ref2.commentType,
+    setCommentType = _ref2.setCommentType;
+  var _useTranslation2 = (0, _reactI18next.useTranslation)('sdoc-editor'),
+    t = _useTranslation2.t;
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isDropdownOpen = _useState2[0],
+    setDropdownOpen = _useState2[1];
+  var commentTip = null;
+  if (commentList.length === 1) {
+    commentTip = t('Total_1_comment');
+  } else if (commentList.length > 1) {
+    commentTip = t('Total_count_comments', {
+      count: commentList.length
+    });
+  }
+  var id = 'comment-type-controller';
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "comments-panel-body__header"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "comments-types-count"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    id: "comment-types",
+    className: "comment-type"
+  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.Dropdown, {
+    isOpen: isDropdownOpen,
+    toggle: function toggle() {
+      return setDropdownOpen(!isDropdownOpen);
+    }
+  }, /*#__PURE__*/_react["default"].createElement(_reactstrap.DropdownToggle, {
+    tag: 'div',
+    caret: true,
+    className: "d-flex align-items-center justify-content-center"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    id: id
+  }, t(commentType))), /*#__PURE__*/_react["default"].createElement(_reactstrap.DropdownMenu, {
+    className: "sdoc-dropdown-menu sdoc-comment-filter-dropdown",
+    container: "comment-types"
+  }, /*#__PURE__*/_react["default"].createElement(CommentTypeDropdownItem, {
+    type: _constants.COMMENT_TYPES.ALL,
+    setCommentType: setCommentType
+  }), /*#__PURE__*/_react["default"].createElement(CommentTypeDropdownItem, {
+    type: _constants.COMMENT_TYPES.DOC,
+    setCommentType: setCommentType
+  }), /*#__PURE__*/_react["default"].createElement(CommentTypeDropdownItem, {
+    type: _constants.COMMENT_TYPES.RESOLVED,
+    setCommentType: setCommentType
+  }), /*#__PURE__*/_react["default"].createElement(CommentTypeDropdownItem, {
+    type: _constants.COMMENT_TYPES.UNRESOLVED,
+    setCommentType: setCommentType
+  })))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "comment-count-tip"
+  }, commentTip)));
+};
+var _default = exports["default"] = GlobalCommentBodyHeader;

package/dist/comment/components/global-comment/global-comment-editor.js

@@ -0,0 +1,34 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _classnames = _interopRequireDefault(require("classnames"));
+var _commentEditor = _interopRequireDefault(require("../comment-editor"));
+var GlobalCommentEditor = function GlobalCommentEditor(_ref) {
+  var isScrollDisplayed = _ref.isScrollDisplayed,
+    globalCommentContent = _ref.globalCommentContent,
+    type = _ref.type,
+    insertDocComment = _ref.insertDocComment,
+    hiddenCommentEditor = _ref.hiddenCommentEditor,
+    onContentChange = _ref.onContentChange;
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])('sdoc-doc-comment-editor-container', 'sdoc-comment-list-container', {
+      'scrolled': isScrollDisplayed
+    })
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-doc-comment-editor-content"
+  }, /*#__PURE__*/_react["default"].createElement(_commentEditor["default"], {
+    type: type,
+    className: "sdoc-doc-comment-editor",
+    commentContent: globalCommentContent,
+    hiddenUserInfo: true,
+    insertContent: insertDocComment,
+    hiddenComment: hiddenCommentEditor,
+    onContentChange: onContentChange
+  })));
+};
+var _default = exports["default"] = GlobalCommentEditor;

package/dist/comment/components/global-comment/global-comment-header.js

@@ -0,0 +1,106 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard")["default"];
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault")["default"];
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
+var _react = _interopRequireWildcard(require("react"));
+var _reactI18next = require("react-i18next");
+var _tooltip = _interopRequireDefault(require("../../../components/tooltip"));
+var _constants = require("../../../constants");
+var _context2 = _interopRequireDefault(require("../../../context"));
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var _mouseEvent = require("../../../utils/mouse-event");
+var GlobalCommentHeader = function GlobalCommentHeader(_ref) {
+  var toggle = _ref.toggle,
+    activeCommentGroup = _ref.activeCommentGroup,
+    setCurrentCommentGroup = _ref.setCurrentCommentGroup;
+  var _useTranslation = (0, _reactI18next.useTranslation)('sdoc-editor'),
+    t = _useTranslation.t;
+  var panelHeaderRef = (0, _react.useRef)(null);
+  var _useState = (0, _react.useState)(false),
+    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
+    isMounted = _useState2[0],
+    setIsMounted = _useState2[1];
+  (0, _react.useEffect)(function () {
+    if (panelHeaderRef.current) {
+      setIsMounted(true);
+    }
+  }, []);
+  var goBack = (0, _react.useCallback)(function (event) {
+    (0, _mouseEvent.eventStopPropagation)(event);
+    setCurrentCommentGroup(null);
+  }, [setCurrentCommentGroup]);
+  var toggleReadAll = (0, _react.useCallback)(/*#__PURE__*/function () {
+    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee(event) {
+      var res, notifications, eventBus;
+      return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            (0, _mouseEvent.eventStopPropagation)(event);
+            _context.prev = 1;
+            _context.next = 4;
+            return _context2["default"].readAllNotifications();
+          case 4:
+            _context.next = 6;
+            return _context2["default"].listUnseenNotifications();
+          case 6:
+            res = _context.sent;
+            notifications = res.data.notifications;
+            eventBus = _eventBus["default"].getInstance();
+            eventBus.dispatch(_constants.INTERNAL_EVENT.UNSEEN_NOTIFICATIONS_COUNT, notifications === null || notifications === void 0 ? void 0 : notifications.length);
+            eventBus.dispatch(_constants.INTERNAL_EVENT.NEW_NOTIFICATION);
+            eventBus.dispatch(_constants.INTERNAL_EVENT.CLEAR_NOTIFICATION);
+            _context.next = 16;
+            break;
+          case 14:
+            _context.prev = 14;
+            _context.t0 = _context["catch"](1);
+          case 16:
+          case "end":
+            return _context.stop();
+        }
+      }, _callee, null, [[1, 14]]);
+    }));
+    return function (_x) {
+      return _ref2.apply(this, arguments);
+    };
+  }(), []);
+  return /*#__PURE__*/_react["default"].createElement("div", {
+    className: "comments-panel-header"
+  }, /*#__PURE__*/_react["default"].createElement("div", {
+    className: "comments-panel-header-left"
+  }, activeCommentGroup && /*#__PURE__*/_react["default"].createElement("div", {
+    className: "goback sdoc-icon-btn",
+    onClick: goBack
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "sdocfont sdoc-previous-page",
+    style: {
+      transform: 'scale(1.2)'
+    }
+  })), /*#__PURE__*/_react["default"].createElement("span", {
+    className: "title"
+  }, activeCommentGroup ? t('Comment_details') : t('Comments'))), /*#__PURE__*/_react["default"].createElement("div", {
+    ref: panelHeaderRef,
+    className: "comments-panel-header-right"
+  }, !activeCommentGroup && /*#__PURE__*/_react["default"].createElement("div", {
+    id: "sdoc-read-all-btn",
+    className: "sdoc-icon-btn",
+    onClick: toggleReadAll
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "sdocfont sdoc-all-read"
+  }), isMounted && /*#__PURE__*/_react["default"].createElement(_tooltip["default"], {
+    target: "sdoc-read-all-btn"
+  }, t('Mark_all_as_read'))), /*#__PURE__*/_react["default"].createElement("div", {
+    className: "sdoc-icon-btn",
+    onClick: toggle
+  }, /*#__PURE__*/_react["default"].createElement("i", {
+    className: "sdocfont sdoc-sm-close"
+  }))));
+};
+var _default = exports["default"] = GlobalCommentHeader;