@teleporthq/teleport-shared 0.41.0 → 0.42.0

package/dist/esm/utils/uidl-utils.js

@@ -16,7 +16,11 @@ export var extractRoutes = function (rootComponent) {
     // Assuming root element starts with a UIDLElementNode
     var rootElement = rootComponent.node.content;
     // Look for conditional nodes in the first level children of the root element
-    return rootElement.children.filter(function (child) { return child.type === 'conditional' && child.content.reference.content.id === 'route'; });
+    return rootElement.children.filter(function (child) {
+        return child.type === 'conditional' &&
+            child.content.reference.type === 'dynamic' &&
+            child.content.reference.content.id === 'route';
+    });
 };
 export var createWebComponentFriendlyName = function (componentName) {
     var dashCaseName = camelCaseToDashCase(componentName);
@@ -104,6 +108,9 @@ export var prefixAssetsPath = function (originalString, assets) {
     var prefix = assets.prefix, _a = assets.mappings, mappings = _a === void 0 ? {} : _a, identifier = assets.identifier;
     var assetName = basename(originalString);
     var decodedAssetName = decodeURIComponent(assetName);
+    // Extract the full path from the original string (normalize to remove leading slash)
+    var fullPath = originalString.startsWith('/') ? originalString.slice(1) : originalString;
+    var decodedFullPath = decodeURIComponent(fullPath);
     /*
       If the value is missing from the mapping, it means
        - asset is missing in the project packer
@@ -111,15 +118,27 @@ export var prefixAssetsPath = function (originalString, assets) {
   
       Note: We need to check for decoded asset name as well as for some special characters such as katakana / kanjis / hiraganas
       the src / url leading to the asset can be encoded and we need to check the decoded version against the asset mapping
+  
+      Try full-path lookup first (to handle duplicate filenames in different folders),
+      then fall back to basename-only (for backward compatibility)
     */
-    if (!(typeof mappings[assetName] === 'string') &&
+    if (!(typeof mappings[fullPath] === 'string') &&
+        !(typeof mappings[decodedFullPath] === 'string') &&
+        !(typeof mappings[assetName] === 'string') &&
         !(typeof mappings[decodedAssetName] === 'string')) {
         return originalString;
     }
     /*
       need to use either the original or decoded assetName to retrieve its mapping if there is one
+      Priority: fullPath > decodedFullPath > assetName > decodedAssetName
     */
-    var assetNameUsedForMapping = typeof mappings[assetName] === 'string' ? assetName : decodedAssetName;
+    var assetNameUsedForMapping = typeof mappings[fullPath] === 'string'
+        ? fullPath
+        : typeof mappings[decodedFullPath] === 'string'
+            ? decodedFullPath
+            : typeof mappings[assetName] === 'string'
+                ? assetName
+                : decodedAssetName;
     /*
       If the value from the mapping is an empty string
       we need to not join it in the return path as it would append
@@ -141,15 +160,32 @@ export var cloneObject = function (node) { return JSON.parse(JSON.stringify(node
 // This function parses all the UIDLNodes in a tree structure
 // enabling a function to be applied to each individual node
 export var traverseNodes = function (node, fn, parent) {
-    var _a, _b, _c;
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     if (parent === void 0) { parent = null; }
+    if (!node.type) {
+        return;
+    }
     fn(node, parent);
     switch (node.type) {
         case 'element':
-            var _d = node.content, attrs_1 = _d.attrs, children = _d.children, style = _d.style, abilities = _d.abilities, referencedStyles = _d.referencedStyles;
+            // Check if this element node is wrapping a data-source node
+            // This happens when node.content has a 'type' property that is a data-source type
+            if (node.content &&
+                typeof node.content === 'object' &&
+                'type' in node.content &&
+                (node.content.type === 'data-source-item' || node.content.type === 'data-source-list')) {
+                // Treat the entire node.content as a data-source node
+                traverseNodes(node.content, fn, node);
+                break;
+            }
+            var _o = node.content, attrs_1 = _o.attrs, children = _o.children, style = _o.style, abilities = _o.abilities, referencedStyles = _o.referencedStyles;
             if (attrs_1) {
                 Object.keys(attrs_1).forEach(function (attrKey) {
-                    traverseNodes(attrs_1[attrKey], fn, node);
+                    var attr = attrs_1[attrKey];
+                    if (attr.type === 'object') {
+                        return;
+                    }
+                    traverseNodes(attr, fn, node);
                 });
             }
             if (referencedStyles && Object.keys(referencedStyles).length > 0) {
@@ -185,6 +221,9 @@ export var traverseNodes = function (node, fn, parent) {
             if (node.content.nodes.empty) {
                 traverseNodes(node.content.nodes.empty, fn);
             }
+            if (node.content.nodes.loading) {
+                traverseNodes(node.content.nodes.loading, fn);
+            }
             break;
         case 'cms-item':
             traverseNodes(node.content.nodes.success, fn);
@@ -195,6 +234,49 @@ export var traverseNodes = function (node, fn, parent) {
                 traverseNodes(node.content.nodes.loading, fn);
             }
             break;
+        case 'cms-mixed-type':
+            if ((_d = node.content.nodes) === null || _d === void 0 ? void 0 : _d.fallback) {
+                traverseNodes(node.content.nodes.fallback, fn);
+            }
+            if ((_e = node.content.nodes) === null || _e === void 0 ? void 0 : _e.error) {
+                traverseNodes(node.content.nodes.error, fn);
+            }
+            Object.keys(((_f = node.content) === null || _f === void 0 ? void 0 : _f.mappings) || {}).forEach(function (key) {
+                traverseNodes(node.content.mappings[key], fn);
+            });
+            break;
+        case 'data-source-item':
+            if ((_g = node.content.nodes) === null || _g === void 0 ? void 0 : _g.success) {
+                traverseNodes(node.content.nodes.success, fn);
+            }
+            if ((_h = node.content.nodes) === null || _h === void 0 ? void 0 : _h.error) {
+                traverseNodes(node.content.nodes.error, fn);
+            }
+            if ((_j = node.content.nodes) === null || _j === void 0 ? void 0 : _j.loading) {
+                traverseNodes(node.content.nodes.loading, fn);
+            }
+            if (node.content.children) {
+                node.content.children.forEach(function (child) {
+                    traverseNodes(child, fn, node);
+                });
+            }
+            break;
+        case 'data-source-list':
+            if ((_k = node.content.nodes) === null || _k === void 0 ? void 0 : _k.success) {
+                traverseNodes(node.content.nodes.success, fn);
+            }
+            if ((_l = node.content.nodes) === null || _l === void 0 ? void 0 : _l.error) {
+                traverseNodes(node.content.nodes.error, fn);
+            }
+            if ((_m = node.content.nodes) === null || _m === void 0 ? void 0 : _m.loading) {
+                traverseNodes(node.content.nodes.loading, fn);
+            }
+            if (node.content.children) {
+                node.content.children.forEach(function (child) {
+                    traverseNodes(child, fn, node);
+                });
+            }
+            break;
         case 'repeat':
             traverseNodes(node.content.node, fn, node);
             traverseNodes(node.content.dataSource, fn, node);
@@ -221,8 +303,18 @@ export var traverseNodes = function (node, fn, parent) {
     }
 };
 export var traverseResources = function (node, fn) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
     switch (node.type) {
         case 'element':
+            // Check if this element node is wrapping a data-source node
+            if (node.content &&
+                typeof node.content === 'object' &&
+                'type' in node.content &&
+                (node.content.type === 'data-source-item' || node.content.type === 'data-source-list')) {
+                // Treat the entire node.content as a data-source node
+                traverseResources(node.content, fn);
+                break;
+            }
             var children = node.content.children;
             if (children) {
                 children.forEach(function (child) {
@@ -244,6 +336,9 @@ export var traverseResources = function (node, fn) {
             if (node.content.nodes.empty) {
                 traverseResources(node.content.nodes.empty, fn);
             }
+            if (node.content.nodes.loading) {
+                traverseResources(node.content.nodes.loading, fn);
+            }
             break;
         case 'cms-item':
             traverseResources(node.content.nodes.success, fn);
@@ -254,6 +349,39 @@ export var traverseResources = function (node, fn) {
                 traverseResources(node.content.nodes.loading, fn);
             }
             break;
+        case 'cms-mixed-type':
+            if ((_a = node.content.nodes) === null || _a === void 0 ? void 0 : _a.fallback) {
+                traverseResources(node.content.nodes.fallback, fn);
+            }
+            if ((_b = node.content.nodes) === null || _b === void 0 ? void 0 : _b.error) {
+                traverseResources(node.content.nodes.error, fn);
+            }
+            Object.keys(((_c = node.content) === null || _c === void 0 ? void 0 : _c.mappings) || {}).forEach(function (key) {
+                traverseResources(node.content.mappings[key], fn);
+            });
+            break;
+        case 'data-source-item':
+            if ((_d = node.content.nodes) === null || _d === void 0 ? void 0 : _d.success) {
+                traverseResources(node.content.nodes.success, fn);
+            }
+            if ((_e = node.content.nodes) === null || _e === void 0 ? void 0 : _e.error) {
+                traverseResources(node.content.nodes.error, fn);
+            }
+            if ((_f = node.content.nodes) === null || _f === void 0 ? void 0 : _f.loading) {
+                traverseResources(node.content.nodes.loading, fn);
+            }
+            break;
+        case 'data-source-list':
+            if ((_g = node.content.nodes) === null || _g === void 0 ? void 0 : _g.success) {
+                traverseResources(node.content.nodes.success, fn);
+            }
+            if ((_h = node.content.nodes) === null || _h === void 0 ? void 0 : _h.error) {
+                traverseResources(node.content.nodes.error, fn);
+            }
+            if ((_j = node.content.nodes) === null || _j === void 0 ? void 0 : _j.loading) {
+                traverseResources(node.content.nodes.loading, fn);
+            }
+            break;
         case 'repeat':
             traverseResources(node.content.node, fn);
             break;
@@ -277,17 +405,38 @@ export var traverseResources = function (node, fn) {
 var traverseStyleObject = function (style) {
     Object.keys(style).forEach(function (styleKey) {
         var styleValue = style[styleKey];
-        // TODO: cross-check the support for the strings as content for styles
         if (styleValue.type !== 'static' && styleValue.type !== 'dynamic') {
-            throw new Error("We support only 'static' and 'dynamic' content for styles");
+            throw new Error("We support only 'static' and 'dynamic' content for styles \n\n        Received \n\n        ".concat(JSON.stringify(styleValue, null, 2)));
         }
     });
 };
 // Parses a node structure recursively and applies a function to each UIDLElement instance
 export var traverseElements = function (node, fn) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    if (!node || !node.type) {
+        return;
+    }
     switch (node.type) {
         case 'element':
+            // Check if this element node is wrapping a data-source node
+            if (node.content &&
+                typeof node.content === 'object' &&
+                'type' in node.content &&
+                (node.content.type === 'data-source-item' || node.content.type === 'data-source-list')) {
+                // Treat the entire node.content as a data-source node
+                traverseElements(node.content, fn);
+                break;
+            }
             fn(node.content);
+            if (node.content.attrs) {
+                for (var _i = 0, _k = Object.keys(node.content.attrs); _i < _k.length; _i++) {
+                    var attrKey = _k[_i];
+                    var attrValue = node.content.attrs[attrKey];
+                    if (attrValue.type === 'element') {
+                        traverseElements(attrValue, fn);
+                    }
+                }
+            }
             if (node.content.children) {
                 node.content.children.forEach(function (child) {
                     traverseElements(child, fn);
@@ -302,12 +451,24 @@ export var traverseElements = function (node, fn) {
             if (node.content.nodes.loading) {
                 traverseElements(node.content.nodes.loading, fn);
             }
+            if (node.content.attrs) {
+                for (var _l = 0, _m = Object.keys(node.content.attrs); _l < _m.length; _l++) {
+                    var attrKey = _m[_l];
+                    var attrValue = node.content.attrs[attrKey];
+                    if (attrValue.type === 'element') {
+                        traverseElements(attrValue, fn);
+                    }
+                }
+            }
             break;
         case 'cms-list-repeater':
             traverseElements(node.content.nodes.list, fn);
             if (node.content.nodes.empty) {
                 traverseElements(node.content.nodes.empty, fn);
             }
+            if (node.content.nodes.loading) {
+                traverseElements(node.content.nodes.loading, fn);
+            }
             break;
         case 'cms-item':
             traverseElements(node.content.nodes.success, fn);
@@ -317,6 +478,75 @@ export var traverseElements = function (node, fn) {
             if (node.content.nodes.loading) {
                 traverseElements(node.content.nodes.loading, fn);
             }
+            if (node.content.attrs) {
+                for (var _o = 0, _p = Object.keys(node.content.attrs); _o < _p.length; _o++) {
+                    var attrKey = _p[_o];
+                    var attrValue = node.content.attrs[attrKey];
+                    if (attrValue.type === 'element') {
+                        traverseElements(attrValue, fn);
+                    }
+                }
+            }
+            break;
+        case 'cms-mixed-type':
+            if ((_a = node.content.nodes) === null || _a === void 0 ? void 0 : _a.fallback) {
+                traverseElements(node.content.nodes.fallback, fn);
+            }
+            if ((_b = node.content.nodes) === null || _b === void 0 ? void 0 : _b.error) {
+                traverseElements(node.content.nodes.error, fn);
+            }
+            Object.keys(((_c = node.content) === null || _c === void 0 ? void 0 : _c.mappings) || {}).forEach(function (key) {
+                traverseElements(node.content.mappings[key], fn);
+            });
+            if (node.content.attrs) {
+                for (var _q = 0, _r = Object.keys(node.content.attrs); _q < _r.length; _q++) {
+                    var attrKey = _r[_q];
+                    var attrValue = node.content.attrs[attrKey];
+                    if (attrValue.type === 'element') {
+                        traverseElements(attrValue, fn);
+                    }
+                }
+            }
+            break;
+        case 'data-source-item':
+            if ((_d = node.content.nodes) === null || _d === void 0 ? void 0 : _d.success) {
+                traverseElements(node.content.nodes.success, fn);
+            }
+            if ((_e = node.content.nodes) === null || _e === void 0 ? void 0 : _e.error) {
+                traverseElements(node.content.nodes.error, fn);
+            }
+            if ((_f = node.content.nodes) === null || _f === void 0 ? void 0 : _f.loading) {
+                traverseElements(node.content.nodes.loading, fn);
+            }
+            if (node.content.attrs) {
+                for (var _s = 0, _t = Object.keys(node.content.attrs); _s < _t.length; _s++) {
+                    var attrKey = _t[_s];
+                    var attrValue = node.content.attrs[attrKey];
+                    if (attrValue.type === 'element') {
+                        traverseElements(attrValue, fn);
+                    }
+                }
+            }
+            break;
+        case 'data-source-list':
+            if ((_g = node.content.nodes) === null || _g === void 0 ? void 0 : _g.success) {
+                traverseElements(node.content.nodes.success, fn);
+            }
+            if ((_h = node.content.nodes) === null || _h === void 0 ? void 0 : _h.error) {
+                traverseElements(node.content.nodes.error, fn);
+            }
+            if ((_j = node.content.nodes) === null || _j === void 0 ? void 0 : _j.loading) {
+                traverseElements(node.content.nodes.loading, fn);
+            }
+            if (node.content.attrs) {
+                for (var _u = 0, _v = Object.keys(node.content.attrs); _u < _v.length; _u++) {
+                    var attrKey = _v[_u];
+                    var attrValue = node.content.attrs[attrKey];
+                    if (attrValue.type === 'element') {
+                        traverseElements(attrValue, fn);
+                    }
+                }
+            }
             break;
         case 'repeat':
             traverseElements(node.content.node, fn);
@@ -336,12 +566,34 @@ export var traverseElements = function (node, fn) {
         case 'expr':
             break;
         default:
-            throw new Error("traverseElements was given an unsupported node type : ".concat(node.type, ", ").concat(JSON.stringify(node, null, 2)));
+            throw new Error("traverseElements was given an unsupported node type : \n ".concat(JSON.stringify(node, null, 2)));
     }
 };
 export var traverseRepeats = function (node, fn) {
+    var _a, _b, _c, _d, _e, _f, _g, _h, _j;
+    if (!node || !node.type) {
+        return;
+    }
     switch (node.type) {
         case 'element':
+            // Check if this element node is wrapping a data-source node
+            if (node.content &&
+                typeof node.content === 'object' &&
+                'type' in node.content &&
+                (node.content.type === 'data-source-item' || node.content.type === 'data-source-list')) {
+                // Treat the entire node.content as a data-source node
+                traverseRepeats(node.content, fn);
+                break;
+            }
+            if (node.content.attrs) {
+                for (var _i = 0, _k = Object.keys(node.content.attrs); _i < _k.length; _i++) {
+                    var attrKey = _k[_i];
+                    var attrValue = node.content.attrs[attrKey];
+                    if (attrValue.type === 'element') {
+                        traverseRepeats(attrValue, fn);
+                    }
+                }
+            }
             if (node.content.children) {
                 node.content.children.forEach(function (child) {
                     traverseRepeats(child, fn);
@@ -356,12 +608,24 @@ export var traverseRepeats = function (node, fn) {
             if (node.content.nodes.loading) {
                 traverseRepeats(node.content.nodes.loading, fn);
             }
+            if (node.content.attrs) {
+                for (var _l = 0, _m = Object.keys(node.content.attrs); _l < _m.length; _l++) {
+                    var attrKey = _m[_l];
+                    var attrValue = node.content.attrs[attrKey];
+                    if (attrValue.type === 'element') {
+                        traverseRepeats(attrValue, fn);
+                    }
+                }
+            }
             break;
         case 'cms-list-repeater':
             traverseRepeats(node.content.nodes.list, fn);
             if (node.content.nodes.empty) {
                 traverseRepeats(node.content.nodes.empty, fn);
             }
+            if (node.content.nodes.loading) {
+                traverseRepeats(node.content.nodes.loading, fn);
+            }
             break;
         case 'cms-item':
             traverseRepeats(node.content.nodes.success, fn);
@@ -371,6 +635,35 @@ export var traverseRepeats = function (node, fn) {
             if (node.content.nodes.loading) {
                 traverseRepeats(node.content.nodes.loading, fn);
             }
+            if (node.content.attrs) {
+                for (var _o = 0, _p = Object.keys(node.content.attrs); _o < _p.length; _o++) {
+                    var attrKey = _p[_o];
+                    var attrValue = node.content.attrs[attrKey];
+                    if (attrValue.type === 'element') {
+                        traverseRepeats(attrValue, fn);
+                    }
+                }
+            }
+            break;
+        case 'cms-mixed-type':
+            if ((_a = node.content.nodes) === null || _a === void 0 ? void 0 : _a.fallback) {
+                traverseRepeats(node.content.nodes.fallback, fn);
+            }
+            if ((_b = node.content.nodes) === null || _b === void 0 ? void 0 : _b.error) {
+                traverseRepeats(node.content.nodes.error, fn);
+            }
+            Object.keys(((_c = node.content) === null || _c === void 0 ? void 0 : _c.mappings) || {}).forEach(function (key) {
+                traverseRepeats(node.content.mappings[key], fn);
+            });
+            if (node.content.attrs) {
+                for (var _q = 0, _r = Object.keys(node.content.attrs); _q < _r.length; _q++) {
+                    var attrKey = _r[_q];
+                    var attrValue = node.content.attrs[attrKey];
+                    if (attrValue.type === 'element') {
+                        traverseRepeats(attrValue, fn);
+                    }
+                }
+            }
             break;
         case 'repeat':
             fn(node.content);
@@ -384,6 +677,28 @@ export var traverseRepeats = function (node, fn) {
                 traverseRepeats(node.content.fallback, fn);
             }
             break;
+        case 'data-source-item':
+            if ((_d = node.content.nodes) === null || _d === void 0 ? void 0 : _d.success) {
+                traverseRepeats(node.content.nodes.success, fn);
+            }
+            if ((_e = node.content.nodes) === null || _e === void 0 ? void 0 : _e.error) {
+                traverseRepeats(node.content.nodes.error, fn);
+            }
+            if ((_f = node.content.nodes) === null || _f === void 0 ? void 0 : _f.loading) {
+                traverseRepeats(node.content.nodes.loading, fn);
+            }
+            break;
+        case 'data-source-list':
+            if ((_g = node.content.nodes) === null || _g === void 0 ? void 0 : _g.success) {
+                traverseRepeats(node.content.nodes.success, fn);
+            }
+            if ((_h = node.content.nodes) === null || _h === void 0 ? void 0 : _h.error) {
+                traverseRepeats(node.content.nodes.error, fn);
+            }
+            if ((_j = node.content.nodes) === null || _j === void 0 ? void 0 : _j.loading) {
+                traverseRepeats(node.content.nodes.loading, fn);
+            }
+            break;
         case 'static':
         case 'dynamic':
         case 'raw':
@@ -504,11 +819,11 @@ export var transformStylesAssignmentsToJson = function (styleObject) {
                 acc[key] = styleContentAtKey;
                 return acc;
             }
-            if (type === 'dynamic') {
+            if (type === 'dynamic' && content.referenceType !== 'global') {
                 if (['state', 'prop'].includes(content === null || content === void 0 ? void 0 : content.referenceType)) {
                     acc[key] = {
                         type: type,
-                        content: __assign(__assign({}, content), { id: StringUtils.createStateOrPropStoringValue(content.id) }),
+                        content: __assign(__assign({}, content), { id: generateIdWithRefPath(content.id, content.refPath) }),
                     };
                 }
                 else {
@@ -521,6 +836,20 @@ export var transformStylesAssignmentsToJson = function (styleObject) {
     }, newStyleObject);
     return newStyleObject;
 };
+export var generateIdWithRefPath = function (contentId, refPath) {
+    var processedId = contentId;
+    if (refPath) {
+        var processedRefPath = refPath.reduce(function (acc, path) {
+            return "".concat(acc, "?.['").concat(path, "']");
+        }, '');
+        // This is a bit ugly, but in some cases props are parsed twice or already generated.
+        // To avoid possible bugs, this should be a good safety measure
+        if (!processedId.includes(processedRefPath)) {
+            processedId = "".concat(processedId).concat(processedRefPath);
+        }
+    }
+    return StringUtils.createStateOrPropStoringValue(processedId);
+};
 /*
   All the props passed to the components are transformed to a unique case
   to minimize the collision of using cameCalse in one place and dashCase in
@@ -539,34 +868,47 @@ export var transformAttributesAssignmentsToJson = function (attributesObject, is
             return acc;
         }
         if (!Array.isArray(attributeContent) && entityType === 'object') {
-            // if this value is already properly declared, make sure it is not
             var type = attributeContent.type;
-            if (['static', 'import', 'raw', 'expr'].indexOf(type) !== -1) {
-                var propKey = isLocalComponent ? StringUtils.createStateOrPropStoringValue(key) : key;
-                acc[propKey] = attributeContent;
-                return acc;
-            }
-            if (type === 'comp-style') {
-                acc[key] = {
-                    type: 'comp-style',
-                    content: StringUtils.createStateOrPropStoringValue(attributeContent.content),
-                };
-                return acc;
-            }
-            var content = attributeContent.content;
-            if (type === 'dynamic') {
-                if (['state', 'prop'].includes(content === null || content === void 0 ? void 0 : content.referenceType)) {
+            switch (type) {
+                case 'import':
+                case 'static':
+                case 'raw':
+                case 'expr': {
+                    var propKey = isLocalComponent ? StringUtils.createStateOrPropStoringValue(key) : key;
+                    acc[propKey] = attributeContent;
+                    return acc;
+                }
+                case 'comp-style': {
                     acc[key] = {
-                        type: type,
-                        content: __assign(__assign({}, content), { id: StringUtils.createStateOrPropStoringValue(content.id) }),
+                        type: 'comp-style',
+                        content: StringUtils.createStateOrPropStoringValue(attributeContent.content),
                     };
+                    return acc;
                 }
-                else {
+                case 'dynamic': {
+                    var content = attributeContent.content;
+                    // global id's dont need to be transformed. As they are constants and each one is handled by the generator
+                    // depending on the context and the framework.
+                    if (['state', 'prop'].includes(content === null || content === void 0 ? void 0 : content.referenceType) &&
+                        content.referenceType !== 'global') {
+                        acc[key] = {
+                            type: type,
+                            content: __assign(__assign({}, content), { id: generateIdWithRefPath(content.id, content.refPath) }),
+                        };
+                    }
+                    else {
+                        acc[key] = attributeContent;
+                    }
+                    return acc;
+                }
+                case 'object':
+                case 'element':
                     acc[key] = attributeContent;
+                    return acc;
+                default: {
+                    throw new Error("transformAttributesAssignmentsToJson encountered a style value that is not supported ".concat(JSON.stringify(attributeContent, null, 2)));
                 }
-                return acc;
             }
-            throw new Error("transformAttributesAssignmentsToJson encountered a style value that is not supported ".concat(JSON.stringify(attributeContent, null, 2)));
         }
     }, newAttrObject);
     return newAttrObject;
@@ -588,6 +930,7 @@ export var findFirstElementNode = function (node) {
     }
 };
 export var removeChildNodes = function (node, criteria) {
+    var _a, _b, _c;
     switch (node.type) {
         case 'element':
             if (node.content.children) {
@@ -614,6 +957,9 @@ export var removeChildNodes = function (node, criteria) {
             if (node.content.nodes.empty) {
                 removeChildNodes(node.content.nodes.empty, criteria);
             }
+            if (node.content.nodes.loading) {
+                removeChildNodes(node.content.nodes.loading, criteria);
+            }
             break;
         case 'cms-item':
             removeChildNodes(node.content.nodes.success, criteria);
@@ -624,6 +970,17 @@ export var removeChildNodes = function (node, criteria) {
                 removeChildNodes(node.content.nodes.loading, criteria);
             }
             break;
+        case 'cms-mixed-type':
+            if ((_a = node.content.nodes) === null || _a === void 0 ? void 0 : _a.fallback) {
+                removeChildNodes(node.content.nodes.fallback, criteria);
+            }
+            if ((_b = node.content.nodes) === null || _b === void 0 ? void 0 : _b.error) {
+                removeChildNodes(node.content.nodes.error, criteria);
+            }
+            Object.keys(((_c = node.content) === null || _c === void 0 ? void 0 : _c.mappings) || {}).forEach(function (key) {
+                removeChildNodes(node.content.mappings[key], criteria);
+            });
+            break;
         case 'conditional':
             removeChildNodes(node.content.node, criteria);
             break;