@konfuzio/document-validation-ui 0.1.4 → 0.1.5-automatic-document-splitting

package/src/components/DocumentTopBar/DocumentTopBar.vue

@@ -4,12 +4,8 @@
       v-if="selectedDocument && selectedDocument.pages.length > 0 && !loading"
       class="document-top-bar"
     >
-      <div class="left-bar-components">
-        <DocumentCategory
-          v-if="
-            categories && !editMode && !recalculatingAnnotations && !publicView
-          "
-        />
+      <div v-if="!recalculatingAnnotations" class="left-bar-components">
+        <DocumentCategory v-if="categories && !editMode && !publicView" />
       </div>
 
       <DocumentName :data-file-name="selectedDocument.data_file_name" />

package/src/components/DocumentTopBar/DocumentTopBarButtons.vue

@@ -38,7 +38,7 @@
 </template>
 
 <script>
-import { mapState } from "vuex";
+import { mapState, mapGetters } from "vuex";
 import ActionButtons from "../DocumentAnnotations/ActionButtons";
 
 export default {
@@ -83,7 +83,6 @@ export default {
     this.finishDisabled = !this.finishedReview;
   },
   methods: {
-    /** EDIT MODE */
     closeEditMode() {
       this.$store.dispatch("edit/disableEditMode");
       this.$store.dispatch("edit/setSplitOverview", false);
@@ -105,24 +104,11 @@ export default {
         // Enable the "next" button to go to the overview
         this.$store.dispatch("edit/setSplitOverview", true);
         this.$store.dispatch("edit/setSelectedPages", null);
-      }
-
-      // If we are in the overview (so more than 1 doc)
-      // or in the edit mode (only 1 doc)
-      else if (this.updatedDocument) {
-        // Send update request to the backend
-        this.$store
-          .dispatch("edit/editDocument", this.updatedDocument)
-          .catch((error) => {
-            this.$store.dispatch("document/createErrorMessage", {
-              error,
-              serverErrorMessage: this.$t("server_error"),
-              defaultErrorMessage: this.$t("edit_error"),
-            });
-          });
-
-        // Close edit mode
-        this.closeEditMode();
+      } else {
+        // If we are in the overview (so more than 1 doc)
+        // or in the edit mode (only 1 doc)
+        // Show confirmation modal to user
+        this.$store.dispatch("edit/setShowEditConfirmationModal", true);
       }
     },
     handleFinishReview() {

package/src/components/index.js

@@ -0,0 +1 @@
+export { default as DocumentCategory } from "./DocumentCategory";

package/src/locales/de.json

@@ -110,8 +110,21 @@
   "new_multi_ann_description": "Wählen Sie ein Datenmodell aus den vorhandenen aus und deaktivieren Sie dann die Labels, die in diesem Dokument nicht vorhanden sind.",
   "drag_drop_columns_multi_ann": "Drag and Drop, um die Reihenfolge der Labels zu ändern",
   "error_creating_multi_ann": "Nicht alle Annotationen wurden erfolgreich erstellt.",
-  "disabled_finish_review": "Der Abschluss der Dokumentenprüfung ist erst möglich, nachdem alle Annotationen überarbeitet wurden, unabhängig davon, ob sie akzeptiert oder abgelehnt wurden.",
   "no_multi_ann_labelset_model": "Es gibt keine verfügbaren Label Sets, die mehrfach in diesem Dokument zu finden sind. Weitere Informationen finden Sie unter <a href='https://help.konfuzio.com/tutorials/advanced-document-extraction/index.html#multiple-annotation-sets' target='_blank'>diesem Link</a>.",
   "single_category_in_project": "Das aktuelle Projekt hat nur eine Kategorie. Um sie ändern zu können, sollte die neue zuerst dem Projekt hinzugefügt werden. Einzelheiten dazu finden Sie unter <a href='https://help.konfuzio.com/modules/categories/index.html#add-a-category' target='_blank'>diesem Link</a>.",
-  "approved_annotations": "Die Kategorie kann nicht geändert werden, da bereits akzeptierte Annotationen oder manuell erstellte Annotationen zu diesem Dokument vorhanden sind."
+  "approved_annotations": "Die Kategorie kann nicht geändert werden, da bereits akzeptierte Annotationen oder manuell erstellte Annotationen zu diesem Dokument vorhanden sind.",
+  "disabled_finish_review": "Der Abschluss der Dokumentenprüfung ist erst möglich, nachdem alle Annotationen überarbeitet wurden, unabhängig davon, ob sie akzeptiert oder abgelehnt wurden.",
+  "split_modal_title": "Dokument aufteilen",
+  "split_modal_body": "Wir haben Ihre Datei gescannt und <strong>{number_of_split_documents}</strong> verschiedene Dokumente gefunde. <strong>Wir empfehlen dringend,</strong> sie zu diesem Zeitpunkt aufzuteilen, da sonst alle Fortschritte, die Sie gemacht haben, aufgrund der erneuten Extraktion der Dokumentdaten verloren gehen.",
+  "do_it_later": "Ich werde es später machen",
+  "review_now": "Jetzt reviewen",
+  "recommended": "Empfohlen",
+  "smart_split": "Smart Split",
+  "smart_split_suggestions": "Unsere Smart Split-Vorschläge sind grün hervorgehoben",
+  "no_splitting_suggestions": "Dieses Dokument enthält keine Split-Vorschläge",
+  "confirm_splitting": "Sind Sie sicher, dass Sie die Änderungen bestätigen möchten?",
+  "splitting_warning": "Beachten Sie bitte, dass alle Annotationen, die Sie in diesem Dokument gemacht haben, nicht gespeichert werden, wenn Sie fortfahren.",
+  "no": "Nein",
+  "yes": "Ja",
+  "split_modal_no_suggestions": "Do you need to split the document? <strong>We strongly recommend</strong> splitting it at this stage, otherwise all the progress you’ve made will be lost in the future."
 }

package/src/locales/en.json

@@ -114,5 +114,19 @@
   "disabled_finish_review": "Finishing the document review is only possible after all annotations have been revised, whether they are accepted or rejected.",
   "no_multi_ann_labelset_model": "There are no available label sets that can be found multiple times in this document. For more details, you can visit <a href='https://help.konfuzio.com/tutorials/advanced-document-extraction/index.html#multiple-annotation-sets' target='_blank'>this link</a>.",
   "single_category_in_project": "The current project has only one category. To be able to change it, the new one should be first added to the project. For details on how to do this, visit <a href='https://help.konfuzio.com/modules/categories/index.html#add-a-category' target='_blank'>this link</a>.",
-  "approved_annotations": "It is not possible to change the current category since the document has approved or manually created annotations."
+  "approved_annotations": "It is not possible to change the current category since the document has approved or manually created annotations.",
+  "split_modal_title": "Split the document",
+  "split_modal_body": "We've scanned your file and found <strong>{number_of_split_documents}</strong> different documents. <strong>We strongly recommend</strong> splitting it at this stage, otherwise all the progress you’ve made will be lost due to document data re-extraction.",
+  "do_it_later": "I'll do it later",
+  "review_now": "Review now",
+  "recommended": "Recommended",
+  "smart_split": "Smart Split",
+  "smart_split_suggestions": "Our Smart Split suggestions are highlighted in green",
+  "no_splitting_suggestions": "This document does not have splitting suggestions",
+  "confirm_splitting": "Are you sure you want to confirm the changes?",
+  "splitting_warning": "Be aware that any annotations you have made in this document will not be saved if you proceed.",
+  "no": "No",
+  "yes": "Yes",
+  "prepare_document": "Prepare the document",
+  "split_modal_no_suggestions": "Do you need to split the document? <strong>We strongly recommend</strong> splitting it at this stage, otherwise all the progress you’ve made will be lost in the future."
 }

package/src/locales/es.json

@@ -112,5 +112,18 @@
   "disabled_finish_review": "Solo es posible finalizar la revisión del documento si todas las anotaciones han sido revisadas, ya sea aceptadas o rechazadas.",
   "no_multi_ann_labelset_model": "En este documento no hay grupos de etiquetas múltiples disponibles. Para más información, haz clic en <a href='https://help.konfuzio.com/tutorials/advanced-document-extraction/index.html#multiple-annotation-sets' target='_blank'>este enlace</a>.",
   "single_category_in_project": "Este proyecto solo tiene una categoría. Para poder modificarla, es necesario agregar esta nueva categoría al proyecto. Para más información, visita <a href='https://help.konfuzio.com/modules/categories/index.html#add-a-category' target='_blank'>este enlace</a>.",
-  "approved_annotations": "No es posible cambiar la categoría, ya que existen anotaciones aceptadas o creadas manualmente en este documento."
+  "approved_annotations": "No es posible cambiar la categoría, ya que existen anotaciones aceptadas o creadas manualmente en este documento.",
+  "split_modal_title": "Dividir el documento",
+  "split_modal_body": "Hemos escaneado tu documento y hemos encontrado <strong>{number_of_split_documents}</strong> documentos diferentes. <strong>Te recomendamos</strong> dividir el documento en esta etapa, ya que de lo contrario se perderá el progreso logrado debido a una nueva extracción de los datos del documento.",
+  "do_it_later": "Lo haré luego",
+  "review_now": "Revisar ahora",
+  "recommended": "Recomendado",
+  "smart_split": "División Inteligente",
+  "smart_split_suggestions": "Nuestras sugerencias de División Inteligente están marcadas en color verde",
+  "no_splitting_suggestions": "Este documento no tiene sugerencias de división",
+  "confirm_splitting": "¿Seguro que quieres confirmar los cambios?",
+  "splitting_warning": "Ten en cuenta que se perderán las anotaciones que hayas confirmado en el documento.",
+  "no": "No",
+  "yes": "Sí",
+  "split_modal_no_suggestions": "Do you need to split the document? <strong>We strongly recommend</strong> splitting it at this stage, otherwise all the progress you’ve made will be lost in the future."
 }

package/src/store/display.js

@@ -28,6 +28,7 @@ const state = {
   optimalResolution: true,
   interactionBlocked: false,
   documentActionBar: null, // document action bar properties
+  categorizeModalIsActive: false,
 };
 
 const getters = {
@@ -205,6 +206,9 @@ const actions = {
       show ? { icon, text, action, loading } : null
     );
   },
+  setCategorizeModalIsActive: ({ commit }, value) => {
+    commit("SET_CATEGORIZE_MODAL_IS_ACTIVE", value);
+  },
 };
 
 const mutations = {
@@ -227,6 +231,10 @@ const mutations = {
   SET_DOCUMENT_ACTION_BAR: (state, actionBar) => {
     state.documentActionBar = actionBar;
   },
+
+  SET_CATEGORIZE_MODAL_IS_ACTIVE: (state, value) => {
+    state.categorizeModalIsActive = value;
+  },
 };
 
 export default {

package/src/store/document.js

@@ -28,7 +28,7 @@ const state = {
   newAcceptedAnnotations: null,
   selectedEntities: null,
   serverError: false,
-  categorizeModalIsActive: false,
+  splittingSuggestions: false,
 };
 
 const getters = {
@@ -185,6 +185,18 @@ const getters = {
     };
   },
 
+  /* Checks if there are annotations correct in the document */
+  documentHasCorrectAnnotations: (state) => () => {
+    if (
+      !state.annotations ||
+      (state.annotations &&
+        state.annotations.filter((ann) => ann.is_correct).length > 0)
+    ) {
+      return true;
+    }
+    return false;
+  },
+
   /* Returns the number of accepted annotations in a label */
   numberOfAcceptedAnnotationsInLabel: (_) => (label) => {
     const annotations = label.annotations.filter((annotation) => {
@@ -397,11 +409,29 @@ const getters = {
     );
   },
 
-  documentHasCorrectAnnotations: (state) => () => {
-    return (
+  documentHasNoCorrectAnnotations: (state) => () => {
+    if (
       state.annotations &&
       state.annotations.filter((ann) => ann.is_correct).length > 0
-    );
+    ) {
+      return false;
+    } else {
+      return true;
+    }
+  },
+
+  /**
+   * If automatic splitting is enabled for the project
+   */
+  waitingForSplittingConfirmation: () => (document) => {
+    return document && document.status_data === 41;
+  },
+
+  /**
+   * Show the Smart Split switch or not
+   */
+  documentHasProposedSplit: () => (document) => {
+    return document.proposed_split && document.proposed_split.length > 0;
   },
 
   /**
@@ -574,8 +604,8 @@ const actions = {
   setSelectedEntities: ({ commit }, entities) => {
     commit("SET_SELECTED_ENTITIES", entities);
   },
-  setCategorizeModalIsActive: ({ commit }, value) => {
-    commit("SET_CATEGORIZE_MODAL_IS_ACTIVE", value);
+  setSplittingSuggestions: ({ commit }, value) => {
+    commit("SET_SPLITTING_SUGGESTIONS", value);
   },
 
   /**
@@ -605,7 +635,7 @@ const actions = {
 
           // load first page
           if (response.data.pages.length > 0) {
-            await dispatch("fetchDocumentPage", initialPage);
+            dispatch("fetchDocumentPage", initialPage);
           }
           // set information on the store
           commit("SET_ANNOTATION_SETS", annotationSets);
@@ -623,6 +653,10 @@ const actions = {
             });
           }
 
+          if (getters.documentHasProposedSplit(response.data)) {
+            commit("SET_SPLITTING_SUGGESTIONS", response.data.proposed_split);
+          }
+
           categoryId = response.data.category;
           // TODO: add this validation to a method
           isRecalculatingAnnotations = response.data.labeling_available !== 1;
@@ -634,12 +668,12 @@ const actions = {
       });
 
     if (!state.publicView) {
+      dispatch("fetchMissingAnnotations");
+
       await dispatch("project/fetchCurrentUser", null, {
         root: true,
       });
 
-      await dispatch("fetchMissingAnnotations");
-
       if (projectId) {
         await dispatch("category/fetchCategories", projectId, {
           root: true,
@@ -704,7 +738,7 @@ const actions = {
       HTTP.post(`/annotations/`, annotation)
         .then(async (response) => {
           if (response.status === 201) {
-            dispatch("fetchMissingAnnotations");
+            await dispatch("fetchMissingAnnotations");
             commit("SET_FINISHED_REVIEW", getters.isDocumentReviewFinished());
 
             if (!getters.annotationSetExists(response.data.annotation_set)) {
@@ -719,6 +753,7 @@ const actions = {
             } else {
               commit("ADD_ANNOTATION", response.data);
             }
+
             resolve(response);
           }
         })
@@ -729,16 +764,20 @@ const actions = {
     });
   },
 
-  updateAnnotation: ({ commit, getters }, { updatedValues, annotationId }) => {
+  updateAnnotation: (
+    { commit, getters, dispatch },
+    { updatedValues, annotationId }
+  ) => {
     commit("SET_NEW_ACCEPTED_ANNOTATIONS", [annotationId]);
 
     return new Promise((resolve, reject) => {
       HTTP.patch(`/annotations/${annotationId}/`, updatedValues)
-        .then((response) => {
+        .then(async (response) => {
           if (response.status === 200) {
             commit("UPDATE_ANNOTATION", response.data);
             commit("SET_FINISHED_REVIEW", getters.isDocumentReviewFinished());
             commit("SET_NEW_ACCEPTED_ANNOTATIONS", null);
+
             resolve(true);
           }
         })
@@ -749,13 +788,14 @@ const actions = {
     });
   },
 
-  deleteAnnotation: ({ commit, getters }, { annotationId }) => {
+  deleteAnnotation: ({ commit, getters, dispatch }, { annotationId }) => {
     return new Promise((resolve, reject) => {
       HTTP.delete(`/annotations/${annotationId}/`)
-        .then((response) => {
+        .then(async (response) => {
           if (response.status === 204) {
             commit("DELETE_ANNOTATION", annotationId);
             commit("SET_FINISHED_REVIEW", getters.isDocumentReviewFinished());
+
             resolve(true);
           }
         })
@@ -793,25 +833,27 @@ const actions = {
   },
 
   fetchMissingAnnotations: ({ commit, state, getters }) => {
-    return HTTP.get(
-      `/missing-annotations/?document=${state.documentId}&limit=100`
-    )
-      .then((response) => {
-        commit("SET_MISSING_ANNOTATIONS", response.data.results);
-        commit("SET_FINISHED_REVIEW", getters.isDocumentReviewFinished());
-      })
-      .catch((error) => {
-        console.log(error);
-      });
+    return new Promise((resolve, reject) => {
+      HTTP.get(`/missing-annotations/?document=${state.documentId}&limit=100`)
+        .then((response) => {
+          commit("SET_MISSING_ANNOTATIONS", response.data.results);
+          commit("SET_FINISHED_REVIEW", getters.isDocumentReviewFinished());
+          resolve(response);
+        })
+        .catch((error) => {
+          reject(error.response);
+          console.log(error);
+        });
+    });
   },
 
   addMissingAnnotations: ({ commit, dispatch }, missingAnnotations) => {
     return new Promise((resolve, reject) => {
-      return HTTP.post(`/missing-annotations/`, missingAnnotations)
-        .then((response) => {
+      HTTP.post(`/missing-annotations/`, missingAnnotations)
+        .then(async (response) => {
           if (response.status === 201) {
             commit("SET_REJECTED_MISSING_ANNOTATIONS", null);
-            dispatch("fetchMissingAnnotations");
+            await dispatch("fetchMissingAnnotations");
           }
 
           resolve(response);
@@ -825,10 +867,10 @@ const actions = {
 
   deleteMissingAnnotation: ({ commit, getters, dispatch }, id) => {
     return new Promise((resolve) => {
-      return HTTP.delete(`/missing-annotations/${id}/`)
-        .then((response) => {
+      HTTP.delete(`/missing-annotations/${id}/`)
+        .then(async (response) => {
           if (response.status === 204) {
-            dispatch("fetchMissingAnnotations");
+            await dispatch("fetchMissingAnnotations");
             resolve(true);
           }
         })
@@ -869,8 +911,11 @@ const actions = {
         `documents/${state.documentId}/?fields=status_data,labeling_available`
       )
         .then((response) => {
-          if (getters.isDocumentReadyToBeReviewed(response.data)) {
-            // ready
+          if (
+            getters.isDocumentReadyToBeReviewed(response.data) ||
+            getters.waitingForSplittingConfirmation(response.data)
+          ) {
+            // ready or has splitting suggestions
             return resolve(true);
           } else if (getters.documentHadErrorDuringExtraction(response.data)) {
             // error
@@ -950,7 +995,7 @@ const actions = {
   },
 
   contactSupport: ({ rootState }, error) => {
-    const url = "https://konfuzio.com/en/support/";
+    const url = "https://konfuzio.com/support/";
     const params = `project=${rootState.project.projectId}&email=${rootState.project.currentUser}&issue=${error}`;
     const fullUrl = `${url}?${params}`;
 
@@ -994,7 +1039,7 @@ const mutations = {
       (existingAnnotation) => existingAnnotation.id === annotation.id
     );
     if (indexOfAnnotationInAnnotations > -1) {
-      state.annotations[indexOfAnnotationInAnnotations] = annotation;
+      state.annotations.splice(indexOfAnnotationInAnnotations, 1, annotation);
     }
     let updatedAnnotation = false;
     state.annotationSets.forEach((annotationSet) => {
@@ -1137,12 +1182,13 @@ const mutations = {
   SET_SERVER_ERROR: (state, value) => {
     state.serverError = value;
   },
-  SET_CATEGORIZE_MODAL_IS_ACTIVE: (state, value) => {
-    state.categorizeModalIsActive = value;
-  },
+
   UPDATE_FILE_NAME: (state, value) => {
     state.selectedDocument.data_file_name = value;
   },
+  SET_SPLITTING_SUGGESTIONS: (state, array) => {
+    state.splittingSuggestions = array;
+  },
 };
 
 export default {

package/src/store/edit.js

@@ -1,4 +1,5 @@
 import myImports from "../api";
+import { getURLQueryParam, navigateToNewDocumentURL } from "../utils/utils";
 
 const HTTP = myImports.HTTP;
 
@@ -6,9 +7,10 @@ const state = {
   editMode: false,
   splitOverview: false,
   isMultipleSelection: false,
-  documentPagesListForEditMode: [], // TODO: change name
+  pagesForPostprocess: [],
   selectedPages: [],
   updatedDocument: [],
+  showEditConfirmationModal: false,
 };
 
 const actions = {
@@ -25,8 +27,8 @@ const actions = {
     commit("SET_SPLIT_OVERVIEW", overview);
   },
 
-  setDocumentPagesListForEditMode: ({ commit }, pages) => {
-    commit("SET_DOCUMENT_PAGES_FOR_EDIT_MODE", pages);
+  setPagesForPostprocess: ({ commit }, pages) => {
+    commit("SET_PAGES_FOR_POSTPROCESS", pages);
   },
 
   setUpdatedDocument: ({ commit }, updatedDocument) => {
@@ -57,42 +59,41 @@ const actions = {
   },
 
   rotatePage: ({ state, commit }, { page, direction }) => {
-    if (state.documentPagesListForEditMode.find((p) => p.id === page[0].id)) {
-      const documentPagesListForEditMode =
-        state.documentPagesListForEditMode.map((p) => {
-          let rotatedAngle;
-          if (direction === "left") {
-            rotatedAngle = p.angle - 90;
-            if (p.id === page[0].id) {
-              if (rotatedAngle === -270) {
-                rotatedAngle = 90;
-              }
-              return {
-                ...p,
-                angle: rotatedAngle,
-              };
+    if (state.pagesForPostprocess.find((p) => p.id === page[0].id)) {
+      const pagesForPostprocess = state.pagesForPostprocess.map((p) => {
+        let rotatedAngle;
+        if (direction === "left") {
+          rotatedAngle = p.angle - 90;
+          if (p.id === page[0].id) {
+            if (rotatedAngle === -270) {
+              rotatedAngle = 90;
             }
-            return p;
+            return {
+              ...p,
+              angle: rotatedAngle,
+            };
           }
-          if (direction === "right") {
-            rotatedAngle = p.angle + 90;
-            if (p.id === page[0].id) {
-              if (rotatedAngle === 270) {
-                rotatedAngle = -90;
-              }
-              return {
-                ...p,
-                angle: rotatedAngle,
-              };
+          return p;
+        }
+        if (direction === "right") {
+          rotatedAngle = p.angle + 90;
+          if (p.id === page[0].id) {
+            if (rotatedAngle === 270) {
+              rotatedAngle = -90;
             }
-            return p;
+            return {
+              ...p,
+              angle: rotatedAngle,
+            };
           }
-        });
+          return p;
+        }
+      });
 
-      commit("SET_DOCUMENT_PAGES_FOR_EDIT_MODE", documentPagesListForEditMode);
+      commit("SET_PAGES_FOR_POSTPROCESS", pagesForPostprocess);
     } else {
       if (direction === "left") {
-        state.documentPagesListForEditMode.push({
+        state.pagesForPostprocess.push({
           id: page.id,
           number: page.number,
           angle: -90,
@@ -102,7 +103,7 @@ const actions = {
       }
 
       if (direction === "right") {
-        state.documentPagesListForEditMode.push({
+        state.pagesForPostprocess.push({
           id: page.id,
           number: page.number,
           angle: 90,
@@ -115,7 +116,7 @@ const actions = {
 
   updateRotationToTheLeft: ({ state, commit }) => {
     // updated the angles that will be sent to the backend
-    const array = state.documentPagesListForEditMode.map((p) => {
+    const array = state.pagesForPostprocess.map((p) => {
       let rotatedAngle = p.angle - 90;
       if (rotatedAngle === -270) {
         rotatedAngle = 90;
@@ -126,12 +127,12 @@ const actions = {
       };
     });
 
-    commit("SET_DOCUMENT_PAGES_FOR_EDIT_MODE", array);
+    commit("SET_PAGES_FOR_POSTPROCESS", array);
   },
 
   updateRotationToTheRight: ({ state, commit }) => {
     // updated the angles that will be sent to the backend
-    const array = state.documentPagesListForEditMode.map((p) => {
+    const array = state.pagesForPostprocess.map((p) => {
       let rotatedAngle = p.angle + 90;
       if (rotatedAngle === 270) {
         rotatedAngle = -90;
@@ -142,13 +143,16 @@ const actions = {
       };
     });
 
-    commit("SET_DOCUMENT_PAGES_FOR_EDIT_MODE", array);
+    commit("SET_PAGES_FOR_POSTPROCESS", array);
   },
 
   editDocument: ({ rootState, dispatch }, editedDocument) => {
     dispatch("document/startRecalculatingAnnotations", null, {
       root: true,
     });
+
+    const oldId = rootState.document.documentId;
+
     return new Promise((resolve) => {
       HTTP.post(
         `/documents/${rootState.document.documentId}/postprocess/`,
@@ -156,15 +160,22 @@ const actions = {
       )
         .then(async (response) => {
           if (response && response.status === 200) {
-            const newDocument = response.data[0];
-            const newId = newDocument.id;
-
-            await dispatch("document/setDocId", newId, {
-              root: true,
-            });
-            dispatch("document/pollDocumentEndpoint", null, {
-              root: true,
-            });
+            const newId = response.data[0].id;
+
+            if (newId !== oldId) {
+              if (getURLQueryParam("document")) {
+                navigateToNewDocumentURL(oldId, newId);
+              } else {
+                await dispatch("document/setDocId", newId, {
+                  root: true,
+                });
+
+                dispatch("document/pollDocumentEndpoint", null, {
+                  root: true,
+                });
+              }
+            }
+
             resolve(null);
           } else {
             resolve(response);
@@ -176,6 +187,10 @@ const actions = {
         });
     });
   },
+
+  setShowEditConfirmationModal: ({ commit }, value) => {
+    commit("SET_SHOW_EDIT_CONFIRMATION_MODAL", value);
+  },
 };
 
 const mutations = {
@@ -187,8 +202,8 @@ const mutations = {
     state.splitOverview = overview;
   },
 
-  SET_DOCUMENT_PAGES_FOR_EDIT_MODE: (state, pages) => {
-    state.documentPagesListForEditMode = pages;
+  SET_PAGES_FOR_POSTPROCESS: (state, pages) => {
+    state.pagesForPostprocess = pages;
   },
 
   SET_UPDATED_DOCUMENT: (state, updatedDocument) => {
@@ -200,6 +215,9 @@ const mutations = {
   ADD_SELECTED_PAGE: (state, selectedPage) => {
     state.selectedPages.push(selectedPage);
   },
+  SET_SHOW_EDIT_CONFIRMATION_MODAL: (state, value) => {
+    state.showEditConfirmationModal = value;
+  },
 };
 
 export default {