@contentful/experiences-core 3.8.4-beta.0 → 3.8.4-beta.2

package/dist/esm/index.js

@@ -2687,6 +2687,10 @@ const detachExperienceStyles = (experience) => {
                 // conflicts between different breakpoint values from multiple nodes where the hash would be equal
                 // - Adding wrapping pattern nodes IDs to avoid conflicts between similar nested patterns as those
                 // could override each others CSS for some breakpoints just through the order of `<style>` tags in the DOM.
+                // - We're only considering the regular CSS (not the visibility-specific one) but that doesn't cause an issue
+                // since we already use the breakpointId (which is not used in CSR, see createStylesheetsForBuiltInStyles).
+                // Theoretically, we could drop `generatedCss` from the hash generation and still be safe from conflicts (unless
+                // the node IDs are similar but visibility is different?)
                 const styleHash = md5(currentNodeIdsChain + breakpointId + generatedCss);
                 // and prefix the className to make sure the value can be processed
                 const className = `cf-${styleHash}`;
@@ -2919,6 +2923,11 @@ const resolveBackgroundImageBinding = ({ variableData, getBoundEntityById, dataS
         // '/lUERH7tX7nJTaPX6f0udB/fields/assetReference/~locale/fields/file/~locale'
         const [, uuid] = variableData.path.split('/');
         const binding = dataSource[uuid];
+        // Safeguard against edge cases - we should not have bound style values that do not have a data source entry.
+        // However, just in case, we handle it here as empty and allow the user to replace without errors.
+        if (!binding) {
+            return;
+        }
         const boundEntity = getBoundEntityById(binding.sys.id);
         if (!boundEntity) {
             return;