@manuscripts/article-editor 3.2.19-LEAN-3958.2 → 3.2.19-LEAN-3894.0

package/dist/cjs/components/comments/ReplyBox.js

@@ -0,0 +1,118 @@
+"use strict";
+/*!
+ * The contents of this file are subject to the Common Public Attribution License Version 1.0 (the “License”); you may not use this file except in compliance with the License. You may obtain a copy of the License at https://mpapp-public.gitlab.io/manuscripts-frontend/LICENSE. The License is based on the Mozilla Public License Version 1.1 but Sections 14 and 15 have been added to cover use of software over a computer network and provide for limited attribution for the Original Developer. In addition, Exhibit A has been modified to be consistent with Exhibit B.
+ *
+ * Software distributed under the License is distributed on an “AS IS” basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License for the specific language governing rights and limitations under the License.
+ *
+ * The Original Code is manuscripts-frontend.
+ *
+ * The Original Developer is the Initial Developer. The Initial Developer of the Original Code is Atypon Systems LLC.
+ *
+ * All portions of the code written by Atypon Systems LLC are Copyright (c) 2024 Atypon Systems LLC. All Rights Reserved.
+ */
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReplyBox = void 0;
+const style_guide_1 = require("@manuscripts/style-guide");
+const react_1 = __importStar(require("react"));
+const styled_components_1 = __importDefault(require("styled-components"));
+const ReplyBox = ({ insertCommentReply, commentID, }) => {
+    const [isTextBoxFocused, setIsTextBoxFocused] = (0, react_1.useState)(false);
+    const [value, setValue] = (0, react_1.useState)('');
+    const replyRef = (0, react_1.useRef)(null);
+    const handleFocus = () => setIsTextBoxFocused(true);
+    const handleBlur = (event) => {
+        if (!event.target.value.length) {
+            setIsTextBoxFocused(false);
+        }
+    };
+    const reply = () => {
+        if (replyRef.current) {
+            insertCommentReply(commentID, replyRef.current.value);
+            setValue('');
+            replyRef.current.value = '';
+            replyRef.current.style.height = '30px'; // Reset the height
+        }
+    };
+    const disableSaveButton = (0, react_1.useMemo)(() => !value.length, [value]);
+    const onTextChange = (e) => {
+        setValue(e.target.value);
+        if (replyRef.current) {
+            replyRef.current.style.height = '30px'; // Reset the height
+            replyRef.current.style.height = `${Math.min(replyRef.current.scrollHeight, 55)}px`; // Set the height based on content
+        }
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(TextBox, { "data-cy": "reply", placeholder: "Reply...", ref: replyRef, onChange: onTextChange, onFocus: handleFocus, onBlur: handleBlur }),
+        isTextBoxFocused && (react_1.default.createElement(Actions, { "data-cy": "reply-actions" },
+            react_1.default.createElement(style_guide_1.SecondaryButton, { onClick: () => {
+                    setIsTextBoxFocused(false);
+                    setValue('');
+                    if (replyRef.current) {
+                        replyRef.current.value = '';
+                        replyRef.current.style.height = '30px'; // Reset the height
+                    }
+                } }, "Cancel"),
+            react_1.default.createElement(style_guide_1.PrimaryButton, { onClick: reply, disabled: disableSaveButton }, "Reply")))));
+};
+exports.ReplyBox = ReplyBox;
+const TextBox = styled_components_1.default.textarea `
+  cursor: text;
+  font-family: ${(props) => props.theme.font.family.sans};
+  color: ${(props) => props.theme.colors.text.primary};
+  margin: ${(props) => props.theme.grid.unit * 2}px 0;
+  resize: none;
+
+  width: 100%;
+
+  height: 30px;
+  max-height: 55px;
+
+  outline: 0;
+  border: 1px solid #e2e2e2;
+  border-radius: 6px;
+
+  &:focus {
+    background: #f2fbfc;
+    border: 1px solid #bce7f6;
+    border-radius: 6px;
+  }
+
+  box-sizing: border-box;
+  padding: 3px 16px 3px 16px;
+  font-style: normal;
+  font-weight: 400;
+  font-size: 14px;
+  line-height: 24px;
+`;
+const Actions = (0, styled_components_1.default)(style_guide_1.ButtonGroup) `
+  & button:not(:last-of-type) {
+    margin-right: 4px;
+  }
+`;
+//# sourceMappingURL=ReplyBox.js.map

package/dist/cjs/components/comments/ReplyBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReplyBox.js","sourceRoot":"","sources":["../../../../src/components/comments/ReplyBox.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/track-changes/suggestion-list/Suggestion.js

@@ -81,7 +81,8 @@ const Wrapper = styled_components_1.default.li `
   justify-content: space-between;
   align-items: center;
   gap: ${(props) => props.theme.grid.unit * 4}px;
-  padding: 6px 8px;
+  padding: ${(props) => props.theme.grid.unit * 1.5}px
+    ${(props) => props.theme.grid.unit * 2}px !important;
   min-height: 28px;
   margin-bottom: 6px;
   border: ${(props) => props.isFocused
@@ -92,8 +93,7 @@ const Wrapper = styled_components_1.default.li `
     : `none`};
   list-style-type: none;
   font-size: ${(props) => props.theme.font.size.small};
-  border-radius: 4px;
-  max-height: 40px;
+
   /* FocusHandle should cover entire card: */
   position: relative;
   color: ${(props) => props.theme.colors.text.primary};

package/dist/cjs/components/track-changes/suggestion-list/Suggestion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Suggestion.js","sourceRoot":"","sources":["../../../../../src/components/track-changes/suggestion-list/Suggestion.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Suggestion.js","sourceRoot":"","sources":["../../../../../src/components/track-changes/suggestion-list/Suggestion.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/components/track-changes/suggestion-list/SuggestionSnippet.js

@@ -39,40 +39,128 @@ exports.SuggestionSnippet = void 0;
  * All portions of the code written by Atypon Systems LLC are Copyright (c) 2024 Atypon Systems LLC. All Rights Reserved.
  */
 const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
+const transform_1 = require("@manuscripts/transform");
+const html_react_parser_1 = __importDefault(require("html-react-parser"));
 const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
-const change_handlers_1 = require("../../../lib/change-handlers");
+const footnotes_1 = require("../../../lib/footnotes");
+const tracking_1 = require("../../../lib/tracking");
+const utils_1 = require("../../../lib/utils");
 const store_1 = require("../../../store");
-const SnippetContent_1 = __importDefault(require("./SnippetContent"));
 const SuggestionSnippet = ({ suggestion, }) => {
     const [{ doc, view }] = (0, store_1.useStore)((store) => ({
         view: store.view,
         doc: store.doc,
     }));
     const [snippet, setSnippet] = (0, react_1.useState)(null);
+    const [message, setMessage] = (0, react_1.useState)('');
     const { dataTracked } = suggestion;
     (0, react_1.useEffect)(() => {
-        let newSnippet = null;
-        if (track_changes_plugin_1.ChangeSet.isTextChange(suggestion)) {
-            newSnippet = (0, change_handlers_1.handleTextChange)(suggestion, view, dataTracked);
-        }
-        else if (track_changes_plugin_1.ChangeSet.isNodeChange(suggestion) ||
-            track_changes_plugin_1.ChangeSet.isNodeAttrChange(suggestion)) {
-            newSnippet = (0, change_handlers_1.handleNodeChange)(suggestion, view, doc, dataTracked);
-        }
-        else {
-            newSnippet = (0, change_handlers_1.handleUnknownChange)();
-        }
+        const getSnippetData = () => {
+            if (track_changes_plugin_1.ChangeSet.isTextChange(suggestion) && view) {
+                const parentNode = (0, utils_1.getParentNode)(view.state, suggestion.from);
+                if (parentNode?.type === transform_1.schema.nodes.footnote) {
+                    return {
+                        snippet: {
+                            operation: (0, tracking_1.changeOperationAlias)(dataTracked.operation),
+                            nodeName: parentNode.type.name || suggestion.nodeType.name,
+                            content: suggestion.text,
+                        },
+                        message: '',
+                    };
+                }
+                else {
+                    return { snippet: null, message: suggestion.text };
+                }
+            }
+            if (track_changes_plugin_1.ChangeSet.isNodeChange(suggestion) && view) {
+                if (suggestion.node.type === transform_1.schema.nodes.inline_footnote) {
+                    return {
+                        snippet: {
+                            operation: (0, tracking_1.changeOperationAlias)(dataTracked.operation),
+                            nodeName: suggestion.node.type.spec.name,
+                            content: (0, footnotes_1.getInlineFootnoteContent)(doc, suggestion.attrs),
+                        },
+                        message: '',
+                    };
+                }
+                else if (suggestion.node.type === transform_1.schema.nodes.footnote) {
+                    return {
+                        snippet: {
+                            operation: (0, tracking_1.changeOperationAlias)(dataTracked.operation),
+                            nodeName: suggestion.node.type.name,
+                            content: (0, footnotes_1.getFootnoteText)(view.state, suggestion.node),
+                        },
+                        message: '',
+                    };
+                }
+                else if (suggestion.dataTracked.operation === track_changes_plugin_1.CHANGE_OPERATION.node_split) {
+                    return {
+                        snippet: null,
+                        message: `Split ${suggestion.node.type.name}`,
+                    };
+                }
+                else if (suggestion.dataTracked.operation === track_changes_plugin_1.CHANGE_OPERATION.wrap_with_node) {
+                    return {
+                        snippet: null,
+                        message: `${suggestion.node.type.name
+                            .charAt(0)
+                            .toUpperCase()}${suggestion.node.type.name.slice(1)} insert`,
+                    };
+                }
+                else {
+                    return {
+                        snippet: null,
+                        message: `${suggestion.node.type.name
+                            .charAt(0)
+                            .toUpperCase()}${suggestion.node.type.name.slice(1)} ${dataTracked.operation}`,
+                    };
+                }
+            }
+            if (track_changes_plugin_1.ChangeSet.isNodeAttrChange(suggestion) && view) {
+                if (suggestion.node.type === transform_1.schema.nodes.inline_footnote) {
+                    return {
+                        snippet: {
+                            operation: (0, tracking_1.changeOperationAlias)(dataTracked.operation),
+                            nodeName: suggestion.node.type.spec.name,
+                            content: (0, footnotes_1.getInlineFootnoteContent)(doc, suggestion.newAttrs),
+                        },
+                        message: '',
+                    };
+                }
+                else if (suggestion.node.type === transform_1.schema.nodes.footnote) {
+                    return {
+                        snippet: {
+                            operation: (0, tracking_1.changeOperationAlias)(dataTracked.operation),
+                            nodeName: suggestion.node.type.name,
+                            content: (0, footnotes_1.getFootnoteText)(view.state, suggestion.node),
+                        },
+                        message: '',
+                    };
+                }
+                else {
+                    return {
+                        snippet: null,
+                        message: `${suggestion.node.type.name
+                            .charAt(0)
+                            .toUpperCase()}${suggestion.node.type.name.slice(1)} ${dataTracked.operation}`,
+                    };
+                }
+            }
+            return { snippet: null, message: 'Unknown change!' };
+        };
+        const { snippet: newSnippet, message: newMessage } = getSnippetData();
         setSnippet(newSnippet);
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [suggestion, doc]);
-    return (react_1.default.createElement(SnippetText, { isRejected: dataTracked.status === track_changes_plugin_1.CHANGE_STATUS.rejected, "data-mathjax": snippet?.isEquation },
-        react_1.default.createElement(react_1.default.Fragment, null,
-            react_1.default.createElement(Operation, { color: dataTracked.operation },
-                snippet?.operation,
-                ":"),
-            react_1.default.createElement(NodeName, null, snippet?.nodeName),
-            react_1.default.createElement(SnippetContent_1.default, { content: snippet?.content || '', isEquation: snippet?.isEquation }))));
+        setMessage(newMessage);
+    }, [suggestion, doc, view, view?.state, dataTracked.operation]);
+    return (react_1.default.createElement(SnippetText, { isRejected: dataTracked.status === track_changes_plugin_1.CHANGE_STATUS.rejected }, snippet ? (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(Operation, { color: dataTracked.operation },
+            snippet.operation,
+            ":"),
+        react_1.default.createElement(NodeName, null,
+            snippet.nodeName,
+            ":"),
+        react_1.default.createElement(Content, null, (0, html_react_parser_1.default)(snippet.content)))) : dataTracked.operation === track_changes_plugin_1.CHANGE_OPERATION.delete ? (react_1.default.createElement("del", null, message)) : (message)));
 };
 exports.SuggestionSnippet = SuggestionSnippet;
 const SnippetText = styled_components_1.default.div `
@@ -84,9 +172,6 @@ const SnippetText = styled_components_1.default.div `
   color: ${(props) => props.theme.colors.text.primary};
   display: block;
   text-overflow: ellipsis;
-  &[data-mathjax='true'] {
-    text-overflow: unset;
-  }
 `;
 const Operation = styled_components_1.default.span `
   font-family: Lato, sans-serif;
@@ -98,7 +183,6 @@ const Operation = styled_components_1.default.span `
   color: ${(props) => {
     switch (props.color) {
         case 'insert':
-        case 'wrap_with_node':
             return '#01872E';
         case 'delete':
             return '#F35143';
@@ -116,5 +200,13 @@ const NodeName = styled_components_1.default.span `
   font-size: 12px;
   font-weight: bold;
   line-height: 16px;
+  margin-right: 3.2px;
+`;
+const Content = styled_components_1.default.span `
+  color: #353535;
+  font-family: Lato, sans-serif;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 16px;
 `;
 //# sourceMappingURL=SuggestionSnippet.js.map

package/dist/cjs/components/track-changes/suggestion-list/SuggestionSnippet.js.map

@@ -1 +1 @@
-{"version":3,"file":"SuggestionSnippet.js","sourceRoot":"","sources":["../../../../../src/components/track-changes/suggestion-list/SuggestionSnippet.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;;;;;;;;;GAUG;AACH,4EAI0C;AAC1C,+CAAkD;AAClD,0EAAsC;AAEtC,kEAIqC;AACrC,0CAAyC;AACzC,sEAA6C;AAStC,MAAM,iBAAiB,GAA4C,CAAC,EACzE,UAAU,GACX,EAAE,EAAE;IACH,MAAM,CAAC,EAAE,GAAG,EAAE,IAAI,EAAE,CAAC,GAAG,IAAA,gBAAQ,EAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC;QAC3C,IAAI,EAAE,KAAK,CAAC,IAAI;QAChB,GAAG,EAAE,KAAK,CAAC,GAAG;KACf,CAAC,CAAC,CAAA;IACH,MAAM,CAAC,OAAO,EAAE,UAAU,CAAC,GAAG,IAAA,gBAAQ,EAAqB,IAAI,CAAC,CAAA;IAChE,MAAM,EAAE,WAAW,EAAE,GAAG,UAAU,CAAA;IAElC,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,IAAI,UAAU,GAAuB,IAAI,CAAA;QAEzC,IAAI,gCAAS,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE;YACtC,UAAU,GAAG,IAAA,kCAAgB,EAAC,UAAU,EAAE,IAAI,EAAE,WAAW,CAAC,CAAA;SAC7D;aAAM,IACL,gCAAS,CAAC,YAAY,CAAC,UAAU,CAAC;YAClC,gCAAS,CAAC,gBAAgB,CAAC,UAAU,CAAC,EACtC;YACA,UAAU,GAAG,IAAA,kCAAgB,EAAC,UAAU,EAAE,IAAI,EAAE,GAAG,EAAE,WAAW,CAAC,CAAA;SAClE;aAAM;YACL,UAAU,GAAG,IAAA,qCAAmB,GAAE,CAAA;SACnC;QAED,UAAU,CAAC,UAAU,CAAC,CAAA;QACtB,uDAAuD;IACzD,CAAC,EAAE,CAAC,UAAU,EAAE,GAAG,CAAC,CAAC,CAAA;IAErB,OAAO,CACL,8BAAC,WAAW,IACV,UAAU,EAAE,WAAW,CAAC,MAAM,KAAK,oCAAa,CAAC,QAAQ,kBAC3C,OAAO,EAAE,UAAU;QAEjC;YACE,8BAAC,SAAS,IAAC,KAAK,EAAE,WAAW,CAAC,SAAS;gBACpC,OAAO,EAAE,SAAS;oBACT;YACZ,8BAAC,QAAQ,QAAE,OAAO,EAAE,QAAQ,CAAY;YACxC,8BAAC,wBAAc,IACb,OAAO,EAAE,OAAO,EAAE,OAAO,IAAI,EAAE,EAC/B,UAAU,EAAE,OAAO,EAAE,UAAU,GAC/B,CACD,CACS,CACf,CAAA;AACH,CAAC,CAAA;AA7CY,QAAA,iBAAiB,qBA6C7B;AAED,MAAM,WAAW,GAAG,2BAAM,CAAC,GAAG,CAAyB;eACxC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,IAAI,CAAC,KAAK;iBACpC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,UAAU,CAAC,MAAM;;;;WAInD,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;;;;;;CAMpD,CAAA;AAED,MAAM,SAAS,GAAG,2BAAM,CAAC,IAAI,CAAmB;;;;;;;WAOrC,CAAC,KAAK,EAAE,EAAE;IACjB,QAAQ,KAAK,CAAC,KAAK,EAAE;QACnB,KAAK,QAAQ,CAAC;QACd,KAAK,gBAAgB;YACnB,OAAO,SAAS,CAAA;QAClB,KAAK,QAAQ;YACX,OAAO,SAAS,CAAA;QAClB,KAAK,WAAW;YACd,OAAO,SAAS,CAAA;QAClB;YACE,OAAO,SAAS,CAAA;KACnB;AACH,CAAC;CACF,CAAA;AAED,MAAM,QAAQ,GAAG,2BAAM,CAAC,IAAI,CAAA;;;;;;;CAO3B,CAAA"}
+{"version":3,"file":"SuggestionSnippet.js","sourceRoot":"","sources":["../../../../../src/components/track-changes/suggestion-list/SuggestionSnippet.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/lib/comments.js

@@ -1,6 +1,18 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.buildAuthorName = exports.buildCommentTrees = exports.getAuthorID = void 0;
+exports.commentsByTime = exports.buildAuthorName = exports.buildThreads = exports.getAuthorID = void 0;
+/*!
+ * The contents of this file are subject to the Common Public Attribution License Version 1.0 (the “License”); you may not use this file except in compliance with the License. You may obtain a copy of the License at https://mpapp-public.gitlab.io/manuscripts-frontend/LICENSE. The License is based on the Mozilla Public License Version 1.1 but Sections 14 and 15 have been added to cover use of software over a computer network and provide for limited attribution for the Original Developer. In addition, Exhibit A has been modified to be consistent with Exhibit B.
+ *
+ * Software distributed under the License is distributed on an “AS IS” basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License for the specific language governing rights and limitations under the License.
+ *
+ * The Original Code is manuscripts-frontend.
+ *
+ * The Original Developer is the Initial Developer. The Initial Developer of the Original Code is Atypon Systems LLC.
+ *
+ * All portions of the code written by Atypon Systems LLC are Copyright (c) 2024 Atypon Systems LLC. All Rights Reserved.
+ */
+const body_editor_1 = require("@manuscripts/body-editor");
 const getAuthorID = (comment) => {
     const contributions = comment.node.attrs.contributions;
     if (!contributions?.length) {
@@ -9,14 +21,17 @@ const getAuthorID = (comment) => {
     return contributions[0].profileID;
 };
 exports.getAuthorID = getAuthorID;
-const buildCommentTrees = (comments, newCommentID) => {
-    return comments.map((c) => ({
+const buildThreads = (comments, newCommentID) => {
+    return comments
+        .filter((c) => !(0, body_editor_1.isReply)(c)) // Filter out replies
+        .map((c) => ({
         comment: c,
         isNew: newCommentID === c.node.attrs.id,
-        children: [],
+        replies: comments.filter((reply) => reply.node.attrs.target === c.node.attrs.id // Find replies for each comment
+        ),
     }));
 };
-exports.buildCommentTrees = buildCommentTrees;
+exports.buildThreads = buildThreads;
 const buildAuthorName = (user) => {
     if (!user) {
         return '';
@@ -26,4 +41,10 @@ const buildAuthorName = (user) => {
         .join(' ');
 };
 exports.buildAuthorName = buildAuthorName;
+const commentsByTime = (a, b) => {
+    const aTimestamp = a.node.attrs.contributions?.[0].timestamp || 0;
+    const bTimestamp = b.node.attrs.contributions?.[0].timestamp || 0;
+    return aTimestamp - bTimestamp;
+};
+exports.commentsByTime = commentsByTime;
 //# sourceMappingURL=comments.js.map

package/dist/cjs/lib/comments.js.map

@@ -1 +1 @@
-{"version":3,"file":"comments.js","sourceRoot":"","sources":["../../../src/lib/comments.ts"],"names":[],"mappings":";;;AAoBO,MAAM,WAAW,GAAG,CAAC,OAAgB,EAAE,EAAE;IAC9C,MAAM,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAA;IACtD,IAAI,CAAC,aAAa,EAAE,MAAM,EAAE;QAC1B,OAAO,SAAS,CAAA;KACjB;IACD,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;AACnC,CAAC,CAAA;AANY,QAAA,WAAW,eAMvB;AAEM,MAAM,iBAAiB,GAAG,CAC/B,QAAmB,EACnB,YAAqB,EACN,EAAE;IACjB,OAAO,QAAQ,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QAC1B,OAAO,EAAE,CAAC;QACV,KAAK,EAAE,YAAY,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;QACvC,QAAQ,EAAE,EAAE;KACb,CAAC,CAAC,CAAA;AACL,CAAC,CAAA;AATY,QAAA,iBAAiB,qBAS7B;AAEM,MAAM,eAAe,GAAG,CAAC,IAA6B,EAAE,EAAE;IAC/D,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,EAAE,CAAA;KACV;IACD,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC;SACjE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAA;AACd,CAAC,CAAA;AAPY,QAAA,eAAe,mBAO3B"}
+{"version":3,"file":"comments.js","sourceRoot":"","sources":["../../../src/lib/comments.ts"],"names":[],"mappings":";;;AAAA;;;;;;;;;;GAUG;AACH,0DAA2D;AASpD,MAAM,WAAW,GAAG,CAAC,OAAgB,EAAE,EAAE;IAC9C,MAAM,aAAa,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,CAAA;IACtD,IAAI,CAAC,aAAa,EAAE,MAAM,EAAE;QAC1B,OAAO,SAAS,CAAA;KACjB;IACD,OAAO,aAAa,CAAC,CAAC,CAAC,CAAC,SAAS,CAAA;AACnC,CAAC,CAAA;AANY,QAAA,WAAW,eAMvB;AAEM,MAAM,YAAY,GAAG,CAC1B,QAAmB,EACnB,YAAqB,EACX,EAAE;IACZ,OAAO,QAAQ;SACZ,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,IAAA,qBAAO,EAAC,CAAC,CAAC,CAAC,CAAC,qBAAqB;SAChD,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC;QACX,OAAO,EAAE,CAAC;QACV,KAAK,EAAE,YAAY,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;QACvC,OAAO,EAAE,QAAQ,CAAC,MAAM,CACtB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,IAAI,CAAC,KAAK,CAAC,MAAM,KAAK,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,gCAAgC;SACxF;KACF,CAAC,CAAC,CAAA;AACP,CAAC,CAAA;AAbY,QAAA,YAAY,gBAaxB;AAEM,MAAM,eAAe,GAAG,CAAC,IAA6B,EAAE,EAAE;IAC/D,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,EAAE,CAAA;KACV;IACD,OAAO,CAAC,IAAI,CAAC,iBAAiB,CAAC,KAAK,EAAE,IAAI,CAAC,iBAAiB,CAAC,MAAM,CAAC;SACjE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAA;AACd,CAAC,CAAA;AAPY,QAAA,eAAe,mBAO3B;AAEM,MAAM,cAAc,GAAG,CAAC,CAAU,EAAE,CAAU,EAAE,EAAE;IACvD,MAAM,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,CAAA;IACjE,MAAM,UAAU,GAAG,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE,CAAC,CAAC,CAAC,CAAC,SAAS,IAAI,CAAC,CAAA;IACjE,OAAO,UAAU,GAAG,UAAU,CAAA;AAChC,CAAC,CAAA;AAJY,QAAA,cAAc,kBAI1B"}

package/dist/cjs/lib/fonts.js

@@ -14,7 +14,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 require("@fontsource/lato");
 require("@fontsource/pt-sans");
 require("@fontsource/pt-serif");
-require("@fontsource/lato/300.css");
-require("@fontsource/lato/400.css");
-require("@fontsource/lato/700.css");
 //# sourceMappingURL=fonts.js.map

package/dist/cjs/lib/fonts.js.map

@@ -1 +1 @@
-{"version":3,"file":"fonts.js","sourceRoot":"","sources":["../../../src/lib/fonts.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;;AAEH,4BAAyB;AACzB,+BAA4B;AAC5B,gCAA6B;AAC7B,oCAAiC;AACjC,oCAAiC;AACjC,oCAAiC"}
+{"version":3,"file":"fonts.js","sourceRoot":"","sources":["../../../src/lib/fonts.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;;AAEH,4BAAyB;AACzB,+BAA4B;AAC5B,gCAA6B"}

package/dist/cjs/lib/footnotes.js

@@ -0,0 +1,49 @@
+"use strict";
+/*!
+ * The contents of this file are subject to the Common Public Attribution License Version 1.0 (the “License”); you may not use this file except in compliance with the License. You may obtain a copy of the License at https://mpapp-public.gitlab.io/manuscripts-frontend/LICENSE. The License is based on the Mozilla Public License Version 1.1 but Sections 14 and 15 have been added to cover use of software over a computer network and provide for limited attribution for the Original Developer. In addition, Exhibit A has been modified to be consistent with Exhibit B.
+ *
+ * Software distributed under the License is distributed on an “AS IS” basis, WITHOUT WARRANTY OF ANY KIND, either express or implied. See the License for the specific language governing rights and limitations under the License.
+ *
+ * The Original Code is manuscripts-frontend.
+ *
+ * The Original Developer is the Initial Developer. The Initial Developer of the Original Code is Atypon Systems LLC.
+ *
+ * All portions of the code written by Atypon Systems LLC are Copyright (c) 2019 Atypon Systems LLC. All Rights Reserved.
+ */
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getFootnoteText = exports.getInlineFootnoteContent = exports.findFootnoteById = void 0;
+const utils_1 = require("./utils");
+const findFootnoteById = (doc, id) => {
+    let footnoteNode = null;
+    doc.descendants((node) => {
+        if (node.type.name === 'footnote' && node.attrs.id === id) {
+            footnoteNode = node;
+            return false; // stop traversal
+        }
+        if (footnoteNode) {
+            return false;
+        }
+        return true; // continue traversal
+    });
+    return footnoteNode;
+};
+exports.findFootnoteById = findFootnoteById;
+const getInlineFootnoteContent = (doc, attrs) => {
+    let footnote = null;
+    if (attrs.rids && attrs.rids.length > 0) {
+        footnote = (0, exports.findFootnoteById)(doc, attrs.rids[0]);
+    }
+    return `<sup class="footnote-decoration">${attrs.contents ? attrs.contents : ''}</sup>${footnote ? footnote.textContent : ''}`;
+};
+exports.getInlineFootnoteContent = getInlineFootnoteContent;
+const getFootnoteText = (state, node) => {
+    const footnotesPlugin = (0, utils_1.findPluginByKey)(state, 'footnotes');
+    const pluginState = footnotesPlugin?.getState(state);
+    let decorationText = '';
+    if (pluginState) {
+        decorationText = pluginState.labels.get(node.attrs.id);
+    }
+    return `<sup class="footnote-decoration">${decorationText ? decorationText : ''}</sup>${(0, utils_1.getNodeTextContent)(node)}`;
+};
+exports.getFootnoteText = getFootnoteText;
+//# sourceMappingURL=footnotes.js.map

package/dist/cjs/lib/footnotes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"footnotes.js","sourceRoot":"","sources":["../../../src/lib/footnotes.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;;;AAIH,mCAA6D;AAEtD,MAAM,gBAAgB,GAAG,CAC9B,GAAmB,EACnB,EAAU,EACa,EAAE;IACzB,IAAI,YAAY,GAA0B,IAAI,CAAA;IAE9C,GAAG,CAAC,WAAW,CAAC,CAAC,IAAI,EAAE,EAAE;QACvB,IAAI,IAAI,CAAC,IAAI,CAAC,IAAI,KAAK,UAAU,IAAI,IAAI,CAAC,KAAK,CAAC,EAAE,KAAK,EAAE,EAAE;YACzD,YAAY,GAAG,IAAI,CAAA;YACnB,OAAO,KAAK,CAAA,CAAC,iBAAiB;SAC/B;QACD,IAAI,YAAY,EAAE;YAChB,OAAO,KAAK,CAAA;SACb;QACD,OAAO,IAAI,CAAA,CAAC,qBAAqB;IACnC,CAAC,CAAC,CAAA;IACF,OAAO,YAAY,CAAA;AACrB,CAAC,CAAA;AAjBY,QAAA,gBAAgB,oBAiB5B;AAEM,MAAM,wBAAwB,GAAG,CACtC,GAAmB,EACnB,KAAuB,EACf,EAAE;IACV,IAAI,QAAQ,GAAG,IAAI,CAAA;IACnB,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,IAAI,CAAC,MAAM,GAAG,CAAC,EAAE;QACvC,QAAQ,GAAG,IAAA,wBAAgB,EAAC,GAAG,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAA;KAChD;IACD,OAAO,oCACL,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,EACpC,SAAS,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,CAAC,CAAC,EAAE,EAAE,CAAA;AACjD,CAAC,CAAA;AAXY,QAAA,wBAAwB,4BAWpC;AAEM,MAAM,eAAe,GAAG,CAC7B,KAA4B,EAC5B,IAAoB,EACpB,EAAE;IACF,MAAM,eAAe,GAAG,IAAA,uBAAe,EAAC,KAAK,EAAE,WAAW,CAAC,CAAA;IAC3D,MAAM,WAAW,GAAG,eAAe,EAAE,QAAQ,CAAC,KAAK,CAAC,CAAA;IACpD,IAAI,cAAc,GAAG,EAAE,CAAA;IACvB,IAAI,WAAW,EAAE;QACf,cAAc,GAAG,WAAW,CAAC,MAAM,CAAC,GAAG,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE,CAAC,CAAA;KACvD;IACD,OAAO,oCACL,cAAc,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EACpC,SAAS,IAAA,0BAAkB,EAAC,IAAI,CAAC,EAAE,CAAA;AACrC,CAAC,CAAA;AAbY,QAAA,eAAe,mBAa3B"}

package/dist/cjs/lib/tracking.js

@@ -35,9 +35,6 @@ const changeOperationAlias = (operation) => {
         case 'set_attrs': {
             return 'Updated';
         }
-        case 'wrap_with_node': {
-            return 'Inserted';
-        }
         default: {
             return 'null';
         }

package/dist/cjs/lib/tracking.js.map

@@ -1 +1 @@
-{"version":3,"file":"tracking.js","sourceRoot":"","sources":["../../../src/lib/tracking.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;;;AAqBI,MAAM,UAAU,GAAe,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;IAC3E,IAAI,MAAM,CAAC,EAAE,EAAE;QACb,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE;YAChB,OAAO,EAAE,OAAO;YAChB,aAAa,EAAE,QAAQ;YACvB,WAAW,EAAE,MAAM;YACnB,UAAU,EAAE,KAAK;YACjB,UAAU,EAAE,KAAK;SAClB,CAAC,CAAA;KACH;AACH,CAAC,CAAA;AAVY,QAAA,UAAU,cAUtB;AAEM,MAAM,oBAAoB,GAAG,CAAC,SAAiB,EAAU,EAAE;IAChE,QAAQ,SAAS,EAAE;QACjB,KAAK,QAAQ,CAAC,CAAC;YACb,OAAO,SAAS,CAAA;SACjB;QACD,KAAK,QAAQ,CAAC,CAAC;YACb,OAAO,UAAU,CAAA;SAClB;QACD,KAAK,WAAW,CAAC,CAAC;YAChB,OAAO,SAAS,CAAA;SACjB;QACD,KAAK,gBAAgB,CAAC,CAAC;YACrB,OAAO,UAAU,CAAA;SAClB;QACD,OAAO,CAAC,CAAC;YACP,OAAO,MAAM,CAAA;SACd;KACF;AACH,CAAC,CAAA;AAlBY,QAAA,oBAAoB,wBAkBhC"}
+{"version":3,"file":"tracking.js","sourceRoot":"","sources":["../../../src/lib/tracking.ts"],"names":[],"mappings":";AAAA;;;;;;;;;;GAUG;;;AAqBI,MAAM,UAAU,GAAe,CAAC,EAAE,QAAQ,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,EAAE,EAAE;IAC3E,IAAI,MAAM,CAAC,EAAE,EAAE;QACb,MAAM,CAAC,EAAE,CAAC,MAAM,EAAE;YAChB,OAAO,EAAE,OAAO;YAChB,aAAa,EAAE,QAAQ;YACvB,WAAW,EAAE,MAAM;YACnB,UAAU,EAAE,KAAK;YACjB,UAAU,EAAE,KAAK;SAClB,CAAC,CAAA;KACH;AACH,CAAC,CAAA;AAVY,QAAA,UAAU,cAUtB;AAEM,MAAM,oBAAoB,GAAG,CAAC,SAAiB,EAAU,EAAE;IAChE,QAAQ,SAAS,EAAE;QACjB,KAAK,QAAQ,CAAC,CAAC;YACb,OAAO,SAAS,CAAA;SACjB;QACD,KAAK,QAAQ,CAAC,CAAC;YACb,OAAO,UAAU,CAAA;SAClB;QACD,KAAK,WAAW,CAAC,CAAC;YAChB,OAAO,SAAS,CAAA;SACjB;QACD,OAAO,CAAC,CAAC;YACP,OAAO,MAAM,CAAA;SACd;KACF;AACH,CAAC,CAAA;AAfY,QAAA,oBAAoB,wBAehC"}

package/dist/cjs/lib/utils.js

@@ -1,20 +1,37 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.getParentNode = void 0;
+exports.getParentNode = exports.findPluginByKey = exports.getNodeTextContent = void 0;
+const getNodeTextContent = (node) => {
+    let textContent = '';
+    // Traverse the node and its descendants
+    node.forEach((child) => {
+        if (child.isText) {
+            // If the child is a text node, add its text content
+            textContent += child.text;
+        }
+        else {
+            // If the child is not a text node, recursively collect text content
+            textContent += (0, exports.getNodeTextContent)(child);
+        }
+    });
+    return textContent;
+};
+exports.getNodeTextContent = getNodeTextContent;
+const findPluginByKey = (state, keyName) => {
+    for (let i = 0; i < state.plugins.length; i++) {
+        const plugin = state.plugins[i];
+        if (plugin.key === keyName + '$') {
+            return plugin;
+        }
+    }
+    return null;
+};
+exports.findPluginByKey = findPluginByKey;
 const getParentNode = (state, pos) => {
     const resolvedPos = state.doc.resolve(pos);
     for (let depth = resolvedPos.depth; depth > 0; depth--) {
         const parent = resolvedPos.node(depth);
-        if (parent.isText === false) {
-            if (parent.type == state.schema.nodes.paragraph) {
-                const grandParent = resolvedPos.node(depth - 1);
-                if (grandParent.type == state.schema.nodes.footnote) {
-                    return grandParent;
-                }
-                else {
-                    return parent;
-                }
-            }
+        if (parent.isTextblock === false) {
             return parent;
         }
     }

package/dist/cjs/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/lib/utils.ts"],"names":[],"mappings":";;;AAaO,MAAM,aAAa,GAAG,CAAC,KAAkB,EAAE,GAAW,EAAE,EAAE;IAC/D,MAAM,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;IAE1C,KAAK,IAAI,KAAK,GAAG,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,EAAE;QACtD,MAAM,MAAM,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACtC,IAAI,MAAM,CAAC,MAAM,KAAK,KAAK,EAAE;YAC3B,IAAI,MAAM,CAAC,IAAI,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,EAAE;gBAC/C,MAAM,WAAW,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,GAAG,CAAC,CAAC,CAAA;gBAC/C,IAAI,WAAW,CAAC,IAAI,IAAI,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,QAAQ,EAAE;oBACnD,OAAO,WAAW,CAAA;iBACnB;qBAAM;oBACL,OAAO,MAAM,CAAA;iBACd;aACF;YACD,OAAO,MAAM,CAAA;SACd;KACF;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAnBY,QAAA,aAAa,iBAmBzB"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/lib/utils.ts"],"names":[],"mappings":";;;AAkBO,MAAM,kBAAkB,GAAG,CAAC,IAAoB,EAAE,EAAE;IACzD,IAAI,WAAW,GAAG,EAAE,CAAA;IAEpB,wCAAwC;IACxC,IAAI,CAAC,OAAO,CAAC,CAAC,KAAK,EAAE,EAAE;QACrB,IAAI,KAAK,CAAC,MAAM,EAAE;YAChB,oDAAoD;YACpD,WAAW,IAAI,KAAK,CAAC,IAAI,CAAA;SAC1B;aAAM;YACL,oEAAoE;YACpE,WAAW,IAAI,IAAA,0BAAkB,EAAC,KAAK,CAAC,CAAA;SACzC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,WAAW,CAAA;AACpB,CAAC,CAAA;AAfY,QAAA,kBAAkB,sBAe9B;AAEM,MAAM,eAAe,GAAG,CAC7B,KAA4B,EAC5B,OAAe,EACQ,EAAE;IACzB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,KAAK,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;QAC7C,MAAM,MAAM,GAAG,KAAK,CAAC,OAAO,CAAC,CAAC,CAAmB,CAAA;QAEjD,IAAI,MAAM,CAAC,GAAG,KAAK,OAAO,GAAG,GAAG,EAAE;YAChC,OAAO,MAAM,CAAA;SACd;KACF;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAbY,QAAA,eAAe,mBAa3B;AAEM,MAAM,aAAa,GAAG,CAAC,KAAkB,EAAE,GAAW,EAAE,EAAE;IAC/D,MAAM,WAAW,GAAG,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,GAAG,CAAC,CAAA;IAE1C,KAAK,IAAI,KAAK,GAAG,WAAW,CAAC,KAAK,EAAE,KAAK,GAAG,CAAC,EAAE,KAAK,EAAE,EAAE;QACtD,MAAM,MAAM,GAAG,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;QACtC,IAAI,MAAM,CAAC,WAAW,KAAK,KAAK,EAAE;YAChC,OAAO,MAAM,CAAA;SACd;KACF;IAED,OAAO,IAAI,CAAA;AACb,CAAC,CAAA;AAXY,QAAA,aAAa,iBAWzB"}

package/dist/es/components/comments/CommentActions.js

@@ -29,24 +29,28 @@ export const ActionsIcon = styled.button `
 export const CommentAction = styled.div `
   font-family: ${(props) => props.theme.font.family.Lato};
   cursor: pointer;
-  font-size: 16px;
+  font-size: 14px;
   line-height: 24px;
   color: ${(props) => props.theme.colors.text.primary};
-  padding: 16px;
+  padding: 6px 0 6px 8px;
   &:hover,
   &:focus {
     background: #f2fbfc;
   }
 `;
+const Container = styled.div `
+  display: flex;
+  align-items: end;
+`;
 export const CommentActions = ({ comment, isResolveEnabled, isActionsEnabled, onEdit, onDelete, toggleResolve, }) => {
     const { isOpen, toggleOpen, wrapperRef } = useDropdown();
-    return (React.createElement(React.Fragment, null,
-        isResolveEnabled && (React.createElement(CommentResolveButton, { comment: comment, onClick: toggleResolve })),
+    return (React.createElement(Container, null,
         isActionsEnabled && (React.createElement(DropdownContainer, { ref: wrapperRef },
-            React.createElement(ActionsIcon, { "data-cy": "comment-dropdown-trigger", onClick: toggleOpen },
+            React.createElement(ActionsIcon, { "data-cy": "comment-dropdown-trigger", onClick: toggleOpen, className: "actions-icon" },
                 React.createElement(DotsIcon, null)),
-            isOpen && (React.createElement(DropdownList, { "data-cy": "comment-dropdown", direction: 'right', width: 125, onClick: toggleOpen },
+            isOpen && (React.createElement(DropdownList, { "data-cy": "comment-dropdown", direction: 'right', width: 82, onClick: toggleOpen },
                 React.createElement(CommentAction, { "data-cy": "comment-edit", onClick: onEdit }, "Edit"),
-                React.createElement(CommentAction, { "data-cy": "comment-delete", onClick: onDelete }, "Delete")))))));
+                React.createElement(CommentAction, { "data-cy": "comment-delete", onClick: onDelete }, "Delete"))))),
+        isResolveEnabled && (React.createElement(CommentResolveButton, { comment: comment, onClick: toggleResolve }))));
 };
 //# sourceMappingURL=CommentActions.js.map

package/dist/es/components/comments/CommentActions.js.map

@@ -1 +1 @@
-{"version":3,"file":"CommentActions.js","sourceRoot":"","sources":["../../../../src/components/comments/CommentActions.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EACL,QAAQ,EACR,iBAAiB,EACjB,YAAY,EACZ,WAAW,GACZ,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAE7D,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;CAYvC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;iBACtB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI;;;;WAI7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;;;;;;CAMpD,CAAA;AAWD,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,OAAO,EACP,gBAAgB,EAChB,gBAAgB,EAChB,MAAM,EACN,QAAQ,EACR,aAAa,GACd,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,WAAW,EAAE,CAAA;IAExD,OAAO,CACL;QACG,gBAAgB,IAAI,CACnB,oBAAC,oBAAoB,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,GAAI,CACnE;QACA,gBAAgB,IAAI,CACnB,oBAAC,iBAAiB,IAAC,GAAG,EAAE,UAAU;YAChC,oBAAC,WAAW,eAAS,0BAA0B,EAAC,OAAO,EAAE,UAAU;gBACjE,oBAAC,QAAQ,OAAG,CACA;YACb,MAAM,IAAI,CACT,oBAAC,YAAY,eACH,kBAAkB,EAC1B,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,GAAG,EACV,OAAO,EAAE,UAAU;gBAEnB,oBAAC,aAAa,eAAS,cAAc,EAAC,OAAO,EAAE,MAAM,WAErC;gBAChB,oBAAC,aAAa,eAAS,gBAAgB,EAAC,OAAO,EAAE,QAAQ,aAEzC,CACH,CAChB,CACiB,CACrB,CACA,CACJ,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"CommentActions.js","sourceRoot":"","sources":["../../../../src/components/comments/CommentActions.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAGH,OAAO,EACL,QAAQ,EACR,iBAAiB,EACjB,YAAY,EACZ,WAAW,GACZ,MAAM,0BAA0B,CAAA;AACjC,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAE7D,MAAM,CAAC,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,CAAA;;;;;;;;;;;;CAYvC,CAAA;AAED,MAAM,CAAC,MAAM,aAAa,GAAG,MAAM,CAAC,GAAG,CAAA;iBACtB,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI;;;;WAI7C,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,CAAC,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO;;;;;;CAMpD,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,GAAG,CAAA;;;CAG3B,CAAA;AAWD,MAAM,CAAC,MAAM,cAAc,GAAkC,CAAC,EAC5D,OAAO,EACP,gBAAgB,EAChB,gBAAgB,EAChB,MAAM,EACN,QAAQ,EACR,aAAa,GACd,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,GAAG,WAAW,EAAE,CAAA;IAExD,OAAO,CACL,oBAAC,SAAS;QACP,gBAAgB,IAAI,CACnB,oBAAC,iBAAiB,IAAC,GAAG,EAAE,UAAU;YAChC,oBAAC,WAAW,eACF,0BAA0B,EAClC,OAAO,EAAE,UAAU,EACnB,SAAS,EAAC,cAAc;gBAExB,oBAAC,QAAQ,OAAG,CACA;YACb,MAAM,IAAI,CACT,oBAAC,YAAY,eACH,kBAAkB,EAC1B,SAAS,EAAE,OAAO,EAClB,KAAK,EAAE,EAAE,EACT,OAAO,EAAE,UAAU;gBAEnB,oBAAC,aAAa,eAAS,cAAc,EAAC,OAAO,EAAE,MAAM,WAErC;gBAChB,oBAAC,aAAa,eAAS,gBAAgB,EAAC,OAAO,EAAE,QAAQ,aAEzC,CACH,CAChB,CACiB,CACrB;QACA,gBAAgB,IAAI,CACnB,oBAAC,oBAAoB,IAAC,OAAO,EAAE,OAAO,EAAE,OAAO,EAAE,aAAa,GAAI,CACnE,CACS,CACb,CAAA;AACH,CAAC,CAAA"}