@seafile/sdoc-editor 2.0.139 → 2.0.141

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

@@ -7,21 +7,23 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/defineProperty"));
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+var _regenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regenerator"));
 var _objectSpread3 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 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 _reactstrap = require("reactstrap");
+var _commentEditor = require("@seafile/comment-editor");
 var _classnames = _interopRequireDefault(require("classnames"));
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _slugid = _interopRequireDefault(require("slugid"));
 var _context2 = _interopRequireDefault(require("../../context"));
+var _useCollaborators2 = require("../../hooks/use-collaborators");
 var _useSelectionPosition = require("../../hooks/use-selection-position");
 var _helper = require("../helper");
 var _useCommentContext2 = require("../hooks/comment-hooks/use-comment-context");
-var _commentEditor = _interopRequireDefault(require("./comment-editor"));
+var _useParticipants = require("../hooks/use-participants");
 var _commentItemWrapper = _interopRequireDefault(require("./comment-item-wrapper"));
 require("./comment-list.css");
 var CommentList = function CommentList(_ref) {
@@ -42,6 +44,11 @@ var CommentList = function CommentList(_ref) {
   var commentPopover = (0, _react.useRef)(null);
   var commentDetailRef = (0, _react.useRef)(null);
   var position = (0, _useSelectionPosition.useCommentListPosition)(activeElementIds, isContextComment, isClickedContextComment, commentedDom, commentDetail, closeComment, editor);
+  var _useParticipantsConte = (0, _useParticipants.useParticipantsContext)(),
+    addParticipants = _useParticipantsConte.addParticipants,
+    participants = _useParticipantsConte.participants;
+  var _useCollaborators = (0, _useCollaborators2.useCollaborators)(),
+    collaborators = _useCollaborators.collaborators;
   var _useCommentContext = (0, _useCommentContext2.useCommentContext)(),
     dispatch = _useCommentContext.dispatch;
   var _useState = (0, _react.useState)(false),
@@ -74,20 +81,20 @@ var CommentList = function CommentList(_ref) {
     setCommentInputs = _useState10[1];
   var contextCommentRef = (0, _react.useRef)({});
   var insertComment = (0, _react.useCallback)(/*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee(elementId, comment) {
+    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee(elementId, comment) {
       var isContextComment,
         res,
         returnComment,
         newComment,
         _args = arguments;
-      return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+      return (0, _regenerator2["default"])().w(function (_context) {
+        while (1) switch (_context.n) {
           case 0:
             isContextComment = _args.length > 2 && _args[2] !== undefined ? _args[2] : false;
-            _context.next = 3;
+            _context.n = 1;
             return _context2["default"].insertComment(comment);
-          case 3:
-            res = _context.sent;
+          case 1:
+            res = _context.v;
             returnComment = res.data.comment;
             newComment = (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, comment), {}, {
               isContextComment: isContextComment,
@@ -105,9 +112,8 @@ var CommentList = function CommentList(_ref) {
             });
             onSetCommentDetail(newComment);
             setShowEditor(true);
-          case 9:
-          case "end":
-            return _context.stop();
+          case 2:
+            return _context.a(2);
         }
       }, _callee);
     }));
@@ -202,12 +208,20 @@ var CommentList = function CommentList(_ref) {
       style: {
         paddingTop: isEmptyComment ? '16px' : ''
       }
-    }, isEmptyComment && /*#__PURE__*/_react["default"].createElement(_commentEditor["default"], {
+    }, isEmptyComment && /*#__PURE__*/_react["default"].createElement(_commentEditor.SeafileCommentEditor, {
+      settings: (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, _context2["default"].getSettings()), {}, {
+        mediaUrl: _context2["default"].getSetting('mediaUrl') + 'comment-editor/'
+      }),
+      addParticipants: addParticipants,
+      participants: participants,
+      collaborators: collaborators,
       type: "comment",
       insertContent: addNewComment,
       hiddenComment: hiddenComment,
-      isContextComment: isContextComment,
-      closeComment: closeComment
+      closePanel: closeComment,
+      api: {
+        uploadLocalImage: _context2["default"].uploadLocalImage
+      }
     }), !isEmptyComment && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, !isActiveEditor && /*#__PURE__*/_react["default"].createElement(_reactstrap.Input, {
       value: inputContent !== null && inputContent !== void 0 && inputContent.trim() ? '.....' : '',
       readOnly: true,
@@ -215,29 +229,46 @@ var CommentList = function CommentList(_ref) {
       onFocus: function onFocus() {
         setActiveCommentKey(index);
       }
-    }), isActiveEditor && /*#__PURE__*/_react["default"].createElement(_commentEditor["default"], {
+    }), isActiveEditor && /*#__PURE__*/_react["default"].createElement(_commentEditor.SeafileCommentEditor, {
       type: "reply",
+      settings: (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, _context2["default"].getSettings()), {}, {
+        mediaUrl: _context2["default"].getSetting('mediaUrl') + 'comment-editor/'
+      }),
       placeholder: 'Enter_reply_shift_Enter_for_new_line_Enter_to_send',
-      commentContent: commentInputs[item.id] || '',
+      addParticipants: addParticipants,
+      participants: participants,
+      collaborators: collaborators,
+      content: commentInputs[item.id] || '',
       insertContent: function insertContent(value) {
         return handleReplySubmit(value, item.id);
       },
       onContentChange: function onContentChange(content) {
         return handleInputChange(item.id, content);
       },
-      hiddenComment: hiddenComment
+      hiddenComment: hiddenComment,
+      api: {
+        uploadLocalImage: _context2["default"].uploadLocalImage
+      }
     }))));
   }), Object.values(commentDetail).length === 0 && /*#__PURE__*/_react["default"].createElement("div", {
     className: "non-global-comment-input-wrapper",
     style: {
       paddingTop: isEmptyComment ? '16px' : ''
     }
-  }, isEmptyComment && /*#__PURE__*/_react["default"].createElement(_commentEditor["default"], {
+  }, isEmptyComment && /*#__PURE__*/_react["default"].createElement(_commentEditor.SeafileCommentEditor, {
     type: "comment",
+    settings: (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, _context2["default"].getSettings()), {}, {
+      mediaUrl: _context2["default"].getSetting('mediaUrl') + 'comment-editor/'
+    }),
+    addParticipants: addParticipants,
+    participants: participants,
+    collaborators: collaborators,
     insertContent: addNewComment,
     hiddenComment: hiddenComment,
-    isContextComment: isContextComment,
-    closeComment: closeComment
+    closePanel: closeComment,
+    api: {
+      uploadLocalImage: _context2["default"].uploadLocalImage
+    }
   }), !isEmptyComment && /*#__PURE__*/_react["default"].createElement(_react["default"].Fragment, null, !showEditor && /*#__PURE__*/_react["default"].createElement(_reactstrap.Input, {
     value: inputContent !== null && inputContent !== void 0 && inputContent.trim() ? '.....' : '',
     readOnly: true,
@@ -245,15 +276,24 @@ var CommentList = function CommentList(_ref) {
     onFocus: function onFocus() {
       setShowEditor(true);
     }
-  }), showEditor && /*#__PURE__*/_react["default"].createElement(_commentEditor["default"], {
+  }), showEditor && /*#__PURE__*/_react["default"].createElement(_commentEditor.SeafileCommentEditor, {
     type: "reply",
+    settings: (0, _objectSpread3["default"])((0, _objectSpread3["default"])({}, _context2["default"].getSettings()), {}, {
+      mediaUrl: _context2["default"].getSetting('mediaUrl') + 'comment-editor/'
+    }),
     placeholder: 'Enter_reply_shift_Enter_for_new_line_Enter_to_send',
-    commentContent: inputContent,
+    addParticipants: addParticipants,
+    participants: participants,
+    collaborators: collaborators,
+    content: inputContent,
     insertContent: replyComment,
     onContentChange: function onContentChange(content) {
       setInputContent(content);
     },
-    hiddenComment: hiddenComment
+    hiddenComment: hiddenComment,
+    api: {
+      uploadLocalImage: _context2["default"].uploadLocalImage
+    }
   }))));
 };
 var _default = exports["default"] = (0, _reactI18next.withTranslation)('sdoc-editor')(CommentList);

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

@@ -5,9 +5,13 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _react = _interopRequireDefault(require("react"));
+var _commentEditor = require("@seafile/comment-editor");
 var _classnames = _interopRequireDefault(require("classnames"));
-var _commentEditor = _interopRequireDefault(require("../comment-editor"));
+var _context = _interopRequireDefault(require("../../../context"));
+var _useCollaborators2 = require("../../../hooks/use-collaborators");
+var _useParticipants = require("../../hooks/use-participants");
 var GlobalCommentEditor = function GlobalCommentEditor(_ref) {
   var isScrollDisplayed = _ref.isScrollDisplayed,
     globalCommentContent = _ref.globalCommentContent,
@@ -15,20 +19,35 @@ var GlobalCommentEditor = function GlobalCommentEditor(_ref) {
     insertDocComment = _ref.insertDocComment,
     hiddenCommentEditor = _ref.hiddenCommentEditor,
     onContentChange = _ref.onContentChange;
+  var _useParticipantsConte = (0, _useParticipants.useParticipantsContext)(),
+    addParticipants = _useParticipantsConte.addParticipants,
+    participants = _useParticipantsConte.participants;
+  var _useCollaborators = (0, _useCollaborators2.useCollaborators)(),
+    collaborators = _useCollaborators.collaborators;
+  var commentEditorProps = {
+    type: type,
+    className: 'sdoc-doc-comment-editor',
+    settings: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _context["default"].getSettings()), {}, {
+      mediaUrl: _context["default"].getSetting('mediaUrl') + 'comment-editor/'
+    }),
+    hiddenUserInfo: true,
+    content: globalCommentContent,
+    insertContent: insertDocComment,
+    onContentChange: onContentChange,
+    hiddenComment: hiddenCommentEditor,
+    addParticipants: addParticipants,
+    collaborators: collaborators,
+    participants: participants,
+    api: {
+      uploadLocalImage: _context["default"].uploadLocalImage
+    }
+  };
   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
-  })));
+  }, /*#__PURE__*/_react["default"].createElement(_commentEditor.SeafileCommentEditor, commentEditorProps)));
 };
 var _default = exports["default"] = GlobalCommentEditor;

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+var _regenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -37,35 +37,34 @@ var GlobalCommentHeader = function GlobalCommentHeader(_ref) {
     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) {
+    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee(event) {
+      var res, notifications, eventBus, _t;
+      return (0, _regenerator2["default"])().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
           case 0:
             (0, _mouseEvent.eventStopPropagation)(event);
-            _context.prev = 1;
-            _context.next = 4;
+            _context.p = 1;
+            _context.n = 2;
             return _context2["default"].readAllNotifications();
-          case 4:
-            _context.next = 6;
+          case 2:
+            _context.n = 3;
             return _context2["default"].listUnseenNotifications();
-          case 6:
-            res = _context.sent;
+          case 3:
+            res = _context.v;
             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;
+            _context.n = 5;
             break;
-          case 14:
-            _context.prev = 14;
-            _context.t0 = _context["catch"](1);
-          case 16:
-          case "end":
-            return _context.stop();
+          case 4:
+            _context.p = 4;
+            _t = _context.v;
+          case 5:
+            return _context.a(2);
         }
-      }, _callee, null, [[1, 14]]);
+      }, _callee, null, [[1, 4]]);
     }));
     return function (_x) {
       return _ref2.apply(this, arguments);

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

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+var _regenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regenerator"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
@@ -89,15 +89,15 @@ var GlobalComment = function GlobalComment(_ref) {
     });
   }, []);
   var insertComment = (0, _react.useCallback)(/*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee(elementId, comment) {
+    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee(elementId, comment) {
       var res, returnComment, newComment;
-      return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+      return (0, _regenerator2["default"])().w(function (_context) {
+        while (1) switch (_context.n) {
           case 0:
-            _context.next = 2;
+            _context.n = 1;
             return _context2["default"].insertComment(comment);
-          case 2:
-            res = _context.sent;
+          case 1:
+            res = _context.v;
             returnComment = res.data.comment;
             newComment = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, comment), {}, {
               id: returnComment.id,
@@ -112,9 +112,8 @@ var GlobalComment = function GlobalComment(_ref) {
                 comment: newComment
               }
             });
-          case 6:
-          case "end":
-            return _context.stop();
+          case 2:
+            return _context.a(2);
         }
       }, _callee);
     }));

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

@@ -5,76 +5,74 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useCommentsMount = void 0;
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+var _regenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 var _react = require("react");
 var _constants = require("../../../constants");
 var _context3 = _interopRequireDefault(require("../../../context"));
 var _eventBus = _interopRequireDefault(require("../../../utils/event-bus"));
 var useCommentsMount = exports.useCommentsMount = function useCommentsMount(dispatch) {
-  var request = (0, _react.useCallback)(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee() {
-    var res, comments;
-    return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
-      while (1) switch (_context.prev = _context.next) {
+  var request = (0, _react.useCallback)(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee() {
+    var res, comments, _t;
+    return (0, _regenerator2["default"])().w(function (_context) {
+      while (1) switch (_context.p = _context.n) {
         case 0:
           dispatch({
             type: 'FETCHING_STATE'
           });
-          _context.prev = 1;
-          _context.next = 4;
+          _context.p = 1;
+          _context.n = 2;
           return _context3["default"].listComments();
-        case 4:
-          res = _context.sent;
+        case 2:
+          res = _context.v;
           comments = res.data.comments;
           dispatch({
             type: 'RECEIVE_STATE',
             payload: comments
           });
-          _context.next = 13;
+          _context.n = 4;
           break;
-        case 9:
-          _context.prev = 9;
-          _context.t0 = _context["catch"](1);
-          console.log(_context.t0);
+        case 3:
+          _context.p = 3;
+          _t = _context.v;
+          console.log(_t);
           dispatch({
             type: 'FETCHING_ERROR'
           });
-        case 13:
-        case "end":
-          return _context.stop();
+        case 4:
+          return _context.a(2);
       }
-    }, _callee, null, [[1, 9]]);
+    }, _callee, null, [[1, 3]]);
   })), []);
-  var reRequest = (0, _react.useCallback)(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee2() {
-    var res, comments;
-    return (0, _regeneratorRuntime2["default"])().wrap(function _callee2$(_context2) {
-      while (1) switch (_context2.prev = _context2.next) {
+  var reRequest = (0, _react.useCallback)(/*#__PURE__*/(0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee2() {
+    var res, comments, _t2;
+    return (0, _regenerator2["default"])().w(function (_context2) {
+      while (1) switch (_context2.p = _context2.n) {
         case 0:
           dispatch({
             type: 'REFETCHING_STATE'
           });
-          _context2.prev = 1;
-          _context2.next = 4;
+          _context2.p = 1;
+          _context2.n = 2;
           return _context3["default"].listComments();
-        case 4:
-          res = _context2.sent;
+        case 2:
+          res = _context2.v;
           comments = res.data.comments;
           dispatch({
             type: 'RECEIVE_STATE',
             payload: comments
           });
-          _context2.next = 12;
+          _context2.n = 4;
           break;
-        case 9:
-          _context2.prev = 9;
-          _context2.t0 = _context2["catch"](1);
-          console.log(_context2.t0);
+        case 3:
+          _context2.p = 3;
+          _t2 = _context2.v;
+          console.log(_t2);
           // dispatch({type: 'FETCHING_ERROR'});
-        case 12:
-        case "end":
-          return _context2.stop();
+        case 4:
+          return _context2.a(2);
       }
-    }, _callee2, null, [[1, 9]]);
+    }, _callee2, null, [[1, 3]]);
   })), []);
   (0, _react.useEffect)(function () {
     request();

package/dist/comment/hooks/notification-hooks/use-notification-mount.js

@@ -5,7 +5,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.useNotificationsMount = void 0;
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+var _regenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 var _react = require("react");
 var _reactI18next = require("react-i18next");
@@ -40,41 +40,40 @@ var useNotificationsMount = exports.useNotificationsMount = function useNotifica
     (0, _utils.createNotify)(title, options);
   }, [collaborators, t]);
   var request = (0, _react.useCallback)(/*#__PURE__*/function () {
-    var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee(notification) {
-      var eventBus, res, notifications;
-      return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+    var _ref = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee(notification) {
+      var eventBus, res, notifications, _t;
+      return (0, _regenerator2["default"])().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
           case 0:
             popupBrowserCommentNotification(notification);
             eventBus = _eventBus["default"].getInstance();
             dispatch({
               type: _constants2.DOC_NOTIFICATION_REDUCER_TYPE.FETCHING
             });
-            _context.prev = 3;
-            _context.next = 6;
+            _context.p = 1;
+            _context.n = 2;
             return _context2["default"].listUnseenNotifications();
-          case 6:
-            res = _context.sent;
+          case 2:
+            res = _context.v;
             notifications = res.data.notifications;
             dispatch({
               type: _constants2.DOC_NOTIFICATION_REDUCER_TYPE.FETCHED,
               payload: notifications
             });
             eventBus.dispatch(_constants.INTERNAL_EVENT.UNSEEN_NOTIFICATIONS_COUNT, notifications === null || notifications === void 0 ? void 0 : notifications.length);
-            _context.next = 16;
+            _context.n = 4;
             break;
-          case 12:
-            _context.prev = 12;
-            _context.t0 = _context["catch"](3);
-            console.log(_context.t0);
+          case 3:
+            _context.p = 3;
+            _t = _context.v;
+            console.log(_t);
             dispatch({
               type: _constants2.DOC_NOTIFICATION_REDUCER_TYPE.FETCH_ERROR
             });
-          case 16:
-          case "end":
-            return _context.stop();
+          case 4:
+            return _context.a(2);
         }
-      }, _callee, null, [[3, 12]]);
+      }, _callee, null, [[1, 3]]);
     }));
     return function (_x) {
       return _ref.apply(this, arguments);

package/dist/context.js

@@ -82,9 +82,10 @@ var Context = /*#__PURE__*/function () {
     value: function getPrintCss() {
       var server = this.getSetting('serviceUrl');
       var mediaUrl = this.getSetting('mediaUrl');
-      // const commonCss = `${server}${mediaUrl}css/seafile-ui.css`;
-      var fontCss = "".concat(server).concat(mediaUrl, "/sdoc-editor/sdoc-editor-font.css");
-      return [fontCss];
+      var commonCss = "".concat(server).concat(mediaUrl, "css/seafile-ui.css");
+      var fontCss = "".concat(server).concat(mediaUrl, "sdoc-editor/sdoc-editor-font.css");
+      var sdocEditorCss = "".concat(server).concat(mediaUrl, "sdoc-editor/sdoc-editor-print.css");
+      return [commonCss, fontCss, sdocEditorCss];
     }
   }, {
     key: "updateSettings",

package/dist/extension/commons/file-insert-dialog/index.js

@@ -7,7 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports["default"] = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+var _regenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regenerator"));
 var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/asyncToGenerator"));
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/slicedToArray"));
 var _react = _interopRequireWildcard(require("react"));
@@ -166,58 +166,57 @@ var FileLinkInsertDialog = function FileLinkInsertDialog(_ref) {
 
   // eslint-disable-next-line react-hooks/exhaustive-deps
   var onSearch = (0, _react.useCallback)((0, _debounce["default"])(/*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee(searchText) {
-      var _res$data, res, newFiles;
-      return (0, _regeneratorRuntime2["default"])().wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
+    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee(searchText) {
+      var _res$data, res, newFiles, _t;
+      return (0, _regenerator2["default"])().w(function (_context) {
+        while (1) switch (_context.p = _context.n) {
           case 0:
             if (!(searchText.trim().length === 0)) {
-              _context.next = 6;
+              _context.n = 1;
               break;
             }
             setHeader(t('Recent_visited'));
             setHiddenMoreMenu(true);
             setNewFileName('');
             getHistoryFiles();
-            return _context.abrupt("return");
-          case 6:
+            return _context.a(2);
+          case 1:
             setNewFileName(searchText);
 
             // Cannot be found if the search is less than three characters.
             if (!((0, _commonUtils.isEnglish)(searchText.trim()) && searchText.length < 3)) {
-              _context.next = 11;
+              _context.n = 2;
               break;
             }
             setFiles([]);
             setHeader(t('Enter_more_character_start_search'));
-            return _context.abrupt("return");
-          case 11:
-            _context.prev = 11;
-            _context.next = 14;
+            return _context.a(2);
+          case 2:
+            _context.p = 2;
+            _context.n = 3;
             return _context2["default"].getSearchFilesByFilename(searchText, 1, 10, 'sdoc');
-          case 14:
-            res = _context.sent;
+          case 3:
+            res = _context.v;
             if (!(res !== null && res !== void 0 && (_res$data = res.data) !== null && _res$data !== void 0 && _res$data.results)) {
-              _context.next = 21;
+              _context.n = 4;
               break;
             }
             newFiles = res.data.results;
             setHeader(t(newFiles.length === 0 ? 'No_results' : 'Link_to_file'));
             setHiddenMoreMenu(true);
             setFiles(newFiles);
-            return _context.abrupt("return");
-          case 21:
-            _context.next = 26;
+            return _context.a(2);
+          case 4:
+            _context.n = 6;
             break;
-          case 23:
-            _context.prev = 23;
-            _context.t0 = _context["catch"](11);
-            _toast["default"].danger(_context.t0.message);
-          case 26:
-          case "end":
-            return _context.stop();
+          case 5:
+            _context.p = 5;
+            _t = _context.v;
+            _toast["default"].danger(_t.message);
+          case 6:
+            return _context.a(2);
         }
-      }, _callee, null, [[11, 23]]);
+      }, _callee, null, [[2, 5]]);
     }));
     return function (_x) {
       return _ref2.apply(this, arguments);