@contentful/experiences-visual-editor-react 3.8.2 → 3.8.3-beta.1

package/dist/renderApp.js

@@ -43244,6 +43244,63 @@ const calculateNodeDefaultHeight = ({ blockId, children, value, }) => {
     return EMPTY_CONTAINER_SIZE$1;
 };
 
+const getDataFromTree = (tree) => {
+    let dataSource = {};
+    let unboundValues = {};
+    const queue = [...tree.root.children];
+    while (queue.length) {
+        const node = queue.shift();
+        if (!node) {
+            continue;
+        }
+        dataSource = { ...dataSource, ...node.data.dataSource };
+        unboundValues = { ...unboundValues, ...node.data.unboundValues };
+        if (node.children.length) {
+            queue.push(...node.children);
+        }
+    }
+    return {
+        dataSource,
+        unboundValues,
+    };
+};
+function parseCSSValue(input) {
+    const regex = /^(\d+(\.\d+)?)(px|em|rem)$/;
+    const match = input.match(regex);
+    if (match) {
+        return {
+            value: parseFloat(match[1]),
+            unit: match[3],
+        };
+    }
+    return null;
+}
+function getTargetValueInPixels(targetWidthObject) {
+    switch (targetWidthObject.unit) {
+        case 'px':
+            return targetWidthObject.value;
+        case 'em':
+            return targetWidthObject.value * 16;
+        case 'rem':
+            return targetWidthObject.value * 16;
+        default:
+            return targetWidthObject.value;
+    }
+}
+/**
+ * Creates a component definition for an assembly. As all assemblies use the same definition in the SDK,
+ * all should be registered via this function.
+ */
+const createAssemblyDefinition = (definitionId) => {
+    return {
+        id: definitionId,
+        name: 'Component',
+        variables: {},
+        children: true,
+        category: ASSEMBLY_DEFAULT_CATEGORY,
+    };
+};
+
 function getOptimizedImageUrl(url, width, quality, format) {
     if (url.startsWith('//')) {
         url = 'https:' + url;
@@ -43599,63 +43656,6 @@ function treeVisit(initialNode, onNode) {
     _treeVisit(initialNode, 0, 0);
 }
 
-const getDataFromTree = (tree) => {
-    let dataSource = {};
-    let unboundValues = {};
-    const queue = [...tree.root.children];
-    while (queue.length) {
-        const node = queue.shift();
-        if (!node) {
-            continue;
-        }
-        dataSource = { ...dataSource, ...node.data.dataSource };
-        unboundValues = { ...unboundValues, ...node.data.unboundValues };
-        if (node.children.length) {
-            queue.push(...node.children);
-        }
-    }
-    return {
-        dataSource,
-        unboundValues,
-    };
-};
-function parseCSSValue(input) {
-    const regex = /^(\d+(\.\d+)?)(px|em|rem)$/;
-    const match = input.match(regex);
-    if (match) {
-        return {
-            value: parseFloat(match[1]),
-            unit: match[3],
-        };
-    }
-    return null;
-}
-function getTargetValueInPixels(targetWidthObject) {
-    switch (targetWidthObject.unit) {
-        case 'px':
-            return targetWidthObject.value;
-        case 'em':
-            return targetWidthObject.value * 16;
-        case 'rem':
-            return targetWidthObject.value * 16;
-        default:
-            return targetWidthObject.value;
-    }
-}
-/**
- * Creates a component definition for an assembly. As all assemblies use the same definition in the SDK,
- * all should be registered via this function.
- */
-const createAssemblyDefinition = (definitionId) => {
-    return {
-        id: definitionId,
-        name: 'Component',
-        variables: {},
-        children: true,
-        category: ASSEMBLY_DEFAULT_CATEGORY,
-    };
-};
-
 class ParseError extends Error {
     constructor(message) {
         super(message);
@@ -50986,9 +50986,9 @@ const checkIsNodeVisible = (node, resolveDesignValue) => {
         // If this is a wrapping pattern/root with no visible children, it is invisible as well
         return node.children.some((childNode) => checkIsNodeVisible(childNode, resolveDesignValue));
     }
-    // Check if the current node is visible (`cfVisibility` is enforced on all nodes)
+    // Check if the current node is visible (`cfVisibility` is enforced on all nodes however leaving as optional chaining due to bug discovered [SPA-3298])
     // Check explicitly for false, as `undefined` is treated as `true`. It could become undefined when the breakpoint IDs changed.
-    return (resolveDesignValue(node.data.props['cfVisibility'].valuesByBreakpoint) !==
+    return (resolveDesignValue(node.data.props['cfVisibility']?.valuesByBreakpoint) !==
         false);
 };