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

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

@@ -0,0 +1,88 @@
+/*!
+ * 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.
+ */
+import { ButtonGroup, PrimaryButton, SecondaryButton, } from '@manuscripts/style-guide';
+import React, { useMemo, useRef, useState } from 'react';
+import styled from 'styled-components';
+export const ReplyBox = ({ insertCommentReply, commentID, }) => {
+    const [isTextBoxFocused, setIsTextBoxFocused] = useState(false);
+    const [value, setValue] = useState('');
+    const replyRef = 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 = 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.createElement(React.Fragment, null,
+        React.createElement(TextBox, { "data-cy": "reply", placeholder: "Reply...", ref: replyRef, onChange: onTextChange, onFocus: handleFocus, onBlur: handleBlur }),
+        isTextBoxFocused && (React.createElement(Actions, { "data-cy": "reply-actions" },
+            React.createElement(SecondaryButton, { onClick: () => {
+                    setIsTextBoxFocused(false);
+                    setValue('');
+                    if (replyRef.current) {
+                        replyRef.current.value = '';
+                        replyRef.current.style.height = '30px'; // Reset the height
+                    }
+                } }, "Cancel"),
+            React.createElement(PrimaryButton, { onClick: reply, disabled: disableSaveButton }, "Reply")))));
+};
+const TextBox = styled.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 = styled(ButtonGroup) `
+  & button:not(:last-of-type) {
+    margin-right: 4px;
+  }
+`;
+//# sourceMappingURL=ReplyBox.js.map

package/dist/es/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/es/components/track-changes/suggestion-list/Suggestion.js

@@ -51,7 +51,8 @@ const Wrapper = styled.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
@@ -62,8 +63,7 @@ const Wrapper = styled.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/es/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/es/components/track-changes/suggestion-list/SuggestionSnippet.js

@@ -9,41 +9,129 @@
  *
  * All portions of the code written by Atypon Systems LLC are Copyright (c) 2024 Atypon Systems LLC. All Rights Reserved.
  */
-import { CHANGE_STATUS, ChangeSet, } from '@manuscripts/track-changes-plugin';
+import { CHANGE_OPERATION, CHANGE_STATUS, ChangeSet, } from '@manuscripts/track-changes-plugin';
+import { schema } from '@manuscripts/transform';
+import parse from 'html-react-parser';
 import React, { useEffect, useState } from 'react';
 import styled from 'styled-components';
-import { handleNodeChange, handleTextChange, handleUnknownChange, } from '../../../lib/change-handlers';
+import { getFootnoteText, getInlineFootnoteContent, } from '../../../lib/footnotes';
+import { changeOperationAlias } from '../../../lib/tracking';
+import { getParentNode } from '../../../lib/utils';
 import { useStore } from '../../../store';
-import SnippetContent from './SnippetContent';
 export const SuggestionSnippet = ({ suggestion, }) => {
     const [{ doc, view }] = useStore((store) => ({
         view: store.view,
         doc: store.doc,
     }));
     const [snippet, setSnippet] = useState(null);
+    const [message, setMessage] = useState('');
     const { dataTracked } = suggestion;
     useEffect(() => {
-        let newSnippet = null;
-        if (ChangeSet.isTextChange(suggestion)) {
-            newSnippet = handleTextChange(suggestion, view, dataTracked);
-        }
-        else if (ChangeSet.isNodeChange(suggestion) ||
-            ChangeSet.isNodeAttrChange(suggestion)) {
-            newSnippet = handleNodeChange(suggestion, view, doc, dataTracked);
-        }
-        else {
-            newSnippet = handleUnknownChange();
-        }
+        const getSnippetData = () => {
+            if (ChangeSet.isTextChange(suggestion) && view) {
+                const parentNode = getParentNode(view.state, suggestion.from);
+                if (parentNode?.type === schema.nodes.footnote) {
+                    return {
+                        snippet: {
+                            operation: changeOperationAlias(dataTracked.operation),
+                            nodeName: parentNode.type.name || suggestion.nodeType.name,
+                            content: suggestion.text,
+                        },
+                        message: '',
+                    };
+                }
+                else {
+                    return { snippet: null, message: suggestion.text };
+                }
+            }
+            if (ChangeSet.isNodeChange(suggestion) && view) {
+                if (suggestion.node.type === schema.nodes.inline_footnote) {
+                    return {
+                        snippet: {
+                            operation: changeOperationAlias(dataTracked.operation),
+                            nodeName: suggestion.node.type.spec.name,
+                            content: getInlineFootnoteContent(doc, suggestion.attrs),
+                        },
+                        message: '',
+                    };
+                }
+                else if (suggestion.node.type === schema.nodes.footnote) {
+                    return {
+                        snippet: {
+                            operation: changeOperationAlias(dataTracked.operation),
+                            nodeName: suggestion.node.type.name,
+                            content: getFootnoteText(view.state, suggestion.node),
+                        },
+                        message: '',
+                    };
+                }
+                else if (suggestion.dataTracked.operation === CHANGE_OPERATION.node_split) {
+                    return {
+                        snippet: null,
+                        message: `Split ${suggestion.node.type.name}`,
+                    };
+                }
+                else if (suggestion.dataTracked.operation === 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 (ChangeSet.isNodeAttrChange(suggestion) && view) {
+                if (suggestion.node.type === schema.nodes.inline_footnote) {
+                    return {
+                        snippet: {
+                            operation: changeOperationAlias(dataTracked.operation),
+                            nodeName: suggestion.node.type.spec.name,
+                            content: getInlineFootnoteContent(doc, suggestion.newAttrs),
+                        },
+                        message: '',
+                    };
+                }
+                else if (suggestion.node.type === schema.nodes.footnote) {
+                    return {
+                        snippet: {
+                            operation: changeOperationAlias(dataTracked.operation),
+                            nodeName: suggestion.node.type.name,
+                            content: 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.createElement(SnippetText, { isRejected: dataTracked.status === CHANGE_STATUS.rejected, "data-mathjax": snippet?.isEquation },
-        React.createElement(React.Fragment, null,
-            React.createElement(Operation, { color: dataTracked.operation },
-                snippet?.operation,
-                ":"),
-            React.createElement(NodeName, null, snippet?.nodeName),
-            React.createElement(SnippetContent, { content: snippet?.content || '', isEquation: snippet?.isEquation }))));
+        setMessage(newMessage);
+    }, [suggestion, doc, view, view?.state, dataTracked.operation]);
+    return (React.createElement(SnippetText, { isRejected: dataTracked.status === CHANGE_STATUS.rejected }, snippet ? (React.createElement(React.Fragment, null,
+        React.createElement(Operation, { color: dataTracked.operation },
+            snippet.operation,
+            ":"),
+        React.createElement(NodeName, null,
+            snippet.nodeName,
+            ":"),
+        React.createElement(Content, null, parse(snippet.content)))) : dataTracked.operation === CHANGE_OPERATION.delete ? (React.createElement("del", null, message)) : (message)));
 };
 const SnippetText = styled.div `
   font-size: ${(props) => props.theme.font.size.small};
@@ -54,9 +142,6 @@ const SnippetText = styled.div `
   color: ${(props) => props.theme.colors.text.primary};
   display: block;
   text-overflow: ellipsis;
-  &[data-mathjax='true'] {
-    text-overflow: unset;
-  }
 `;
 const Operation = styled.span `
   font-family: Lato, sans-serif;
@@ -68,7 +153,6 @@ const Operation = styled.span `
   color: ${(props) => {
     switch (props.color) {
         case 'insert':
-        case 'wrap_with_node':
             return '#01872E';
         case 'delete':
             return '#F35143';
@@ -86,5 +170,13 @@ const NodeName = styled.span `
   font-size: 12px;
   font-weight: bold;
   line-height: 16px;
+  margin-right: 3.2px;
+`;
+const Content = styled.span `
+  color: #353535;
+  font-family: Lato, sans-serif;
+  font-size: 12px;
+  font-weight: 400;
+  line-height: 16px;
 `;
 //# sourceMappingURL=SuggestionSnippet.js.map

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

package/dist/es/lib/comments.js

@@ -1,3 +1,15 @@
+/*!
+ * 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.
+ */
+import { isReply } from '@manuscripts/body-editor';
 export const getAuthorID = (comment) => {
     const contributions = comment.node.attrs.contributions;
     if (!contributions?.length) {
@@ -5,11 +17,14 @@ export const getAuthorID = (comment) => {
     }
     return contributions[0].profileID;
 };
-export const buildCommentTrees = (comments, newCommentID) => {
-    return comments.map((c) => ({
+export const buildThreads = (comments, newCommentID) => {
+    return comments
+        .filter((c) => !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
+        ),
     }));
 };
 export const buildAuthorName = (user) => {
@@ -20,4 +35,9 @@ export const buildAuthorName = (user) => {
         .filter(Boolean)
         .join(' ');
 };
+export 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;
+};
 //# sourceMappingURL=comments.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"comments.js","sourceRoot":"","sources":["../../../src/lib/comments.ts"],"names":[],"mappings":"AAoBA,MAAM,CAAC,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;AAED,MAAM,CAAC,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;AAED,MAAM,CAAC,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"}
+{"version":3,"file":"comments.js","sourceRoot":"","sources":["../../../src/lib/comments.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AACH,OAAO,EAAW,OAAO,EAAE,MAAM,0BAA0B,CAAA;AAS3D,MAAM,CAAC,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;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,CAC1B,QAAmB,EACnB,YAAqB,EACX,EAAE;IACZ,OAAO,QAAQ;SACZ,MAAM,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,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;AAED,MAAM,CAAC,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;AAED,MAAM,CAAC,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"}

package/dist/es/lib/fonts.js

@@ -12,7 +12,4 @@
 import '@fontsource/lato';
 import '@fontsource/pt-sans';
 import '@fontsource/pt-serif';
-import '@fontsource/lato/300.css';
-import '@fontsource/lato/400.css';
-import '@fontsource/lato/700.css';
 //# sourceMappingURL=fonts.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"fonts.js","sourceRoot":"","sources":["../../../src/lib/fonts.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,kBAAkB,CAAA;AACzB,OAAO,qBAAqB,CAAA;AAC5B,OAAO,sBAAsB,CAAA;AAC7B,OAAO,0BAA0B,CAAA;AACjC,OAAO,0BAA0B,CAAA;AACjC,OAAO,0BAA0B,CAAA"}
+{"version":3,"file":"fonts.js","sourceRoot":"","sources":["../../../src/lib/fonts.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAEH,OAAO,kBAAkB,CAAA;AACzB,OAAO,qBAAqB,CAAA;AAC5B,OAAO,sBAAsB,CAAA"}

package/dist/es/lib/footnotes.js

@@ -0,0 +1,43 @@
+/*!
+ * 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.
+ */
+import { findPluginByKey, getNodeTextContent } from './utils';
+export 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;
+};
+export const getInlineFootnoteContent = (doc, attrs) => {
+    let footnote = null;
+    if (attrs.rids && attrs.rids.length > 0) {
+        footnote = findFootnoteById(doc, attrs.rids[0]);
+    }
+    return `<sup class="footnote-decoration">${attrs.contents ? attrs.contents : ''}</sup>${footnote ? footnote.textContent : ''}`;
+};
+export const getFootnoteText = (state, node) => {
+    const footnotesPlugin = 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>${getNodeTextContent(node)}`;
+};
+//# sourceMappingURL=footnotes.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"footnotes.js","sourceRoot":"","sources":["../../../src/lib/footnotes.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAIH,OAAO,EAAE,eAAe,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAE7D,MAAM,CAAC,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;AAED,MAAM,CAAC,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,gBAAgB,CAAC,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;AAED,MAAM,CAAC,MAAM,eAAe,GAAG,CAC7B,KAA4B,EAC5B,IAAoB,EACpB,EAAE;IACF,MAAM,eAAe,GAAG,eAAe,CAAC,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,kBAAkB,CAAC,IAAI,CAAC,EAAE,CAAA;AACrC,CAAC,CAAA"}

package/dist/es/lib/tracking.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"tracking.js","sourceRoot":"","sources":["../../../src/lib/tracking.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAqBH,MAAM,CAAC,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;AAED,MAAM,CAAC,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"}
+{"version":3,"file":"tracking.js","sourceRoot":"","sources":["../../../src/lib/tracking.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;GAUG;AAqBH,MAAM,CAAC,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;AAED,MAAM,CAAC,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"}

package/dist/es/lib/utils.js

@@ -1,17 +1,32 @@
+export 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 += getNodeTextContent(child);
+        }
+    });
+    return textContent;
+};
+export 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;
+};
 export 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/es/lib/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/lib/utils.ts"],"names":[],"mappings":"AAaA,MAAM,CAAC,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"}
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/lib/utils.ts"],"names":[],"mappings":"AAkBA,MAAM,CAAC,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,kBAAkB,CAAC,KAAK,CAAC,CAAA;SACzC;IACH,CAAC,CAAC,CAAA;IAEF,OAAO,WAAW,CAAA;AACpB,CAAC,CAAA;AAED,MAAM,CAAC,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;AAED,MAAM,CAAC,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"}

package/dist/types/{lib/change-handlers.d.ts → components/comments/CommentCard.d.ts}

@@ -9,14 +9,17 @@
  *
  * All portions of the code written by Atypon Systems LLC are Copyright (c) 2024 Atypon Systems LLC. All Rights Reserved.
  */
-import { NodeAttrChange, NodeChange, TextChange } from '@manuscripts/track-changes-plugin';
-interface SnippetData {
-    operation: string;
-    nodeName: string;
-    content: string | null;
-    isEquation?: boolean;
+import { Comment, CommentAttrs } from '@manuscripts/body-editor';
+import React from 'react';
+interface CommentCardProps {
+    comment: Comment;
+    isReply: boolean;
+    numOfReplies: number;
+    isNew: boolean;
+    isEndOfThread: boolean;
+    onSave: (comment: CommentAttrs) => void;
+    onDelete: (id: string) => void;
+    onSelect: () => void;
 }
-export declare const handleTextChange: (suggestion: TextChange, view: any, dataTracked: any) => SnippetData | null;
-export declare const handleNodeChange: (suggestion: NodeChange | NodeAttrChange, view: any, doc: any, dataTracked: any) => SnippetData | null;
-export declare const handleUnknownChange: () => SnippetData;
+export declare const CommentCard: React.FC<CommentCardProps>;
 export {};

package/dist/types/components/comments/CommentThread.d.ts

@@ -11,12 +11,13 @@
  */
 import { CommentAttrs } from '@manuscripts/body-editor';
 import React from 'react';
-import { CommentTree } from '../../lib/comments';
+import { Thread } from '../../lib/comments';
 export interface CommentThreadProps {
-    tree: CommentTree;
+    thread: Thread;
     isSelected: boolean;
     onSelect: () => void;
     onSave: (comment: CommentAttrs) => void;
     onDelete: (id: string) => void;
+    insertCommentReply: (target: string, contents: string) => void;
 }
 export declare const CommentThread: React.ForwardRefExoticComponent<CommentThreadProps & React.RefAttributes<HTMLDivElement>>;

package/dist/{es/components/track-changes/suggestion-list/SnippetContent.js → types/components/comments/DeleteCommentConfirmation.d.ts}

@@ -9,36 +9,10 @@
  *
  * All portions of the code written by Atypon Systems LLC are Copyright (c) 2024 Atypon Systems LLC. All Rights Reserved.
  */
-import { renderMath } from '@manuscripts/body-editor';
-import purify from 'dompurify';
-import React, { useEffect, useRef } from 'react';
-import styled from 'styled-components';
-const SnippetContent = ({ content, isEquation }) => {
-    const contentRef = useRef(null);
-    useEffect(() => {
-        if (contentRef.current && content) {
-            contentRef.current.innerHTML = purify.sanitize(': ' + content) || '';
-            if (isEquation) {
-                renderMath(contentRef.current);
-            }
-        }
-    }, [content, isEquation]);
-    return React.createElement(StyledContent, { ref: contentRef, "data-mathjax": isEquation });
-};
-export default SnippetContent;
-const StyledContent = styled.span `
-  color: #353535;
-  font-family: Lato, sans-serif;
-  font-size: 12px;
-  font-weight: 400;
-  line-height: 16px;
-
-  &[data-mathjax='true'] {
-    text-overflow: unset;
-  }
-
-  .inspector-list-item::after {
-    content: '...';
-  }
-`;
-//# sourceMappingURL=SnippetContent.js.map
+import React from 'react';
+interface DeleteCommentConfirmationProps {
+    onCancel: () => void;
+    onConfirm: () => void;
+}
+export declare const DeleteCommentConfirmation: React.FC<DeleteCommentConfirmationProps>;
+export {};

package/dist/types/components/{track-changes/suggestion-list/SnippetContent.d.ts → comments/ReplyBox.d.ts}

@@ -10,9 +10,9 @@
  * All portions of the code written by Atypon Systems LLC are Copyright (c) 2024 Atypon Systems LLC. All Rights Reserved.
  */
 import React from 'react';
-interface ContentProps {
-    content: string;
-    isEquation?: boolean;
+interface ReplyBoxProps {
+    insertCommentReply: (target: string, contents: string) => void;
+    commentID: string;
 }
-declare const SnippetContent: React.FC<ContentProps>;
-export default SnippetContent;
+export declare const ReplyBox: React.FC<ReplyBoxProps>;
+export {};