@contentful/experiences-sdk-react 1.30.5-prerelease-20250207T1706-1350c89.0 → 1.30.5-prerelease-20250212T1254-7ec10ae.0

package/dist/blocks/preview/CompositionBlock.js

@@ -43,7 +43,7 @@ const CompositionBlock = ({ node: rawNode, locale, entityStore, hyperlinkPattern
         }
         return registration;
     }, [isAssembly, node.definitionId]);
-    const { ssrProps, contentProps, props, mediaQuery } = useMemo(() => {
+    const { ssrProps, customDesignProps, contentProps, props, mediaQuery } = useMemo(() => {
         // In SSR, we store the className under breakpoints[0] which is resolved here to the actual string
         const cfSsrClassNameValues = node.variables.cfSsrClassName;
         const mainBreakpoint = entityStore.breakpoints[0];
@@ -55,6 +55,7 @@ const CompositionBlock = ({ node: rawNode, locale, entityStore, hyperlinkPattern
             return {
                 ssrProps,
                 props,
+                customDesignProps: {},
             };
         }
         const ssrProps = {
@@ -174,8 +175,8 @@ const CompositionBlock = ({ node: rawNode, locale, entityStore, hyperlinkPattern
         return (jsx(PreviewUnboundImage, { node: node, nodeProps: props, component: component, breakpoints: entityStore.breakpoints }));
     }
     return React.createElement(component, {
+        key: Object.keys(customDesignProps).length ? `${node.id}-${hasRendered}` : node.id,
         ...sanitizeNodeProps(props),
-        key: `${node.id}-${hasRendered}`,
     }, children ?? (typeof props.children === 'string' ? props.children : null));
 };
 

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

@@ -1 +1 @@
-{"version":3,"file":"CompositionBlock.js","sources":["../../../../src/blocks/preview/CompositionBlock.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useMemo, useState } from 'react';\nimport type { UnresolvedLink } from 'contentful';\nimport {\n  EntityStore,\n  resolveHyperlinkPattern,\n  sanitizeNodeProps,\n} from '@contentful/experiences-core';\nimport {\n  CONTENTFUL_COMPONENTS,\n  HYPERLINK_DEFAULT_PATTERN,\n} from '@contentful/experiences-core/constants';\nimport type {\n  ComponentTreeNode,\n  DesignValue,\n  PrimitiveValue,\n  ResolveDesignValueType,\n  StyleProps,\n} from '@contentful/experiences-core/types';\nimport { createAssemblyRegistration, getComponentRegistration } from '../../core/componentRegistry';\nimport { checkIsAssemblyNode, transformBoundContentValue } from '@contentful/experiences-core';\nimport { useInjectStylesheet } from '../../hooks/useClassName';\nimport {\n  Assembly,\n  Columns,\n  ContentfulContainer,\n  SingleColumn,\n} from '@contentful/experiences-components-react';\nimport { resolveAssembly } from '../../core/preview/assemblyUtils';\nimport { Entry } from 'contentful';\nimport PreviewUnboundImage from './PreviewUnboundImage';\nimport { parseComponentProps } from '../../utils/parseComponentProps';\nimport { resolveClassNamesFromBuiltInStyles } from '../../hooks/useMediaQuery';\n\ntype CompositionBlockProps = {\n  node: ComponentTreeNode;\n  locale: string;\n  entityStore: EntityStore;\n  hyperlinkPattern?: string | undefined;\n  resolveDesignValue: ResolveDesignValueType;\n  getPatternChildNodeClassName?: (childNodeId: string) => string | undefined;\n  wrappingPatternIds?: Set<string>;\n};\n\nexport const CompositionBlock = ({\n  node: rawNode,\n  locale,\n  entityStore,\n  hyperlinkPattern,\n  resolveDesignValue,\n  getPatternChildNodeClassName,\n  wrappingPatternIds: parentWrappingPatternIds = new Set(),\n}: CompositionBlockProps) => {\n  const [hasRendered, setHasRendered] = useState(false);\n\n  useEffect(() => {\n    setHasRendered(true);\n  }, []);\n\n  const isAssembly = useMemo(\n    () =>\n      checkIsAssemblyNode({\n        componentId: rawNode.definitionId,\n        usedComponents: entityStore.usedComponents,\n      }),\n    [entityStore.usedComponents, rawNode.definitionId],\n  );\n\n  const node = useMemo(() => {\n    return isAssembly\n      ? resolveAssembly({\n          node: rawNode,\n          entityStore,\n        })\n      : rawNode;\n  }, [entityStore, isAssembly, rawNode]);\n\n  const wrappingPatternIds = useMemo(() => {\n    if (isAssembly) {\n      return new Set([node.definitionId, ...parentWrappingPatternIds]);\n    }\n    return parentWrappingPatternIds;\n  }, [isAssembly, node, parentWrappingPatternIds]);\n\n  const componentRegistration = useMemo(() => {\n    const registration = getComponentRegistration(node.definitionId as string);\n\n    if (isAssembly && !registration) {\n      return createAssemblyRegistration({\n        definitionId: node.definitionId as string,\n        component: Assembly,\n      });\n    }\n    return registration;\n  }, [isAssembly, node.definitionId]);\n\n  const { ssrProps, contentProps, props, mediaQuery } = useMemo(() => {\n    // In SSR, we store the className under breakpoints[0] which is resolved here to the actual string\n    const cfSsrClassNameValues = node.variables.cfSsrClassName as DesignValue | undefined;\n    const mainBreakpoint = entityStore.breakpoints[0];\n    const cfSsrClassName = cfSsrClassNameValues?.valuesByBreakpoint?.[mainBreakpoint.id] as\n      | string\n      | undefined;\n\n    // Don't enrich the assembly wrapper node with props\n    if (!componentRegistration || isAssembly) {\n      const ssrProps = { cfSsrClassName };\n      const props: Record<string, PrimitiveValue> = { className: cfSsrClassName };\n      return {\n        ssrProps,\n        props,\n      };\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      mainBreakpoint,\n      componentDefinition: componentRegistration.definition,\n      node,\n      resolveCustomDesignValue: ({ propertyName, valuesByBreakpoint }) => {\n        return resolveDesignValue(valuesByBreakpoint, propertyName);\n      },\n      resolveBoundValue: ({ binding, propertyName, dataType }) => {\n        const [, uuid] = binding.path.split('/');\n        const boundEntityLink = entityStore.dataSource[uuid] as UnresolvedLink<'Entry' | 'Asset'>;\n        const boundValue = transformBoundContentValue(\n          node.variables,\n          entityStore,\n          boundEntityLink,\n          resolveDesignValue,\n          propertyName,\n          dataType,\n          binding.path,\n        );\n\n        return boundValue;\n      },\n      resolveHyperlinkValue: ({ linkTargetKey }) => {\n        const boundEntity = entityStore.dataSource[linkTargetKey];\n        const hyperlinkEntry = entityStore.getEntryOrAsset(boundEntity, linkTargetKey);\n\n        const value = resolveHyperlinkPattern(\n          componentRegistration.definition.hyperlinkPattern ||\n            hyperlinkPattern ||\n            HYPERLINK_DEFAULT_PATTERN,\n          hyperlinkEntry as Entry,\n          locale,\n        );\n\n        return value;\n      },\n      resolveUnboundValue: ({ mappingKey, defaultValue }) => {\n        return entityStore.unboundValues[mappingKey]?.value ?? defaultValue;\n      },\n      resolveClassNamesFromBuiltInStyles: (designPropsByBreakpointId) => {\n        return resolveClassNamesFromBuiltInStyles({\n          designPropsByBreakpointId,\n          breakpoints: entityStore.breakpoints,\n          node,\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            />\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.variables,\n    node.id,\n    node.children,\n    resolveDesignValue,\n    componentRegistration,\n    isAssembly,\n    getPatternChildNodeClassName,\n    entityStore,\n    hyperlinkPattern,\n    locale,\n    wrappingPatternIds,\n  ]);\n\n  // do not inject the stylesheet into the dom because it's already been done on the server side\n  useInjectStylesheet(ssrProps.cfSsrClassName ? undefined : mediaQuery);\n\n  if (!componentRegistration) {\n    return null;\n  }\n\n  // When detecting a circular dependency, we stop silently. The editor mode will render an actionable error.\n  if (parentWrappingPatternIds.has(node.definitionId)) {\n    return null;\n  }\n\n  const { component } = componentRegistration;\n\n  // Retrieves the CSS class name for a given child node ID.\n  const _getPatternChildNodeClassName = (childNodeId: string) => {\n    if (isAssembly) {\n      // @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?.[childNodeId];\n      if (!classesForNode) return undefined;\n      return resolveDesignValue(classesForNode.valuesByBreakpoint, 'cfSsrClassName') as string;\n    }\n    return getPatternChildNodeClassName?.(childNodeId);\n  };\n\n  const children =\n    componentRegistration.definition.children === true\n      ? node.children.map((childNode: ComponentTreeNode, index) => {\n          return (\n            <CompositionBlock\n              getPatternChildNodeClassName={\n                isAssembly || getPatternChildNodeClassName\n                  ? _getPatternChildNodeClassName\n                  : undefined\n              }\n              node={childNode}\n              key={index}\n              locale={locale}\n              hyperlinkPattern={hyperlinkPattern}\n              entityStore={entityStore}\n              resolveDesignValue={resolveDesignValue}\n              wrappingPatternIds={wrappingPatternIds}\n            />\n          );\n        })\n      : null;\n\n  if (\n    [CONTENTFUL_COMPONENTS.container.id, CONTENTFUL_COMPONENTS.section.id].includes(\n      node.definitionId,\n    )\n  ) {\n    return (\n      <ContentfulContainer\n        editorMode={false}\n        cfHyperlink={(contentProps as StyleProps).cfHyperlink}\n        cfOpenInNewTab={(contentProps as StyleProps).cfOpenInNewTab}\n        className={props.className as string | undefined}>\n        {children}\n      </ContentfulContainer>\n    );\n  }\n\n  if (node.definitionId === CONTENTFUL_COMPONENTS.columns.id) {\n    return (\n      <Columns editorMode={false} className={props.className as string | undefined}>\n        {children}\n      </Columns>\n    );\n  }\n\n  if (node.definitionId === CONTENTFUL_COMPONENTS.singleColumn.id) {\n    return (\n      <SingleColumn editorMode={false} className={props.className as string | undefined}>\n        {children}\n      </SingleColumn>\n    );\n  }\n\n  if (\n    node.definitionId === CONTENTFUL_COMPONENTS.image.id &&\n    node.variables.cfImageAsset?.type === 'UnboundValue'\n  ) {\n    return (\n      <PreviewUnboundImage\n        node={node}\n        nodeProps={props}\n        component={component}\n        breakpoints={entityStore.breakpoints}\n      />\n    );\n  }\n\n  return React.createElement(\n    component,\n    {\n      ...sanitizeNodeProps(props),\n      key: `${node.id}-${hasRendered}`,\n    },\n    children ?? (typeof props.children === 'string' ? props.children : null),\n  );\n};\n"],"names":["_jsx"],"mappings":"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"}
+{"version":3,"file":"CompositionBlock.js","sources":["../../../../src/blocks/preview/CompositionBlock.tsx"],"sourcesContent":["import React, { ReactNode, useEffect, useMemo, useState } from 'react';\nimport type { UnresolvedLink } from 'contentful';\nimport {\n  EntityStore,\n  resolveHyperlinkPattern,\n  sanitizeNodeProps,\n} from '@contentful/experiences-core';\nimport {\n  CONTENTFUL_COMPONENTS,\n  HYPERLINK_DEFAULT_PATTERN,\n} from '@contentful/experiences-core/constants';\nimport type {\n  ComponentTreeNode,\n  DesignValue,\n  PrimitiveValue,\n  ResolveDesignValueType,\n  StyleProps,\n} from '@contentful/experiences-core/types';\nimport { createAssemblyRegistration, getComponentRegistration } from '../../core/componentRegistry';\nimport { checkIsAssemblyNode, transformBoundContentValue } from '@contentful/experiences-core';\nimport { useInjectStylesheet } from '../../hooks/useClassName';\nimport {\n  Assembly,\n  Columns,\n  ContentfulContainer,\n  SingleColumn,\n} from '@contentful/experiences-components-react';\nimport { resolveAssembly } from '../../core/preview/assemblyUtils';\nimport { Entry } from 'contentful';\nimport PreviewUnboundImage from './PreviewUnboundImage';\nimport { parseComponentProps } from '../../utils/parseComponentProps';\nimport { resolveClassNamesFromBuiltInStyles } from '../../hooks/useMediaQuery';\n\ntype CompositionBlockProps = {\n  node: ComponentTreeNode;\n  locale: string;\n  entityStore: EntityStore;\n  hyperlinkPattern?: string | undefined;\n  resolveDesignValue: ResolveDesignValueType;\n  getPatternChildNodeClassName?: (childNodeId: string) => string | undefined;\n  wrappingPatternIds?: Set<string>;\n};\n\nexport const CompositionBlock = ({\n  node: rawNode,\n  locale,\n  entityStore,\n  hyperlinkPattern,\n  resolveDesignValue,\n  getPatternChildNodeClassName,\n  wrappingPatternIds: parentWrappingPatternIds = new Set(),\n}: CompositionBlockProps) => {\n  const [hasRendered, setHasRendered] = useState(false);\n\n  useEffect(() => {\n    setHasRendered(true);\n  }, []);\n\n  const isAssembly = useMemo(\n    () =>\n      checkIsAssemblyNode({\n        componentId: rawNode.definitionId,\n        usedComponents: entityStore.usedComponents,\n      }),\n    [entityStore.usedComponents, rawNode.definitionId],\n  );\n\n  const node = useMemo(() => {\n    return isAssembly\n      ? resolveAssembly({\n          node: rawNode,\n          entityStore,\n        })\n      : rawNode;\n  }, [entityStore, isAssembly, rawNode]);\n\n  const wrappingPatternIds = useMemo(() => {\n    if (isAssembly) {\n      return new Set([node.definitionId, ...parentWrappingPatternIds]);\n    }\n    return parentWrappingPatternIds;\n  }, [isAssembly, node, parentWrappingPatternIds]);\n\n  const componentRegistration = useMemo(() => {\n    const registration = getComponentRegistration(node.definitionId as string);\n\n    if (isAssembly && !registration) {\n      return createAssemblyRegistration({\n        definitionId: node.definitionId as string,\n        component: Assembly,\n      });\n    }\n    return registration;\n  }, [isAssembly, node.definitionId]);\n\n  const { ssrProps, customDesignProps, contentProps, props, mediaQuery } = useMemo(() => {\n    // In SSR, we store the className under breakpoints[0] which is resolved here to the actual string\n    const cfSsrClassNameValues = node.variables.cfSsrClassName as DesignValue | undefined;\n    const mainBreakpoint = entityStore.breakpoints[0];\n    const cfSsrClassName = cfSsrClassNameValues?.valuesByBreakpoint?.[mainBreakpoint.id] as\n      | string\n      | undefined;\n\n    // Don't enrich the assembly wrapper node with props\n    if (!componentRegistration || isAssembly) {\n      const ssrProps = { cfSsrClassName };\n      const props: Record<string, PrimitiveValue> = { className: cfSsrClassName };\n      return {\n        ssrProps,\n        props,\n        customDesignProps: {},\n      };\n    }\n\n    const ssrProps: Record<string, string | undefined> = {\n      cfSsrClassName:\n        node.id && getPatternChildNodeClassName\n          ? getPatternChildNodeClassName(node.id)\n          : cfSsrClassName,\n    };\n\n    const {\n      contentProps = {},\n      styleProps = {},\n      customDesignProps = {},\n      mediaQuery,\n    } = parseComponentProps({\n      mainBreakpoint,\n      componentDefinition: componentRegistration.definition,\n      node,\n      resolveCustomDesignValue: ({ propertyName, valuesByBreakpoint }) => {\n        return resolveDesignValue(valuesByBreakpoint, propertyName);\n      },\n      resolveBoundValue: ({ binding, propertyName, dataType }) => {\n        const [, uuid] = binding.path.split('/');\n        const boundEntityLink = entityStore.dataSource[uuid] as UnresolvedLink<'Entry' | 'Asset'>;\n        const boundValue = transformBoundContentValue(\n          node.variables,\n          entityStore,\n          boundEntityLink,\n          resolveDesignValue,\n          propertyName,\n          dataType,\n          binding.path,\n        );\n\n        return boundValue;\n      },\n      resolveHyperlinkValue: ({ linkTargetKey }) => {\n        const boundEntity = entityStore.dataSource[linkTargetKey];\n        const hyperlinkEntry = entityStore.getEntryOrAsset(boundEntity, linkTargetKey);\n\n        const value = resolveHyperlinkPattern(\n          componentRegistration.definition.hyperlinkPattern ||\n            hyperlinkPattern ||\n            HYPERLINK_DEFAULT_PATTERN,\n          hyperlinkEntry as Entry,\n          locale,\n        );\n\n        return value;\n      },\n      resolveUnboundValue: ({ mappingKey, defaultValue }) => {\n        return entityStore.unboundValues[mappingKey]?.value ?? defaultValue;\n      },\n      resolveClassNamesFromBuiltInStyles: (designPropsByBreakpointId) => {\n        return resolveClassNamesFromBuiltInStyles({\n          designPropsByBreakpointId,\n          breakpoints: entityStore.breakpoints,\n          node,\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            />\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.variables,\n    node.id,\n    node.children,\n    resolveDesignValue,\n    componentRegistration,\n    isAssembly,\n    getPatternChildNodeClassName,\n    entityStore,\n    hyperlinkPattern,\n    locale,\n    wrappingPatternIds,\n  ]);\n\n  // do not inject the stylesheet into the dom because it's already been done on the server side\n  useInjectStylesheet(ssrProps.cfSsrClassName ? undefined : mediaQuery);\n\n  if (!componentRegistration) {\n    return null;\n  }\n\n  // When detecting a circular dependency, we stop silently. The editor mode will render an actionable error.\n  if (parentWrappingPatternIds.has(node.definitionId)) {\n    return null;\n  }\n\n  const { component } = componentRegistration;\n\n  // Retrieves the CSS class name for a given child node ID.\n  const _getPatternChildNodeClassName = (childNodeId: string) => {\n    if (isAssembly) {\n      // @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?.[childNodeId];\n      if (!classesForNode) return undefined;\n      return resolveDesignValue(classesForNode.valuesByBreakpoint, 'cfSsrClassName') as string;\n    }\n    return getPatternChildNodeClassName?.(childNodeId);\n  };\n\n  const children =\n    componentRegistration.definition.children === true\n      ? node.children.map((childNode: ComponentTreeNode, index) => {\n          return (\n            <CompositionBlock\n              getPatternChildNodeClassName={\n                isAssembly || getPatternChildNodeClassName\n                  ? _getPatternChildNodeClassName\n                  : undefined\n              }\n              node={childNode}\n              key={index}\n              locale={locale}\n              hyperlinkPattern={hyperlinkPattern}\n              entityStore={entityStore}\n              resolveDesignValue={resolveDesignValue}\n              wrappingPatternIds={wrappingPatternIds}\n            />\n          );\n        })\n      : null;\n\n  if (\n    [CONTENTFUL_COMPONENTS.container.id, CONTENTFUL_COMPONENTS.section.id].includes(\n      node.definitionId,\n    )\n  ) {\n    return (\n      <ContentfulContainer\n        editorMode={false}\n        cfHyperlink={(contentProps as StyleProps).cfHyperlink}\n        cfOpenInNewTab={(contentProps as StyleProps).cfOpenInNewTab}\n        className={props.className as string | undefined}>\n        {children}\n      </ContentfulContainer>\n    );\n  }\n\n  if (node.definitionId === CONTENTFUL_COMPONENTS.columns.id) {\n    return (\n      <Columns editorMode={false} className={props.className as string | undefined}>\n        {children}\n      </Columns>\n    );\n  }\n\n  if (node.definitionId === CONTENTFUL_COMPONENTS.singleColumn.id) {\n    return (\n      <SingleColumn editorMode={false} className={props.className as string | undefined}>\n        {children}\n      </SingleColumn>\n    );\n  }\n\n  if (\n    node.definitionId === CONTENTFUL_COMPONENTS.image.id &&\n    node.variables.cfImageAsset?.type === 'UnboundValue'\n  ) {\n    return (\n      <PreviewUnboundImage\n        node={node}\n        nodeProps={props}\n        component={component}\n        breakpoints={entityStore.breakpoints}\n      />\n    );\n  }\n\n  return React.createElement(\n    component,\n    {\n      key: Object.keys(customDesignProps).length ? `${node.id}-${hasRendered}` : node.id,\n      ...sanitizeNodeProps(props),\n    },\n    children ?? (typeof props.children === 'string' ? props.children : null),\n  );\n};\n"],"names":["_jsx"],"mappings":"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"}

package/dist/hooks/useMediaQuery.js

@@ -49,7 +49,7 @@ const resolveClassNamesFromBuiltInStyles = ({ designPropsByBreakpointId, breakpo
               }
             */
         // I create a hash of the object above because that would ensure hash stability
-        const styleHash = md5(JSON.stringify(stylesForBreakpointWithoutUndefined));
+        const styleHash = md5(`${node.id}-${JSON.stringify(stylesForBreakpointWithoutUndefined)}`);
         // and prefix the className to make sure the value can be processed
         const className = `cfstyles-${styleHash}`;
         // otherwise, save it to the stylesheet

package/dist/hooks/useMediaQuery.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMediaQuery.js","sources":["../../../src/hooks/useMediaQuery.ts"],"sourcesContent":["import {\n  buildCfStyles,\n  designTokensRegistry,\n  flattenDesignTokenRegistry,\n  isStructureWithRelativeHeight,\n  maybePopulateDesignTokenValue,\n  toCSSAttribute,\n  toCSSString,\n  toMediaQuery,\n} from '@contentful/experiences-core';\nimport { EMPTY_CONTAINER_HEIGHT } from '@contentful/experiences-core/constants';\nimport { Breakpoint, ComponentTreeNode } from '@contentful/experiences-core/types';\nimport md5 from 'md5';\nimport { useMemo } from 'react';\n\ntype ResolvedStylesheetData = Array<{\n  className: string;\n  breakpointCondition: string;\n  css: string;\n}>;\n\nexport const resolveClassNamesFromBuiltInStyles = ({\n  designPropsByBreakpointId,\n  breakpoints,\n  node,\n}: {\n  designPropsByBreakpointId: Record<string, Record<string, any>>;\n  breakpoints: Breakpoint[];\n  node: ComponentTreeNode;\n}): ResolvedStylesheetData => {\n  const mapOfDesignVariableKeys = flattenDesignTokenRegistry(designTokensRegistry);\n  const currentNodeClassNames: string[] = [];\n\n  const result: Array<{\n    className: string;\n    breakpointCondition: string;\n    css: string;\n  }> = [];\n\n  // then for each breakpoint\n  for (const breakpoint of breakpoints) {\n    const designProps = designPropsByBreakpointId[breakpoint.id];\n    if (!designProps) {\n      continue;\n    }\n\n    const propsByBreakpointWithResolvedDesignTokens = Object.entries(designProps).reduce(\n      (acc, [propName, propValue]) => {\n        return {\n          ...acc,\n          [propName]: maybePopulateDesignTokenValue(propName, propValue, mapOfDesignVariableKeys),\n        };\n      },\n      {},\n    );\n\n    // We convert cryptic prop keys to css variables\n    // Eg: cfMargin to margin\n    const stylesForBreakpoint = buildCfStyles(propsByBreakpointWithResolvedDesignTokens);\n\n    if (\n      !node.children.length &&\n      isStructureWithRelativeHeight(node.definitionId, stylesForBreakpoint.height)\n    ) {\n      stylesForBreakpoint.minHeight = EMPTY_CONTAINER_HEIGHT;\n    }\n\n    const stylesForBreakpointWithoutUndefined: Record<string, string> = Object.fromEntries(\n      Object.entries(stylesForBreakpoint)\n        .filter(([, value]) => value !== undefined)\n        .map(([key, value]) => [toCSSAttribute(key), value]),\n    );\n\n    /**\n         * stylesForBreakpoint {\n            margin: '0 0 0 0',\n            padding: '0 0 0 0',\n            'background-color': 'rgba(246, 246, 246, 1)',\n            width: '100%',\n            height: 'fit-content',\n            'max-width': 'none',\n            border: '0px solid rgba(0, 0, 0, 0)',\n            'border-radius': '0px',\n            gap: '0px 0px',\n            'align-items': 'center',\n            'justify-content': 'safe center',\n            'flex-direction': 'column',\n            'flex-wrap': 'nowrap',\n            'font-style': 'normal',\n            'text-decoration': 'none',\n            'box-sizing': 'border-box'\n          }\n        */\n    // I create a hash of the object above because that would ensure hash stability\n    const styleHash = md5(JSON.stringify(stylesForBreakpointWithoutUndefined));\n\n    // and prefix the className to make sure the value can be processed\n    const className = `cfstyles-${styleHash}`;\n\n    // I save the generated hashes into an array to later save it in the tree node\n    // as cfSsrClassName prop\n    // making sure to avoid the duplicates in case styles for > 1 breakpoints are the same\n    if (!currentNodeClassNames.includes(className)) {\n      currentNodeClassNames.push(className);\n    }\n\n    // otherwise, save it to the stylesheet\n    result.push({\n      className,\n      breakpointCondition: breakpoint.query,\n      css: toCSSString(stylesForBreakpointWithoutUndefined),\n    });\n  }\n\n  return result;\n};\n\nexport const convertResolvedDesignValuesToMediaQuery = (styleSheetData: ResolvedStylesheetData) => {\n  /**\n   * {\n   *  className: ['cfstyles-123', 'cfstyles-456'],\n   *  styleSheet: `\n   *    @media (max-width: 1024px) {\n   *      .cfstyles-123 { color: red; }\n   *    }\n   *    @media (max-width: 768px) {\n   *      .cfstyles-456 { color: blue; }\n   *    }\n   *  `\n   * }\n   */\n  const styleSheet = styleSheetData.reduce<{ className: Array<string>; css: string }>(\n    (acc, { breakpointCondition, className, css }) => {\n      if (acc.className.includes(className)) {\n        return acc;\n      }\n\n      const mediaQuery = toMediaQuery({\n        condition: breakpointCondition,\n        cssByClassName: { [className]: css },\n      });\n      return {\n        className: [...acc.className, className],\n        css: `${acc.css}${mediaQuery}`,\n      };\n    },\n    {\n      className: [],\n      css: '',\n    },\n  );\n\n  const className = styleSheet.className.join(' ');\n\n  return {\n    css: styleSheet.css,\n    hash: `cf-${md5(className)}`,\n    className,\n  };\n};\n\nexport const useMediaQuery = ({\n  designPropsByBreakpointId,\n  breakpoints,\n  node,\n}: {\n  designPropsByBreakpointId: Record<string, Record<string, any>>;\n  breakpoints: Breakpoint[];\n  node: ComponentTreeNode;\n}) => {\n  return useMemo(() => {\n    const styleSheetData = resolveClassNamesFromBuiltInStyles({\n      designPropsByBreakpointId,\n      breakpoints,\n      node,\n    });\n\n    return convertResolvedDesignValuesToMediaQuery(styleSheetData);\n  }, [designPropsByBreakpointId, breakpoints, node]);\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"useMediaQuery.js","sources":["../../../src/hooks/useMediaQuery.ts"],"sourcesContent":["import {\n  buildCfStyles,\n  designTokensRegistry,\n  flattenDesignTokenRegistry,\n  isStructureWithRelativeHeight,\n  maybePopulateDesignTokenValue,\n  toCSSAttribute,\n  toCSSString,\n  toMediaQuery,\n} from '@contentful/experiences-core';\nimport { EMPTY_CONTAINER_HEIGHT } from '@contentful/experiences-core/constants';\nimport { Breakpoint, ComponentTreeNode } from '@contentful/experiences-core/types';\nimport md5 from 'md5';\nimport { useMemo } from 'react';\n\ntype ResolvedStylesheetData = Array<{\n  className: string;\n  breakpointCondition: string;\n  css: string;\n}>;\n\nexport const resolveClassNamesFromBuiltInStyles = ({\n  designPropsByBreakpointId,\n  breakpoints,\n  node,\n}: {\n  designPropsByBreakpointId: Record<string, Record<string, any>>;\n  breakpoints: Breakpoint[];\n  node: ComponentTreeNode;\n}): ResolvedStylesheetData => {\n  const mapOfDesignVariableKeys = flattenDesignTokenRegistry(designTokensRegistry);\n  const currentNodeClassNames: string[] = [];\n\n  const result: Array<{\n    className: string;\n    breakpointCondition: string;\n    css: string;\n  }> = [];\n\n  // then for each breakpoint\n  for (const breakpoint of breakpoints) {\n    const designProps = designPropsByBreakpointId[breakpoint.id];\n    if (!designProps) {\n      continue;\n    }\n\n    const propsByBreakpointWithResolvedDesignTokens = Object.entries(designProps).reduce(\n      (acc, [propName, propValue]) => {\n        return {\n          ...acc,\n          [propName]: maybePopulateDesignTokenValue(propName, propValue, mapOfDesignVariableKeys),\n        };\n      },\n      {},\n    );\n\n    // We convert cryptic prop keys to css variables\n    // Eg: cfMargin to margin\n    const stylesForBreakpoint = buildCfStyles(propsByBreakpointWithResolvedDesignTokens);\n\n    if (\n      !node.children.length &&\n      isStructureWithRelativeHeight(node.definitionId, stylesForBreakpoint.height)\n    ) {\n      stylesForBreakpoint.minHeight = EMPTY_CONTAINER_HEIGHT;\n    }\n\n    const stylesForBreakpointWithoutUndefined: Record<string, string> = Object.fromEntries(\n      Object.entries(stylesForBreakpoint)\n        .filter(([, value]) => value !== undefined)\n        .map(([key, value]) => [toCSSAttribute(key), value]),\n    );\n\n    /**\n         * stylesForBreakpoint {\n            margin: '0 0 0 0',\n            padding: '0 0 0 0',\n            'background-color': 'rgba(246, 246, 246, 1)',\n            width: '100%',\n            height: 'fit-content',\n            'max-width': 'none',\n            border: '0px solid rgba(0, 0, 0, 0)',\n            'border-radius': '0px',\n            gap: '0px 0px',\n            'align-items': 'center',\n            'justify-content': 'safe center',\n            'flex-direction': 'column',\n            'flex-wrap': 'nowrap',\n            'font-style': 'normal',\n            'text-decoration': 'none',\n            'box-sizing': 'border-box'\n          }\n        */\n    // I create a hash of the object above because that would ensure hash stability\n    const styleHash = md5(`${node.id}-${JSON.stringify(stylesForBreakpointWithoutUndefined)}`);\n\n    // and prefix the className to make sure the value can be processed\n    const className = `cfstyles-${styleHash}`;\n\n    // I save the generated hashes into an array to later save it in the tree node\n    // as cfSsrClassName prop\n    // making sure to avoid the duplicates in case styles for > 1 breakpoints are the same\n    if (!currentNodeClassNames.includes(className)) {\n      currentNodeClassNames.push(className);\n    }\n\n    // otherwise, save it to the stylesheet\n    result.push({\n      className,\n      breakpointCondition: breakpoint.query,\n      css: toCSSString(stylesForBreakpointWithoutUndefined),\n    });\n  }\n\n  return result;\n};\n\nexport const convertResolvedDesignValuesToMediaQuery = (styleSheetData: ResolvedStylesheetData) => {\n  /**\n   * {\n   *  className: ['cfstyles-123', 'cfstyles-456'],\n   *  styleSheet: `\n   *    @media (max-width: 1024px) {\n   *      .cfstyles-123 { color: red; }\n   *    }\n   *    @media (max-width: 768px) {\n   *      .cfstyles-456 { color: blue; }\n   *    }\n   *  `\n   * }\n   */\n  const styleSheet = styleSheetData.reduce<{ className: Array<string>; css: string }>(\n    (acc, { breakpointCondition, className, css }) => {\n      if (acc.className.includes(className)) {\n        return acc;\n      }\n\n      const mediaQuery = toMediaQuery({\n        condition: breakpointCondition,\n        cssByClassName: { [className]: css },\n      });\n      return {\n        className: [...acc.className, className],\n        css: `${acc.css}${mediaQuery}`,\n      };\n    },\n    {\n      className: [],\n      css: '',\n    },\n  );\n\n  const className = styleSheet.className.join(' ');\n\n  return {\n    css: styleSheet.css,\n    hash: `cf-${md5(className)}`,\n    className,\n  };\n};\n\nexport const useMediaQuery = ({\n  designPropsByBreakpointId,\n  breakpoints,\n  node,\n}: {\n  designPropsByBreakpointId: Record<string, Record<string, any>>;\n  breakpoints: Breakpoint[];\n  node: ComponentTreeNode;\n}) => {\n  return useMemo(() => {\n    const styleSheetData = resolveClassNamesFromBuiltInStyles({\n      designPropsByBreakpointId,\n      breakpoints,\n      node,\n    });\n\n    return convertResolvedDesignValuesToMediaQuery(styleSheetData);\n  }, [designPropsByBreakpointId, breakpoints, node]);\n};\n"],"names":[],"mappings":"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"}

package/dist/index.d.ts

@@ -8,7 +8,7 @@ import * as _contentful_experiences_core_constants from '@contentful/experiences
 export { CF_STYLE_ATTRIBUTES, CONTENTFUL_COMPONENTS, LATEST_SCHEMA_VERSION } from '@contentful/experiences-core/constants';
 import { ContentfulClientApi } from 'contentful';
 
-declare const SDK_VERSION = "1.30.5-prerelease-20250207T1706-1350c89.0";
+declare const SDK_VERSION = "1.30.5-prerelease-20250212T1254-7ec10ae.0";
 
 type ExperienceRootProps = {
     experience?: Experience<EntityStore> | string | null;

package/dist/sdkVersion.js

@@ -1,4 +1,4 @@
-const SDK_VERSION = '1.30.5-prerelease-20250207T1706-1350c89.0';
+const SDK_VERSION = '1.30.5-prerelease-20250212T1254-7ec10ae.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.30.5-prerelease-20250207T1706-1350c89.0';\n"],"names":[],"mappings":"AAAO,MAAM,WAAW,GAAG;;;;"}
+{"version":3,"file":"sdkVersion.js","sources":["../../src/sdkVersion.ts"],"sourcesContent":["export const SDK_VERSION = '1.30.5-prerelease-20250212T1254-7ec10ae.0';\n"],"names":[],"mappings":"AAAO,MAAM,WAAW,GAAG;;;;"}

package/dist/src/sdkVersion.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "1.30.5-prerelease-20250207T1706-1350c89.0";
+export declare const SDK_VERSION = "1.30.5-prerelease-20250212T1254-7ec10ae.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experiences-sdk-react",
-  "version": "1.30.5-prerelease-20250207T1706-1350c89.0",
+  "version": "1.30.5-prerelease-20250212T1254-7ec10ae.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.30.5-prerelease-20250207T1706-1350c89.0",
-    "@contentful/experiences-core": "1.30.5-prerelease-20250207T1706-1350c89.0",
-    "@contentful/experiences-validators": "1.30.5-prerelease-20250207T1706-1350c89.0",
-    "@contentful/experiences-visual-editor-react": "1.30.5-prerelease-20250207T1706-1350c89.0",
+    "@contentful/experiences-components-react": "1.30.5-prerelease-20250212T1254-7ec10ae.0",
+    "@contentful/experiences-core": "1.30.5-prerelease-20250212T1254-7ec10ae.0",
+    "@contentful/experiences-validators": "1.30.5-prerelease-20250212T1254-7ec10ae.0",
+    "@contentful/experiences-visual-editor-react": "1.30.5-prerelease-20250212T1254-7ec10ae.0",
     "@contentful/rich-text-types": "^17.0.0",
     "classnames": "^2.3.2",
     "csstype": "^3.1.2",
@@ -102,5 +102,5 @@
     "dist",
     "package.json"
   ],
-  "gitHead": "50e358e850c25ab69036efa2f5ac04f1eb7a4d34"
+  "gitHead": "814435af0b48ad39abbfb8129173b806fc6a4079"
 }