labellife-design-tool 2.2.9 → 2.3.0

package/dist/esm/canvas/workspace.js

@@ -2197,6 +2197,7 @@ var InputFieldsDialog = observer(function (_ref2) {
     setDisplayIndex = _useState8[1];
   var initialTotalRef = useRef(0);
   var completedHistoryRef = useRef([]);
+  var removedDueToSkipRef = useRef([]);
   var isGoingBackRef = useRef(false);
   var prevBackTriggerRef = useRef(backTrigger);
   var config = getInputFieldsConfig();
@@ -2239,14 +2240,24 @@ var InputFieldsDialog = observer(function (_ref2) {
     var last = completedHistoryRef.current.pop();
     if (!last) return;
     var el = last.el,
-      previousValue = last.previousValue;
+      previousValue = last.previousValue,
+      removed = last.removed;
     if (el) {
       var isImage = el.custom && el.custom.inputType === 'image';
-      el.set(isImage ? {
-        src: previousValue || ''
-      } : {
-        text: previousValue || ''
-      });
+      if (removed) {
+        el.set({
+          visible: true
+        });
+        removedDueToSkipRef.current = removedDueToSkipRef.current.filter(function (e) {
+          return e.id !== el.id;
+        });
+      } else {
+        el.set(isImage ? {
+          src: previousValue || ''
+        } : {
+          text: previousValue || ''
+        });
+      }
       isGoingBackRef.current = true;
       store._unresolveInputField(el);
     }
@@ -2264,6 +2275,15 @@ var InputFieldsDialog = observer(function (_ref2) {
   var currentField = fields[0];
   if (!currentField) return null;
 
+  // ── Helper: clear the removed-elements tracking ref ──────────────────
+  // Elements are kept in the canvas with visible:false — they don't render
+  // on screen or in exports, and can be restored via back navigation at any
+  // point (including back-from-summary via backTrigger) without touching
+  // deleted MST nodes.
+  var _flushRemovedElements = function _flushRemovedElements() {
+    removedDueToSkipRef.current = [];
+  };
+
   // ── Shared submit / skip / back helpers ─────────────────────────────
   var handleSubmit = function handleSubmit(elementId, value) {
     var el = store.getElementById(elementId);
@@ -2287,6 +2307,7 @@ var InputFieldsDialog = observer(function (_ref2) {
     }
     store._resolveInputField(elementId);
     if (fields.length <= 1) {
+      _flushRemovedElements();
       store.history.addUndoState();
       if (_onComplete) _onComplete();
     } else {
@@ -2299,13 +2320,24 @@ var InputFieldsDialog = observer(function (_ref2) {
     var el = store.getElementById(elementId);
     var isImage = el && el.custom && el.custom.inputType === 'image';
     var previousValue = el ? isImage ? el.src : el.text : '';
+    var shouldRemove = !!(el && el.custom && el.custom.removeIfSkipped);
+    if (shouldRemove) {
+      el.set({
+        visible: false
+      });
+      removedDueToSkipRef.current.push(el);
+    }
     completedHistoryRef.current.push({
       el: el,
       previousValue: previousValue,
-      skipped: true
+      skipped: true,
+      removed: shouldRemove
     });
     store._resolveInputField(elementId);
     if (fields.length <= 1) {
+      var hadRemovals = removedDueToSkipRef.current.length > 0;
+      _flushRemovedElements();
+      if (hadRemovals) store.history.addUndoState();
       if (_onComplete) _onComplete();
     } else {
       setDisplayIndex(function (prev) {
@@ -2317,14 +2349,24 @@ var InputFieldsDialog = observer(function (_ref2) {
     var last = completedHistoryRef.current.pop();
     if (!last) return;
     var el = last.el,
-      previousValue = last.previousValue;
+      previousValue = last.previousValue,
+      removed = last.removed;
     if (el) {
       var isImage = el.custom && el.custom.inputType === 'image';
-      el.set(isImage ? {
-        src: previousValue || ''
-      } : {
-        text: previousValue || ''
-      });
+      if (removed) {
+        el.set({
+          visible: true
+        });
+        removedDueToSkipRef.current = removedDueToSkipRef.current.filter(function (e) {
+          return e.id !== el.id;
+        });
+      } else {
+        el.set(isImage ? {
+          src: previousValue || ''
+        } : {
+          text: previousValue || ''
+        });
+      }
       store._unresolveInputField(el);
     }
     setDisplayIndex(function (prev) {
@@ -2358,6 +2400,7 @@ var InputFieldsDialog = observer(function (_ref2) {
       onBack: handleBack,
       canGoBack: canGoBack,
       onComplete: function onComplete() {
+        _flushRemovedElements();
         store.history.addUndoState();
         if (_onComplete) _onComplete();
       }