@contentful/experiences-sdk-react 1.30.0-beta.0 → 1.30.0-dev-20250124T1739-560b81b.0

package/dist/blocks/preview/CompositionBlock.js

@@ -8,7 +8,7 @@ import { Assembly, ContentfulContainer, Columns, SingleColumn } from '@contentfu
 import { resolveAssembly } from '../../core/preview/assemblyUtils.js';
 import PreviewUnboundImage from './PreviewUnboundImage.js';
 
-const CompositionBlock = ({ node: rawNode, locale, entityStore, hyperlinkPattern, resolveDesignValue, getPatternChildNodeClassName, wrappingPatternIds: parentWrappingPatternIds = new Set(), }) => {
+const CompositionBlock = ({ node: rawNode, locale, entityStore, hyperlinkPattern, resolveDesignValue, getPatternChildNodeClassName, }) => {
     const isAssembly = useMemo(() => checkIsAssemblyNode({
         componentId: rawNode.definitionId,
         usedComponents: entityStore.usedComponents,
@@ -21,12 +21,6 @@ const CompositionBlock = ({ node: rawNode, locale, entityStore, hyperlinkPattern
             })
             : rawNode;
     }, [entityStore, isAssembly, rawNode]);
-    const wrappingPatternIds = useMemo(() => {
-        if (isAssembly) {
-            return new Set([node.definitionId, ...parentWrappingPatternIds]);
-        }
-        return parentWrappingPatternIds;
-    }, [isAssembly, node, parentWrappingPatternIds]);
     const componentRegistration = useMemo(() => {
         const registration = getComponentRegistration(node.definitionId);
         if (isAssembly && !registration) {
@@ -95,32 +89,27 @@ const CompositionBlock = ({ node: rawNode, locale, entityStore, hyperlinkPattern
             for (const slotId in componentRegistration.definition.slots) {
                 const slotNode = node.children.find((child) => child.slotId === slotId);
                 if (slotNode) {
-                    props[slotId] = (jsx(CompositionBlock, { node: slotNode, locale: locale, hyperlinkPattern: hyperlinkPattern, entityStore: entityStore, resolveDesignValue: resolveDesignValue, wrappingPatternIds: wrappingPatternIds }));
+                    props[slotId] = (jsx(CompositionBlock, { node: slotNode, locale: locale, hyperlinkPattern: hyperlinkPattern, entityStore: entityStore, resolveDesignValue: resolveDesignValue }));
                 }
             }
         }
         return props;
     }, [
+        resolveDesignValue,
         node.variables,
         node.id,
         node.children,
-        resolveDesignValue,
         componentRegistration,
         isAssembly,
         getPatternChildNodeClassName,
         entityStore,
         hyperlinkPattern,
         locale,
-        wrappingPatternIds,
     ]);
     const className = useClassName({ props: nodeProps, node });
     if (!componentRegistration) {
         return null;
     }
-    // When detecting a circular dependency, we stop silently. The editor mode will render an actionable error.
-    if (parentWrappingPatternIds.has(node.definitionId)) {
-        return null;
-    }
     const { component } = componentRegistration;
     // Retrieves the CSS class name for a given child node ID.
     const _getPatternChildNodeClassName = (childNodeId) => {
@@ -137,7 +126,7 @@ const CompositionBlock = ({ node: rawNode, locale, entityStore, hyperlinkPattern
         ? node.children.map((childNode, index) => {
             return (jsx(CompositionBlock, { getPatternChildNodeClassName: isAssembly || getPatternChildNodeClassName
                     ? _getPatternChildNodeClassName
-                    : undefined, node: childNode, locale: locale, hyperlinkPattern: hyperlinkPattern, entityStore: entityStore, resolveDesignValue: resolveDesignValue, wrappingPatternIds: wrappingPatternIds }, index));
+                    : undefined, node: childNode, locale: locale, hyperlinkPattern: hyperlinkPattern, entityStore: entityStore, resolveDesignValue: resolveDesignValue }, index));
         })
         : null;
     if ([CONTENTFUL_COMPONENTS.container.id, CONTENTFUL_COMPONENTS.section.id].includes(node.definitionId)) {

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

@@ -1 +1 @@
-{"version":3,"file":"CompositionBlock.js","sources":["../../../../src/blocks/preview/CompositionBlock.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport type { UnresolvedLink } from 'contentful';\nimport {\n  EntityStore,\n  resolveHyperlinkPattern,\n  sanitizeNodeProps,\n} from '@contentful/experiences-core';\nimport {\n  CONTENTFUL_COMPONENTS,\n  HYPERLINK_DEFAULT_PATTERN,\n} from '@contentful/experiences-core/constants';\nimport type {\n  ComponentTreeNode,\n  DesignValue,\n  PrimitiveValue,\n  ResolveDesignValueType,\n  StyleProps,\n} from '@contentful/experiences-core/types';\nimport { createAssemblyRegistration, getComponentRegistration } from '../../core/componentRegistry';\nimport { checkIsAssemblyNode, transformBoundContentValue } from '@contentful/experiences-core';\nimport { useClassName } from '../../hooks/useClassName';\nimport {\n  Assembly,\n  Columns,\n  ContentfulContainer,\n  SingleColumn,\n} from '@contentful/experiences-components-react';\n\nimport { resolveAssembly } from '../../core/preview/assemblyUtils';\nimport { Entry } from 'contentful';\nimport PreviewUnboundImage from './PreviewUnboundImage';\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 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 nodeProps = 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 cfSsrClassName = resolveDesignValue(\n      cfSsrClassNameValues?.valuesByBreakpoint,\n      'cfSsrClassName',\n    );\n\n    // Don't enrich the assembly wrapper node with props\n    if (!componentRegistration || isAssembly) {\n      return { cfSsrClassName };\n    }\n\n    const propMap: Record<string, PrimitiveValue> = {\n      cfSsrClassName:\n        node.id && getPatternChildNodeClassName\n          ? getPatternChildNodeClassName(node.id)\n          : cfSsrClassName,\n    };\n\n    const props = Object.entries(componentRegistration.definition.variables).reduce(\n      (acc, [variableName, variableDefinition]) => {\n        const variable = node.variables[variableName];\n        if (!variable) return acc;\n\n        switch (variable.type) {\n          case 'DesignValue':\n            acc[variableName] = resolveDesignValue(variable.valuesByBreakpoint, variableName);\n            break;\n          case 'BoundValue': {\n            const [, uuid] = variable.path.split('/');\n            const binding = entityStore.dataSource[uuid] as UnresolvedLink<'Entry' | 'Asset'>;\n\n            const value = transformBoundContentValue(\n              node.variables,\n              entityStore,\n              binding,\n              resolveDesignValue,\n              variableName,\n              variableDefinition,\n              variable.path,\n            );\n            acc[variableName] = value ?? variableDefinition.defaultValue;\n            break;\n          }\n\n          case 'HyperlinkValue': {\n            const binding = entityStore.dataSource[variable.linkTargetKey];\n            const hyperlinkEntry = entityStore.getEntryOrAsset(binding, variable.linkTargetKey);\n\n            const value = resolveHyperlinkPattern(\n              componentRegistration.definition.hyperlinkPattern ||\n                hyperlinkPattern ||\n                HYPERLINK_DEFAULT_PATTERN,\n              hyperlinkEntry as Entry,\n              locale,\n            );\n            if (value) {\n              acc[variableName] = value;\n            }\n            break;\n          }\n          case 'UnboundValue': {\n            const uuid = variable.key;\n            acc[variableName] =\n              entityStore.unboundValues[uuid]?.value ?? variableDefinition.defaultValue;\n            break;\n          }\n          case 'ComponentValue':\n            // We're rendering a pattern entry. Content cannot be set for ComponentValue type properties\n            // directly in the pattern so we can safely use the default value\n            // This can either a design (style) or a content variable\n            acc[variableName] = variableDefinition.defaultValue;\n            break;\n          default:\n            break;\n        }\n        return acc;\n      },\n      propMap,\n    );\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          props[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    return props;\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  const className = useClassName({ props: nodeProps, node });\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={(nodeProps as StyleProps).cfHyperlink}\n        cfOpenInNewTab={(nodeProps as StyleProps).cfOpenInNewTab}\n        className={className}>\n        {children}\n      </ContentfulContainer>\n    );\n  }\n\n  if (node.definitionId === CONTENTFUL_COMPONENTS.columns.id) {\n    return (\n      <Columns editorMode={false} className={className}>\n        {children}\n      </Columns>\n    );\n  }\n\n  if (node.definitionId === CONTENTFUL_COMPONENTS.singleColumn.id) {\n    return (\n      <SingleColumn editorMode={false} className={className}>\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 <PreviewUnboundImage node={node} nodeProps={nodeProps} component={component} />;\n  }\n\n  return React.createElement(\n    component,\n    {\n      ...sanitizeNodeProps(nodeProps),\n      className,\n    },\n    children ?? (typeof nodeProps.children === 'string' ? nodeProps.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, { useMemo } from 'react';\nimport type { UnresolvedLink } from 'contentful';\nimport {\n  EntityStore,\n  resolveHyperlinkPattern,\n  sanitizeNodeProps,\n} from '@contentful/experiences-core';\nimport {\n  CONTENTFUL_COMPONENTS,\n  HYPERLINK_DEFAULT_PATTERN,\n} from '@contentful/experiences-core/constants';\nimport type {\n  ComponentTreeNode,\n  DesignValue,\n  PrimitiveValue,\n  ResolveDesignValueType,\n  StyleProps,\n} from '@contentful/experiences-core/types';\nimport { createAssemblyRegistration, getComponentRegistration } from '../../core/componentRegistry';\nimport { checkIsAssemblyNode, transformBoundContentValue } from '@contentful/experiences-core';\nimport { useClassName } from '../../hooks/useClassName';\nimport {\n  Assembly,\n  Columns,\n  ContentfulContainer,\n  SingleColumn,\n} from '@contentful/experiences-components-react';\n\nimport { resolveAssembly } from '../../core/preview/assemblyUtils';\nimport { Entry } from 'contentful';\nimport PreviewUnboundImage from './PreviewUnboundImage';\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};\n\nexport const CompositionBlock = ({\n  node: rawNode,\n  locale,\n  entityStore,\n  hyperlinkPattern,\n  resolveDesignValue,\n  getPatternChildNodeClassName,\n}: CompositionBlockProps) => {\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 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 nodeProps = 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 cfSsrClassName = resolveDesignValue(\n      cfSsrClassNameValues?.valuesByBreakpoint,\n      'cfSsrClassName',\n    );\n\n    // Don't enrich the assembly wrapper node with props\n    if (!componentRegistration || isAssembly) {\n      return { cfSsrClassName };\n    }\n\n    const propMap: Record<string, PrimitiveValue> = {\n      cfSsrClassName:\n        node.id && getPatternChildNodeClassName\n          ? getPatternChildNodeClassName(node.id)\n          : cfSsrClassName,\n    };\n\n    const props = Object.entries(componentRegistration.definition.variables).reduce(\n      (acc, [variableName, variableDefinition]) => {\n        const variable = node.variables[variableName];\n        if (!variable) return acc;\n\n        switch (variable.type) {\n          case 'DesignValue':\n            acc[variableName] = resolveDesignValue(variable.valuesByBreakpoint, variableName);\n            break;\n          case 'BoundValue': {\n            const [, uuid] = variable.path.split('/');\n            const binding = entityStore.dataSource[uuid] as UnresolvedLink<'Entry' | 'Asset'>;\n\n            const value = transformBoundContentValue(\n              node.variables,\n              entityStore,\n              binding,\n              resolveDesignValue,\n              variableName,\n              variableDefinition,\n              variable.path,\n            );\n            acc[variableName] = value ?? variableDefinition.defaultValue;\n            break;\n          }\n\n          case 'HyperlinkValue': {\n            const binding = entityStore.dataSource[variable.linkTargetKey];\n            const hyperlinkEntry = entityStore.getEntryOrAsset(binding, variable.linkTargetKey);\n\n            const value = resolveHyperlinkPattern(\n              componentRegistration.definition.hyperlinkPattern ||\n                hyperlinkPattern ||\n                HYPERLINK_DEFAULT_PATTERN,\n              hyperlinkEntry as Entry,\n              locale,\n            );\n            if (value) {\n              acc[variableName] = value;\n            }\n            break;\n          }\n          case 'UnboundValue': {\n            const uuid = variable.key;\n            acc[variableName] =\n              entityStore.unboundValues[uuid]?.value ?? variableDefinition.defaultValue;\n            break;\n          }\n          case 'ComponentValue':\n            // We're rendering a pattern entry. Content cannot be set for ComponentValue type properties\n            // directly in the pattern so we can safely use the default value\n            // This can either a design (style) or a content variable\n            acc[variableName] = variableDefinition.defaultValue;\n            break;\n          default:\n            break;\n        }\n        return acc;\n      },\n      propMap,\n    );\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          props[slotId] = (\n            <CompositionBlock\n              node={slotNode}\n              locale={locale}\n              hyperlinkPattern={hyperlinkPattern}\n              entityStore={entityStore}\n              resolveDesignValue={resolveDesignValue}\n            />\n          );\n        }\n      }\n    }\n\n    return props;\n  }, [\n    resolveDesignValue,\n    node.variables,\n    node.id,\n    node.children,\n    componentRegistration,\n    isAssembly,\n    getPatternChildNodeClassName,\n    entityStore,\n    hyperlinkPattern,\n    locale,\n  ]);\n\n  const className = useClassName({ props: nodeProps, node });\n\n  if (!componentRegistration) {\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            />\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={(nodeProps as StyleProps).cfHyperlink}\n        cfOpenInNewTab={(nodeProps as StyleProps).cfOpenInNewTab}\n        className={className}>\n        {children}\n      </ContentfulContainer>\n    );\n  }\n\n  if (node.definitionId === CONTENTFUL_COMPONENTS.columns.id) {\n    return (\n      <Columns editorMode={false} className={className}>\n        {children}\n      </Columns>\n    );\n  }\n\n  if (node.definitionId === CONTENTFUL_COMPONENTS.singleColumn.id) {\n    return (\n      <SingleColumn editorMode={false} className={className}>\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 <PreviewUnboundImage node={node} nodeProps={nodeProps} component={component} />;\n  }\n\n  return React.createElement(\n    component,\n    {\n      ...sanitizeNodeProps(nodeProps),\n      className,\n    },\n    children ?? (typeof nodeProps.children === 'string' ? nodeProps.children : null),\n  );\n};\n"],"names":["_jsx"],"mappings":"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"}

package/dist/hooks/useDetectCanvasMode.js

@@ -6,7 +6,7 @@ import { sdkFeatures } from '../core/sdkFeatures.js';
 
 const useDetectCanvasMode = ({ isClientSide = false } = {}) => {
     const [mounted, setMounted] = useState(false);
-    const receivedModeMessage = useRef(false);
+    const recievedModeMessage = useRef(false);
     const [mode, setMode] = useState(() => {
         // if we are client side and running in an iframe, then initialize to read only,
         // Editor mode can be requested later.
@@ -29,7 +29,7 @@ const useDetectCanvasMode = ({ isClientSide = false } = {}) => {
         }
         const isEditorMode = eventData.eventType === INCOMING_EVENTS.RequestEditorMode;
         const mode = isEditorMode ? StudioCanvasMode.EDITOR : StudioCanvasMode.READ_ONLY;
-        receivedModeMessage.current = true;
+        recievedModeMessage.current = true;
         setMode(mode);
         if (typeof window !== 'undefined') {
             // Once we definitely know that we are in editor mode, we set this flag so future postMessage connect calls are not made
@@ -43,7 +43,7 @@ const useDetectCanvasMode = ({ isClientSide = false } = {}) => {
     }, []);
     useEffect(() => {
         const handleHandshakeTimeout = () => {
-            if (!receivedModeMessage.current) {
+            if (!recievedModeMessage.current) {
                 setMode(StudioCanvasMode.NONE);
             }
         };
@@ -54,19 +54,14 @@ const useDetectCanvasMode = ({ isClientSide = false } = {}) => {
                 window.addEventListener('message', onMessage);
                 sendMessage(OUTGOING_EVENTS.Connected, undefined);
                 sendMessage(OUTGOING_EVENTS.SDKFeatures, sdkFeatures);
-                // FIXME: This causes a race condition by setting the mode sometimes to NONE when
-                // reloading the canvas due to a save event.
-                const handshakeTimeout = setTimeout(handleHandshakeTimeout, 100);
-                return () => {
-                    window.removeEventListener('message', onMessage);
-                    clearTimeout(handshakeTimeout);
-                };
+                setTimeout(handleHandshakeTimeout, 100);
             }
         }
         else {
             setMounted(true);
         }
-    }, [mode, mounted, onMessage]);
+        return () => window.removeEventListener('message', onMessage);
+    }, [mounted, onMessage]);
     return mode;
 };
 function inIframe() {

package/dist/hooks/useDetectCanvasMode.js.map

@@ -1 +1 @@
-{"version":3,"file":"useDetectCanvasMode.js","sources":["../../../src/hooks/useDetectCanvasMode.tsx"],"sourcesContent":["'use client';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport {\n  doesMismatchMessageSchema,\n  sendMessage,\n  tryParseMessage,\n} from '@contentful/experiences-core';\nimport {\n  INCOMING_EVENTS,\n  OUTGOING_EVENTS,\n  StudioCanvasMode,\n} from '@contentful/experiences-core/constants';\nimport { sdkFeatures } from '../core/sdkFeatures';\n\ntype useDetectCanvasModeArgs = {\n  /** If running from a known client side only situation (ie: useFetchBySlug),\n   * set this to true to kick in editor mode check sooner (which avoids a render cycle) */\n  isClientSide?: boolean;\n};\n\nexport const useDetectCanvasMode = ({ isClientSide = false }: useDetectCanvasModeArgs = {}) => {\n  const [mounted, setMounted] = useState(false);\n  const receivedModeMessage = useRef(false);\n  const [mode, setMode] = useState<StudioCanvasMode>(() => {\n    // if we are client side and running in an iframe, then initialize to read only,\n    // Editor mode can be requested later.\n    if (isClientSide && inIframe()) {\n      return StudioCanvasMode.READ_ONLY;\n    } else {\n      return StudioCanvasMode.NONE;\n    }\n  });\n\n  const onMessage = useCallback((event: MessageEvent) => {\n    if (doesMismatchMessageSchema(event)) {\n      return;\n    }\n    const eventData = tryParseMessage(event);\n    const isRequestingCanvasMode =\n      eventData.eventType === INCOMING_EVENTS.RequestEditorMode ||\n      eventData.eventType === INCOMING_EVENTS.RequestReadOnlyMode;\n\n    if (!isRequestingCanvasMode) {\n      return;\n    }\n\n    const isEditorMode = eventData.eventType === INCOMING_EVENTS.RequestEditorMode;\n    const mode = isEditorMode ? StudioCanvasMode.EDITOR : StudioCanvasMode.READ_ONLY;\n\n    receivedModeMessage.current = true;\n    setMode(mode);\n\n    if (typeof window !== 'undefined') {\n      // Once we definitely know that we are in editor mode, we set this flag so future postMessage connect calls are not made\n      if (!window.__EB__) {\n        window.__EB__ = {};\n      }\n      window.__EB__.isReadOnlyMode = !isEditorMode;\n      window.__EB__.isEditorMode = isEditorMode;\n    }\n\n    window.removeEventListener('message', onMessage);\n  }, []);\n\n  useEffect(() => {\n    const handleHandshakeTimeout = () => {\n      if (!receivedModeMessage.current) {\n        setMode(StudioCanvasMode.NONE);\n      }\n    };\n\n    // Only run check after component is mounted on the client to avoid hydration ssr issues\n    if (mounted) {\n      // Double check if we are in editor mode by listening to postMessage events\n      if (typeof window !== 'undefined') {\n        window.addEventListener('message', onMessage);\n        sendMessage(OUTGOING_EVENTS.Connected, undefined);\n        sendMessage(OUTGOING_EVENTS.SDKFeatures, sdkFeatures);\n\n        // FIXME: This causes a race condition by setting the mode sometimes to NONE when\n        // reloading the canvas due to a save event.\n        const handshakeTimeout = setTimeout(handleHandshakeTimeout, 100);\n\n        return () => {\n          window.removeEventListener('message', onMessage);\n          clearTimeout(handshakeTimeout);\n        };\n      }\n    } else {\n      setMounted(true);\n    }\n  }, [mode, mounted, onMessage]);\n\n  return mode;\n};\n\nfunction inIframe() {\n  try {\n    return window.self !== window.top;\n  } catch (e) {\n    return false;\n  }\n}\n"],"names":[],"mappings":";;;;;;AAoBO;;AAEL;;;;AAIE;;;;;;AAKF;AAEA;AACE;;;AAGA;;AAGE;;;;;AAOF;AAEA;;AAGA;;AAEE;AACE;;AAEF;AACA;;AAGF;;;;AAKE;AACE;;AAEJ;;;;AAKE;AACE;AACA;AACA;;;;AAMA;AACE;;AAEF;;;;;;;AAON;AACF;AAEA;AACE;AACE;;;AAEA;;AAEJ;;"}
+{"version":3,"file":"useDetectCanvasMode.js","sources":["../../../src/hooks/useDetectCanvasMode.tsx"],"sourcesContent":["'use client';\nimport { useCallback, useEffect, useRef, useState } from 'react';\nimport {\n  doesMismatchMessageSchema,\n  sendMessage,\n  tryParseMessage,\n} from '@contentful/experiences-core';\nimport {\n  INCOMING_EVENTS,\n  OUTGOING_EVENTS,\n  StudioCanvasMode,\n} from '@contentful/experiences-core/constants';\nimport { sdkFeatures } from '../core/sdkFeatures';\n\ntype useDetectCanvasModeArgs = {\n  /** If running from a known client side only situation (ie: useFetchBySlug),\n   * set this to true to kick in editor mode check sooner (which avoids a render cycle) */\n  isClientSide?: boolean;\n};\n\nexport const useDetectCanvasMode = ({ isClientSide = false }: useDetectCanvasModeArgs = {}) => {\n  const [mounted, setMounted] = useState(false);\n  const recievedModeMessage = useRef(false);\n  const [mode, setMode] = useState<StudioCanvasMode>(() => {\n    // if we are client side and running in an iframe, then initialize to read only,\n    // Editor mode can be requested later.\n    if (isClientSide && inIframe()) {\n      return StudioCanvasMode.READ_ONLY;\n    } else {\n      return StudioCanvasMode.NONE;\n    }\n  });\n\n  const onMessage = useCallback((event: MessageEvent) => {\n    if (doesMismatchMessageSchema(event)) {\n      return;\n    }\n    const eventData = tryParseMessage(event);\n    const isRequestingCanvasMode =\n      eventData.eventType === INCOMING_EVENTS.RequestEditorMode ||\n      eventData.eventType === INCOMING_EVENTS.RequestReadOnlyMode;\n\n    if (!isRequestingCanvasMode) {\n      return;\n    }\n\n    const isEditorMode = eventData.eventType === INCOMING_EVENTS.RequestEditorMode;\n    const mode = isEditorMode ? StudioCanvasMode.EDITOR : StudioCanvasMode.READ_ONLY;\n\n    recievedModeMessage.current = true;\n    setMode(mode);\n\n    if (typeof window !== 'undefined') {\n      // Once we definitely know that we are in editor mode, we set this flag so future postMessage connect calls are not made\n      if (!window.__EB__) {\n        window.__EB__ = {};\n      }\n      window.__EB__.isReadOnlyMode = !isEditorMode;\n      window.__EB__.isEditorMode = isEditorMode;\n    }\n\n    window.removeEventListener('message', onMessage);\n  }, []);\n\n  useEffect(() => {\n    const handleHandshakeTimeout = () => {\n      if (!recievedModeMessage.current) {\n        setMode(StudioCanvasMode.NONE);\n      }\n    };\n\n    // Only run check after component is mounted on the client to avoid hydration ssr issues\n    if (mounted) {\n      // Double check if we are in editor mode by listening to postMessage events\n      if (typeof window !== 'undefined') {\n        window.addEventListener('message', onMessage);\n        sendMessage(OUTGOING_EVENTS.Connected, undefined);\n        sendMessage(OUTGOING_EVENTS.SDKFeatures, sdkFeatures);\n\n        setTimeout(handleHandshakeTimeout, 100);\n      }\n    } else {\n      setMounted(true);\n    }\n\n    return () => window.removeEventListener('message', onMessage);\n  }, [mounted, onMessage]);\n\n  return mode;\n};\n\nfunction inIframe() {\n  try {\n    return window.self !== window.top;\n  } catch (e) {\n    return false;\n  }\n}\n"],"names":[],"mappings":";;;;;;AAoBO;;AAEL;;;;AAIE;;;;;;AAKF;AAEA;AACE;;;AAGA;;AAGE;;;;;AAOF;AAEA;;AAGA;;AAEE;AACE;;AAEF;AACA;;AAGF;;;;AAKE;AACE;;AAEJ;;;;AAKE;AACE;AACA;AACA;AAEA;;;;;;;AAON;AAEA;AACF;AAEA;AACE;AACE;;;AAEA;;AAEJ;;"}

package/dist/hooks/useFetchByBase.js

@@ -27,16 +27,6 @@ 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) {
-        return {
-            error: undefined,
-            experience: undefined,
-            isLoading: false,
-            mode,
-        };
-    }
     return {
         error,
         experience,

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\nexport const useFetchByBase = (\n  fetchMethod: () => Promise<Experience<EntityStore> | undefined>,\n  mode: StudioCanvasMode,\n) => {\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":";;;;;;;;;;;;AAkBM;;;;;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\nexport const useFetchByBase = (\n  fetchMethod: () => Promise<Experience<EntityStore> | undefined>,\n  mode: StudioCanvasMode,\n) => {\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  return {\n    error,\n    experience,\n    isLoading,\n    mode,\n  };\n};\n"],"names":[],"mappings":";;;;;;;;;;;;AAkBM;;;;;AAKA;AACE;;;;;;;;;;AAQN;;;;;;;AAQF;;"}

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.0-beta.0";
+declare const SDK_VERSION = "1.30.0-dev-20250124T1739-560b81b.0";
 
 type ExperienceRootProps = {
     experience?: Experience<EntityStore> | string | null;
@@ -25,21 +25,13 @@ type UseFetchByIdArgs = {
     hyperlinkPattern?: string;
 };
 declare const useFetchById: ({ id, localeCode, client, experienceTypeId, hyperlinkPattern, }: UseFetchByIdArgs) => {
-    experience: {
-        hyperlinkPattern: string | undefined;
-        entityStore?: _contentful_experiences_core.EntityStore | undefined;
-    };
-    error: undefined;
-    isLoading: boolean;
-    mode: _contentful_experiences_core_constants.StudioCanvasMode.READ_ONLY | _contentful_experiences_core_constants.StudioCanvasMode.EDITOR;
-} | {
     experience: {
         hyperlinkPattern: string | undefined;
         entityStore?: _contentful_experiences_core.EntityStore | undefined;
     };
     error: Error | undefined;
     isLoading: boolean;
-    mode: _contentful_experiences_core_constants.StudioCanvasMode.NONE;
+    mode: _contentful_experiences_core_constants.StudioCanvasMode;
 };
 
 type UseFetchBySlugArgs = {
@@ -51,21 +43,13 @@ type UseFetchBySlugArgs = {
     hyperlinkPattern?: string;
 };
 declare const useFetchBySlug: ({ slug, localeCode, client, experienceTypeId, hyperlinkPattern, }: UseFetchBySlugArgs) => {
-    experience: {
-        hyperlinkPattern: string | undefined;
-        entityStore?: _contentful_experiences_core.EntityStore | undefined;
-    };
-    error: undefined;
-    isLoading: boolean;
-    mode: _contentful_experiences_core_constants.StudioCanvasMode.READ_ONLY | _contentful_experiences_core_constants.StudioCanvasMode.EDITOR;
-} | {
     experience: {
         hyperlinkPattern: string | undefined;
         entityStore?: _contentful_experiences_core.EntityStore | undefined;
     };
     error: Error | undefined;
     isLoading: boolean;
-    mode: _contentful_experiences_core_constants.StudioCanvasMode.NONE;
+    mode: _contentful_experiences_core_constants.StudioCanvasMode;
 };
 
 /**

package/dist/sdkVersion.js

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

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

@@ -7,7 +7,6 @@ type CompositionBlockProps = {
     hyperlinkPattern?: string | undefined;
     resolveDesignValue: ResolveDesignValueType;
     getPatternChildNodeClassName?: (childNodeId: string) => string | undefined;
-    wrappingPatternIds?: Set<string>;
 };
-export declare const CompositionBlock: ({ node: rawNode, locale, entityStore, hyperlinkPattern, resolveDesignValue, getPatternChildNodeClassName, wrappingPatternIds: parentWrappingPatternIds, }: CompositionBlockProps) => import("react/jsx-runtime").JSX.Element | null;
+export declare const CompositionBlock: ({ node: rawNode, locale, entityStore, hyperlinkPattern, resolveDesignValue, getPatternChildNodeClassName, }: CompositionBlockProps) => import("react/jsx-runtime").JSX.Element | null;
 export {};

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

@@ -2,13 +2,8 @@ import { EntityStore } from '@contentful/experiences-core';
 import type { Experience } from '@contentful/experiences-core/types';
 import { StudioCanvasMode } from '@contentful/experiences-core/constants';
 export declare const useFetchByBase: (fetchMethod: () => Promise<Experience<EntityStore> | undefined>, mode: StudioCanvasMode) => {
-    error: undefined;
-    experience: undefined;
-    isLoading: boolean;
-    mode: StudioCanvasMode.READ_ONLY | StudioCanvasMode.EDITOR;
-} | {
     error: Error | undefined;
     experience: Experience<EntityStore> | undefined;
     isLoading: boolean;
-    mode: StudioCanvasMode.NONE;
+    mode: StudioCanvasMode;
 };

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

@@ -7,19 +7,11 @@ 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: undefined;
-    isLoading: boolean;
-    mode: import("@contentful/experiences-core/constants").StudioCanvasMode.READ_ONLY | import("@contentful/experiences-core/constants").StudioCanvasMode.EDITOR;
-} | {
     experience: {
         hyperlinkPattern: string | undefined;
         entityStore?: import("@contentful/experiences-core").EntityStore | undefined;
     };
     error: Error | undefined;
     isLoading: boolean;
-    mode: import("@contentful/experiences-core/constants").StudioCanvasMode.NONE;
+    mode: import("@contentful/experiences-core/constants").StudioCanvasMode;
 };

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

@@ -8,19 +8,11 @@ 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: undefined;
-    isLoading: boolean;
-    mode: import("@contentful/experiences-core/constants").StudioCanvasMode.READ_ONLY | import("@contentful/experiences-core/constants").StudioCanvasMode.EDITOR;
-} | {
     experience: {
         hyperlinkPattern: string | undefined;
         entityStore?: import("@contentful/experiences-core").EntityStore | undefined;
     };
     error: Error | undefined;
     isLoading: boolean;
-    mode: import("@contentful/experiences-core/constants").StudioCanvasMode.NONE;
+    mode: import("@contentful/experiences-core/constants").StudioCanvasMode;
 };

package/dist/src/sdkVersion.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "1.30.0-beta.0";
+export declare const SDK_VERSION = "1.30.0-dev-20250124T1739-560b81b.0";

package/dist/test/__fixtures__/assembly.d.ts

@@ -1,12 +1,105 @@
-import type { ExperienceEntry, ExperienceTreeNode, SchemaVersions } from '@contentful/experiences-core/types';
+import type { ExperienceTreeNode, SchemaVersions } from '@contentful/experiences-core/types';
 type createAssemblyEntryArgs = {
-    schemaVersion?: SchemaVersions;
-    id?: string;
+    schemaVersion: SchemaVersions;
+    id: string;
 };
 export declare const defaultAssemblyId = "assembly-id";
 export declare const assemblyGeneratedVariableName = "text_uuid1Assembly";
 export declare const assemblyGeneratedDesignVariableName = "cfWidth_uuid2Assembly";
-export declare const createAssemblyEntry: ({ schemaVersion, id, }?: createAssemblyEntryArgs) => ExperienceEntry;
+export declare const createAssemblyEntry: ({ schemaVersion, id, }: createAssemblyEntryArgs) => {
+    sys: {
+        id: string;
+        type: string;
+        contentType: {
+            sys: {
+                id: string;
+                type: string;
+                linkType: string;
+            };
+        };
+        createdAt: string;
+        updatedAt: string;
+        revision: number;
+        space: {
+            sys: {
+                type: string;
+                linkType: string;
+                id: string;
+            };
+        };
+        environment: {
+            sys: {
+                type: string;
+                linkType: string;
+                id: string;
+            };
+        };
+    };
+    metadata: {
+        tags: never[];
+    };
+    fields: {
+        title: string;
+        slug: string;
+        componentTree: {
+            children: {
+                definitionId: string;
+                variables: {
+                    cfWidth: {
+                        type: string;
+                        key: string;
+                    };
+                };
+                children: {
+                    definitionId: string;
+                    variables: {
+                        text: {
+                            key: string;
+                            type: string;
+                        };
+                    };
+                    children: never[];
+                }[];
+            }[];
+            breakpoints: {
+                id: string;
+                query: string;
+                previewSize: string;
+                displayName: string;
+            }[];
+            schemaVersion: "2023-09-28";
+        };
+        dataSource: {};
+        unboundValues: {
+            unbound_uuid1Assembly: {
+                value: string;
+            };
+        };
+        componentSettings: {
+            variableDefinitions: {
+                text_uuid1Assembly: {
+                    displayName: string;
+                    type: "Text";
+                    defaultValue: {
+                        type: "UnboundValue";
+                        key: string;
+                    };
+                };
+                cfWidth_uuid2Assembly: {
+                    displayName: string;
+                    type: "Text";
+                    group: string;
+                    defaultValue: {
+                        type: "DesignValue";
+                        valuesByBreakpoint: {
+                            desktop: string;
+                        };
+                    };
+                };
+            };
+        };
+    };
+};
 type createAssemblyNodeArgs = {
     id: string;
     blockId?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experiences-sdk-react",
-  "version": "1.30.0-beta.0",
+  "version": "1.30.0-dev-20250124T1739-560b81b.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.0-beta.0",
-    "@contentful/experiences-core": "1.30.0-beta.0",
-    "@contentful/experiences-validators": "1.30.0-beta.0",
-    "@contentful/experiences-visual-editor-react": "1.30.0-beta.0",
+    "@contentful/experiences-components-react": "1.30.0-dev-20250124T1739-560b81b.0",
+    "@contentful/experiences-core": "1.30.0-dev-20250124T1739-560b81b.0",
+    "@contentful/experiences-validators": "1.30.0-dev-20250124T1739-560b81b.0",
+    "@contentful/experiences-visual-editor-react": "1.30.0-dev-20250124T1739-560b81b.0",
     "@contentful/rich-text-types": "^17.0.0",
     "classnames": "^2.3.2",
     "csstype": "^3.1.2",
@@ -102,5 +102,5 @@
     "dist",
     "package.json"
   ],
-  "gitHead": "45ca050ef033d85d4505afd35860069171fcc179"
+  "gitHead": "5c79b509edb4485c183c4a9b5b44900498698825"
 }