@contentful/experiences-sdk-react 1.42.4-prerelease-20250702T1207-37b3bfc.0 → 2.0.0-beta.0

package/dist/blocks/editor/VisualEditorLoader.js

@@ -1,6 +1,6 @@
 import { jsx } from 'react/jsx-runtime';
 import { useState, useEffect } from 'react';
-import { VisualEditorMode } from '@contentful/experiences-core';
+import { VisualEditorMode, inMemoryEntitiesStore } from '@contentful/experiences-core';
 
 const VisualEditorLoader = ({ visualEditorMode, experience, }) => {
     const [VisualEditor, setVisualEditor] = useState(null);
@@ -21,7 +21,7 @@ const VisualEditorLoader = ({ visualEditorMode, experience, }) => {
     }, [visualEditorMode]);
     if (!VisualEditor)
         return null;
-    return jsx(VisualEditor, { experience: experience });
+    return jsx(VisualEditor, { experience: experience, inMemoryEntitiesStore: inMemoryEntitiesStore });
 };
 
 export { VisualEditorLoader, VisualEditorLoader as default };

package/dist/blocks/editor/VisualEditorLoader.js.map

@@ -1 +1 @@
-{"version":3,"file":"VisualEditorLoader.js","sources":["../../../../src/blocks/editor/VisualEditorLoader.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport { EntityStore, VisualEditorMode } from '@contentful/experiences-core';\nimport type { Experience } from '@contentful/experiences-core/types';\n\ntype VisualEditorLoaderProps = {\n  visualEditorMode: VisualEditorMode;\n  experience?: Experience<EntityStore>;\n};\n\nexport const VisualEditorLoader: React.FC<VisualEditorLoaderProps> = ({\n  visualEditorMode,\n\n  experience,\n}) => {\n  const [VisualEditor, setVisualEditor] = useState<React.ComponentType<{\n    experience?: Experience<EntityStore>;\n  }> | null>(null);\n\n  useEffect(() => {\n    // Dynamically import the visual editor based on the configured mode\n    switch (visualEditorMode) {\n      case VisualEditorMode.InjectScript:\n        import('./VisualEditorInjectScript').then((module) => {\n          setVisualEditor(() => module.default);\n        });\n        break;\n\n      // VisualEditorMode.LazyLoad:\n      default:\n        import('@contentful/experiences-visual-editor-react').then((module) => {\n          setVisualEditor(() => module.default);\n        });\n    }\n  }, [visualEditorMode]);\n\n  if (!VisualEditor) return null;\n\n  return <VisualEditor experience={experience} />;\n};\n\nexport default VisualEditorLoader;\n"],"names":["_jsx"],"mappings":";;;;AASa,MAAA,kBAAkB,GAAsC,CAAC,EACpE,gBAAgB,EAEhB,UAAU,GACX,KAAI;IACH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAErC,IAAI,CAAC,CAAC;IAEjB,SAAS,CAAC,MAAK;;QAEb,QAAQ,gBAAgB;YACtB,KAAK,gBAAgB,CAAC,YAAY;gBAChC,OAAO,+BAA4B,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,KAAI;oBACnD,eAAe,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC;AACxC,iBAAC,CAAC,CAAC;gBACH,MAAM;;AAGR,YAAA;gBACE,OAAO,6CAA6C,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,KAAI;oBACpE,eAAe,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC;AACxC,iBAAC,CAAC,CAAC;SACN;AACH,KAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;AAEvB,IAAA,IAAI,CAAC,YAAY;AAAE,QAAA,OAAO,IAAI,CAAC;AAE/B,IAAA,OAAOA,IAAC,YAAY,EAAA,EAAC,UAAU,EAAE,UAAU,GAAI,CAAC;AAClD;;;;"}
+{"version":3,"file":"VisualEditorLoader.js","sources":["../../../../src/blocks/editor/VisualEditorLoader.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport {\n  type InMemoryEntitiesStore,\n  type EntityStore,\n  inMemoryEntitiesStore,\n  VisualEditorMode,\n} from '@contentful/experiences-core';\nimport type { Experience } from '@contentful/experiences-core/types';\n\ntype VisualEditorLoaderProps = {\n  visualEditorMode: VisualEditorMode;\n  experience?: Experience<EntityStore>;\n};\n\nexport const VisualEditorLoader: React.FC<VisualEditorLoaderProps> = ({\n  visualEditorMode,\n  experience,\n}) => {\n  const [VisualEditor, setVisualEditor] = useState<React.ComponentType<{\n    experience?: Experience<EntityStore>;\n    inMemoryEntitiesStore?: InMemoryEntitiesStore;\n  }> | null>(null);\n\n  useEffect(() => {\n    // Dynamically import the visual editor based on the configured mode\n    switch (visualEditorMode) {\n      case VisualEditorMode.InjectScript:\n        import('./VisualEditorInjectScript').then((module) => {\n          setVisualEditor(() => module.default);\n        });\n        break;\n\n      // VisualEditorMode.LazyLoad:\n      default:\n        import('@contentful/experiences-visual-editor-react').then((module) => {\n          setVisualEditor(() => module.default);\n        });\n    }\n  }, [visualEditorMode]);\n\n  if (!VisualEditor) return null;\n\n  return <VisualEditor experience={experience} inMemoryEntitiesStore={inMemoryEntitiesStore} />;\n};\n\nexport default VisualEditorLoader;\n"],"names":["_jsx"],"mappings":";;;;AAca,MAAA,kBAAkB,GAAsC,CAAC,EACpE,gBAAgB,EAChB,UAAU,GACX,KAAI;IACH,MAAM,CAAC,YAAY,EAAE,eAAe,CAAC,GAAG,QAAQ,CAGrC,IAAI,CAAC,CAAC;IAEjB,SAAS,CAAC,MAAK;;QAEb,QAAQ,gBAAgB;YACtB,KAAK,gBAAgB,CAAC,YAAY;gBAChC,OAAO,+BAA4B,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,KAAI;oBACnD,eAAe,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC;AACxC,iBAAC,CAAC,CAAC;gBACH,MAAM;;AAGR,YAAA;gBACE,OAAO,6CAA6C,CAAC,CAAC,IAAI,CAAC,CAAC,MAAM,KAAI;oBACpE,eAAe,CAAC,MAAM,MAAM,CAAC,OAAO,CAAC,CAAC;AACxC,iBAAC,CAAC,CAAC;SACN;AACH,KAAC,EAAE,CAAC,gBAAgB,CAAC,CAAC,CAAC;AAEvB,IAAA,IAAI,CAAC,YAAY;AAAE,QAAA,OAAO,IAAI,CAAC;IAE/B,OAAOA,GAAA,CAAC,YAAY,EAAA,EAAC,UAAU,EAAE,UAAU,EAAE,qBAAqB,EAAE,qBAAqB,EAAA,CAAI,CAAC;AAChG;;;;"}

package/dist/blocks/preview/CompositionBlock.js

@@ -174,7 +174,7 @@ const CompositionBlock = ({ node: rawNode, locale, entityStore, hyperlinkPattern
     if (parentWrappingPatternIds.has(node.definitionId)) {
         return null;
     }
-    const { component } = componentRegistration;
+    const { component: component } = componentRegistration;
     // Retrieves the CSS class name for a given child node ID.
     const _getPatternChildNodeClassName = (childNodeId) => {
         if (isPatternNode) {
@@ -207,7 +207,9 @@ const CompositionBlock = ({ node: rawNode, locale, entityStore, hyperlinkPattern
         node.variables.cfImageAsset?.type === 'UnboundValue') {
         return (jsx(PreviewUnboundImage, { node: node, nodeProps: props, component: component, breakpoints: entityStore.breakpoints, patternRootNodeIdsChain: patternRootNodeIdsChain }));
     }
-    return React.createElement(component, sanitizeNodeProps(props), children ?? (typeof props.children === 'string' ? props.children : null));
+    return React.createElement(component, {
+        ...sanitizeNodeProps(props),
+    }, children ?? (typeof props.children === 'string' ? props.children : null));
 };
 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 {\n  Assembly,\n  Columns,\n  ContentfulContainer,\n  SingleColumn,\n} from '@contentful/experiences-components-react';\nimport { resolvePattern } from '../../core/preview/assemblyUtils';\nimport { resolveMaybePrebindingDefaultValuePath } from '../../utils/prebindingUtils';\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  /** 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 } = 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  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        patternRootNodeIdsChain={patternRootNodeIdsChain}\n      />\n    );\n  }\n\n  return React.createElement(\n    component,\n    sanitizeNodeProps(props),\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 { 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 {\n  Assembly,\n  Columns,\n  ContentfulContainer,\n  SingleColumn,\n} from '@contentful/experiences-components-react';\nimport { resolvePattern } from '../../core/preview/assemblyUtils';\nimport { resolveMaybePrebindingDefaultValuePath } from '../../utils/prebindingUtils';\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  /** 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  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        patternRootNodeIdsChain={patternRootNodeIdsChain}\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":";;;;;;;;;;;;AAqDa,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;AACL,gBAAA,iBAAiB,EAAE,EAAE;aACtB,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;QAEH,MAAM,UAAU,GAA8B,EAAE,CAAC;AAEjD,QAAA,IAAI,qBAAqB,CAAC,UAAU,CAAC,KAAK,EAAE;YAC1C,KAAK,MAAM,MAAM,IAAI,qBAAqB,CAAC,UAAU,CAAC,KAAK,EAAE;AAC3D,gBAAA,MAAM,QAAQ,GAAG,IAAI,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,KAAK,KAAK,KAAK,CAAC,MAAM,KAAK,MAAM,CAAC,CAAC;gBACxE,IAAI,QAAQ,EAAE;AACZ,oBAAA,UAAU,CAAC,MAAM,CAAC,IAChBA,GAAA,CAAC,gBAAgB,EACf,EAAA,IAAI,EAAE,QAAQ,EACd,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,CAChD,CACH,CAAC;iBACH;aACF;SACF;AAED,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;AACpB,YAAA,GAAG,UAAU;SACd,CAAC;QAEF,OAAO;YACL,QAAQ;YACR,YAAY;YACZ,UAAU;YACV,UAAU;YACV,iBAAiB;YACjB,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,kBAAkB;QAClB,kBAAkB;QAClB,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;IAEF,MAAM,QAAQ,GACZ,qBAAqB,CAAC,UAAU,CAAC,QAAQ,KAAK,IAAI;AAChD,UAAE,IAAI,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,SAA4B,EAAE,KAAK,KAAI;YACxD,QACEA,IAAC,gBAAgB,EAAA,EACf,4BAA4B,EAC1B,aAAa,IAAI,4BAA4B;AAC3C,sBAAE,6BAA6B;AAC/B,sBAAE,SAAS,EAEf,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,IAP3C,KAAK,CAQV,EACF;AACJ,SAAC,CAAC;UACF,IAAI,CAAC;AAEX,IAAA,IAAI,oBAAoB,CAAC,IAAI,CAAC,YAAY,CAAC,EAAE;AAC3C,QAAA,QACEA,GAAA,CAAC,mBAAmB,EAAA,EAClB,UAAU,EAAE,KAAK,EACjB,WAAW,EAAG,YAA2B,CAAC,WAAW,EACrD,cAAc,EAAG,YAA2B,CAAC,cAAc,EAC3D,SAAS,EAAE,KAAK,CAAC,SAA+B,EAAA,QAAA,EAC/C,QAAQ,EAAA,CACW,EACtB;KACH;IAED,IAAI,IAAI,CAAC,YAAY,KAAK,qBAAqB,CAAC,OAAO,CAAC,EAAE,EAAE;AAC1D,QAAA,QACEA,GAAC,CAAA,OAAO,EAAC,EAAA,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAA+B,YACzE,QAAQ,EAAA,CACD,EACV;KACH;IAED,IAAI,IAAI,CAAC,YAAY,KAAK,qBAAqB,CAAC,YAAY,CAAC,EAAE,EAAE;AAC/D,QAAA,QACEA,GAAC,CAAA,YAAY,EAAC,EAAA,UAAU,EAAE,KAAK,EAAE,SAAS,EAAE,KAAK,CAAC,SAA+B,YAC9E,QAAQ,EAAA,CACI,EACf;KACH;IAED,IACE,IAAI,CAAC,YAAY,KAAK,qBAAqB,CAAC,KAAK,CAAC,EAAE;QACpD,IAAI,CAAC,SAAS,CAAC,YAAY,EAAE,IAAI,KAAK,cAAc,EACpD;QACA,QACEA,GAAC,CAAA,mBAAmB,EAClB,EAAA,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,KAAK,EAChB,SAAS,EAAE,SAAS,EACpB,WAAW,EAAE,WAAW,CAAC,WAAW,EACpC,uBAAuB,EAAE,uBAAuB,EAChD,CAAA,EACF;KACH;AAED,IAAA,OAAO,KAAK,CAAC,aAAa,CACxB,SAAS,EACT;QACE,GAAG,iBAAiB,CAAC,KAAK,CAAC;KAC5B,EACD,QAAQ,KAAK,OAAO,KAAK,CAAC,QAAQ,KAAK,QAAQ,GAAG,KAAK,CAAC,QAAQ,GAAG,IAAI,CAAC,CACzE,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

@@ -288,27 +288,6 @@ const createAssemblyRegistration = ({ definitionId, definitionName, component, }
     addComponentRegistration({ component, definition });
     return componentRegistry.get(definitionId);
 };
-/**
- * @deprecated This method is used to maintain the basic component ids (without the prefix 'contentful-') in order to be compatible
- * with experiences created with an older alpha version of the SDK. Components in these experiences should be migrated to use
- * the components with the 'contentful-' prefix. To do so, load the experience in the editor, and replace any older basic components
- * (marked with [OLD] in the UI) with the new components (without the [OLD]). This method (and functionality for the older components)
- * will be removed in the next major release.
- */
-const maintainBasicComponentIdsWithoutPrefix = () => {
-    optionalBuiltInComponents.forEach((id) => {
-        if (componentRegistry.has(id) && id.startsWith('contentful-')) {
-            const registeredComponent = componentRegistry.get(id);
-            const definition = registeredComponent.definition;
-            const newDefinition = cloneObject(definition);
-            newDefinition.name = newDefinition.name + '[OLD]';
-            const newId = id.replace('contentful-', '');
-            newDefinition.id = newId;
-            const newRegisteredComponent = { ...registeredComponent, definition: newDefinition };
-            componentRegistry.set(newId, newRegisteredComponent);
-        }
-    });
-};
 
-export { addComponentRegistration, componentRegistry, createAssemblyRegistration, defineComponents, enrichComponentDefinition, getComponentRegistration, maintainBasicComponentIdsWithoutPrefix, optionalBuiltInComponents, runRegisteredComponentValidations, sendConnectedEventWithRegisteredComponents, sendRegisteredComponentsMessage };
+export { addComponentRegistration, componentRegistry, createAssemblyRegistration, defineComponents, enrichComponentDefinition, getComponentRegistration, optionalBuiltInComponents, runRegisteredComponentValidations, sendConnectedEventWithRegisteredComponents, sendRegisteredComponentsMessage };
 //# sourceMappingURL=componentRegistry.js.map

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  if (componentDefinition.id === CONTENTFUL_COMPONENTS.container.id) {\n    return componentDefinition;\n  }\n\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: {\n    // Don't wrap this component `withComponentWrapper`. Need to explicitly ignore dragProps\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\n/**\n * @deprecated This method is used to maintain the basic component ids (without the prefix 'contentful-') in order to be compatible\n * with experiences created with an older alpha version of the SDK. Components in these experiences should be migrated to use\n * the components with the 'contentful-' prefix. To do so, load the experience in the editor, and replace any older basic components\n * (marked with [OLD] in the UI) with the new components (without the [OLD]). This method (and functionality for the older components)\n * will be removed in the next major release.\n */\nexport const maintainBasicComponentIdsWithoutPrefix = () => {\n  optionalBuiltInComponents.forEach((id) => {\n    if (componentRegistry.has(id) && id.startsWith('contentful-')) {\n      const registeredComponent = componentRegistry.get(id)!;\n      const definition = registeredComponent.definition;\n      const newDefinition = cloneObject(definition);\n      newDefinition.name = newDefinition.name + '[OLD]';\n      const newId = id.replace('contentful-', '');\n      newDefinition.id = newId;\n      const newRegisteredComponent = { ...registeredComponent, definition: newDefinition };\n      componentRegistry.set(newId, newRegisteredComponent);\n    }\n  });\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} 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  if (componentDefinition.id === CONTENTFUL_COMPONENTS.container.id) {\n    return componentDefinition;\n  }\n\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: {\n    // Don't wrap this component `withComponentWrapper`. Need to explicitly ignore dragProps\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":";;;;;;;;AA+BA,MAAM,WAAW,GAAG,iBAAiB,CAAC;AAEtC,MAAM,WAAW,GAAG,CAAI,YAAe,KAAO;AAC5C,IAAA,IAAI,OAAO,eAAe,KAAK,WAAW,EAAE;AAC1C,QAAA,OAAO,eAAe,CAAC,YAAY,CAAC,CAAC;KACtC;IAED,OAAO,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,SAAS,CAAC,YAAY,CAAC,CAAC,CAAC;AAClD,CAAC,CAAC;AAEF,MAAM,iCAAiC,GAAG,CAAC,mBAAwC,KAAI;AACrF,IAAA,MAAM,KAAK,GAAG,WAAW,CAAC,mBAAmB,CAAC,CAAC;AAC/C,IAAA,KAAK,MAAM,QAAQ,IAAI,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,SAAS,CAAC,EAAE;QACrD,QAAQ,CAAC,KAAK,GAAG,QAAQ,CAAC,KAAK,IAAI,SAAS,CAAC;KAC9C;AACD,IAAA,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEF,MAAM,4BAA4B,GAAG,CAAC,mBAAwC,KAAI;IAChF,IAAI,mBAAmB,CAAC,EAAE,KAAK,qBAAqB,CAAC,SAAS,CAAC,EAAE,EAAE;AACjE,QAAA,OAAO,mBAAmB,CAAC;KAC5B;AAED,IAAA,MAAM,KAAK,GAAG,WAAW,CAAC,mBAAmB,CAAC,CAAC;;AAG/C,IAAA,IAAI,CAAC,KAAK,CAAC,aAAa,EAAE;AACxB,QAAA,KAAK,CAAC,aAAa,GAAG,CAAC,UAAU,CAAC,CAAC;KACpC;AAED,IAAA,IAAI,CAAC,KAAK,CAAC,SAAS,EAAE;AACpB,QAAA,KAAK,CAAC,SAAS,GAAG,EAAE,CAAC;KACtB;;IAGD,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,GAAGA,aAAuB,CAAC,cAAc,CAAC,CAAC;IAE1E,KAAK,MAAM,KAAK,IAAI,KAAK,CAAC,aAAa,IAAI,EAAE,EAAE;AAC7C,QAAA,IAAIA,aAAuB,CAAC,KAAK,CAAC,EAAE;AAClC,YAAA,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAGA,aAAuB,CAAC,KAAK,CAAQ,CAAC;SAChE;AACD,QAAA,IAAI,qBAAqB,CAAC,KAAK,CAAC,EAAE;AAChC,YAAA,KAAK,CAAC,SAAS,CAAC,KAAK,CAAC,GAAG,qBAAqB,CAAC,KAAK,CAAQ,CAAC;SAC9D;KACF;AACD,IAAA,OAAO,KAAK,CAAC;AACf,CAAC,CAAC;AAEK,MAAM,yBAAyB,GAAG,CAAC,EACxC,SAAS,EACT,UAAU,EACV,OAAO,GACe,KAA2B;AACjD,IAAA,MAAM,uBAAuB,GAAG,iCAAiC,CAAC,UAAU,CAAC,CAAC;AAC9E,IAAA,MAAM,2BAA2B,GAAG,4BAA4B,CAAC,uBAAuB,CAAC,CAAC;IAC1F,OAAO;AACL,QAAA,SAAS,EAAE,oBAAoB,CAAC,SAAS,EAAE,OAAO,CAAC;AACnD,QAAA,UAAU,EAAE,2BAA2B;QACvC,OAAO;KACR,CAAC;AACJ,EAAE;AAEF,MAAM,+BAA+B,GAAG;AACtC,IAAA,SAAS,EAAE;QACT,SAAS,EAAE,UAAU,CAAC,mBAAmB;AACzC,QAAA,UAAU,EAAE,mBAAmB;AAChC,KAAA;AACD,IAAA,OAAO,EAAE;QACP,SAAS,EAAE,UAAU,CAAC,mBAAmB;AACzC,QAAA,UAAU,EAAE,iBAAiB;AAC9B,KAAA;AACD,IAAA,OAAO,EAAE;QACP,SAAS,EAAE,UAAU,CAAC,OAAO;AAC7B,QAAA,UAAU,EAAE,iBAAiB;AAC9B,KAAA;AACD,IAAA,YAAY,EAAE;QACZ,SAAS,EAAE,UAAU,CAAC,YAAY;AAClC,QAAA,UAAU,EAAE,sBAAsB;AACnC,KAAA;IACD,MAAM,EAAE,yBAAyB,CAAC;QAChC,SAAS,EAAE,UAAU,CAAC,MAAM;QAC5B,UAAU,EAAE,UAAU,CAAC,yBAAyB;AAChD,QAAA,OAAO,EAAE;AACP,YAAA,aAAa,EAAE,KAAK;AACrB,SAAA;KACF,CAAC;IACF,OAAO,EAAE,yBAAyB,CAAC;QACjC,SAAS,EAAE,UAAU,CAAC,OAAO;QAC7B,UAAU,EAAE,UAAU,CAAC,0BAA0B;AACjD,QAAA,OAAO,EAAE;AACP,YAAA,aAAa,EAAE,KAAK;AACrB,SAAA;KACF,CAAC;IACF,KAAK,EAAE,yBAAyB,CAAC;QAC/B,SAAS,EAAE,UAAU,CAAC,KAAK;QAC3B,UAAU,EAAE,UAAU,CAAC,wBAAwB;AAC/C,QAAA,OAAO,EAAE,EAAE,aAAa,EAAE,KAAK,EAAE;KAClC,CAAC;IACF,QAAQ,EAAE,yBAAyB,CAAC;QAClC,SAAS,EAAE,UAAU,CAAC,QAAQ;QAC9B,UAAU,EAAE,UAAU,CAAC,2BAA2B;AAClD,QAAA,OAAO,EAAE;AACP,YAAA,aAAa,EAAE,KAAK;AACrB,SAAA;KACF,CAAC;IACF,IAAI,EAAE,yBAAyB,CAAC;QAC9B,SAAS,EAAE,UAAU,CAAC,IAAI;QAC1B,UAAU,EAAE,UAAU,CAAC,uBAAuB;AAC9C,QAAA,OAAO,EAAE;AACP,YAAA,aAAa,EAAE,KAAK;AACrB,SAAA;KACF,CAAC;AACF,IAAA,OAAO,EAAE;;QAEP,SAAS,EAAE,UAAU,CAAC,iBAAiB;AACvC,QAAA,UAAU,EAAE,iBAAiB;AAC7B,QAAA,OAAO,EAAE;AACP,YAAA,aAAa,EAAE,KAAK;AACrB,SAAA;AACF,KAAA;IACD,QAAQ,EAAE,yBAAyB,CAAC;QAClC,SAAS,EAAE,UAAU,CAAC,QAAQ;QAC9B,UAAU,EAAE,UAAU,CAAC,kBAAkB;AACzC,QAAA,OAAO,EAAE;AACP,YAAA,aAAa,EAAE,KAAK;AACrB,SAAA;KACF,CAAC;CAC6C,CAAC;AAElD;AACa,MAAA,iBAAiB,GAAG,IAAI,GAAG,CAAgC;IACtE,CAAC,+BAA+B,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,EAAE,+BAA+B,CAAC,OAAO,CAAC;AAChG,IAAA;AACE,QAAA,+BAA+B,CAAC,SAAS,CAAC,UAAU,CAAC,EAAE;AACvD,QAAA,+BAA+B,CAAC,SAAS;AAC1C,KAAA;AACD,IAAA;AACE,QAAA,+BAA+B,CAAC,YAAY,CAAC,UAAU,CAAC,EAAE;AAC1D,QAAA,+BAA+B,CAAC,YAAY;AAC7C,KAAA;IACD,CAAC,+BAA+B,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,EAAE,+BAA+B,CAAC,OAAO,CAAC;IAChG,CAAC,+BAA+B,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE,EAAE,+BAA+B,CAAC,MAAM,CAAC;IAC9F,CAAC,+BAA+B,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,EAAE,+BAA+B,CAAC,OAAO,CAAC;IAChG,CAAC,+BAA+B,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE,EAAE,+BAA+B,CAAC,KAAK,CAAC;AAC5F,IAAA;AACE,QAAA,+BAA+B,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE;AACtD,QAAA,+BAA+B,CAAC,QAAQ;AACzC,KAAA;IACD,CAAC,+BAA+B,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE,EAAE,+BAA+B,CAAC,IAAI,CAAC;IAC1F,CAAC,+BAA+B,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE,EAAE,+BAA+B,CAAC,OAAO,CAAC;AACjG,CAAA,EAAE;AAEU,MAAA,yBAAyB,GAAG;AACvC,IAAA,+BAA+B,CAAC,MAAM,CAAC,UAAU,CAAC,EAAE;AACpD,IAAA,+BAA+B,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;AACrD,IAAA,+BAA+B,CAAC,KAAK,CAAC,UAAU,CAAC,EAAE;AACnD,IAAA,+BAA+B,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE;AACtD,IAAA,+BAA+B,CAAC,IAAI,CAAC,UAAU,CAAC,EAAE;AAClD,IAAA,+BAA+B,CAAC,OAAO,CAAC,UAAU,CAAC,EAAE;EACrD;AAEK,MAAM,+BAA+B,GAAG,MAAK;;IAElD,MAAM,qBAAqB,GAAG,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE,CAAC;SACjE,GAAG,CAAC,CAAC,EAAE,UAAU,EAAE,KAAK,UAAU,CAAC;;;AAGnC,SAAA,MAAM,CAAC,CAAC,UAAU,KAAK,UAAU,CAAC,QAAQ,KAAK,yBAAyB,CAAC,CAAC;AAE7E,IAAA,WAAW,CAAC,eAAe,CAAC,oBAAoB,EAAE;AAChD,QAAA,WAAW,EAAE,qBAAqB;AACnC,KAAA,CAAC,CAAC;AACL,EAAE;AAEK,MAAM,iCAAiC,GAAG,MAAK;AACpD,IAAA,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,EAAE,UAAU,EAAE,KAAI;AAC5D,QAAA,MAAM,UAAU,GAAG,2BAA2B,CAAC,UAAU,CAAC,CAAC;AAC3D,QAAA,IAAI,CAAC,UAAU,CAAC,OAAO,EAAE;YACvB,MAAM,IAAI,KAAK,CACb,CAAA,4CAAA,EAA+C,UAAU,CAAC,IAAI,CAA4B,yBAAA,EAAA,IAAI,CAAC,SAAS,CAAC,UAAU,CAAC,MAAM,EAAE,IAAI,EAAE,CAAC,CAAC,CAAE,CAAA,CACvI,CAAC;SACH;AACH,KAAC,CAAC,CAAC;AACL,EAAE;AAEF,MAAM,yBAAyB,GAAG,CAChC,OAAuB,EACvB,gBAAwB,EACxB,YAAiB,KACf;AACF,IAAA,OAAO,CAAC,KAAK,CAAC,YAAY,CAAC,GAAG,gBAAgB,CAAC;AAC/C,IAAA,MAAM,MAAM,GAAG,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACzC,MAAM,aAAa,GAAG,MAAM,CAAC,gBAAgB,CAAC,YAAY,CAAC,CAAC;AAC5D,IAAA,OAAO,aAAa,CAAC;AACvB,CAAC,CAAC;AAEF,MAAM,uBAAuB,GAAG,CAC9B,OAAuB,EACvB,WAAmC,EACnC,YAAiB,KACf;IACF,MAAM,oBAAoB,GAAG,EAA4B,CAAC;IAE1D,MAAM,CAAC,IAAI,CAAC,WAAW,CAAC,CAAC,OAAO,CAAC,CAAC,GAAG,KAAI;AACvC,QAAA,MAAM,gBAAgB,GAAG,WAAW,CAAC,GAAG,CAAC,CAAC;AAC1C,QAAA,IAAI,WAAW,CAAC,IAAI,CAAC,gBAAgB,CAAC,EAAE;YACtC,MAAM,aAAa,GAAG,yBAAyB,CAAC,OAAO,EAAE,gBAAgB,EAAE,YAAY,CAAC,CAAC;AACzF,YAAA,oBAAoB,CAAC,gBAAgB,CAAC,GAAG,aAAa,CAAC;SACxD;AACH,KAAC,CAAC,CAAC;AACH,IAAA,OAAO,oBAAoB,CAAC;AAC9B,CAAC,CAAC;AAOF,MAAM,mBAAmB,GAAG,CAAC,sBAA8C,KAAI;IAC7E,MAAM,EACJ,OAAO,EACP,MAAM,EACN,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,UAAU,EACV,aAAa,EACb,SAAS,EACT,MAAM,GACP,GAAG,sBAAsB,CAAC;IAC3B,MAAM,oBAAoB,GAAG,EAA4B,CAAC;;IAG1D,MAAM,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;AAC9C,IAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;AAEnC,IAAA,MAAM,aAAa,GAAiB;AAClC,QAAA,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,QAAQ,EAAE;AACzC,QAAA,EAAE,QAAQ,EAAE,MAAM,EAAE,QAAQ,EAAE,OAAO,EAAE;AACvC,QAAA,EAAE,QAAQ,EAAE,KAAK,EAAE,QAAQ,EAAE,kBAAkB,EAAE;AACjD,QAAA,EAAE,QAAQ,EAAE,YAAY,EAAE,QAAQ,EAAE,eAAe,EAAE;AACrD,QAAA,EAAE,QAAQ,EAAE,QAAQ,EAAE,QAAQ,EAAE,WAAW,EAAE;AAC7C,QAAA,EAAE,QAAQ,EAAE,UAAU,EAAE,QAAQ,EAAE,aAAa,EAAE;AACjD,QAAA,EAAE,QAAQ,EAAE,aAAa,EAAE,QAAQ,EAAE,gBAAgB,EAAE;AACvD,QAAA,EAAE,QAAQ,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE;KAC3C,CAAC;IAEF,aAAa,CAAC,OAAO,CAAC,CAAC,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAI;QAC/C,IAAI,QAAQ,EAAE;YACZ,MAAM,iBAAiB,GAAG,uBAAuB,CAAC,OAAO,EAAE,QAAQ,EAAE,QAAQ,CAAC,CAAC;AAC/E,YAAA,MAAM,CAAC,MAAM,CAAC,oBAAoB,EAAE,iBAAiB,CAAC,CAAC;SACxD;AACH,KAAC,CAAC,CAAC;IAEH,IAAI,MAAM,EAAE;QACV,MAAM,iBAAiB,GAAG,EAA4B,CAAC;QACvD,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC,SAAS,KAAI;AACxC,YAAA,MAAM,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,GAAG,MAAM,CAAC,SAAS,CAAC,CAAC;YAElD,IAAI,KAAK,IAAI,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;gBACpC,MAAM,aAAa,GAAG,yBAAyB,CAAC,OAAO,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC;AAChF,gBAAA,iBAAiB,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC;aAC1C;YACD,IAAI,KAAK,IAAI,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;gBACpC,MAAM,aAAa,GAAG,yBAAyB,CAAC,OAAO,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC;AAChF,gBAAA,iBAAiB,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC;aAC1C;YACD,IAAI,KAAK,IAAI,WAAW,CAAC,IAAI,CAAC,KAAK,CAAC,EAAE;gBACpC,MAAM,aAAa,GAAG,yBAAyB,CAAC,OAAO,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC;AAChF,gBAAA,iBAAiB,CAAC,KAAK,CAAC,GAAG,aAAa,CAAC;aAC1C;AACD,YAAA,MAAM,CAAC,MAAM,CAAC,oBAAoB,EAAE,iBAAiB,CAAC,CAAC;AACzD,SAAC,CAAC,CAAC;KACJ;AAED,IAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;AACnC,IAAA,OAAO,oBAAoB,CAAC;AAC9B,CAAC,CAAC;AAEK,MAAM,0CAA0C,GAAG,MAAK;;IAE7D,MAAM,qBAAqB,GAAG,KAAK,CAAC,IAAI,CAAC,iBAAiB,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,CACtE,CAAC,EAAE,UAAU,EAAE,KAAK,UAAU,CAC/B,CAAC;AAEF,IAAA,WAAW,CAAC,eAAe,CAAC,SAAS,EAAE;AACrC,QAAA,UAAU,EAAE,WAAW;AACvB,QAAA,WAAW,EAAE,qBAAqB;AACnC,KAAA,CAAC,CAAC;AAEH,IAAA,WAAW,CAAC,eAAe,CAAC,qBAAqB,EAAE;AACjD,QAAA,WAAW,EAAE,mBAAmB;AACjC,KAAA,CAAC,CAAC;AAEH,IAAA,WAAW,CAAC,eAAe,CAAC,YAAY,EAAE;AACxC,QAAA,YAAY,EAAE,oBAAoB;AAClC,QAAA,oBAAoB,EAAE,mBAAmB,CAAC,oBAAoB,CAAC;AAChE,KAAA,CAAC,CAAC;AACL,EAAE;AAEF;;;;AAIG;MACU,gBAAgB,GAAG,CAC9B,sBAA+C,EAC/C,OAAsC,KACpC;AACF,IAAA,IAAI,OAAO,EAAE,sBAAsB,EAAE,QAAQ,EAAE;AAC7C,QAAA,iBAAiB,CAAC,GAAG,CACnB,qBAAqB,CAAC,QAAQ,CAAC,EAAE,EACjC,+BAA+B,CAAC,QAAQ,CACzC,CAAC;KACH;AAED,IAAA,IAAI,OAAO,EAAE,wBAAwB,EAAE;AACrC,QAAA,KAAK,MAAM,EAAE,IAAI,yBAAyB,EAAE;YAC1C,IAAI,CAAC,OAAO,CAAC,wBAAwB,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE;AAClD,gBAAA,iBAAiB,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC;aAC9B;SACF;KACF;AAED,IAAA,KAAK,MAAM,YAAY,IAAI,sBAAsB,EAAE;;AAEjD,QAAA,MAAM,6BAA6B,GAAG,yBAAyB,CAAC,YAAY,CAAC,CAAC;QAE9E,iBAAiB,CAAC,GAAG,CACnB,6BAA6B,CAAC,UAAU,CAAC,EAAE,EAC3C,6BAA6B,CAC9B,CAAC;KACH;AAED,IAAA,IAAI,OAAO,MAAM,KAAK,WAAW,EAAE;QACjC,MAAM,CAAC,aAAa,CAAC,IAAI,WAAW,CAAC,eAAe,CAAC,oBAAoB,CAAC,CAAC,CAAC;KAC7E;AACH,EAAE;AAYK,MAAM,wBAAwB,GAAG,CAAC,EAAU,KAAK,iBAAiB,CAAC,GAAG,CAAC,EAAE,EAAE;AAErE,MAAA,wBAAwB,GAAG,CAAC,qBAA4C,KAAI;IACvF,iBAAiB,CAAC,GAAG,CAAC,qBAAqB,CAAC,UAAU,CAAC,EAAE,EAAE,qBAAqB,CAAC,CAAC;AACpF,EAAE;AAEK,MAAM,0BAA0B,GAAG,CAAC,EACzC,YAAY,EACZ,cAAc,EACd,SAAS,GAKV,KAAI;IACH,MAAM,qBAAqB,GAAG,iBAAiB,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;IAElE,IAAI,qBAAqB,EAAE;AACzB,QAAA,OAAO,qBAAqB,CAAC;KAC9B;AAED,IAAA,MAAM,UAAU,GAAG;AACjB,QAAA,EAAE,EAAE,YAAY;QAChB,IAAI,EAAE,cAAc,IAAI,WAAW;AACnC,QAAA,SAAS,EAAE,EAAE;AACb,QAAA,QAAQ,EAAE,IAAI;AACd,QAAA,QAAQ,EAAE,yBAAyB;KACpC,CAAC;AAEF,IAAA,wBAAwB,CAAC,EAAE,SAAS,EAAE,UAAU,EAAE,CAAC,CAAC;AAEpD,IAAA,OAAO,iBAAiB,CAAC,GAAG,CAAC,YAAY,CAAC,CAAC;AAC7C;;;;"}

package/dist/core/preview/assemblyUtils.js

@@ -1,3 +1,4 @@
+import { mergeDesignValuesByBreakpoint } from '@contentful/experiences-core';
 import md5 from 'md5';
 import { shouldUsePrebinding, resolvePrebindingPath } from '../../utils/prebindingUtils.js';
 import { PATTERN_PROPERTY_DIVIDER } from '@contentful/experiences-core/constants';
@@ -55,10 +56,7 @@ const deserializePatternNode = ({ node, componentInstanceVariables, componentSet
                 };
             }
             else if (instanceProperty?.type === 'DesignValue') {
-                variables[variableName] = {
-                    type: 'DesignValue',
-                    valuesByBreakpoint: instanceProperty.valuesByBreakpoint,
-                };
+                variables[variableName] = mergeDesignValuesByBreakpoint(defaultValue, instanceProperty);
             }
             else if (!instanceProperty && defaultValue) {
                 // So far, we only automatically fallback to the defaultValue for design properties

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

@@ -1 +1 @@
-{"version":3,"file":"assemblyUtils.js","sources":["../../../../src/core/preview/assemblyUtils.ts"],"sourcesContent":["import { EntityStore } from '@contentful/experiences-core';\nimport md5 from 'md5';\nimport type {\n  ComponentPropertyValue,\n  ComponentTreeNode,\n  DesignValue,\n  ExperienceComponentSettings,\n  Parameter,\n} from '@contentful/experiences-core/types';\nimport { resolvePrebindingPath, shouldUsePrebinding } from '../../utils/prebindingUtils';\nimport { PATTERN_PROPERTY_DIVIDER } from '@contentful/experiences-core/constants';\n\n/** While unfolding the pattern definition on the instance, this function will replace all\n * ComponentValue in the definitions tree with the actual value on the instance. */\nexport const deserializePatternNode = ({\n  node,\n  componentInstanceVariables,\n  componentSettings,\n  parameters,\n  entityStore,\n}: {\n  node: ComponentTreeNode;\n  componentInstanceVariables: ComponentTreeNode['variables'];\n  componentSettings: ExperienceComponentSettings;\n  parameters: Record<string, Parameter>;\n  entityStore: EntityStore;\n}): ComponentTreeNode => {\n  const variables: Record<string, ComponentPropertyValue> = {};\n\n  for (const [variableName, variable] of Object.entries(node.variables)) {\n    variables[variableName] = variable;\n    if (variable.type === 'ComponentValue') {\n      const componentValueKey = variable.key;\n      const instanceProperty = componentInstanceVariables[componentValueKey];\n      const variableDefinition = componentSettings.variableDefinitions?.[componentValueKey];\n      const defaultValue = variableDefinition?.defaultValue;\n\n      const usePrebinding = shouldUsePrebinding({\n        componentSettings,\n        componentValueKey,\n        parameters: parameters,\n        variable: instanceProperty,\n      });\n      const path = resolvePrebindingPath({\n        componentSettings,\n        componentValueKey,\n        parameters: parameters,\n        entityStore,\n      });\n\n      if (usePrebinding && path) {\n        variables[variableName] = {\n          type: 'BoundValue',\n          path,\n        };\n\n        // For assembly, we look up the variable in the assembly instance and\n        // replace the ComponentValue with that one.\n      } else if (instanceProperty?.type === 'UnboundValue') {\n        variables[variableName] = {\n          type: 'UnboundValue',\n          key: instanceProperty.key,\n        };\n      } else if (instanceProperty?.type === 'NoValue') {\n        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    deserializePatternNode({\n      node: child,\n      componentInstanceVariables,\n      componentSettings,\n      parameters,\n      entityStore,\n    }),\n  );\n\n  return {\n    definitionId: node.definitionId,\n    id: node.id,\n    variables,\n    children,\n    slotId: node.slotId,\n    displayName: node.displayName,\n    parameters: node.parameters,\n  };\n};\n\nexport const resolvePattern = ({\n  node,\n  parentParameters,\n  patternRootNodeIdsChain,\n  entityStore,\n}: {\n  node: ComponentTreeNode;\n  entityStore: EntityStore;\n  parentParameters: Record<string, Parameter>;\n  patternRootNodeIdsChain: string;\n}) => {\n  const componentId = node.definitionId as string;\n  const assembly = entityStore.usedComponents?.find(\n    (component) => component.sys.id === componentId,\n  );\n\n  if (!assembly || !('fields' in assembly)) {\n    return node;\n  }\n\n  const parameters: Record<string, Parameter> = {};\n\n  const allParameters = {\n    ...parentParameters,\n    ...(node.parameters || {}),\n  };\n\n  for (const [parameterKey, parameter] of Object.entries(allParameters)) {\n    /**\n     * Bubbled up pattern properties are a concatenation of the node id\n     * and the pattern property definition id. We need to split them so\n     * that the node only uses the pattern property definition id.\n     */\n    const [hashKey, parameterId] = parameterKey.split(PATTERN_PROPERTY_DIVIDER);\n\n    const hashedNodeChain = md5(patternRootNodeIdsChain || '');\n\n    const isMatchingNode = hashKey === hashedNodeChain;\n\n    if (!isMatchingNode) continue;\n\n    parameters[parameterId] = parameter;\n  }\n\n  const componentFields = assembly.fields;\n\n  const deserializedNode = deserializePatternNode({\n    node: {\n      definitionId: node.definitionId,\n      id: node.id,\n      variables: node.variables,\n      children: componentFields.componentTree.children,\n      parameters: parameters,\n    },\n    componentInstanceVariables: node.variables,\n    componentSettings: componentFields.componentSettings!,\n    parameters: parameters,\n    entityStore,\n  });\n\n  entityStore.addAssemblyUnboundValues(componentFields.unboundValues);\n\n  return deserializedNode;\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"assemblyUtils.js","sources":["../../../../src/core/preview/assemblyUtils.ts"],"sourcesContent":["import { EntityStore, mergeDesignValuesByBreakpoint } from '@contentful/experiences-core';\nimport md5 from 'md5';\nimport type {\n  ComponentPropertyValue,\n  ComponentTreeNode,\n  DesignValue,\n  ExperienceComponentSettings,\n  Parameter,\n} from '@contentful/experiences-core/types';\nimport { resolvePrebindingPath, shouldUsePrebinding } from '../../utils/prebindingUtils';\nimport { PATTERN_PROPERTY_DIVIDER } from '@contentful/experiences-core/constants';\n\n/** While unfolding the pattern definition on the instance, this function will replace all\n * ComponentValue in the definitions tree with the actual value on the instance. */\nexport const deserializePatternNode = ({\n  node,\n  componentInstanceVariables,\n  componentSettings,\n  parameters,\n  entityStore,\n}: {\n  node: ComponentTreeNode;\n  componentInstanceVariables: ComponentTreeNode['variables'];\n  componentSettings: ExperienceComponentSettings;\n  parameters: Record<string, Parameter>;\n  entityStore: EntityStore;\n}): ComponentTreeNode => {\n  const variables: Record<string, ComponentPropertyValue> = {};\n\n  for (const [variableName, variable] of Object.entries(node.variables)) {\n    variables[variableName] = variable;\n    if (variable.type === 'ComponentValue') {\n      const componentValueKey = variable.key;\n      const instanceProperty = componentInstanceVariables[componentValueKey];\n      const variableDefinition = componentSettings.variableDefinitions?.[componentValueKey];\n      const defaultValue = variableDefinition?.defaultValue;\n\n      const usePrebinding = shouldUsePrebinding({\n        componentSettings,\n        componentValueKey,\n        parameters: parameters,\n        variable: instanceProperty,\n      });\n      const path = resolvePrebindingPath({\n        componentSettings,\n        componentValueKey,\n        parameters: parameters,\n        entityStore,\n      });\n\n      if (usePrebinding && path) {\n        variables[variableName] = {\n          type: 'BoundValue',\n          path,\n        };\n\n        // For assembly, we look up the variable in the assembly instance and\n        // replace the ComponentValue with that one.\n      } else if (instanceProperty?.type === 'UnboundValue') {\n        variables[variableName] = {\n          type: 'UnboundValue',\n          key: instanceProperty.key,\n        };\n      } else if (instanceProperty?.type === 'NoValue') {\n        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] = mergeDesignValuesByBreakpoint(\n          defaultValue as DesignValue | undefined,\n          instanceProperty,\n        );\n      } else if (!instanceProperty && defaultValue) {\n        // So far, we only automatically fallback to the defaultValue for design properties\n        if (variableDefinition.group === 'style') {\n          variables[variableName] = {\n            type: 'DesignValue',\n            valuesByBreakpoint: (defaultValue as DesignValue).valuesByBreakpoint,\n          };\n        }\n      }\n    }\n  }\n\n  const children: ComponentTreeNode[] = node.children.map((child) =>\n    deserializePatternNode({\n      node: child,\n      componentInstanceVariables,\n      componentSettings,\n      parameters,\n      entityStore,\n    }),\n  );\n\n  return {\n    definitionId: node.definitionId,\n    id: node.id,\n    variables,\n    children,\n    slotId: node.slotId,\n    displayName: node.displayName,\n    parameters: node.parameters,\n  };\n};\n\nexport const resolvePattern = ({\n  node,\n  parentParameters,\n  patternRootNodeIdsChain,\n  entityStore,\n}: {\n  node: ComponentTreeNode;\n  entityStore: EntityStore;\n  parentParameters: Record<string, Parameter>;\n  patternRootNodeIdsChain: string;\n}) => {\n  const componentId = node.definitionId as string;\n  const assembly = entityStore.usedComponents?.find(\n    (component) => component.sys.id === componentId,\n  );\n\n  if (!assembly || !('fields' in assembly)) {\n    return node;\n  }\n\n  const parameters: Record<string, Parameter> = {};\n\n  const allParameters = {\n    ...parentParameters,\n    ...(node.parameters || {}),\n  };\n\n  for (const [parameterKey, parameter] of Object.entries(allParameters)) {\n    /**\n     * Bubbled up pattern properties are a concatenation of the node id\n     * and the pattern property definition id. We need to split them so\n     * that the node only uses the pattern property definition id.\n     */\n    const [hashKey, parameterId] = parameterKey.split(PATTERN_PROPERTY_DIVIDER);\n\n    const hashedNodeChain = md5(patternRootNodeIdsChain || '');\n\n    const isMatchingNode = hashKey === hashedNodeChain;\n\n    if (!isMatchingNode) continue;\n\n    parameters[parameterId] = parameter;\n  }\n\n  const componentFields = assembly.fields;\n\n  const deserializedNode = deserializePatternNode({\n    node: {\n      definitionId: node.definitionId,\n      id: node.id,\n      variables: node.variables,\n      children: componentFields.componentTree.children,\n      parameters: parameters,\n    },\n    componentInstanceVariables: node.variables,\n    componentSettings: componentFields.componentSettings!,\n    parameters: parameters,\n    entityStore,\n  });\n\n  entityStore.addAssemblyUnboundValues(componentFields.unboundValues);\n\n  return deserializedNode;\n};\n"],"names":[],"mappings":"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"}

package/dist/core/sdkFeatures.js

@@ -4,6 +4,8 @@ const sdkFeatures = {
     hasVersionHistory: true,
     cfVisibility: true,
     patternResolution: true,
+    // [SPA-2602] allow merging the default and overwriting design values for patterns by breakpoint
+    patternBreakpointDesignValues: true,
 };
 
 export { sdkFeatures };

package/dist/core/sdkFeatures.js.map

@@ -1 +1 @@
-{"version":3,"file":"sdkFeatures.js","sources":["../../../src/core/sdkFeatures.ts"],"sourcesContent":["// Object to store the SDK features that are enabled/disabled\nexport const sdkFeatures: Record<string, unknown> = {\n  hasSDKVersionUI: true,\n  hasVersionHistory: true,\n  cfVisibility: true,\n  patternResolution: true,\n};\n"],"names":[],"mappings":"AAAA;AACa,MAAA,WAAW,GAA4B;AAClD,IAAA,eAAe,EAAE,IAAI;AACrB,IAAA,iBAAiB,EAAE,IAAI;AACvB,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,iBAAiB,EAAE,IAAI;;;;;"}
+{"version":3,"file":"sdkFeatures.js","sources":["../../../src/core/sdkFeatures.ts"],"sourcesContent":["// Object to store the SDK features that are enabled/disabled\nexport const sdkFeatures: Record<string, unknown> = {\n  hasSDKVersionUI: true,\n  hasVersionHistory: true,\n  cfVisibility: true,\n  patternResolution: true,\n  // [SPA-2602] allow merging the default and overwriting design values for patterns by breakpoint\n  patternBreakpointDesignValues: true,\n};\n"],"names":[],"mappings":"AAAA;AACa,MAAA,WAAW,GAA4B;AAClD,IAAA,eAAe,EAAE,IAAI;AACrB,IAAA,iBAAiB,EAAE,IAAI;AACvB,IAAA,YAAY,EAAE,IAAI;AAClB,IAAA,iBAAiB,EAAE,IAAI;;AAEvB,IAAA,6BAA6B,EAAE,IAAI;;;;;"}

package/dist/hooks/useFetchByBase.js

@@ -2,15 +2,24 @@
 import { useState, useEffect } from 'react';
 import { StudioCanvasMode } from '@contentful/experiences-core/constants';
 
+/**
+ * If SDK is detects that it is managed by the Studio Canvas,
+ * it's in "supervised mode" and should not fetch the experience explicitly.
+ * (Instead, it will be passed via postMessage from the Studio Canvas.)
+ */
+const isSupervisedMode = (mode) => {
+    return mode === StudioCanvasMode.EDITOR || mode === StudioCanvasMode.READ_ONLY;
+};
 const useFetchByBase = (fetchMethod, mode) => {
     const [experience, setExperience] = useState();
-    const [isLoading, setIsLoading] = useState(false);
+    // Must set depending on mode, otherwise it will always start with isLoading=false on initial render cycle.
+    const [isLoading, setIsLoading] = useState(isSupervisedMode(mode) ? false : true);
     const [error, setError] = useState();
     useEffect(() => {
         (async () => {
             // if we are in editor/read only mode, we don't want to fetch the experience here
             // it is passed via postMessage instead
-            if (mode === StudioCanvasMode.EDITOR || mode === StudioCanvasMode.READ_ONLY) {
+            if (isSupervisedMode(mode)) {
                 return;
             }
             setIsLoading(true);
@@ -29,7 +38,7 @@ const useFetchByBase = (fetchMethod, mode) => {
     }, [fetchMethod, mode]);
     // When a save event caused a canvas reload, the `receivedModeMessage` might time out and set the
     // mode temporarily to NONE. If it's set to a valid mode afterward, we ignore the fetch result.
-    if (mode === StudioCanvasMode.EDITOR || mode === StudioCanvasMode.READ_ONLY) {
+    if (isSupervisedMode(mode)) {
         return {
             error: undefined,
             experience: undefined,

package/dist/hooks/useFetchByBase.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFetchByBase.js","sources":["../../../src/hooks/useFetchByBase.ts"],"sourcesContent":["'use client';\nimport { useEffect, useState } from 'react';\nimport { EntityStore } from '@contentful/experiences-core';\nimport type { Experience } from '@contentful/experiences-core/types';\nimport { StudioCanvasMode } from '@contentful/experiences-core/constants';\n\n// Typing the response explicitly ensures a stable interface for all fetchers\n// and creates more readable type definitions for the SDK consumers.\ntype UseFetchByBaseResponse = {\n  error: Error | undefined;\n  experience: Experience<EntityStore> | undefined;\n  isLoading: boolean;\n  mode: StudioCanvasMode;\n};\n\nexport const useFetchByBase = (\n  fetchMethod: () => Promise<Experience<EntityStore> | undefined>,\n  mode: StudioCanvasMode,\n): UseFetchByBaseResponse => {\n  const [experience, setExperience] = useState<Experience<EntityStore>>();\n  const [isLoading, setIsLoading] = useState(false);\n  const [error, setError] = useState<Error>();\n\n  useEffect(() => {\n    (async () => {\n      // if we are in editor/read only mode, we don't want to fetch the experience here\n      // it is passed via postMessage instead\n      if (mode === StudioCanvasMode.EDITOR || mode === StudioCanvasMode.READ_ONLY) {\n        return;\n      }\n      setIsLoading(true);\n      setError(undefined);\n      try {\n        const exp = await fetchMethod();\n        setExperience(exp);\n      } catch (error) {\n        setError(error as Error);\n      } finally {\n        setIsLoading(false);\n      }\n    })();\n  }, [fetchMethod, mode]);\n\n  // When a save event caused a canvas reload, the `receivedModeMessage` might time out and set the\n  // mode temporarily to NONE. If it's set to a valid mode afterward, we ignore the fetch result.\n  if (mode === StudioCanvasMode.EDITOR || mode === StudioCanvasMode.READ_ONLY) {\n    return {\n      error: undefined,\n      experience: undefined,\n      isLoading: false,\n      mode,\n    };\n  }\n\n  return {\n    error,\n    experience,\n    isLoading,\n    mode,\n  };\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AA2BM;;;;;AAKA;AACE;;;;;;;;;;AAQN;;;AAIA;;AAEI;AACA;AACA;;;;;;;;;;AAWN;;"}
+{"version":3,"file":"useFetchByBase.js","sources":["../../../src/hooks/useFetchByBase.ts"],"sourcesContent":["'use client';\nimport { useEffect, useState } from 'react';\nimport { EntityStore } from '@contentful/experiences-core';\nimport type { Experience } from '@contentful/experiences-core/types';\nimport { StudioCanvasMode } from '@contentful/experiences-core/constants';\n\n// Typing the response explicitly ensures a stable interface for all fetchers\n// and creates more readable type definitions for the SDK consumers.\ntype UseFetchByBaseResponse = {\n  error: Error | undefined;\n  experience: Experience<EntityStore> | undefined;\n  isLoading: boolean;\n  mode: StudioCanvasMode;\n};\n\n/**\n * If SDK is detects that it is managed by the Studio Canvas,\n * it's in \"supervised mode\" and should not fetch the experience explicitly.\n * (Instead, it will be passed via postMessage from the Studio Canvas.)\n */\nconst isSupervisedMode = (mode: StudioCanvasMode): boolean => {\n  return mode === StudioCanvasMode.EDITOR || mode === StudioCanvasMode.READ_ONLY;\n};\n\nexport const useFetchByBase = (\n  fetchMethod: () => Promise<Experience<EntityStore> | undefined>,\n  mode: StudioCanvasMode,\n): UseFetchByBaseResponse => {\n  const [experience, setExperience] = useState<Experience<EntityStore>>();\n  // Must set depending on mode, otherwise it will always start with isLoading=false on initial render cycle.\n  const [isLoading, setIsLoading] = useState(isSupervisedMode(mode) ? false : true);\n  const [error, setError] = useState<Error>();\n\n  useEffect(() => {\n    (async () => {\n      // if we are in editor/read only mode, we don't want to fetch the experience here\n      // it is passed via postMessage instead\n      if (isSupervisedMode(mode)) {\n        return;\n      }\n      setIsLoading(true);\n      setError(undefined);\n      try {\n        const exp = await fetchMethod();\n        setExperience(exp);\n      } catch (error) {\n        setError(error as Error);\n      } finally {\n        setIsLoading(false);\n      }\n    })();\n  }, [fetchMethod, mode]);\n\n  // When a save event caused a canvas reload, the `receivedModeMessage` might time out and set the\n  // mode temporarily to NONE. If it's set to a valid mode afterward, we ignore the fetch result.\n  if (isSupervisedMode(mode)) {\n    return {\n      error: undefined,\n      experience: undefined,\n      isLoading: false,\n      mode,\n    };\n  }\n\n  return {\n    error,\n    experience,\n    isLoading,\n    mode,\n  };\n};\n"],"names":[],"mappings":";;;;AAeA;;;;AAIG;AACH;;AAEA;;;;;;;;;;AAeM;;;;;AAKA;AACE;;;;;;;;;;AAQN;;;AAIA;;AAEI;AACA;AACA;;;;;;;;;;AAWN;;"}

package/dist/hooks/useFetchById.js

@@ -12,7 +12,17 @@ const useFetchById = ({ id, localeCode, client, experienceTypeId, hyperlinkPatte
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [id, localeCode, experienceTypeId]);
     const fetchResult = useFetchByBase(fetchMethod, mode);
-    return { ...fetchResult, experience: { ...fetchResult.experience, hyperlinkPattern } };
+    if (!fetchResult.experience) {
+        return fetchResult;
+    }
+    // enriches fetchResult.experience with the hyperlinkPattern, only when fetchResult.experience exists
+    return {
+        ...fetchResult,
+        experience: {
+            ...fetchResult.experience,
+            hyperlinkPattern,
+        },
+    };
 };
 
 export { useFetchById };

package/dist/hooks/useFetchById.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFetchById.js","sources":["../../../src/hooks/useFetchById.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport type { ContentfulClientApi } from 'contentful';\nimport { useFetchByBase } from './useFetchByBase';\nimport { fetchById } from '@contentful/experiences-core';\nimport { useDetectCanvasMode } from './useDetectCanvasMode';\n\nexport type UseFetchByIdArgs = {\n  client: ContentfulClientApi<undefined>;\n  id: string;\n  experienceTypeId: string;\n  localeCode: string;\n  hyperlinkPattern?: string;\n};\n\nexport const useFetchById = ({\n  id,\n  localeCode,\n  client,\n  experienceTypeId,\n  hyperlinkPattern,\n}: UseFetchByIdArgs) => {\n  const mode = useDetectCanvasMode({ isClientSide: typeof window !== 'undefined' });\n\n  const fetchMethod = useCallback(() => {\n    return fetchById({ id, localeCode, client, experienceTypeId });\n    // we purposely don't want to include the client in the dependencies\n    // as it can cause infinite loops if the user creates the client in the component\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [id, localeCode, experienceTypeId]);\n\n  const fetchResult = useFetchByBase(fetchMethod, mode);\n\n  return { ...fetchResult, experience: { ...fetchResult.experience, hyperlinkPattern } };\n};\n"],"names":[],"mappings":";;;;;AAca,MAAA,YAAY,GAAG,CAAC,EAC3B,EAAE,EACF,UAAU,EACV,MAAM,EACN,gBAAgB,EAChB,gBAAgB,GACC,KAAI;AACrB,IAAA,MAAM,IAAI,GAAG,mBAAmB,CAAC,EAAE,YAAY,EAAE,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC,CAAC;AAElF,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAK;AACnC,QAAA,OAAO,SAAS,CAAC,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,gBAAgB,EAAE,CAAC,CAAC;;;;KAIhE,EAAE,CAAC,EAAE,EAAE,UAAU,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEvC,MAAM,WAAW,GAAG,cAAc,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;AAEtD,IAAA,OAAO,EAAE,GAAG,WAAW,EAAE,UAAU,EAAE,EAAE,GAAG,WAAW,CAAC,UAAU,EAAE,gBAAgB,EAAE,EAAE,CAAC;AACzF;;;;"}
+{"version":3,"file":"useFetchById.js","sources":["../../../src/hooks/useFetchById.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport type { ContentfulClientApi } from 'contentful';\nimport { useFetchByBase } from './useFetchByBase';\nimport { fetchById } from '@contentful/experiences-core';\nimport { useDetectCanvasMode } from './useDetectCanvasMode';\n\nexport type UseFetchByIdArgs = {\n  client: ContentfulClientApi<undefined>;\n  id: string;\n  experienceTypeId: string;\n  localeCode: string;\n  hyperlinkPattern?: string;\n};\n\nexport const useFetchById = ({\n  id,\n  localeCode,\n  client,\n  experienceTypeId,\n  hyperlinkPattern,\n}: UseFetchByIdArgs) => {\n  const mode = useDetectCanvasMode({ isClientSide: typeof window !== 'undefined' });\n\n  const fetchMethod = useCallback(() => {\n    return fetchById({ id, localeCode, client, experienceTypeId });\n    // we purposely don't want to include the client in the dependencies\n    // as it can cause infinite loops if the user creates the client in the component\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [id, localeCode, experienceTypeId]);\n\n  const fetchResult = useFetchByBase(fetchMethod, mode);\n\n  if (!fetchResult.experience) {\n    return fetchResult;\n  }\n\n  // enriches fetchResult.experience with the hyperlinkPattern, only when fetchResult.experience exists\n  return {\n    ...fetchResult,\n    experience: {\n      ...fetchResult.experience,\n      hyperlinkPattern,\n    },\n  };\n};\n"],"names":[],"mappings":";;;;;AAca,MAAA,YAAY,GAAG,CAAC,EAC3B,EAAE,EACF,UAAU,EACV,MAAM,EACN,gBAAgB,EAChB,gBAAgB,GACC,KAAI;AACrB,IAAA,MAAM,IAAI,GAAG,mBAAmB,CAAC,EAAE,YAAY,EAAE,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC,CAAC;AAElF,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAK;AACnC,QAAA,OAAO,SAAS,CAAC,EAAE,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,gBAAgB,EAAE,CAAC,CAAC;;;;KAIhE,EAAE,CAAC,EAAE,EAAE,UAAU,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEvC,MAAM,WAAW,GAAG,cAAc,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;AAEtD,IAAA,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE;AAC3B,QAAA,OAAO,WAAW,CAAC;KACpB;;IAGD,OAAO;AACL,QAAA,GAAG,WAAW;AACd,QAAA,UAAU,EAAE;YACV,GAAG,WAAW,CAAC,UAAU;YACzB,gBAAgB;AACjB,SAAA;KACF,CAAC;AACJ;;;;"}

package/dist/hooks/useFetchBySlug.js

@@ -12,7 +12,17 @@ const useFetchBySlug = ({ slug, localeCode, client, experienceTypeId, hyperlinkP
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [slug, localeCode, experienceTypeId]);
     const fetchResult = useFetchByBase(fetchMethod, mode);
-    return { ...fetchResult, experience: { ...fetchResult.experience, hyperlinkPattern } };
+    if (!fetchResult.experience) {
+        return fetchResult;
+    }
+    // enriches fetchResult.experience with the hyperlinkPattern, only when fetchResult.experience exists
+    return {
+        ...fetchResult,
+        experience: {
+            ...fetchResult.experience,
+            hyperlinkPattern,
+        },
+    };
 };
 
 export { useFetchBySlug };

package/dist/hooks/useFetchBySlug.js.map

@@ -1 +1 @@
-{"version":3,"file":"useFetchBySlug.js","sources":["../../../src/hooks/useFetchBySlug.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport type { ContentfulClientApi } from 'contentful';\nimport { useFetchByBase } from './useFetchByBase';\nimport { fetchBySlug } from '@contentful/experiences-core';\nimport { useDetectCanvasMode } from './useDetectCanvasMode';\n\nexport type UseFetchBySlugArgs = {\n  client: ContentfulClientApi<undefined>;\n  slug: string;\n  experienceTypeId: string;\n  localeCode: string;\n  /** The pattern being used to generate links for hyperlink properties **/\n  hyperlinkPattern?: string;\n};\n\nexport const useFetchBySlug = ({\n  slug,\n  localeCode,\n  client,\n  experienceTypeId,\n  hyperlinkPattern,\n}: UseFetchBySlugArgs) => {\n  const mode = useDetectCanvasMode({ isClientSide: typeof window !== 'undefined' });\n\n  const fetchMethod = useCallback(() => {\n    return fetchBySlug({ slug, localeCode, client, experienceTypeId });\n    // we purposely don't want to include the client in the dependencies as it can cause infinite loops if the\n    // user creates the client in the component\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [slug, localeCode, experienceTypeId]);\n\n  const fetchResult = useFetchByBase(fetchMethod, mode);\n\n  return { ...fetchResult, experience: { ...fetchResult.experience, hyperlinkPattern } };\n};\n"],"names":[],"mappings":";;;;;AAea,MAAA,cAAc,GAAG,CAAC,EAC7B,IAAI,EACJ,UAAU,EACV,MAAM,EACN,gBAAgB,EAChB,gBAAgB,GACG,KAAI;AACvB,IAAA,MAAM,IAAI,GAAG,mBAAmB,CAAC,EAAE,YAAY,EAAE,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC,CAAC;AAElF,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAK;AACnC,QAAA,OAAO,WAAW,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,gBAAgB,EAAE,CAAC,CAAC;;;;KAIpE,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEzC,MAAM,WAAW,GAAG,cAAc,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;AAEtD,IAAA,OAAO,EAAE,GAAG,WAAW,EAAE,UAAU,EAAE,EAAE,GAAG,WAAW,CAAC,UAAU,EAAE,gBAAgB,EAAE,EAAE,CAAC;AACzF;;;;"}
+{"version":3,"file":"useFetchBySlug.js","sources":["../../../src/hooks/useFetchBySlug.ts"],"sourcesContent":["import { useCallback } from 'react';\nimport type { ContentfulClientApi } from 'contentful';\nimport { useFetchByBase } from './useFetchByBase';\nimport { fetchBySlug } from '@contentful/experiences-core';\nimport { useDetectCanvasMode } from './useDetectCanvasMode';\n\nexport type UseFetchBySlugArgs = {\n  client: ContentfulClientApi<undefined>;\n  slug: string;\n  experienceTypeId: string;\n  localeCode: string;\n  /** The pattern being used to generate links for hyperlink properties **/\n  hyperlinkPattern?: string;\n};\n\nexport const useFetchBySlug = ({\n  slug,\n  localeCode,\n  client,\n  experienceTypeId,\n  hyperlinkPattern,\n}: UseFetchBySlugArgs) => {\n  const mode = useDetectCanvasMode({ isClientSide: typeof window !== 'undefined' });\n\n  const fetchMethod = useCallback(() => {\n    return fetchBySlug({ slug, localeCode, client, experienceTypeId });\n    // we purposely don't want to include the client in the dependencies as it can cause infinite loops if the\n    // user creates the client in the component\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [slug, localeCode, experienceTypeId]);\n\n  const fetchResult = useFetchByBase(fetchMethod, mode);\n\n  if (!fetchResult.experience) {\n    return fetchResult;\n  }\n\n  // enriches fetchResult.experience with the hyperlinkPattern, only when fetchResult.experience exists\n  return {\n    ...fetchResult,\n    experience: {\n      ...fetchResult.experience,\n      hyperlinkPattern,\n    },\n  };\n};\n"],"names":[],"mappings":";;;;;AAea,MAAA,cAAc,GAAG,CAAC,EAC7B,IAAI,EACJ,UAAU,EACV,MAAM,EACN,gBAAgB,EAChB,gBAAgB,GACG,KAAI;AACvB,IAAA,MAAM,IAAI,GAAG,mBAAmB,CAAC,EAAE,YAAY,EAAE,OAAO,MAAM,KAAK,WAAW,EAAE,CAAC,CAAC;AAElF,IAAA,MAAM,WAAW,GAAG,WAAW,CAAC,MAAK;AACnC,QAAA,OAAO,WAAW,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,gBAAgB,EAAE,CAAC,CAAC;;;;KAIpE,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEzC,MAAM,WAAW,GAAG,cAAc,CAAC,WAAW,EAAE,IAAI,CAAC,CAAC;AAEtD,IAAA,IAAI,CAAC,WAAW,CAAC,UAAU,EAAE;AAC3B,QAAA,OAAO,WAAW,CAAC;KACpB;;IAGD,OAAO;AACL,QAAA,GAAG,WAAW;AACd,QAAA,UAAU,EAAE;YACV,GAAG,WAAW,CAAC,UAAU;YACzB,gBAAgB;AACjB,SAAA;KACF,CAAC;AACJ;;;;"}

package/dist/index.d.ts

@@ -1,14 +1,15 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import * as _contentful_experiences_core from '@contentful/experiences-core';
 import { EntityStore, VisualEditorMode } from '@contentful/experiences-core';
-export { VisualEditorMode, createExperience, defineBreakpoints, defineDesignTokens, detachExperienceStyles, fetchById, fetchBySlug, fetchExperienceEntry, fetchReferencedEntities, localizeEntity } from '@contentful/experiences-core';
+export { VisualEditorMode, createExperience, defineBreakpoints, defineDesignTokens, detachExperienceStyles, extractLeafLinksReferencedFromExperience, extractReferencesFromEntries, extractReferencesFromEntriesAsIds, fetchById, fetchBySlug, fetchExperienceEntry, fetchReferencedEntities, inMemoryEntities, isArrayOfLinks, isAsset, isEntry, isLink, isLinkToAsset, isLinkToEntry, localizeEntity, useInMemoryEntities } from '@contentful/experiences-core';
+import * as _contentful_experiences_core_types from '@contentful/experiences-core/types';
 import { Experience, ComponentRegistration, ComponentRegistrationOptions } from '@contentful/experiences-core/types';
 export { ComponentDefinition, ComponentRegistration, Experience } from '@contentful/experiences-core/types';
 import * as _contentful_experiences_core_constants from '@contentful/experiences-core/constants';
 export { CF_STYLE_ATTRIBUTES, CONTENTFUL_COMPONENTS, LATEST_SCHEMA_VERSION } from '@contentful/experiences-core/constants';
 import { ContentfulClientApi } from 'contentful';
 
-declare const SDK_VERSION = "1.42.4-prerelease-20250702T1207-37b3bfc.0";
+declare const SDK_VERSION = "2.0.0-beta.0";
 
 type ExperienceRootProps = {
     experience?: Experience<EntityStore> | string | null;
@@ -31,11 +32,8 @@ type UseFetchByIdArgs = {
     hyperlinkPattern?: string;
 };
 declare const useFetchById: ({ id, localeCode, client, experienceTypeId, hyperlinkPattern, }: UseFetchByIdArgs) => {
-    experience: {
-        hyperlinkPattern: string | undefined;
-        entityStore?: _contentful_experiences_core.EntityStore | undefined;
-    };
     error: Error | undefined;
+    experience: _contentful_experiences_core_types.Experience<_contentful_experiences_core.EntityStore> | undefined;
     isLoading: boolean;
     mode: _contentful_experiences_core_constants.StudioCanvasMode;
 };
@@ -49,11 +47,8 @@ type UseFetchBySlugArgs = {
     hyperlinkPattern?: string;
 };
 declare const useFetchBySlug: ({ slug, localeCode, client, experienceTypeId, hyperlinkPattern, }: UseFetchBySlugArgs) => {
-    experience: {
-        hyperlinkPattern: string | undefined;
-        entityStore?: _contentful_experiences_core.EntityStore | undefined;
-    };
     error: Error | undefined;
+    experience: _contentful_experiences_core_types.Experience<_contentful_experiences_core.EntityStore> | undefined;
     isLoading: boolean;
     mode: _contentful_experiences_core_constants.StudioCanvasMode;
 };
@@ -85,13 +80,5 @@ declare const useCustomFetch: ({ fetchFn, hyperlinkPattern }: UseCustomFetchArgs
  * @returns void
  */
 declare const defineComponents: (componentRegistrations: ComponentRegistration[], options?: ComponentRegistrationOptions) => void;
-/**
- * @deprecated This method is used to maintain the basic component ids (without the prefix 'contentful-') in order to be compatible
- * with experiences created with an older alpha version of the SDK. Components in these experiences should be migrated to use
- * the components with the 'contentful-' prefix. To do so, load the experience in the editor, and replace any older basic components
- * (marked with [OLD] in the UI) with the new components (without the [OLD]). This method (and functionality for the older components)
- * will be removed in the next major release.
- */
-declare const maintainBasicComponentIdsWithoutPrefix: () => void;
 
-export { ExperienceRoot, defineComponents, maintainBasicComponentIdsWithoutPrefix, useCustomFetch, useFetchById, useFetchBySlug, SDK_VERSION as version };
+export { ExperienceRoot, defineComponents, useCustomFetch, useFetchById, useFetchBySlug, SDK_VERSION as version };

package/dist/index.js

@@ -1,12 +1,12 @@
 import { enableDebug, disableDebug } from '@contentful/experiences-core';
-export { VisualEditorMode, createExperience, defineBreakpoints, defineDesignTokens, detachExperienceStyles, fetchById, fetchBySlug, fetchExperienceEntry, fetchReferencedEntities, localizeEntity } from '@contentful/experiences-core';
+export { VisualEditorMode, createExperience, defineBreakpoints, defineDesignTokens, detachExperienceStyles, extractLeafLinksReferencedFromExperience, extractReferencesFromEntries, extractReferencesFromEntriesAsIds, fetchById, fetchBySlug, fetchExperienceEntry, fetchReferencedEntities, inMemoryEntities, isArrayOfLinks, isAsset, isEntry, isLink, isLinkToAsset, isLinkToEntry, localizeEntity, useInMemoryEntities } from '@contentful/experiences-core';
 import { SDK_VERSION } from './sdkVersion.js';
 export { ExperienceRoot } from './ExperienceRoot.js';
 import 'react';
 export { useFetchById } from './hooks/useFetchById.js';
 export { useFetchBySlug } from './hooks/useFetchBySlug.js';
 export { useCustomFetch } from './hooks/useCustomFetch.js';
-export { defineComponents, maintainBasicComponentIdsWithoutPrefix } from './core/componentRegistry.js';
+export { defineComponents } from './core/componentRegistry.js';
 export { CF_STYLE_ATTRIBUTES, CONTENTFUL_COMPONENTS, LATEST_SCHEMA_VERSION } from '@contentful/experiences-core/constants';
 
 // Simple state store to store a few things that are needed across the SDK

package/dist/index.js.map

@@ -1 +1 @@
-{"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, useCustomFetch } from './hooks';\nexport { defineComponents, maintainBasicComponentIdsWithoutPrefix } from './core/componentRegistry';\nexport {\n  defineDesignTokens,\n  defineBreakpoints,\n  VisualEditorMode,\n  fetchById,\n  fetchBySlug,\n  createExperience,\n  detachExperienceStyles,\n  fetchReferencedEntities,\n  fetchExperienceEntry,\n  localizeEntity,\n} from '@contentful/experiences-core';\nexport {\n  CONTENTFUL_COMPONENTS,\n  LATEST_SCHEMA_VERSION,\n  CF_STYLE_ATTRIBUTES,\n} from '@contentful/experiences-core/constants';\nexport type {\n  Experience,\n  ComponentDefinition,\n  ComponentRegistration,\n} from '@contentful/experiences-core/types';\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"],"names":[],"mappings":";;;;;;;;;;;AA8BA;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;;;;"}
+{"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, useCustomFetch } from './hooks';\nexport { defineComponents } from './core/componentRegistry';\nexport {\n  inMemoryEntities,\n  useInMemoryEntities,\n  defineDesignTokens,\n  defineBreakpoints,\n  VisualEditorMode,\n  fetchById,\n  fetchBySlug,\n  createExperience,\n  detachExperienceStyles,\n  fetchReferencedEntities,\n  fetchExperienceEntry,\n  localizeEntity,\n  isArrayOfLinks,\n  isLink,\n  isAsset,\n  isEntry,\n  isLinkToAsset,\n  isLinkToEntry,\n  // Early preload utilities\n  extractLeafLinksReferencedFromExperience,\n  extractReferencesFromEntries,\n  extractReferencesFromEntriesAsIds,\n} from '@contentful/experiences-core';\nexport {\n  CONTENTFUL_COMPONENTS,\n  LATEST_SCHEMA_VERSION,\n  CF_STYLE_ATTRIBUTES,\n} from '@contentful/experiences-core/constants';\nexport type {\n  Experience,\n  ComponentDefinition,\n  ComponentRegistration,\n} from '@contentful/experiences-core/types';\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"],"names":[],"mappings":";;;;;;;;;;;AA0CA;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.42.4-prerelease-20250702T1207-37b3bfc.0';
+const SDK_VERSION = '2.0.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.42.4-prerelease-20250702T1207-37b3bfc.0';\n"],"names":[],"mappings":"AAAO,MAAM,WAAW,GAAG;;;;"}
+{"version":3,"file":"sdkVersion.js","sources":["../../src/sdkVersion.ts"],"sourcesContent":["export const SDK_VERSION = '2.0.0-beta.0';\n"],"names":[],"mappings":"AAAO,MAAM,WAAW,GAAG;;;;"}

package/dist/src/blocks/editor/VisualEditorLoader.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { EntityStore, VisualEditorMode } from '@contentful/experiences-core';
+import { type EntityStore, VisualEditorMode } from '@contentful/experiences-core';
 import type { Experience } from '@contentful/experiences-core/types';
 type VisualEditorLoaderProps = {
     visualEditorMode: VisualEditorMode;

package/dist/src/core/componentRegistry.d.ts

@@ -22,11 +22,3 @@ export declare const createAssemblyRegistration: ({ definitionId, definitionName
     definitionName?: string;
     component: ComponentRegistration["component"];
 }) => ComponentRegistration | undefined;
-/**
- * @deprecated This method is used to maintain the basic component ids (without the prefix 'contentful-') in order to be compatible
- * with experiences created with an older alpha version of the SDK. Components in these experiences should be migrated to use
- * the components with the 'contentful-' prefix. To do so, load the experience in the editor, and replace any older basic components
- * (marked with [OLD] in the UI) with the new components (without the [OLD]). This method (and functionality for the older components)
- * will be removed in the next major release.
- */
-export declare const maintainBasicComponentIdsWithoutPrefix: () => void;

package/dist/src/hooks/useFetchByBase.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/src/hooks/useFetchById.d.ts

@@ -7,11 +7,8 @@ export type UseFetchByIdArgs = {
     hyperlinkPattern?: string;
 };
 export declare const useFetchById: ({ id, localeCode, client, experienceTypeId, hyperlinkPattern, }: UseFetchByIdArgs) => {
-    experience: {
-        hyperlinkPattern: string | undefined;
-        entityStore?: import("@contentful/experiences-core").EntityStore | undefined;
-    };
     error: Error | undefined;
+    experience: import("@contentful/experiences-core/types").Experience<import("@contentful/experiences-core").EntityStore> | undefined;
     isLoading: boolean;
     mode: import("@contentful/experiences-core/constants").StudioCanvasMode;
 };

package/dist/src/hooks/useFetchBySlug.d.ts

@@ -8,11 +8,8 @@ export type UseFetchBySlugArgs = {
     hyperlinkPattern?: string;
 };
 export declare const useFetchBySlug: ({ slug, localeCode, client, experienceTypeId, hyperlinkPattern, }: UseFetchBySlugArgs) => {
-    experience: {
-        hyperlinkPattern: string | undefined;
-        entityStore?: import("@contentful/experiences-core").EntityStore | undefined;
-    };
     error: Error | undefined;
+    experience: import("@contentful/experiences-core/types").Experience<import("@contentful/experiences-core").EntityStore> | undefined;
     isLoading: boolean;
     mode: import("@contentful/experiences-core/constants").StudioCanvasMode;
 };

package/dist/src/index.d.ts

@@ -2,7 +2,7 @@ import { SDK_VERSION } from './sdkVersion';
 export { SDK_VERSION as version };
 export { ExperienceRoot } from './ExperienceRoot';
 export { useFetchById, useFetchBySlug, useCustomFetch } from './hooks';
-export { defineComponents, maintainBasicComponentIdsWithoutPrefix } from './core/componentRegistry';
-export { defineDesignTokens, defineBreakpoints, VisualEditorMode, fetchById, fetchBySlug, createExperience, detachExperienceStyles, fetchReferencedEntities, fetchExperienceEntry, localizeEntity, } from '@contentful/experiences-core';
+export { defineComponents } from './core/componentRegistry';
+export { inMemoryEntities, useInMemoryEntities, defineDesignTokens, defineBreakpoints, VisualEditorMode, fetchById, fetchBySlug, createExperience, detachExperienceStyles, fetchReferencedEntities, fetchExperienceEntry, localizeEntity, isArrayOfLinks, isLink, isAsset, isEntry, isLinkToAsset, isLinkToEntry, extractLeafLinksReferencedFromExperience, extractReferencesFromEntries, extractReferencesFromEntriesAsIds, } from '@contentful/experiences-core';
 export { CONTENTFUL_COMPONENTS, LATEST_SCHEMA_VERSION, CF_STYLE_ATTRIBUTES, } from '@contentful/experiences-core/constants';
 export type { Experience, ComponentDefinition, ComponentRegistration, } from '@contentful/experiences-core/types';

package/dist/src/sdkVersion.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "1.42.4-prerelease-20250702T1207-37b3bfc.0";
+export declare const SDK_VERSION = "2.0.0-beta.0";

package/dist/src/utils/withComponentWrapper.d.ts

@@ -15,7 +15,7 @@ interface CFProps extends React.HtmlHTMLAttributes<HTMLElement> {
  * 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.
  * @param options Options for the `withComponentWrapper` function.
- * @default { wrapComponent: true, wrapContainerTag: 'div' }
+ * @default { wrapComponent: true, wrapContainer: 'div' }
  * @returns A component that can be passed to `defineComponents`.
  */
 export declare function withComponentWrapper<T>(Component: React.ElementType, options?: ComponentRegistration['options']): React.FC<CFProps & T>;

package/dist/utils/withComponentWrapper.js

@@ -6,12 +6,11 @@ import React from 'react';
  * 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.
  * @param options Options for the `withComponentWrapper` function.
- * @default { wrapComponent: true, wrapContainerTag: 'div' }
+ * @default { wrapComponent: true, wrapContainer: 'div' }
  * @returns A component that can be passed to `defineComponents`.
  */
 function withComponentWrapper(Component, options = {
     wrapComponent: true,
-    wrapContainerTag: 'div',
     wrapContainer: 'div',
 }) {
     const Wrapped = ({ classes = '', className = '', dragProps = {}, ...props }) => {

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 classNames from 'classnames';\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  /**\n   * Classes to be applied to the child component if `wrapComponent` is true, or directly to the child component if false.\n   */\n  classes?: string;\n  dragProps?: any;\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, wrapContainerTag: '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    wrapComponent: true,\n    wrapContainerTag: 'div',\n    wrapContainer: 'div',\n  },\n) {\n  const Wrapped: React.FC<CFProps & T> = ({\n    classes = '',\n    className = '',\n    dragProps = {},\n    ...props\n  }) => {\n    const {\n      innerRef,\n      className: dragClassName,\n      ToolTipAndPlaceholder,\n      ...restOfDragProps\n    } = dragProps;\n    const component = options.wrapComponent ? (\n      <div\n        data-component-wrapper\n        className={classNames(classes, className, dragClassName)}\n        {...restOfDragProps}\n        ref={(refNode: HTMLElement | null) => {\n          if (innerRef && refNode) innerRef(refNode);\n        }}>\n        {ToolTipAndPlaceholder}\n        <Component className={classNames(classes)} {...(props as T)} />\n      </div>\n    ) : (\n      React.createElement(Component, {\n        className: classNames(classes, className),\n        ...(props as T),\n      })\n    );\n    return component;\n  };\n\n  return Wrapped;\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;AAeA;;;;;;AAMG;AACa,SAAA,oBAAoB,CAClC,SAA4B,EAC5B,OAA4C,GAAA;AAC1C,IAAA,aAAa,EAAE,IAAI;AACnB,IAAA,gBAAgB,EAAE,KAAK;AACvB,IAAA,aAAa,EAAE,KAAK;AACrB,CAAA,EAAA;IAED,MAAM,OAAO,GAA0B,CAAC,EACtC,OAAO,GAAG,EAAE,EACZ,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,KAAI;AACH,QAAA,MAAM,EACJ,QAAQ,EACR,SAAS,EAAE,aAAa,EACxB,qBAAqB,EACrB,GAAG,eAAe,EACnB,GAAG,SAAS,CAAC;AACd,QAAA,MAAM,SAAS,GAAG,OAAO,CAAC,aAAa,IACrCA,IAAA,CAAA,KAAA,EAAA,EAAA,wBAAA,EAAA,IAAA,EAEE,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,SAAS,EAAE,aAAa,CAAC,EACpD,GAAA,eAAe,EACnB,GAAG,EAAE,CAAC,OAA2B,KAAI;gBACnC,IAAI,QAAQ,IAAI,OAAO;oBAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;aAC5C,EAAA,QAAA,EAAA,CACA,qBAAqB,EACtBC,GAAC,CAAA,SAAS,EAAC,EAAA,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,EAAA,GAAO,KAAW,EAAI,CAAA,CAAA,EAAA,CAC3D,KAEN,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AAC7B,YAAA,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC;AACzC,YAAA,GAAI,KAAW;AAChB,SAAA,CAAC,CACH,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 classNames from 'classnames';\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  /**\n   * Classes to be applied to the child component if `wrapComponent` is true, or directly to the child component if false.\n   */\n  classes?: string;\n  dragProps?: any;\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    wrapComponent: true,\n    wrapContainer: 'div',\n  },\n) {\n  const Wrapped: React.FC<CFProps & T> = ({\n    classes = '',\n    className = '',\n    dragProps = {},\n    ...props\n  }) => {\n    const {\n      innerRef,\n      className: dragClassName,\n      ToolTipAndPlaceholder,\n      ...restOfDragProps\n    } = dragProps;\n    const component = options.wrapComponent ? (\n      <div\n        data-component-wrapper\n        className={classNames(classes, className, dragClassName)}\n        {...restOfDragProps}\n        ref={(refNode: HTMLElement | null) => {\n          if (innerRef && refNode) innerRef(refNode);\n        }}>\n        {ToolTipAndPlaceholder}\n        <Component className={classNames(classes)} {...(props as T)} />\n      </div>\n    ) : (\n      React.createElement(Component, {\n        className: classNames(classes, className),\n        ...(props as T),\n      })\n    );\n    return component;\n  };\n\n  return Wrapped;\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;AAeA;;;;;;AAMG;AACa,SAAA,oBAAoB,CAClC,SAA4B,EAC5B,OAA4C,GAAA;AAC1C,IAAA,aAAa,EAAE,IAAI;AACnB,IAAA,aAAa,EAAE,KAAK;AACrB,CAAA,EAAA;IAED,MAAM,OAAO,GAA0B,CAAC,EACtC,OAAO,GAAG,EAAE,EACZ,SAAS,GAAG,EAAE,EACd,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,KAAI;AACH,QAAA,MAAM,EACJ,QAAQ,EACR,SAAS,EAAE,aAAa,EACxB,qBAAqB,EACrB,GAAG,eAAe,EACnB,GAAG,SAAS,CAAC;AACd,QAAA,MAAM,SAAS,GAAG,OAAO,CAAC,aAAa,IACrCA,IAAA,CAAA,KAAA,EAAA,EAAA,wBAAA,EAAA,IAAA,EAEE,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,SAAS,EAAE,aAAa,CAAC,EACpD,GAAA,eAAe,EACnB,GAAG,EAAE,CAAC,OAA2B,KAAI;gBACnC,IAAI,QAAQ,IAAI,OAAO;oBAAE,QAAQ,CAAC,OAAO,CAAC,CAAC;aAC5C,EAAA,QAAA,EAAA,CACA,qBAAqB,EACtBC,GAAC,CAAA,SAAS,EAAC,EAAA,SAAS,EAAE,UAAU,CAAC,OAAO,CAAC,EAAA,GAAO,KAAW,EAAI,CAAA,CAAA,EAAA,CAC3D,KAEN,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AAC7B,YAAA,SAAS,EAAE,UAAU,CAAC,OAAO,EAAE,SAAS,CAAC;AACzC,YAAA,GAAI,KAAW;AAChB,SAAA,CAAC,CACH,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": "1.42.4-prerelease-20250702T1207-37b3bfc.0",
+  "version": "2.0.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.42.4-prerelease-20250702T1207-37b3bfc.0",
-    "@contentful/experiences-core": "1.42.4-prerelease-20250702T1207-37b3bfc.0",
-    "@contentful/experiences-validators": "1.42.4-prerelease-20250702T1207-37b3bfc.0",
-    "@contentful/experiences-visual-editor-react": "1.42.4-prerelease-20250702T1207-37b3bfc.0",
+    "@contentful/experiences-components-react": "2.0.0-beta.0",
+    "@contentful/experiences-core": "2.0.0-beta.0",
+    "@contentful/experiences-validators": "2.0.0-beta.0",
+    "@contentful/experiences-visual-editor-react": "2.0.0-beta.0",
     "@contentful/rich-text-types": "^17.0.0",
     "classnames": "^2.3.2",
     "csstype": "^3.1.2",
@@ -99,5 +99,5 @@
     "dist",
     "package.json"
   ],
-  "gitHead": "d8e1ebc8423f6169852be95dc1bf12f46304a038"
+  "gitHead": "a7120e1a627761937b699afea0a5b6c4961cfa00"
 }