@contentful/experiences-sdk-react 3.8.0-dev-20250926T1559-e1ab24d.0 → 3.8.0-prerelease-20250926T1312-a8b5fb7.0

package/dist/blocks/preview/CompositionBlock.js

@@ -1,6 +1,6 @@
 import { jsx, Fragment } from 'react/jsx-runtime';
 import React, { useMemo } from 'react';
-import { checkIsAssemblyNode, transformBoundContentValue, resolveHyperlinkPattern, splitDirectAndSlotChildren, getSdkOptions, sanitizeNodeProps } from '@contentful/experiences-core';
+import { checkIsAssemblyNode, checkIsAssemblyEntry, transformBoundContentValue, resolveHyperlinkPattern, splitDirectAndSlotChildren, getSdkOptions, sanitizeNodeProps } from '@contentful/experiences-core';
 import { HYPERLINK_DEFAULT_PATTERN, CONTENTFUL_COMPONENTS } from '@contentful/experiences-core/constants';
 import { getComponentRegistration, createAssemblyRegistration } from '../../core/componentRegistry.js';
 import { useInjectStylesheet } from '../../hooks/useInjectStylesheet.js';
@@ -9,53 +9,51 @@ import { resolvePattern } from '../../core/preview/assemblyUtils.js';
 import { resolveMaybePrebindingDefaultValuePath } from '../../utils/prebindingUtils.js';
 import { parseComponentProps } from '../../utils/parseComponentProps.js';
 
-const CompositionBlock = ({ node: rawNode, locale, entityStore, hyperlinkPattern, resolveDesignValue, getPatternChildNodeClassName, wrappingPatternIds: parentWrappingPatternIds = new Set(), patternRootNodeIdsChain: parentPatternRootNodeIdsChain = [], rootPatternParameters, }) => {
+const CompositionBlock = ({ node: rawNode, locale, entityStore, hyperlinkPattern, resolveDesignValue, getPatternChildNodeClassName, wrappingPatternIds: parentWrappingPatternIds = new Set(), wrappingParameters: parentWrappingParameters = {}, patternRootNodeIdsChain: parentPatternRootNodeIdsChain = '', }) => {
     const isPatternNode = useMemo(() => {
         return checkIsAssemblyNode({
             componentId: rawNode.definitionId,
             usedComponents: entityStore.usedComponents,
         });
     }, [entityStore.usedComponents, rawNode.definitionId]);
+    const isPatternEntry = useMemo(() => {
+        return checkIsAssemblyEntry({ fields: entityStore.experienceEntryFields });
+    }, [entityStore]);
     const patternRootNodeIdsChain = useMemo(() => {
         if (isPatternNode) {
             // Pattern nodes are chained without a separator (following the format for prebinding/parameters)
-            return [...parentPatternRootNodeIdsChain, rawNode.id];
+            return `${parentPatternRootNodeIdsChain}${rawNode.id}`;
         }
         return parentPatternRootNodeIdsChain;
     }, [isPatternNode, parentPatternRootNodeIdsChain, rawNode.id]);
-    const rootParameters = useMemo(() => {
-        // covers the case when previewing a pattern
-        // all parameters are defined on the tree root node and will be provided from the start
-        if (rootPatternParameters) {
-            return rootPatternParameters;
-        }
-        // covers the case when previewing an experience
-        // parameters here are stored in CMA, so we retrieve them from the pattern's node and pass it down
-        if (isPatternNode && rawNode.parameters && Object.keys(rawNode.parameters).length) {
-            return rawNode.parameters;
-        }
-        // in case none exist - it is likely a non-pattern component, or just a pattern that has no parameters
-        return undefined;
-    }, [rawNode, rootPatternParameters, isPatternNode]);
     const node = useMemo(() => {
         if (isPatternNode) {
             return resolvePattern({
                 node: rawNode,
                 entityStore,
-                parentPatternRootNodeIdsChain: patternRootNodeIdsChain,
-                rootPatternParameters: rootParameters,
+                parentParameters: parentWrappingParameters,
+                patternRootNodeIdsChain,
             });
         }
         else {
             return rawNode;
         }
-    }, [entityStore, isPatternNode, rawNode, patternRootNodeIdsChain, rootParameters]);
+    }, [entityStore, isPatternNode, rawNode, parentWrappingParameters, patternRootNodeIdsChain]);
     const wrappingPatternIds = useMemo(() => {
         if (isPatternNode) {
             return new Set([node.definitionId, ...parentWrappingPatternIds]);
         }
         return parentWrappingPatternIds;
     }, [isPatternNode, node, parentWrappingPatternIds]);
+    // Merge the pattern properties of the current node with the parent's pattern properties
+    // to ensure nested patterns receive relevant pattern properties that were bubbled up
+    // during assembly serialization.
+    const wrappingParameters = useMemo(() => {
+        if (isPatternNode) {
+            return { ...parentWrappingParameters, ...(rawNode.parameters || {}) };
+        }
+        return parentWrappingParameters;
+    }, [isPatternNode, rawNode, parentWrappingParameters]);
     const componentRegistration = useMemo(() => {
         const registration = getComponentRegistration(node.definitionId);
         if (isPatternNode && !registration) {
@@ -107,24 +105,22 @@ const CompositionBlock = ({ node: rawNode, locale, entityStore, hyperlinkPattern
             resolveUnboundValue: ({ mappingKey, defaultValue }) => {
                 return entityStore.unboundValues[mappingKey]?.value ?? defaultValue;
             },
-            resolveComponentValue: ({ mappingKey, propertyName, dataType, resolveBoundValue }) => {
-                if (!entityStore.isExperienceAPatternEntry) {
-                    return;
-                }
-                const path = resolveMaybePrebindingDefaultValuePath({
-                    componentValueKey: mappingKey,
-                    patternRootNodeIdsChain,
-                    entityStore,
-                });
-                if (path) {
-                    return resolveBoundValue({
-                        propertyName,
-                        dataType,
-                        binding: {
-                            type: 'BoundValue',
-                            path,
-                        },
+            resolvePrebindingValue: ({ mappingKey, propertyName, dataType, resolveBoundValue }) => {
+                if (isPatternEntry) {
+                    const path = resolveMaybePrebindingDefaultValuePath({
+                        componentValueKey: mappingKey,
+                        entityStore,
                     });
+                    if (path) {
+                        return resolveBoundValue({
+                            propertyName,
+                            dataType,
+                            binding: {
+                                type: 'BoundValue',
+                                path,
+                            },
+                        });
+                    }
                 }
             },
         });
@@ -142,6 +138,7 @@ const CompositionBlock = ({ node: rawNode, locale, entityStore, hyperlinkPattern
         };
     }, [
         node,
+        isPatternEntry,
         entityStore,
         componentRegistration,
         isPatternNode,
@@ -164,7 +161,7 @@ const CompositionBlock = ({ node: rawNode, locale, entityStore, hyperlinkPattern
     // Retrieves the CSS class name for a given child node ID.
     const _getPatternChildNodeClassName = (childNodeId) => {
         if (isPatternNode) {
-            const nodeIdsChain = [...patternRootNodeIdsChain, childNodeId].join('-');
+            const nodeIdsChain = `${patternRootNodeIdsChain}-${childNodeId}`;
             // @ts-expect-error -- property cfSsrClassName is a map (id to classNames) that is added during rendering in ssrStyles
             const classesForNode = node.variables.cfSsrClassName?.[nodeIdsChain];
             if (!classesForNode)
@@ -174,7 +171,7 @@ const CompositionBlock = ({ node: rawNode, locale, entityStore, hyperlinkPattern
         return getPatternChildNodeClassName?.(childNodeId);
     };
     const { slotNodesMap, directChildNodes } = splitDirectAndSlotChildren(node.children, componentRegistration.definition);
-    const renderChildNode = (childNode, index) => (jsx(CompositionBlock, { getPatternChildNodeClassName: isPatternNode || getPatternChildNodeClassName ? _getPatternChildNodeClassName : undefined, node: childNode, locale: locale, hyperlinkPattern: hyperlinkPattern, entityStore: entityStore, resolveDesignValue: resolveDesignValue, wrappingPatternIds: wrappingPatternIds, patternRootNodeIdsChain: patternRootNodeIdsChain, rootPatternParameters: rootParameters }, childNode.id ?? index));
+    const renderChildNode = (childNode, index) => (jsx(CompositionBlock, { getPatternChildNodeClassName: isPatternNode || getPatternChildNodeClassName ? _getPatternChildNodeClassName : undefined, node: childNode, locale: locale, hyperlinkPattern: hyperlinkPattern, entityStore: entityStore, resolveDesignValue: resolveDesignValue, wrappingPatternIds: wrappingPatternIds, wrappingParameters: wrappingParameters, patternRootNodeIdsChain: patternRootNodeIdsChain }, childNode.id ?? index));
     const renderedSlotNodesMap = Object.entries(slotNodesMap).reduce((acc, [slotId, nodes]) => {
         if (nodes?.length) {
             acc[slotId] = jsx(Fragment, { children: nodes.map(renderChildNode) });

package/dist/blocks/preview/CompositionBlock.js.map

@@ -1 +1 @@
-{"version":3,"file":"CompositionBlock.js","sources":["../../../../src/blocks/preview/CompositionBlock.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport type { UnresolvedLink } from 'contentful';\nimport { Entry } from 'contentful';\nimport {\n  checkIsAssemblyNode,\n  EntityStore,\n  resolveHyperlinkPattern,\n  sanitizeNodeProps,\n  transformBoundContentValue,\n  splitDirectAndSlotChildren,\n  getSdkOptions,\n} from '@contentful/experiences-core';\nimport {\n  CONTENTFUL_COMPONENTS,\n  HYPERLINK_DEFAULT_PATTERN,\n} from '@contentful/experiences-core/constants';\nimport type {\n  ComponentTreeNode,\n  DesignValue,\n  Parameter,\n  PrimitiveValue,\n  ResolveDesignValueType,\n  StyleProps,\n} from '@contentful/experiences-core/types';\nimport { createAssemblyRegistration, getComponentRegistration } from '../../core/componentRegistry';\nimport { useInjectStylesheet } from '../../hooks/useInjectStylesheet';\nimport { Assembly, ContentfulContainer } from '@contentful/experiences-components-react';\nimport { resolvePattern } from '../../core/preview/assemblyUtils';\nimport { resolveMaybePrebindingDefaultValuePath } from '../../utils/prebindingUtils';\nimport { parseComponentProps } from '../../utils/parseComponentProps';\n\ntype CompositionBlockProps = {\n  node: ComponentTreeNode;\n  locale: string;\n  entityStore: EntityStore;\n  hyperlinkPattern?: string | undefined;\n  resolveDesignValue: ResolveDesignValueType;\n  getPatternChildNodeClassName?: (childNodeId: string) => string | undefined;\n  /** Set of definition IDs of wrapping patterns to prevent circular dependencies. */\n  wrappingPatternIds?: Set<string>;\n  rootPatternParameters?: Record<string, Parameter>;\n  /**\n   * Chained IDs to ensure uniqueness across multiple instances of the same pattern\n   * when storing & accessing cfSsrClassName.\n   */\n  patternRootNodeIdsChain?: Array<string>;\n};\n\nexport const CompositionBlock = ({\n  node: rawNode,\n  locale,\n  entityStore,\n  hyperlinkPattern,\n  resolveDesignValue,\n  getPatternChildNodeClassName,\n  wrappingPatternIds: parentWrappingPatternIds = new Set(),\n  patternRootNodeIdsChain: parentPatternRootNodeIdsChain = [],\n  rootPatternParameters,\n}: CompositionBlockProps) => {\n  const isPatternNode = useMemo(() => {\n    return checkIsAssemblyNode({\n      componentId: rawNode.definitionId,\n      usedComponents: entityStore.usedComponents,\n    });\n  }, [entityStore.usedComponents, rawNode.definitionId]);\n\n  const patternRootNodeIdsChain = useMemo(() => {\n    if (isPatternNode) {\n      // Pattern nodes are chained without a separator (following the format for prebinding/parameters)\n      return [...parentPatternRootNodeIdsChain, rawNode.id!];\n    }\n    return parentPatternRootNodeIdsChain;\n  }, [isPatternNode, parentPatternRootNodeIdsChain, rawNode.id]);\n\n  const rootParameters = useMemo(() => {\n    // covers the case when previewing a pattern\n    // all parameters are defined on the tree root node and will be provided from the start\n    if (rootPatternParameters) {\n      return rootPatternParameters;\n    }\n\n    // covers the case when previewing an experience\n    // parameters here are stored in CMA, so we retrieve them from the pattern's node and pass it down\n    if (isPatternNode && rawNode.parameters && Object.keys(rawNode.parameters).length) {\n      return rawNode.parameters;\n    }\n\n    // in case none exist - it is likely a non-pattern component, or just a pattern that has no parameters\n    return undefined;\n  }, [rawNode, rootPatternParameters, isPatternNode]);\n\n  const node = useMemo(() => {\n    if (isPatternNode) {\n      return resolvePattern({\n        node: rawNode,\n        entityStore,\n        parentPatternRootNodeIdsChain: patternRootNodeIdsChain,\n        rootPatternParameters: rootParameters!,\n      });\n    } else {\n      return rawNode;\n    }\n  }, [entityStore, isPatternNode, rawNode, patternRootNodeIdsChain, rootParameters]);\n\n  const wrappingPatternIds = useMemo(() => {\n    if (isPatternNode) {\n      return new Set([node.definitionId, ...parentWrappingPatternIds]);\n    }\n    return parentWrappingPatternIds;\n  }, [isPatternNode, node, parentWrappingPatternIds]);\n\n  const componentRegistration = useMemo(() => {\n    const registration = getComponentRegistration(node.definitionId as string);\n\n    if (isPatternNode && !registration) {\n      return createAssemblyRegistration({\n        definitionId: node.definitionId as string,\n        component: Assembly,\n      });\n    }\n    return registration;\n  }, [isPatternNode, node.definitionId]);\n\n  const { ssrProps, contentProps, props, mediaQuery } = useMemo(() => {\n    // In SSR, we store the className under breakpoints[0] which is resolved here to the actual string\n    const cfSsrClassNameValues = node.variables.cfSsrClassName as DesignValue | undefined;\n    const mainBreakpoint = entityStore.breakpoints[0];\n    const cfSsrClassName = cfSsrClassNameValues?.valuesByBreakpoint?.[mainBreakpoint.id] as\n      | string\n      | undefined;\n\n    // Don't enrich the assembly wrapper node with props\n    if (!componentRegistration || isPatternNode) {\n      const ssrProps = { cfSsrClassName };\n      const props: Record<string, PrimitiveValue> = { className: cfSsrClassName };\n      return {\n        ssrProps,\n        props,\n      };\n    }\n\n    const ssrProps: Record<string, string | undefined> = {\n      cfSsrClassName:\n        node.id && getPatternChildNodeClassName\n          ? getPatternChildNodeClassName(node.id)\n          : cfSsrClassName,\n    };\n\n    const {\n      contentProps = {},\n      styleProps = {},\n      customDesignProps = {},\n      mediaQuery,\n    } = parseComponentProps({\n      breakpoints: entityStore.breakpoints,\n      mainBreakpoint,\n      componentDefinition: componentRegistration.definition,\n      patternRootNodeIdsChain,\n      node,\n      resolveDesignValue,\n      resolveBoundValue: ({ binding, propertyName, dataType }) => {\n        const [, uuid] = binding.path.split('/');\n        const boundEntityLink = entityStore.dataSource[uuid] as UnresolvedLink<'Entry' | 'Asset'>;\n        return transformBoundContentValue(\n          node.variables,\n          entityStore,\n          boundEntityLink,\n          resolveDesignValue,\n          propertyName,\n          dataType,\n          binding.path,\n        );\n      },\n      resolveHyperlinkValue: ({ linkTargetKey }) => {\n        const boundEntity = entityStore.dataSource[linkTargetKey];\n        const hyperlinkEntry = entityStore.getEntryOrAsset(boundEntity, linkTargetKey);\n\n        return resolveHyperlinkPattern(\n          componentRegistration.definition.hyperlinkPattern ||\n            hyperlinkPattern ||\n            HYPERLINK_DEFAULT_PATTERN,\n          hyperlinkEntry as Entry,\n          locale,\n        );\n      },\n      resolveUnboundValue: ({ mappingKey, defaultValue }) => {\n        return entityStore.unboundValues[mappingKey]?.value ?? defaultValue;\n      },\n      resolveComponentValue: ({ mappingKey, propertyName, dataType, resolveBoundValue }) => {\n        if (!entityStore.isExperienceAPatternEntry) {\n          return;\n        }\n\n        const path = resolveMaybePrebindingDefaultValuePath({\n          componentValueKey: mappingKey,\n          patternRootNodeIdsChain,\n          entityStore,\n        });\n\n        if (path) {\n          return resolveBoundValue({\n            propertyName,\n            dataType,\n            binding: {\n              type: 'BoundValue',\n              path,\n            },\n          });\n        }\n      },\n    });\n\n    const props: Record<string, PrimitiveValue> = {\n      className: ssrProps.cfSsrClassName ?? mediaQuery?.className,\n      ...styleProps,\n      ...contentProps,\n      ...customDesignProps,\n    };\n\n    return {\n      ssrProps,\n      contentProps,\n      mediaQuery,\n      props,\n    };\n  }, [\n    node,\n    entityStore,\n    componentRegistration,\n    isPatternNode,\n    getPatternChildNodeClassName,\n    resolveDesignValue,\n    hyperlinkPattern,\n    locale,\n    patternRootNodeIdsChain,\n  ]);\n\n  // do not inject the stylesheet into the dom because it's already been done on the server side\n  useInjectStylesheet(ssrProps.cfSsrClassName ? undefined : mediaQuery?.css);\n\n  if (!componentRegistration) {\n    return null;\n  }\n\n  // When detecting a circular dependency, we stop silently. The editor mode will render an actionable error.\n  if (parentWrappingPatternIds.has(node.definitionId)) {\n    return null;\n  }\n\n  const { component: component } = componentRegistration;\n\n  // Retrieves the CSS class name for a given child node ID.\n  const _getPatternChildNodeClassName = (childNodeId: string) => {\n    if (isPatternNode) {\n      const nodeIdsChain = [...patternRootNodeIdsChain, childNodeId].join('-');\n      // @ts-expect-error -- property cfSsrClassName is a map (id to classNames) that is added during rendering in ssrStyles\n      const classesForNode: DesignValue | undefined = node.variables.cfSsrClassName?.[nodeIdsChain];\n      if (!classesForNode) return undefined;\n      return resolveDesignValue(classesForNode.valuesByBreakpoint) as string;\n    }\n    return getPatternChildNodeClassName?.(childNodeId);\n  };\n\n  const { slotNodesMap, directChildNodes } = splitDirectAndSlotChildren(\n    node.children,\n    componentRegistration.definition,\n  );\n\n  const renderChildNode = (childNode: ComponentTreeNode, index: number) => (\n    <CompositionBlock\n      getPatternChildNodeClassName={\n        isPatternNode || getPatternChildNodeClassName ? _getPatternChildNodeClassName : undefined\n      }\n      node={childNode}\n      key={childNode.id ?? index}\n      locale={locale}\n      hyperlinkPattern={hyperlinkPattern}\n      entityStore={entityStore}\n      resolveDesignValue={resolveDesignValue}\n      wrappingPatternIds={wrappingPatternIds}\n      patternRootNodeIdsChain={patternRootNodeIdsChain}\n      rootPatternParameters={rootParameters}\n    />\n  );\n\n  const renderedSlotNodesMap = Object.entries(slotNodesMap).reduce(\n    (acc, [slotId, nodes]) => {\n      if (nodes?.length) {\n        acc[slotId] = <>{nodes.map(renderChildNode)}</>;\n      }\n      return acc;\n    },\n    {} as Record<string, React.JSX.Element>,\n  );\n\n  const renderedChildren = directChildNodes?.map(renderChildNode);\n\n  const sdkOptions = getSdkOptions();\n\n  // TODO: we might be able to remove this special case as well by not dropping the two props in the sanitizeNodeProps function\n  // We allow custom container rendering through a new sdk option (not introducing a breaking change for existing customers).\n  if (\n    isContainerOrSection(node.definitionId) &&\n    !sdkOptions.__unsafe__enableBuiltInStructureOverwrites\n  ) {\n    return (\n      <ContentfulContainer\n        cfHyperlink={(contentProps as StyleProps).cfHyperlink}\n        cfOpenInNewTab={(contentProps as StyleProps).cfOpenInNewTab}\n        className={props.className as string | undefined}>\n        {renderedChildren}\n      </ContentfulContainer>\n    );\n  }\n\n  return React.createElement(\n    component,\n    {\n      ...sanitizeNodeProps(props),\n      ...renderedSlotNodesMap,\n    },\n    // If there are no children, a custom property called `children` can be passed through to the custom component\n    ...(renderedChildren ?? []),\n  );\n};\n\nconst isContainerOrSection = (\n  nodeDefinitionId: string,\n): nodeDefinitionId is 'contentful-container' | 'contentful-section' =>\n  [CONTENTFUL_COMPONENTS.container.id, CONTENTFUL_COMPONENTS.section.id].includes(\n    nodeDefinitionId as 'contentful-container' | 'contentful-section',\n  );\n"],"names":["_jsx","_Fragment"],"mappings":"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"}
+{"version":3,"file":"CompositionBlock.js","sources":["../../../../src/blocks/preview/CompositionBlock.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport type { UnresolvedLink } from 'contentful';\nimport { Entry } from 'contentful';\nimport {\n  checkIsAssemblyEntry,\n  checkIsAssemblyNode,\n  EntityStore,\n  resolveHyperlinkPattern,\n  sanitizeNodeProps,\n  transformBoundContentValue,\n  splitDirectAndSlotChildren,\n  getSdkOptions,\n} from '@contentful/experiences-core';\nimport {\n  CONTENTFUL_COMPONENTS,\n  HYPERLINK_DEFAULT_PATTERN,\n} from '@contentful/experiences-core/constants';\nimport type {\n  ComponentTreeNode,\n  DesignValue,\n  Parameter,\n  PrimitiveValue,\n  ResolveDesignValueType,\n  StyleProps,\n} from '@contentful/experiences-core/types';\nimport { createAssemblyRegistration, getComponentRegistration } from '../../core/componentRegistry';\nimport { useInjectStylesheet } from '../../hooks/useInjectStylesheet';\nimport { Assembly, ContentfulContainer } from '@contentful/experiences-components-react';\nimport { resolvePattern } from '../../core/preview/assemblyUtils';\nimport { resolveMaybePrebindingDefaultValuePath } from '../../utils/prebindingUtils';\nimport { parseComponentProps } from '../../utils/parseComponentProps';\n\ntype CompositionBlockProps = {\n  node: ComponentTreeNode;\n  locale: string;\n  entityStore: EntityStore;\n  hyperlinkPattern?: string | undefined;\n  resolveDesignValue: ResolveDesignValueType;\n  getPatternChildNodeClassName?: (childNodeId: string) => string | undefined;\n  /** Set of definition IDs of wrapping patterns to prevent circular dependencies. */\n  wrappingPatternIds?: Set<string>;\n  /**\n   * Chained IDs to ensure uniqueness across multiple instances of the same pattern\n   * when storing & accessing cfSsrClassName.\n   */\n  patternRootNodeIdsChain?: string;\n  wrappingParameters?: Record<string, Parameter>;\n};\n\nexport const CompositionBlock = ({\n  node: rawNode,\n  locale,\n  entityStore,\n  hyperlinkPattern,\n  resolveDesignValue,\n  getPatternChildNodeClassName,\n  wrappingPatternIds: parentWrappingPatternIds = new Set(),\n  wrappingParameters: parentWrappingParameters = {},\n  patternRootNodeIdsChain: parentPatternRootNodeIdsChain = '',\n}: CompositionBlockProps) => {\n  const isPatternNode = useMemo(() => {\n    return checkIsAssemblyNode({\n      componentId: rawNode.definitionId,\n      usedComponents: entityStore.usedComponents,\n    });\n  }, [entityStore.usedComponents, rawNode.definitionId]);\n\n  const isPatternEntry = useMemo(() => {\n    return checkIsAssemblyEntry({ fields: entityStore.experienceEntryFields } as unknown as Entry);\n  }, [entityStore]);\n\n  const patternRootNodeIdsChain = useMemo(() => {\n    if (isPatternNode) {\n      // Pattern nodes are chained without a separator (following the format for prebinding/parameters)\n      return `${parentPatternRootNodeIdsChain}${rawNode.id}`;\n    }\n    return parentPatternRootNodeIdsChain;\n  }, [isPatternNode, parentPatternRootNodeIdsChain, rawNode.id]);\n\n  const node = useMemo(() => {\n    if (isPatternNode) {\n      return resolvePattern({\n        node: rawNode,\n        entityStore,\n        parentParameters: parentWrappingParameters,\n        patternRootNodeIdsChain,\n      });\n    } else {\n      return rawNode;\n    }\n  }, [entityStore, isPatternNode, rawNode, parentWrappingParameters, patternRootNodeIdsChain]);\n\n  const wrappingPatternIds = useMemo(() => {\n    if (isPatternNode) {\n      return new Set([node.definitionId, ...parentWrappingPatternIds]);\n    }\n    return parentWrappingPatternIds;\n  }, [isPatternNode, node, parentWrappingPatternIds]);\n\n  // Merge the pattern properties of the current node with the parent's pattern properties\n  // to ensure nested patterns receive relevant pattern properties that were bubbled up\n  // during assembly serialization.\n  const wrappingParameters = useMemo(() => {\n    if (isPatternNode) {\n      return { ...parentWrappingParameters, ...(rawNode.parameters || {}) };\n    }\n    return parentWrappingParameters;\n  }, [isPatternNode, rawNode, parentWrappingParameters]);\n\n  const componentRegistration = useMemo(() => {\n    const registration = getComponentRegistration(node.definitionId as string);\n\n    if (isPatternNode && !registration) {\n      return createAssemblyRegistration({\n        definitionId: node.definitionId as string,\n        component: Assembly,\n      });\n    }\n    return registration;\n  }, [isPatternNode, node.definitionId]);\n\n  const { ssrProps, contentProps, props, mediaQuery } = useMemo(() => {\n    // In SSR, we store the className under breakpoints[0] which is resolved here to the actual string\n    const cfSsrClassNameValues = node.variables.cfSsrClassName as DesignValue | undefined;\n    const mainBreakpoint = entityStore.breakpoints[0];\n    const cfSsrClassName = cfSsrClassNameValues?.valuesByBreakpoint?.[mainBreakpoint.id] as\n      | string\n      | undefined;\n\n    // Don't enrich the assembly wrapper node with props\n    if (!componentRegistration || isPatternNode) {\n      const ssrProps = { cfSsrClassName };\n      const props: Record<string, PrimitiveValue> = { className: cfSsrClassName };\n      return {\n        ssrProps,\n        props,\n      };\n    }\n\n    const ssrProps: Record<string, string | undefined> = {\n      cfSsrClassName:\n        node.id && getPatternChildNodeClassName\n          ? getPatternChildNodeClassName(node.id)\n          : cfSsrClassName,\n    };\n\n    const {\n      contentProps = {},\n      styleProps = {},\n      customDesignProps = {},\n      mediaQuery,\n    } = parseComponentProps({\n      breakpoints: entityStore.breakpoints,\n      mainBreakpoint,\n      componentDefinition: componentRegistration.definition,\n      patternRootNodeIdsChain,\n      node,\n      resolveDesignValue,\n      resolveBoundValue: ({ binding, propertyName, dataType }) => {\n        const [, uuid] = binding.path.split('/');\n        const boundEntityLink = entityStore.dataSource[uuid] as UnresolvedLink<'Entry' | 'Asset'>;\n        return transformBoundContentValue(\n          node.variables,\n          entityStore,\n          boundEntityLink,\n          resolveDesignValue,\n          propertyName,\n          dataType,\n          binding.path,\n        );\n      },\n      resolveHyperlinkValue: ({ linkTargetKey }) => {\n        const boundEntity = entityStore.dataSource[linkTargetKey];\n        const hyperlinkEntry = entityStore.getEntryOrAsset(boundEntity, linkTargetKey);\n\n        return resolveHyperlinkPattern(\n          componentRegistration.definition.hyperlinkPattern ||\n            hyperlinkPattern ||\n            HYPERLINK_DEFAULT_PATTERN,\n          hyperlinkEntry as Entry,\n          locale,\n        );\n      },\n      resolveUnboundValue: ({ mappingKey, defaultValue }) => {\n        return entityStore.unboundValues[mappingKey]?.value ?? defaultValue;\n      },\n      resolvePrebindingValue: ({ mappingKey, propertyName, dataType, resolveBoundValue }) => {\n        if (isPatternEntry) {\n          const path = resolveMaybePrebindingDefaultValuePath({\n            componentValueKey: mappingKey,\n            entityStore,\n          });\n\n          if (path) {\n            return resolveBoundValue({\n              propertyName,\n              dataType,\n              binding: {\n                type: 'BoundValue',\n                path,\n              },\n            });\n          }\n        }\n      },\n    });\n\n    const props: Record<string, PrimitiveValue> = {\n      className: ssrProps.cfSsrClassName ?? mediaQuery?.className,\n      ...styleProps,\n      ...contentProps,\n      ...customDesignProps,\n    };\n\n    return {\n      ssrProps,\n      contentProps,\n      mediaQuery,\n      props,\n    };\n  }, [\n    node,\n    isPatternEntry,\n    entityStore,\n    componentRegistration,\n    isPatternNode,\n    getPatternChildNodeClassName,\n    resolveDesignValue,\n    hyperlinkPattern,\n    locale,\n    patternRootNodeIdsChain,\n  ]);\n\n  // do not inject the stylesheet into the dom because it's already been done on the server side\n  useInjectStylesheet(ssrProps.cfSsrClassName ? undefined : mediaQuery?.css);\n\n  if (!componentRegistration) {\n    return null;\n  }\n\n  // When detecting a circular dependency, we stop silently. The editor mode will render an actionable error.\n  if (parentWrappingPatternIds.has(node.definitionId)) {\n    return null;\n  }\n\n  const { component: component } = componentRegistration;\n\n  // Retrieves the CSS class name for a given child node ID.\n  const _getPatternChildNodeClassName = (childNodeId: string) => {\n    if (isPatternNode) {\n      const nodeIdsChain = `${patternRootNodeIdsChain}-${childNodeId}`;\n      // @ts-expect-error -- property cfSsrClassName is a map (id to classNames) that is added during rendering in ssrStyles\n      const classesForNode: DesignValue | undefined = node.variables.cfSsrClassName?.[nodeIdsChain];\n      if (!classesForNode) return undefined;\n      return resolveDesignValue(classesForNode.valuesByBreakpoint) as string;\n    }\n    return getPatternChildNodeClassName?.(childNodeId);\n  };\n\n  const { slotNodesMap, directChildNodes } = splitDirectAndSlotChildren(\n    node.children,\n    componentRegistration.definition,\n  );\n\n  const renderChildNode = (childNode: ComponentTreeNode, index: number) => (\n    <CompositionBlock\n      getPatternChildNodeClassName={\n        isPatternNode || getPatternChildNodeClassName ? _getPatternChildNodeClassName : undefined\n      }\n      node={childNode}\n      key={childNode.id ?? index}\n      locale={locale}\n      hyperlinkPattern={hyperlinkPattern}\n      entityStore={entityStore}\n      resolveDesignValue={resolveDesignValue}\n      wrappingPatternIds={wrappingPatternIds}\n      wrappingParameters={wrappingParameters}\n      patternRootNodeIdsChain={patternRootNodeIdsChain}\n    />\n  );\n\n  const renderedSlotNodesMap = Object.entries(slotNodesMap).reduce(\n    (acc, [slotId, nodes]) => {\n      if (nodes?.length) {\n        acc[slotId] = <>{nodes.map(renderChildNode)}</>;\n      }\n      return acc;\n    },\n    {} as Record<string, React.JSX.Element>,\n  );\n\n  const renderedChildren = directChildNodes?.map(renderChildNode);\n\n  const sdkOptions = getSdkOptions();\n\n  // TODO: we might be able to remove this special case as well by not dropping the two props in the sanitizeNodeProps function\n  // We allow custom container rendering through a new sdk option (not introducing a breaking change for existing customers).\n  if (\n    isContainerOrSection(node.definitionId) &&\n    !sdkOptions.__unsafe__enableBuiltInStructureOverwrites\n  ) {\n    return (\n      <ContentfulContainer\n        cfHyperlink={(contentProps as StyleProps).cfHyperlink}\n        cfOpenInNewTab={(contentProps as StyleProps).cfOpenInNewTab}\n        className={props.className as string | undefined}>\n        {renderedChildren}\n      </ContentfulContainer>\n    );\n  }\n\n  return React.createElement(\n    component,\n    {\n      ...sanitizeNodeProps(props),\n      ...renderedSlotNodesMap,\n    },\n    // If there are no children, a custom property called `children` can be passed through to the custom component\n    ...(renderedChildren ?? []),\n  );\n};\n\nconst isContainerOrSection = (\n  nodeDefinitionId: string,\n): nodeDefinitionId is 'contentful-container' | 'contentful-section' =>\n  [CONTENTFUL_COMPONENTS.container.id, CONTENTFUL_COMPONENTS.section.id].includes(\n    nodeDefinitionId as 'contentful-container' | 'contentful-section',\n  );\n"],"names":["_jsx","_Fragment"],"mappings":"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"}

package/dist/blocks/preview/PreviewDeliveryRoot.js

@@ -1,13 +1,11 @@
 import { jsx, Fragment } from 'react/jsx-runtime';
-import { debug, generateDefaultDataSourceForPrebindingDefinition } from '@contentful/experiences-core';
+import { debug } from '@contentful/experiences-core';
 import { CompositionBlock } from './CompositionBlock.js';
 import { compatibleVersions } from '../../constants.js';
 import { useBreakpoints } from '../../hooks/useBreakpoints.js';
 import 'react';
 import '@contentful/experiences-core/constants';
-import { PrebindingManager } from '../../core/preview/PrebindingManager.js';
 
-const initialPatternRootNodeIdsChain = ['root'];
 const PreviewDeliveryRoot = ({ locale, experience }) => {
     const { entityStore } = experience;
     const { resolveDesignValue } = useBreakpoints(entityStore?.breakpoints ?? []);
@@ -18,21 +16,6 @@ const PreviewDeliveryRoot = ({ locale, experience }) => {
         debug.warn(`[experiences-sdk-react::PreviewDeliveryRoot] Contentful experience schema version: ${entityStore.schemaVersion} does not match the compatible schema versions: ${compatibleVersions}. Aborting.`);
         return null;
     }
-    const isPreviewingAPattern = entityStore.isExperienceAPatternEntry;
-    if (isPreviewingAPattern) {
-        const prebindingDefinitions = entityStore.experienceEntryFields.componentSettings?.prebindingDefinitions ?? [];
-        PrebindingManager.storePrebindingDefinitions('root', entityStore.experienceEntryId, prebindingDefinitions);
-        const { dataSource, parameters: defaultParametersFromRootPattern } = generateDefaultDataSourceForPrebindingDefinition(prebindingDefinitions);
-        if (Object.keys(dataSource).length) {
-            entityStore.experienceEntryFields.dataSource = {
-                ...entityStore.dataSource,
-                ...dataSource,
-            };
-        }
-        return entityStore.experienceEntryFields.componentTree.children.map((childNode, index) => {
-            return (jsx(CompositionBlock, { node: childNode, hyperlinkPattern: experience.hyperlinkPattern, locale: locale, entityStore: entityStore, resolveDesignValue: resolveDesignValue, patternRootNodeIdsChain: initialPatternRootNodeIdsChain, rootPatternParameters: defaultParametersFromRootPattern }, index));
-        });
-    }
     return (jsx(Fragment, { children: entityStore.experienceEntryFields.componentTree.children.map((childNode, index) => (jsx(CompositionBlock, { node: childNode, hyperlinkPattern: experience.hyperlinkPattern, locale: locale, entityStore: entityStore, resolveDesignValue: resolveDesignValue }, index))) }));
 };
 

package/dist/blocks/preview/PreviewDeliveryRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"PreviewDeliveryRoot.js","sources":["../../../../src/blocks/preview/PreviewDeliveryRoot.tsx"],"sourcesContent":["import React from 'react';\nimport {\n  debug,\n  EntityStore,\n  generateDefaultDataSourceForPrebindingDefinition,\n} from '@contentful/experiences-core';\nimport type { Experience } from '@contentful/experiences-core/types';\nimport { CompositionBlock } from './CompositionBlock';\nimport { compatibleVersions } from '../../constants';\nimport { useBreakpoints } from '../../hooks';\nimport { PrebindingManager } from '../../core/preview/PrebindingManager';\n\nconst initialPatternRootNodeIdsChain = ['root'];\n\ntype DeliveryRootProps = {\n  experience: Experience<EntityStore>;\n  locale: string;\n};\n\nexport const PreviewDeliveryRoot = ({ locale, experience }: DeliveryRootProps) => {\n  const { entityStore } = experience;\n\n  const { resolveDesignValue } = useBreakpoints(entityStore?.breakpoints ?? []);\n\n  if (!entityStore?.experienceEntryFields || !entityStore?.schemaVersion) {\n    return null;\n  }\n\n  if (!compatibleVersions.includes(entityStore.schemaVersion)) {\n    debug.warn(\n      `[experiences-sdk-react::PreviewDeliveryRoot] Contentful experience schema version: ${entityStore.schemaVersion} does not match the compatible schema versions: ${compatibleVersions}. Aborting.`,\n    );\n    return null;\n  }\n\n  const isPreviewingAPattern = entityStore.isExperienceAPatternEntry;\n\n  if (isPreviewingAPattern) {\n    const prebindingDefinitions =\n      entityStore.experienceEntryFields.componentSettings?.prebindingDefinitions ?? [];\n    PrebindingManager.storePrebindingDefinitions(\n      'root',\n      entityStore.experienceEntryId!,\n      prebindingDefinitions,\n    );\n    const { dataSource, parameters: defaultParametersFromRootPattern } =\n      generateDefaultDataSourceForPrebindingDefinition(prebindingDefinitions);\n\n    if (Object.keys(dataSource).length) {\n      entityStore.experienceEntryFields!.dataSource = {\n        ...entityStore.dataSource,\n        ...dataSource,\n      };\n    }\n\n    return entityStore.experienceEntryFields.componentTree.children.map((childNode, index) => {\n      return (\n        <CompositionBlock\n          key={index}\n          node={childNode}\n          hyperlinkPattern={experience.hyperlinkPattern}\n          locale={locale}\n          entityStore={entityStore}\n          resolveDesignValue={resolveDesignValue}\n          patternRootNodeIdsChain={initialPatternRootNodeIdsChain}\n          rootPatternParameters={defaultParametersFromRootPattern}\n        />\n      );\n    });\n  }\n\n  return (\n    <>\n      {entityStore.experienceEntryFields.componentTree.children.map((childNode, index) => (\n        <CompositionBlock\n          key={index}\n          node={childNode}\n          hyperlinkPattern={experience.hyperlinkPattern}\n          locale={locale}\n          entityStore={entityStore}\n          resolveDesignValue={resolveDesignValue}\n        />\n      ))}\n    </>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;;AAYA,MAAM,8BAA8B,GAAG,CAAC,MAAM,CAAC,CAAC;AAOnC,MAAA,mBAAmB,GAAG,CAAC,EAAE,MAAM,EAAE,UAAU,EAAqB,KAAI;AAC/E,IAAA,MAAM,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC;AAEnC,IAAA,MAAM,EAAE,kBAAkB,EAAE,GAAG,cAAc,CAAC,WAAW,EAAE,WAAW,IAAI,EAAE,CAAC,CAAC;IAE9E,IAAI,CAAC,WAAW,EAAE,qBAAqB,IAAI,CAAC,WAAW,EAAE,aAAa,EAAE;AACtE,QAAA,OAAO,IAAI,CAAC;KACb;IAED,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE;QAC3D,KAAK,CAAC,IAAI,CACR,CAAsF,mFAAA,EAAA,WAAW,CAAC,aAAa,CAAmD,gDAAA,EAAA,kBAAkB,CAAa,WAAA,CAAA,CAClM,CAAC;AACF,QAAA,OAAO,IAAI,CAAC;KACb;AAED,IAAA,MAAM,oBAAoB,GAAG,WAAW,CAAC,yBAAyB,CAAC;IAEnE,IAAI,oBAAoB,EAAE;QACxB,MAAM,qBAAqB,GACzB,WAAW,CAAC,qBAAqB,CAAC,iBAAiB,EAAE,qBAAqB,IAAI,EAAE,CAAC;QACnF,iBAAiB,CAAC,0BAA0B,CAC1C,MAAM,EACN,WAAW,CAAC,iBAAkB,EAC9B,qBAAqB,CACtB,CAAC;AACF,QAAA,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,gCAAgC,EAAE,GAChE,gDAAgD,CAAC,qBAAqB,CAAC,CAAC;QAE1E,IAAI,MAAM,CAAC,IAAI,CAAC,UAAU,CAAC,CAAC,MAAM,EAAE;AAClC,YAAA,WAAW,CAAC,qBAAsB,CAAC,UAAU,GAAG;gBAC9C,GAAG,WAAW,CAAC,UAAU;AACzB,gBAAA,GAAG,UAAU;aACd,CAAC;SACH;AAED,QAAA,OAAO,WAAW,CAAC,qBAAqB,CAAC,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,KAAI;AACvF,YAAA,QACEA,GAAC,CAAA,gBAAgB,EAEf,EAAA,IAAI,EAAE,SAAS,EACf,gBAAgB,EAAE,UAAU,CAAC,gBAAgB,EAC7C,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,kBAAkB,EACtC,uBAAuB,EAAE,8BAA8B,EACvD,qBAAqB,EAAE,gCAAgC,IAPlD,KAAK,CAQV,EACF;AACJ,SAAC,CAAC,CAAC;KACJ;IAED,QACEA,0BACG,WAAW,CAAC,qBAAqB,CAAC,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,MAC7EA,GAAA,CAAC,gBAAgB,EAAA,EAEf,IAAI,EAAE,SAAS,EACf,gBAAgB,EAAE,UAAU,CAAC,gBAAgB,EAC7C,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,kBAAkB,EALjC,EAAA,KAAK,CAMV,CACH,CAAC,EACD,CAAA,EACH;AACJ;;;;"}
+{"version":3,"file":"PreviewDeliveryRoot.js","sources":["../../../../src/blocks/preview/PreviewDeliveryRoot.tsx"],"sourcesContent":["import React from 'react';\nimport { debug, EntityStore } from '@contentful/experiences-core';\nimport type { Experience } from '@contentful/experiences-core/types';\nimport { CompositionBlock } from './CompositionBlock';\nimport { compatibleVersions } from '../../constants';\nimport { useBreakpoints } from '../../hooks';\n\ntype DeliveryRootProps = {\n  experience: Experience<EntityStore>;\n  locale: string;\n};\n\nexport const PreviewDeliveryRoot = ({ locale, experience }: DeliveryRootProps) => {\n  const { entityStore } = experience;\n\n  const { resolveDesignValue } = useBreakpoints(entityStore?.breakpoints ?? []);\n\n  if (!entityStore?.experienceEntryFields || !entityStore?.schemaVersion) {\n    return null;\n  }\n\n  if (!compatibleVersions.includes(entityStore.schemaVersion)) {\n    debug.warn(\n      `[experiences-sdk-react::PreviewDeliveryRoot] Contentful experience schema version: ${entityStore.schemaVersion} does not match the compatible schema versions: ${compatibleVersions}. Aborting.`,\n    );\n    return null;\n  }\n\n  return (\n    <>\n      {entityStore.experienceEntryFields.componentTree.children.map((childNode, index) => (\n        <CompositionBlock\n          key={index}\n          node={childNode}\n          hyperlinkPattern={experience.hyperlinkPattern}\n          locale={locale}\n          entityStore={entityStore}\n          resolveDesignValue={resolveDesignValue}\n        />\n      ))}\n    </>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;AAYa,MAAA,mBAAmB,GAAG,CAAC,EAAE,MAAM,EAAE,UAAU,EAAqB,KAAI;AAC/E,IAAA,MAAM,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC;AAEnC,IAAA,MAAM,EAAE,kBAAkB,EAAE,GAAG,cAAc,CAAC,WAAW,EAAE,WAAW,IAAI,EAAE,CAAC,CAAC;IAE9E,IAAI,CAAC,WAAW,EAAE,qBAAqB,IAAI,CAAC,WAAW,EAAE,aAAa,EAAE;AACtE,QAAA,OAAO,IAAI,CAAC;KACb;IAED,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE;QAC3D,KAAK,CAAC,IAAI,CACR,CAAsF,mFAAA,EAAA,WAAW,CAAC,aAAa,CAAmD,gDAAA,EAAA,kBAAkB,CAAa,WAAA,CAAA,CAClM,CAAC;AACF,QAAA,OAAO,IAAI,CAAC;KACb;IAED,QACEA,0BACG,WAAW,CAAC,qBAAqB,CAAC,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,MAC7EA,GAAA,CAAC,gBAAgB,EAAA,EAEf,IAAI,EAAE,SAAS,EACf,gBAAgB,EAAE,UAAU,CAAC,gBAAgB,EAC7C,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,kBAAkB,EALjC,EAAA,KAAK,CAMV,CACH,CAAC,EACD,CAAA,EACH;AACJ;;;;"}

package/dist/core/preview/assemblyUtils.js

@@ -1,34 +1,29 @@
-import { mergeDesignValuesByBreakpoint, checkIsAssemblyNode } from '@contentful/experiences-core';
+import { mergeDesignValuesByBreakpoint } from '@contentful/experiences-core';
+import md5 from 'md5';
 import { shouldUsePrebinding, resolvePrebindingPath } from '../../utils/prebindingUtils.js';
-import { PrebindingManager } from './PrebindingManager.js';
+import { PATTERN_PROPERTY_DIVIDER } from '@contentful/experiences-core/constants';
 
 /** While unfolding the pattern definition on the instance, this function will replace all
  * ComponentValue in the definitions tree with the actual value on the instance. */
-const deserializePatternNode = ({ node, rootPatternVariables, componentSettings, entityStore, rootPatternParameters, parentPatternRootNodeIdsChain, }) => {
+const deserializePatternNode = ({ node, componentInstanceVariables, componentSettings, parameters, entityStore, }) => {
     const variables = {};
-    let parentPatternNodeId = parentPatternRootNodeIdsChain.slice(-1)[0];
-    if (parentPatternNodeId === node.id) {
-        parentPatternNodeId = parentPatternRootNodeIdsChain.slice(-2)[0];
-    }
     for (const [variableName, variable] of Object.entries(node.variables)) {
         variables[variableName] = variable;
         if (variable.type === 'ComponentValue') {
             const componentValueKey = variable.key;
-            const instanceProperty = rootPatternVariables[componentValueKey];
+            const instanceProperty = componentInstanceVariables[componentValueKey];
             const variableDefinition = componentSettings.variableDefinitions?.[componentValueKey];
             const defaultValue = variableDefinition?.defaultValue;
             const usePrebinding = shouldUsePrebinding({
                 componentSettings,
                 componentValueKey,
-                parameters: rootPatternParameters,
-                patternRootNodeIdsChain: parentPatternRootNodeIdsChain,
+                parameters: parameters,
             });
             const path = resolvePrebindingPath({
                 componentSettings,
                 componentValueKey,
-                parameters: rootPatternParameters,
+                parameters: parameters,
                 entityStore,
-                patternRootNodeIdsChain: parentPatternRootNodeIdsChain,
             });
             if (usePrebinding && path) {
                 variables[variableName] = {
@@ -64,12 +59,6 @@ const deserializePatternNode = ({ node, rootPatternVariables, componentSettings,
             else if (instanceProperty?.type === 'DesignValue') {
                 variables[variableName] = mergeDesignValuesByBreakpoint(defaultValue, instanceProperty);
             }
-            else if (instanceProperty?.type === 'ComponentValue') {
-                if (!usePrebinding) {
-                    // @ts-expect-error ignore for now
-                    variables[variableName] = defaultValue;
-                }
-            }
             else if (!instanceProperty && defaultValue) {
                 // So far, we only automatically fallback to the defaultValue for design properties
                 if (variableDefinition.group === 'style') {
@@ -81,85 +70,60 @@ const deserializePatternNode = ({ node, rootPatternVariables, componentSettings,
             }
         }
     }
-    const children = node.children.map((child) => {
-        const isPatternNode = checkIsAssemblyNode({
-            componentId: child.definitionId,
-            usedComponents: entityStore.usedComponents,
-        });
-        if (isPatternNode) {
-            return deserializePatternNode({
-                node: child,
-                rootPatternVariables,
-                componentSettings,
-                entityStore,
-                rootPatternParameters,
-                parentPatternRootNodeIdsChain,
-            });
-        }
-        return deserializePatternNode({
-            node: child,
-            rootPatternVariables,
-            componentSettings,
-            entityStore,
-            rootPatternParameters,
-            parentPatternRootNodeIdsChain,
-        });
-    });
-    const patternsChain = parentPatternRootNodeIdsChain.join('---');
-    const indexedNodeId = patternsChain ? [patternsChain, node.id].join('-') : node.id;
+    const children = node.children.map((child) => deserializePatternNode({
+        node: child,
+        componentInstanceVariables,
+        componentSettings,
+        parameters,
+        entityStore,
+    }));
     return {
         definitionId: node.definitionId,
         id: node.id,
         variables,
         children,
-        pattern: {
-            nodeIdOnPattern: node.id,
-            parentPatternNodeId,
-            prefixedNodeId: indexedNodeId,
-        },
         slotId: node.slotId,
         displayName: node.displayName,
         parameters: node.parameters,
     };
 };
-const resolvePattern = ({ node, entityStore, parentPatternRootNodeIdsChain, rootPatternParameters, }) => {
+const resolvePattern = ({ node, parentParameters, patternRootNodeIdsChain, entityStore, }) => {
     const componentId = node.definitionId;
-    const patternEntry = entityStore.usedComponents?.find((component) => component.sys.id === componentId);
-    if (!patternEntry || !('fields' in patternEntry)) {
+    const assembly = entityStore.usedComponents?.find((component) => component.sys.id === componentId);
+    if (!assembly || !('fields' in assembly)) {
         return node;
     }
-    const componentFields = patternEntry.fields;
-    const parameters = rootPatternParameters;
-    let nodeParameters;
-    if (rootPatternParameters) {
-        nodeParameters = {};
-        const prebindingDefinitions = componentFields.componentSettings?.prebindingDefinitions ?? [];
-        const indexedNodeId = parentPatternRootNodeIdsChain.join('---');
-        PrebindingManager.linkOriginalNodeIds(indexedNodeId, node.id);
-        PrebindingManager.storePrebindingDefinitions(indexedNodeId, componentId, prebindingDefinitions);
-        const prebindingDefinition = prebindingDefinitions[0];
-        if (prebindingDefinition && prebindingDefinition.parameterDefinitions) {
-            for (const [parameterId] of Object.entries(prebindingDefinition.parameterDefinitions)) {
-                const hoistedParameterId = PrebindingManager.getHoistedIdForParameterId(parameterId, indexedNodeId);
-                if (rootPatternParameters[hoistedParameterId]) {
-                    nodeParameters[parameterId] = rootPatternParameters[hoistedParameterId];
-                }
-            }
-        }
+    const parameters = {};
+    const allParameters = {
+        ...parentParameters,
+        ...(node.parameters || {}),
+    };
+    for (const [parameterKey, parameter] of Object.entries(allParameters)) {
+        /**
+         * Bubbled up pattern properties are a concatenation of the node id
+         * and the pattern property definition id. We need to split them so
+         * that the node only uses the pattern property definition id.
+         */
+        const [hashKey, parameterId] = parameterKey.split(PATTERN_PROPERTY_DIVIDER);
+        const hashedNodeChain = md5(patternRootNodeIdsChain || '');
+        const isMatchingNode = hashKey === hashedNodeChain;
+        if (!isMatchingNode)
+            continue;
+        parameters[parameterId] = parameter;
     }
+    const componentFields = assembly.fields;
     const deserializedNode = deserializePatternNode({
         node: {
             definitionId: node.definitionId,
             id: node.id,
             variables: node.variables,
             children: componentFields.componentTree.children,
-            parameters: nodeParameters,
+            parameters: parameters,
         },
-        rootPatternVariables: node.variables,
+        componentInstanceVariables: node.variables,
         componentSettings: componentFields.componentSettings,
+        parameters: parameters,
         entityStore,
-        rootPatternParameters: parameters,
-        parentPatternRootNodeIdsChain,
     });
     entityStore.addAssemblyUnboundValues(componentFields.unboundValues);
     return deserializedNode;

package/dist/core/preview/assemblyUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"assemblyUtils.js","sources":["../../../../src/core/preview/assemblyUtils.ts"],"sourcesContent":["import {\n  checkIsAssemblyNode,\n  EntityStore,\n  mergeDesignValuesByBreakpoint,\n} from '@contentful/experiences-core';\nimport type {\n  ComponentPropertyValue,\n  ComponentTreeNode,\n  DesignValue,\n  ExperienceComponentSettings,\n  Parameter,\n} from '@contentful/experiences-core/types';\nimport { resolvePrebindingPath, shouldUsePrebinding } from '../../utils/prebindingUtils';\nimport { PrebindingManager } from './PrebindingManager';\n\ntype ComponentTreeNodeWithPatternInformation = ComponentTreeNode & {\n  pattern?: {\n    parentPatternNodeId: string;\n    nodeIdOnPattern: string;\n    prefixedNodeId: string;\n  };\n};\n\n/** While unfolding the pattern definition on the instance, this function will replace all\n * ComponentValue in the definitions tree with the actual value on the instance. */\nexport const deserializePatternNode = ({\n  node,\n  rootPatternVariables,\n  componentSettings,\n  entityStore,\n  rootPatternParameters,\n  parentPatternRootNodeIdsChain,\n}: {\n  node: ComponentTreeNode;\n  rootPatternVariables: ComponentTreeNode['variables'];\n  componentSettings: ExperienceComponentSettings;\n  entityStore: EntityStore;\n  rootPatternParameters: Record<string, Parameter>;\n  parentPatternRootNodeIdsChain: string[];\n}): ComponentTreeNodeWithPatternInformation => {\n  const variables: Record<string, ComponentPropertyValue> = {};\n\n  let parentPatternNodeId = parentPatternRootNodeIdsChain.slice(-1)[0];\n  if (parentPatternNodeId === node.id) {\n    parentPatternNodeId = parentPatternRootNodeIdsChain.slice(-2)[0];\n  }\n\n  for (const [variableName, variable] of Object.entries(node.variables)) {\n    variables[variableName] = variable;\n    if (variable.type === 'ComponentValue') {\n      const componentValueKey = variable.key;\n      const instanceProperty = rootPatternVariables[componentValueKey];\n      const variableDefinition = componentSettings.variableDefinitions?.[componentValueKey];\n      const defaultValue = variableDefinition?.defaultValue;\n\n      const usePrebinding = shouldUsePrebinding({\n        componentSettings,\n        componentValueKey,\n        parameters: rootPatternParameters,\n        patternRootNodeIdsChain: parentPatternRootNodeIdsChain,\n      });\n      const path = resolvePrebindingPath({\n        componentSettings,\n        componentValueKey,\n        parameters: rootPatternParameters,\n        entityStore,\n        patternRootNodeIdsChain: parentPatternRootNodeIdsChain,\n      });\n\n      if (usePrebinding && path) {\n        variables[variableName] = {\n          type: 'BoundValue',\n          path,\n        };\n\n        // For assembly, we look up the variable in the assembly instance and\n        // replace the ComponentValue with that one.\n      } else if (instanceProperty?.type === 'UnboundValue') {\n        variables[variableName] = {\n          type: 'UnboundValue',\n          key: instanceProperty.key,\n        };\n      } else if (instanceProperty?.type === 'NoValue') {\n        throw new Error(\n          `Unexpected NoValue for variable \"${variableName}\" when deserializing pattern \"${node.definitionId}\". ` +\n            `This can only happen if you created experience in pre-release version of prebinding and experience contains NoValue properties. ` +\n            `Resave experience to fix this issue.`,\n        );\n      } else if (instanceProperty?.type === 'BoundValue') {\n        variables[variableName] = {\n          type: 'BoundValue',\n          path: instanceProperty.path,\n        };\n      } else if (instanceProperty?.type === 'HyperlinkValue') {\n        variables[variableName] = {\n          type: 'HyperlinkValue',\n          linkTargetKey: instanceProperty.linkTargetKey,\n        };\n      } else if (instanceProperty?.type === 'DesignValue') {\n        variables[variableName] = mergeDesignValuesByBreakpoint(\n          defaultValue as DesignValue | undefined,\n          instanceProperty,\n        );\n      } else if (instanceProperty?.type === 'ComponentValue') {\n        if (!usePrebinding) {\n          // @ts-expect-error ignore for now\n          variables[variableName] = defaultValue;\n        }\n      } else if (!instanceProperty && defaultValue) {\n        // So far, we only automatically fallback to the defaultValue for design properties\n        if (variableDefinition.group === 'style') {\n          variables[variableName] = {\n            type: 'DesignValue',\n            valuesByBreakpoint: (defaultValue as DesignValue).valuesByBreakpoint,\n          };\n        }\n      }\n    }\n  }\n\n  const children: ComponentTreeNode[] = node.children.map((child) => {\n    const isPatternNode = checkIsAssemblyNode({\n      componentId: child.definitionId,\n      usedComponents: entityStore.usedComponents,\n    });\n\n    if (isPatternNode) {\n      return deserializePatternNode({\n        node: child,\n        rootPatternVariables,\n        componentSettings,\n        entityStore,\n        rootPatternParameters,\n        parentPatternRootNodeIdsChain,\n      });\n    }\n\n    return deserializePatternNode({\n      node: child,\n      rootPatternVariables,\n      componentSettings,\n      entityStore,\n      rootPatternParameters,\n      parentPatternRootNodeIdsChain,\n    });\n  });\n\n  const patternsChain = parentPatternRootNodeIdsChain.join('---');\n  const indexedNodeId = patternsChain ? [patternsChain, node.id!].join('-') : node.id!;\n\n  return {\n    definitionId: node.definitionId,\n    id: node.id,\n    variables,\n    children,\n    pattern: {\n      nodeIdOnPattern: node.id!,\n      parentPatternNodeId,\n      prefixedNodeId: indexedNodeId,\n    },\n    slotId: node.slotId,\n    displayName: node.displayName,\n    parameters: node.parameters,\n  };\n};\n\nexport const resolvePattern = ({\n  node,\n  entityStore,\n  parentPatternRootNodeIdsChain,\n  rootPatternParameters,\n}: {\n  node: ComponentTreeNode;\n  entityStore: EntityStore;\n  parentPatternRootNodeIdsChain: string[];\n  rootPatternParameters: Record<string, Parameter>;\n}): ComponentTreeNodeWithPatternInformation => {\n  const componentId = node.definitionId as string;\n  const patternEntry = entityStore.usedComponents?.find(\n    (component) => component.sys.id === componentId,\n  );\n\n  if (!patternEntry || !('fields' in patternEntry)) {\n    return node;\n  }\n\n  const componentFields = patternEntry.fields;\n  const parameters = rootPatternParameters;\n  let nodeParameters: Record<string, Parameter> | undefined;\n\n  if (rootPatternParameters) {\n    nodeParameters = {};\n    const prebindingDefinitions = componentFields.componentSettings?.prebindingDefinitions ?? [];\n    const indexedNodeId = parentPatternRootNodeIdsChain.join('---');\n    PrebindingManager.linkOriginalNodeIds(indexedNodeId, node.id!);\n    PrebindingManager.storePrebindingDefinitions(indexedNodeId, componentId, prebindingDefinitions);\n\n    const prebindingDefinition = prebindingDefinitions[0];\n\n    if (prebindingDefinition && prebindingDefinition.parameterDefinitions) {\n      for (const [parameterId] of Object.entries(prebindingDefinition.parameterDefinitions)) {\n        const hoistedParameterId = PrebindingManager.getHoistedIdForParameterId(\n          parameterId,\n          indexedNodeId,\n        );\n        if (rootPatternParameters[hoistedParameterId]) {\n          nodeParameters[parameterId] = rootPatternParameters[hoistedParameterId];\n        }\n      }\n    }\n  }\n\n  const deserializedNode = deserializePatternNode({\n    node: {\n      definitionId: node.definitionId,\n      id: node.id,\n      variables: node.variables,\n      children: componentFields.componentTree.children,\n      parameters: nodeParameters,\n    },\n    rootPatternVariables: node.variables,\n    componentSettings: componentFields.componentSettings!,\n    entityStore,\n    rootPatternParameters: parameters,\n    parentPatternRootNodeIdsChain,\n  });\n\n  entityStore.addAssemblyUnboundValues(componentFields.unboundValues);\n\n  return deserializedNode;\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"assemblyUtils.js","sources":["../../../../src/core/preview/assemblyUtils.ts"],"sourcesContent":["import { EntityStore, mergeDesignValuesByBreakpoint } from '@contentful/experiences-core';\nimport md5 from 'md5';\nimport type {\n  ComponentPropertyValue,\n  ComponentTreeNode,\n  DesignValue,\n  ExperienceComponentSettings,\n  Parameter,\n} from '@contentful/experiences-core/types';\nimport { resolvePrebindingPath, shouldUsePrebinding } from '../../utils/prebindingUtils';\nimport { PATTERN_PROPERTY_DIVIDER } from '@contentful/experiences-core/constants';\n\n/** While unfolding the pattern definition on the instance, this function will replace all\n * ComponentValue in the definitions tree with the actual value on the instance. */\nexport const deserializePatternNode = ({\n  node,\n  componentInstanceVariables,\n  componentSettings,\n  parameters,\n  entityStore,\n}: {\n  node: ComponentTreeNode;\n  componentInstanceVariables: ComponentTreeNode['variables'];\n  componentSettings: ExperienceComponentSettings;\n  parameters: Record<string, Parameter>;\n  entityStore: EntityStore;\n}): ComponentTreeNode => {\n  const variables: Record<string, ComponentPropertyValue> = {};\n\n  for (const [variableName, variable] of Object.entries(node.variables)) {\n    variables[variableName] = variable;\n    if (variable.type === 'ComponentValue') {\n      const componentValueKey = variable.key;\n      const instanceProperty = componentInstanceVariables[componentValueKey];\n      const variableDefinition = componentSettings.variableDefinitions?.[componentValueKey];\n      const defaultValue = variableDefinition?.defaultValue;\n\n      const usePrebinding = shouldUsePrebinding({\n        componentSettings,\n        componentValueKey,\n        parameters: parameters,\n      });\n      const path = resolvePrebindingPath({\n        componentSettings,\n        componentValueKey,\n        parameters: parameters,\n        entityStore,\n      });\n\n      if (usePrebinding && path) {\n        variables[variableName] = {\n          type: 'BoundValue',\n          path,\n        };\n\n        // For assembly, we look up the variable in the assembly instance and\n        // replace the ComponentValue with that one.\n      } else if (instanceProperty?.type === 'UnboundValue') {\n        variables[variableName] = {\n          type: 'UnboundValue',\n          key: instanceProperty.key,\n        };\n      } else if (instanceProperty?.type === 'NoValue') {\n        throw new Error(\n          `Unexpected NoValue for variable \"${variableName}\" when deserializing pattern \"${node.definitionId}\". ` +\n            `This can only happen if you created experience in pre-release version of prebinding and experience contains NoValue properties. ` +\n            `Resave experience to fix this issue.`,\n        );\n      } else if (instanceProperty?.type === 'BoundValue') {\n        variables[variableName] = {\n          type: 'BoundValue',\n          path: instanceProperty.path,\n        };\n      } else if (instanceProperty?.type === 'HyperlinkValue') {\n        variables[variableName] = {\n          type: 'HyperlinkValue',\n          linkTargetKey: instanceProperty.linkTargetKey,\n        };\n      } else if (instanceProperty?.type === 'DesignValue') {\n        variables[variableName] = mergeDesignValuesByBreakpoint(\n          defaultValue as DesignValue | undefined,\n          instanceProperty,\n        );\n      } else if (!instanceProperty && defaultValue) {\n        // So far, we only automatically fallback to the defaultValue for design properties\n        if (variableDefinition.group === 'style') {\n          variables[variableName] = {\n            type: 'DesignValue',\n            valuesByBreakpoint: (defaultValue as DesignValue).valuesByBreakpoint,\n          };\n        }\n      }\n    }\n  }\n\n  const children: ComponentTreeNode[] = node.children.map((child) =>\n    deserializePatternNode({\n      node: child,\n      componentInstanceVariables,\n      componentSettings,\n      parameters,\n      entityStore,\n    }),\n  );\n\n  return {\n    definitionId: node.definitionId,\n    id: node.id,\n    variables,\n    children,\n    slotId: node.slotId,\n    displayName: node.displayName,\n    parameters: node.parameters,\n  };\n};\n\nexport const resolvePattern = ({\n  node,\n  parentParameters,\n  patternRootNodeIdsChain,\n  entityStore,\n}: {\n  node: ComponentTreeNode;\n  entityStore: EntityStore;\n  parentParameters: Record<string, Parameter>;\n  patternRootNodeIdsChain: string;\n}) => {\n  const componentId = node.definitionId as string;\n  const assembly = entityStore.usedComponents?.find(\n    (component) => component.sys.id === componentId,\n  );\n\n  if (!assembly || !('fields' in assembly)) {\n    return node;\n  }\n\n  const parameters: Record<string, Parameter> = {};\n\n  const allParameters = {\n    ...parentParameters,\n    ...(node.parameters || {}),\n  };\n\n  for (const [parameterKey, parameter] of Object.entries(allParameters)) {\n    /**\n     * Bubbled up pattern properties are a concatenation of the node id\n     * and the pattern property definition id. We need to split them so\n     * that the node only uses the pattern property definition id.\n     */\n    const [hashKey, parameterId] = parameterKey.split(PATTERN_PROPERTY_DIVIDER);\n\n    const hashedNodeChain = md5(patternRootNodeIdsChain || '');\n\n    const isMatchingNode = hashKey === hashedNodeChain;\n\n    if (!isMatchingNode) continue;\n\n    parameters[parameterId] = parameter;\n  }\n\n  const componentFields = assembly.fields;\n\n  const deserializedNode = deserializePatternNode({\n    node: {\n      definitionId: node.definitionId,\n      id: node.id,\n      variables: node.variables,\n      children: componentFields.componentTree.children,\n      parameters: parameters,\n    },\n    componentInstanceVariables: node.variables,\n    componentSettings: componentFields.componentSettings!,\n    parameters: parameters,\n    entityStore,\n  });\n\n  entityStore.addAssemblyUnboundValues(componentFields.unboundValues);\n\n  return deserializedNode;\n};\n"],"names":[],"mappings":"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"}

package/dist/core/styles/createStylesheetsForBuiltInStyles.js

@@ -59,7 +59,7 @@ const createStylesheetsForBuiltInStyles = ({ designPropertiesByBreakpoint, break
          */
         // Create a hash ensuring stability across nodes (and breakpoints between nodes)
         const styleHash = patternRootNodeIdsChain
-            ? md5([...patternRootNodeIdsChain, node.id, breakpointCss].join('-'))
+            ? md5(`${patternRootNodeIdsChain}-${node.id}}-${breakpointCss}`)
             : md5(`${node.id}-${breakpointCss}`);
         // Create a CSS className with internal prefix to make sure the value can be processed
         const className = `cfstyles-${styleHash}`;

package/dist/core/styles/createStylesheetsForBuiltInStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"createStylesheetsForBuiltInStyles.js","sources":["../../../../src/core/styles/createStylesheetsForBuiltInStyles.ts"],"sourcesContent":["import {\n  addMinHeightForEmptyStructures,\n  designTokensRegistry,\n  flattenDesignTokenRegistry,\n  maybePopulateDesignTokenValue,\n  stringifyCssProperties,\n  buildCfStyles,\n  transformVisibility,\n} from '@contentful/experiences-core';\nimport { Breakpoint, ComponentTreeNode, PrimitiveValue } from '@contentful/experiences-core/types';\nimport md5 from 'md5';\n\nexport type ResolvedStylesheetData = Array<{\n  className: string;\n  breakpointCondition: string;\n  css: string;\n  visibilityCss?: string;\n}>;\n\n/**\n * For each provided breakpoint, create the CSS code and a unique class name.\n *\n * **Example Output:**\n * ```\n * [\n *   { className: 'cfstyles-123', breakpointCondition: '*', css: 'margin:42px;' },\n *   { className: 'cfstyles-456', breakpointCondition: '<768px', css: 'margin:13px;' },\n * ]\n * ```\n */\nexport const createStylesheetsForBuiltInStyles = ({\n  designPropertiesByBreakpoint,\n  breakpoints,\n  node,\n  patternRootNodeIdsChain,\n}: {\n  designPropertiesByBreakpoint: Record<string, Record<string, PrimitiveValue>>;\n  breakpoints: Breakpoint[];\n  node: ComponentTreeNode;\n  patternRootNodeIdsChain?: Array<string>;\n}): ResolvedStylesheetData => {\n  const flattenedDesignTokens = flattenDesignTokenRegistry(designTokensRegistry);\n\n  // When the node is hidden for any breakpoint, we need to handle this separately with a disjunct media query.\n  const isAnyVisibilityValueHidden = Object.values(designPropertiesByBreakpoint).some(\n    (designProperties) => designProperties.cfVisibility === false,\n  );\n  // We always need an explicit value when using disjunct media queries\n  // Example: desktop uses \"false\" and tablet is undefined -> we need to set `display: none` for tablet as well.\n  let previousVisibilityValue: boolean | undefined;\n\n  const result: Array<{\n    className: string;\n    breakpointCondition: string;\n    css: string;\n    visibilityCss?: string;\n  }> = [];\n\n  for (const breakpoint of breakpoints) {\n    let visibilityCss: string | undefined;\n    const designProperties = designPropertiesByBreakpoint[breakpoint.id];\n    if (!designProperties) {\n      continue;\n    }\n\n    const designPropertiesWithResolvedDesignTokens = Object.entries(designProperties).reduce(\n      (acc, [propertyName, value]) => ({\n        ...acc,\n        [propertyName]: maybePopulateDesignTokenValue(\n          propertyName,\n          value,\n          flattenedDesignTokens,\n        ) as string,\n      }),\n      {} as Record<string, PrimitiveValue>,\n    );\n    /* [Data Format] `designPropertiesWithResolvedDesignTokens` is a map of property name to plain design value:\n     * designPropertiesWithResolvedDesignTokens = {\n     *   cfMargin: '42px',\n     *   cfBackgroundColor: 'rgba(246, 246, 246, 1)',\n     * }\n     */\n\n    // Special case for visibility to override any custom `display` values but only for a specific breakpoint.\n    if (isAnyVisibilityValueHidden) {\n      const visibilityValue =\n        (designPropertiesWithResolvedDesignTokens.cfVisibility as boolean | undefined) ??\n        previousVisibilityValue;\n      previousVisibilityValue = visibilityValue;\n      const visibilityStyles = transformVisibility(visibilityValue);\n      visibilityCss = stringifyCssProperties(visibilityStyles);\n    }\n\n    // Convert CF-specific property names to CSS variables, e.g. `cfMargin` -> `margin`\n    const cfStyles = addMinHeightForEmptyStructures(\n      buildCfStyles(designPropertiesWithResolvedDesignTokens),\n      node,\n    );\n    /* [Data Format] `cfStyles` follows the shape of CSSProperties (camelCased CSS property names):\n     * cfStyles = {\n     *   margin: '42px',\n     *   backgroundColor: 'rgba(246, 246, 246, 1)',\n     * }\n     */\n\n    // Translate the map of CSSProperties into the final shape of CSS code for this specific breakpoint\n    const breakpointCss = stringifyCssProperties(cfStyles);\n    /* [Data Format] `breakpointCss`:\n     * breakpointCss = \"margin:42px;background-color:rgba(246, 246, 246, 1);\"\n     */\n\n    // Create a hash ensuring stability across nodes (and breakpoints between nodes)\n    const styleHash = patternRootNodeIdsChain\n      ? md5([...patternRootNodeIdsChain, node.id, breakpointCss].join('-'))\n      : md5(`${node.id}-${breakpointCss}`);\n\n    // Create a CSS className with internal prefix to make sure the value can be processed\n    const className = `cfstyles-${styleHash}`;\n\n    result.push({\n      className,\n      breakpointCondition: breakpoint.query,\n      css: breakpointCss,\n      visibilityCss,\n    });\n  }\n\n  return result;\n};\n"],"names":[],"mappings":";;;AAmBA;;;;;;;;;;AAUG;AACI,MAAM,iCAAiC,GAAG,CAAC,EAChD,4BAA4B,EAC5B,WAAW,EACX,IAAI,EACJ,uBAAuB,GAMxB,KAA4B;AAC3B,IAAA,MAAM,qBAAqB,GAAG,0BAA0B,CAAC,oBAAoB,CAAC,CAAC;;IAG/E,MAAM,0BAA0B,GAAG,MAAM,CAAC,MAAM,CAAC,4BAA4B,CAAC,CAAC,IAAI,CACjF,CAAC,gBAAgB,KAAK,gBAAgB,CAAC,YAAY,KAAK,KAAK,CAC9D,CAAC;;;AAGF,IAAA,IAAI,uBAA4C,CAAC;IAEjD,MAAM,MAAM,GAKP,EAAE,CAAC;AAER,IAAA,KAAK,MAAM,UAAU,IAAI,WAAW,EAAE;AACpC,QAAA,IAAI,aAAiC,CAAC;QACtC,MAAM,gBAAgB,GAAG,4BAA4B,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;QACrE,IAAI,CAAC,gBAAgB,EAAE;YACrB,SAAS;SACV;QAED,MAAM,wCAAwC,GAAG,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,MAAM,CACtF,CAAC,GAAG,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM;AAC/B,YAAA,GAAG,GAAG;YACN,CAAC,YAAY,GAAG,6BAA6B,CAC3C,YAAY,EACZ,KAAK,EACL,qBAAqB,CACZ;SACZ,CAAC,EACF,EAAoC,CACrC,CAAC;AACF;;;;;AAKG;;QAGH,IAAI,0BAA0B,EAAE;AAC9B,YAAA,MAAM,eAAe,GAClB,wCAAwC,CAAC,YAAoC;AAC9E,gBAAA,uBAAuB,CAAC;YAC1B,uBAAuB,GAAG,eAAe,CAAC;AAC1C,YAAA,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,eAAe,CAAC,CAAC;AAC9D,YAAA,aAAa,GAAG,sBAAsB,CAAC,gBAAgB,CAAC,CAAC;SAC1D;;QAGD,MAAM,QAAQ,GAAG,8BAA8B,CAC7C,aAAa,CAAC,wCAAwC,CAAC,EACvD,IAAI,CACL,CAAC;AACF;;;;;AAKG;;AAGH,QAAA,MAAM,aAAa,GAAG,sBAAsB,CAAC,QAAQ,CAAC,CAAC;AACvD;;AAEG;;QAGH,MAAM,SAAS,GAAG,uBAAuB;AACvC,cAAE,GAAG,CAAC,CAAC,GAAG,uBAAuB,EAAE,IAAI,CAAC,EAAE,EAAE,aAAa,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,CAAC;cACnE,GAAG,CAAC,CAAG,EAAA,IAAI,CAAC,EAAE,CAAI,CAAA,EAAA,aAAa,CAAE,CAAA,CAAC,CAAC;;AAGvC,QAAA,MAAM,SAAS,GAAG,CAAY,SAAA,EAAA,SAAS,EAAE,CAAC;QAE1C,MAAM,CAAC,IAAI,CAAC;YACV,SAAS;YACT,mBAAmB,EAAE,UAAU,CAAC,KAAK;AACrC,YAAA,GAAG,EAAE,aAAa;YAClB,aAAa;AACd,SAAA,CAAC,CAAC;KACJ;AAED,IAAA,OAAO,MAAM,CAAC;AAChB;;;;"}
+{"version":3,"file":"createStylesheetsForBuiltInStyles.js","sources":["../../../../src/core/styles/createStylesheetsForBuiltInStyles.ts"],"sourcesContent":["import {\n  addMinHeightForEmptyStructures,\n  designTokensRegistry,\n  flattenDesignTokenRegistry,\n  maybePopulateDesignTokenValue,\n  stringifyCssProperties,\n  buildCfStyles,\n  transformVisibility,\n} from '@contentful/experiences-core';\nimport { Breakpoint, ComponentTreeNode, PrimitiveValue } from '@contentful/experiences-core/types';\nimport md5 from 'md5';\n\nexport type ResolvedStylesheetData = Array<{\n  className: string;\n  breakpointCondition: string;\n  css: string;\n  visibilityCss?: string;\n}>;\n\n/**\n * For each provided breakpoint, create the CSS code and a unique class name.\n *\n * **Example Output:**\n * ```\n * [\n *   { className: 'cfstyles-123', breakpointCondition: '*', css: 'margin:42px;' },\n *   { className: 'cfstyles-456', breakpointCondition: '<768px', css: 'margin:13px;' },\n * ]\n * ```\n */\nexport const createStylesheetsForBuiltInStyles = ({\n  designPropertiesByBreakpoint,\n  breakpoints,\n  node,\n  patternRootNodeIdsChain,\n}: {\n  designPropertiesByBreakpoint: Record<string, Record<string, PrimitiveValue>>;\n  breakpoints: Breakpoint[];\n  node: ComponentTreeNode;\n  patternRootNodeIdsChain?: string;\n}): ResolvedStylesheetData => {\n  const flattenedDesignTokens = flattenDesignTokenRegistry(designTokensRegistry);\n\n  // When the node is hidden for any breakpoint, we need to handle this separately with a disjunct media query.\n  const isAnyVisibilityValueHidden = Object.values(designPropertiesByBreakpoint).some(\n    (designProperties) => designProperties.cfVisibility === false,\n  );\n  // We always need an explicit value when using disjunct media queries\n  // Example: desktop uses \"false\" and tablet is undefined -> we need to set `display: none` for tablet as well.\n  let previousVisibilityValue: boolean | undefined;\n\n  const result: Array<{\n    className: string;\n    breakpointCondition: string;\n    css: string;\n    visibilityCss?: string;\n  }> = [];\n\n  for (const breakpoint of breakpoints) {\n    let visibilityCss: string | undefined;\n    const designProperties = designPropertiesByBreakpoint[breakpoint.id];\n    if (!designProperties) {\n      continue;\n    }\n\n    const designPropertiesWithResolvedDesignTokens = Object.entries(designProperties).reduce(\n      (acc, [propertyName, value]) => ({\n        ...acc,\n        [propertyName]: maybePopulateDesignTokenValue(\n          propertyName,\n          value,\n          flattenedDesignTokens,\n        ) as string,\n      }),\n      {} as Record<string, PrimitiveValue>,\n    );\n    /* [Data Format] `designPropertiesWithResolvedDesignTokens` is a map of property name to plain design value:\n     * designPropertiesWithResolvedDesignTokens = {\n     *   cfMargin: '42px',\n     *   cfBackgroundColor: 'rgba(246, 246, 246, 1)',\n     * }\n     */\n\n    // Special case for visibility to override any custom `display` values but only for a specific breakpoint.\n    if (isAnyVisibilityValueHidden) {\n      const visibilityValue =\n        (designPropertiesWithResolvedDesignTokens.cfVisibility as boolean | undefined) ??\n        previousVisibilityValue;\n      previousVisibilityValue = visibilityValue;\n      const visibilityStyles = transformVisibility(visibilityValue);\n      visibilityCss = stringifyCssProperties(visibilityStyles);\n    }\n\n    // Convert CF-specific property names to CSS variables, e.g. `cfMargin` -> `margin`\n    const cfStyles = addMinHeightForEmptyStructures(\n      buildCfStyles(designPropertiesWithResolvedDesignTokens),\n      node,\n    );\n    /* [Data Format] `cfStyles` follows the shape of CSSProperties (camelCased CSS property names):\n     * cfStyles = {\n     *   margin: '42px',\n     *   backgroundColor: 'rgba(246, 246, 246, 1)',\n     * }\n     */\n\n    // Translate the map of CSSProperties into the final shape of CSS code for this specific breakpoint\n    const breakpointCss = stringifyCssProperties(cfStyles);\n    /* [Data Format] `breakpointCss`:\n     * breakpointCss = \"margin:42px;background-color:rgba(246, 246, 246, 1);\"\n     */\n\n    // Create a hash ensuring stability across nodes (and breakpoints between nodes)\n    const styleHash = patternRootNodeIdsChain\n      ? md5(`${patternRootNodeIdsChain}-${node.id}}-${breakpointCss}`)\n      : md5(`${node.id}-${breakpointCss}`);\n\n    // Create a CSS className with internal prefix to make sure the value can be processed\n    const className = `cfstyles-${styleHash}`;\n\n    result.push({\n      className,\n      breakpointCondition: breakpoint.query,\n      css: breakpointCss,\n      visibilityCss,\n    });\n  }\n\n  return result;\n};\n"],"names":[],"mappings":";;;AAmBA;;;;;;;;;;AAUG;AACI,MAAM,iCAAiC,GAAG,CAAC,EAChD,4BAA4B,EAC5B,WAAW,EACX,IAAI,EACJ,uBAAuB,GAMxB,KAA4B;AAC3B,IAAA,MAAM,qBAAqB,GAAG,0BAA0B,CAAC,oBAAoB,CAAC,CAAC;;IAG/E,MAAM,0BAA0B,GAAG,MAAM,CAAC,MAAM,CAAC,4BAA4B,CAAC,CAAC,IAAI,CACjF,CAAC,gBAAgB,KAAK,gBAAgB,CAAC,YAAY,KAAK,KAAK,CAC9D,CAAC;;;AAGF,IAAA,IAAI,uBAA4C,CAAC;IAEjD,MAAM,MAAM,GAKP,EAAE,CAAC;AAER,IAAA,KAAK,MAAM,UAAU,IAAI,WAAW,EAAE;AACpC,QAAA,IAAI,aAAiC,CAAC;QACtC,MAAM,gBAAgB,GAAG,4BAA4B,CAAC,UAAU,CAAC,EAAE,CAAC,CAAC;QACrE,IAAI,CAAC,gBAAgB,EAAE;YACrB,SAAS;SACV;QAED,MAAM,wCAAwC,GAAG,MAAM,CAAC,OAAO,CAAC,gBAAgB,CAAC,CAAC,MAAM,CACtF,CAAC,GAAG,EAAE,CAAC,YAAY,EAAE,KAAK,CAAC,MAAM;AAC/B,YAAA,GAAG,GAAG;YACN,CAAC,YAAY,GAAG,6BAA6B,CAC3C,YAAY,EACZ,KAAK,EACL,qBAAqB,CACZ;SACZ,CAAC,EACF,EAAoC,CACrC,CAAC;AACF;;;;;AAKG;;QAGH,IAAI,0BAA0B,EAAE;AAC9B,YAAA,MAAM,eAAe,GAClB,wCAAwC,CAAC,YAAoC;AAC9E,gBAAA,uBAAuB,CAAC;YAC1B,uBAAuB,GAAG,eAAe,CAAC;AAC1C,YAAA,MAAM,gBAAgB,GAAG,mBAAmB,CAAC,eAAe,CAAC,CAAC;AAC9D,YAAA,aAAa,GAAG,sBAAsB,CAAC,gBAAgB,CAAC,CAAC;SAC1D;;QAGD,MAAM,QAAQ,GAAG,8BAA8B,CAC7C,aAAa,CAAC,wCAAwC,CAAC,EACvD,IAAI,CACL,CAAC;AACF;;;;;AAKG;;AAGH,QAAA,MAAM,aAAa,GAAG,sBAAsB,CAAC,QAAQ,CAAC,CAAC;AACvD;;AAEG;;QAGH,MAAM,SAAS,GAAG,uBAAuB;AACvC,cAAE,GAAG,CAAC,CAAA,EAAG,uBAAuB,CAAA,CAAA,EAAI,IAAI,CAAC,EAAE,CAAA,EAAA,EAAK,aAAa,CAAA,CAAE,CAAC;cAC9D,GAAG,CAAC,CAAG,EAAA,IAAI,CAAC,EAAE,CAAI,CAAA,EAAA,aAAa,CAAE,CAAA,CAAC,CAAC;;AAGvC,QAAA,MAAM,SAAS,GAAG,CAAY,SAAA,EAAA,SAAS,EAAE,CAAC;QAE1C,MAAM,CAAC,IAAI,CAAC;YACV,SAAS;YACT,mBAAmB,EAAE,UAAU,CAAC,KAAK;AACrC,YAAA,GAAG,EAAE,aAAa;YAClB,aAAa;AACd,SAAA,CAAC,CAAC;KACJ;AAED,IAAA,OAAO,MAAM,CAAC;AAChB;;;;"}

package/dist/index.d.ts

@@ -9,7 +9,7 @@ import * as _contentful_experiences_core_constants from '@contentful/experiences
 export { CF_STYLE_ATTRIBUTES, CONTENTFUL_COMPONENTS, LATEST_SCHEMA_VERSION } from '@contentful/experiences-core/constants';
 import { ContentfulClientApi } from 'contentful';
 
-declare const SDK_VERSION = "3.8.0-dev-20250926T1559-e1ab24d.0";
+declare const SDK_VERSION = "3.8.0-prerelease-20250926T1312-a8b5fb7.0";
 
 type ExperienceRootProps = {
     experience?: Experience<EntityStore> | string | null;

package/dist/sdkVersion.js

@@ -1,4 +1,4 @@
-const SDK_VERSION = '3.8.0-dev-20250926T1559-e1ab24d.0';
+const SDK_VERSION = '3.8.0-prerelease-20250926T1312-a8b5fb7.0';
 
 export { SDK_VERSION };
 //# sourceMappingURL=sdkVersion.js.map

package/dist/sdkVersion.js.map

@@ -1 +1 @@
-{"version":3,"file":"sdkVersion.js","sources":["../../src/sdkVersion.ts"],"sourcesContent":["export const SDK_VERSION = '3.8.0-dev-20250926T1559-e1ab24d.0';\n"],"names":[],"mappings":"AAAO,MAAM,WAAW,GAAG;;;;"}
+{"version":3,"file":"sdkVersion.js","sources":["../../src/sdkVersion.ts"],"sourcesContent":["export const SDK_VERSION = '3.8.0-prerelease-20250926T1312-a8b5fb7.0';\n"],"names":[],"mappings":"AAAO,MAAM,WAAW,GAAG;;;;"}

package/dist/src/blocks/preview/CompositionBlock.d.ts

@@ -9,12 +9,12 @@ type CompositionBlockProps = {
     getPatternChildNodeClassName?: (childNodeId: string) => string | undefined;
     /** Set of definition IDs of wrapping patterns to prevent circular dependencies. */
     wrappingPatternIds?: Set<string>;
-    rootPatternParameters?: Record<string, Parameter>;
     /**
      * Chained IDs to ensure uniqueness across multiple instances of the same pattern
      * when storing & accessing cfSsrClassName.
      */
-    patternRootNodeIdsChain?: Array<string>;
+    patternRootNodeIdsChain?: string;
+    wrappingParameters?: Record<string, Parameter>;
 };
-export declare const CompositionBlock: ({ node: rawNode, locale, entityStore, hyperlinkPattern, resolveDesignValue, getPatternChildNodeClassName, wrappingPatternIds: parentWrappingPatternIds, patternRootNodeIdsChain: parentPatternRootNodeIdsChain, rootPatternParameters, }: CompositionBlockProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const CompositionBlock: ({ node: rawNode, locale, entityStore, hyperlinkPattern, resolveDesignValue, getPatternChildNodeClassName, wrappingPatternIds: parentWrappingPatternIds, wrappingParameters: parentWrappingParameters, patternRootNodeIdsChain: parentPatternRootNodeIdsChain, }: CompositionBlockProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/src/blocks/preview/PreviewDeliveryRoot.d.ts

@@ -4,5 +4,5 @@ type DeliveryRootProps = {
     experience: Experience<EntityStore>;
     locale: string;
 };
-export declare const PreviewDeliveryRoot: ({ locale, experience }: DeliveryRootProps) => import("react/jsx-runtime").JSX.Element | import("react/jsx-runtime").JSX.Element[] | null;
+export declare const PreviewDeliveryRoot: ({ locale, experience }: DeliveryRootProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};