@seafile/sdoc-editor 2.0.139 → 2.0.141

package/dist/comment/components/comment-item-collapse-wrapper.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"));
@@ -82,19 +82,18 @@ var CommentItemCollapseWrapper = function CommentItemCollapseWrapper(_ref) {
   }, [deleteUnseenNotifications, isReplayUnseen, isUnseen, topLevelComment]);
   (0, _react.useEffect)(function () {
     var initCommentContent = /*#__PURE__*/function () {
-      var _ref4 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee() {
+      var _ref4 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee() {
         var htmlString;
-        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 _mdToHtml["default"].process(topLevelComment.comment);
-            case 2:
-              htmlString = _context.sent;
+            case 1:
+              htmlString = _context.v;
               setCommentContent(String(htmlString));
-            case 4:
-            case "end":
-              return _context.stop();
+            case 2:
+              return _context.a(2);
           }
         }, _callee);
       }));
@@ -106,32 +105,31 @@ var CommentItemCollapseWrapper = function CommentItemCollapseWrapper(_ref) {
   }, [topLevelComment.comment]);
   (0, _react.useEffect)(function () {
     var initReplyContent = /*#__PURE__*/function () {
-      var _ref5 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee2() {
+      var _ref5 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee2() {
         var mdString, htmlString;
-        return (0, _regeneratorRuntime2["default"])().wrap(function _callee2$(_context2) {
-          while (1) switch (_context2.prev = _context2.next) {
+        return (0, _regenerator2["default"])().w(function (_context2) {
+          while (1) switch (_context2.n) {
             case 0:
               if (latestReply) {
-                _context2.next = 3;
+                _context2.n = 1;
                 break;
               }
               setReplyContent('');
-              return _context2.abrupt("return");
-            case 3:
+              return _context2.a(2);
+            case 1:
               mdString = '';
               if (latestReply.reply) {
                 mdString = latestReply.reply;
               } else {
                 mdString = '';
               }
-              _context2.next = 7;
+              _context2.n = 2;
               return _mdToHtml["default"].process(mdString);
-            case 7:
-              htmlString = _context2.sent;
+            case 2:
+              htmlString = _context2.v;
               setReplyContent(String(htmlString));
-            case 9:
-            case "end":
-              return _context2.stop();
+            case 3:
+              return _context2.a(2);
           }
         }, _callee2);
       }));

package/dist/comment/components/comment-item-content.js

@@ -7,18 +7,20 @@ 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"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
+var _commentEditor = require("@seafile/comment-editor");
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _tooltip = _interopRequireDefault(require("../../components/tooltip"));
 var _context2 = _interopRequireDefault(require("../../context"));
+var _useCollaborators2 = require("../../hooks/use-collaborators");
 var _mdToHtml = _interopRequireDefault(require("../../slate-convert/md-to-html"));
 var _notificationHooks = require("../hooks/notification-hooks");
-var _commentEditor = _interopRequireDefault(require("./comment-editor"));
+var _useParticipants = require("../hooks/use-participants");
 var _commentImagePreviewer = _interopRequireDefault(require("./comment-image-previewer"));
 var CommentItemContent = function CommentItemContent(_ref) {
   var isActive = _ref.isActive,
@@ -29,6 +31,11 @@ var CommentItemContent = function CommentItemContent(_ref) {
     onDeleteComment = _ref.onDeleteComment,
     t = _ref.t,
     targetId = _ref.targetId;
+  var _useParticipantsConte = (0, _useParticipants.useParticipantsContext)(),
+    addParticipants = _useParticipantsConte.addParticipants,
+    participants = _useParticipantsConte.participants;
+  var _useCollaborators = (0, _useCollaborators2.useCollaborators)(),
+    collaborators = _useCollaborators.collaborators;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     isDropdownOpen = _useState2[0],
@@ -56,19 +63,18 @@ var CommentItemContent = function CommentItemContent(_ref) {
     transferHtml(comment.comment);
   }, [comment.comment]);
   var transferHtml = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee(mdString) {
+    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee(mdString) {
       var htmlString;
-      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 _mdToHtml["default"].process(mdString);
-          case 2:
-            htmlString = _context.sent;
+          case 1:
+            htmlString = _context.v;
             setEditorContent(String(htmlString));
-          case 4:
-          case "end":
-            return _context.stop();
+          case 2:
+            return _context.a(2);
         }
       }, _callee);
     }));
@@ -119,6 +125,21 @@ var CommentItemContent = function CommentItemContent(_ref) {
       setImageUrl(event.target.src);
     }
   }, []);
+  var commentEditorProps = {
+    className: 'pb-3',
+    settings: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _context2["default"].getSettings()), {}, {
+      mediaUrl: _context2["default"].getSetting('mediaUrl') + 'comment-editor/'
+    }),
+    addParticipants: addParticipants,
+    participants: participants,
+    collaborators: collaborators,
+    content: comment.comment,
+    insertContent: updateContent,
+    hiddenComment: setIsEditing,
+    api: {
+      uploadLocalImage: _context2["default"].uploadLocalImage
+    }
+  };
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "comment-item"
   }, /*#__PURE__*/_react["default"].createElement("div", {
@@ -187,12 +208,7 @@ var CommentItemContent = function CommentItemContent(_ref) {
     dangerouslySetInnerHTML: {
       __html: editorContent
     }
-  })), isEditing && /*#__PURE__*/_react["default"].createElement(_commentEditor["default"], {
-    className: "pb-3",
-    content: comment.comment,
-    updateContent: updateContent,
-    setIsEditing: setIsEditing
-  }), imageUrl && /*#__PURE__*/_react["default"].createElement(_commentImagePreviewer["default"], {
+  })), isEditing && /*#__PURE__*/_react["default"].createElement(_commentEditor.SeafileCommentEditor, commentEditorProps), imageUrl && /*#__PURE__*/_react["default"].createElement(_commentImagePreviewer["default"], {
     imageUrl: imageUrl,
     toggle: function toggle() {
       return setImageUrl('');

package/dist/comment/components/comment-item-reply.js

@@ -6,17 +6,20 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = void 0;
-var _regeneratorRuntime2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/regeneratorRuntime"));
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/esm/objectSpread2"));
+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"));
 var _reactI18next = require("react-i18next");
 var _reactstrap = require("reactstrap");
+var _commentEditor = require("@seafile/comment-editor");
 var _dayjs = _interopRequireDefault(require("dayjs"));
 var _context2 = _interopRequireDefault(require("../../context"));
+var _useCollaborators2 = require("../../hooks/use-collaborators");
 var _mdToHtml = _interopRequireDefault(require("../../slate-convert/md-to-html"));
+var _useParticipants = require("../hooks/use-participants");
 var _commentDeletePopover = _interopRequireDefault(require("./comment-delete-popover"));
-var _commentEditor = _interopRequireDefault(require("./comment-editor"));
 var _commentImagePreviewer = _interopRequireDefault(require("./comment-image-previewer"));
 var CommentItemReply = function CommentItemReply(_ref) {
   var isActive = _ref.isActive,
@@ -25,6 +28,11 @@ var CommentItemReply = function CommentItemReply(_ref) {
     deleteReply = _ref.deleteReply,
     updateReply = _ref.updateReply,
     t = _ref.t;
+  var _useParticipantsConte = (0, _useParticipants.useParticipantsContext)(),
+    addParticipants = _useParticipantsConte.addParticipants,
+    participants = _useParticipantsConte.participants;
+  var _useCollaborators = (0, _useCollaborators2.useCollaborators)(),
+    collaborators = _useCollaborators.collaborators;
   var _useState = (0, _react.useState)(false),
     _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
     isDropdownOpen = _useState2[0],
@@ -56,20 +64,19 @@ var CommentItemReply = function CommentItemReply(_ref) {
     setIsShowDeletePopover(true);
   }, []);
   var transferHtml = /*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee(mdString) {
+    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee(mdString) {
       var htmlString, formatHtml;
-      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 _mdToHtml["default"].process(mdString);
-          case 2:
-            htmlString = _context.sent;
+          case 1:
+            htmlString = _context.v;
             formatHtml = String(htmlString).replace(/\n */g, '');
             setEditorContent(formatHtml);
-          case 5:
-          case "end":
-            return _context.stop();
+          case 2:
+            return _context.a(2);
         }
       }, _callee);
     }));
@@ -101,6 +108,22 @@ var CommentItemReply = function CommentItemReply(_ref) {
       setImageUrl(event.target.src);
     }
   }, []);
+  var commentEditorProps = {
+    type: 'reply',
+    className: 'pb-3',
+    settings: (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, _context2["default"].getSettings()), {}, {
+      mediaUrl: _context2["default"].getSetting('mediaUrl') + 'comment-editor/'
+    }),
+    addParticipants: addParticipants,
+    participants: participants,
+    collaborators: collaborators,
+    content: editorContent,
+    insertContent: updateContent,
+    hiddenComment: setIsEditing,
+    api: {
+      uploadLocalImage: _context2["default"].uploadLocalImage
+    }
+  };
   return /*#__PURE__*/_react["default"].createElement("div", {
     className: "comment-item",
     ref: itemRef
@@ -150,13 +173,7 @@ var CommentItemReply = function CommentItemReply(_ref) {
     dangerouslySetInnerHTML: {
       __html: editorContent
     }
-  })), isEditing && /*#__PURE__*/_react["default"].createElement(_commentEditor["default"], {
-    className: "pb-3",
-    type: "reply",
-    content: editorContent,
-    updateContent: updateContent,
-    setIsEditing: setIsEditing
-  }), isShowDeletePopover && isActive && /*#__PURE__*/_react["default"].createElement(_commentDeletePopover["default"], {
+  })), isEditing && /*#__PURE__*/_react["default"].createElement(_commentEditor.SeafileCommentEditor, commentEditorProps), isShowDeletePopover && isActive && /*#__PURE__*/_react["default"].createElement(_commentDeletePopover["default"], {
     parentDom: itemRef.current,
     type: "reply",
     deleteConfirm: _deleteReply,

package/dist/comment/components/comment-item-wrapper.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"));
@@ -56,14 +56,14 @@ var CommentItemWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
     maxHeight: '341px'
   } : {};
   var deleteComment = (0, _react.useCallback)(/*#__PURE__*/function () {
-    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee(commentId) {
+    var _ref2 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee(commentId) {
       var _comment$detail, elementId, element_id_list, _comment$detail2;
-      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 _context7["default"].deleteComment(commentId);
-          case 2:
+          case 1:
             _comment$detail = comment.detail, elementId = _comment$detail.element_id, element_id_list = _comment$detail.element_id_list;
             if (element_id_list) {
               elementId = element_id_list[0];
@@ -78,9 +78,8 @@ var CommentItemWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
             });
             closeComment && closeComment();
             // eslint-disable-next-line react-hooks/exhaustive-deps
-          case 6:
-          case "end":
-            return _context.stop();
+          case 2:
+            return _context.a(2);
         }
       }, _callee);
     }));
@@ -89,14 +88,14 @@ var CommentItemWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
     };
   }(), [comment.detail, dispatch, editor]);
   var updateComment = (0, _react.useCallback)(/*#__PURE__*/function () {
-    var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee2(commentId, newComment) {
+    var _ref3 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee2(commentId, newComment) {
       var elementId;
-      return (0, _regeneratorRuntime2["default"])().wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
+      return (0, _regenerator2["default"])().w(function (_context2) {
+        while (1) switch (_context2.n) {
           case 0:
-            _context2.next = 2;
+            _context2.n = 1;
             return _context7["default"].updateComment(commentId, newComment);
-          case 2:
+          case 1:
             elementId = (0, _helper.getPrimaryElementId)(comment.detail);
             dispatch({
               type: 'UPDATE_COMMENT',
@@ -106,9 +105,8 @@ var CommentItemWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
                 comment: newComment
               }
             });
-          case 4:
-          case "end":
-            return _context2.stop();
+          case 2:
+            return _context2.a(2);
         }
       }, _callee2);
     }));
@@ -117,10 +115,10 @@ var CommentItemWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
     };
   }(), [comment.detail, dispatch]);
   var updateCommentState = (0, _react.useCallback)(/*#__PURE__*/function () {
-    var _ref4 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee3(commentId, newComment) {
+    var _ref4 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee3(commentId, newComment) {
       var time, user, reply, res, returnReply, newReply, elementId, resolvedComment, _resolvedComment$deta, unresolvedComment, _unresolvedComment$de;
-      return (0, _regeneratorRuntime2["default"])().wrap(function _callee3$(_context3) {
-        while (1) switch (_context3.prev = _context3.next) {
+      return (0, _regenerator2["default"])().w(function (_context3) {
+        while (1) switch (_context3.n) {
           case 0:
             time = (0, _dayjs["default"])().format('YYYY-MM-DD HH:mm:ss');
             user = _context7["default"].getUserInfo();
@@ -130,10 +128,10 @@ var CommentItemWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
               updated_at: time,
               author: user.username
             }; // When updating comment status, add a new reply
-            _context3.next = 5;
+            _context3.n = 1;
             return _context7["default"].insertReply(commentId, reply);
-          case 5:
-            res = _context3.sent;
+          case 1:
+            res = _context3.v;
             returnReply = res.data.reply;
             newReply = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reply), {}, {
               id: returnReply.id,
@@ -173,9 +171,9 @@ var CommentItemWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
             });
 
             // Modify comment status
-            _context3.next = 14;
+            _context3.n = 2;
             return _context7["default"].updateComment(commentId, newComment);
-          case 14:
+          case 2:
             dispatch({
               type: 'UPDATE_COMMENT_STATE',
               payload: {
@@ -192,9 +190,8 @@ var CommentItemWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
               }, 100);
             }
             // eslint-disable-next-line react-hooks/exhaustive-deps
-          case 16:
-          case "end":
-            return _context3.stop();
+          case 3:
+            return _context3.a(2);
         }
       }, _callee3);
     }));
@@ -203,23 +200,23 @@ var CommentItemWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
     };
   }(), [comment, commentsDetail, dispatch, editor, isClickedContextComment, setIsClickedContextComment, setIsCommentPanelVisible, updateScrollPosition]);
   var insertReply = (0, _react.useCallback)(/*#__PURE__*/function () {
-    var _ref5 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee4(commentId, replies) {
+    var _ref5 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee4(commentId, replies) {
       var elementId, i, reply, res, returnReply, newReply, newComment;
-      return (0, _regeneratorRuntime2["default"])().wrap(function _callee4$(_context4) {
-        while (1) switch (_context4.prev = _context4.next) {
+      return (0, _regenerator2["default"])().w(function (_context4) {
+        while (1) switch (_context4.n) {
           case 0:
             elementId = (0, _helper.getPrimaryElementId)(comment.detail);
             i = 0;
-          case 2:
+          case 1:
             if (!(i < replies.length)) {
-              _context4.next = 13;
+              _context4.n = 4;
               break;
             }
             reply = replies[i];
-            _context4.next = 6;
+            _context4.n = 2;
             return _context7["default"].insertReply(commentId, reply);
-          case 6:
-            res = _context4.sent;
+          case 2:
+            res = _context4.v;
             returnReply = res.data.reply;
             newReply = (0, _objectSpread2["default"])((0, _objectSpread2["default"])({}, reply), {}, {
               id: returnReply.id,
@@ -236,21 +233,21 @@ var CommentItemWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
                 reply: newReply
               }
             });
-          case 10:
+          case 3:
             i++;
-            _context4.next = 2;
+            _context4.n = 1;
             break;
-          case 13:
+          case 4:
             if (!(replies.length > 1)) {
-              _context4.next = 18;
+              _context4.n = 6;
               break;
             }
             newComment = {
               resolved: false
             };
-            _context4.next = 17;
+            _context4.n = 5;
             return _context7["default"].updateComment(commentId, newComment);
-          case 17:
+          case 5:
             dispatch({
               type: 'UPDATE_COMMENT_STATE',
               payload: {
@@ -259,7 +256,7 @@ var CommentItemWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
                 comment: newComment
               }
             });
-          case 18:
+          case 6:
             setTimeout(function () {
               var options = {
                 top: 10000,
@@ -267,9 +264,8 @@ var CommentItemWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
               };
               listRef.current.scrollTo(options);
             }, 0);
-          case 19:
-          case "end":
-            return _context4.stop();
+          case 7:
+            return _context4.a(2);
         }
       }, _callee4);
     }));
@@ -310,16 +306,16 @@ var CommentItemWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
     };
   });
   var deleteReply = (0, _react.useCallback)(/*#__PURE__*/function () {
-    var _ref6 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee5(replyId) {
+    var _ref6 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee5(replyId) {
       var commentId, elementId;
-      return (0, _regeneratorRuntime2["default"])().wrap(function _callee5$(_context5) {
-        while (1) switch (_context5.prev = _context5.next) {
+      return (0, _regenerator2["default"])().w(function (_context5) {
+        while (1) switch (_context5.n) {
           case 0:
             commentId = comment.id;
             elementId = (0, _helper.getPrimaryElementId)(comment.detail);
-            _context5.next = 4;
+            _context5.n = 1;
             return _context7["default"].deleteReply(commentId, replyId);
-          case 4:
+          case 1:
             dispatch({
               type: 'DELETE_REPLY',
               payload: {
@@ -328,9 +324,8 @@ var CommentItemWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
                 reply_id: replyId
               }
             });
-          case 5:
-          case "end":
-            return _context5.stop();
+          case 2:
+            return _context5.a(2);
         }
       }, _callee5);
     }));
@@ -339,16 +334,16 @@ var CommentItemWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
     };
   }(), [comment.detail, comment.id, dispatch]);
   var updateReply = (0, _react.useCallback)(/*#__PURE__*/function () {
-    var _ref7 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regeneratorRuntime2["default"])().mark(function _callee6(replyId, newReply) {
+    var _ref7 = (0, _asyncToGenerator2["default"])(/*#__PURE__*/(0, _regenerator2["default"])().m(function _callee6(replyId, newReply) {
       var commentId, elementId;
-      return (0, _regeneratorRuntime2["default"])().wrap(function _callee6$(_context6) {
-        while (1) switch (_context6.prev = _context6.next) {
+      return (0, _regenerator2["default"])().w(function (_context6) {
+        while (1) switch (_context6.n) {
           case 0:
             commentId = comment.id;
             elementId = (0, _helper.getPrimaryElementId)(comment.detail);
-            _context6.next = 4;
+            _context6.n = 1;
             return _context7["default"].updateReply(commentId, replyId, newReply);
-          case 4:
+          case 1:
             dispatch({
               type: 'UPDATE_REPLY',
               payload: {
@@ -358,9 +353,8 @@ var CommentItemWrapper = /*#__PURE__*/(0, _react.forwardRef)(function (_ref, ref
                 reply: newReply
               }
             });
-          case 5:
-          case "end":
-            return _context6.stop();
+          case 2:
+            return _context6.a(2);
         }
       }, _callee6);
     }));