@seafile/sdoc-editor 1.0.54 → 1.0.55

package/dist/basic-sdk/comment/components/global-comment/index.js

@@ -1,49 +1,57 @@
-import React, { useCallback, useEffect, useRef, useState } from 'react';
-import dayjs from 'dayjs';
-import EventBus from '../../../utils/event-bus';
-import useCommentList from '../../hooks/comment-hooks/use-comment-list';
-import CommentItemWrapper from '../comment-item-wrapper';
-import GlobalCommentHeader from './global-comment-header';
-import GlobalCommentBodyHeader from './global-comment-body-header';
-import { DOC_COMMENT_ELEMENT_ID } from '../../constants';
-import context from '../../../../context';
-import { useCommentContext } from '../../hooks/comment-hooks/use-comment-context';
-import GlobalCommentEditor from './global-comment-editor';
-import { INTERNAL_EVENT } from '../../../constants';
-import { getNodeById } from '../../../extension/core';
-import './index.css';
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _dayjs = _interopRequireDefault(require("dayjs"));
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var _useCommentList = _interopRequireDefault(require("../../hooks/comment-hooks/use-comment-list"));
+var _commentItemWrapper = _interopRequireDefault(require("../comment-item-wrapper"));
+var _globalCommentHeader = _interopRequireDefault(require("./global-comment-header"));
+var _globalCommentBodyHeader = _interopRequireDefault(require("./global-comment-body-header"));
+var _constants = require("../../constants");
+var _context = _interopRequireDefault(require("../../../../context"));
+var _useCommentContext = require("../../hooks/comment-hooks/use-comment-context");
+var _globalCommentEditor = _interopRequireDefault(require("./global-comment-editor"));
+var _constants2 = require("../../../constants");
+var _core = require("../../../extension/core");
+require("./index.css");
 const GlobalComment = _ref => {
   let {
     deleteUnseenNotifications,
     editor
   } = _ref;
-  const [activeComment, setActiveComment] = useState(null);
-  const [isShowCommentList, setShowCommentList] = useState(false);
-  const [showEditor, setShowEditor] = useState(false);
-  const [draggerStyle, setDraggerStyle] = useState({});
-  const [isScrollDisplayed, setIsScrollDisplayed] = useState(false);
-  const commentRef = useRef(null);
-  const contentRef = useRef(null);
-  const commentDrawerRef = useRef(null);
-  const isResizingRef = useRef(false);
-  const commentResizeHandler = useRef(null);
+  const [activeComment, setActiveComment] = (0, _react.useState)(null);
+  const [isShowCommentList, setShowCommentList] = (0, _react.useState)(false);
+  const [showEditor, setShowEditor] = (0, _react.useState)(false);
+  const [draggerStyle, setDraggerStyle] = (0, _react.useState)({});
+  const [isScrollDisplayed, setIsScrollDisplayed] = (0, _react.useState)(false);
+  const commentRef = (0, _react.useRef)(null);
+  const contentRef = (0, _react.useRef)(null);
+  const commentDrawerRef = (0, _react.useRef)(null);
+  const isResizingRef = (0, _react.useRef)(false);
+  const commentResizeHandler = (0, _react.useRef)(null);
   const {
     commentList,
     commentType,
     setCommentType
-  } = useCommentList();
-  const setArticleContainerStyle = useCallback(() => {
-    const eventBus = EventBus.getInstance();
-    eventBus.dispatch(INTERNAL_EVENT.OUTLINE_STATE_CHANGED, {
+  } = (0, _useCommentList.default)();
+  const setArticleContainerStyle = (0, _react.useCallback)(() => {
+    const eventBus = _eventBus.default.getInstance();
+    eventBus.dispatch(_constants2.INTERNAL_EVENT.OUTLINE_STATE_CHANGED, {
       scrollIntoArticle: true
     });
   }, []);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     if (isShowCommentList) {
       setArticleContainerStyle();
     }
   }, [isShowCommentList, setArticleContainerStyle]);
-  const toggle = useCallback(() => {
+  const toggle = (0, _react.useCallback)(() => {
     if (isShowCommentList) {
       setActiveComment(null);
       setShowCommentList(false);
@@ -52,31 +60,31 @@ const GlobalComment = _ref => {
     }
     setShowCommentList(true);
   }, [isShowCommentList]);
-  const handleHideDragger = useCallback(event => {
+  const handleHideDragger = (0, _react.useCallback)(event => {
     if (isResizingRef.current) return;
     setDraggerStyle({
       display: 'none'
     });
   }, []);
-  const handleResizeEnd = useCallback(e => {
+  const handleResizeEnd = (0, _react.useCallback)(e => {
     isResizingRef.current = false;
     document.removeEventListener('mouseup', handleResizeEnd);
     handleHideDragger();
   }, [handleHideDragger]);
-  const detectScroll = useCallback(() => {
+  const detectScroll = (0, _react.useCallback)(() => {
     if (!contentRef.current) return;
     const contentContainer = contentRef.current;
     const isShowScroll = contentContainer.scrollHeight > contentContainer.clientHeight;
     setIsScrollDisplayed(isShowScroll);
   }, []);
-  const handleResizing = useCallback(e => {
+  const handleResizing = (0, _react.useCallback)(e => {
     const commentDrawer = commentDrawerRef.current;
     if (isResizingRef.current && commentDrawer) {
       let width = commentDrawer.offsetWidth - e.movementX;
       // Limit the width of the comment drawer
       width = Math.min(width, 620);
       width = Math.max(width, 360);
-      commentDrawer.style.width = "".concat(width, "px");
+      commentDrawer.style.width = `${width}px`;
       const isShrink = e.movementX > 0;
       setArticleContainerStyle({
         width,
@@ -85,45 +93,45 @@ const GlobalComment = _ref => {
       detectScroll();
     }
   }, [detectScroll, setArticleContainerStyle]);
-  const handleResizeStart = useCallback(e => {
+  const handleResizeStart = (0, _react.useCallback)(e => {
     isResizingRef.current = true;
     document.addEventListener('mouseup', handleResizeEnd);
     document.addEventListener('mousemove', handleResizing);
   }, [handleResizeEnd, handleResizing]);
-  useEffect(() => {
-    const eventBus = EventBus.getInstance();
-    const unsubscribe = eventBus.subscribe(INTERNAL_EVENT.COMMENT_LIST_CLICK, toggle);
+  (0, _react.useEffect)(() => {
+    const eventBus = _eventBus.default.getInstance();
+    const unsubscribe = eventBus.subscribe(_constants2.INTERNAL_EVENT.COMMENT_LIST_CLICK, toggle);
     return () => {
       unsubscribe();
       document.removeEventListener('mousemove', handleResizing);
-      eventBus.dispatch(INTERNAL_EVENT.OUTLINE_STATE_CHANGED);
+      eventBus.dispatch(_constants2.INTERNAL_EVENT.OUTLINE_STATE_CHANGED);
     };
   }, [handleResizing, toggle]);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     detectScroll();
   }, [commentList, detectScroll, isShowCommentList]);
-  const updateScrollPosition = useCallback(() => {
+  const updateScrollPosition = (0, _react.useCallback)(() => {
     const resolvedDom = document.querySelector('.sdoc-resolved');
     contentRef.current.scrollTo({
       top: resolvedDom.offsetTop,
       behavior: 'smooth'
     });
   }, []);
-  const hiddenComment = useCallback(() => {
+  const hiddenComment = (0, _react.useCallback)(() => {
     setActiveComment(null);
   }, []);
-  const onCommentClick = useCallback((comment, element) => {
+  const onCommentClick = (0, _react.useCallback)((comment, element) => {
     if (activeComment && activeComment.id === comment.id) return;
     setActiveComment(comment);
     deleteUnseenNotifications && deleteUnseenNotifications(comment);
-    if (comment.detail.element_id === DOC_COMMENT_ELEMENT_ID) return;
+    if (comment.detail.element_id === _constants.DOC_COMMENT_ELEMENT_ID) return;
     if (!element) return;
   }, [activeComment, deleteUnseenNotifications]);
   const {
     dispatch
-  } = useCommentContext();
-  const insertComment = useCallback(async (elementId, comment) => {
-    const res = await context.insertComment(comment);
+  } = (0, _useCommentContext.useCommentContext)();
+  const insertComment = (0, _react.useCallback)(async (elementId, comment) => {
+    const res = await _context.default.insertComment(comment);
     const {
       comment: returnComment
     } = res.data;
@@ -143,10 +151,10 @@ const GlobalComment = _ref => {
     });
     setShowEditor(false);
   }, [dispatch]);
-  const insertDocComment = useCallback(commentDetail => {
-    const user = context.getUserInfo();
-    const elementId = DOC_COMMENT_ELEMENT_ID;
-    const time = dayjs().format('YYYY-MM-DD HH:mm:ss');
+  const insertDocComment = (0, _react.useCallback)(commentDetail => {
+    const user = _context.default.getUserInfo();
+    const elementId = _constants.DOC_COMMENT_ELEMENT_ID;
+    const time = (0, _dayjs.default)().format('YYYY-MM-DD HH:mm:ss');
     const comment = {
       comment: commentDetail,
       detail: {
@@ -159,14 +167,14 @@ const GlobalComment = _ref => {
     insertComment(elementId, comment);
     detectScroll();
   }, [detectScroll, insertComment]);
-  const toggleGlobalCommentEditor = useCallback(() => {
+  const toggleGlobalCommentEditor = (0, _react.useCallback)(() => {
     setShowEditor(!showEditor);
     setActiveComment(null);
   }, [showEditor]);
-  const hiddenCommentEditor = useCallback(() => {
+  const hiddenCommentEditor = (0, _react.useCallback)(() => {
     setShowEditor(false);
   }, []);
-  const handleDisplayDragger = useCallback(event => {
+  const handleDisplayDragger = (0, _react.useCallback)(event => {
     if (isShowCommentList) {
       const {
         pageY
@@ -177,51 +185,51 @@ const GlobalComment = _ref => {
       // 15 is the half height of the dragger
       const topSize = pageY - top - 15;
       setDraggerStyle({
-        top: "".concat(topSize, "px"),
+        top: `${topSize}px`,
         display: 'block'
       });
     }
   }, [isShowCommentList]);
-  const isClickCommentPanelBody = useCallback(event => {
+  const isClickCommentPanelBody = (0, _react.useCallback)(event => {
     if (contentRef.current && contentRef.current.contains(event.target)) return true;
     return false;
   }, []);
   if (!isShowCommentList) return null;
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/_react.default.createElement("div", {
     className: "sdoc-comment-drawer",
     ref: commentDrawerRef
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     ref: commentResizeHandler,
     className: "sdoc-comment-resize-handler",
     onMouseDown: handleResizeStart,
     onMouseLeave: handleHideDragger,
     onMouseMove: handleDisplayDragger
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     style: draggerStyle,
     className: "sdoc-comment-move-dragger"
-  })), /*#__PURE__*/React.createElement("div", {
+  })), /*#__PURE__*/_react.default.createElement("div", {
     ref: commentRef,
     className: "comments-panel-wrapper"
-  }, /*#__PURE__*/React.createElement(GlobalCommentHeader, {
+  }, /*#__PURE__*/_react.default.createElement(_globalCommentHeader.default, {
     toggle: toggle,
     toggleGlobalCommentEditor: toggleGlobalCommentEditor
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     className: "comments-panel-body"
-  }, /*#__PURE__*/React.createElement(GlobalCommentBodyHeader, {
+  }, /*#__PURE__*/_react.default.createElement(_globalCommentBodyHeader.default, {
     commentList: commentList,
     commentType: commentType,
     setCommentType: setCommentType
-  }), /*#__PURE__*/React.createElement("div", {
+  }), /*#__PURE__*/_react.default.createElement("div", {
     ref: contentRef,
     className: "comments-panel-body__content"
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/_react.default.createElement("div", {
     id: "global-comment-list-container",
     className: "sdoc-comment-list-container"
   }, Array.isArray(commentList) && commentList.map(comment => {
     const elementId = comment.detail.element_id;
-    const element = elementId !== DOC_COMMENT_ELEMENT_ID ? getNodeById(editor.children, elementId) : null;
+    const element = elementId !== _constants.DOC_COMMENT_ELEMENT_ID ? (0, _core.getNodeById)(editor.children, elementId) : null;
     const isActive = activeComment && activeComment.id === comment.id;
-    return /*#__PURE__*/React.createElement(CommentItemWrapper, {
+    return /*#__PURE__*/_react.default.createElement(_commentItemWrapper.default, {
       key: comment.id,
       element: element,
       container: "global-comment-list-container",
@@ -233,11 +241,11 @@ const GlobalComment = _ref => {
       isClickCommentPanelBody: isClickCommentPanelBody,
       editor: editor
     });
-  }))), showEditor && /*#__PURE__*/React.createElement(GlobalCommentEditor, {
+  }))), showEditor && /*#__PURE__*/_react.default.createElement(_globalCommentEditor.default, {
     isScrollDisplayed: isScrollDisplayed,
     isClickCommentPanelBody: isClickCommentPanelBody,
     hiddenCommentEditor: hiddenCommentEditor,
     insertDocComment: insertDocComment
   }))));
 };
-export default GlobalComment;
+var _default = exports.default = GlobalComment;

package/dist/basic-sdk/comment/components/index.js

@@ -1,4 +1,21 @@
-import EditorComment from './editor-comment';
-import GlobalComment from './global-comment';
-import './style.css';
-export { EditorComment, GlobalComment };
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "EditorComment", {
+  enumerable: true,
+  get: function () {
+    return _editorComment.default;
+  }
+});
+Object.defineProperty(exports, "GlobalComment", {
+  enumerable: true,
+  get: function () {
+    return _globalComment.default;
+  }
+});
+var _editorComment = _interopRequireDefault(require("./editor-comment"));
+var _globalComment = _interopRequireDefault(require("./global-comment"));
+require("./style.css");

package/dist/basic-sdk/comment/constants/index.js

@@ -1,17 +1,23 @@
-export const COMMENT_TYPES = {
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.UP = exports.POPOVER_ADDING_HEIGHT = exports.LINE_HEIGHT = exports.FONT_SIZE_WIDTH = exports.DOWN = exports.DOC_NOTIFICATION_REDUCER_TYPE = exports.DOC_COMMENT_ELEMENT_ID = exports.COMMENT_URL_CLASSNAME = exports.COMMENT_TYPES = void 0;
+const COMMENT_TYPES = exports.COMMENT_TYPES = {
   DOC: 'Doc_comments',
   ALL: 'All_comments',
   RESOLVED: 'Resolved_comments',
   UNRESOLVED: 'Unresolved_comments'
 };
-export const DOWN = 'down';
-export const UP = 'up';
-export const FONT_SIZE_WIDTH = 15;
-export const LINE_HEIGHT = 22;
-export const POPOVER_ADDING_HEIGHT = 10;
-export const COMMENT_URL_CLASSNAME = 'sdoc-comment-url';
-export const DOC_COMMENT_ELEMENT_ID = '0';
-export const DOC_NOTIFICATION_REDUCER_TYPE = {
+const DOWN = exports.DOWN = 'down';
+const UP = exports.UP = 'up';
+const FONT_SIZE_WIDTH = exports.FONT_SIZE_WIDTH = 15;
+const LINE_HEIGHT = exports.LINE_HEIGHT = 22;
+const POPOVER_ADDING_HEIGHT = exports.POPOVER_ADDING_HEIGHT = 10;
+const COMMENT_URL_CLASSNAME = exports.COMMENT_URL_CLASSNAME = 'sdoc-comment-url';
+const DOC_COMMENT_ELEMENT_ID = exports.DOC_COMMENT_ELEMENT_ID = '0';
+const DOC_NOTIFICATION_REDUCER_TYPE = exports.DOC_NOTIFICATION_REDUCER_TYPE = {
   FETCHING: 'fetching',
   FETCHED: 'fetched',
   FETCH_ERROR: 'error',

package/dist/basic-sdk/comment/helper.js

@@ -1,7 +1,14 @@
-import { ReactEditor } from '@seafile/slate-react';
-import context from '../../context';
-import { useScrollContext } from '../hooks/use-scroll-context';
-export const getSelectionRange = () => {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCursorPosition = exports.getSelectionRange = exports.getElementCommentCountTop = exports.getCursorPosition = exports.getAvatarUrl = void 0;
+var _slateReact = require("@seafile/slate-react");
+var _context = _interopRequireDefault(require("../../context"));
+var _useScrollContext = require("../hooks/use-scroll-context");
+const getSelectionRange = () => {
   if (window.getSelection) {
     const sel = window.getSelection();
     if (sel.getRangeAt && sel.rangeCount) {
@@ -12,7 +19,8 @@ export const getSelectionRange = () => {
   }
   return null;
 };
-export const getCursorPosition = () => {
+exports.getSelectionRange = getSelectionRange;
+const getCursorPosition = () => {
   let x = 0;
   let y = 0;
   let range = getSelectionRange();
@@ -27,8 +35,9 @@ export const getCursorPosition = () => {
     y: y
   };
 };
-export const useCursorPosition = () => {
-  const scrollRef = useScrollContext();
+exports.getCursorPosition = getCursorPosition;
+const useCursorPosition = () => {
+  const scrollRef = (0, _useScrollContext.useScrollContext)();
   const {
     scrollTop = 0
   } = scrollRef.current || {};
@@ -38,16 +47,18 @@ export const useCursorPosition = () => {
   }
   return position;
 };
-export const getAvatarUrl = () => {
-  const server = context.getSetting('serviceUrl');
-  const avatarUrl = "".concat(server, "/media/avatars/default.png");
+exports.useCursorPosition = useCursorPosition;
+const getAvatarUrl = () => {
+  const server = _context.default.getSetting('serviceUrl');
+  const avatarUrl = `${server}/media/avatars/default.png`;
   return avatarUrl;
 };
-export const getElementCommentCountTop = (editor, element, scrollTop) => {
+exports.getAvatarUrl = getAvatarUrl;
+const getElementCommentCountTop = (editor, element, scrollTop) => {
   let minY;
   const children = element.children || [];
   children.forEach(child => {
-    const childDom = ReactEditor.toDOMNode(editor, child);
+    const childDom = _slateReact.ReactEditor.toDOMNode(editor, child);
 
     // use child real dom
     const childRealDom = childDom.childNodes[0];
@@ -60,4 +71,5 @@ export const getElementCommentCountTop = (editor, element, scrollTop) => {
     minY = Math.min(minY, y);
   });
   return minY - 93 + scrollTop; // 100: header height(56) + toolbar height(37)
-};
+};
+exports.getElementCommentCountTop = getElementCommentCountTop;

package/dist/basic-sdk/comment/hooks/comment-hooks/use-comment-context.js

@@ -1,12 +1,20 @@
-import React, { useContext } from 'react';
-export const CommentContext = React.createContext();
-export const useCommentContext = () => {
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCommentContext = exports.CommentContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+const CommentContext = exports.CommentContext = /*#__PURE__*/_react.default.createContext();
+const useCommentContext = () => {
   const {
     commentsInfo,
     dispatch
-  } = useContext(CommentContext);
+  } = (0, _react.useContext)(CommentContext);
   return {
     commentsInfo,
     dispatch
   };
-};
+};
+exports.useCommentContext = useCommentContext;

package/dist/basic-sdk/comment/hooks/comment-hooks/use-comment-list.js

@@ -1,26 +1,32 @@
-import { useEffect, useState } from 'react';
-import { useCommentContext } from './use-comment-context';
-import { COMMENT_TYPES, DOC_COMMENT_ELEMENT_ID } from '../../constants';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = require("react");
+var _useCommentContext = require("./use-comment-context");
+var _constants = require("../../constants");
 const useCommentList = () => {
   const {
     commentsInfo
-  } = useCommentContext();
+  } = (0, _useCommentContext.useCommentContext)();
   const {
     comment_list
   } = commentsInfo || [];
-  const [commentType, setCommentType] = useState(COMMENT_TYPES.ALL);
-  const [commentList, setCommentList] = useState([comment_list]);
-  useEffect(() => {
-    if (commentType === COMMENT_TYPES.ALL) {
+  const [commentType, setCommentType] = (0, _react.useState)(_constants.COMMENT_TYPES.ALL);
+  const [commentList, setCommentList] = (0, _react.useState)([comment_list]);
+  (0, _react.useEffect)(() => {
+    if (commentType === _constants.COMMENT_TYPES.ALL) {
       setCommentList(comment_list);
-    } else if (commentType === COMMENT_TYPES.RESOLVED) {
+    } else if (commentType === _constants.COMMENT_TYPES.RESOLVED) {
       const commentList = comment_list.filter(item => item.resolved);
       setCommentList(commentList);
-    } else if (commentType === COMMENT_TYPES.UNRESOLVED) {
+    } else if (commentType === _constants.COMMENT_TYPES.UNRESOLVED) {
       const commentList = comment_list.filter(item => !item.resolved);
       setCommentList(commentList);
-    } else if (commentType === COMMENT_TYPES.DOC) {
-      const commentList = comment_list.filter(comment => comment.detail.element_id === DOC_COMMENT_ELEMENT_ID);
+    } else if (commentType === _constants.COMMENT_TYPES.DOC) {
+      const commentList = comment_list.filter(comment => comment.detail.element_id === _constants.DOC_COMMENT_ELEMENT_ID);
       setCommentList(commentList);
     }
   }, [commentType, comment_list]);
@@ -30,4 +36,4 @@ const useCommentList = () => {
     setCommentType
   };
 };
-export default useCommentList;
+var _default = exports.default = useCommentList;

package/dist/basic-sdk/comment/hooks/comment-hooks/use-comment-mount.js

@@ -1,14 +1,21 @@
-import { useCallback, useEffect } from 'react';
-import context from '../../../../context';
-import EventBus from '../../../utils/event-bus';
-import { EXTERNAL_EVENT } from '../../../../constants';
-export const useCommentsMount = dispatch => {
-  const request = useCallback(async () => {
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useCommentsMount = void 0;
+var _react = require("react");
+var _context = _interopRequireDefault(require("../../../../context"));
+var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
+var _constants = require("../../../../constants");
+const useCommentsMount = dispatch => {
+  const request = (0, _react.useCallback)(async () => {
     dispatch({
       type: 'FETCHING_STATE'
     });
     try {
-      const res = await context.listComments();
+      const res = await _context.default.listComments();
       const comments = res.data.comments;
       dispatch({
         type: 'RECEIVE_STATE',
@@ -22,12 +29,12 @@ export const useCommentsMount = dispatch => {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  const reRequest = useCallback(async () => {
+  const reRequest = (0, _react.useCallback)(async () => {
     dispatch({
       type: 'REFETCHING_STATE'
     });
     try {
-      const res = await context.listComments();
+      const res = await _context.default.listComments();
       const comments = res.data.comments;
       dispatch({
         type: 'RECEIVE_STATE',
@@ -39,12 +46,13 @@ export const useCommentsMount = dispatch => {
     }
     // eslint-disable-next-line react-hooks/exhaustive-deps
   }, []);
-  useEffect(() => {
+  (0, _react.useEffect)(() => {
     request();
-    const eventBus = EventBus.getInstance();
-    const unsubscribeNewNotification = eventBus.subscribe(EXTERNAL_EVENT.NEW_NOTIFICATION, reRequest);
+    const eventBus = _eventBus.default.getInstance();
+    const unsubscribeNewNotification = eventBus.subscribe(_constants.EXTERNAL_EVENT.NEW_NOTIFICATION, reRequest);
     return () => {
       unsubscribeNewNotification();
     };
   }, [request, reRequest]);
-};
+};
+exports.useCommentsMount = useCommentsMount;

package/dist/basic-sdk/comment/hooks/notification-hooks/index.js

@@ -1,2 +1,25 @@
-export { useNotificationContext, NotificationContext } from './use-notification-context';
-export { useNotificationsMount } from './use-notification-mount';
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "NotificationContext", {
+  enumerable: true,
+  get: function () {
+    return _useNotificationContext.NotificationContext;
+  }
+});
+Object.defineProperty(exports, "useNotificationContext", {
+  enumerable: true,
+  get: function () {
+    return _useNotificationContext.useNotificationContext;
+  }
+});
+Object.defineProperty(exports, "useNotificationsMount", {
+  enumerable: true,
+  get: function () {
+    return _useNotificationMount.useNotificationsMount;
+  }
+});
+var _useNotificationContext = require("./use-notification-context");
+var _useNotificationMount = require("./use-notification-mount");

package/dist/basic-sdk/comment/hooks/notification-hooks/use-notification-context.js

@@ -1,12 +1,20 @@
-import React, { useContext } from 'react';
-export const NotificationContext = React.createContext();
-export const useNotificationContext = () => {
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useNotificationContext = exports.NotificationContext = void 0;
+var _react = _interopRequireWildcard(require("react"));
+const NotificationContext = exports.NotificationContext = /*#__PURE__*/_react.default.createContext();
+const useNotificationContext = () => {
   const {
     notificationsInfo,
     dispatch
-  } = useContext(NotificationContext);
+  } = (0, _react.useContext)(NotificationContext);
   return {
     notificationsInfo,
     dispatch
   };
-};
+};
+exports.useNotificationContext = useNotificationContext;