@contentful/experiences-sdk-react 1.22.1-dev-20241111T0918-dbe183a.0 → 1.23.0-beta.0

package/dist/ExperienceRoot.js

@@ -14,10 +14,7 @@ const ExperienceRoot = ({ locale, experience, visualEditorMode = VisualEditorMod
         locale,
         mode,
     });
-    if (mode === StudioCanvasMode.EDITOR) {
-        return (jsx(VisualEditorRoot, { experience: experienceObject, visualEditorMode: visualEditorMode, initialLocale: locale }));
-    }
-    if (mode === StudioCanvasMode.READ_ONLY) {
+    if (mode === StudioCanvasMode.EDITOR || mode === StudioCanvasMode.READ_ONLY) {
         return (jsx(VisualEditorRoot, { experience: experienceObject, visualEditorMode: visualEditorMode, initialLocale: locale }));
     }
     if (!experienceObject)

package/dist/ExperienceRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"ExperienceRoot.js","sources":["../../src/ExperienceRoot.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport {\n  VisualEditorMode,\n  createExperience,\n  validateExperienceBuilderConfig,\n} from '@contentful/experiences-core';\nimport { EntityStore } from '@contentful/experiences-core';\nimport type { Experience } from '@contentful/experiences-core/types';\nimport { PreviewDeliveryRoot } from './blocks/preview/PreviewDeliveryRoot';\nimport VisualEditorRoot from './blocks/editor/VisualEditorRoot';\nimport { useDetectCanvasMode } from './hooks/useDetectCanvasMode';\nimport { StudioCanvasMode } from '@contentful/experiences-core/constants';\n\ntype ExperienceRootProps = {\n  experience?: Experience<EntityStore> | string | null;\n  locale: string;\n  visualEditorMode?: VisualEditorMode;\n};\n\nexport const ExperienceRoot = ({\n  locale,\n  experience,\n  visualEditorMode = VisualEditorMode.LazyLoad,\n}: ExperienceRootProps) => {\n  const mode = useDetectCanvasMode();\n\n  //If experience is passed in as a JSON string, recreate it to an experience object\n  const experienceObject =\n    typeof experience === 'string' ? createExperience(experience) : experience;\n\n  validateExperienceBuilderConfig({\n    locale,\n    mode,\n  });\n\n  if (mode === StudioCanvasMode.EDITOR) {\n    return (\n      <VisualEditorRoot\n        experience={experienceObject as Experience<EntityStore> | undefined}\n        visualEditorMode={visualEditorMode}\n        initialLocale={locale}\n      />\n    );\n  }\n\n  if (mode === StudioCanvasMode.READ_ONLY) {\n    return (\n      <VisualEditorRoot\n        experience={experienceObject as Experience<EntityStore> | undefined}\n        visualEditorMode={visualEditorMode}\n        initialLocale={locale}\n      />\n    );\n  }\n\n  if (!experienceObject) return null;\n\n  return <PreviewDeliveryRoot locale={locale} experience={experienceObject} />;\n};\n"],"names":[],"mappings":";;;;;;;;AAoBa;AAKX;;AAGA;AAGA;;;AAGC;AAED;AACE;;AASF;AACE;;AASF;AAAuB;;AAGzB;;"}
+{"version":3,"file":"ExperienceRoot.js","sources":["../../src/ExperienceRoot.tsx"],"sourcesContent":["'use client';\nimport React from 'react';\nimport {\n  VisualEditorMode,\n  createExperience,\n  validateExperienceBuilderConfig,\n} from '@contentful/experiences-core';\nimport { EntityStore } from '@contentful/experiences-core';\nimport type { Experience } from '@contentful/experiences-core/types';\nimport { PreviewDeliveryRoot } from './blocks/preview/PreviewDeliveryRoot';\nimport VisualEditorRoot from './blocks/editor/VisualEditorRoot';\nimport { useDetectCanvasMode } from './hooks/useDetectCanvasMode';\nimport { StudioCanvasMode } from '@contentful/experiences-core/constants';\n\ntype ExperienceRootProps = {\n  experience?: Experience<EntityStore> | string | null;\n  locale: string;\n  visualEditorMode?: VisualEditorMode;\n};\n\nexport const ExperienceRoot = ({\n  locale,\n  experience,\n  visualEditorMode = VisualEditorMode.LazyLoad,\n}: ExperienceRootProps) => {\n  const mode = useDetectCanvasMode();\n\n  //If experience is passed in as a JSON string, recreate it to an experience object\n  const experienceObject =\n    typeof experience === 'string' ? createExperience(experience) : experience;\n\n  validateExperienceBuilderConfig({\n    locale,\n    mode,\n  });\n\n  if (mode === StudioCanvasMode.EDITOR || mode === StudioCanvasMode.READ_ONLY) {\n    return (\n      <VisualEditorRoot\n        experience={experienceObject as Experience<EntityStore> | undefined}\n        visualEditorMode={visualEditorMode}\n        initialLocale={locale}\n      />\n    );\n  }\n\n  if (!experienceObject) return null;\n\n  return <PreviewDeliveryRoot locale={locale} experience={experienceObject} />;\n};\n"],"names":[],"mappings":";;;;;;;;AAoBa;AAKX;;AAGA;AAGA;;;AAGC;AAED;AACE;;AASF;AAAuB;;AAGzB;;"}

package/dist/core/componentRegistry.js

@@ -1,6 +1,7 @@
 import * as Components from '@contentful/experiences-components-react';
-import { INTERNAL_EVENTS, CONTENTFUL_COMPONENTS, OUTGOING_EVENTS, ASSEMBLY_DEFAULT_CATEGORY } from '@contentful/experiences-core/constants';
-import { containerDefinition, sectionDefinition, columnsDefinition, singleColumnDefinition, dividerDefinition, builtInStyles, optionalBuiltInStyles, sendMessage, breakpointsRegistry, designTokensRegistry } from '@contentful/experiences-core';
+import { containerDefinition, sectionDefinition, columnsDefinition, singleColumnDefinition, dividerDefinition } from '@contentful/experiences-components-react';
+import { CONTENTFUL_COMPONENTS, INTERNAL_EVENTS, OUTGOING_EVENTS, ASSEMBLY_DEFAULT_CATEGORY } from '@contentful/experiences-core/constants';
+import { builtInStyles, optionalBuiltInStyles, sendMessage, breakpointsRegistry, designTokensRegistry } from '@contentful/experiences-core';
 import { validateComponentDefinition } from '@contentful/experiences-validators';
 import { withComponentWrapper } from '../utils/withComponentWrapper.js';
 import { SDK_VERSION } from '../sdkVersion.js';
@@ -28,14 +29,17 @@ const applyBuiltInStyleDefinitions = (componentDefinition) => {
     if (!clone.builtInStyles) {
         clone.builtInStyles = ['cfMargin'];
     }
+    if (!clone.variables) {
+        clone.variables = {};
+    }
     // Enforce the presence of this property for toggling visibility on any node
     clone.variables['cfVisibility'] = builtInStyles['cfVisibility'];
-    for (const style of Object.values(clone.builtInStyles || [])) {
+    for (const style of clone.builtInStyles || []) {
         if (builtInStyles[style]) {
-            clone.variables[style] = builtInStyles[style];
+            clone.variables[style] = builtInStyles[style]; // TODO: fix type
         }
         if (optionalBuiltInStyles[style]) {
-            clone.variables[style] = optionalBuiltInStyles[style];
+            clone.variables[style] = optionalBuiltInStyles[style]; // TODO: fix type
         }
     }
     return clone;
@@ -107,6 +111,13 @@ const DEFAULT_COMPONENT_REGISTRATIONS = {
             wrapComponent: false,
         },
     },
+    carousel: enrichComponentDefinition({
+        component: Components.Carousel,
+        definition: Components.carouselDefinition,
+        options: {
+            wrapComponent: false,
+        },
+    }),
 };
 // pre-filling with the default component registrations
 const componentRegistry = new Map([
@@ -235,6 +246,9 @@ const sendConnectedEventWithRegisteredComponents = () => {
  * @returns void
  */
 const defineComponents = (componentRegistrations, options) => {
+    if (options?.experimentalComponents?.carousel) {
+        componentRegistry.set(CONTENTFUL_COMPONENTS.carousel.id, DEFAULT_COMPONENT_REGISTRATIONS.carousel);
+    }
     if (options?.enabledBuiltInComponents) {
         for (const id of optionalBuiltInComponents) {
             if (!options.enabledBuiltInComponents.includes(id)) {

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  containerDefinition,\n  sectionDefinition,\n  columnsDefinition,\n  singleColumnDefinition,\n} from '@contentful/experiences-core';\nimport { validateComponentDefinition } from '@contentful/experiences-validators';\nimport { withComponentWrapper } from '../utils/withComponentWrapper';\nimport { SDK_VERSION } from '../constants';\nimport { dividerDefinition } from '@contentful/experiences-core';\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 ([CONTENTFUL_COMPONENTS.container.id].includes(componentDefinition.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  // Enforce the presence of this property for toggling visibility on any node\n  clone.variables['cfVisibility'] = builtInStyleDefinitions['cfVisibility'];\n\n  for (const style of Object.values(clone.builtInStyles || [])) {\n    if (builtInStyleDefinitions[style]) {\n      clone.variables[style] = builtInStyleDefinitions[style];\n    }\n    if (optionalBuiltInStyles[style]) {\n      clone.variables[style] = optionalBuiltInStyles[style];\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} 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()).map(\n    ({ definition }) => definition,\n  );\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?.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: {} as ComponentDefinition['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 ([CONTENTFUL_COMPONENTS.container.id].includes(componentDefinition.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()).map(\n    ({ definition }) => definition,\n  );\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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"}

package/dist/hooks/useFetchById.js

@@ -7,7 +7,10 @@ const useFetchById = ({ id, localeCode, client, experienceTypeId, hyperlinkPatte
     const mode = useDetectCanvasMode({ isClientSide: typeof window !== 'undefined' });
     const fetchMethod = useCallback(() => {
         return fetchById({ id, localeCode, client, experienceTypeId });
-    }, [id, localeCode, client, experienceTypeId]);
+        // we purposely don't want to include the client in the dependencies
+        // as it can cause infinite loops if the user creates the client in the component
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [id, localeCode, experienceTypeId]);
     const fetchResult = useFetchByBase(fetchMethod, mode);
     return { ...fetchResult, experience: { ...fetchResult.experience, hyperlinkPattern } };
 };

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  }, [id, localeCode, client, 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;KAChE,EAAE,CAAC,EAAE,EAAE,UAAU,EAAE,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAE/C,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  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;;;;"}

package/dist/hooks/useFetchBySlug.js

@@ -7,7 +7,10 @@ const useFetchBySlug = ({ slug, localeCode, client, experienceTypeId, hyperlinkP
     const mode = useDetectCanvasMode({ isClientSide: typeof window !== 'undefined' });
     const fetchMethod = useCallback(() => {
         return fetchBySlug({ slug, localeCode, client, experienceTypeId });
-    }, [slug, localeCode, client, experienceTypeId]);
+        // we purposely don't want to include the client in the dependencies as it can cause infinite loops if the
+        // user creates the client in the component
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [slug, localeCode, experienceTypeId]);
     const fetchResult = useFetchByBase(fetchMethod, mode);
     return { ...fetchResult, experience: { ...fetchResult.experience, hyperlinkPattern } };
 };

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  }, [slug, localeCode, client, 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;KACpE,EAAE,CAAC,IAAI,EAAE,UAAU,EAAE,MAAM,EAAE,gBAAgB,CAAC,CAAC,CAAC;IAEjD,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  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;;;;"}

package/dist/index.d.ts

@@ -8,6 +8,8 @@ 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.23.0-beta.0";
+
 type ExperienceRootProps = {
     experience?: Experience<EntityStore> | string | null;
     locale: string;
@@ -65,4 +67,4 @@ declare const defineComponents: (componentRegistrations: ComponentRegistration[]
  */
 declare const maintainBasicComponentIdsWithoutPrefix: () => void;
 
-export { ExperienceRoot, defineComponents, maintainBasicComponentIdsWithoutPrefix, useFetchById, useFetchBySlug };
+export { ExperienceRoot, defineComponents, maintainBasicComponentIdsWithoutPrefix, useFetchById, useFetchBySlug, SDK_VERSION as version };

package/dist/index.js

@@ -14,4 +14,6 @@ if (typeof window !== 'undefined') {
     }
     window.__EB__.sdkVersion = SDK_VERSION;
 }
+
+export { SDK_VERSION as version };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

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

package/dist/sdkVersion.js

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

package/dist/src/index.d.ts

@@ -1,3 +1,5 @@
+import { SDK_VERSION } from './sdkVersion';
+export { SDK_VERSION as version };
 export { ExperienceRoot } from './ExperienceRoot';
 export { useFetchById, useFetchBySlug } from './hooks';
 export { defineComponents, maintainBasicComponentIdsWithoutPrefix } from './core/componentRegistry';

package/dist/src/sdkVersion.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "1.22.1-dev-20241111T0918-dbe183a.0";
+export declare const SDK_VERSION = "1.23.0-beta.0";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experiences-sdk-react",
-  "version": "1.22.1-dev-20241111T0918-dbe183a.0",
+  "version": "1.23.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.22.1-dev-20241111T0918-dbe183a.0",
-    "@contentful/experiences-core": "1.22.1-dev-20241111T0918-dbe183a.0",
-    "@contentful/experiences-validators": "1.22.1-dev-20241111T0918-dbe183a.0",
-    "@contentful/experiences-visual-editor-react": "1.22.1-dev-20241111T0918-dbe183a.0",
+    "@contentful/experiences-components-react": "1.23.0-beta.0",
+    "@contentful/experiences-core": "1.23.0-beta.0",
+    "@contentful/experiences-validators": "1.23.0-beta.0",
+    "@contentful/experiences-visual-editor-react": "1.23.0-beta.0",
     "@contentful/rich-text-types": "^16.2.1",
     "classnames": "^2.3.2",
     "csstype": "^3.1.2",
@@ -102,5 +102,5 @@
     "dist",
     "package.json"
   ],
-  "gitHead": "14c3f9dd5523673a0c49c80d00aef3503e87e324"
+  "gitHead": "99ba93f0ec78f5349add87a954e4aa48f27d6d9a"
 }