@seafile/comment-editor 0.0.1-alpha.4 → 0.0.1-alpha.41

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

@@ -7,201 +7,48 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.useComment = exports.CommentProvider = void 0;
 var _react = _interopRequireWildcard(require("react"));
-var _reactI18next = require("react-i18next");
-var _constants = require("../comment/constants");
-var _useCommentMount = require("../comment/hooks/comment-hooks/use-comment-mount");
-var _notificationHooks = require("../comment/hooks/notification-hooks");
-var _commentReducer = require("../comment/reducer/comment-reducer");
-var _notificationReducer = require("../comment/reducer/notification-reducer");
-var _utils = require("../comment/utils");
-var _toast = _interopRequireDefault(require("../components/toast"));
-var _constants2 = require("../constants");
+var _context = _interopRequireDefault(require("../context"));
 var _model = require("../model");
-var _commonUtils = require("../utils/common-utils");
-var _eventBus = _interopRequireDefault(require("../utils/event-bus"));
+require("../assets/css/layout.css");
+require("../assets/css/default.css");
+require("../assets/css/sdoc-editor-article.css");
+require("../assets/css/sdoc-editor-plugins.css");
+require("../assets/css/sdoc-comment-editor-plugin.css");
+require("../assets/css/dropdown-menu.css");
 const CommentContext = /*#__PURE__*/_react.default.createContext(null);
 const CommentProvider = _ref => {
   let {
     children,
-    editor,
-    pluginName = '',
+    type,
+    // comment or replay
     className = '',
+    pluginName = '',
+    // sdoc or wiki or txt ...
     pluginEventBus,
     pluginEvent,
-    api,
-    onCloseCommentPanel
+    collaborators = [],
+    participants = [],
+    addParticipants
   } = _ref;
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const [collaborators, setCollaborators] = (0, _react.useState)([]);
-  const [participants, setParticipants] = (0, _react.useState)([]);
-  const [commentType, setCommentType] = (0, _react.useState)(_constants.COMMENT_TYPES.ALL);
-  const [commentList, setCommentList] = (0, _react.useState)([]);
-  const [commentsInfo, dispatch] = (0, _react.useReducer)(_commentReducer.commentReducer, _commentReducer.initCommentsInfo);
-  (0, _useCommentMount.useCommentsMount)(dispatch, api);
-  const [notificationsInfo, notificationsDispatch] = (0, _react.useReducer)(_notificationReducer.notificationReducer, _notificationReducer.initNotificationsInfo);
-  (0, _notificationHooks.useNotificationsMount)(dispatch, api, collaborators);
-  (0, _react.useEffect)(() => {
-    if (Object.keys(commentsInfo.element_comments_map).length) {
-      editor.element_comments_map = commentsInfo.element_comments_map;
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [commentsInfo.element_comments_map]);
-  (0, _react.useEffect)(() => {
-    editor.notifications_map = {
-      ...notificationsInfo.notifications_map
-    };
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [notificationsInfo]);
-  (0, _react.useEffect)(() => {
-    const {
-      comment_list
-    } = commentsInfo;
-    if (commentType === _constants.COMMENT_TYPES.ALL) {
-      const commentList = comment_list.map(item => {
-        item.replies = item.replies.filter(reply => !['True', 'False'].includes(reply.reply));
-        return item;
-      });
-      setCommentList(commentList);
-    } else if (commentType === _constants.COMMENT_TYPES.RESOLVED) {
-      const commentList = comment_list.filter(item => item.resolved);
-      setCommentList(commentList);
-    } else if (commentType === _constants.COMMENT_TYPES.UNRESOLVED) {
-      const commentList = comment_list.filter(item => !item.resolved);
-      setCommentList(commentList);
-    } 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, commentsInfo]);
-
-  // Participants
-  const updateLocalParticipants = (0, _react.useCallback)(function () {
-    let added = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : [];
-    if (!Array.isArray(added) || added.length === 0) return;
-    let newParticipants = participants.slice(0);
-    added.forEach(participant => {
-      const newParticipant = new _model.User(participant);
-      if (!newParticipants.find(item => item.username === newParticipant.username)) {
-        newParticipants.push(newParticipant);
-      }
-    });
-    setParticipants(newParticipants);
-  }, [participants]);
-  const deleteLocalParticipant = (0, _react.useCallback)(email => {
-    if (!participants.find(participant => participant.username === email)) return;
-    let newParticipants = participants.slice(0);
-    newParticipants = newParticipants.filter(participant => participant.username !== email);
-    setParticipants(newParticipants);
-  }, [participants]);
-  const addParticipants = (0, _react.useCallback)(otherEmail => {
-    if (participants.find(participant => participant.username === otherEmail)) return;
-    api.addParticipants([otherEmail]).then(res => {
-      const {
-        success
-      } = res.data;
-      updateLocalParticipants(success);
-    }).catch(error => {
-      const errorMessage = (0, _commonUtils.getErrorMsg)(error);
-      _toast.default.danger(t(errorMessage));
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [updateLocalParticipants, participants]);
-  const deleteParticipant = (0, _react.useCallback)(email => {
-    if (!participants.find(participant => participant.username === email)) return;
-    api.deleteParticipants(email).then(res => {
-      let newParticipants = participants.slice(0);
-      newParticipants = newParticipants.filter(participant => participant.username !== email);
-      setParticipants(newParticipants);
-    }).catch(error => {
-      const errorMessage = (0, _commonUtils.getErrorMsg)(error);
-      _toast.default.danger(t(errorMessage));
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
+  const getCollaborators = (0, _react.useCallback)(() => {
+    const newCollaborators = collaborators.map(user => new _model.User(user));
+    return newCollaborators;
+  }, [collaborators]);
+  const getParticipants = (0, _react.useCallback)(() => {
+    const newParticipants = participants.map(user => new _model.User(user));
+    return newParticipants;
   }, [participants]);
-
-  // Notifications
-  const deleteUnseenNotifications = (0, _react.useCallback)(comment => {
-    let unseenCommentIds = [];
-    let unseenNotificationKeys = [];
-    const commentNotificationKey = (0, _utils.generatorNotificationKey)(comment.id);
-    const commentNotification = notificationsInfo.notifications_map[commentNotificationKey];
-    if (commentNotification) {
-      unseenNotificationKeys.push(commentNotification.key);
-      unseenCommentIds.push(commentNotification.id);
-    }
-    Array.isArray(comment.replies) && comment.replies.forEach(reply => {
-      const replyNotificationKey = (0, _utils.generatorNotificationKey)(reply.comment_id, reply.id);
-      const replyNotification = notificationsInfo.notifications_map[replyNotificationKey];
-      if (replyNotification) {
-        unseenNotificationKeys.push(replyNotification.key);
-        unseenCommentIds.push(replyNotification.id);
-      }
-    });
-    api.deleteUnseenNotifications(unseenCommentIds).then(res => {
-      notificationsDispatch({
-        type: _constants.DOC_NOTIFICATION_REDUCER_TYPE.DEL,
-        payload: unseenNotificationKeys
-      });
-    }).catch(error => {
-      //
-    });
-  }, [api, notificationsInfo.notifications_map]);
-
-  // Mount
-  (0, _react.useEffect)(() => {
-    // get participants
-    api.listParticipants().then(res => {
-      const participants = res.data.participant_list;
-      updateLocalParticipants(participants);
-    }).catch(error => {
-      console.log(error);
-    });
-
-    // get collaborators
-    api.listRelatedUsers().then(res => {
-      const collaborators = [];
-      res.data.related_users.forEach(user => {
-        const collaborator = new _model.User(user);
-        collaborators.push(collaborator);
-      });
-      setCollaborators(collaborators);
-    }).catch(error => {
-      console.log(error);
-    });
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, []);
-
-  // Listening
-  (0, _react.useEffect)(() => {
-    const eventBus = _eventBus.default.getInstance();
-    const unsubscribeParticipantAdded = eventBus.subscribe(_constants2.INTERNAL_EVENT.PARTICIPANT_ADDED, updateLocalParticipants);
-    const unsubscribeParticipantRemoved = eventBus.subscribe(_constants2.INTERNAL_EVENT.PARTICIPANT_REMOVED, deleteLocalParticipant);
-    return () => {
-      unsubscribeParticipantAdded();
-      unsubscribeParticipantRemoved();
-    };
-  }, [updateLocalParticipants, deleteLocalParticipant]);
   return /*#__PURE__*/_react.default.createElement(CommentContext.Provider, {
     value: {
-      pluginName,
+      type,
+      userInfo: _context.default.getUserInfo(),
       className,
-      api,
+      pluginName,
       pluginEventBus,
       pluginEvent,
-      commentsInfo,
-      commentType,
-      commentList,
-      dispatch,
-      setCommentType,
-      onCloseCommentPanel,
-      collaborators,
-      notificationsInfo,
-      deleteUnseenNotifications,
-      addParticipants,
-      deleteParticipant,
-      participants
+      collaborators: getCollaborators(),
+      participants: getParticipants(),
+      addParticipants
     }
   }, children);
 };

package/dist/basic-sdk/index.js

@@ -4,10 +4,10 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-Object.defineProperty(exports, "CommentLayout", {
+Object.defineProperty(exports, "CommentEditor", {
   enumerable: true,
   get: function () {
-    return _commentLayout.default;
+    return _commentEditor.default;
   }
 });
 Object.defineProperty(exports, "CommentProvider", {
@@ -148,26 +148,19 @@ Object.defineProperty(exports, "withNodeId", {
     return _nodeId.default;
   }
 });
-Object.defineProperty(exports, "withSocketIO", {
-  enumerable: true,
-  get: function () {
-    return _socket.withSocketIO;
-  }
-});
 var _fileLoading = _interopRequireDefault(require("./components/file-loading"));
 var _loading = _interopRequireDefault(require("./components/loading"));
 var _toast = _interopRequireDefault(require("./components/toast"));
 var _tooltip = _interopRequireDefault(require("./components/tooltip"));
 var _constants = require("./constants");
 var _context = _interopRequireDefault(require("./context"));
+var _commentEditor = _interopRequireDefault(require("./editor/comment-editor"));
 var _extension = require("./extension");
 var _dropdownMenuItem = _interopRequireDefault(require("./extension/commons/dropdown-menu-item"));
 var _menuShortcutIndicator = _interopRequireDefault(require("./extension/commons/menu-shortcut-indicator"));
 var _useComment = require("./hooks/use-comment");
-var _commentLayout = _interopRequireDefault(require("./layout/comment-layout"));
 var _nodeId = _interopRequireDefault(require("./node-id"));
 var _slateConvert = require("./slate-convert");
-var _socket = require("./socket");
 var _commonUtils = require("./utils/common-utils");
 var _eventBus = _interopRequireDefault(require("./utils/event-bus"));
 var _localStorageUtils = _interopRequireDefault(require("./utils/local-storage-utils"));

package/dist/basic-sdk/socket/helpers.js

@@ -290,7 +290,20 @@ exports.syncRemoteOperations = syncRemoteOperations;
 const syncRemoteCursorLocation = (editor, user, location, cursorData) => {
   const currentUser = editor.user;
   if (user && user.username !== currentUser.username) {
-    (0, _helper.setCursor)(editor, user, location, cursorData);
+    // Get front Point as cursor
+    const {
+      anchor,
+      focus
+    } = location;
+    let newLocation = location;
+    if (!_slate.Point.equals(anchor, focus)) {
+      const frontPoint = _slate.Editor.start(editor, location);
+      newLocation = {
+        anchor: frontPoint,
+        focus: frontPoint
+      };
+    }
+    (0, _helper.setCursor)(editor, user, newLocation, cursorData);
 
     // sync cursor position
     editor.onCursor && editor.onCursor(editor.cursors);

package/dist/index.js

@@ -22,18 +22,6 @@ Object.defineProperty(exports, "SeafileCommentEditor", {
     return _seafileCommentEditor.default;
   }
 });
-Object.defineProperty(exports, "createCommentEditor", {
-  enumerable: true,
-  get: function () {
-    return _basicSdk.createCommentEditor;
-  }
-});
-Object.defineProperty(exports, "withNodeId", {
-  enumerable: true,
-  get: function () {
-    return _basicSdk.withNodeId;
-  }
-});
 var _basicSdk = require("./basic-sdk");
 var _constants = require("./constants");
 var _seafileCommentEditor = _interopRequireDefault(require("./pages/seafile-comment-editor"));

package/dist/pages/seafile-comment-editor.js

@@ -6,30 +6,58 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = void 0;
 var _react = _interopRequireDefault(require("react"));
-var _reactI18next = require("react-i18next");
 var _basicSdk = require("../basic-sdk");
-var _errorBoundary = _interopRequireDefault(require("../components/error-boundary"));
+// import ErrorBoundary from '../components/error-boundary';
+
 const SeafileCommentEditor = _ref => {
   let {
-    editor,
-    pluginName = '',
+    // Provider
+    type,
+    // comment or replay
     className = '',
+    pluginName = '',
+    // sdoc or wiki or txt ...
     pluginEventBus,
     pluginEvent,
-    api,
-    onCloseCommentPanel
+    // Comment editor
+    content,
+    insertContent,
+    onContentChange,
+    hiddenUserInfo,
+    hiddenComment,
+    toolMenus,
+    closePanel,
+    collaborators,
+    participants,
+    addParticipants,
+    // settings
+    settings,
+    api
   } = _ref;
-  _basicSdk.context.init();
-  return /*#__PURE__*/_react.default.createElement(_errorBoundary.default, null, /*#__PURE__*/_react.default.createElement(_basicSdk.CommentProvider, {
-    editor: editor,
-    pluginName: pluginName,
-    className: className,
-    pluginEventBus: pluginEventBus,
-    pluginEvent: pluginEvent,
-    api: api,
-    onCloseCommentPanel: onCloseCommentPanel
-  }, /*#__PURE__*/_react.default.createElement(_basicSdk.CommentLayout, {
-    editor: editor
-  })));
+  _basicSdk.context.init(settings, api);
+  return (
+    /*#__PURE__*/
+    // <ErrorBoundary>
+    _react.default.createElement(_basicSdk.CommentProvider, {
+      type: type,
+      className: className,
+      pluginName: pluginName,
+      pluginEventBus: pluginEventBus,
+      pluginEvent: pluginEvent,
+      collaborators: collaborators,
+      participants: participants,
+      addParticipants: addParticipants
+    }, /*#__PURE__*/_react.default.createElement(_basicSdk.CommentEditor, {
+      content: content,
+      insertContent: insertContent,
+      onContentChange: onContentChange,
+      hiddenUserInfo: hiddenUserInfo,
+      hiddenComment: hiddenComment,
+      toolMenus: toolMenus,
+      closePanel: closePanel,
+      addParticipants: addParticipants
+    }))
+    // </ErrorBoundary>
+  );
 };
-var _default = exports.default = (0, _reactI18next.withTranslation)('sdoc-editor')(SeafileCommentEditor);
+var _default = exports.default = SeafileCommentEditor;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@seafile/comment-editor",
-  "version": "0.0.1-alpha.4",
+  "version": "0.0.1-alpha.41",
   "private": false,
   "description": "This is a comment editor",
   "main": "dist/index.js",
@@ -115,10 +115,10 @@
     "fs-extra": "^10.0.0",
     "html-webpack-plugin": "^5.5.0",
     "husky": "8.0.3",
-    "i18next": "22.4.9",
-    "i18next-browser-languagedetector": "7.0.1",
-    "i18next-xhr-backend": "3.2.2",
-    "identity-obj-proxy": "3.0.0",
+    "i18next": "^25.2.1",
+    "i18next-browser-languagedetector": "^8.1.0",
+    "i18next-http-backend": "^3.0.2",
+    "identity-obj-proxy": "^3.0.0",
     "is-wsl": "^1.1.0",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
@@ -141,7 +141,7 @@
     "react-app-polyfill": "^3.0.0",
     "react-dev-utils": "^12.0.1",
     "react-dom": "18.3.1",
-    "react-i18next": "12.1.4",
+    "react-i18next": "15.5.2",
     "react-refresh": "^0.11.0",
     "react-router": "7.5.2",
     "react-router-dom": "7.1.3",

package/dist/assets/css/plugin-editor.css

@@ -1,7 +0,0 @@
-.sdoc-editor-container .sdoc-editor-content.no-outline .sdoc-article-container {
-  margin: 0 auto !important;
-}
-
-html {
-  scrollbar-width: none;
-}

package/dist/assets/css/simple-viewer.css

@@ -1,6 +0,0 @@
-.sdoc-share-permission {
-  font-size: 12px;
-  padding: 2px 6px;
-  border-radius: 4px;
-  border: solid 1px rgba(0, 0, 0, 0.12);
-}

package/dist/basic-sdk/comment/components/comment-all-participants/index.css

@@ -1,83 +0,0 @@
-.comment-drawer .comments-panel-body__header .comments-participants-container {
-  width: fit-content;
-  max-width: 100%;
-  height: 42px;
-  padding-top: 6px;
-  display: flex;
-  align-items: center;
-  position: relative;
-}
-
-.comment-drawer .comments-panel-body__header .comments-participants-editor-target {
-  position: absolute;
-  left: -1px;
-  top: 0;
-  z-index: -1;
-  height: 100%;
-  width: 1px;
-  background-color: transparent;
-}
-
-.comment-drawer .comments-panel-body__header .comment-participant-avatar {
-  border-radius: 50%;
-  vertical-align: middle;
-  margin-right: -0.5rem;
-}
-
-.comment-drawer .comments-panel-body__header .comment-participant-avatar img {
-  width: 28px;
-  height: 28px;
-  border: 2px solid #fff;
-  line-height: 2rem;
-  border-radius: 50%;
-  display: inline-block;
-  background: #ced4da no-repeat center/cover;
-  position: relative;
-  text-align: center;
-  color: #868e96;
-  font-weight: 600;
-  vertical-align: bottom;
-  font-size: .875rem;
-  user-select: none;
-}
-
-.comment-drawer .comments-panel-body__header .add-comments-participants {
-  position: relative;
-  bottom: -3px;
-  cursor: pointer;
-  margin-right: -0.5rem;
-  height: 20px;
-  width: 20px;
-  background-color: #fff;
-  border: 1px solid #fff;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-}
-
-.comment-drawer .add-comments-participants .sdocfont {
-  font-size: 16px;
-  color: #ff8000;
-  border-radius: 50%;
-}
-
-.comment-drawer .comment-participants-more {
-  position: absolute;
-  top: 0;
-  left: 0;
-  width: 28px;
-  height: 28px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-  background-color: rgba(0, 0, 0, .6);
-  border: 2px solid #fff;
-}
-
-.comment-drawer .comment-participants-more .sdocfont {
-  color: #fff;
-  font-size: 12px;
-}

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

@@ -1,67 +0,0 @@
-"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 _reactI18next = require("react-i18next");
-var _slateReact = require("@seafile/slate-react");
-var _tooltip = _interopRequireDefault(require("../../../components/tooltip"));
-var _useParticipants = require("../../hooks/use-participants");
-var _commentParticipantsEditor = _interopRequireDefault(require("../comment-participants-editor"));
-var _participantAvatar = _interopRequireDefault(require("./participant-avatar"));
-require("./index.css");
-const CommentAllParticipants = () => {
-  const popoverRef = (0, _react.useRef)();
-  const {
-    participants
-  } = (0, _useParticipants.useParticipantsContext)();
-  const editor = (0, _slateReact.useSlateStatic)();
-  const {
-    t
-  } = (0, _reactI18next.useTranslation)('sdoc-editor');
-  const addParticipantId = 'sdoc-add-participants';
-  const commentsParticipantsId = 'sdoc-comments-participants';
-  const [isDidMount, setDidMount] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    setDidMount(true);
-  }, []);
-  const toggle = (0, _react.useCallback)(() => {
-    popoverRef.current && popoverRef.current.toggle();
-
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [popoverRef.current]);
-  const participantsCount = participants.length;
-  return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement("div", {
-    className: "comments-participants-container"
-  }, /*#__PURE__*/_react.default.createElement("div", {
-    className: "comments-participants-editor-target",
-    id: commentsParticipantsId
-  }), participants.slice(0, 14).map((participant, index) => {
-    const {
-      username
-    } = participant;
-    return /*#__PURE__*/_react.default.createElement(_participantAvatar.default, {
-      key: username,
-      participant: participant,
-      index: index,
-      showMore: participantsCount > 13 && index === 13
-    });
-  }), /*#__PURE__*/_react.default.createElement("div", {
-    className: "add-comments-participants",
-    id: addParticipantId,
-    onClick: toggle
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-add"
-  })), isDidMount && /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-    target: addParticipantId
-  }, t('Add_participants'))), isDidMount && /*#__PURE__*/_react.default.createElement(_commentParticipantsEditor.default, {
-    target: commentsParticipantsId,
-    ref: popoverRef,
-    editor: editor
-  }));
-};
-var _default = exports.default = CommentAllParticipants;

package/dist/basic-sdk/comment/components/comment-all-participants/participant-avatar.js

@@ -1,43 +0,0 @@
-"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 _classnames = _interopRequireDefault(require("classnames"));
-var _tooltip = _interopRequireDefault(require("../../../components/tooltip"));
-const ParticipantAvatar = _ref => {
-  let {
-    participant,
-    index,
-    showMore
-  } = _ref;
-  const [showTooltip, setShowTooltip] = (0, _react.useState)(false);
-  (0, _react.useEffect)(() => {
-    setShowTooltip(true);
-  }, []);
-  const {
-    name,
-    avatar_url
-  } = participant;
-  const id = `comment-participant-avatar-${index}-${Math.floor(Math.random() * 1000)}`;
-  return /*#__PURE__*/_react.default.createElement("div", {
-    className: (0, _classnames.default)('comment-participant-avatar', {
-      'position-relative': showMore
-    }),
-    id: id
-  }, /*#__PURE__*/_react.default.createElement("img", {
-    src: avatar_url,
-    alt: ""
-  }), showTooltip && /*#__PURE__*/_react.default.createElement(_tooltip.default, {
-    target: id
-  }, name), showMore && /*#__PURE__*/_react.default.createElement("div", {
-    className: "comment-participants-more"
-  }, /*#__PURE__*/_react.default.createElement("i", {
-    className: "sdocfont sdoc-more"
-  })));
-};
-var _default = exports.default = ParticipantAvatar;