labellife-design-tool 2.2.2 → 2.2.3

package/dist/cjs/canvas/workspace.js

@@ -2055,7 +2055,9 @@ var InputFieldsDialog = mobxReactLite.observer(function (_ref2) {
   var store = _ref2.store,
     _onComplete = _ref2.onComplete,
     _ref2$enabled = _ref2.enabled,
-    enabled = _ref2$enabled === void 0 ? true : _ref2$enabled;
+    enabled = _ref2$enabled === void 0 ? true : _ref2$enabled,
+    _ref2$backTrigger = _ref2.backTrigger,
+    backTrigger = _ref2$backTrigger === void 0 ? 0 : _ref2$backTrigger;
   // displayIndex counts how many fields have been answered (for step indicator only).
   // Navigation always uses fields[0] — the first remaining pending field.
   var _useState5 = react.useState(0),
@@ -2064,6 +2066,8 @@ var InputFieldsDialog = mobxReactLite.observer(function (_ref2) {
     setDisplayIndex = _useState6[1];
   var initialTotalRef = react.useRef(0);
   var completedHistoryRef = react.useRef([]);
+  var isGoingBackRef = react.useRef(false);
+  var prevBackTriggerRef = react.useRef(backTrigger);
   var config = getInputFieldsConfig();
   var pendingFields = store._pendingInputFields || [];
 
@@ -2080,13 +2084,20 @@ var InputFieldsDialog = mobxReactLite.observer(function (_ref2) {
   // Capture total and reset display counter when a fresh batch appears
   react.useEffect(function () {
     if (fields.length > 0 && initialTotalRef.current === 0) {
-      initialTotalRef.current = fields.length;
-      setDisplayIndex(0);
-      completedHistoryRef.current = [];
+      if (isGoingBackRef.current) {
+        // Back-from-summary restored a field — recover total from history + pending
+        isGoingBackRef.current = false;
+        initialTotalRef.current = completedHistoryRef.current.length + fields.length;
+      } else {
+        // Genuine fresh batch
+        initialTotalRef.current = fields.length;
+        setDisplayIndex(0);
+        completedHistoryRef.current = [];
+      }
     }
     if (fields.length === 0) {
       initialTotalRef.current = 0;
-      completedHistoryRef.current = [];
+      // History is intentionally kept so back-from-summary can use it
     }
   }, [fields.length]);
   var totalCount = initialTotalRef.current || fields.length;
@@ -2165,6 +2176,31 @@ var InputFieldsDialog = mobxReactLite.observer(function (_ref2) {
   };
   var canGoBack = displayIndex > 0;
 
+  // Back-from-summary: triggered by parent incrementing backTrigger prop
+  var handleBackFromSummary = function handleBackFromSummary() {
+    var last = completedHistoryRef.current.pop();
+    if (!last) return;
+    var el = last.el,
+      previousValue = last.previousValue;
+    if (el) {
+      var isImage = el.custom && el.custom.inputType === 'image';
+      el.set(isImage ? {
+        src: previousValue || ''
+      } : {
+        text: previousValue || ''
+      });
+      isGoingBackRef.current = true;
+      store._unresolveInputField(el);
+    }
+    // displayIndex stays unchanged — it already points to the last step (N-1)
+  };
+  react.useEffect(function () {
+    if (backTrigger !== prevBackTriggerRef.current) {
+      prevBackTriggerRef.current = backTrigger;
+      handleBackFromSummary();
+    }
+  }, [backTrigger]);
+
   // ── Resolve which dialog component to use ───────────────────────────
   // Priority: per-type custom dialog > global CustomDialog > built-in
   var TYPE_DIALOG_MAP = {
@@ -2518,7 +2554,9 @@ var Workspace = mobxReactLite.observer(function (_ref6) {
     components = _ref6$components === void 0 ? {} : _ref6$components,
     _ref6$showInputFields = _ref6.showInputFieldsPopup,
     showInputFieldsPopup = _ref6$showInputFields === void 0 ? true : _ref6$showInputFields,
-    onInputFieldsComplete = _ref6.onInputFieldsComplete;
+    onInputFieldsComplete = _ref6.onInputFieldsComplete,
+    _ref6$backTrigger = _ref6.backTrigger,
+    backTrigger = _ref6$backTrigger === void 0 ? 0 : _ref6$backTrigger;
   var stageRef = react.useRef(null);
   var containerRef = react.useRef(null);
   var _useState5 = react.useState({
@@ -2804,7 +2842,8 @@ var Workspace = mobxReactLite.observer(function (_ref6) {
     }) : null, /*#__PURE__*/jsxRuntime.jsx(InputFieldsDialog, {
       store: store,
       enabled: showInputFieldsPopup,
-      onComplete: onInputFieldsComplete
+      onComplete: onInputFieldsComplete,
+      backTrigger: backTrigger
     })]
   });
 });