@manuscripts/body-editor 3.14.0 → 3.15.1

package/dist/cjs/components/affiliations/AffiliationsModal.js

@@ -39,7 +39,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AffiliationsModal = void 0;
 const style_guide_1 = require("@manuscripts/style-guide");
 const transform_1 = require("@manuscripts/transform");
-const lodash_1 = require("lodash");
+const isEqual_1 = __importDefault(require("lodash/isEqual"));
 const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const authors_1 = require("../../lib/authors");
@@ -126,11 +126,11 @@ const AffiliationsModal = ({ authors: $authors, affiliations: $affiliations, aff
     }, []);
     const handleClose = () => {
         const values = valuesRef.current;
-        const hasAffiliationChanges = selection && !(0, lodash_1.isEqual)(values, (0, normalize_1.checkID)(selection, 'affiliation'));
+        const hasAffiliationChanges = selection && !(0, isEqual_1.default)(values, (0, normalize_1.checkID)(selection, 'affiliation'));
         const originalAuthors = selection
             ? (affiliationAuthorMap.get(selection.id) ?? [])
             : [];
-        const hasAuthorChanges = !(0, lodash_1.isEqual)(originalAuthors.sort(), selectedAuthorIds.sort());
+        const hasAuthorChanges = !(0, isEqual_1.default)(originalAuthors.sort(), selectedAuthorIds.sort());
         const hasChanges = hasAffiliationChanges || (selection && hasAuthorChanges);
         const isInstitutionEmpty = values?.institution?.trim() === '';
         if (hasChanges) {
@@ -149,11 +149,11 @@ const AffiliationsModal = ({ authors: $authors, affiliations: $affiliations, aff
     };
     const handleSelect = (affiliation) => {
         const values = valuesRef.current;
-        const hasAffiliationChanges = selection && !(0, lodash_1.isEqual)(values, (0, normalize_1.checkID)(selection, 'affiliation'));
+        const hasAffiliationChanges = selection && !(0, isEqual_1.default)(values, (0, normalize_1.checkID)(selection, 'affiliation'));
         const originalAuthors = selection
             ? (affiliationAuthorMap.get(selection.id) ?? [])
             : [];
-        const hasAuthorChanges = !(0, lodash_1.isEqual)(originalAuthors.sort(), selectedAuthorIds.sort());
+        const hasAuthorChanges = !(0, isEqual_1.default)(originalAuthors.sort(), selectedAuthorIds.sort());
         const hasChanges = hasAffiliationChanges || hasAuthorChanges;
         const isInstitutionEmpty = values?.institution?.trim() === '';
         if (hasChanges) {
@@ -234,9 +234,9 @@ const AffiliationsModal = ({ authors: $authors, affiliations: $affiliations, aff
         }
         const isInstitutionEmpty = !values.institution?.trim();
         const hasAffiliationChanges = selection &&
-            !(0, lodash_1.isEqual)((0, normalize_1.checkID)(values, 'affiliation'), (0, normalize_1.checkID)(selection, 'affiliation'));
+            !(0, isEqual_1.default)((0, normalize_1.checkID)(values, 'affiliation'), (0, normalize_1.checkID)(selection, 'affiliation'));
         const originalAuthors = affiliationAuthorMap.get(selection.id) ?? [];
-        const hasAuthorChanges = selection && !(0, lodash_1.isEqual)(originalAuthors.sort(), selectedAuthorIds.sort());
+        const hasAuthorChanges = selection && !(0, isEqual_1.default)(originalAuthors.sort(), selectedAuthorIds.sort());
         const shouldEnableSave = !isInstitutionEmpty && (hasAffiliationChanges || hasAuthorChanges);
         setIsDisableSave(!shouldEnableSave);
     };
@@ -272,9 +272,9 @@ const AffiliationsModal = ({ authors: $authors, affiliations: $affiliations, aff
             ? selectedAuthorIds.filter((id) => id !== authorId)
             : [...selectedAuthorIds, authorId];
         setSelectedAuthorIds(newSelectedAuthorIds);
-        const hasAffiliationChanges = !(0, lodash_1.isEqual)(valuesRef.current, (0, normalize_1.checkID)(selection, 'affiliation'));
+        const hasAffiliationChanges = !(0, isEqual_1.default)(valuesRef.current, (0, normalize_1.checkID)(selection, 'affiliation'));
         const originalAuthors = affiliationAuthorMap.get(selection.id) ?? [];
-        const hasAuthorChanges = !(0, lodash_1.isEqual)(originalAuthors.sort(), newSelectedAuthorIds.sort());
+        const hasAuthorChanges = !(0, isEqual_1.default)(originalAuthors.sort(), newSelectedAuthorIds.sort());
         const isInstitutionEmpty = !valuesRef.current?.institution?.trim();
         const shouldEnableSave = !isInstitutionEmpty && (hasAffiliationChanges || hasAuthorChanges);
         setIsDisableSave(!shouldEnableSave);

package/dist/cjs/components/authors/AuthorsModal.js

@@ -54,7 +54,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.AuthorsModal = exports.authorsReducer = void 0;
 const style_guide_1 = require("@manuscripts/style-guide");
 const transform_1 = require("@manuscripts/transform");
-const lodash_1 = require("lodash");
+const cloneDeep_1 = __importDefault(require("lodash/cloneDeep"));
+const isEqual_1 = __importDefault(require("lodash/isEqual"));
+const omit_1 = __importDefault(require("lodash/omit"));
 const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const array_reducer_1 = require("../../lib/array-reducer");
@@ -139,7 +141,7 @@ const AuthorsModal = ({ authors: $authors, affiliations: $affiliations, author,
         if (values && selection) {
             const normalizedSelection = (0, normalize_1.normalizeAuthor)(selection);
             const normalizedValues = (0, normalize_1.normalizeAuthor)(values);
-            const hasChanges = !(0, lodash_1.isEqual)(normalizedSelection, normalizedValues);
+            const hasChanges = !(0, isEqual_1.default)(normalizedSelection, normalizedValues);
             if (hasChanges && !isDisableSave) {
                 setShowConfirmationDialog(true);
                 setNextAuthor(author);
@@ -227,7 +229,7 @@ const AuthorsModal = ({ authors: $authors, affiliations: $affiliations, author,
         });
     };
     const moveAuthor = (0, react_1.useCallback)((from, to, shift) => {
-        const copy = (0, lodash_1.cloneDeep)(authors);
+        const copy = (0, cloneDeep_1.default)(authors);
         const order = copy.map((a, i) => {
             if (a.id === from.id) {
                 if (to.priority) {
@@ -265,7 +267,7 @@ const AuthorsModal = ({ authors: $authors, affiliations: $affiliations, author,
         setIsCreatingNewAuthor(true);
         if (values &&
             selection &&
-            !(0, lodash_1.isEqual)((0, normalize_1.normalizeAuthor)(values), (0, normalize_1.normalizeAuthor)(selection))) {
+            !(0, isEqual_1.default)((0, normalize_1.normalizeAuthor)(values), (0, normalize_1.normalizeAuthor)(selection))) {
             if (isDisableSave) {
                 setShowRequiredFieldConfirmationDialog(true);
             }
@@ -307,10 +309,10 @@ const AuthorsModal = ({ authors: $authors, affiliations: $affiliations, author,
         setIsCreatingNewAuthor(false);
     };
     const changeAuthor = (values) => {
-        const normalized = (0, lodash_1.omit)((0, normalize_1.normalizeAuthor)(selection), 'priority');
-        const updatedValues = (0, lodash_1.omit)((0, normalize_1.normalizeAuthor)(values), 'priority');
+        const normalized = (0, omit_1.default)((0, normalize_1.normalizeAuthor)(selection), 'priority');
+        const updatedValues = (0, omit_1.default)((0, normalize_1.normalizeAuthor)(values), 'priority');
         const isSameAuthor = updatedValues.id === normalized.id;
-        const hasChanges = !(0, lodash_1.isEqual)(updatedValues, normalized);
+        const hasChanges = !(0, isEqual_1.default)(updatedValues, normalized);
         setUnSavedChanges(isSameAuthor && hasChanges);
         valuesRef.current = { ...updatedValues, priority: values.priority };
         const { given, family, email, isCorresponding } = values;

package/dist/cjs/components/authors-affiliations/AuthorsAndAffiliationsModals.js

@@ -114,5 +114,6 @@ const openAuthorsAndAffiliationsModals = (pos, view, initialModal) => {
     const dialog = (0, ReactSubView_1.default)(props, exports.AuthorsAndAffiliationsModals, componentProps, state.doc, () => pos, view);
     view.focus();
     document.body.appendChild(dialog);
+    return dialog;
 };
 exports.openAuthorsAndAffiliationsModals = openAuthorsAndAffiliationsModals;

package/dist/cjs/components/cross-ref-check-modal/CrossRefWarningModal.js

@@ -0,0 +1,182 @@
+"use strict";
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+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 () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __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.CrossRefWarningModal = void 0;
+const react_1 = __importStar(require("react"));
+const style_guide_1 = require("@manuscripts/style-guide");
+const lodash_1 = require("lodash");
+const styled_components_1 = __importDefault(require("styled-components"));
+const CrossRefWarningModal = ({ onClose, xrefs, onConfirm, selectAndScrollTo }) => {
+    const [isOpen, setIsOpen] = (0, react_1.useState)(true);
+    const handleClose = () => {
+        setIsOpen(false);
+        onClose();
+    };
+    return (react_1.default.createElement(Modal, { isOpen: isOpen, onRequestClose: () => handleClose(), shouldCloseOnOverlayClick: false, hideOverlay: true },
+        react_1.default.createElement(Container, { "data-cy": "cross-reference-warning-modal" },
+            react_1.default.createElement(style_guide_1.ModalHeader, null,
+                react_1.default.createElement(style_guide_1.CloseButton, { onClick: () => handleClose(), "data-cy": "modal-close-button" })),
+            react_1.default.createElement(Body, null,
+                react_1.default.createElement(Title, null,
+                    react_1.default.createElement(style_guide_1.AttentionOrangeIcon, { width: 24, height: 22 }),
+                    " Delete referenced content?"),
+                react_1.default.createElement("p", null, "You are deleting content referenced elsewhere in the document:"),
+                react_1.default.createElement(ScrolableItems, null, xrefs.map((group, i) => (react_1.default.createElement(XrefGroupDisplay, { key: i, group: group, selectAndScrollTo: selectAndScrollTo })))),
+                react_1.default.createElement(Actions, null,
+                    react_1.default.createElement(style_guide_1.TertiaryButton, { type: "button", onClick: () => handleClose() }, "Cancel"),
+                    react_1.default.createElement(style_guide_1.PrimaryButton, { "$danger": true, type: "button", onClick: () => {
+                            onConfirm();
+                            setIsOpen(false);
+                        } }, "Delete & remove citation"))))));
+};
+exports.CrossRefWarningModal = CrossRefWarningModal;
+const XrefGroupDisplay = ({ group, selectAndScrollTo }) => {
+    return (react_1.default.createElement("div", null,
+        react_1.default.createElement("h3", null, group.label),
+        react_1.default.createElement(ReferencesList, null, group.xrefs.map(([, pos], i) => {
+            return (react_1.default.createElement("li", { key: i },
+                react_1.default.createElement(style_guide_1.TextButton, { onClick: () => selectAndScrollTo(pos) }, `${(0, lodash_1.startCase)(pos.parent.type.name)} - ${pos.parent.textContent}`)));
+        }))));
+};
+const Container = (0, styled_components_1.default)(style_guide_1.ModalContainer) `
+  position: absolute;
+  top: 1rem;
+  left: 50%;
+  right: 0;
+  max-height: calc(50vh - 2rem);
+  min-height: 280px;
+  transform: translate(-50%, 0);
+  max-width: 480px;
+  transition:
+    top 0.2s,
+    transform 0.2s;
+`;
+const Modal = (0, styled_components_1.default)(style_guide_1.StyledModal) `
+  position: fixed;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 1100;
+  color: #6e6e6e;
+  margin: auto;
+
+  &.modal-bottom ${Container} {
+    top: calc(100% - 2rem);
+    transform: translate(-50%, -100%);
+  }
+
+  &:after {
+    content: '';
+    display: block;
+    position: fixed;
+    z-index: -1;
+    left: 0;
+    top: 0;
+    right: 0;
+    bottom: 0;
+    background: rgba(0, 0, 0, 0.2);
+  }
+  h3 {
+    font-size: 16px;
+    margin: 0.5em 0;
+  }
+  p {
+    margin: 0.5em 0;
+  }
+`;
+const Body = styled_components_1.default.div `
+  margin: 1.5rem;
+  display: flex;
+  flex-flow: column;
+`;
+const Title = styled_components_1.default.h2 `
+  font-size: 18px;
+  font-weight: 700;
+  line-height: 1.5;
+  margin: 0;
+  color: #353535;
+  svg {
+    vertical-align: text-top;
+  }
+`;
+const ReferencesList = styled_components_1.default.ul `
+  padding: 8px;
+  margin-left: 0;
+  list-style: none;
+  background: #f2f2f2;
+  border: 1px solid #e2e2e2;
+  border-radius: 3px;
+
+  ${style_guide_1.TextButton} {
+    margin-left: 0;
+    text-decoration: underline;
+    &:hover {
+      text-decoration: none;
+    }
+    display: block;
+    max-width: 100%;
+    overflow: hidden;
+    color: #353535;
+    text-overflow: ellipsis;
+  }
+`;
+const Actions = styled_components_1.default.footer `
+  text-align: right;
+  padding-top: 1rem;
+`;
+const ScrolableItems = styled_components_1.default.div `
+  max-height: 16vh;
+  min-height: 100px;
+  overflow-y: auto;
+`;

package/dist/cjs/components/cross-ref-check-modal/openModal.js

@@ -0,0 +1,38 @@
+"use strict";
+/*!
+ * © 2026 Atypon Systems LLC
+ *
+ * Licensed under the Apache License, Version 2.0 (the "License");
+ * you may not use this file except in compliance with the License.
+ * You may obtain a copy of the License at
+ *
+ *    http://www.apache.org/licenses/LICENSE-2.0
+ *
+ * Unless required by applicable law or agreed to in writing, software
+ * distributed under the License is distributed on an "AS IS" BASIS,
+ * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+ * See the License for the specific language governing permissions and
+ * limitations under the License.
+ */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.openCrossRefWarningModal = void 0;
+const editor_props_1 = require("../../plugins/editor-props");
+const ReactSubView_1 = __importDefault(require("../../views/ReactSubView"));
+const CrossRefWarningModal_1 = require("./CrossRefWarningModal");
+const openCrossRefWarningModal = (view, xrefGroups, onConfirm, onClose, selectAndScrollTo) => {
+    const { state } = view;
+    const props = (0, editor_props_1.getEditorProps)(state);
+    const componentProps = {
+        xrefs: xrefGroups,
+        onConfirm,
+        onClose,
+        selectAndScrollTo,
+    };
+    const dialog = (0, ReactSubView_1.default)(props, CrossRefWarningModal_1.CrossRefWarningModal, componentProps, state.doc, () => 0, view);
+    document.body.appendChild(dialog);
+    return dialog;
+};
+exports.openCrossRefWarningModal = openCrossRefWarningModal;

package/dist/cjs/components/references/ImportBibliographyForm.js

@@ -47,11 +47,14 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ImportBibliographyForm = void 0;
 const style_guide_1 = require("@manuscripts/style-guide");
 const formik_1 = require("formik");
-const lodash_1 = require("lodash");
+const debounce_1 = __importDefault(require("lodash/debounce"));
 const react_1 = __importStar(require("react"));
 const styled_components_1 = __importStar(require("styled-components"));
 const references_1 = require("../../lib/references");
@@ -90,7 +93,7 @@ const ImportBibliographyForm = ({ onCancel, onSave, }) => {
             formik.setFieldValue('data', []);
         }
     }, []);
-    const debouncedGenerateData = (0, react_1.useMemo)(() => (0, lodash_1.debounce)(setDataField, 300), [setDataField]);
+    const debouncedGenerateData = (0, react_1.useMemo)(() => (0, debounce_1.default)(setDataField, 300), [setDataField]);
     (0, react_1.useEffect)(() => {
         debouncedGenerateData(formik.values.content);
     }, [debouncedGenerateData, formik.values.content]);

package/dist/cjs/components/references/ReferenceSearch.js

@@ -53,7 +53,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReferenceSearch = void 0;
 const style_guide_1 = require("@manuscripts/style-guide");
-const lodash_1 = require("lodash");
+const debounce_1 = __importDefault(require("lodash/debounce"));
 const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const BibliographyItemSource_1 = require("./BibliographyItemSource");
@@ -111,7 +111,7 @@ const ReferenceSearch = ({ query: initialQuery, sources, items, onAdd, onImport,
         const items = Array.from(selections.values());
         return onCite(items);
     };
-    const debouncedSetQuery = (0, lodash_1.debounce)((e) => {
+    const debouncedSetQuery = (0, debounce_1.default)((e) => {
         setQuery(e.target.value.trim());
     }, 800);
     return (react_1.default.createElement(Container, { "data-cy": 'reference-finder' },

package/dist/cjs/components/references/ReferencesModal.js

@@ -38,7 +38,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ReferencesModal = void 0;
 const style_guide_1 = require("@manuscripts/style-guide");
-const lodash_1 = require("lodash");
+const isEqual_1 = __importDefault(require("lodash/isEqual"));
 const react_1 = __importStar(require("react"));
 const styled_components_1 = __importDefault(require("styled-components"));
 const ReferenceForm_1 = require("./ReferenceForm/ReferenceForm");
@@ -214,7 +214,7 @@ const ReferencesModal = ({ isOpen, onCancel, items, item, citationCounts, onSave
     };
     const handleItemClick = (item) => {
         const values = valuesRef.current;
-        if (values && selection && !(0, lodash_1.isEqual)(values, normalize(selection))) {
+        if (values && selection && !(0, isEqual_1.default)(values, normalize(selection))) {
             setConfirm(true);
             return;
         }

package/dist/cjs/plugins/affiliations.js

@@ -14,11 +14,14 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.buildPluginState = exports.affiliationsKey = void 0;
 const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
 const transform_1 = require("@manuscripts/transform");
-const lodash_1 = require("lodash");
+const isEqual_1 = __importDefault(require("lodash/isEqual"));
 const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_view_1 = require("prosemirror-view");
 const authors_1 = require("../lib/authors");
@@ -42,8 +45,8 @@ const buildPluginState = (doc, $old) => {
         }
     });
     if ($old &&
-        (0, lodash_1.isEqual)(contributors, $old.contributors) &&
-        (0, lodash_1.isEqual)(affiliations, $old.affiliations)) {
+        (0, isEqual_1.default)(contributors, $old.contributors) &&
+        (0, isEqual_1.default)(affiliations, $old.affiliations)) {
         return $old;
     }
     const iAffiliations = new Set();

package/dist/cjs/plugins/bibliography.js

@@ -47,11 +47,14 @@ var __importStar = (this && this.__importStar) || (function () {
         return result;
     };
 })();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getBibliographyPluginState = exports.buildDecorations = exports.bibliographyKey = void 0;
 const transform_1 = require("@manuscripts/transform");
 const Citeproc = __importStar(require("citeproc"));
-const lodash_1 = require("lodash");
+const isEqual_1 = __importDefault(require("lodash/isEqual"));
 const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_view_1 = require("prosemirror-view");
 exports.bibliographyKey = new prosemirror_state_1.PluginKey('bibliography');
@@ -100,8 +103,8 @@ const buildBibliographyPluginState = (doc, csl, $old) => {
         return $new;
     }
     if ($old &&
-        (0, lodash_1.isEqual)(citations, $old.citations) &&
-        (0, lodash_1.isEqual)(bibliographyItems, $old.bibliographyItems)) {
+        (0, isEqual_1.default)(citations, $old.citations) &&
+        (0, isEqual_1.default)(bibliographyItems, $old.bibliographyItems)) {
         $new.version = $old.version;
         $new.citationCounts = $old.citationCounts;
         $new.engine = $old.engine;

package/dist/cjs/plugins/cross-references.js

@@ -14,14 +14,66 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 const transform_1 = require("@manuscripts/transform");
-const lodash_1 = require("lodash");
+const track_changes_plugin_1 = require("@manuscripts/track-changes-plugin");
+const isEqual_1 = __importDefault(require("lodash/isEqual"));
 const prosemirror_state_1 = require("prosemirror-state");
 const prosemirror_view_1 = require("prosemirror-view");
+const openModal_1 = require("../components/cross-ref-check-modal/openModal");
 const objects_1 = require("./objects");
+let modalActive = false;
+let modalElement = null;
 exports.default = () => {
+    let view = null;
     return new prosemirror_state_1.Plugin({
+        view(editorView) {
+            view = editorView;
+            return {
+                update(v) {
+                    view = v;
+                },
+                destroy() {
+                    view = null;
+                },
+            };
+        },
+        filterTransaction(tr, state) {
+            if (!view ||
+                !tr.docChanged ||
+                tr.getMeta(track_changes_plugin_1.trackChangesPluginKey) ||
+                tr.getMeta('addToHistory') === false) {
+                return true;
+            }
+            if (modalActive) {
+                return false;
+            }
+            const targets = objects_1.objectsKey.getState(state);
+            const xrefGroups = createXrefGroups(targets, state.doc, tr.doc);
+            if (xrefGroups.length === 0) {
+                return true;
+            }
+            modalActive = true;
+            const cleanup = () => {
+                modalActive = false;
+                if (modalElement) {
+                    modalElement.classList.remove('modal-bottom');
+                    modalElement.remove();
+                    modalElement = null;
+                }
+            };
+            const deletedIds = new Set(xrefGroups.map((g) => g.referenced.attrs.id));
+            const onClose = () => {
+                cleanup();
+            };
+            if (view) {
+                modalElement = (0, openModal_1.openCrossRefWarningModal)(view, xrefGroups, onConfirmCreator(view, cleanup, deletedIds, tr), onClose, selectAndScrollToCreator(view));
+            }
+            return false;
+        },
         state: {
             init() {
                 return prosemirror_view_1.DecorationSet.empty;
@@ -30,7 +82,7 @@ exports.default = () => {
                 let decoSet = oldDecorationSet;
                 const oldTargets = objects_1.objectsKey.getState(oldState);
                 const newTargets = objects_1.objectsKey.getState(newState);
-                if (tr.docChanged && !(0, lodash_1.isEqual)(oldTargets, newTargets)) {
+                if (tr.docChanged && !(0, isEqual_1.default)(oldTargets, newTargets)) {
                     const decorations = createDecorations(tr.doc);
                     decoSet = prosemirror_view_1.DecorationSet.create(tr.doc, decorations);
                 }
@@ -55,3 +107,114 @@ function createDecorations(doc) {
     });
     return decorations;
 }
+function createXrefGroups(targets, stateDoc, resultDoc) {
+    const newIds = new Set();
+    const xrefRids = new Set();
+    const xrefGroups = [];
+    resultDoc.descendants((node) => {
+        if (node.attrs.id) {
+            newIds.add(node.attrs.id);
+        }
+        if (node.type === transform_1.schema.nodes.cross_reference) {
+            for (const rid of node.attrs.rids) {
+                xrefRids.add(rid);
+            }
+        }
+    });
+    const orphanedRids = new Set();
+    for (const rid of xrefRids) {
+        if (!newIds.has(rid)) {
+            orphanedRids.add(rid);
+        }
+    }
+    if (orphanedRids.size === 0) {
+        return [];
+    }
+    const referencedNodes = new Map();
+    const xrefsByRid = new Map();
+    stateDoc.descendants((node, pos) => {
+        const id = node.attrs.id;
+        if (id && orphanedRids.has(id)) {
+            referencedNodes.set(id, node);
+        }
+        if (node.type === transform_1.schema.nodes.cross_reference) {
+            for (const rid of node.attrs.rids) {
+                if (orphanedRids.has(rid)) {
+                    let entries = xrefsByRid.get(rid);
+                    if (!entries) {
+                        entries = [];
+                        xrefsByRid.set(rid, entries);
+                    }
+                    entries.push([node, stateDoc.resolve(pos)]);
+                }
+            }
+        }
+    });
+    for (const [id, referenced] of referencedNodes) {
+        const xrefs = xrefsByRid.get(id);
+        if (xrefs?.length) {
+            const label = targets.get(referenced.attrs.id)?.label || '';
+            xrefGroups.push({ referenced, label, xrefs });
+        }
+    }
+    return xrefGroups;
+}
+const onConfirmCreator = (view, cleanup, deletedIds, tr) => () => {
+    cleanup();
+    if (!view) {
+        return;
+    }
+    const newTr = view.state.tr;
+    for (const step of tr.steps) {
+        const result = step.apply(newTr.doc);
+        if (result.failed) {
+            console.warn('Cross-ref deletion warning: could not replay step —', result.failed);
+            return;
+        }
+        newTr.step(step);
+    }
+    const xrefPositions = [];
+    newTr.doc.descendants((node, pos) => {
+        if (node.type === transform_1.schema.nodes.cross_reference) {
+            const rids = node.attrs.rids;
+            if (rids.some((rid) => deletedIds.has(rid))) {
+                xrefPositions.push({ from: pos, to: pos + node.nodeSize });
+            }
+        }
+    });
+    for (let i = xrefPositions.length - 1; i >= 0; i--) {
+        const { from, to } = xrefPositions[i];
+        newTr.delete(from, to);
+    }
+    view.dispatch(newTr);
+};
+const selectAndScrollToCreator = (view) => ($pos) => {
+    if (!view) {
+        return;
+    }
+    const selTr = view.state.tr;
+    selTr.setSelection(prosemirror_state_1.NodeSelection.create(view.state.doc, $pos.pos));
+    view.focus();
+    view.dispatch(selTr);
+    let scrollable = view.dom.parentElement;
+    while (scrollable != null &&
+        scrollable.scrollHeight <= scrollable.clientHeight) {
+        scrollable = scrollable.parentElement;
+    }
+    if (!scrollable) {
+        return;
+    }
+    const coords = view.coordsAtPos($pos.pos);
+    const containerRect = scrollable.getBoundingClientRect();
+    const offsetInContainer = coords.top - containerRect.top + scrollable.scrollTop;
+    const containerHeight = scrollable.clientHeight;
+    const scrollTo = offsetInContainer - containerHeight * 0.75;
+    if (scrollTo < 0) {
+        modalElement?.classList.add('modal-bottom');
+        scrollable.scrollTo({ top: 0, behavior: 'smooth' });
+    }
+    else {
+        modalElement?.classList.remove('modal-bottom');
+        scrollable.scrollTo({ top: scrollTo, behavior: 'smooth' });
+    }
+};