@contentful/experiences-visual-editor-react 3.1.1-dev-20250808T0933-3a55c60.0 → 3.1.1-dev-20250811T1043-028392b.0

package/dist/renderApp.js

@@ -50233,7 +50233,7 @@ function waitForImageToBeLoaded(imageNode) {
     });
 }
 
-const useCanvasGeometryUpdates = ({ tree }) => {
+const useCanvasGeometryUpdates = ({ tree, canvasMode }) => {
     const debouncedUpdateGeometry = reactExports.useMemo(() => debounce((tree, sourceEvent) => {
         // When the DOM changed, we still need to wait for the next frame to ensure that
         // rendering is complete (e.g. this is required when deleting a node).
@@ -50304,6 +50304,8 @@ const useCanvasGeometryUpdates = ({ tree }) => {
     }, [allImages, loadedImages, debouncedUpdateGeometry]);
     // Delegate scrolling to the canvas
     reactExports.useEffect(() => {
+        if (canvasMode !== StudioCanvasMode$2.EDITOR)
+            return;
         const onWheel = (e) => {
             e.preventDefault();
             sendMessage(OUTGOING_EVENTS.CanvasPan, {
@@ -50317,13 +50319,13 @@ const useCanvasGeometryUpdates = ({ tree }) => {
         };
         document.addEventListener('wheel', onWheel, { passive: false });
         return () => document.removeEventListener('wheel', onWheel);
-    }, []);
+    }, [canvasMode]);
 };
 
-const RootRenderer = ({ inMemoryEntitiesStore }) => {
+const RootRenderer = ({ inMemoryEntitiesStore, canvasMode }) => {
     useEditorSubscriber(inMemoryEntitiesStore);
     const tree = useTreeStore((state) => state.tree);
-    useCanvasGeometryUpdates({ tree });
+    useCanvasGeometryUpdates({ tree, canvasMode });
     const breakpoints = useTreeStore((state) => state.breakpoints);
     const { resolveDesignValue } = useBreakpoints(breakpoints);
     // If the root blockId is defined but not the default string, it is the entry ID
@@ -50372,7 +50374,7 @@ const useInitializeEditor = (inMemoryEntitiesStore) => {
     return initialized;
 };
 
-const VisualEditorRoot = ({ experience, inMemoryEntitiesStore: inMemoryEntitiesStore$1 = inMemoryEntitiesStore, }) => {
+const VisualEditorRoot = ({ experience, inMemoryEntitiesStore: inMemoryEntitiesStore$1 = inMemoryEntitiesStore, canvasMode, }) => {
     const initialized = useInitializeEditor(inMemoryEntitiesStore$1);
     const setHyperLinkPattern = useEditorStore((state) => state.setHyperLinkPattern);
     reactExports.useEffect(() => {
@@ -50382,7 +50384,7 @@ const VisualEditorRoot = ({ experience, inMemoryEntitiesStore: inMemoryEntitiesS
     }, [experience?.hyperlinkPattern, setHyperLinkPattern]);
     if (!initialized)
         return null;
-    return React$1.createElement(RootRenderer, { inMemoryEntitiesStore: inMemoryEntitiesStore$1 });
+    return React$1.createElement(RootRenderer, { inMemoryEntitiesStore: inMemoryEntitiesStore$1, canvasMode: canvasMode });
 };
 
 client.createRoot(document.getElementById(VISUAL_EDITOR_CONTAINER_ID)).render(React$1.createElement(React$1.StrictMode, null,