@contentful/experiences-sdk-react 1.34.1 → 1.35.0-beta.0

package/dist/ExperienceRoot.js

@@ -1,13 +1,16 @@
 "use client";
 import { jsx } from 'react/jsx-runtime';
-import { createExperience, validateExperienceBuilderConfig, VisualEditorMode } from '@contentful/experiences-core';
+import { debug, createExperience, validateExperienceBuilderConfig, VisualEditorMode } from '@contentful/experiences-core';
 import { PreviewDeliveryRoot } from './blocks/preview/PreviewDeliveryRoot.js';
 import { VisualEditorRoot } from './blocks/editor/VisualEditorRoot.js';
 import { useDetectCanvasMode } from './hooks/useDetectCanvasMode.js';
 import { StudioCanvasMode } from '@contentful/experiences-core/constants';
 
-const ExperienceRoot = ({ locale, experience, visualEditorMode = VisualEditorMode.LazyLoad, }) => {
+const ExperienceRoot = ({ locale, experience, visualEditorMode = VisualEditorMode.LazyLoad, debug: debug$1, }) => {
     const mode = useDetectCanvasMode();
+    if (typeof debug$1 === 'boolean') {
+        debug.setEnabled(debug$1);
+    }
     //If experience is passed in as a JSON string, recreate it to an experience object
     const experienceObject = typeof experience === 'string' ? createExperience(experience) : experience;
     validateExperienceBuilderConfig({

package/dist/ExperienceRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExperienceRoot.js","sources":["../../src/ExperienceRoot.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport {\n  VisualEditorMode,\n  createExperience,\n  validateExperienceBuilderConfig,\n} from '@contentful/experiences-core';\nimport { EntityStore } from '@contentful/experiences-core';\nimport type { Experience } from '@contentful/experiences-core/types';\nimport { PreviewDeliveryRoot } from './blocks/preview/PreviewDeliveryRoot';\nimport VisualEditorRoot from './blocks/editor/VisualEditorRoot';\nimport { useDetectCanvasMode } from './hooks/useDetectCanvasMode';\nimport { StudioCanvasMode } from '@contentful/experiences-core/constants';\n\ntype ExperienceRootProps = {\n  experience?: Experience<EntityStore> | string | null;\n  locale: string;\n  visualEditorMode?: VisualEditorMode;\n};\n\nexport const ExperienceRoot = ({\n  locale,\n  experience,\n  visualEditorMode = VisualEditorMode.LazyLoad,\n}: ExperienceRootProps) => {\n  const mode = useDetectCanvasMode();\n\n  //If experience is passed in as a JSON string, recreate it to an experience object\n  const experienceObject =\n    typeof experience === 'string' ? createExperience(experience) : experience;\n\n  validateExperienceBuilderConfig({\n    locale,\n    mode,\n  });\n\n  if (mode === StudioCanvasMode.EDITOR || mode === StudioCanvasMode.READ_ONLY) {\n    return (\n      <VisualEditorRoot\n        experience={experienceObject as Experience<EntityStore> | undefined}\n        visualEditorMode={visualEditorMode}\n        initialLocale={locale}\n      />\n    );\n  }\n\n  if (!experienceObject) return null;\n\n  return <PreviewDeliveryRoot locale={locale} experience={experienceObject} />;\n};\n"],"names":[],"mappings":";;;;;;;;AAoBa;AAKX;;AAGA;AAGA;;;AAGC;AAED;AACE;;AASF;AAAuB;;AAGzB;;"}
+{"version":3,"file":"ExperienceRoot.js","sources":["../../src/ExperienceRoot.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport {\n  VisualEditorMode,\n  createExperience,\n  validateExperienceBuilderConfig,\n  debug as cfDebug,\n} from '@contentful/experiences-core';\nimport { EntityStore } from '@contentful/experiences-core';\nimport type { Experience } from '@contentful/experiences-core/types';\nimport { PreviewDeliveryRoot } from './blocks/preview/PreviewDeliveryRoot';\nimport VisualEditorRoot from './blocks/editor/VisualEditorRoot';\nimport { useDetectCanvasMode } from './hooks/useDetectCanvasMode';\nimport { StudioCanvasMode } from '@contentful/experiences-core/constants';\n\ntype ExperienceRootProps = {\n  experience?: Experience<EntityStore> | string | null;\n  locale: string;\n  visualEditorMode?: VisualEditorMode;\n  /** Enables extra logging in the SDK to support troubleshooting.\n   *  This option is not recommended for production enviroments as it\n   *  will result in too many unnecessary logs being produced during runtime.\n   *  Default: false\n   */\n  debug?: boolean;\n};\n\nexport const ExperienceRoot = ({\n  locale,\n  experience,\n  visualEditorMode = VisualEditorMode.LazyLoad,\n  debug,\n}: ExperienceRootProps) => {\n  const mode = useDetectCanvasMode();\n\n  if (typeof debug === 'boolean') {\n    cfDebug.setEnabled(debug);\n  }\n\n  //If experience is passed in as a JSON string, recreate it to an experience object\n  const experienceObject =\n    typeof experience === 'string' ? createExperience(experience) : experience;\n\n  validateExperienceBuilderConfig({\n    locale,\n    mode,\n  });\n\n  if (mode === StudioCanvasMode.EDITOR || mode === StudioCanvasMode.READ_ONLY) {\n    return (\n      <VisualEditorRoot\n        experience={experienceObject as Experience<EntityStore> | undefined}\n        visualEditorMode={visualEditorMode}\n        initialLocale={locale}\n      />\n    );\n  }\n\n  if (!experienceObject) return null;\n\n  return <PreviewDeliveryRoot locale={locale} experience={experienceObject} />;\n};\n"],"names":[],"mappings":";;;;;;;;AA2Ba;AAMX;AAEA;AACE;;;AAIF;AAGA;;;AAGC;AAED;AACE;;AASF;AAAuB;;AAGzB;;"}

package/dist/blocks/preview/CompositionBlock.js

@@ -9,7 +9,7 @@ import { resolveAssembly } from '../../core/preview/assemblyUtils.js';
 import PreviewUnboundImage from './PreviewUnboundImage.js';
 import { parseComponentProps } from '../../utils/parseComponentProps.js';
 
-const CompositionBlock = ({ node: rawNode, locale, entityStore, hyperlinkPattern, resolveDesignValue, getPatternChildNodeClassName, wrappingPatternIds: parentWrappingPatternIds = new Set(), patternNodeIdsChain = '', }) => {
+const CompositionBlock = ({ node: rawNode, locale, entityStore, hyperlinkPattern, resolveDesignValue, getPatternChildNodeClassName, wrappingPatternIds: parentWrappingPatternIds = new Set(), wrappingPatternProperties: parentWrappingPatternProperties = {}, patternNodeIdsChain = '', }) => {
     patternNodeIdsChain = `${patternNodeIdsChain}${rawNode.id}`;
     const isAssembly = useMemo(() => checkIsAssemblyNode({
         componentId: rawNode.definitionId,
@@ -20,15 +20,25 @@ const CompositionBlock = ({ node: rawNode, locale, entityStore, hyperlinkPattern
             ? resolveAssembly({
                 node: rawNode,
                 entityStore,
+                parentPatternProperties: parentWrappingPatternProperties,
             })
             : rawNode;
-    }, [entityStore, isAssembly, rawNode]);
+    }, [entityStore, isAssembly, rawNode, parentWrappingPatternProperties]);
     const wrappingPatternIds = useMemo(() => {
         if (isAssembly) {
             return new Set([node.definitionId, ...parentWrappingPatternIds]);
         }
         return parentWrappingPatternIds;
     }, [isAssembly, 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 wrappingPatternProperties = useMemo(() => {
+        if (isAssembly) {
+            return { ...parentWrappingPatternProperties, ...(rawNode.patternProperties || {}) };
+        }
+        return parentWrappingPatternProperties;
+    }, [isAssembly, rawNode, parentWrappingPatternProperties]);
     const componentRegistration = useMemo(() => {
         const registration = getComponentRegistration(node.definitionId);
         if (isAssembly && !registration) {
@@ -90,7 +100,7 @@ const CompositionBlock = ({ node: rawNode, locale, entityStore, hyperlinkPattern
             for (const slotId in componentRegistration.definition.slots) {
                 const slotNode = node.children.find((child) => child.slotId === slotId);
                 if (slotNode) {
-                    slotsProps[slotId] = (jsx(CompositionBlock, { node: slotNode, locale: locale, hyperlinkPattern: hyperlinkPattern, entityStore: entityStore, resolveDesignValue: resolveDesignValue, wrappingPatternIds: wrappingPatternIds, patternNodeIdsChain: patternNodeIdsChain }));
+                    slotsProps[slotId] = (jsx(CompositionBlock, { node: slotNode, locale: locale, hyperlinkPattern: hyperlinkPattern, entityStore: entityStore, resolveDesignValue: resolveDesignValue, wrappingPatternIds: wrappingPatternIds, wrappingPatternProperties: wrappingPatternProperties, patternNodeIdsChain: patternNodeIdsChain }));
                 }
             }
         }
@@ -120,6 +130,7 @@ const CompositionBlock = ({ node: rawNode, locale, entityStore, hyperlinkPattern
         hyperlinkPattern,
         locale,
         wrappingPatternIds,
+        wrappingPatternProperties,
         patternNodeIdsChain,
     ]);
     // do not inject the stylesheet into the dom because it's already been done on the server side
@@ -148,7 +159,7 @@ const CompositionBlock = ({ node: rawNode, locale, entityStore, hyperlinkPattern
         ? node.children.map((childNode, index) => {
             return (jsx(CompositionBlock, { getPatternChildNodeClassName: isAssembly || getPatternChildNodeClassName
                     ? _getPatternChildNodeClassName
-                    : undefined, node: childNode, locale: locale, hyperlinkPattern: hyperlinkPattern, entityStore: entityStore, resolveDesignValue: resolveDesignValue, wrappingPatternIds: wrappingPatternIds, patternNodeIdsChain: patternNodeIdsChain }, index));
+                    : undefined, node: childNode, locale: locale, hyperlinkPattern: hyperlinkPattern, entityStore: entityStore, resolveDesignValue: resolveDesignValue, wrappingPatternIds: wrappingPatternIds, wrappingPatternProperties: wrappingPatternProperties, patternNodeIdsChain: patternNodeIdsChain }, index));
         })
         : null;
     if (isContainerOrSection(node.definitionId)) {

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

@@ -1 +1 @@
-{"version":3,"file":"CompositionBlock.js","sources":["../../../../src/blocks/preview/CompositionBlock.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\nimport type { UnresolvedLink } from 'contentful';\nimport {\n  EntityStore,\n  resolveHyperlinkPattern,\n  sanitizeNodeProps,\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  PrimitiveValue,\n  ResolveDesignValueType,\n  StyleProps,\n} from '@contentful/experiences-core/types';\nimport { createAssemblyRegistration, getComponentRegistration } from '../../core/componentRegistry';\nimport { checkIsAssemblyNode, transformBoundContentValue } from '@contentful/experiences-core';\nimport { useInjectStylesheet } from '../../hooks/useClassName';\nimport {\n  Assembly,\n  Columns,\n  ContentfulContainer,\n  SingleColumn,\n} from '@contentful/experiences-components-react';\nimport { resolveAssembly } from '../../core/preview/assemblyUtils';\nimport { Entry } from 'contentful';\nimport PreviewUnboundImage from './PreviewUnboundImage';\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  wrappingPatternIds?: Set<string>;\n  /**\n   * Chained IDs to ensure uniqueness across multiple instances of the same pattern\n   * when storing & accessing cfSsrClassName.\n   */\n  patternNodeIdsChain?: 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  patternNodeIdsChain = '',\n}: CompositionBlockProps) => {\n  patternNodeIdsChain = `${patternNodeIdsChain}${rawNode.id}`;\n\n  const isAssembly = useMemo(\n    () =>\n      checkIsAssemblyNode({\n        componentId: rawNode.definitionId,\n        usedComponents: entityStore.usedComponents,\n      }),\n    [entityStore.usedComponents, rawNode.definitionId],\n  );\n\n  const node = useMemo(() => {\n    return isAssembly\n      ? resolveAssembly({\n          node: rawNode,\n          entityStore,\n        })\n      : rawNode;\n  }, [entityStore, isAssembly, rawNode]);\n\n  const wrappingPatternIds = useMemo(() => {\n    if (isAssembly) {\n      return new Set([node.definitionId, ...parentWrappingPatternIds]);\n    }\n    return parentWrappingPatternIds;\n  }, [isAssembly, node, parentWrappingPatternIds]);\n\n  const componentRegistration = useMemo(() => {\n    const registration = getComponentRegistration(node.definitionId as string);\n\n    if (isAssembly && !registration) {\n      return createAssemblyRegistration({\n        definitionId: node.definitionId as string,\n        component: Assembly,\n      });\n    }\n    return registration;\n  }, [isAssembly, 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 || isAssembly) {\n      const ssrProps = { cfSsrClassName };\n      const props: Record<string, PrimitiveValue> = { className: cfSsrClassName };\n      return {\n        ssrProps,\n        props,\n        customDesignProps: {},\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      node,\n      resolveCustomDesignValue: ({ propertyName, valuesByBreakpoint }) => {\n        return resolveDesignValue(valuesByBreakpoint, propertyName);\n      },\n      resolveBoundValue: ({ binding, propertyName, dataType }) => {\n        const [, uuid] = binding.path.split('/');\n        const boundEntityLink = entityStore.dataSource[uuid] as UnresolvedLink<'Entry' | 'Asset'>;\n        const boundValue = transformBoundContentValue(\n          node.variables,\n          entityStore,\n          boundEntityLink,\n          resolveDesignValue,\n          propertyName,\n          dataType,\n          binding.path,\n        );\n\n        return boundValue;\n      },\n      resolveHyperlinkValue: ({ linkTargetKey }) => {\n        const boundEntity = entityStore.dataSource[linkTargetKey];\n        const hyperlinkEntry = entityStore.getEntryOrAsset(boundEntity, linkTargetKey);\n\n        const value = resolveHyperlinkPattern(\n          componentRegistration.definition.hyperlinkPattern ||\n            hyperlinkPattern ||\n            HYPERLINK_DEFAULT_PATTERN,\n          hyperlinkEntry as Entry,\n          locale,\n        );\n\n        return value;\n      },\n      resolveUnboundValue: ({ mappingKey, defaultValue }) => {\n        return entityStore.unboundValues[mappingKey]?.value ?? defaultValue;\n      },\n    });\n\n    const slotsProps: Record<string, ReactNode> = {};\n\n    if (componentRegistration.definition.slots) {\n      for (const slotId in componentRegistration.definition.slots) {\n        const slotNode = node.children.find((child) => child.slotId === slotId);\n        if (slotNode) {\n          slotsProps[slotId] = (\n            <CompositionBlock\n              node={slotNode}\n              locale={locale}\n              hyperlinkPattern={hyperlinkPattern}\n              entityStore={entityStore}\n              resolveDesignValue={resolveDesignValue}\n              wrappingPatternIds={wrappingPatternIds}\n              patternNodeIdsChain={patternNodeIdsChain}\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      ...slotsProps,\n    };\n\n    return {\n      ssrProps,\n      contentProps,\n      slotsProps,\n      styleProps,\n      customDesignProps,\n      mediaQuery,\n      props,\n    };\n  }, [\n    node,\n    entityStore,\n    componentRegistration,\n    isAssembly,\n    getPatternChildNodeClassName,\n    resolveDesignValue,\n    hyperlinkPattern,\n    locale,\n    wrappingPatternIds,\n    patternNodeIdsChain,\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);\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 } = componentRegistration;\n\n  // Retrieves the CSS class name for a given child node ID.\n  const _getPatternChildNodeClassName = (childNodeId: string) => {\n    if (isAssembly) {\n      const nodeIdsChain = `${patternNodeIdsChain}${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\n      if (!classesForNode) return undefined;\n      return resolveDesignValue(classesForNode.valuesByBreakpoint, 'cfSsrClassName') as string;\n    }\n    return getPatternChildNodeClassName?.(childNodeId);\n  };\n\n  const children =\n    componentRegistration.definition.children === true\n      ? node.children.map((childNode: ComponentTreeNode, index) => {\n          return (\n            <CompositionBlock\n              getPatternChildNodeClassName={\n                isAssembly || getPatternChildNodeClassName\n                  ? _getPatternChildNodeClassName\n                  : undefined\n              }\n              node={childNode}\n              key={index}\n              locale={locale}\n              hyperlinkPattern={hyperlinkPattern}\n              entityStore={entityStore}\n              resolveDesignValue={resolveDesignValue}\n              wrappingPatternIds={wrappingPatternIds}\n              patternNodeIdsChain={patternNodeIdsChain}\n            />\n          );\n        })\n      : null;\n\n  if (isContainerOrSection(node.definitionId)) {\n    return (\n      <ContentfulContainer\n        editorMode={false}\n        cfHyperlink={(contentProps as StyleProps).cfHyperlink}\n        cfOpenInNewTab={(contentProps as StyleProps).cfOpenInNewTab}\n        className={props.className as string | undefined}>\n        {children}\n      </ContentfulContainer>\n    );\n  }\n\n  if (node.definitionId === CONTENTFUL_COMPONENTS.columns.id) {\n    return (\n      <Columns editorMode={false} className={props.className as string | undefined}>\n        {children}\n      </Columns>\n    );\n  }\n\n  if (node.definitionId === CONTENTFUL_COMPONENTS.singleColumn.id) {\n    return (\n      <SingleColumn editorMode={false} className={props.className as string | undefined}>\n        {children}\n      </SingleColumn>\n    );\n  }\n\n  if (\n    node.definitionId === CONTENTFUL_COMPONENTS.image.id &&\n    node.variables.cfImageAsset?.type === 'UnboundValue'\n  ) {\n    return (\n      <PreviewUnboundImage\n        node={node}\n        nodeProps={props}\n        component={component}\n        breakpoints={entityStore.breakpoints}\n      />\n    );\n  }\n\n  return React.createElement(\n    component,\n    {\n      ...sanitizeNodeProps(props),\n    },\n    children ?? (typeof props.children === 'string' ? props.children : null),\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"],"mappings":"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"}
+{"version":3,"file":"CompositionBlock.js","sources":["../../../../src/blocks/preview/CompositionBlock.tsx"],"sourcesContent":["import React, { ReactNode, useMemo } from 'react';\nimport type { UnresolvedLink } from 'contentful';\nimport {\n  EntityStore,\n  resolveHyperlinkPattern,\n  sanitizeNodeProps,\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  PatternProperty,\n  PrimitiveValue,\n  ResolveDesignValueType,\n  StyleProps,\n} from '@contentful/experiences-core/types';\nimport { createAssemblyRegistration, getComponentRegistration } from '../../core/componentRegistry';\nimport { checkIsAssemblyNode, transformBoundContentValue } from '@contentful/experiences-core';\nimport { useInjectStylesheet } from '../../hooks/useClassName';\nimport {\n  Assembly,\n  Columns,\n  ContentfulContainer,\n  SingleColumn,\n} from '@contentful/experiences-components-react';\nimport { resolveAssembly } from '../../core/preview/assemblyUtils';\nimport { Entry } from 'contentful';\nimport PreviewUnboundImage from './PreviewUnboundImage';\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  wrappingPatternIds?: Set<string>;\n  /**\n   * Chained IDs to ensure uniqueness across multiple instances of the same pattern\n   * when storing & accessing cfSsrClassName.\n   */\n  patternNodeIdsChain?: string;\n  wrappingPatternProperties?: Record<string, PatternProperty>;\n};\n\nexport const CompositionBlock = ({\n  node: rawNode,\n  locale,\n  entityStore,\n  hyperlinkPattern,\n  resolveDesignValue,\n  getPatternChildNodeClassName,\n  wrappingPatternIds: parentWrappingPatternIds = new Set(),\n  wrappingPatternProperties: parentWrappingPatternProperties = {},\n  patternNodeIdsChain = '',\n}: CompositionBlockProps) => {\n  patternNodeIdsChain = `${patternNodeIdsChain}${rawNode.id}`;\n\n  const isAssembly = useMemo(\n    () =>\n      checkIsAssemblyNode({\n        componentId: rawNode.definitionId,\n        usedComponents: entityStore.usedComponents,\n      }),\n    [entityStore.usedComponents, rawNode.definitionId],\n  );\n\n  const node = useMemo(() => {\n    return isAssembly\n      ? resolveAssembly({\n          node: rawNode,\n          entityStore,\n          parentPatternProperties: parentWrappingPatternProperties,\n        })\n      : rawNode;\n  }, [entityStore, isAssembly, rawNode, parentWrappingPatternProperties]);\n\n  const wrappingPatternIds = useMemo(() => {\n    if (isAssembly) {\n      return new Set([node.definitionId, ...parentWrappingPatternIds]);\n    }\n    return parentWrappingPatternIds;\n  }, [isAssembly, 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 wrappingPatternProperties = useMemo(() => {\n    if (isAssembly) {\n      return { ...parentWrappingPatternProperties, ...(rawNode.patternProperties || {}) };\n    }\n    return parentWrappingPatternProperties;\n  }, [isAssembly, rawNode, parentWrappingPatternProperties]);\n\n  const componentRegistration = useMemo(() => {\n    const registration = getComponentRegistration(node.definitionId as string);\n\n    if (isAssembly && !registration) {\n      return createAssemblyRegistration({\n        definitionId: node.definitionId as string,\n        component: Assembly,\n      });\n    }\n    return registration;\n  }, [isAssembly, 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 || isAssembly) {\n      const ssrProps = { cfSsrClassName };\n      const props: Record<string, PrimitiveValue> = { className: cfSsrClassName };\n      return {\n        ssrProps,\n        props,\n        customDesignProps: {},\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      node,\n      resolveCustomDesignValue: ({ propertyName, valuesByBreakpoint }) => {\n        return resolveDesignValue(valuesByBreakpoint, propertyName);\n      },\n      resolveBoundValue: ({ binding, propertyName, dataType }) => {\n        const [, uuid] = binding.path.split('/');\n        const boundEntityLink = entityStore.dataSource[uuid] as UnresolvedLink<'Entry' | 'Asset'>;\n        const boundValue = transformBoundContentValue(\n          node.variables,\n          entityStore,\n          boundEntityLink,\n          resolveDesignValue,\n          propertyName,\n          dataType,\n          binding.path,\n        );\n\n        return boundValue;\n      },\n      resolveHyperlinkValue: ({ linkTargetKey }) => {\n        const boundEntity = entityStore.dataSource[linkTargetKey];\n        const hyperlinkEntry = entityStore.getEntryOrAsset(boundEntity, linkTargetKey);\n\n        const value = resolveHyperlinkPattern(\n          componentRegistration.definition.hyperlinkPattern ||\n            hyperlinkPattern ||\n            HYPERLINK_DEFAULT_PATTERN,\n          hyperlinkEntry as Entry,\n          locale,\n        );\n\n        return value;\n      },\n      resolveUnboundValue: ({ mappingKey, defaultValue }) => {\n        return entityStore.unboundValues[mappingKey]?.value ?? defaultValue;\n      },\n    });\n\n    const slotsProps: Record<string, ReactNode> = {};\n\n    if (componentRegistration.definition.slots) {\n      for (const slotId in componentRegistration.definition.slots) {\n        const slotNode = node.children.find((child) => child.slotId === slotId);\n        if (slotNode) {\n          slotsProps[slotId] = (\n            <CompositionBlock\n              node={slotNode}\n              locale={locale}\n              hyperlinkPattern={hyperlinkPattern}\n              entityStore={entityStore}\n              resolveDesignValue={resolveDesignValue}\n              wrappingPatternIds={wrappingPatternIds}\n              wrappingPatternProperties={wrappingPatternProperties}\n              patternNodeIdsChain={patternNodeIdsChain}\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      ...slotsProps,\n    };\n\n    return {\n      ssrProps,\n      contentProps,\n      slotsProps,\n      styleProps,\n      customDesignProps,\n      mediaQuery,\n      props,\n    };\n  }, [\n    node,\n    entityStore,\n    componentRegistration,\n    isAssembly,\n    getPatternChildNodeClassName,\n    resolveDesignValue,\n    hyperlinkPattern,\n    locale,\n    wrappingPatternIds,\n    wrappingPatternProperties,\n    patternNodeIdsChain,\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);\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 } = componentRegistration;\n\n  // Retrieves the CSS class name for a given child node ID.\n  const _getPatternChildNodeClassName = (childNodeId: string) => {\n    if (isAssembly) {\n      const nodeIdsChain = `${patternNodeIdsChain}${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\n      if (!classesForNode) return undefined;\n      return resolveDesignValue(classesForNode.valuesByBreakpoint, 'cfSsrClassName') as string;\n    }\n    return getPatternChildNodeClassName?.(childNodeId);\n  };\n\n  const children =\n    componentRegistration.definition.children === true\n      ? node.children.map((childNode: ComponentTreeNode, index) => {\n          return (\n            <CompositionBlock\n              getPatternChildNodeClassName={\n                isAssembly || getPatternChildNodeClassName\n                  ? _getPatternChildNodeClassName\n                  : undefined\n              }\n              node={childNode}\n              key={index}\n              locale={locale}\n              hyperlinkPattern={hyperlinkPattern}\n              entityStore={entityStore}\n              resolveDesignValue={resolveDesignValue}\n              wrappingPatternIds={wrappingPatternIds}\n              wrappingPatternProperties={wrappingPatternProperties}\n              patternNodeIdsChain={patternNodeIdsChain}\n            />\n          );\n        })\n      : null;\n\n  if (isContainerOrSection(node.definitionId)) {\n    return (\n      <ContentfulContainer\n        editorMode={false}\n        cfHyperlink={(contentProps as StyleProps).cfHyperlink}\n        cfOpenInNewTab={(contentProps as StyleProps).cfOpenInNewTab}\n        className={props.className as string | undefined}>\n        {children}\n      </ContentfulContainer>\n    );\n  }\n\n  if (node.definitionId === CONTENTFUL_COMPONENTS.columns.id) {\n    return (\n      <Columns editorMode={false} className={props.className as string | undefined}>\n        {children}\n      </Columns>\n    );\n  }\n\n  if (node.definitionId === CONTENTFUL_COMPONENTS.singleColumn.id) {\n    return (\n      <SingleColumn editorMode={false} className={props.className as string | undefined}>\n        {children}\n      </SingleColumn>\n    );\n  }\n\n  if (\n    node.definitionId === CONTENTFUL_COMPONENTS.image.id &&\n    node.variables.cfImageAsset?.type === 'UnboundValue'\n  ) {\n    return (\n      <PreviewUnboundImage\n        node={node}\n        nodeProps={props}\n        component={component}\n        breakpoints={entityStore.breakpoints}\n      />\n    );\n  }\n\n  return React.createElement(\n    component,\n    {\n      ...sanitizeNodeProps(props),\n    },\n    children ?? (typeof props.children === 'string' ? props.children : null),\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"],"mappings":"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"}

package/dist/core/preview/assemblyUtils.js

@@ -1,5 +1,6 @@
 import { checkIsAssemblyNode } from '@contentful/experiences-core';
 import { shouldUsePrebinding, resolvePrebindingPath } from '../../utils/prebindingUtils.js';
+import { PATTERN_PROPERTY_DIVIDER } from '@contentful/experiences-core/constants';
 
 /** While unfolding the assembly definition on the instance, this function will replace all
  * ComponentValue in the definitions tree with the actual value on the instance. */
@@ -18,18 +19,16 @@ const deserializeAssemblyNode = ({ node, componentInstanceVariables, componentSe
                 patternProperties,
                 variable: instanceProperty,
             });
-            if (usePrebinding) {
-                const path = resolvePrebindingPath({
-                    componentSettings,
-                    componentValueKey,
-                    patternProperties,
-                });
-                if (path) {
-                    variables[variableName] = {
-                        type: 'BoundValue',
-                        path,
-                    };
-                }
+            const path = resolvePrebindingPath({
+                componentSettings,
+                componentValueKey,
+                patternProperties,
+            });
+            if (usePrebinding && path) {
+                variables[variableName] = {
+                    type: 'BoundValue',
+                    path,
+                };
                 // For assembly, we look up the variable in the assembly instance and
                 // replace the ComponentValue with that one.
             }
@@ -39,6 +38,9 @@ const deserializeAssemblyNode = ({ node, componentInstanceVariables, componentSe
                     key: instanceProperty.key,
                 };
             }
+            else if (instanceProperty?.type === 'NoValue') {
+                variables[variableName] = instanceProperty;
+            }
             else if (instanceProperty?.type === 'BoundValue') {
                 variables[variableName] = {
                     type: 'BoundValue',
@@ -81,9 +83,10 @@ const deserializeAssemblyNode = ({ node, componentInstanceVariables, componentSe
         children,
         slotId: node.slotId,
         displayName: node.displayName,
+        patternProperties: node.patternProperties,
     };
 };
-const resolveAssembly = ({ node, entityStore, }) => {
+const resolveAssembly = ({ node, parentPatternProperties, entityStore, }) => {
     const isAssembly = checkIsAssemblyNode({
         componentId: node.definitionId,
         usedComponents: entityStore.usedComponents,
@@ -96,6 +99,23 @@ const resolveAssembly = ({ node, entityStore, }) => {
     if (!assembly || !('fields' in assembly)) {
         return node;
     }
+    const patternProperties = {};
+    const allPatternProperties = {
+        ...parentPatternProperties,
+        ...(node.patternProperties || {}),
+    };
+    for (const [patternPropertyKey, patternProperty] of Object.entries(allPatternProperties)) {
+        /**
+         * 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 [nodeId, patternPropertyDefinitionId] = patternPropertyKey.split(PATTERN_PROPERTY_DIVIDER);
+        const isMatchingNode = nodeId === node.id;
+        if (!isMatchingNode)
+            continue;
+        patternProperties[patternPropertyDefinitionId] = patternProperty;
+    }
     const componentFields = assembly.fields;
     const deserializedNode = deserializeAssemblyNode({
         node: {
@@ -103,10 +123,11 @@ const resolveAssembly = ({ node, entityStore, }) => {
             id: node.id,
             variables: node.variables,
             children: componentFields.componentTree.children,
+            patternProperties,
         },
         componentInstanceVariables: node.variables,
         componentSettings: componentFields.componentSettings,
-        patternProperties: node.patternProperties || {},
+        patternProperties,
     });
     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 { checkIsAssemblyNode, EntityStore } from '@contentful/experiences-core';\nimport type {\n  ComponentPropertyValue,\n  ComponentTreeNode,\n  DesignValue,\n  ExperienceComponentSettings,\n  PatternProperty,\n} from '@contentful/experiences-core/types';\nimport { resolvePrebindingPath, shouldUsePrebinding } from '../../utils/prebindingUtils';\n\n/** While unfolding the assembly definition on the instance, this function will replace all\n * ComponentValue in the definitions tree with the actual value on the instance. */\nexport const deserializeAssemblyNode = ({\n  node,\n  componentInstanceVariables,\n  componentSettings,\n  patternProperties,\n}: {\n  node: ComponentTreeNode;\n  componentInstanceVariables: ComponentTreeNode['variables'];\n  componentSettings: ExperienceComponentSettings;\n  patternProperties: Record<string, PatternProperty>;\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        patternProperties,\n        variable: instanceProperty,\n      });\n\n      if (usePrebinding) {\n        const path = resolvePrebindingPath({\n          componentSettings,\n          componentValueKey,\n          patternProperties,\n        });\n\n        if (path) {\n          variables[variableName] = {\n            type: 'BoundValue',\n            path,\n          };\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 === '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] = {\n          type: 'DesignValue',\n          valuesByBreakpoint: instanceProperty.valuesByBreakpoint,\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    deserializeAssemblyNode({\n      node: child,\n      componentInstanceVariables,\n      componentSettings,\n      patternProperties,\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  };\n};\n\nexport const resolveAssembly = ({\n  node,\n  entityStore,\n}: {\n  node: ComponentTreeNode;\n  entityStore: EntityStore;\n}) => {\n  const isAssembly = checkIsAssemblyNode({\n    componentId: node.definitionId,\n    usedComponents: entityStore.usedComponents,\n  });\n\n  if (!isAssembly) {\n    return node;\n  }\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 componentFields = assembly.fields;\n\n  const deserializedNode = deserializeAssemblyNode({\n    node: {\n      definitionId: node.definitionId,\n      id: node.id,\n      variables: node.variables,\n      children: componentFields.componentTree.children,\n    },\n    componentInstanceVariables: node.variables,\n    componentSettings: componentFields.componentSettings!,\n    patternProperties: node.patternProperties || {},\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 { checkIsAssemblyNode, EntityStore } from '@contentful/experiences-core';\nimport type {\n  ComponentPropertyValue,\n  ComponentTreeNode,\n  DesignValue,\n  ExperienceComponentSettings,\n  PatternProperty,\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 assembly definition on the instance, this function will replace all\n * ComponentValue in the definitions tree with the actual value on the instance. */\nexport const deserializeAssemblyNode = ({\n  node,\n  componentInstanceVariables,\n  componentSettings,\n  patternProperties,\n}: {\n  node: ComponentTreeNode;\n  componentInstanceVariables: ComponentTreeNode['variables'];\n  componentSettings: ExperienceComponentSettings;\n  patternProperties: Record<string, PatternProperty>;\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        patternProperties,\n        variable: instanceProperty,\n      });\n      const path = resolvePrebindingPath({\n        componentSettings,\n        componentValueKey,\n        patternProperties,\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        variables[variableName] = instanceProperty;\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] = {\n          type: 'DesignValue',\n          valuesByBreakpoint: instanceProperty.valuesByBreakpoint,\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    deserializeAssemblyNode({\n      node: child,\n      componentInstanceVariables,\n      componentSettings,\n      patternProperties,\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    patternProperties: node.patternProperties,\n  };\n};\n\nexport const resolveAssembly = ({\n  node,\n  parentPatternProperties,\n  entityStore,\n}: {\n  node: ComponentTreeNode;\n  entityStore: EntityStore;\n  parentPatternProperties: Record<string, PatternProperty>;\n}) => {\n  const isAssembly = checkIsAssemblyNode({\n    componentId: node.definitionId,\n    usedComponents: entityStore.usedComponents,\n  });\n\n  if (!isAssembly) {\n    return node;\n  }\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 patternProperties: Record<string, PatternProperty> = {};\n\n  const allPatternProperties = {\n    ...parentPatternProperties,\n    ...(node.patternProperties || {}),\n  };\n\n  for (const [patternPropertyKey, patternProperty] of Object.entries(allPatternProperties)) {\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 [nodeId, patternPropertyDefinitionId] =\n      patternPropertyKey.split(PATTERN_PROPERTY_DIVIDER);\n\n    const isMatchingNode = nodeId === node.id;\n\n    if (!isMatchingNode) continue;\n\n    patternProperties[patternPropertyDefinitionId] = patternProperty;\n  }\n\n  const componentFields = assembly.fields;\n\n  const deserializedNode = deserializeAssemblyNode({\n    node: {\n      definitionId: node.definitionId,\n      id: node.id,\n      variables: node.variables,\n      children: componentFields.componentTree.children,\n      patternProperties,\n    },\n    componentInstanceVariables: node.variables,\n    componentSettings: componentFields.componentSettings!,\n    patternProperties,\n  });\n\n  entityStore.addAssemblyUnboundValues(componentFields.unboundValues);\n\n  return deserializedNode;\n};\n"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -8,14 +8,20 @@ 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 = "1.34.1";
+declare const SDK_VERSION = "1.35.0-beta.0";
 
 type ExperienceRootProps = {
     experience?: Experience<EntityStore> | string | null;
     locale: string;
     visualEditorMode?: VisualEditorMode;
+    /** Enables extra logging in the SDK to support troubleshooting.
+     *  This option is not recommended for production enviroments as it
+     *  will result in too many unnecessary logs being produced during runtime.
+     *  Default: false
+     */
+    debug?: boolean;
 };
-declare const ExperienceRoot: ({ locale, experience, visualEditorMode, }: ExperienceRootProps) => react_jsx_runtime.JSX.Element | null;
+declare const ExperienceRoot: ({ locale, experience, visualEditorMode, debug, }: ExperienceRootProps) => react_jsx_runtime.JSX.Element | null;
 
 type UseFetchByIdArgs = {
     client: ContentfulClientApi<undefined>;

package/dist/index.js

@@ -1,6 +1,7 @@
+import { enableDebug, disableDebug } from '@contentful/experiences-core';
+export { VisualEditorMode, createExperience, defineBreakpoints, defineDesignTokens, detachExperienceStyles, fetchById, fetchBySlug } from '@contentful/experiences-core';
 import { SDK_VERSION } from './sdkVersion.js';
 export { ExperienceRoot } from './ExperienceRoot.js';
-export { VisualEditorMode, createExperience, defineBreakpoints, defineDesignTokens, detachExperienceStyles, fetchById, fetchBySlug } from '@contentful/experiences-core';
 import 'react';
 export { useFetchById } from './hooks/useFetchById.js';
 export { useFetchBySlug } from './hooks/useFetchBySlug.js';
@@ -13,6 +14,8 @@ if (typeof window !== 'undefined') {
         window.__EB__ = {};
     }
     window.__EB__.sdkVersion = SDK_VERSION;
+    window.__EB__.enableDebug = enableDebug;
+    window.__EB__.disableDebug = disableDebug;
 }
 
 export { SDK_VERSION as version };

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["import { SDK_VERSION } from './sdkVersion';\nexport { SDK_VERSION as version };\n\nexport { ExperienceRoot } from './ExperienceRoot';\nexport { useFetchById, useFetchBySlug } from './hooks';\nexport { defineComponents, maintainBasicComponentIdsWithoutPrefix } from './core/componentRegistry';\nexport {\n  defineDesignTokens,\n  defineBreakpoints,\n  VisualEditorMode,\n  fetchById,\n  fetchBySlug,\n  createExperience,\n} from '@contentful/experiences-core';\nexport {\n  CONTENTFUL_COMPONENTS,\n  LATEST_SCHEMA_VERSION,\n  CF_STYLE_ATTRIBUTES,\n} from '@contentful/experiences-core/constants';\n\n// Simple state store to store a few things that are needed across the SDK\nif (typeof window !== 'undefined') {\n  if (!window.__EB__) {\n    window.__EB__ = {};\n  }\n  window.__EB__.sdkVersion = SDK_VERSION;\n}\n\nexport type {\n  Experience,\n  ComponentDefinition,\n  ComponentRegistration,\n} from '@contentful/experiences-core/types';\n\nexport { detachExperienceStyles } from '@contentful/experiences-core';\n"],"names":[],"mappings":";;;;;;;;;AAoBA;AACA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AACjC,IAAA,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;AAClB,QAAA,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC;KACpB;AACD,IAAA,MAAM,CAAC,MAAM,CAAC,UAAU,GAAG,WAAW,CAAC;AACzC;;;;"}
+{"version":3,"file":"index.js","sources":["../../src/index.ts"],"sourcesContent":["import { enableDebug, disableDebug } from '@contentful/experiences-core';\nimport { SDK_VERSION } from './sdkVersion';\nexport { SDK_VERSION as version };\n\nexport { ExperienceRoot } from './ExperienceRoot';\nexport { useFetchById, useFetchBySlug } from './hooks';\nexport { defineComponents, maintainBasicComponentIdsWithoutPrefix } from './core/componentRegistry';\nexport {\n  defineDesignTokens,\n  defineBreakpoints,\n  VisualEditorMode,\n  fetchById,\n  fetchBySlug,\n  createExperience,\n} from '@contentful/experiences-core';\nexport {\n  CONTENTFUL_COMPONENTS,\n  LATEST_SCHEMA_VERSION,\n  CF_STYLE_ATTRIBUTES,\n} from '@contentful/experiences-core/constants';\n\n// Simple state store to store a few things that are needed across the SDK\nif (typeof window !== 'undefined') {\n  if (!window.__EB__) {\n    window.__EB__ = {};\n  }\n  window.__EB__.sdkVersion = SDK_VERSION;\n  window.__EB__.enableDebug = enableDebug;\n  window.__EB__.disableDebug = disableDebug;\n}\n\nexport type {\n  Experience,\n  ComponentDefinition,\n  ComponentRegistration,\n} from '@contentful/experiences-core/types';\n\nexport { detachExperienceStyles } from '@contentful/experiences-core';\n"],"names":[],"mappings":";;;;;;;;;;AAqBA;AACA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;AACjC,IAAA,IAAI,CAAC,MAAM,CAAC,MAAM,EAAE;AAClB,QAAA,MAAM,CAAC,MAAM,GAAG,EAAE,CAAC;KACpB;AACD,IAAA,MAAM,CAAC,MAAM,CAAC,UAAU,GAAG,WAAW,CAAC;AACvC,IAAA,MAAM,CAAC,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC;AACxC,IAAA,MAAM,CAAC,MAAM,CAAC,YAAY,GAAG,YAAY,CAAC;AAC5C;;;;"}

package/dist/sdkVersion.js

@@ -1,4 +1,4 @@
-const SDK_VERSION = '1.34.1';
+const SDK_VERSION = '1.35.0-beta.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 = '1.34.1';\n"],"names":[],"mappings":"AAAO,MAAM,WAAW,GAAG;;;;"}
+{"version":3,"file":"sdkVersion.js","sources":["../../src/sdkVersion.ts"],"sourcesContent":["export const SDK_VERSION = '1.35.0-beta.0';\n"],"names":[],"mappings":"AAAO,MAAM,WAAW,GAAG;;;;"}

package/dist/src/ExperienceRoot.d.ts

@@ -5,6 +5,12 @@ type ExperienceRootProps = {
     experience?: Experience<EntityStore> | string | null;
     locale: string;
     visualEditorMode?: VisualEditorMode;
+    /** Enables extra logging in the SDK to support troubleshooting.
+     *  This option is not recommended for production enviroments as it
+     *  will result in too many unnecessary logs being produced during runtime.
+     *  Default: false
+     */
+    debug?: boolean;
 };
-export declare const ExperienceRoot: ({ locale, experience, visualEditorMode, }: ExperienceRootProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const ExperienceRoot: ({ locale, experience, visualEditorMode, debug, }: ExperienceRootProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -1,5 +1,5 @@
 import { EntityStore } from '@contentful/experiences-core';
-import type { ComponentTreeNode, ResolveDesignValueType } from '@contentful/experiences-core/types';
+import type { ComponentTreeNode, PatternProperty, ResolveDesignValueType } from '@contentful/experiences-core/types';
 type CompositionBlockProps = {
     node: ComponentTreeNode;
     locale: string;
@@ -13,6 +13,7 @@ type CompositionBlockProps = {
      * when storing & accessing cfSsrClassName.
      */
     patternNodeIdsChain?: string;
+    wrappingPatternProperties?: Record<string, PatternProperty>;
 };
-export declare const CompositionBlock: ({ node: rawNode, locale, entityStore, hyperlinkPattern, resolveDesignValue, getPatternChildNodeClassName, wrappingPatternIds: parentWrappingPatternIds, patternNodeIdsChain, }: CompositionBlockProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const CompositionBlock: ({ node: rawNode, locale, entityStore, hyperlinkPattern, resolveDesignValue, getPatternChildNodeClassName, wrappingPatternIds: parentWrappingPatternIds, wrappingPatternProperties: parentWrappingPatternProperties, patternNodeIdsChain, }: CompositionBlockProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

package/dist/src/core/preview/assemblyUtils.d.ts

@@ -8,7 +8,8 @@ export declare const deserializeAssemblyNode: ({ node, componentInstanceVariable
     componentSettings: ExperienceComponentSettings;
     patternProperties: Record<string, PatternProperty>;
 }) => ComponentTreeNode;
-export declare const resolveAssembly: ({ node, entityStore, }: {
+export declare const resolveAssembly: ({ node, parentPatternProperties, entityStore, }: {
     node: ComponentTreeNode;
     entityStore: EntityStore;
+    parentPatternProperties: Record<string, PatternProperty>;
 }) => ComponentTreeNode;

package/dist/src/sdkVersion.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "1.34.1";
+export declare const SDK_VERSION = "1.35.0-beta.0";

package/dist/utils/parseComponentProps.js

@@ -1,4 +1,4 @@
-import { isCfStyleAttribute } from '@contentful/experiences-core';
+import { debug, isCfStyleAttribute } from '@contentful/experiences-core';
 import { createStylesheetsForBuiltInStyles, convertResolvedDesignValuesToMediaQuery } from '../hooks/useMediaQuery.js';
 
 // TODO: Test this for nested patterns as the name might be just a random hash without the actual name (needs to be validated).
@@ -20,6 +20,7 @@ const parseComponentProps = ({ breakpoints, mainBreakpoint, componentDefinition,
     const styleProps = {};
     const customDesignProps = {};
     const contentProps = {};
+    debug.log('Parsing component props for node with id: ', node.id);
     for (const [propName, propDefinition] of Object.entries(componentDefinition.variables)) {
         const propertyValue = node.variables[propName];
         if (!propertyValue)

package/dist/utils/parseComponentProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"parseComponentProps.js","sources":["../../../src/utils/parseComponentProps.ts"],"sourcesContent":["import { isCfStyleAttribute } from '@contentful/experiences-core';\nimport {\n  BoundComponentPropertyTypes,\n  BoundValue,\n  Breakpoint,\n  ComponentDefinition,\n  ComponentDefinitionVariable,\n  ComponentDefinitionVariableType,\n  ComponentTreeNode,\n  DesignValue,\n  PrimitiveValue,\n} from '@contentful/experiences-core/types';\nimport { convertResolvedDesignValuesToMediaQuery } from '../hooks/useMediaQuery';\nimport { createStylesheetsForBuiltInStyles } from '../hooks/useMediaQuery';\n\n// TODO: Test this for nested patterns as the name might be just a random hash without the actual name (needs to be validated).\nconst isSpecialCaseCssProp = (propName: string) => {\n  return propName === 'cfBackgroundImageUrl' || propName.startsWith('cfBackgroundImageUrl_');\n};\n\n/**\n * The previous logic of prop mapping was too complex and mixed different ues cases together.\n * In this function, I aim to simplify the logic by focusing on the following specific cases FOR PREVIEW/DELIVERY MODES\n * 1) Any non `DesignValue` props should be resolved and returned as is\n * 2) Some exceptions like `cfImageAsset` and `cfBackgroundImageUrl` (BoundValue) should be handled separately\n * and be resolved for the default breakpoint only (cause we don't allow binding per breakpoint anyway)\n * 3) Those DesignValue props which can be converted to CSS should be grouped and resolved into a CSS media query\n * for each breakpoint\n * 4) Those DesignValue props which can NOT be converted to CSS (custom design props) should be resolved dynamically\n * for each breakpoint\n */\nexport const parseComponentProps = ({\n  breakpoints,\n  mainBreakpoint,\n  componentDefinition,\n  node,\n  resolveCustomDesignValue,\n  resolveBoundValue,\n  resolveHyperlinkValue,\n  resolveUnboundValue,\n}: {\n  breakpoints: Breakpoint[];\n  mainBreakpoint: Breakpoint;\n  node: ComponentTreeNode;\n  componentDefinition: ComponentDefinition;\n  resolveCustomDesignValue: (data: {\n    propertyName: string;\n    valuesByBreakpoint: Record<string, PrimitiveValue>;\n  }) => PrimitiveValue;\n  resolveBoundValue: (data: {\n    propertyName: string;\n    dataType: ComponentDefinitionVariableType;\n    binding: BoundValue;\n  }) => BoundComponentPropertyTypes;\n  resolveHyperlinkValue: (data: { linkTargetKey: string }) => string | null;\n  resolveUnboundValue: (data: {\n    mappingKey: string;\n    defaultValue: ComponentDefinitionVariable['defaultValue'];\n  }) => PrimitiveValue;\n}) => {\n  const styleProps: Record<string, DesignValue['valuesByBreakpoint']> = {};\n  const customDesignProps: Record<string, PrimitiveValue> = {};\n  const contentProps: Record<string, PrimitiveValue> = {};\n\n  for (const [propName, propDefinition] of Object.entries(componentDefinition.variables)) {\n    const propertyValue = node.variables[propName];\n    if (!propertyValue) continue;\n\n    switch (propertyValue.type) {\n      case 'DesignValue': {\n        if (isCfStyleAttribute(propName)) {\n          // for such properties we know how to convert them to CSS, so we will build a media query from it below after the loop is over\n          styleProps[propName] = propertyValue.valuesByBreakpoint;\n        } else {\n          // for custom design props, the value will be resolved with the javascript per breakpoint at runtime\n          customDesignProps[propName] = resolveCustomDesignValue({\n            propertyName: propName,\n            valuesByBreakpoint: propertyValue.valuesByBreakpoint,\n          });\n        }\n        break;\n      }\n      case 'BoundValue': {\n        const boundValue = resolveBoundValue({\n          propertyName: propName,\n          dataType: propDefinition.type as ComponentDefinitionVariableType,\n          binding: propertyValue,\n        });\n\n        const propValue = boundValue ?? propDefinition.defaultValue;\n\n        if (isSpecialCaseCssProp(propName)) {\n          styleProps[propName] = { [mainBreakpoint.id]: propValue };\n        } else {\n          contentProps[propName] = propValue;\n        }\n        break;\n      }\n\n      case 'HyperlinkValue': {\n        const hyperlink = resolveHyperlinkValue({\n          linkTargetKey: propertyValue.linkTargetKey,\n        });\n        if (hyperlink) {\n          contentProps[propName] = hyperlink;\n        }\n        break;\n      }\n      case 'UnboundValue': {\n        const unboundValue = resolveUnboundValue({\n          mappingKey: propertyValue.key,\n          defaultValue: propDefinition.defaultValue,\n        });\n\n        if (isSpecialCaseCssProp(propName)) {\n          styleProps[propName] = { [mainBreakpoint.id]: unboundValue };\n        } else {\n          contentProps[propName] = unboundValue;\n        }\n        break;\n      }\n      case 'ComponentValue':\n        // We're rendering a pattern entry. Content cannot be set for ComponentValue type properties\n        // directly in the pattern so we can safely use the default value\n        // This can either be a design (style) or a content variable\n        contentProps[propName] = propDefinition.defaultValue;\n        break;\n      default:\n        break;\n    }\n  }\n  /* [Data Format] After resolving all properties, `styleProps` contains solely the plain design values\n   * styleProps = {\n   *   cfMargin: { desktop: '42px', tablet: '13px' },\n   *   cfBackgroundColor: { desktop: 'rgba(246, 246, 246, 1)' },\n   *   cfBackgroundImage: { desktop: 'url(https://example.com/image.jpg)' }\n   * }\n   */\n\n  const stylePropsIndexedByBreakpoint = Object.entries(styleProps).reduce<\n    Record<string, Record<string, PrimitiveValue>>\n  >((acc, [propName, valuesByBreakpoint]) => {\n    for (const [breakpointId, value] of Object.entries(valuesByBreakpoint)) {\n      if (!acc[breakpointId]) {\n        acc[breakpointId] = {};\n      }\n\n      acc[breakpointId][propName] = value;\n    }\n\n    return acc;\n  }, {});\n  /* [Data Format] `stylePropsIndexedByBreakpoint` contains the plain design values grouped by breakpoint\n   * stylePropsIndexedByBreakpoint = {\n   *   desktop: {\n   *     cfMargin: '42px',\n   *     cfBackgroundColor: 'rgba(246, 246, 246, 1)',\n   *     cfBackgroundImage: 'url(https://example.com/image.jpg)'\n   *   },\n   *   tablet: {\n   *     cfMargin: '13px'\n   *   }\n   * }\n   */\n\n  const stylesheetData = createStylesheetsForBuiltInStyles({\n    designPropertiesByBreakpoint: stylePropsIndexedByBreakpoint,\n    breakpoints,\n    node,\n  });\n  /* [Data Format] Stylesheet data provides objects containing `className`, `breakpointCondition`, and `css`.\n   * stylesheetData = [{\n   *    className: 'uniqueMD5Hash',\n   *    breakpointCondition: '<768px',\n   *    css: 'margin:13px;'\n   *  }, ...]\n   */\n  const mediaQuery = convertResolvedDesignValuesToMediaQuery(stylesheetData);\n  /* [Data Format] `mediaQuery` is a joined string of all media query CSS code\n   * mediaQuery = \".cfstyles-123{margin:42px;}@media(max-width:768px){.cfstyles-456{margin:13px;}}\"\n   */\n  return {\n    styleProps,\n    mediaQuery,\n    customDesignProps,\n    contentProps,\n  };\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"parseComponentProps.js","sources":["../../../src/utils/parseComponentProps.ts"],"sourcesContent":["import { isCfStyleAttribute, debug } from '@contentful/experiences-core';\nimport {\n  BoundComponentPropertyTypes,\n  BoundValue,\n  Breakpoint,\n  ComponentDefinition,\n  ComponentDefinitionVariable,\n  ComponentDefinitionVariableType,\n  ComponentTreeNode,\n  DesignValue,\n  PrimitiveValue,\n} from '@contentful/experiences-core/types';\nimport { convertResolvedDesignValuesToMediaQuery } from '../hooks/useMediaQuery';\nimport { createStylesheetsForBuiltInStyles } from '../hooks/useMediaQuery';\n\n// TODO: Test this for nested patterns as the name might be just a random hash without the actual name (needs to be validated).\nconst isSpecialCaseCssProp = (propName: string) => {\n  return propName === 'cfBackgroundImageUrl' || propName.startsWith('cfBackgroundImageUrl_');\n};\n\n/**\n * The previous logic of prop mapping was too complex and mixed different ues cases together.\n * In this function, I aim to simplify the logic by focusing on the following specific cases FOR PREVIEW/DELIVERY MODES\n * 1) Any non `DesignValue` props should be resolved and returned as is\n * 2) Some exceptions like `cfImageAsset` and `cfBackgroundImageUrl` (BoundValue) should be handled separately\n * and be resolved for the default breakpoint only (cause we don't allow binding per breakpoint anyway)\n * 3) Those DesignValue props which can be converted to CSS should be grouped and resolved into a CSS media query\n * for each breakpoint\n * 4) Those DesignValue props which can NOT be converted to CSS (custom design props) should be resolved dynamically\n * for each breakpoint\n */\nexport const parseComponentProps = ({\n  breakpoints,\n  mainBreakpoint,\n  componentDefinition,\n  node,\n  resolveCustomDesignValue,\n  resolveBoundValue,\n  resolveHyperlinkValue,\n  resolveUnboundValue,\n}: {\n  breakpoints: Breakpoint[];\n  mainBreakpoint: Breakpoint;\n  node: ComponentTreeNode;\n  componentDefinition: ComponentDefinition;\n  resolveCustomDesignValue: (data: {\n    propertyName: string;\n    valuesByBreakpoint: Record<string, PrimitiveValue>;\n  }) => PrimitiveValue;\n  resolveBoundValue: (data: {\n    propertyName: string;\n    dataType: ComponentDefinitionVariableType;\n    binding: BoundValue;\n  }) => BoundComponentPropertyTypes;\n  resolveHyperlinkValue: (data: { linkTargetKey: string }) => string | null;\n  resolveUnboundValue: (data: {\n    mappingKey: string;\n    defaultValue: ComponentDefinitionVariable['defaultValue'];\n  }) => PrimitiveValue;\n}) => {\n  const styleProps: Record<string, DesignValue['valuesByBreakpoint']> = {};\n  const customDesignProps: Record<string, PrimitiveValue> = {};\n  const contentProps: Record<string, PrimitiveValue> = {};\n\n  debug.log('Parsing component props for node with id: ', node.id);\n\n  for (const [propName, propDefinition] of Object.entries(componentDefinition.variables)) {\n    const propertyValue = node.variables[propName];\n    if (!propertyValue) continue;\n\n    switch (propertyValue.type) {\n      case 'DesignValue': {\n        if (isCfStyleAttribute(propName)) {\n          // for such properties we know how to convert them to CSS, so we will build a media query from it below after the loop is over\n          styleProps[propName] = propertyValue.valuesByBreakpoint;\n        } else {\n          // for custom design props, the value will be resolved with the javascript per breakpoint at runtime\n          customDesignProps[propName] = resolveCustomDesignValue({\n            propertyName: propName,\n            valuesByBreakpoint: propertyValue.valuesByBreakpoint,\n          });\n        }\n        break;\n      }\n      case 'BoundValue': {\n        const boundValue = resolveBoundValue({\n          propertyName: propName,\n          dataType: propDefinition.type as ComponentDefinitionVariableType,\n          binding: propertyValue,\n        });\n\n        const propValue = boundValue ?? propDefinition.defaultValue;\n\n        if (isSpecialCaseCssProp(propName)) {\n          styleProps[propName] = { [mainBreakpoint.id]: propValue };\n        } else {\n          contentProps[propName] = propValue;\n        }\n        break;\n      }\n\n      case 'HyperlinkValue': {\n        const hyperlink = resolveHyperlinkValue({\n          linkTargetKey: propertyValue.linkTargetKey,\n        });\n        if (hyperlink) {\n          contentProps[propName] = hyperlink;\n        }\n        break;\n      }\n      case 'UnboundValue': {\n        const unboundValue = resolveUnboundValue({\n          mappingKey: propertyValue.key,\n          defaultValue: propDefinition.defaultValue,\n        });\n\n        if (isSpecialCaseCssProp(propName)) {\n          styleProps[propName] = { [mainBreakpoint.id]: unboundValue };\n        } else {\n          contentProps[propName] = unboundValue;\n        }\n        break;\n      }\n      case 'ComponentValue':\n        // We're rendering a pattern entry. Content cannot be set for ComponentValue type properties\n        // directly in the pattern so we can safely use the default value\n        // This can either be a design (style) or a content variable\n        contentProps[propName] = propDefinition.defaultValue;\n        break;\n      default:\n        break;\n    }\n  }\n  /* [Data Format] After resolving all properties, `styleProps` contains solely the plain design values\n   * styleProps = {\n   *   cfMargin: { desktop: '42px', tablet: '13px' },\n   *   cfBackgroundColor: { desktop: 'rgba(246, 246, 246, 1)' },\n   *   cfBackgroundImage: { desktop: 'url(https://example.com/image.jpg)' }\n   * }\n   */\n\n  const stylePropsIndexedByBreakpoint = Object.entries(styleProps).reduce<\n    Record<string, Record<string, PrimitiveValue>>\n  >((acc, [propName, valuesByBreakpoint]) => {\n    for (const [breakpointId, value] of Object.entries(valuesByBreakpoint)) {\n      if (!acc[breakpointId]) {\n        acc[breakpointId] = {};\n      }\n\n      acc[breakpointId][propName] = value;\n    }\n\n    return acc;\n  }, {});\n  /* [Data Format] `stylePropsIndexedByBreakpoint` contains the plain design values grouped by breakpoint\n   * stylePropsIndexedByBreakpoint = {\n   *   desktop: {\n   *     cfMargin: '42px',\n   *     cfBackgroundColor: 'rgba(246, 246, 246, 1)',\n   *     cfBackgroundImage: 'url(https://example.com/image.jpg)'\n   *   },\n   *   tablet: {\n   *     cfMargin: '13px'\n   *   }\n   * }\n   */\n\n  const stylesheetData = createStylesheetsForBuiltInStyles({\n    designPropertiesByBreakpoint: stylePropsIndexedByBreakpoint,\n    breakpoints,\n    node,\n  });\n  /* [Data Format] Stylesheet data provides objects containing `className`, `breakpointCondition`, and `css`.\n   * stylesheetData = [{\n   *    className: 'uniqueMD5Hash',\n   *    breakpointCondition: '<768px',\n   *    css: 'margin:13px;'\n   *  }, ...]\n   */\n  const mediaQuery = convertResolvedDesignValuesToMediaQuery(stylesheetData);\n  /* [Data Format] `mediaQuery` is a joined string of all media query CSS code\n   * mediaQuery = \".cfstyles-123{margin:42px;}@media(max-width:768px){.cfstyles-456{margin:13px;}}\"\n   */\n  return {\n    styleProps,\n    mediaQuery,\n    customDesignProps,\n    contentProps,\n  };\n};\n"],"names":[],"mappings":";;;AAeA;AACA,MAAM,oBAAoB,GAAG,CAAC,QAAgB,KAAI;IAChD,OAAO,QAAQ,KAAK,sBAAsB,IAAI,QAAQ,CAAC,UAAU,CAAC,uBAAuB,CAAC,CAAC;AAC7F,CAAC,CAAC;AAEF;;;;;;;;;;AAUG;MACU,mBAAmB,GAAG,CAAC,EAClC,WAAW,EACX,cAAc,EACd,mBAAmB,EACnB,IAAI,EACJ,wBAAwB,EACxB,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,GAoBpB,KAAI;IACH,MAAM,UAAU,GAAsD,EAAE,CAAC;IACzE,MAAM,iBAAiB,GAAmC,EAAE,CAAC;IAC7D,MAAM,YAAY,GAAmC,EAAE,CAAC;IAExD,KAAK,CAAC,GAAG,CAAC,4CAA4C,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC;AAEjE,IAAA,KAAK,MAAM,CAAC,QAAQ,EAAE,cAAc,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,mBAAmB,CAAC,SAAS,CAAC,EAAE;QACtF,MAAM,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,CAAC;AAC/C,QAAA,IAAI,CAAC,aAAa;YAAE,SAAS;AAE7B,QAAA,QAAQ,aAAa,CAAC,IAAI;YACxB,KAAK,aAAa,EAAE;AAClB,gBAAA,IAAI,kBAAkB,CAAC,QAAQ,CAAC,EAAE;;AAEhC,oBAAA,UAAU,CAAC,QAAQ,CAAC,GAAG,aAAa,CAAC,kBAAkB,CAAC;iBACzD;qBAAM;;AAEL,oBAAA,iBAAiB,CAAC,QAAQ,CAAC,GAAG,wBAAwB,CAAC;AACrD,wBAAA,YAAY,EAAE,QAAQ;wBACtB,kBAAkB,EAAE,aAAa,CAAC,kBAAkB;AACrD,qBAAA,CAAC,CAAC;iBACJ;gBACD,MAAM;aACP;YACD,KAAK,YAAY,EAAE;gBACjB,MAAM,UAAU,GAAG,iBAAiB,CAAC;AACnC,oBAAA,YAAY,EAAE,QAAQ;oBACtB,QAAQ,EAAE,cAAc,CAAC,IAAuC;AAChE,oBAAA,OAAO,EAAE,aAAa;AACvB,iBAAA,CAAC,CAAC;AAEH,gBAAA,MAAM,SAAS,GAAG,UAAU,IAAI,cAAc,CAAC,YAAY,CAAC;AAE5D,gBAAA,IAAI,oBAAoB,CAAC,QAAQ,CAAC,EAAE;AAClC,oBAAA,UAAU,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,EAAE,GAAG,SAAS,EAAE,CAAC;iBAC3D;qBAAM;AACL,oBAAA,YAAY,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;iBACpC;gBACD,MAAM;aACP;YAED,KAAK,gBAAgB,EAAE;gBACrB,MAAM,SAAS,GAAG,qBAAqB,CAAC;oBACtC,aAAa,EAAE,aAAa,CAAC,aAAa;AAC3C,iBAAA,CAAC,CAAC;gBACH,IAAI,SAAS,EAAE;AACb,oBAAA,YAAY,CAAC,QAAQ,CAAC,GAAG,SAAS,CAAC;iBACpC;gBACD,MAAM;aACP;YACD,KAAK,cAAc,EAAE;gBACnB,MAAM,YAAY,GAAG,mBAAmB,CAAC;oBACvC,UAAU,EAAE,aAAa,CAAC,GAAG;oBAC7B,YAAY,EAAE,cAAc,CAAC,YAAY;AAC1C,iBAAA,CAAC,CAAC;AAEH,gBAAA,IAAI,oBAAoB,CAAC,QAAQ,CAAC,EAAE;AAClC,oBAAA,UAAU,CAAC,QAAQ,CAAC,GAAG,EAAE,CAAC,cAAc,CAAC,EAAE,GAAG,YAAY,EAAE,CAAC;iBAC9D;qBAAM;AACL,oBAAA,YAAY,CAAC,QAAQ,CAAC,GAAG,YAAY,CAAC;iBACvC;gBACD,MAAM;aACP;AACD,YAAA,KAAK,gBAAgB;;;;AAInB,gBAAA,YAAY,CAAC,QAAQ,CAAC,GAAG,cAAc,CAAC,YAAY,CAAC;gBACrD,MAAM;SAGT;KACF;AACD;;;;;;AAMG;IAEH,MAAM,6BAA6B,GAAG,MAAM,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,MAAM,CAErE,CAAC,GAAG,EAAE,CAAC,QAAQ,EAAE,kBAAkB,CAAC,KAAI;AACxC,QAAA,KAAK,MAAM,CAAC,YAAY,EAAE,KAAK,CAAC,IAAI,MAAM,CAAC,OAAO,CAAC,kBAAkB,CAAC,EAAE;AACtE,YAAA,IAAI,CAAC,GAAG,CAAC,YAAY,CAAC,EAAE;AACtB,gBAAA,GAAG,CAAC,YAAY,CAAC,GAAG,EAAE,CAAC;aACxB;YAED,GAAG,CAAC,YAAY,CAAC,CAAC,QAAQ,CAAC,GAAG,KAAK,CAAC;SACrC;AAED,QAAA,OAAO,GAAG,CAAC;KACZ,EAAE,EAAE,CAAC,CAAC;AACP;;;;;;;;;;;AAWG;IAEH,MAAM,cAAc,GAAG,iCAAiC,CAAC;AACvD,QAAA,4BAA4B,EAAE,6BAA6B;QAC3D,WAAW;QACX,IAAI;AACL,KAAA,CAAC,CAAC;AACH;;;;;;AAMG;AACH,IAAA,MAAM,UAAU,GAAG,uCAAuC,CAAC,cAAc,CAAC,CAAC;AAC3E;;AAEG;IACH,OAAO;QACL,UAAU;QACV,UAAU;QACV,iBAAiB;QACjB,YAAY;KACb,CAAC;AACJ;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experiences-sdk-react",
-  "version": "1.34.1",
+  "version": "1.35.0-beta.0",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "typings": "./dist/src/index.d.ts",
@@ -41,10 +41,10 @@
     "depcruise": "depcruise src"
   },
   "dependencies": {
-    "@contentful/experiences-components-react": "1.34.1",
-    "@contentful/experiences-core": "1.34.1",
-    "@contentful/experiences-validators": "1.34.1",
-    "@contentful/experiences-visual-editor-react": "1.34.1",
+    "@contentful/experiences-components-react": "1.35.0-beta.0",
+    "@contentful/experiences-core": "1.35.0-beta.0",
+    "@contentful/experiences-validators": "1.35.0-beta.0",
+    "@contentful/experiences-visual-editor-react": "1.35.0-beta.0",
     "@contentful/rich-text-types": "^17.0.0",
     "classnames": "^2.3.2",
     "csstype": "^3.1.2",
@@ -102,5 +102,5 @@
     "dist",
     "package.json"
   ],
-  "gitHead": "68e4b4e6738e0f5c8821fcd6d28dfe7d0530eda9"
+  "gitHead": "014f7979cea31b1a4b1fee111ed5b784ba4aaa2a"
 }