@contentful/experiences-sdk-react 1.9.0-dev-20240628T2230-7a4f71f.0 → 1.9.0-dev-20240628T2235-7a4f71f.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experiences-sdk-react",
-  "version": "1.9.0-dev-20240628T2230-7a4f71f.0",
+  "version": "1.9.0-dev-20240628T2235-7a4f71f.0",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "typings": "./dist/src/index.d.ts",
@@ -33,10 +33,10 @@
     "depcruise": "depcruise src"
   },
   "dependencies": {
-    "@contentful/experiences-components-react": "1.9.0-dev-20240628T2230-7a4f71f.0",
-    "@contentful/experiences-core": "1.9.0-dev-20240628T2230-7a4f71f.0",
-    "@contentful/experiences-validators": "1.9.0-dev-20240628T2230-7a4f71f.0",
-    "@contentful/experiences-visual-editor-react": "1.9.0-dev-20240628T2230-7a4f71f.0",
+    "@contentful/experiences-components-react": "1.9.0-dev-20240628T2235-7a4f71f.0",
+    "@contentful/experiences-core": "1.9.0-dev-20240628T2235-7a4f71f.0",
+    "@contentful/experiences-validators": "1.9.0-dev-20240628T2235-7a4f71f.0",
+    "@contentful/experiences-visual-editor-react": "1.9.0-dev-20240628T2235-7a4f71f.0",
     "@contentful/rich-text-types": "^16.2.1",
     "classnames": "^2.3.2",
     "csstype": "^3.1.2",
@@ -94,5 +94,5 @@
     "dist",
     "package.json"
   ],
-  "gitHead": "b4dda124d0eaf3ce606af293e58f64218b705bbe"
+  "gitHead": "2794272dc185d96f5c3a3c0ada65b2c872c744b8"
 }

package/dist/ExperienceRoot.js

@@ -1,25 +0,0 @@
-"use client";
-import { jsx } from 'react/jsx-runtime';
-import { createExperience, validateExperienceBuilderConfig, VisualEditorMode } from '@contentful/experiences-core';
-import { PreviewDeliveryRoot } from './blocks/preview/PreviewDeliveryRoot.js';
-import { VisualEditorRoot } from './blocks/editor/VisualEditorRoot.js';
-import { useDetectEditorMode } from './hooks/useDetectEditorMode.js';
-
-const ExperienceRoot = ({ locale, experience, visualEditorMode = VisualEditorMode.LazyLoad, }) => {
-    const isEditorMode = useDetectEditorMode();
-    //If experience is passed in as a JSON string, recreate it to an experience object
-    const experienceObject = typeof experience === 'string' ? createExperience(experience) : experience;
-    validateExperienceBuilderConfig({
-        locale,
-        isEditorMode,
-    });
-    if (isEditorMode) {
-        return (jsx(VisualEditorRoot, { experience: experienceObject, visualEditorMode: visualEditorMode, initialLocale: locale }));
-    }
-    if (!experienceObject)
-        return null;
-    return jsx(PreviewDeliveryRoot, { locale: locale, experience: experienceObject });
-};
-
-export { ExperienceRoot };
-//# sourceMappingURL=ExperienceRoot.js.map

package/dist/ExperienceRoot.js.map

@@ -1 +0,0 @@
-{"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 { useDetectEditorMode } from './hooks/useDetectEditorMode';\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 isEditorMode = useDetectEditorMode();\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    isEditorMode,\n  });\n\n  if (isEditorMode) {\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":";;;;;;;AAmBa;AAKX;;AAEA;AAGA;;;AAGC;;AAGC;;AASF;AAAuB;;AAGzB;;"}

package/dist/blocks/editor/VisualEditorInjectScript.js

@@ -1,38 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useEffect } from 'react';
-import { VISUAL_EDITOR_CONTAINER_ID } from '@contentful/experiences-core/constants';
-
-/**
- * The version can be any semver version or dist tag
- * Examples: @latest, @dev, @pre, @0.0.1-pre-20231213T103332.0
- *
- * If the version is empty, unpkg will redirect to the latest version of the package
- */
-const version = '@0.0.1-pre-20231213T210727.0';
-/**
- * CDN URL for the visual editor script
- *
- * This can be changed to a local file path for development
- *
- * TODO: Reconsider unpkg
- */
-const scriptUrl = `https://unpkg.com/@contentful/experience-builder-visual-editor${version}/dist/renderApp.js`;
-/**
- * This component injects the visual editor script into the page
- */
-function VisualEditorInjectScript() {
-    useEffect(() => {
-        const script = document.createElement('script');
-        script.type = 'module';
-        script.src = scriptUrl;
-        script.async = true;
-        document.body.appendChild(script);
-        return () => {
-            document.body.removeChild(script);
-        };
-    }, []);
-    return jsx("div", { id: VISUAL_EDITOR_CONTAINER_ID });
-}
-
-export { VisualEditorInjectScript as default };
-//# sourceMappingURL=VisualEditorInjectScript.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"VisualEditorInjectScript.js","sources":["../../../../src/blocks/editor/VisualEditorInjectScript.tsx"],"sourcesContent":["import React, { useEffect } from 'react';\nimport { VISUAL_EDITOR_CONTAINER_ID } from '@contentful/experiences-core/constants';\n\n/**\n * The version can be any semver version or dist tag\n * Examples: @latest, @dev, @pre, @0.0.1-pre-20231213T103332.0\n *\n * If the version is empty, unpkg will redirect to the latest version of the package\n */\nconst version = '@0.0.1-pre-20231213T210727.0';\n\n/**\n * CDN URL for the visual editor script\n *\n * This can be changed to a local file path for development\n *\n * TODO: Reconsider unpkg\n */\nconst scriptUrl = `https://unpkg.com/@contentful/experience-builder-visual-editor${version}/dist/renderApp.js`;\n\n/**\n * This component injects the visual editor script into the page\n */\nexport default function VisualEditorInjectScript() {\n  useEffect(() => {\n    const script = document.createElement('script');\n    script.type = 'module';\n    script.src = scriptUrl;\n    script.async = true;\n\n    document.body.appendChild(script);\n    return () => {\n      document.body.removeChild(script);\n    };\n  }, []);\n\n  return <div id={VISUAL_EDITOR_CONTAINER_ID} />;\n}\n"],"names":["_jsx"],"mappings":";;;;AAGA;;;;;AAKG;AACH,MAAM,OAAO,GAAG,8BAA8B,CAAC;AAE/C;;;;;;AAMG;AACH,MAAM,SAAS,GAAG,CAAiE,8DAAA,EAAA,OAAO,oBAAoB,CAAC;AAE/G;;AAEG;AACW,SAAU,wBAAwB,GAAA;IAC9C,SAAS,CAAC,MAAK;QACb,MAAM,MAAM,GAAG,QAAQ,CAAC,aAAa,CAAC,QAAQ,CAAC,CAAC;AAChD,QAAA,MAAM,CAAC,IAAI,GAAG,QAAQ,CAAC;AACvB,QAAA,MAAM,CAAC,GAAG,GAAG,SAAS,CAAC;AACvB,QAAA,MAAM,CAAC,KAAK,GAAG,IAAI,CAAC;AAEpB,QAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AAClC,QAAA,OAAO,MAAK;AACV,YAAA,QAAQ,CAAC,IAAI,CAAC,WAAW,CAAC,MAAM,CAAC,CAAC;AACpC,SAAC,CAAC;KACH,EAAE,EAAE,CAAC,CAAC;AAEP,IAAA,OAAOA,GAAK,CAAA,KAAA,EAAA,EAAA,EAAE,EAAE,0BAA0B,GAAI,CAAC;AACjD;;;;"}

package/dist/blocks/editor/VisualEditorLoader.js

@@ -1,28 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import { useState, useEffect } from 'react';
-import { VisualEditorMode } from '@contentful/experiences-core';
-
-const VisualEditorLoader = ({ visualEditorMode, experience, }) => {
-    const [VisualEditor, setVisualEditor] = useState(null);
-    useEffect(() => {
-        // Dynamically import the visual editor based on the configured mode
-        switch (visualEditorMode) {
-            case VisualEditorMode.InjectScript:
-                import('./VisualEditorInjectScript.js').then((module) => {
-                    setVisualEditor(() => module.default);
-                });
-                break;
-            // VisualEditorMode.LazyLoad:
-            default:
-                import('@contentful/experiences-visual-editor-react').then((module) => {
-                    setVisualEditor(() => module.default);
-                });
-        }
-    }, [visualEditorMode]);
-    if (!VisualEditor)
-        return null;
-    return jsx(VisualEditor, { experience: experience });
-};
-
-export { VisualEditorLoader, VisualEditorLoader as default };
-//# sourceMappingURL=VisualEditorLoader.js.map

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

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

package/dist/blocks/editor/VisualEditorRoot.js

@@ -1,17 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import React, { Suspense } from 'react';
-import { ErrorBoundary } from '../../components/ErrorBoundary.js';
-import { useInitializeVisualEditor } from '../../hooks/useInitializeVisualEditor.js';
-
-const VisualEditorLoader = React.lazy(() => import('./VisualEditorLoader.js'));
-const VisualEditorRoot = ({ visualEditorMode, experience, initialLocale, }) => {
-    const initialEntities = experience?.entityStore?.entities || [];
-    useInitializeVisualEditor({
-        initialLocale,
-        initialEntities,
-    });
-    return (jsx(ErrorBoundary, { children: jsx(Suspense, { fallback: jsx("div", { children: "Loading..." }), children: jsx(VisualEditorLoader, { experience: experience, visualEditorMode: visualEditorMode }) }) }));
-};
-
-export { VisualEditorRoot, VisualEditorRoot as default };
-//# sourceMappingURL=VisualEditorRoot.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"VisualEditorRoot.js","sources":["../../../../src/blocks/editor/VisualEditorRoot.tsx"],"sourcesContent":["import React, { Suspense } from 'react';\nimport { EntityStore, VisualEditorMode } from '@contentful/experiences-core';\nimport { ErrorBoundary } from '../../components/ErrorBoundary';\nimport { useInitializeVisualEditor } from '../../hooks/useInitializeVisualEditor';\nimport type { Experience } from '@contentful/experiences-core/types';\n\nconst VisualEditorLoader = React.lazy(() => import('./VisualEditorLoader'));\n\ntype VisualEditorRootProps = {\n  visualEditorMode: VisualEditorMode;\n  experience?: Experience<EntityStore>;\n  initialLocale: string;\n};\n\nexport const VisualEditorRoot: React.FC<VisualEditorRootProps> = ({\n  visualEditorMode,\n  experience,\n  initialLocale,\n}) => {\n  const initialEntities = experience?.entityStore?.entities || [];\n\n  useInitializeVisualEditor({\n    initialLocale,\n    initialEntities,\n  });\n\n  return (\n    <ErrorBoundary>\n      <Suspense fallback={<div>Loading...</div>}>\n        <VisualEditorLoader experience={experience} visualEditorMode={visualEditorMode} />\n      </Suspense>\n    </ErrorBoundary>\n  );\n};\n\nexport default VisualEditorRoot;\n"],"names":["_jsx"],"mappings":";;;;;AAMA,MAAM,kBAAkB,GAAG,KAAK,CAAC,IAAI,CAAC,MAAM,OAAO,yBAAsB,CAAC,CAAC,CAAC;AAQrE,MAAM,gBAAgB,GAAoC,CAAC,EAChE,gBAAgB,EAChB,UAAU,EACV,aAAa,GACd,KAAI;IACH,MAAM,eAAe,GAAG,UAAU,EAAE,WAAW,EAAE,QAAQ,IAAI,EAAE,CAAC;AAEhE,IAAA,yBAAyB,CAAC;QACxB,aAAa;QACb,eAAe;AAChB,KAAA,CAAC,CAAC;IAEH,QACEA,GAAC,CAAA,aAAa,EACZ,EAAA,QAAA,EAAAA,GAAA,CAAC,QAAQ,EAAC,EAAA,QAAQ,EAAEA,GAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,YAAA,EAAA,CAAqB,EACvC,QAAA,EAAAA,GAAA,CAAC,kBAAkB,EAAC,EAAA,UAAU,EAAE,UAAU,EAAE,gBAAgB,EAAE,gBAAgB,EAAI,CAAA,EAAA,CACzE,EACG,CAAA,EAChB;AACJ;;;;"}

package/dist/blocks/preview/CompositionBlock.js

@@ -1,132 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-import React, { useMemo } from 'react';
-import { omit } from 'lodash-es';
-import { checkIsAssemblyNode, resolveHyperlinkPattern, transformBoundContentValue } from '@contentful/experiences-core';
-import { HYPERLINK_DEFAULT_PATTERN, CONTENTFUL_COMPONENTS, CF_STYLE_ATTRIBUTES } from '@contentful/experiences-core/constants';
-import { getComponentRegistration, createAssemblyRegistration } from '../../core/componentRegistry.js';
-import { useClassName } from '../../hooks/useClassName.js';
-import { ContentfulContainer, Columns, SingleColumn } from '@contentful/experiences-components-react';
-import { resolveAssembly } from '../../core/preview/assemblyUtils.js';
-import { Assembly } from '../../components/Assembly.js';
-
-const CompositionBlock = ({ node: rawNode, locale, entityStore, hyperlinkPattern, resolveDesignValue, }) => {
-    const isAssembly = useMemo(() => checkIsAssemblyNode({
-        componentId: rawNode.definitionId,
-        usedComponents: entityStore.usedComponents,
-    }), [entityStore.usedComponents, rawNode.definitionId]);
-    const node = useMemo(() => {
-        return isAssembly
-            ? resolveAssembly({
-                node: rawNode,
-                entityStore,
-            })
-            : rawNode;
-    }, [entityStore, isAssembly, rawNode]);
-    const componentRegistration = useMemo(() => {
-        const registration = getComponentRegistration(node.definitionId);
-        if (isAssembly && !registration) {
-            return createAssemblyRegistration({
-                definitionId: node.definitionId,
-                component: Assembly,
-            });
-        }
-        return registration;
-    }, [isAssembly, node.definitionId]);
-    const nodeProps = useMemo(() => {
-        const propMap = {
-            cfSsrClassName: node.variables.cfSsrClassName
-                ? resolveDesignValue(node.variables.cfSsrClassName.valuesByBreakpoint, 'cfSsrClassName')
-                : undefined,
-        };
-        // Don't enrich the assembly wrapper node with props
-        if (!componentRegistration || isAssembly) {
-            return propMap;
-        }
-        const props = Object.entries(componentRegistration.definition.variables).reduce((acc, [variableName, variableDefinition]) => {
-            const variable = node.variables[variableName];
-            if (!variable)
-                return acc;
-            switch (variable.type) {
-                case 'DesignValue':
-                    acc[variableName] = resolveDesignValue(variable.valuesByBreakpoint, variableName);
-                    break;
-                case 'BoundValue': {
-                    const [, uuid] = variable.path.split('/');
-                    const binding = entityStore.dataSource[uuid];
-                    const value = transformBoundContentValue(node.variables, entityStore, binding, resolveDesignValue, variableName, variableDefinition, variable.path);
-                    acc[variableName] = value;
-                    break;
-                }
-                case 'HyperlinkValue': {
-                    const binding = entityStore.dataSource[variable.linkTargetKey];
-                    const hyperlinkEntry = entityStore.getEntryOrAsset(binding, variable.linkTargetKey);
-                    const value = resolveHyperlinkPattern(componentRegistration.definition.hyperlinkPattern ||
-                        hyperlinkPattern ||
-                        HYPERLINK_DEFAULT_PATTERN, hyperlinkEntry, locale);
-                    if (value) {
-                        acc[variableName] = value;
-                    }
-                    break;
-                }
-                case 'UnboundValue': {
-                    const uuid = variable.key;
-                    acc[variableName] = entityStore.unboundValues[uuid]?.value;
-                    break;
-                }
-                case 'ComponentValue':
-                    // We're rendering a pattern entry. Content cannot be set for ComponentValue type properties
-                    // directly in the pattern so we can safely use the default value
-                    acc[variableName] = variableDefinition.defaultValue;
-                    break;
-            }
-            return acc;
-        }, propMap);
-        if (componentRegistration.definition.slots) {
-            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 }));
-                }
-            }
-        }
-        return props;
-    }, [
-        componentRegistration,
-        isAssembly,
-        node.children,
-        node.variables,
-        resolveDesignValue,
-        entityStore,
-        hyperlinkPattern,
-        locale,
-    ]);
-    const className = useClassName({ props: nodeProps, node });
-    if (!componentRegistration) {
-        return null;
-    }
-    const { component } = componentRegistration;
-    const children = componentRegistration.definition.children === true
-        ? node.children.map((childNode, index) => {
-            return (jsx(CompositionBlock, { node: childNode, locale: locale, hyperlinkPattern: hyperlinkPattern, entityStore: entityStore, resolveDesignValue: resolveDesignValue }, index));
-        })
-        : null;
-    if ([CONTENTFUL_COMPONENTS.container.id, CONTENTFUL_COMPONENTS.section.id].includes(node.definitionId)) {
-        return (jsx(ContentfulContainer, { editorMode: false, cfHyperlink: nodeProps.cfHyperlink, cfOpenInNewTab: nodeProps.cfOpenInNewTab, className: className, children: children }));
-    }
-    if (node.definitionId === CONTENTFUL_COMPONENTS.columns.id) {
-        return (jsx(Columns, { editorMode: false, className: className, children: children }));
-    }
-    if (node.definitionId === CONTENTFUL_COMPONENTS.singleColumn.id) {
-        return (jsx(SingleColumn, { editorMode: false, className: className, children: children }));
-    }
-    //List explicit style props that will end up being passed to the component
-    const stylesToKeep = ['cfImageAsset'];
-    const stylesToRemove = CF_STYLE_ATTRIBUTES.filter((style) => !stylesToKeep.includes(style));
-    return React.createElement(component, {
-        ...omit(nodeProps, stylesToRemove, ['cfHyperlink', 'cfOpenInNewTab', 'cfSsrClassName']),
-        className,
-    }, children ?? (typeof nodeProps.children === 'string' ? nodeProps.children : null));
-};
-
-export { CompositionBlock };
-//# sourceMappingURL=CompositionBlock.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"CompositionBlock.js","sources":["../../../../src/blocks/preview/CompositionBlock.tsx"],"sourcesContent":["import React, { useMemo } from 'react';\nimport type { UnresolvedLink } from 'contentful';\nimport { omit } from 'lodash-es';\nimport { EntityStore, resolveHyperlinkPattern } from '@contentful/experiences-core';\nimport {\n  CF_STYLE_ATTRIBUTES,\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  Columns,\n  ContentfulContainer,\n  SingleColumn,\n} from '@contentful/experiences-components-react';\n\nimport { resolveAssembly } from '../../core/preview/assemblyUtils';\nimport { Assembly } from '../../components/Assembly';\nimport { Entry } from 'contentful';\n\ntype CompositionBlockProps = {\n  node: ComponentTreeNode;\n  locale: string;\n  entityStore: EntityStore;\n  hyperlinkPattern?: string | undefined;\n  resolveDesignValue: ResolveDesignValueType;\n};\n\nexport const CompositionBlock = ({\n  node: rawNode,\n  locale,\n  entityStore,\n  hyperlinkPattern,\n  resolveDesignValue,\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    const propMap: Record<string, PrimitiveValue> = {\n      cfSsrClassName: node.variables.cfSsrClassName\n        ? resolveDesignValue(\n            (node.variables.cfSsrClassName as DesignValue).valuesByBreakpoint,\n            'cfSsrClassName',\n          )\n        : undefined,\n    };\n    // Don't enrich the assembly wrapper node with props\n    if (!componentRegistration || isAssembly) {\n      return propMap;\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;\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] = entityStore.unboundValues[uuid]?.value;\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            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    componentRegistration,\n    isAssembly,\n    node.children,\n    node.variables,\n    resolveDesignValue,\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  const children =\n    componentRegistration.definition.children === true\n      ? node.children.map((childNode: ComponentTreeNode, index) => {\n          return (\n            <CompositionBlock\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  //List explicit style props that will end up being passed to the component\n  const stylesToKeep = ['cfImageAsset'];\n  const stylesToRemove = CF_STYLE_ATTRIBUTES.filter((style) => !stylesToKeep.includes(style));\n\n  return React.createElement(\n    component,\n    {\n      ...omit(nodeProps, stylesToRemove, ['cfHyperlink', 'cfOpenInNewTab', 'cfSsrClassName']),\n      className,\n    },\n    children ?? (typeof nodeProps.children === 'string' ? nodeProps.children : null),\n  );\n};\n"],"names":["_jsx"],"mappings":"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"}

package/dist/blocks/preview/PreviewDeliveryRoot.js

@@ -1,23 +0,0 @@
-import { jsx, Fragment } from 'react/jsx-runtime';
-import { CompositionBlock } from './CompositionBlock.js';
-import { compatibleVersions } from '../../constants.js';
-import { useBreakpoints } from '../../hooks/useBreakpoints.js';
-import 'react';
-import '@contentful/experiences-core';
-import '@contentful/experiences-core/constants';
-
-const PreviewDeliveryRoot = ({ locale, experience }) => {
-    const { entityStore } = experience;
-    const { resolveDesignValue } = useBreakpoints(entityStore?.breakpoints ?? []);
-    if (!entityStore?.experienceEntryFields || !entityStore?.schemaVersion) {
-        return null;
-    }
-    if (!compatibleVersions.includes(entityStore.schemaVersion)) {
-        console.warn(`[experiences-sdk-react] Contentful experience schema version: ${entityStore.schemaVersion} does not match the compatible schema versions: ${compatibleVersions}. Aborting.`);
-        return null;
-    }
-    return (jsx(Fragment, { children: entityStore.experienceEntryFields.componentTree.children.map((childNode, index) => (jsx(CompositionBlock, { node: childNode, hyperlinkPattern: experience.hyperlinkPattern, locale: locale, entityStore: entityStore, resolveDesignValue: resolveDesignValue }, index))) }));
-};
-
-export { PreviewDeliveryRoot };
-//# sourceMappingURL=PreviewDeliveryRoot.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"PreviewDeliveryRoot.js","sources":["../../../../src/blocks/preview/PreviewDeliveryRoot.tsx"],"sourcesContent":["import React from 'react';\nimport { EntityStore } from '@contentful/experiences-core';\nimport type { Experience } from '@contentful/experiences-core/types';\nimport { CompositionBlock } from './CompositionBlock';\nimport { compatibleVersions } from '../../constants';\nimport { useBreakpoints } from '../../hooks';\n\ntype DeliveryRootProps = {\n  experience: Experience<EntityStore>;\n  locale: string;\n};\n\nexport const PreviewDeliveryRoot = ({ locale, experience }: DeliveryRootProps) => {\n  const { entityStore } = experience;\n\n  const { resolveDesignValue } = useBreakpoints(entityStore?.breakpoints ?? []);\n\n  if (!entityStore?.experienceEntryFields || !entityStore?.schemaVersion) {\n    return null;\n  }\n\n  if (!compatibleVersions.includes(entityStore.schemaVersion)) {\n    console.warn(\n      `[experiences-sdk-react] Contentful experience schema version: ${entityStore.schemaVersion} does not match the compatible schema versions: ${compatibleVersions}. Aborting.`,\n    );\n    return null;\n  }\n\n  return (\n    <>\n      {entityStore.experienceEntryFields.componentTree.children.map((childNode, index) => (\n        <CompositionBlock\n          key={index}\n          node={childNode}\n          hyperlinkPattern={experience.hyperlinkPattern}\n          locale={locale}\n          entityStore={entityStore}\n          resolveDesignValue={resolveDesignValue}\n        />\n      ))}\n    </>\n  );\n};\n"],"names":["_jsx"],"mappings":";;;;;;;;AAYa,MAAA,mBAAmB,GAAG,CAAC,EAAE,MAAM,EAAE,UAAU,EAAqB,KAAI;AAC/E,IAAA,MAAM,EAAE,WAAW,EAAE,GAAG,UAAU,CAAC;AAEnC,IAAA,MAAM,EAAE,kBAAkB,EAAE,GAAG,cAAc,CAAC,WAAW,EAAE,WAAW,IAAI,EAAE,CAAC,CAAC;IAE9E,IAAI,CAAC,WAAW,EAAE,qBAAqB,IAAI,CAAC,WAAW,EAAE,aAAa,EAAE;AACtE,QAAA,OAAO,IAAI,CAAC;KACb;IAED,IAAI,CAAC,kBAAkB,CAAC,QAAQ,CAAC,WAAW,CAAC,aAAa,CAAC,EAAE;QAC3D,OAAO,CAAC,IAAI,CACV,CAAiE,8DAAA,EAAA,WAAW,CAAC,aAAa,CAAmD,gDAAA,EAAA,kBAAkB,CAAa,WAAA,CAAA,CAC7K,CAAC;AACF,QAAA,OAAO,IAAI,CAAC;KACb;IAED,QACEA,0BACG,WAAW,CAAC,qBAAqB,CAAC,aAAa,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAC,SAAS,EAAE,KAAK,MAC7EA,GAAA,CAAC,gBAAgB,EAAA,EAEf,IAAI,EAAE,SAAS,EACf,gBAAgB,EAAE,UAAU,CAAC,gBAAgB,EAC7C,MAAM,EAAE,MAAM,EACd,WAAW,EAAE,WAAW,EACxB,kBAAkB,EAAE,kBAAkB,EALjC,EAAA,KAAK,CAMV,CACH,CAAC,EACD,CAAA,EACH;AACJ;;;;"}

package/dist/components/Assembly.js

@@ -1,13 +0,0 @@
-import { jsx } from 'react/jsx-runtime';
-
-const assemblyStyle = { display: 'contents' };
-// Feel free to do any magic as regards variable definitions for assemblies
-// Or if this isn't necessary by the time we figure that part out, we can bid this part farewell
-const Assembly = ({ ...props }) => {
-    // Using a display contents so assembly content/children
-    // can appear as if they are direct children of the div wrapper's parent
-    return jsx("div", { "data-test-id": "assembly", ...props, style: assemblyStyle });
-};
-
-export { Assembly };
-//# sourceMappingURL=Assembly.js.map

package/dist/components/Assembly.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Assembly.js","sources":["../../../src/components/Assembly.tsx"],"sourcesContent":["import React from 'react';\n\nconst assemblyStyle = { display: 'contents' };\n\n// Feel free to do any magic as regards variable definitions for assemblies\n// Or if this isn't necessary by the time we figure that part out, we can bid this part farewell\nexport const Assembly = ({ ...props }) => {\n  // Using a display contents so assembly content/children\n  // can appear as if they are direct children of the div wrapper's parent\n  return <div data-test-id=\"assembly\" {...props} style={assemblyStyle} />;\n};\n"],"names":["_jsx"],"mappings":";;AAEA,MAAM,aAAa,GAAG,EAAE,OAAO,EAAE,UAAU,EAAE,CAAC;AAE9C;AACA;AACa,MAAA,QAAQ,GAAG,CAAC,EAAE,GAAG,KAAK,EAAE,KAAI;;;IAGvC,OAAOA,GAAA,CAAA,KAAA,EAAA,EAAA,cAAA,EAAkB,UAAU,EAAK,GAAA,KAAK,EAAE,KAAK,EAAE,aAAa,EAAA,CAAI,CAAC;AAC1E;;;;"}

package/dist/components/ErrorBoundary.js

@@ -1,37 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import React from 'react';
-import { sendMessage } from '@contentful/experiences-core';
-import '../styles/ErrorBoundary.css.js';
-import { OUTGOING_EVENTS } from '@contentful/experiences-core/constants';
-
-class ErrorBoundary extends React.Component {
-    constructor(props) {
-        super(props);
-        this.state = { hasError: false, error: null, errorInfo: null, showErrorDetails: false };
-    }
-    static getDerivedStateFromError() {
-        return { hasError: true };
-    }
-    componentDidCatch(error, errorInfo) {
-        this.setState({ error, errorInfo });
-        if (error.name !== 'ImportedComponentError') {
-            sendMessage(OUTGOING_EVENTS.CanvasError, error);
-        }
-        else {
-            throw error;
-        }
-    }
-    render() {
-        if (this.state.hasError) {
-            return (jsxs("div", { className: "cf-error-message", children: [jsx("h2", { className: "title", children: `Something went wrong while rendering the experience` }), jsxs("div", { children: ["The Experience Builder SDK has encountered an error. It may be that the SDK has not been set up properly or an imported component has thrown this error. Try to refresh the page and find more guidance in our", ' ', jsx("a", { href: "https://www.contentful.com/developers/docs/tutorials/general/experience-builder/", rel: "noreferrer", target: "_blank", children: "documentation" }), "."] }), jsx("br", {}), jsxs("span", { className: "more-details", onClick: () => this.setState((prevState) => ({
-                            showErrorDetails: !prevState.showErrorDetails,
-                        })), children: [this.state.showErrorDetails ? 'Hide' : 'See', " details"] }), this.state.showErrorDetails && (jsx("code", { children: this.state.error?.stack?.split('\n').map((i, key) => {
-                            return jsx("div", { children: i }, key);
-                        }) }))] }));
-        }
-        return this.props.children;
-    }
-}
-
-export { ErrorBoundary };
-//# sourceMappingURL=ErrorBoundary.js.map

package/dist/components/ErrorBoundary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorBoundary.js","sources":["../../../src/components/ErrorBoundary.tsx"],"sourcesContent":["import React, { ErrorInfo, ReactElement } from 'react';\nimport { sendMessage } from '@contentful/experiences-core';\nimport '../styles/ErrorBoundary.css';\nimport { OUTGOING_EVENTS } from '@contentful/experiences-core/constants';\n\n('use client');\n\nexport class ErrorBoundary extends React.Component<\n  { children: ReactElement },\n  { hasError: boolean; error: Error | null; errorInfo: ErrorInfo | null; showErrorDetails: boolean }\n> {\n  constructor(props: { children: ReactElement }) {\n    super(props);\n    this.state = { hasError: false, error: null, errorInfo: null, showErrorDetails: false };\n  }\n\n  static getDerivedStateFromError() {\n    return { hasError: true };\n  }\n\n  componentDidCatch(error: Error, errorInfo: ErrorInfo) {\n    this.setState({ error, errorInfo });\n    if (error.name !== 'ImportedComponentError') {\n      sendMessage(OUTGOING_EVENTS.CanvasError, error);\n    } else {\n      throw error;\n    }\n  }\n\n  render() {\n    if (this.state.hasError) {\n      return (\n        <div className=\"cf-error-message\">\n          <h2 className=\"title\">{`Something went wrong while rendering the experience`}</h2>\n          <div>\n            The Experience Builder SDK has encountered an error. It may be that the SDK has not been\n            set up properly or an imported component has thrown this error. Try to refresh the page\n            and find more guidance in our{' '}\n            <a\n              href=\"https://www.contentful.com/developers/docs/tutorials/general/experience-builder/\"\n              rel=\"noreferrer\"\n              target=\"_blank\">\n              documentation\n            </a>\n            .\n          </div>\n          <br />\n          <span\n            className=\"more-details\"\n            onClick={() =>\n              this.setState((prevState) => ({\n                showErrorDetails: !prevState.showErrorDetails,\n              }))\n            }>\n            {this.state.showErrorDetails ? 'Hide' : 'See'} details\n          </span>\n          {this.state.showErrorDetails && (\n            <code>\n              {this.state.error?.stack?.split('\\n').map((i, key) => {\n                return <div key={key}>{i}</div>;\n              })}\n            </code>\n          )}\n        </div>\n      );\n    }\n    return this.props.children;\n  }\n}\n"],"names":["_jsxs","_jsx"],"mappings":";;;;;;AAOa,MAAA,aAAc,SAAQ,KAAK,CAAC,SAGxC,CAAA;AACC,IAAA,WAAA,CAAY,KAAiC,EAAA;QAC3C,KAAK,CAAC,KAAK,CAAC,CAAC;QACb,IAAI,CAAC,KAAK,GAAG,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,SAAS,EAAE,IAAI,EAAE,gBAAgB,EAAE,KAAK,EAAE,CAAC;KACzF;AAED,IAAA,OAAO,wBAAwB,GAAA;AAC7B,QAAA,OAAO,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;KAC3B;IAED,iBAAiB,CAAC,KAAY,EAAE,SAAoB,EAAA;QAClD,IAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,CAAC,CAAC;AACpC,QAAA,IAAI,KAAK,CAAC,IAAI,KAAK,wBAAwB,EAAE;AAC3C,YAAA,WAAW,CAAC,eAAe,CAAC,WAAW,EAAE,KAAK,CAAC,CAAC;SACjD;aAAM;AACL,YAAA,MAAM,KAAK,CAAC;SACb;KACF;IAED,MAAM,GAAA;AACJ,QAAA,IAAI,IAAI,CAAC,KAAK,CAAC,QAAQ,EAAE;YACvB,QACEA,IAAK,CAAA,KAAA,EAAA,EAAA,SAAS,EAAC,kBAAkB,aAC/BC,GAAI,CAAA,IAAA,EAAA,EAAA,SAAS,EAAC,OAAO,EAAE,QAAA,EAAA,CAAA,mDAAA,CAAqD,GAAM,EAClFD,IAAA,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,CAAA,gNAAA,EAGgC,GAAG,EACjCC,GACE,CAAA,GAAA,EAAA,EAAA,IAAI,EAAC,kFAAkF,EACvF,GAAG,EAAC,YAAY,EAChB,MAAM,EAAC,QAAQ,EAEb,QAAA,EAAA,eAAA,EAAA,CAAA,EAAA,GAAA,CAAA,EAAA,CAEA,EACNA,GAAA,CAAA,IAAA,EAAA,EAAA,CAAM,EACND,IACE,CAAA,MAAA,EAAA,EAAA,SAAS,EAAC,cAAc,EACxB,OAAO,EAAE,MACP,IAAI,CAAC,QAAQ,CAAC,CAAC,SAAS,MAAM;AAC5B,4BAAA,gBAAgB,EAAE,CAAC,SAAS,CAAC,gBAAgB;yBAC9C,CAAC,CAAC,aAEJ,IAAI,CAAC,KAAK,CAAC,gBAAgB,GAAG,MAAM,GAAG,KAAK,EAAA,UAAA,CAAA,EAAA,CACxC,EACN,IAAI,CAAC,KAAK,CAAC,gBAAgB,KAC1BC,GAAA,CAAA,MAAA,EAAA,EAAA,QAAA,EACG,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,KAAK,EAAE,KAAK,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,EAAE,GAAG,KAAI;AACnD,4BAAA,OAAOA,GAAgB,CAAA,KAAA,EAAA,EAAA,QAAA,EAAA,CAAC,EAAP,EAAA,GAAG,CAAW,CAAC;AAClC,yBAAC,CAAC,EAAA,CACG,CACR,CAAA,EAAA,CACG,EACN;SACH;AACD,QAAA,OAAO,IAAI,CAAC,KAAK,CAAC,QAAQ,CAAC;KAC5B;AACF;;;;"}

package/dist/constants.js

@@ -1,5 +0,0 @@
-// this is the array of version which currently LATEST_SCHEMA_VERSION is compatible with
-const compatibleVersions = ['2023-09-28'];
-
-export { compatibleVersions };
-//# sourceMappingURL=constants.js.map

package/dist/constants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.js","sources":["../../src/constants.ts"],"sourcesContent":["import type { SchemaVersions } from '@contentful/experiences-core/types';\n\n// this is the array of version which currently LATEST_SCHEMA_VERSION is compatible with\nexport const compatibleVersions: SchemaVersions[] = ['2023-09-28'];\n\nexport { SDK_VERSION } from './sdkVersion';\n"],"names":[],"mappings":"AAEA;AACa,MAAA,kBAAkB,GAAqB,CAAC,YAAY;;;;"}