@contentful/experiences-sdk-react 1.8.2-dev-20240625T1531-940b953.0 → 1.8.2-dev-20240625T1857-ee5ef2b.0

package/dist/sdkVersion.js

@@ -0,0 +1,4 @@
+const SDK_VERSION = '1.8.2-dev-20240625T1857-ee5ef2b.0';
+
+export { SDK_VERSION };
+//# sourceMappingURL=sdkVersion.js.map

package/dist/sdkVersion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sdkVersion.js","sources":["../../src/sdkVersion.ts"],"sourcesContent":["export const SDK_VERSION = '1.8.2-dev-20240625T1857-ee5ef2b.0';\n"],"names":[],"mappings":"AAAO,MAAM,WAAW,GAAG;;;;"}

package/dist/src/ExperienceRoot.d.ts

@@ -2,7 +2,7 @@ import { VisualEditorMode } from '@contentful/experiences-core';
 import { EntityStore } from '@contentful/experiences-core';
 import type { Experience } from '@contentful/experiences-core/types';
 type ExperienceRootProps = {
-    experience?: Experience<EntityStore>;
+    experience?: Experience<EntityStore> | string | null;
     locale: string;
     visualEditorMode?: VisualEditorMode;
 };

package/dist/src/sdkVersion.d.ts

@@ -1 +1 @@
-export declare const SDK_VERSION = "1.8.2-dev-20240625T1531-940b953.0";
+export declare const SDK_VERSION = "1.8.2-dev-20240625T1857-ee5ef2b.0";

package/dist/styles/ErrorBoundary.css.js

@@ -0,0 +1,7 @@
+import styleInject from 'style-inject';
+
+var css_248z = ".cf-error-message {\n  margin: 24px;\n  font-size: var(--exp-builder-font-size-m);\n  font-family: var(--exp-builder-font-stack-primary);\n  color: var(--exp-builder-red800);\n  padding: 16px;\n  background-color: var(--exp-builder-red200);\n}\n\n.cf-error-message .title {\n  margin-top: 0;\n  font-size: var(--exp-builder-font-size-l);\n}\n\n.cf-error-message .more-details {\n  cursor: pointer;\n  color: var(--exp-builder-blue700);\n}\n";
+styleInject(css_248z);
+
+export { css_248z as default };
+//# sourceMappingURL=ErrorBoundary.css.js.map

package/dist/styles/ErrorBoundary.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorBoundary.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/utils/withComponentWrapper.js

@@ -0,0 +1,36 @@
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+
+/**
+ * Sets up a component to be consumed by Experience Builder. This function can be used to wrap a component with a container component, or to pass props to the component directly.
+ * @param Component Component to be used by Experience Builder.
+ * @param options Options for the `withComponentWrapper` function.
+ * @default { wrapComponent: true, wrapContainerTag: 'div' }
+ * @returns A component that can be passed to `defineComponents`.
+ */
+function withComponentWrapper(Component, options = {
+    wrapComponent: true,
+    wrapContainerTag: 'div',
+}) {
+    const Wrapped = ({ classes = '', className = '', 'data-cf-node-id': dataCfNodeId, 'data-cf-node-block-id': dataCfNodeBlockId, 'data-cf-node-block-type': dataCfNodeBlockType, onClick, onMouseDown, onMouseUp, ...props }) => {
+        const Tag = options.wrapContainerTag || 'div';
+        const cfProps = {
+            'data-cf-node-id': dataCfNodeId,
+            'data-cf-node-block-id': dataCfNodeBlockId,
+            'data-cf-node-block-type': dataCfNodeBlockType,
+            onClick,
+            onMouseDown,
+            onMouseUp,
+        };
+        const component = options.wrapComponent ? (jsx(Tag, { className: className, ...cfProps, children: typeof Component === 'string' ? (React.createElement(Component, { className: classes, ...props })) : (jsx(Component, { className: classes, ...props })) })) : (React.createElement(Component, {
+            className: classes + className ? classes + ' ' + className : undefined,
+            ...cfProps,
+            ...props,
+        }));
+        return component;
+    };
+    return Wrapped;
+}
+
+export { withComponentWrapper };
+//# sourceMappingURL=withComponentWrapper.js.map

package/dist/utils/withComponentWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"withComponentWrapper.js","sources":["../../../src/utils/withComponentWrapper.tsx"],"sourcesContent":["import { ComponentRegistration } from '@contentful/experiences-core/types';\nimport React from 'react';\n\ninterface CFProps {\n  /**\n   * Classes to be applied to the container component if `wrapComponent` is true, or directly to the child component if false.\n   */\n  className?: string;\n  /**\n   * Classes to be applied to the child component if `wrapComponent` is true, or directly to the child component if false.\n   */\n  classes?: string;\n  onMouseDown?: React.MouseEventHandler;\n  onMouseUp?: React.MouseEventHandler;\n  onClick?: React.MouseEventHandler;\n  /**\n   * Prop required by Experience Builder to identify the component.\n   */\n  'data-cf-node-id'?: string;\n  /**\n   * Prop required by Experience Builder to identify the component.\n   */\n  'data-cf-node-block-id'?: string;\n  /**\n   * Prop required by Experience Builder to identify the component's type.\n   */\n  'data-cf-node-block-type'?: string;\n}\n\n/**\n * Sets up a component to be consumed by Experience Builder. This function can be used to wrap a component with a container component, or to pass props to the component directly.\n * @param Component Component to be used by Experience Builder.\n * @param options Options for the `withComponentWrapper` function.\n * @default { wrapComponent: true, wrapContainerTag: 'div' }\n * @returns A component that can be passed to `defineComponents`.\n */\nexport function withComponentWrapper<T extends object>(\n  Component: React.ElementType<T>,\n  options: ComponentRegistration['options'] = {\n    wrapComponent: true,\n    wrapContainerTag: 'div',\n  },\n) {\n  const Wrapped = ({\n    classes = '',\n    className = '',\n    'data-cf-node-id': dataCfNodeId,\n    'data-cf-node-block-id': dataCfNodeBlockId,\n    'data-cf-node-block-type': dataCfNodeBlockType,\n    onClick,\n    onMouseDown,\n    onMouseUp,\n    ...props\n  }: CFProps & T) => {\n    const Tag = options.wrapContainerTag || 'div';\n    const cfProps = {\n      'data-cf-node-id': dataCfNodeId,\n      'data-cf-node-block-id': dataCfNodeBlockId,\n      'data-cf-node-block-type': dataCfNodeBlockType,\n      onClick,\n      onMouseDown,\n      onMouseUp,\n    };\n\n    const component = options.wrapComponent ? (\n      <Tag className={className} {...cfProps}>\n        {typeof Component === 'string' ? (\n          React.createElement(Component, { className: classes, ...props })\n        ) : (\n          <Component className={classes} {...(props as T)} />\n        )}\n      </Tag>\n    ) : (\n      React.createElement(Component, {\n        className: classes + className ? classes + ' ' + className : undefined,\n        ...cfProps,\n        ...(props as T),\n      })\n    );\n    return component;\n  };\n\n  return Wrapped;\n}\n"],"names":["_jsx"],"mappings":";;;AA6BA;;;;;;AAMG;AACa,SAAA,oBAAoB,CAClC,SAA+B,EAC/B,OAA4C,GAAA;AAC1C,IAAA,aAAa,EAAE,IAAI;AACnB,IAAA,gBAAgB,EAAE,KAAK;AACxB,CAAA,EAAA;AAED,IAAA,MAAM,OAAO,GAAG,CAAC,EACf,OAAO,GAAG,EAAE,EACZ,SAAS,GAAG,EAAE,EACd,iBAAiB,EAAE,YAAY,EAC/B,uBAAuB,EAAE,iBAAiB,EAC1C,yBAAyB,EAAE,mBAAmB,EAC9C,OAAO,EACP,WAAW,EACX,SAAS,EACT,GAAG,KAAK,EACI,KAAI;AAChB,QAAA,MAAM,GAAG,GAAG,OAAO,CAAC,gBAAgB,IAAI,KAAK,CAAC;AAC9C,QAAA,MAAM,OAAO,GAAG;AACd,YAAA,iBAAiB,EAAE,YAAY;AAC/B,YAAA,uBAAuB,EAAE,iBAAiB;AAC1C,YAAA,yBAAyB,EAAE,mBAAmB;YAC9C,OAAO;YACP,WAAW;YACX,SAAS;SACV,CAAC;AAEF,QAAA,MAAM,SAAS,GAAG,OAAO,CAAC,aAAa,IACrCA,GAAA,CAAC,GAAG,EAAA,EAAC,SAAS,EAAE,SAAS,EAAM,GAAA,OAAO,EACnC,QAAA,EAAA,OAAO,SAAS,KAAK,QAAQ,IAC5B,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE,EAAE,SAAS,EAAE,OAAO,EAAE,GAAG,KAAK,EAAE,CAAC,KAEhEA,GAAC,CAAA,SAAS,IAAC,SAAS,EAAE,OAAO,EAAA,GAAO,KAAW,EAAA,CAAI,CACpD,EAAA,CACG,KAEN,KAAK,CAAC,aAAa,CAAC,SAAS,EAAE;AAC7B,YAAA,SAAS,EAAE,OAAO,GAAG,SAAS,GAAG,OAAO,GAAG,GAAG,GAAG,SAAS,GAAG,SAAS;AACtE,YAAA,GAAG,OAAO;AACV,YAAA,GAAI,KAAW;AAChB,SAAA,CAAC,CACH,CAAC;AACF,QAAA,OAAO,SAAS,CAAC;AACnB,KAAC,CAAC;AAEF,IAAA,OAAO,OAAO,CAAC;AACjB;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@contentful/experiences-sdk-react",
-  "version": "1.8.2-dev-20240625T1531-940b953.0",
+  "version": "1.8.2-dev-20240625T1857-ee5ef2b.0",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
   "typings": "./dist/src/index.d.ts",
@@ -33,9 +33,10 @@
     "depcruise": "depcruise src"
   },
   "dependencies": {
-    "@contentful/experiences-components-react": "1.8.2-dev-20240625T1531-940b953.0",
-    "@contentful/experiences-core": "1.8.2-dev-20240625T1531-940b953.0",
-    "@contentful/experiences-visual-editor-react": "1.8.2-dev-20240625T1531-940b953.0",
+    "@contentful/experiences-components-react": "1.8.2-dev-20240625T1857-ee5ef2b.0",
+    "@contentful/experiences-core": "1.8.2-dev-20240625T1857-ee5ef2b.0",
+    "@contentful/experiences-validators": "1.8.2-dev-20240625T1857-ee5ef2b.0",
+    "@contentful/experiences-visual-editor-react": "1.8.2-dev-20240625T1857-ee5ef2b.0",
     "@contentful/rich-text-types": "^16.2.1",
     "classnames": "^2.3.2",
     "csstype": "^3.1.2",
@@ -76,6 +77,7 @@
     "rollup-plugin-node-externals": "^7.0.1",
     "rollup-plugin-peer-deps-external": "^2.2.4",
     "rollup-plugin-postcss": "^4.0.2",
+    "rollup-plugin-preserve-directives": "^0.4.0",
     "semantic-release": "23.0.2",
     "ts-jest": "^29.1.0",
     "typescript": "^5.2.2",
@@ -92,5 +94,5 @@
     "dist",
     "package.json"
   ],
-  "gitHead": "f06c3366003eab999e5e9c2e396476a3070c3aaa"
+  "gitHead": "2b09825bd457aa56aaf23674380a2f1cb8460e71"
 }

package/dist/VisualEditorInjectScript-6a92528d.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VisualEditorInjectScript-6a92528d.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/VisualEditorLoader-3839b3a6.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"VisualEditorLoader-3839b3a6.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,wCAA4B,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;;;;"}