@contentful/experiences-sdk-react 3.3.0 → 3.3.1-beta.0

package/dist/blocks/preview/CompositionBlock.js

@@ -1,6 +1,6 @@
-import { jsx } from 'react/jsx-runtime';
+import { jsx, Fragment } from 'react/jsx-runtime';
 import React, { useMemo } from 'react';
-import { checkIsAssemblyNode, checkIsAssemblyEntry, transformBoundContentValue, resolveHyperlinkPattern, sanitizeNodeProps } from '@contentful/experiences-core';
+import { checkIsAssemblyNode, checkIsAssemblyEntry, transformBoundContentValue, resolveHyperlinkPattern, splitDirectAndSlotChildren, 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';
@@ -76,7 +76,6 @@ const CompositionBlock = ({ node: rawNode, locale, entityStore, hyperlinkPattern
             return {
                 ssrProps,
                 props,
-                customDesignProps: {},
             };
         }
         const ssrProps = {
@@ -125,28 +124,15 @@ const CompositionBlock = ({ node: rawNode, locale, entityStore, hyperlinkPattern
                 }
             },
         });
-        const slotsProps = {};
-        if (componentRegistration.definition.slots) {
-            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, wrappingParameters: wrappingParameters, patternRootNodeIdsChain: patternRootNodeIdsChain }));
-                }
-            }
-        }
         const props = {
             className: ssrProps.cfSsrClassName ?? mediaQuery?.className,
             ...styleProps,
             ...contentProps,
             ...customDesignProps,
-            ...slotsProps,
         };
         return {
             ssrProps,
             contentProps,
-            slotsProps,
-            styleProps,
-            customDesignProps,
             mediaQuery,
             props,
         };
@@ -160,8 +146,6 @@ const CompositionBlock = ({ node: rawNode, locale, entityStore, hyperlinkPattern
         resolveDesignValue,
         hyperlinkPattern,
         locale,
-        wrappingPatternIds,
-        wrappingParameters,
         patternRootNodeIdsChain,
     ]);
     // do not inject the stylesheet into the dom because it's already been done on the server side
@@ -186,20 +170,23 @@ const CompositionBlock = ({ node: rawNode, locale, entityStore, hyperlinkPattern
         }
         return getPatternChildNodeClassName?.(childNodeId);
     };
-    const children = componentRegistration.definition.children === true
-        ? node.children.map((childNode, index) => {
-            return (jsx(CompositionBlock, { getPatternChildNodeClassName: isPatternNode || getPatternChildNodeClassName
-                    ? _getPatternChildNodeClassName
-                    : undefined, node: childNode, locale: locale, hyperlinkPattern: hyperlinkPattern, entityStore: entityStore, resolveDesignValue: resolveDesignValue, wrappingPatternIds: wrappingPatternIds, wrappingParameters: wrappingParameters, patternRootNodeIdsChain: patternRootNodeIdsChain }, index));
-        })
-        : null;
+    const { slotNodesMap, directChildNodes } = splitDirectAndSlotChildren(node.children, componentRegistration.definition);
+    const renderChildNode = (childNode) => (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));
+    const renderedSlotNodesMap = Object.entries(slotNodesMap).reduce((acc, [slotId, nodes]) => {
+        if (nodes?.length) {
+            acc[slotId] = jsx(Fragment, { children: nodes.map((slotChildNode) => renderChildNode(slotChildNode)) });
+        }
+        return acc;
+    }, {});
+    const renderedChildren = directChildNodes?.map((childNode) => renderChildNode(childNode));
     // TODO: we might be able to remove this special case as well by not dropping the two props in the sanitizeNodeProps function
     if (isContainerOrSection(node.definitionId)) {
-        return (jsx(ContentfulContainer, { cfHyperlink: contentProps.cfHyperlink, cfOpenInNewTab: contentProps.cfOpenInNewTab, className: props.className, children: children }));
+        return (jsx(ContentfulContainer, { cfHyperlink: contentProps.cfHyperlink, cfOpenInNewTab: contentProps.cfOpenInNewTab, className: props.className, children: renderedChildren }));
     }
     return React.createElement(component, {
         ...sanitizeNodeProps(props),
-    }, children ?? (typeof props.children === 'string' ? props.children : null));
+        ...renderedSlotNodesMap,
+    }, renderedChildren);
 };
 const isContainerOrSection = (nodeDefinitionId) => [CONTENTFUL_COMPONENTS.container.id, CONTENTFUL_COMPONENTS.section.id].includes(nodeDefinitionId);
 

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 { Entry } from 'contentful';\nimport {\n  checkIsAssemblyEntry,\n  checkIsAssemblyNode,\n  EntityStore,\n  resolveHyperlinkPattern,\n  sanitizeNodeProps,\n  transformBoundContentValue,\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        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      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 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              wrappingParameters={wrappingParameters}\n              patternRootNodeIdsChain={patternRootNodeIdsChain}\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    isPatternEntry,\n    entityStore,\n    componentRegistration,\n    isPatternNode,\n    getPatternChildNodeClassName,\n    resolveDesignValue,\n    hyperlinkPattern,\n    locale,\n    wrappingPatternIds,\n    wrappingParameters,\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 children =\n    componentRegistration.definition.children === true\n      ? node.children.map((childNode: ComponentTreeNode, index) => {\n          return (\n            <CompositionBlock\n              getPatternChildNodeClassName={\n                isPatternNode || 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              wrappingParameters={wrappingParameters}\n              patternRootNodeIdsChain={patternRootNodeIdsChain}\n            />\n          );\n        })\n      : null;\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  if (isContainerOrSection(node.definitionId)) {\n    return (\n      <ContentfulContainer\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  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, { 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} 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) => (\n    <CompositionBlock\n      getPatternChildNodeClassName={\n        isPatternNode || getPatternChildNodeClassName ? _getPatternChildNodeClassName : undefined\n      }\n      node={childNode}\n      key={childNode.id}\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((slotChildNode) => renderChildNode(slotChildNode))}</>;\n      }\n      return acc;\n    },\n    {} as Record<string, React.JSX.Element>,\n  );\n\n  const renderedChildren = directChildNodes?.map((childNode) => renderChildNode(childNode));\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  if (isContainerOrSection(node.definitionId)) {\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    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"],"mappings":";;;;;;;;;;;AAgDa,MAAA,gBAAgB,GAAG,CAAC,EAC/B,IAAI,EAAE,OAAO,EACb,MAAM,EACN,WAAW,EACX,gBAAgB,EAChB,kBAAkB,EAClB,4BAA4B,EAC5B,kBAAkB,EAAE,wBAAwB,GAAG,IAAI,GAAG,EAAE,EACxD,kBAAkB,EAAE,wBAAwB,GAAG,EAAE,EACjD,uBAAuB,EAAE,6BAA6B,GAAG,EAAE,GACrC,KAAI;AAC1B,IAAA,MAAM,aAAa,GAAG,OAAO,CAAC,MAAK;AACjC,QAAA,OAAO,mBAAmB,CAAC;YACzB,WAAW,EAAE,OAAO,CAAC,YAAY;YACjC,cAAc,EAAE,WAAW,CAAC,cAAc;AAC3C,SAAA,CAAC,CAAC;KACJ,EAAE,CAAC,WAAW,CAAC,cAAc,EAAE,OAAO,CAAC,YAAY,CAAC,CAAC,CAAC;AAEvD,IAAA,MAAM,cAAc,GAAG,OAAO,CAAC,MAAK;QAClC,OAAO,oBAAoB,CAAC,EAAE,MAAM,EAAE,WAAW,CAAC,qBAAqB,EAAsB,CAAC,CAAC;AACjG,KAAC,EAAE,CAAC,WAAW,CAAC,CAAC,CAAC;AAElB,IAAA,MAAM,uBAAuB,GAAG,OAAO,CAAC,MAAK;QAC3C,IAAI,aAAa,EAAE;;AAEjB,YAAA,OAAO,GAAG,6BAA6B,CAAA,EAAG,OAAO,CAAC,EAAE,EAAE,CAAC;SACxD;AACD,QAAA,OAAO,6BAA6B,CAAC;KACtC,EAAE,CAAC,aAAa,EAAE,6BAA6B,EAAE,OAAO,CAAC,EAAE,CAAC,CAAC,CAAC;AAE/D,IAAA,MAAM,IAAI,GAAG,OAAO,CAAC,MAAK;QACxB,IAAI,aAAa,EAAE;AACjB,YAAA,OAAO,cAAc,CAAC;AACpB,gBAAA,IAAI,EAAE,OAAO;gBACb,WAAW;AACX,gBAAA,gBAAgB,EAAE,wBAAwB;gBAC1C,uBAAuB;AACxB,aAAA,CAAC,CAAC;SACJ;aAAM;AACL,YAAA,OAAO,OAAO,CAAC;SAChB;AACH,KAAC,EAAE,CAAC,WAAW,EAAE,aAAa,EAAE,OAAO,EAAE,wBAAwB,EAAE,uBAAuB,CAAC,CAAC,CAAC;AAE7F,IAAA,MAAM,kBAAkB,GAAG,OAAO,CAAC,MAAK;QACtC,IAAI,aAAa,EAAE;AACjB,YAAA,OAAO,IAAI,GAAG,CAAC,CAAC,IAAI,CAAC,YAAY,EAAE,GAAG,wBAAwB,CAAC,CAAC,CAAC;SAClE;AACD,QAAA,OAAO,wBAAwB,CAAC;KACjC,EAAE,CAAC,aAAa,EAAE,IAAI,EAAE,wBAAwB,CAAC,CAAC,CAAC;;;;AAKpD,IAAA,MAAM,kBAAkB,GAAG,OAAO,CAAC,MAAK;QACtC,IAAI,aAAa,EAAE;AACjB,YAAA,OAAO,EAAE,GAAG,wBAAwB,EAAE,IAAI,OAAO,CAAC,UAAU,IAAI,EAAE,CAAC,EAAE,CAAC;SACvE;AACD,QAAA,OAAO,wBAAwB,CAAC;KACjC,EAAE,CAAC,aAAa,EAAE,OAAO,EAAE,wBAAwB,CAAC,CAAC,CAAC;AAEvD,IAAA,MAAM,qBAAqB,GAAG,OAAO,CAAC,MAAK;QACzC,MAAM,YAAY,GAAG,wBAAwB,CAAC,IAAI,CAAC,YAAsB,CAAC,CAAC;AAE3E,QAAA,IAAI,aAAa,IAAI,CAAC,YAAY,EAAE;AAClC,YAAA,OAAO,0BAA0B,CAAC;gBAChC,YAAY,EAAE,IAAI,CAAC,YAAsB;AACzC,gBAAA,SAAS,EAAE,QAAQ;AACpB,aAAA,CAAC,CAAC;SACJ;AACD,QAAA,OAAO,YAAY,CAAC;KACrB,EAAE,CAAC,aAAa,EAAE,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC;AAEvC,IAAA,MAAM,EAAE,QAAQ,EAAE,YAAY,EAAE,KAAK,EAAE,UAAU,EAAE,GAAG,OAAO,CAAC,MAAK;;AAEjE,QAAA,MAAM,oBAAoB,GAAG,IAAI,CAAC,SAAS,CAAC,cAAyC,CAAC;QACtF,MAAM,cAAc,GAAG,WAAW,CAAC,WAAW,CAAC,CAAC,CAAC,CAAC;QAClD,MAAM,cAAc,GAAG,oBAAoB,EAAE,kBAAkB,GAAG,cAAc,CAAC,EAAE,CAEtE,CAAC;;AAGd,QAAA,IAAI,CAAC,qBAAqB,IAAI,aAAa,EAAE;AAC3C,YAAA,MAAM,QAAQ,GAAG,EAAE,cAAc,EAAE,CAAC;AACpC,YAAA,MAAM,KAAK,GAAmC,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC;YAC5E,OAAO;gBACL,QAAQ;gBACR,KAAK;aACN,CAAC;SACH;AAED,QAAA,MAAM,QAAQ,GAAuC;AACnD,YAAA,cAAc,EACZ,IAAI,CAAC,EAAE,IAAI,4BAA4B;AACrC,kBAAE,4BAA4B,CAAC,IAAI,CAAC,EAAE,CAAC;AACvC,kBAAE,cAAc;SACrB,CAAC;AAEF,QAAA,MAAM,EACJ,YAAY,GAAG,EAAE,EACjB,UAAU,GAAG,EAAE,EACf,iBAAiB,GAAG,EAAE,EACtB,UAAU,GACX,GAAG,mBAAmB,CAAC;YACtB,WAAW,EAAE,WAAW,CAAC,WAAW;YACpC,cAAc;YACd,mBAAmB,EAAE,qBAAqB,CAAC,UAAU;YACrD,uBAAuB;YACvB,IAAI;YACJ,kBAAkB;YAClB,iBAAiB,EAAE,CAAC,EAAE,OAAO,EAAE,YAAY,EAAE,QAAQ,EAAE,KAAI;AACzD,gBAAA,MAAM,GAAG,IAAI,CAAC,GAAG,OAAO,CAAC,IAAI,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC;gBACzC,MAAM,eAAe,GAAG,WAAW,CAAC,UAAU,CAAC,IAAI,CAAsC,CAAC;gBAC1F,OAAO,0BAA0B,CAC/B,IAAI,CAAC,SAAS,EACd,WAAW,EACX,eAAe,EACf,kBAAkB,EAClB,YAAY,EACZ,QAAQ,EACR,OAAO,CAAC,IAAI,CACb,CAAC;aACH;AACD,YAAA,qBAAqB,EAAE,CAAC,EAAE,aAAa,EAAE,KAAI;gBAC3C,MAAM,WAAW,GAAG,WAAW,CAAC,UAAU,CAAC,aAAa,CAAC,CAAC;gBAC1D,MAAM,cAAc,GAAG,WAAW,CAAC,eAAe,CAAC,WAAW,EAAE,aAAa,CAAC,CAAC;AAE/E,gBAAA,OAAO,uBAAuB,CAC5B,qBAAqB,CAAC,UAAU,CAAC,gBAAgB;oBAC/C,gBAAgB;AAChB,oBAAA,yBAAyB,EAC3B,cAAuB,EACvB,MAAM,CACP,CAAC;aACH;YACD,mBAAmB,EAAE,CAAC,EAAE,UAAU,EAAE,YAAY,EAAE,KAAI;gBACpD,OAAO,WAAW,CAAC,aAAa,CAAC,UAAU,CAAC,EAAE,KAAK,IAAI,YAAY,CAAC;aACrE;AACD,YAAA,sBAAsB,EAAE,CAAC,EAAE,UAAU,EAAE,YAAY,EAAE,QAAQ,EAAE,iBAAiB,EAAE,KAAI;gBACpF,IAAI,cAAc,EAAE;oBAClB,MAAM,IAAI,GAAG,sCAAsC,CAAC;AAClD,wBAAA,iBAAiB,EAAE,UAAU;wBAC7B,WAAW;AACZ,qBAAA,CAAC,CAAC;oBAEH,IAAI,IAAI,EAAE;AACR,wBAAA,OAAO,iBAAiB,CAAC;4BACvB,YAAY;4BACZ,QAAQ;AACR,4BAAA,OAAO,EAAE;AACP,gCAAA,IAAI,EAAE,YAAY;gCAClB,IAAI;AACL,6BAAA;AACF,yBAAA,CAAC,CAAC;qBACJ;iBACF;aACF;AACF,SAAA,CAAC,CAAC;AAEH,QAAA,MAAM,KAAK,GAAmC;AAC5C,YAAA,SAAS,EAAE,QAAQ,CAAC,cAAc,IAAI,UAAU,EAAE,SAAS;AAC3D,YAAA,GAAG,UAAU;AACb,YAAA,GAAG,YAAY;AACf,YAAA,GAAG,iBAAiB;SACrB,CAAC;QAEF,OAAO;YACL,QAAQ;YACR,YAAY;YACZ,UAAU;YACV,KAAK;SACN,CAAC;AACJ,KAAC,EAAE;QACD,IAAI;QACJ,cAAc;QACd,WAAW;QACX,qBAAqB;QACrB,aAAa;QACb,4BAA4B;QAC5B,kBAAkB;QAClB,gBAAgB;QAChB,MAAM;QACN,uBAAuB;AACxB,KAAA,CAAC,CAAC;;AAGH,IAAA,mBAAmB,CAAC,QAAQ,CAAC,cAAc,GAAG,SAAS,GAAG,UAAU,EAAE,GAAG,CAAC,CAAC;IAE3E,IAAI,CAAC,qBAAqB,EAAE;AAC1B,QAAA,OAAO,IAAI,CAAC;KACb;;IAGD,IAAI,wBAAwB,CAAC,GAAG,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE;AACnD,QAAA,OAAO,IAAI,CAAC;KACb;AAED,IAAA,MAAM,EAAE,SAAS,EAAE,SAAS,EAAE,GAAG,qBAAqB,CAAC;;AAGvD,IAAA,MAAM,6BAA6B,GAAG,CAAC,WAAmB,KAAI;QAC5D,IAAI,aAAa,EAAE;AACjB,YAAA,MAAM,YAAY,GAAG,CAAA,EAAG,uBAAuB,CAAI,CAAA,EAAA,WAAW,EAAE,CAAC;;YAEjE,MAAM,cAAc,GAA4B,IAAI,CAAC,SAAS,CAAC,cAAc,GAAG,YAAY,CAAC,CAAC;AAC9F,YAAA,IAAI,CAAC,cAAc;AAAE,gBAAA,OAAO,SAAS,CAAC;AACtC,YAAA,OAAO,kBAAkB,CAAC,cAAc,CAAC,kBAAkB,CAAW,CAAC;SACxE;AACD,QAAA,OAAO,4BAA4B,GAAG,WAAW,CAAC,CAAC;AACrD,KAAC,CAAC;AAEF,IAAA,MAAM,EAAE,YAAY,EAAE,gBAAgB,EAAE,GAAG,0BAA0B,CACnE,IAAI,CAAC,QAAQ,EACb,qBAAqB,CAAC,UAAU,CACjC,CAAC;AAEF,IAAA,MAAM,eAAe,GAAG,CAAC,SAA4B,MACnDA,GAAC,CAAA,gBAAgB,EACf,EAAA,4BAA4B,EAC1B,aAAa,IAAI,4BAA4B,GAAG,6BAA6B,GAAG,SAAS,EAE3F,IAAI,EAAE,SAAS,EAEf,MAAM,EAAE,MAAM,EACd,gBAAgB,EAAE,gBAAgB,EAClC,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,kBAAkB,EACtC,kBAAkB,EAAE,kBAAkB,EACtC,kBAAkB,EAAE,kBAAkB,EACtC,uBAAuB,EAAE,uBAAuB,EAAA,EAP3C,SAAS,CAAC,EAAE,CAQjB,CACH,CAAC;IAEF,MAAM,oBAAoB,GAAG,MAAM,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC,MAAM,CAC9D,CAAC,GAAG,EAAE,CAAC,MAAM,EAAE,KAAK,CAAC,KAAI;AACvB,QAAA,IAAI,KAAK,EAAE,MAAM,EAAE;YACjB,GAAG,CAAC,MAAM,CAAC,GAAGA,0BAAG,KAAK,CAAC,GAAG,CAAC,CAAC,aAAa,KAAK,eAAe,CAAC,aAAa,CAAC,CAAC,GAAI,CAAC;SACnF;AACD,QAAA,OAAO,GAAG,CAAC;KACZ,EACD,EAAuC,CACxC,CAAC;AAEF,IAAA,MAAM,gBAAgB,GAAG,gBAAgB,EAAE,GAAG,CAAC,CAAC,SAAS,KAAK,eAAe,CAAC,SAAS,CAAC,CAAC,CAAC;;AAG1F,IAAA,IAAI,oBAAoB,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE;QAC3C,QACEA,GAAC,CAAA,mBAAmB,EAClB,EAAA,WAAW,EAAG,YAA2B,CAAC,WAAW,EACrD,cAAc,EAAG,YAA2B,CAAC,cAAc,EAC3D,SAAS,EAAE,KAAK,CAAC,SAA+B,EAC/C,QAAA,EAAA,gBAAgB,EACG,CAAA,EACtB;KACH;AAED,IAAA,OAAO,KAAK,CAAC,aAAa,CACxB,SAAS,EACT;QACE,GAAG,iBAAiB,CAAC,KAAK,CAAC;AAC3B,QAAA,GAAG,oBAAoB;KACxB,EACD,gBAAgB,CACjB,CAAC;AACJ,EAAE;AAEF,MAAM,oBAAoB,GAAG,CAC3B,gBAAwB,KAExB,CAAC,qBAAqB,CAAC,SAAS,CAAC,EAAE,EAAE,qBAAqB,CAAC,OAAO,CAAC,EAAE,CAAC,CAAC,QAAQ,CAC7E,gBAAiE,CAClE;;;;"}

package/dist/core/componentRegistry.js

@@ -1,7 +1,7 @@
 import * as Components from '@contentful/experiences-components-react';
 import { containerDefinition, sectionDefinition, columnsDefinition, singleColumnDefinition, dividerDefinition } from '@contentful/experiences-components-react';
 import { CONTENTFUL_COMPONENTS, INTERNAL_EVENTS, OUTGOING_EVENTS, ASSEMBLY_DEFAULT_CATEGORY } from '@contentful/experiences-core/constants';
-import { builtInStyles, optionalBuiltInStyles, sendMessage, breakpointsRegistry, designTokensRegistry } from '@contentful/experiences-core';
+import { defineSdkOptions, builtInStyles, optionalBuiltInStyles, sendMessage, breakpointsRegistry, designTokensRegistry } from '@contentful/experiences-core';
 import { validateComponentDefinition } from '@contentful/experiences-validators';
 import { withComponentWrapper } from '../utils/withComponentWrapper.js';
 import { SDK_VERSION } from '../sdkVersion.js';
@@ -256,6 +256,11 @@ const defineComponents = (componentRegistrations, options) => {
             }
         }
     }
+    if (options?.__disableTextAlignmentTransform) {
+        defineSdkOptions({
+            __disableTextAlignmentTransform: true,
+        });
+    }
     for (const registration of componentRegistrations) {
         // Fill definitions with fallbacks values
         const enrichedComponentRegistration = enrichComponentDefinition(registration);

package/dist/core/componentRegistry.js.map

@@ -1 +1 @@
-{"version":3,"file":"componentRegistry.js","sources":["../../../src/core/componentRegistry.ts"],"sourcesContent":["import * as Components from '@contentful/experiences-components-react';\nimport type {\n  ComponentRegistration,\n  ComponentDefinition,\n  ComponentRegistrationOptions,\n  DesignTokensDefinition,\n} from '@contentful/experiences-core/types';\nimport {\n  OUTGOING_EVENTS,\n  INTERNAL_EVENTS,\n  CONTENTFUL_COMPONENTS,\n  ASSEMBLY_DEFAULT_CATEGORY,\n} from '@contentful/experiences-core/constants';\nimport {\n  builtInStyles as builtInStyleDefinitions,\n  designTokensRegistry,\n  breakpointsRegistry,\n  optionalBuiltInStyles,\n  sendMessage,\n} from '@contentful/experiences-core';\nimport { validateComponentDefinition } from '@contentful/experiences-validators';\nimport { withComponentWrapper } from '../utils/withComponentWrapper';\nimport { SDK_VERSION } from '../constants';\nimport {\n  sectionDefinition,\n  containerDefinition,\n  columnsDefinition,\n  singleColumnDefinition,\n  dividerDefinition,\n} from '@contentful/experiences-components-react';\n\nconst CssVarRegex = /var\\(--[\\w-]+\\)/;\n\nconst cloneObject = <T>(targetObject: T): T => {\n  if (typeof structuredClone !== 'undefined') {\n    return structuredClone(targetObject);\n  }\n\n  return JSON.parse(JSON.stringify(targetObject));\n};\n\nconst applyComponentDefinitionFallbacks = (componentDefinition: ComponentDefinition) => {\n  const clone = cloneObject(componentDefinition);\n  for (const variable of Object.values(clone.variables)) {\n    variable.group = variable.group ?? 'content';\n  }\n  return clone;\n};\n\nconst applyBuiltInStyleDefinitions = (componentDefinition: ComponentDefinition) => {\n  const clone = cloneObject(componentDefinition);\n\n  // set margin built-in style by default\n  if (!clone.builtInStyles) {\n    clone.builtInStyles = ['cfMargin'];\n  }\n\n  if (!clone.variables) {\n    clone.variables = {};\n  }\n\n  // Enforce the presence of this property for toggling visibility on any node\n  clone.variables['cfVisibility'] = builtInStyleDefinitions['cfVisibility'];\n\n  for (const style of clone.builtInStyles || []) {\n    if (builtInStyleDefinitions[style]) {\n      clone.variables[style] = builtInStyleDefinitions[style] as any; // TODO: fix type\n    }\n    if (optionalBuiltInStyles[style]) {\n      clone.variables[style] = optionalBuiltInStyles[style] as any; // TODO: fix type\n    }\n  }\n  return clone;\n};\n\nexport const enrichComponentDefinition = ({\n  component,\n  definition,\n  options,\n}: ComponentRegistration): ComponentRegistration => {\n  const definitionWithFallbacks = applyComponentDefinitionFallbacks(definition);\n  const definitionWithBuiltInStyles = applyBuiltInStyleDefinitions(definitionWithFallbacks);\n  return {\n    component: withComponentWrapper(component, options),\n    definition: definitionWithBuiltInStyles,\n    options,\n  };\n};\n\nconst DEFAULT_COMPONENT_REGISTRATIONS = {\n  container: {\n    component: Components.ContentfulContainer,\n    definition: containerDefinition,\n  },\n  section: {\n    component: Components.ContentfulContainer,\n    definition: sectionDefinition,\n  },\n  columns: {\n    component: Components.Columns,\n    definition: columnsDefinition,\n  },\n  singleColumn: {\n    component: Components.SingleColumn,\n    definition: singleColumnDefinition,\n  },\n  button: enrichComponentDefinition({\n    component: Components.Button,\n    definition: Components.ButtonComponentDefinition,\n    options: {\n      wrapComponent: false,\n    },\n  }),\n  heading: enrichComponentDefinition({\n    component: Components.Heading,\n    definition: Components.HeadingComponentDefinition,\n    options: {\n      wrapComponent: false,\n    },\n  }),\n  image: enrichComponentDefinition({\n    component: Components.Image,\n    definition: Components.ImageComponentDefinition,\n    options: { wrapComponent: false },\n  }),\n  richText: enrichComponentDefinition({\n    component: Components.RichText,\n    definition: Components.RichTextComponentDefinition,\n    options: {\n      wrapComponent: false,\n    },\n  }),\n  text: enrichComponentDefinition({\n    component: Components.Text,\n    definition: Components.TextComponentDefinition,\n    options: {\n      wrapComponent: false,\n    },\n  }),\n  divider: enrichComponentDefinition({\n    component: Components.ContentfulDivider,\n    definition: dividerDefinition,\n    options: {\n      wrapComponent: false,\n    },\n  }),\n  carousel: enrichComponentDefinition({\n    component: Components.Carousel,\n    definition: Components.carouselDefinition,\n    options: {\n      wrapComponent: false,\n    },\n  }),\n} satisfies Record<string, ComponentRegistration>;\n\n// pre-filling with the default component registrations\nexport const componentRegistry = new Map<string, ComponentRegistration>([\n  [DEFAULT_COMPONENT_REGISTRATIONS.section.definition.id, DEFAULT_COMPONENT_REGISTRATIONS.section],\n  [\n    DEFAULT_COMPONENT_REGISTRATIONS.container.definition.id,\n    DEFAULT_COMPONENT_REGISTRATIONS.container,\n  ],\n  [\n    DEFAULT_COMPONENT_REGISTRATIONS.singleColumn.definition.id,\n    DEFAULT_COMPONENT_REGISTRATIONS.singleColumn,\n  ],\n  [DEFAULT_COMPONENT_REGISTRATIONS.columns.definition.id, DEFAULT_COMPONENT_REGISTRATIONS.columns],\n  [DEFAULT_COMPONENT_REGISTRATIONS.button.definition.id, DEFAULT_COMPONENT_REGISTRATIONS.button],\n  [DEFAULT_COMPONENT_REGISTRATIONS.heading.definition.id, DEFAULT_COMPONENT_REGISTRATIONS.heading],\n  [DEFAULT_COMPONENT_REGISTRATIONS.image.definition.id, DEFAULT_COMPONENT_REGISTRATIONS.image],\n  [\n    DEFAULT_COMPONENT_REGISTRATIONS.richText.definition.id,\n    DEFAULT_COMPONENT_REGISTRATIONS.richText,\n  ],\n  [DEFAULT_COMPONENT_REGISTRATIONS.text.definition.id, DEFAULT_COMPONENT_REGISTRATIONS.text],\n  [DEFAULT_COMPONENT_REGISTRATIONS.divider.definition.id, DEFAULT_COMPONENT_REGISTRATIONS.divider],\n]);\n\nexport const optionalBuiltInComponents = [\n  DEFAULT_COMPONENT_REGISTRATIONS.button.definition.id,\n  DEFAULT_COMPONENT_REGISTRATIONS.heading.definition.id,\n  DEFAULT_COMPONENT_REGISTRATIONS.image.definition.id,\n  DEFAULT_COMPONENT_REGISTRATIONS.richText.definition.id,\n  DEFAULT_COMPONENT_REGISTRATIONS.text.definition.id,\n  DEFAULT_COMPONENT_REGISTRATIONS.divider.definition.id,\n];\n\nexport const sendRegisteredComponentsMessage = () => {\n  // Send the definitions (without components) via the connection message to the experience builder\n  const registeredDefinitions = Array.from(componentRegistry.values())\n    .map(({ definition }) => definition)\n    // Pattern definitions are empty placeholder within the SDK without variables\n    // We don't send those to the editor as they would overwrite the actual correct definitions.\n    .filter((definition) => definition.category !== ASSEMBLY_DEFAULT_CATEGORY);\n\n  sendMessage(OUTGOING_EVENTS.RegisteredComponents, {\n    definitions: registeredDefinitions,\n  });\n};\n\nexport const runRegisteredComponentValidations = () => {\n  Array.from(componentRegistry.values()).map(({ definition }) => {\n    const validation = validateComponentDefinition(definition);\n    if (!validation.success) {\n      throw new Error(\n        `Invalid component definition for component '${definition.name}'. Failed with errors: \\n${JSON.stringify(validation.errors, null, 2)}`,\n      );\n    }\n  });\n};\n\nconst getSingleCssVariableValue = (\n  element: HTMLDivElement,\n  cssVariableValue: string,\n  cssAttribute: any,\n) => {\n  element.style[cssAttribute] = cssVariableValue;\n  const styles = getComputedStyle(element);\n  const resolvedValue = styles.getPropertyValue(cssAttribute);\n  return resolvedValue;\n};\n\nconst getAllCssVariableValues = (\n  element: HTMLDivElement,\n  cssVariable: Record<string, string>,\n  cssAttribute: any,\n) => {\n  const resolvedCssVariables = {} as Record<string, string>;\n\n  Object.keys(cssVariable).forEach((key) => {\n    const cssVariableValue = cssVariable[key];\n    if (CssVarRegex.test(cssVariableValue)) {\n      const resolvedValue = getSingleCssVariableValue(element, cssVariableValue, cssAttribute);\n      resolvedCssVariables[cssVariableValue] = resolvedValue;\n    }\n  });\n  return resolvedCssVariables;\n};\n\ntype CssMapType = {\n  variable?: Record<string, string>;\n  property: string;\n};\n\nconst resolveCssVariables = (designTokensDefinition: DesignTokensDefinition) => {\n  const {\n    spacing,\n    sizing,\n    color,\n    borderRadius,\n    fontSize,\n    lineHeight,\n    letterSpacing,\n    textColor,\n    border,\n  } = designTokensDefinition;\n  const resolvedCssVariables = {} as Record<string, string>;\n\n  // Create an element\n  const element = document.createElement('div');\n  document.body.appendChild(element);\n\n  const cssProperties: CssMapType[] = [\n    { variable: spacing, property: 'margin' },\n    { variable: sizing, property: 'width' },\n    { variable: color, property: 'background-color' },\n    { variable: borderRadius, property: 'border-radius' },\n    { variable: fontSize, property: 'font-size' },\n    { variable: lineHeight, property: 'line-height' },\n    { variable: letterSpacing, property: 'letter-spacing' },\n    { variable: textColor, property: 'color' },\n  ];\n\n  cssProperties.forEach(({ variable, property }) => {\n    if (variable) {\n      const rawResolvedValues = getAllCssVariableValues(element, variable, property);\n      Object.assign(resolvedCssVariables, rawResolvedValues);\n    }\n  });\n\n  if (border) {\n    const tempResolvedValue = {} as Record<string, string>;\n    Object.keys(border).forEach((borderKey) => {\n      const { width, style, color } = border[borderKey];\n\n      if (width && CssVarRegex.test(width)) {\n        const resolvedValue = getSingleCssVariableValue(element, width, 'border-width');\n        tempResolvedValue[width] = resolvedValue;\n      }\n      if (style && CssVarRegex.test(style)) {\n        const resolvedValue = getSingleCssVariableValue(element, style, 'border-style');\n        tempResolvedValue[style] = resolvedValue;\n      }\n      if (color && CssVarRegex.test(color)) {\n        const resolvedValue = getSingleCssVariableValue(element, color, 'border-color');\n        tempResolvedValue[color] = resolvedValue;\n      }\n      Object.assign(resolvedCssVariables, tempResolvedValue);\n    });\n  }\n\n  document.body.removeChild(element);\n  return resolvedCssVariables;\n};\n\nexport const sendConnectedEventWithRegisteredComponents = () => {\n  // Send the definitions (without components) via the connection message to the experience builder\n  const registeredDefinitions = Array.from(componentRegistry.values()).map(\n    ({ definition }) => definition,\n  );\n\n  sendMessage(OUTGOING_EVENTS.Connected, {\n    sdkVersion: SDK_VERSION,\n    definitions: registeredDefinitions,\n  });\n\n  sendMessage(OUTGOING_EVENTS.RegisteredBreakpoints, {\n    breakpoints: breakpointsRegistry,\n  });\n\n  sendMessage(OUTGOING_EVENTS.DesignTokens, {\n    designTokens: designTokensRegistry,\n    resolvedCssVariables: resolveCssVariables(designTokensRegistry),\n  });\n};\n\n/**\n * Registers multiple components and their component definitions at once\n * @param componentRegistrations - ComponentRegistration[]\n * @returns void\n */\nexport const defineComponents = (\n  componentRegistrations: ComponentRegistration[],\n  options?: ComponentRegistrationOptions,\n) => {\n  if (options?.experimentalComponents?.carousel) {\n    componentRegistry.set(\n      CONTENTFUL_COMPONENTS.carousel.id,\n      DEFAULT_COMPONENT_REGISTRATIONS.carousel,\n    );\n  }\n\n  if (options?.enabledBuiltInComponents) {\n    for (const id of optionalBuiltInComponents) {\n      if (!options.enabledBuiltInComponents.includes(id)) {\n        componentRegistry.delete(id);\n      }\n    }\n  }\n\n  for (const registration of componentRegistrations) {\n    // Fill definitions with fallbacks values\n    const enrichedComponentRegistration = enrichComponentDefinition(registration);\n\n    componentRegistry.set(\n      enrichedComponentRegistration.definition.id,\n      enrichedComponentRegistration,\n    );\n  }\n\n  if (typeof window !== 'undefined') {\n    window.dispatchEvent(new CustomEvent(INTERNAL_EVENTS.ComponentsRegistered));\n  }\n};\n\n/**\n * use this function only in tests\n */\nexport const resetComponentRegistry = () => {\n  componentRegistry.clear();\n  for (const registration of Object.values(DEFAULT_COMPONENT_REGISTRATIONS)) {\n    componentRegistry.set(registration.definition.id, registration);\n  }\n};\n\nexport const getComponentRegistration = (id: string) => componentRegistry.get(id);\n\nexport const addComponentRegistration = (componentRegistration: ComponentRegistration) => {\n  componentRegistry.set(componentRegistration.definition.id, componentRegistration);\n};\n\nexport const createAssemblyRegistration = ({\n  definitionId,\n  definitionName,\n  component,\n}: {\n  definitionId: string;\n  definitionName?: string;\n  component: ComponentRegistration['component'];\n}) => {\n  const componentRegistration = componentRegistry.get(definitionId);\n\n  if (componentRegistration) {\n    return componentRegistration;\n  }\n\n  const definition = {\n    id: definitionId,\n    name: definitionName || 'Component',\n    variables: {},\n    children: true,\n    category: ASSEMBLY_DEFAULT_CATEGORY,\n  };\n\n  addComponentRegistration({ component, definition });\n\n  return componentRegistry.get(definitionId);\n};\n"],"names":["builtInStyleDefinitions"],"mappings":"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"}
+{"version":3,"file":"componentRegistry.js","sources":["../../../src/core/componentRegistry.ts"],"sourcesContent":["import * as Components from '@contentful/experiences-components-react';\nimport type {\n  ComponentRegistration,\n  ComponentDefinition,\n  ComponentRegistrationOptions,\n  DesignTokensDefinition,\n} from '@contentful/experiences-core/types';\nimport {\n  OUTGOING_EVENTS,\n  INTERNAL_EVENTS,\n  CONTENTFUL_COMPONENTS,\n  ASSEMBLY_DEFAULT_CATEGORY,\n} from '@contentful/experiences-core/constants';\nimport {\n  builtInStyles as builtInStyleDefinitions,\n  designTokensRegistry,\n  breakpointsRegistry,\n  optionalBuiltInStyles,\n  sendMessage,\n  defineSdkOptions,\n} from '@contentful/experiences-core';\nimport { validateComponentDefinition } from '@contentful/experiences-validators';\nimport { withComponentWrapper } from '../utils/withComponentWrapper';\nimport { SDK_VERSION } from '../constants';\nimport {\n  sectionDefinition,\n  containerDefinition,\n  columnsDefinition,\n  singleColumnDefinition,\n  dividerDefinition,\n} from '@contentful/experiences-components-react';\n\nconst CssVarRegex = /var\\(--[\\w-]+\\)/;\n\nconst cloneObject = <T>(targetObject: T): T => {\n  if (typeof structuredClone !== 'undefined') {\n    return structuredClone(targetObject);\n  }\n\n  return JSON.parse(JSON.stringify(targetObject));\n};\n\nconst applyComponentDefinitionFallbacks = (componentDefinition: ComponentDefinition) => {\n  const clone = cloneObject(componentDefinition);\n  for (const variable of Object.values(clone.variables)) {\n    variable.group = variable.group ?? 'content';\n  }\n  return clone;\n};\n\nconst applyBuiltInStyleDefinitions = (componentDefinition: ComponentDefinition) => {\n  const clone = cloneObject(componentDefinition);\n\n  // set margin built-in style by default\n  if (!clone.builtInStyles) {\n    clone.builtInStyles = ['cfMargin'];\n  }\n\n  if (!clone.variables) {\n    clone.variables = {};\n  }\n\n  // Enforce the presence of this property for toggling visibility on any node\n  clone.variables['cfVisibility'] = builtInStyleDefinitions['cfVisibility'];\n\n  for (const style of clone.builtInStyles || []) {\n    if (builtInStyleDefinitions[style]) {\n      clone.variables[style] = builtInStyleDefinitions[style] as any; // TODO: fix type\n    }\n    if (optionalBuiltInStyles[style]) {\n      clone.variables[style] = optionalBuiltInStyles[style] as any; // TODO: fix type\n    }\n  }\n  return clone;\n};\n\nexport const enrichComponentDefinition = ({\n  component,\n  definition,\n  options,\n}: ComponentRegistration): ComponentRegistration => {\n  const definitionWithFallbacks = applyComponentDefinitionFallbacks(definition);\n  const definitionWithBuiltInStyles = applyBuiltInStyleDefinitions(definitionWithFallbacks);\n  return {\n    component: withComponentWrapper(component, options),\n    definition: definitionWithBuiltInStyles,\n    options,\n  };\n};\n\nconst DEFAULT_COMPONENT_REGISTRATIONS = {\n  container: {\n    component: Components.ContentfulContainer,\n    definition: containerDefinition,\n  },\n  section: {\n    component: Components.ContentfulContainer,\n    definition: sectionDefinition,\n  },\n  columns: {\n    component: Components.Columns,\n    definition: columnsDefinition,\n  },\n  singleColumn: {\n    component: Components.SingleColumn,\n    definition: singleColumnDefinition,\n  },\n  button: enrichComponentDefinition({\n    component: Components.Button,\n    definition: Components.ButtonComponentDefinition,\n    options: {\n      wrapComponent: false,\n    },\n  }),\n  heading: enrichComponentDefinition({\n    component: Components.Heading,\n    definition: Components.HeadingComponentDefinition,\n    options: {\n      wrapComponent: false,\n    },\n  }),\n  image: enrichComponentDefinition({\n    component: Components.Image,\n    definition: Components.ImageComponentDefinition,\n    options: { wrapComponent: false },\n  }),\n  richText: enrichComponentDefinition({\n    component: Components.RichText,\n    definition: Components.RichTextComponentDefinition,\n    options: {\n      wrapComponent: false,\n    },\n  }),\n  text: enrichComponentDefinition({\n    component: Components.Text,\n    definition: Components.TextComponentDefinition,\n    options: {\n      wrapComponent: false,\n    },\n  }),\n  divider: enrichComponentDefinition({\n    component: Components.ContentfulDivider,\n    definition: dividerDefinition,\n    options: {\n      wrapComponent: false,\n    },\n  }),\n  carousel: enrichComponentDefinition({\n    component: Components.Carousel,\n    definition: Components.carouselDefinition,\n    options: {\n      wrapComponent: false,\n    },\n  }),\n} satisfies Record<string, ComponentRegistration>;\n\n// pre-filling with the default component registrations\nexport const componentRegistry = new Map<string, ComponentRegistration>([\n  [DEFAULT_COMPONENT_REGISTRATIONS.section.definition.id, DEFAULT_COMPONENT_REGISTRATIONS.section],\n  [\n    DEFAULT_COMPONENT_REGISTRATIONS.container.definition.id,\n    DEFAULT_COMPONENT_REGISTRATIONS.container,\n  ],\n  [\n    DEFAULT_COMPONENT_REGISTRATIONS.singleColumn.definition.id,\n    DEFAULT_COMPONENT_REGISTRATIONS.singleColumn,\n  ],\n  [DEFAULT_COMPONENT_REGISTRATIONS.columns.definition.id, DEFAULT_COMPONENT_REGISTRATIONS.columns],\n  [DEFAULT_COMPONENT_REGISTRATIONS.button.definition.id, DEFAULT_COMPONENT_REGISTRATIONS.button],\n  [DEFAULT_COMPONENT_REGISTRATIONS.heading.definition.id, DEFAULT_COMPONENT_REGISTRATIONS.heading],\n  [DEFAULT_COMPONENT_REGISTRATIONS.image.definition.id, DEFAULT_COMPONENT_REGISTRATIONS.image],\n  [\n    DEFAULT_COMPONENT_REGISTRATIONS.richText.definition.id,\n    DEFAULT_COMPONENT_REGISTRATIONS.richText,\n  ],\n  [DEFAULT_COMPONENT_REGISTRATIONS.text.definition.id, DEFAULT_COMPONENT_REGISTRATIONS.text],\n  [DEFAULT_COMPONENT_REGISTRATIONS.divider.definition.id, DEFAULT_COMPONENT_REGISTRATIONS.divider],\n]);\n\nexport const optionalBuiltInComponents = [\n  DEFAULT_COMPONENT_REGISTRATIONS.button.definition.id,\n  DEFAULT_COMPONENT_REGISTRATIONS.heading.definition.id,\n  DEFAULT_COMPONENT_REGISTRATIONS.image.definition.id,\n  DEFAULT_COMPONENT_REGISTRATIONS.richText.definition.id,\n  DEFAULT_COMPONENT_REGISTRATIONS.text.definition.id,\n  DEFAULT_COMPONENT_REGISTRATIONS.divider.definition.id,\n];\n\nexport const sendRegisteredComponentsMessage = () => {\n  // Send the definitions (without components) via the connection message to the experience builder\n  const registeredDefinitions = Array.from(componentRegistry.values())\n    .map(({ definition }) => definition)\n    // Pattern definitions are empty placeholder within the SDK without variables\n    // We don't send those to the editor as they would overwrite the actual correct definitions.\n    .filter((definition) => definition.category !== ASSEMBLY_DEFAULT_CATEGORY);\n\n  sendMessage(OUTGOING_EVENTS.RegisteredComponents, {\n    definitions: registeredDefinitions,\n  });\n};\n\nexport const runRegisteredComponentValidations = () => {\n  Array.from(componentRegistry.values()).map(({ definition }) => {\n    const validation = validateComponentDefinition(definition);\n    if (!validation.success) {\n      throw new Error(\n        `Invalid component definition for component '${definition.name}'. Failed with errors: \\n${JSON.stringify(validation.errors, null, 2)}`,\n      );\n    }\n  });\n};\n\nconst getSingleCssVariableValue = (\n  element: HTMLDivElement,\n  cssVariableValue: string,\n  cssAttribute: any,\n) => {\n  element.style[cssAttribute] = cssVariableValue;\n  const styles = getComputedStyle(element);\n  const resolvedValue = styles.getPropertyValue(cssAttribute);\n  return resolvedValue;\n};\n\nconst getAllCssVariableValues = (\n  element: HTMLDivElement,\n  cssVariable: Record<string, string>,\n  cssAttribute: any,\n) => {\n  const resolvedCssVariables = {} as Record<string, string>;\n\n  Object.keys(cssVariable).forEach((key) => {\n    const cssVariableValue = cssVariable[key];\n    if (CssVarRegex.test(cssVariableValue)) {\n      const resolvedValue = getSingleCssVariableValue(element, cssVariableValue, cssAttribute);\n      resolvedCssVariables[cssVariableValue] = resolvedValue;\n    }\n  });\n  return resolvedCssVariables;\n};\n\ntype CssMapType = {\n  variable?: Record<string, string>;\n  property: string;\n};\n\nconst resolveCssVariables = (designTokensDefinition: DesignTokensDefinition) => {\n  const {\n    spacing,\n    sizing,\n    color,\n    borderRadius,\n    fontSize,\n    lineHeight,\n    letterSpacing,\n    textColor,\n    border,\n  } = designTokensDefinition;\n  const resolvedCssVariables = {} as Record<string, string>;\n\n  // Create an element\n  const element = document.createElement('div');\n  document.body.appendChild(element);\n\n  const cssProperties: CssMapType[] = [\n    { variable: spacing, property: 'margin' },\n    { variable: sizing, property: 'width' },\n    { variable: color, property: 'background-color' },\n    { variable: borderRadius, property: 'border-radius' },\n    { variable: fontSize, property: 'font-size' },\n    { variable: lineHeight, property: 'line-height' },\n    { variable: letterSpacing, property: 'letter-spacing' },\n    { variable: textColor, property: 'color' },\n  ];\n\n  cssProperties.forEach(({ variable, property }) => {\n    if (variable) {\n      const rawResolvedValues = getAllCssVariableValues(element, variable, property);\n      Object.assign(resolvedCssVariables, rawResolvedValues);\n    }\n  });\n\n  if (border) {\n    const tempResolvedValue = {} as Record<string, string>;\n    Object.keys(border).forEach((borderKey) => {\n      const { width, style, color } = border[borderKey];\n\n      if (width && CssVarRegex.test(width)) {\n        const resolvedValue = getSingleCssVariableValue(element, width, 'border-width');\n        tempResolvedValue[width] = resolvedValue;\n      }\n      if (style && CssVarRegex.test(style)) {\n        const resolvedValue = getSingleCssVariableValue(element, style, 'border-style');\n        tempResolvedValue[style] = resolvedValue;\n      }\n      if (color && CssVarRegex.test(color)) {\n        const resolvedValue = getSingleCssVariableValue(element, color, 'border-color');\n        tempResolvedValue[color] = resolvedValue;\n      }\n      Object.assign(resolvedCssVariables, tempResolvedValue);\n    });\n  }\n\n  document.body.removeChild(element);\n  return resolvedCssVariables;\n};\n\nexport const sendConnectedEventWithRegisteredComponents = () => {\n  // Send the definitions (without components) via the connection message to the experience builder\n  const registeredDefinitions = Array.from(componentRegistry.values()).map(\n    ({ definition }) => definition,\n  );\n\n  sendMessage(OUTGOING_EVENTS.Connected, {\n    sdkVersion: SDK_VERSION,\n    definitions: registeredDefinitions,\n  });\n\n  sendMessage(OUTGOING_EVENTS.RegisteredBreakpoints, {\n    breakpoints: breakpointsRegistry,\n  });\n\n  sendMessage(OUTGOING_EVENTS.DesignTokens, {\n    designTokens: designTokensRegistry,\n    resolvedCssVariables: resolveCssVariables(designTokensRegistry),\n  });\n};\n\n/**\n * Registers multiple components and their component definitions at once\n * @param componentRegistrations - ComponentRegistration[]\n * @returns void\n */\nexport const defineComponents = (\n  componentRegistrations: ComponentRegistration[],\n  options?: ComponentRegistrationOptions,\n) => {\n  if (options?.experimentalComponents?.carousel) {\n    componentRegistry.set(\n      CONTENTFUL_COMPONENTS.carousel.id,\n      DEFAULT_COMPONENT_REGISTRATIONS.carousel,\n    );\n  }\n\n  if (options?.enabledBuiltInComponents) {\n    for (const id of optionalBuiltInComponents) {\n      if (!options.enabledBuiltInComponents.includes(id)) {\n        componentRegistry.delete(id);\n      }\n    }\n  }\n\n  if (options?.__disableTextAlignmentTransform) {\n    defineSdkOptions({\n      __disableTextAlignmentTransform: true,\n    });\n  }\n\n  for (const registration of componentRegistrations) {\n    // Fill definitions with fallbacks values\n    const enrichedComponentRegistration = enrichComponentDefinition(registration);\n\n    componentRegistry.set(\n      enrichedComponentRegistration.definition.id,\n      enrichedComponentRegistration,\n    );\n  }\n\n  if (typeof window !== 'undefined') {\n    window.dispatchEvent(new CustomEvent(INTERNAL_EVENTS.ComponentsRegistered));\n  }\n};\n\n/**\n * use this function only in tests\n */\nexport const resetComponentRegistry = () => {\n  componentRegistry.clear();\n  for (const registration of Object.values(DEFAULT_COMPONENT_REGISTRATIONS)) {\n    componentRegistry.set(registration.definition.id, registration);\n  }\n};\n\nexport const getComponentRegistration = (id: string) => componentRegistry.get(id);\n\nexport const addComponentRegistration = (componentRegistration: ComponentRegistration) => {\n  componentRegistry.set(componentRegistration.definition.id, componentRegistration);\n};\n\nexport const createAssemblyRegistration = ({\n  definitionId,\n  definitionName,\n  component,\n}: {\n  definitionId: string;\n  definitionName?: string;\n  component: ComponentRegistration['component'];\n}) => {\n  const componentRegistration = componentRegistry.get(definitionId);\n\n  if (componentRegistration) {\n    return componentRegistration;\n  }\n\n  const definition = {\n    id: definitionId,\n    name: definitionName || 'Component',\n    variables: {},\n    children: true,\n    category: ASSEMBLY_DEFAULT_CATEGORY,\n  };\n\n  addComponentRegistration({ component, definition });\n\n  return componentRegistry.get(definitionId);\n};\n"],"names":["builtInStyleDefinitions"],"mappings":"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"}

package/dist/hooks/useInitializeVisualEditor.js

@@ -1,5 +1,5 @@
 import { useState, useRef, useEffect } from 'react';
-import { runBreakpointsValidation, designTokensRegistry, breakpointsRegistry } from '@contentful/experiences-core';
+import { runBreakpointsValidation, designTokensRegistry, breakpointsRegistry, sdkOptionsRegistry } from '@contentful/experiences-core';
 import { runRegisteredComponentValidations, sendConnectedEventWithRegisteredComponents, sendRegisteredComponentsMessage, componentRegistry } from '../core/componentRegistry.js';
 import { INTERNAL_EVENTS, VISUAL_EDITOR_EVENTS } from '@contentful/experiences-core/constants';
 
@@ -40,6 +40,7 @@ const useInitializeVisualEditor = (params) => {
                     componentRegistry,
                     designTokens: designTokensRegistry,
                     breakpoints: breakpointsRegistry,
+                    sdkOptions: sdkOptionsRegistry,
                     locale,
                     entities: initialEntities ?? [],
                 },

package/dist/hooks/useInitializeVisualEditor.js.map

@@ -1 +1 @@
-{"version":3,"file":"useInitializeVisualEditor.js","sources":["../../../src/hooks/useInitializeVisualEditor.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { EntityStore, breakpointsRegistry } from '@contentful/experiences-core';\nimport {\n  componentRegistry,\n  sendConnectedEventWithRegisteredComponents,\n  sendRegisteredComponentsMessage,\n  runRegisteredComponentValidations,\n} from '../core/componentRegistry';\nimport { INTERNAL_EVENTS, VISUAL_EDITOR_EVENTS } from '@contentful/experiences-core/constants';\nimport { designTokensRegistry, runBreakpointsValidation } from '@contentful/experiences-core';\n\ntype InitializeVisualEditorParams = {\n  initialLocale: string;\n  initialEntities?: EntityStore['entities'];\n};\n\nexport const useInitializeVisualEditor = (params: InitializeVisualEditorParams) => {\n  const { initialLocale, initialEntities } = params;\n  const [locale, setLocale] = useState<string>(initialLocale);\n  const hasConnectEventBeenSent = useRef(false);\n\n  // sends component definitions to the web app\n  // InternalEvents.COMPONENTS_REGISTERED is triggered by defineComponents function\n  useEffect(() => {\n    if (!hasConnectEventBeenSent.current) {\n      runRegisteredComponentValidations();\n      runBreakpointsValidation();\n      // sending CONNECT but with the registered components now\n      sendConnectedEventWithRegisteredComponents();\n      hasConnectEventBeenSent.current = true;\n    }\n\n    const onComponentsRegistered = () => {\n      runRegisteredComponentValidations();\n      sendRegisteredComponentsMessage();\n    };\n\n    if (typeof window !== 'undefined') {\n      window.addEventListener(INTERNAL_EVENTS.ComponentsRegistered, onComponentsRegistered);\n    }\n\n    return () => {\n      if (typeof window !== 'undefined') {\n        window.removeEventListener(INTERNAL_EVENTS.ComponentsRegistered, onComponentsRegistered);\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    setLocale(initialLocale);\n  }, [initialLocale]);\n\n  useEffect(() => {\n    const onVisualEditorReady = () => {\n      window.dispatchEvent(\n        new CustomEvent(INTERNAL_EVENTS.VisualEditorInitialize, {\n          detail: {\n            componentRegistry,\n            designTokens: designTokensRegistry,\n            breakpoints: breakpointsRegistry,\n            locale,\n            entities: initialEntities ?? [],\n          },\n        }),\n      );\n    };\n\n    window.addEventListener(VISUAL_EDITOR_EVENTS.Ready, onVisualEditorReady);\n    return () => {\n      window.removeEventListener(VISUAL_EDITOR_EVENTS.Ready, onVisualEditorReady);\n    };\n  }, [locale, initialEntities]);\n};\n"],"names":[],"mappings":";;;;;AAgBa,MAAA,yBAAyB,GAAG,CAAC,MAAoC,KAAI;AAChF,IAAA,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,GAAG,MAAM,CAAC;IAClD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,aAAa,CAAC,CAAC;AAC5D,IAAA,MAAM,uBAAuB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;;;IAI9C,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,uBAAuB,CAAC,OAAO,EAAE;AACpC,YAAA,iCAAiC,EAAE,CAAC;AACpC,YAAA,wBAAwB,EAAE,CAAC;;AAE3B,YAAA,0CAA0C,EAAE,CAAC;AAC7C,YAAA,uBAAuB,CAAC,OAAO,GAAG,IAAI,CAAC;SACxC;QAED,MAAM,sBAAsB,GAAG,MAAK;AAClC,YAAA,iCAAiC,EAAE,CAAC;AACpC,YAAA,+BAA+B,EAAE,CAAC;AACpC,SAAC,CAAC;AAEF,QAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,MAAM,CAAC,gBAAgB,CAAC,eAAe,CAAC,oBAAoB,EAAE,sBAAsB,CAAC,CAAC;SACvF;AAED,QAAA,OAAO,MAAK;AACV,YAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;gBACjC,MAAM,CAAC,mBAAmB,CAAC,eAAe,CAAC,oBAAoB,EAAE,sBAAsB,CAAC,CAAC;aAC1F;AACH,SAAC,CAAC;KACH,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,MAAK;QACb,SAAS,CAAC,aAAa,CAAC,CAAC;AAC3B,KAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,SAAS,CAAC,MAAK;QACb,MAAM,mBAAmB,GAAG,MAAK;YAC/B,MAAM,CAAC,aAAa,CAClB,IAAI,WAAW,CAAC,eAAe,CAAC,sBAAsB,EAAE;AACtD,gBAAA,MAAM,EAAE;oBACN,iBAAiB;AACjB,oBAAA,YAAY,EAAE,oBAAoB;AAClC,oBAAA,WAAW,EAAE,mBAAmB;oBAChC,MAAM;oBACN,QAAQ,EAAE,eAAe,IAAI,EAAE;AAChC,iBAAA;AACF,aAAA,CAAC,CACH,CAAC;AACJ,SAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC;AACzE,QAAA,OAAO,MAAK;YACV,MAAM,CAAC,mBAAmB,CAAC,oBAAoB,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC;AAC9E,SAAC,CAAC;AACJ,KAAC,EAAE,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC;AAChC;;;;"}
+{"version":3,"file":"useInitializeVisualEditor.js","sources":["../../../src/hooks/useInitializeVisualEditor.ts"],"sourcesContent":["import { useEffect, useRef, useState } from 'react';\nimport { EntityStore, breakpointsRegistry } from '@contentful/experiences-core';\nimport {\n  componentRegistry,\n  sendConnectedEventWithRegisteredComponents,\n  sendRegisteredComponentsMessage,\n  runRegisteredComponentValidations,\n} from '../core/componentRegistry';\nimport { INTERNAL_EVENTS, VISUAL_EDITOR_EVENTS } from '@contentful/experiences-core/constants';\nimport {\n  designTokensRegistry,\n  runBreakpointsValidation,\n  sdkOptionsRegistry,\n} from '@contentful/experiences-core';\n\ntype InitializeVisualEditorParams = {\n  initialLocale: string;\n  initialEntities?: EntityStore['entities'];\n};\n\nexport const useInitializeVisualEditor = (params: InitializeVisualEditorParams) => {\n  const { initialLocale, initialEntities } = params;\n  const [locale, setLocale] = useState<string>(initialLocale);\n  const hasConnectEventBeenSent = useRef(false);\n\n  // sends component definitions to the web app\n  // InternalEvents.COMPONENTS_REGISTERED is triggered by defineComponents function\n  useEffect(() => {\n    if (!hasConnectEventBeenSent.current) {\n      runRegisteredComponentValidations();\n      runBreakpointsValidation();\n      // sending CONNECT but with the registered components now\n      sendConnectedEventWithRegisteredComponents();\n      hasConnectEventBeenSent.current = true;\n    }\n\n    const onComponentsRegistered = () => {\n      runRegisteredComponentValidations();\n      sendRegisteredComponentsMessage();\n    };\n\n    if (typeof window !== 'undefined') {\n      window.addEventListener(INTERNAL_EVENTS.ComponentsRegistered, onComponentsRegistered);\n    }\n\n    return () => {\n      if (typeof window !== 'undefined') {\n        window.removeEventListener(INTERNAL_EVENTS.ComponentsRegistered, onComponentsRegistered);\n      }\n    };\n  }, []);\n\n  useEffect(() => {\n    setLocale(initialLocale);\n  }, [initialLocale]);\n\n  useEffect(() => {\n    const onVisualEditorReady = () => {\n      window.dispatchEvent(\n        new CustomEvent(INTERNAL_EVENTS.VisualEditorInitialize, {\n          detail: {\n            componentRegistry,\n            designTokens: designTokensRegistry,\n            breakpoints: breakpointsRegistry,\n            sdkOptions: sdkOptionsRegistry,\n            locale,\n            entities: initialEntities ?? [],\n          },\n        }),\n      );\n    };\n\n    window.addEventListener(VISUAL_EDITOR_EVENTS.Ready, onVisualEditorReady);\n    return () => {\n      window.removeEventListener(VISUAL_EDITOR_EVENTS.Ready, onVisualEditorReady);\n    };\n  }, [locale, initialEntities]);\n};\n"],"names":[],"mappings":";;;;;AAoBa,MAAA,yBAAyB,GAAG,CAAC,MAAoC,KAAI;AAChF,IAAA,MAAM,EAAE,aAAa,EAAE,eAAe,EAAE,GAAG,MAAM,CAAC;IAClD,MAAM,CAAC,MAAM,EAAE,SAAS,CAAC,GAAG,QAAQ,CAAS,aAAa,CAAC,CAAC;AAC5D,IAAA,MAAM,uBAAuB,GAAG,MAAM,CAAC,KAAK,CAAC,CAAC;;;IAI9C,SAAS,CAAC,MAAK;AACb,QAAA,IAAI,CAAC,uBAAuB,CAAC,OAAO,EAAE;AACpC,YAAA,iCAAiC,EAAE,CAAC;AACpC,YAAA,wBAAwB,EAAE,CAAC;;AAE3B,YAAA,0CAA0C,EAAE,CAAC;AAC7C,YAAA,uBAAuB,CAAC,OAAO,GAAG,IAAI,CAAC;SACxC;QAED,MAAM,sBAAsB,GAAG,MAAK;AAClC,YAAA,iCAAiC,EAAE,CAAC;AACpC,YAAA,+BAA+B,EAAE,CAAC;AACpC,SAAC,CAAC;AAEF,QAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;YACjC,MAAM,CAAC,gBAAgB,CAAC,eAAe,CAAC,oBAAoB,EAAE,sBAAsB,CAAC,CAAC;SACvF;AAED,QAAA,OAAO,MAAK;AACV,YAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;gBACjC,MAAM,CAAC,mBAAmB,CAAC,eAAe,CAAC,oBAAoB,EAAE,sBAAsB,CAAC,CAAC;aAC1F;AACH,SAAC,CAAC;KACH,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,MAAK;QACb,SAAS,CAAC,aAAa,CAAC,CAAC;AAC3B,KAAC,EAAE,CAAC,aAAa,CAAC,CAAC,CAAC;IAEpB,SAAS,CAAC,MAAK;QACb,MAAM,mBAAmB,GAAG,MAAK;YAC/B,MAAM,CAAC,aAAa,CAClB,IAAI,WAAW,CAAC,eAAe,CAAC,sBAAsB,EAAE;AACtD,gBAAA,MAAM,EAAE;oBACN,iBAAiB;AACjB,oBAAA,YAAY,EAAE,oBAAoB;AAClC,oBAAA,WAAW,EAAE,mBAAmB;AAChC,oBAAA,UAAU,EAAE,kBAAkB;oBAC9B,MAAM;oBACN,QAAQ,EAAE,eAAe,IAAI,EAAE;AAChC,iBAAA;AACF,aAAA,CAAC,CACH,CAAC;AACJ,SAAC,CAAC;QAEF,MAAM,CAAC,gBAAgB,CAAC,oBAAoB,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC;AACzE,QAAA,OAAO,MAAK;YACV,MAAM,CAAC,mBAAmB,CAAC,oBAAoB,CAAC,KAAK,EAAE,mBAAmB,CAAC,CAAC;AAC9E,SAAC,CAAC;AACJ,KAAC,EAAE,CAAC,MAAM,EAAE,eAAe,CAAC,CAAC,CAAC;AAChC;;;;"}

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.3.0";
+declare const SDK_VERSION = "3.3.1-beta.0";
 
 type ExperienceRootProps = {
     experience?: Experience<EntityStore> | string | null;

package/dist/sdkVersion.js

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

package/dist/src/sdkVersion.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "3.3.0";
+export declare const SDK_VERSION = "3.3.1-beta.0";

package/dist/utils/withComponentWrapper.js

@@ -1,6 +1,18 @@
 import { jsx } from 'react/jsx-runtime';
 import React from 'react';
 
+// NOTE: We're use this as a default for `options`. When only one option is explicitly defined,
+// all other default options are dropped as we're not merging the provided options with the default ones.
+// We started merging both options with SDK v3 but many customers wouldn't upgrade as it suddenly added
+// wrappers to their components because they only set the options to `{ wrapContainerWidth: "100%" }`.
+// With v2, it results in `wrapComponent` being undefined but with v3, it resulted in it being `true` and
+// thus causing unexpected layout changes.
+// We rolled back that change to let customers migrate smoothly for now but will adjust this behaviour with
+// v4.
+const DEFAULT_OPTIONS = {
+    wrapComponent: true,
+    wrapContainer: 'div',
+};
 /**
  * Sets up a component to be consumed by Experience Builder. This function can be used to wrap a component with a container component, or to pass props to the component directly.
  * @param Component Component to be used by Experience Builder.
@@ -8,17 +20,11 @@ import React from 'react';
  * @default { wrapComponent: true, wrapContainer: 'div' }
  * @returns A component that can be passed to `defineComponents`.
  */
-function withComponentWrapper(Component, options = {}) {
-    const mergedOptions = {
-        // Merge default values with overwriting options
-        wrapComponent: true,
-        wrapContainer: 'div',
-        ...options,
-    };
+function withComponentWrapper(Component, options = DEFAULT_OPTIONS) {
     const Wrapped = (props) => {
-        const Tag = mergedOptions.wrapContainer;
+        const Tag = options.wrapContainer ?? 'div';
         const { className = '', 'data-cf-node-id': dataCfNodeId, 'data-cf-node-block-id': dataCfNodeBlockId, 'data-cf-node-block-type': dataCfNodeBlockType, ...componentProps } = props;
-        const component = mergedOptions.wrapComponent ? (jsx(Tag, { "data-component-wrapper": true, className: className, "data-cf-node-id": dataCfNodeId, "data-cf-node-block-id": dataCfNodeBlockId, "data-cf-node-block-type": dataCfNodeBlockType, children: jsx(Component, { ...componentProps }) })) : (React.createElement(Component, props));
+        const component = options.wrapComponent ? (jsx(Tag, { "data-component-wrapper": true, className: className, "data-cf-node-id": dataCfNodeId, "data-cf-node-block-id": dataCfNodeBlockId, "data-cf-node-block-type": dataCfNodeBlockType, children: jsx(Component, { ...componentProps }) })) : (React.createElement(Component, props));
         return component;
     };
     return Wrapped;

package/dist/utils/withComponentWrapper.js.map

@@ -1 +1 @@
-{"version":3,"file":"withComponentWrapper.js","sources":["../../../src/utils/withComponentWrapper.tsx"],"sourcesContent":["import { ComponentRegistration } from '@contentful/experiences-core/types';\nimport React from 'react';\ninterface CFProps extends React.HtmlHTMLAttributes<HTMLElement> {\n  /**\n   * Classes to be applied to the container component if `wrapComponent` is true, or directly to the child component if false.\n   */\n  className?: string;\n  'data-cf-node-id': string;\n  'data-cf-node-block-id': string;\n  'data-cf-node-block-type': string;\n}\n\n/**\n * Sets up a component to be consumed by Experience Builder. This function can be used to wrap a component with a container component, or to pass props to the component directly.\n * @param Component Component to be used by Experience Builder.\n * @param options Options for the `withComponentWrapper` function.\n * @default { wrapComponent: true, wrapContainer: 'div' }\n * @returns A component that can be passed to `defineComponents`.\n */\nexport function withComponentWrapper<T>(\n  Component: React.ElementType,\n  options: ComponentRegistration['options'] = {},\n) {\n  const mergedOptions = {\n    // Merge default values with overwriting options\n    wrapComponent: true,\n    wrapContainer: 'div' as keyof JSX.IntrinsicElements,\n    ...options,\n  };\n  const Wrapped: React.FC<CFProps & T> = (props) => {\n    const Tag = mergedOptions.wrapContainer;\n    const {\n      className = '',\n      'data-cf-node-id': dataCfNodeId,\n      'data-cf-node-block-id': dataCfNodeBlockId,\n      'data-cf-node-block-type': dataCfNodeBlockType,\n      ...componentProps\n    } = props;\n    const component = mergedOptions.wrapComponent ? (\n      <Tag\n        data-component-wrapper\n        className={className}\n        data-cf-node-id={dataCfNodeId}\n        data-cf-node-block-id={dataCfNodeBlockId}\n        data-cf-node-block-type={dataCfNodeBlockType}>\n        <Component {...componentProps} />\n      </Tag>\n    ) : (\n      React.createElement(Component, props)\n    );\n    return component;\n  };\n\n  return Wrapped;\n}\n"],"names":["_jsx"],"mappings":";;;AAYA;;;;;;AAMG;SACa,oBAAoB,CAClC,SAA4B,EAC5B,UAA4C,EAAE,EAAA;AAE9C,IAAA,MAAM,aAAa,GAAG;;AAEpB,QAAA,aAAa,EAAE,IAAI;AACnB,QAAA,aAAa,EAAE,KAAoC;AACnD,QAAA,GAAG,OAAO;KACX,CAAC;AACF,IAAA,MAAM,OAAO,GAA0B,CAAC,KAAK,KAAI;AAC/C,QAAA,MAAM,GAAG,GAAG,aAAa,CAAC,aAAa,CAAC;QACxC,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,iBAAiB,EAAE,YAAY,EAC/B,uBAAuB,EAAE,iBAAiB,EAC1C,yBAAyB,EAAE,mBAAmB,EAC9C,GAAG,cAAc,EAClB,GAAG,KAAK,CAAC;AACV,QAAA,MAAM,SAAS,GAAG,aAAa,CAAC,aAAa,IAC3CA,IAAC,GAAG,EAAA,EAAA,wBAAA,EAAA,IAAA,EAEF,SAAS,EAAE,SAAS,qBACH,YAAY,EAAA,uBAAA,EACN,iBAAiB,EACf,yBAAA,EAAA,mBAAmB,EAC5C,QAAA,EAAAA,GAAA,CAAC,SAAS,EAAK,EAAA,GAAA,cAAc,GAAI,EAC7B,CAAA,KAEN,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,CACtC,CAAC;AACF,QAAA,OAAO,SAAS,CAAC;AACnB,KAAC,CAAC;AAEF,IAAA,OAAO,OAAO,CAAC;AACjB;;;;"}
+{"version":3,"file":"withComponentWrapper.js","sources":["../../../src/utils/withComponentWrapper.tsx"],"sourcesContent":["import { ComponentRegistration } from '@contentful/experiences-core/types';\nimport React from 'react';\ninterface CFProps extends React.HtmlHTMLAttributes<HTMLElement> {\n  /**\n   * Classes to be applied to the container component if `wrapComponent` is true, or directly to the child component if false.\n   */\n  className?: string;\n  'data-cf-node-id': string;\n  'data-cf-node-block-id': string;\n  'data-cf-node-block-type': string;\n}\n\n// NOTE: We're use this as a default for `options`. When only one option is explicitly defined,\n// all other default options are dropped as we're not merging the provided options with the default ones.\n// We started merging both options with SDK v3 but many customers wouldn't upgrade as it suddenly added\n// wrappers to their components because they only set the options to `{ wrapContainerWidth: \"100%\" }`.\n// With v2, it results in `wrapComponent` being undefined but with v3, it resulted in it being `true` and\n// thus causing unexpected layout changes.\n// We rolled back that change to let customers migrate smoothly for now but will adjust this behaviour with\n// v4.\nconst DEFAULT_OPTIONS = {\n  wrapComponent: true,\n  wrapContainer: 'div' as keyof JSX.IntrinsicElements,\n};\n\n/**\n * Sets up a component to be consumed by Experience Builder. This function can be used to wrap a component with a container component, or to pass props to the component directly.\n * @param Component Component to be used by Experience Builder.\n * @param options Options for the `withComponentWrapper` function.\n * @default { wrapComponent: true, wrapContainer: 'div' }\n * @returns A component that can be passed to `defineComponents`.\n */\nexport function withComponentWrapper<T>(\n  Component: React.ElementType,\n  options: ComponentRegistration['options'] = DEFAULT_OPTIONS,\n) {\n  const Wrapped: React.FC<CFProps & T> = (props) => {\n    const Tag = options.wrapContainer ?? 'div';\n    const {\n      className = '',\n      'data-cf-node-id': dataCfNodeId,\n      'data-cf-node-block-id': dataCfNodeBlockId,\n      'data-cf-node-block-type': dataCfNodeBlockType,\n      ...componentProps\n    } = props;\n    const component = options.wrapComponent ? (\n      <Tag\n        data-component-wrapper\n        className={className}\n        data-cf-node-id={dataCfNodeId}\n        data-cf-node-block-id={dataCfNodeBlockId}\n        data-cf-node-block-type={dataCfNodeBlockType}>\n        <Component {...componentProps} />\n      </Tag>\n    ) : (\n      React.createElement(Component, props)\n    );\n    return component;\n  };\n\n  return Wrapped;\n}\n"],"names":["_jsx"],"mappings":";;;AAYA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAM,eAAe,GAAG;AACtB,IAAA,aAAa,EAAE,IAAI;AACnB,IAAA,aAAa,EAAE,KAAoC;CACpD,CAAC;AAEF;;;;;;AAMG;SACa,oBAAoB,CAClC,SAA4B,EAC5B,UAA4C,eAAe,EAAA;AAE3D,IAAA,MAAM,OAAO,GAA0B,CAAC,KAAK,KAAI;AAC/C,QAAA,MAAM,GAAG,GAAG,OAAO,CAAC,aAAa,IAAI,KAAK,CAAC;QAC3C,MAAM,EACJ,SAAS,GAAG,EAAE,EACd,iBAAiB,EAAE,YAAY,EAC/B,uBAAuB,EAAE,iBAAiB,EAC1C,yBAAyB,EAAE,mBAAmB,EAC9C,GAAG,cAAc,EAClB,GAAG,KAAK,CAAC;AACV,QAAA,MAAM,SAAS,GAAG,OAAO,CAAC,aAAa,IACrCA,IAAC,GAAG,EAAA,EAAA,wBAAA,EAAA,IAAA,EAEF,SAAS,EAAE,SAAS,qBACH,YAAY,EAAA,uBAAA,EACN,iBAAiB,EACf,yBAAA,EAAA,mBAAmB,EAC5C,QAAA,EAAAA,GAAA,CAAC,SAAS,EAAK,EAAA,GAAA,cAAc,GAAI,EAC7B,CAAA,KAEN,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,KAAK,CAAC,CACtC,CAAC;AACF,QAAA,OAAO,SAAS,CAAC;AACnB,KAAC,CAAC;AAEF,IAAA,OAAO,OAAO,CAAC;AACjB;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experiences-sdk-react",
-  "version": "3.3.0",
+  "version": "3.3.1-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": "3.3.0",
-    "@contentful/experiences-core": "3.3.0",
-    "@contentful/experiences-validators": "3.3.0",
-    "@contentful/experiences-visual-editor-react": "3.3.0",
+    "@contentful/experiences-components-react": "3.3.1-beta.0",
+    "@contentful/experiences-core": "3.3.1-beta.0",
+    "@contentful/experiences-validators": "3.3.1-beta.0",
+    "@contentful/experiences-visual-editor-react": "3.3.1-beta.0",
     "@contentful/rich-text-types": "^17.0.0",
     "csstype": "^3.1.2",
     "immer": "^10.0.3",
@@ -98,5 +98,5 @@
     "dist",
     "package.json"
   ],
-  "gitHead": "a816d50ff5b2aac9b81889df7ec09e56aa145641"
+  "gitHead": "6879c631faa6408402869b134801a5d3772b43da"
 }