labellife-design-tool 2.2.3 → 2.2.5

package/dist/cjs/canvas/workspace.js

@@ -2101,6 +2101,32 @@ var InputFieldsDialog = mobxReactLite.observer(function (_ref2) {
     }
   }, [fields.length]);
   var totalCount = initialTotalRef.current || fields.length;
+
+  // Back-from-summary: triggered by parent incrementing backTrigger prop
+  // Must be defined and its useEffect called BEFORE any early returns (Rules of Hooks)
+  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]);
   if (!enabled || fields.length === 0) return null;
 
   // Always show the first remaining field — the array shrinks as fields are resolved
@@ -2176,31 +2202,6 @@ 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 = {
@@ -2292,7 +2293,7 @@ var CheckerboardBackground = function CheckerboardBackground(_ref) {
     height: h,
     fill: "#ffffff",
     listening: false,
-    name: "page-background"
+    name: "display-only"
   });
   return /*#__PURE__*/jsxRuntime.jsx(reactKonva.Rect, {
     x: 0,
@@ -2302,7 +2303,7 @@ var CheckerboardBackground = function CheckerboardBackground(_ref) {
     fillPatternImage: imgRef.current,
     fillPatternRepeat: "repeat",
     listening: false,
-    name: "page-background"
+    name: "display-only"
   });
 };
 var ImageBackground = function ImageBackground(_ref2) {
@@ -2386,9 +2387,19 @@ var PageBackground = mobxReactLite.observer(function (_ref3) {
     });
   }
   if (bg === 'transparent') {
-    return /*#__PURE__*/jsxRuntime.jsx(CheckerboardBackground, {
-      w: w,
-      h: h
+    return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
+      children: [/*#__PURE__*/jsxRuntime.jsx(reactKonva.Rect, {
+        x: 0,
+        y: 0,
+        width: w,
+        height: h,
+        fill: "#ffffff",
+        listening: false,
+        name: "page-background"
+      }), /*#__PURE__*/jsxRuntime.jsx(CheckerboardBackground, {
+        w: w,
+        h: h
+      })]
     });
   }
 
@@ -2485,7 +2496,8 @@ var PageOverlayFrame = mobxReactLite.observer(function (_ref4) {
       ctx.fillStrokeShape(shape);
     },
     fill: "rgba(240,240,240,0.5)",
-    listening: false
+    listening: false,
+    name: "display-only"
   });
 });
 var ALL_ANCHORS = ['top-left', 'top-center', 'top-right', 'middle-left', 'middle-right', 'bottom-left', 'bottom-center', 'bottom-right'];
@@ -2820,7 +2832,8 @@ var Workspace = mobxReactLite.observer(function (_ref6) {
           height: store.height,
           fill: "rgba(0,0,0,0.1)",
           cornerRadius: 0,
-          listening: false
+          listening: false,
+          name: "display-only"
         }), /*#__PURE__*/jsxRuntime.jsx(PageBackground, {
           store: store
         }), page && page.children.map(function (element) {