labellife-design-tool 2.2.3 → 2.2.5

package/dist/esm/canvas/workspace.js

@@ -3,7 +3,7 @@ import { Image, Group, Rect, Text, Arrow, Path, RegularPolygon, Star, Circle, Li
 import { observer } from 'mobx-react-lite';
 import { Box, Typography, IconButton, Button, TextField } from '@mui/material';
 import CloseIcon from '@mui/icons-material/Close';
-import { jsxs, jsx } from 'react/jsx-runtime';
+import { jsxs, jsx, Fragment as Fragment$1 } from 'react/jsx-runtime';
 import Konva from 'konva';
 import CloudUploadIcon from '@mui/icons-material/CloudUpload';
 import ArrowBackIcon from '@mui/icons-material/ArrowBack';
@@ -2097,6 +2097,32 @@ var InputFieldsDialog = 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)
+  };
+  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
@@ -2172,31 +2198,6 @@ var InputFieldsDialog = 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)
-  };
-  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 = {
@@ -2288,7 +2289,7 @@ var CheckerboardBackground = function CheckerboardBackground(_ref) {
     height: h,
     fill: "#ffffff",
     listening: false,
-    name: "page-background"
+    name: "display-only"
   });
   return /*#__PURE__*/jsx(Rect, {
     x: 0,
@@ -2298,7 +2299,7 @@ var CheckerboardBackground = function CheckerboardBackground(_ref) {
     fillPatternImage: imgRef.current,
     fillPatternRepeat: "repeat",
     listening: false,
-    name: "page-background"
+    name: "display-only"
   });
 };
 var ImageBackground = function ImageBackground(_ref2) {
@@ -2382,9 +2383,19 @@ var PageBackground = observer(function (_ref3) {
     });
   }
   if (bg === 'transparent') {
-    return /*#__PURE__*/jsx(CheckerboardBackground, {
-      w: w,
-      h: h
+    return /*#__PURE__*/jsxs(Fragment$1, {
+      children: [/*#__PURE__*/jsx(Rect, {
+        x: 0,
+        y: 0,
+        width: w,
+        height: h,
+        fill: "#ffffff",
+        listening: false,
+        name: "page-background"
+      }), /*#__PURE__*/jsx(CheckerboardBackground, {
+        w: w,
+        h: h
+      })]
     });
   }
 
@@ -2481,7 +2492,8 @@ var PageOverlayFrame = 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'];
@@ -2816,7 +2828,8 @@ var Workspace = observer(function (_ref6) {
           height: store.height,
           fill: "rgba(0,0,0,0.1)",
           cornerRadius: 0,
-          listening: false
+          listening: false,
+          name: "display-only"
         }), /*#__PURE__*/jsx(PageBackground, {
           store: store
         }), page && page.children.map(function (element) {