@sitecore-content-sdk/react 2.0.0-canary.8 → 2.0.0

package/dist/esm/index.js

@@ -5,7 +5,7 @@ export { DictionaryService } from '@sitecore-content-sdk/content/i18n';
 export { DefaultRetryStrategy, GraphQLRequestClient, ErrorPage, } from '@sitecore-content-sdk/content/client';
 export { mediaApi } from '@sitecore-content-sdk/content/media';
 export { Form } from './components/Form';
-export { Placeholder, AppPlaceholder, renderEmptyPlaceholder, } from './components/Placeholder';
+export { Placeholder, AppPlaceholder, PlaceholderMetadata, renderEmptyPlaceholder, } from './components/Placeholder';
 export { Image, } from './components/Image';
 export { RichText } from './components/RichText';
 export { Text } from './components/Text';
@@ -13,10 +13,11 @@ export { DateField } from './components/Date';
 export { FEaaSComponent, fetchFEaaSComponentServerProps, BYOCComponent, fetchBYOCComponentServerProps, 
 // leaving original names for backward compatibility
 BYOCWrapper, BYOCWrapper as BYOCClientWrapper, FEaaSWrapper, FEaaSWrapper as FEaaSClientWrapper, FEaaSServerWrapper, BYOCServerWrapper, } from './components/FEaaS';
-export { DesignLibrary, DesignLibraryApp } from './components/DesignLibrary';
+export { DesignLibrary, DesignLibraryErrorBoundary, } from './components/DesignLibrary';
 export { Link } from './components/Link';
 export { File } from './components/File';
 export { SitecoreProvider, SitecoreProviderReactContext, useSitecore, } from './components/SitecoreProvider';
+export { ErrorComponent } from './components/ErrorBoundary';
 export { withEditorChromes } from './enhancers/withEditorChromes';
 export { withSitecore } from './enhancers/withSitecore';
 export { withDatasourceCheck } from './enhancers/withDatasourceCheck';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sitecore-content-sdk/react",
-  "version": "2.0.0-canary.8",
+  "version": "2.0.0",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "sideEffects": false,
@@ -70,20 +70,21 @@
     "typescript": "~5.8.3"
   },
   "peerDependencies": {
-    "@sitecore-cloudsdk/events": "^0.5.1",
+    "@sitecore-content-sdk/analytics-core": "^2.0.0",
+    "@sitecore-content-sdk/events": "^2.0.0",
     "@sitecore-feaas/clientside": "^0.6.0",
     "react": "^19.2.1",
     "react-dom": "^19.2.1"
   },
   "dependencies": {
-    "@sitecore-content-sdk/content": "2.0.0-canary.8",
-    "@sitecore-content-sdk/core": "2.0.0-canary.8",
-    "@sitecore-content-sdk/search": "0.2.0-canary.18",
+    "@sitecore-content-sdk/content": "^2.0.0",
+    "@sitecore-content-sdk/core": "^2.0.0",
+    "@sitecore-content-sdk/search": "^0.2.0",
     "fast-deep-equal": "^3.1.3"
   },
   "description": "",
   "types": "types/index.d.ts",
-  "gitHead": "c8a8944d642f6c97020be92e09544b502d8c0ea9",
+  "gitHead": "492d7d718c965bbfe394d6c12c2e4870220cf4bf",
   "files": [
     "dist",
     "types",

package/types/components/DesignLibrary/DesignLibraryErrorBoundary.d.ts

@@ -1,9 +1,22 @@
 import React from 'react';
+/**
+ * Props for the DesignLibraryErrorBoundary component.
+ * @property {string} uid - The unique identifier of the component being rendered.
+ * @property {React.ReactNode} children - The child components to render within the error boundary.
+ * @property {number} [renderKey] - An optional key to trigger re-rendering of the error boundary when changed.
+ * @internal
+ */
 type DesignLibraryErrorBoundaryProps = {
     uid: string;
     children: React.ReactNode;
     renderKey?: number;
 };
+/**
+ * Error boundary for the Design Library component.
+ * Catches errors during rendering and sends them to the Design Library
+ * @param {DesignLibraryErrorBoundaryProps} props - The props for the error boundary, including the component UID and children to render.
+ * @internal
+ */
 export declare class DesignLibraryErrorBoundary extends React.Component<DesignLibraryErrorBoundaryProps> {
     state: {
         hasError: boolean;

package/types/components/DesignLibrary/DesignLibraryErrorBoundary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DesignLibraryErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/DesignLibrary/DesignLibraryErrorBoundary.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC,KAAK,+BAA+B,GAAG;IACrC,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF,qBAAa,0BAA2B,SAAQ,KAAK,CAAC,SAAS,CAAC,+BAA+B,CAAC;IAC9F,KAAK;;MAEH;IAEF,MAAM,CAAC,wBAAwB;;;IAI/B,kBAAkB,CAAC,SAAS,EAAE,+BAA+B;IAM7D,iBAAiB,CAAC,KAAK,EAAE,KAAK;IAI9B,MAAM;CAOP"}
+{"version":3,"file":"DesignLibraryErrorBoundary.d.ts","sourceRoot":"","sources":["../../../src/components/DesignLibrary/DesignLibraryErrorBoundary.tsx"],"names":[],"mappings":"AACA,OAAO,KAAmB,MAAM,OAAO,CAAC;AAGxC;;;;;;GAMG;AACH,KAAK,+BAA+B,GAAG;IACrC,GAAG,EAAE,MAAM,CAAC;IACZ,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAEF;;;;;GAKG;AACH,qBAAa,0BAA2B,SAAQ,KAAK,CAAC,SAAS,CAAC,+BAA+B,CAAC;IAC9F,KAAK;;MAEH;IAEF,MAAM,CAAC,wBAAwB;;;IAI/B,kBAAkB,CAAC,SAAS,EAAE,+BAA+B;IAM7D,iBAAiB,CAAC,KAAK,EAAE,KAAK;IAI9B,MAAM;CAOP"}

package/types/components/DesignLibrary/index.d.ts

@@ -1,3 +1,4 @@
 export { DesignLibrary } from './DesignLibrary';
-export { DesignLibraryApp } from './DesignLibraryApp';
+export { DesignLibraryErrorBoundary } from './DesignLibraryErrorBoundary';
+export { DynamicComponent, ImportMapImport } from './models';
 //# sourceMappingURL=index.d.ts.map

package/types/components/DesignLibrary/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DesignLibrary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/DesignLibrary/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAC;AAChD,OAAO,EAAE,0BAA0B,EAAE,MAAM,8BAA8B,CAAC;AAC1E,OAAO,EAAE,gBAAgB,EAAE,eAAe,EAAE,MAAM,UAAU,CAAC"}

package/types/components/DesignLibrary/models.d.ts

@@ -1,62 +1,20 @@
-import { GeneratedComponentData, ImportEntry, ImportEntryInfo } from '@sitecore-content-sdk/content/codegen';
-import { ComponentFields, ComponentParams, ComponentRendering, RouteData } from '@sitecore-content-sdk/content/layout';
-import { DesignLibraryStatus } from '@sitecore-content-sdk/content/editing';
-import { Page } from '@sitecore-content-sdk/content/client';
-import { ComponentMap } from '../sharedTypes';
-export type ImportMapImport = {
-    default: ImportEntry[];
-};
+import { ComponentFields, ComponentParams } from '@sitecore-content-sdk/content/layout';
+import { ImportEntry } from '@sitecore-content-sdk/content/codegen';
+/**
+ * Model representing a dynamically generated component in the Design Library.
+ * This model includes the component's fields and parameters, which are used for rendering and interaction within the Design Library.
+ * @internal
+ */
 export type DynamicComponent = React.ComponentType<{
     [key: string]: unknown;
     fields?: ComponentFields;
     params?: ComponentParams;
 }>;
-export type DesignLibraryServerProps = {
-    /**
-     * Component Map will be used to map Sitecore component names to app implementation
-     */
-    componentMap: ComponentMap;
-    /**
-     * Rendering data to be used when rendering the placeholder.
-     */
-    rendering: ComponentRendering | RouteData;
-    /**
-     * Page data.
-     */
-    page: Page;
-    /**
-     * The dynamic import for sever import map to be used in variant generation mode.
-     */
-    loadServerImportMap: () => Promise<ImportMapImport>;
-};
-export type DesingLibraryAppProps = DesignLibraryServerProps;
-export type DesignLibraryServerPreviewProps = Omit<DesignLibraryServerProps, 'loadServerImportMap'>;
-export type DesignLibraryServerVariantGenerationProps = DesignLibraryServerProps;
-export type DesignLibraryPreviewEventsProps = {
-    /**
-     * The design library status to be posted as a message to the Design Studio.
-     */
-    designLibraryStatus: DesignLibraryStatus;
-    /**
-     * The component rendering data that is being edited in the Design Studio.
-     */
-    component: ComponentRendering;
-};
-export type DesignLibraryVariantGenerationEventsProps = DesignLibraryPreviewEventsProps & {
-    /**
-     * The import map info to be posted as a message to the Design Studio.
-     */
-    importMap?: ImportEntryInfo[];
-    /**
-     * Any error that occurred during initialization of the component:
-     * - importMap error
-     * - error fetching the generated component data from secured endpoint
-     * - error during generation of the component on the server side
-     */
-    componentInitError?: string;
-    /**
-     * The generated component data received from design library.
-     */
-    generatedComponentData?: GeneratedComponentData;
+/**
+ * Model representing the import map in the Design Library.
+ * @internal
+ */
+export type ImportMapImport = {
+    default: ImportEntry[];
 };
 //# sourceMappingURL=models.d.ts.map

package/types/components/DesignLibrary/models.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../src/components/DesignLibrary/models.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,sBAAsB,EACtB,WAAW,EACX,eAAe,EAChB,MAAM,uCAAuC,CAAC;AAC/C,OAAO,EACL,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,SAAS,EACV,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,mBAAmB,EAAE,MAAM,uCAAuC,CAAC;AAC5E,OAAO,EAAE,IAAI,EAAE,MAAM,sCAAsC,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAE9C,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,WAAW,EAAE,CAAC;CACxB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAC;IACjD,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B,CAAC,CAAC;AAEH,MAAM,MAAM,wBAAwB,GAAG;IACrC;;OAEG;IACH,YAAY,EAAE,YAAY,CAAC;IAC3B;;OAEG;IACH,SAAS,EAAE,kBAAkB,GAAG,SAAS,CAAC;IAC1C;;OAEG;IACH,IAAI,EAAE,IAAI,CAAC;IACX;;OAEG;IACH,mBAAmB,EAAE,MAAM,OAAO,CAAC,eAAe,CAAC,CAAC;CACrD,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,wBAAwB,CAAC;AAE7D,MAAM,MAAM,+BAA+B,GAAG,IAAI,CAAC,wBAAwB,EAAE,qBAAqB,CAAC,CAAC;AAEpG,MAAM,MAAM,yCAAyC,GAAG,wBAAwB,CAAC;AAEjF,MAAM,MAAM,+BAA+B,GAAG;IAC5C;;OAEG;IACH,mBAAmB,EAAE,mBAAmB,CAAC;IACzC;;OAEG;IACH,SAAS,EAAE,kBAAkB,CAAC;CAC/B,CAAC;AAEF,MAAM,MAAM,yCAAyC,GAAG,+BAA+B,GAAG;IACxF;;OAEG;IACH,SAAS,CAAC,EAAE,eAAe,EAAE,CAAC;IAC9B;;;;;OAKG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B;;OAEG;IACH,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;CACjD,CAAC"}
+{"version":3,"file":"models.d.ts","sourceRoot":"","sources":["../../../src/components/DesignLibrary/models.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAC;AACxF,OAAO,EAAE,WAAW,EAAE,MAAM,uCAAuC,CAAC;AAEpE;;;;GAIG;AACH,MAAM,MAAM,gBAAgB,GAAG,KAAK,CAAC,aAAa,CAAC;IACjD,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,eAAe,CAAC;IACzB,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B,CAAC,CAAC;AAEH;;;GAGG;AACH,MAAM,MAAM,eAAe,GAAG;IAC5B,OAAO,EAAE,WAAW,EAAE,CAAC;CACxB,CAAC"}

package/types/components/ErrorBoundary.d.ts

@@ -16,6 +16,7 @@ export type ErrorBoundaryProps = {
 /**
  * Simple error component applying basic error styling.
  * @param {object} props - Either with `message` (string) or with `children` (ReactNode), but not both.
+ * @internal
  */
 export declare const ErrorComponent: (props: {
     message: React.ReactNode;

package/types/components/ErrorBoundary.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../src/components/ErrorBoundary.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,sCAAsC,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG1E,KAAK,mBAAmB,GAAG;IACzB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC;IAC3F,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,cAAc,GACzB,OACI;IAAE,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,GAC9C;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,KAAK,CAAA;CAAE,sBAOnD,CAAC;AAwEF,QAAA,MAAM,aAAa,GAAI,OAAO,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,sBAI7D,CAAC;AAEF,eAAe,aAAa,CAAC"}
+{"version":3,"file":"ErrorBoundary.d.ts","sourceRoot":"","sources":["../../src/components/ErrorBoundary.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAY,MAAM,OAAO,CAAC;AACnD,OAAO,EAAE,IAAI,EAAE,MAAM,sCAAsC,CAAC;AAC5D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAG1E,KAAK,mBAAmB,GAAG;IACzB,CAAC,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,kBAAkB,GAAG;IAC/B,QAAQ,EAAE,SAAS,CAAC;IACpB,IAAI,EAAE,IAAI,CAAC;IACX,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,cAAc,CAAC,EAAE,KAAK,CAAC,cAAc,CAAC,mBAAmB,CAAC,GAAG,KAAK,CAAC,EAAE,CAAC,mBAAmB,CAAC,CAAC;IAC3F,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B,uBAAuB,CAAC,EAAE,MAAM,CAAC;IACjC,eAAe,CAAC,EAAE,OAAO,CAAC;CAC3B,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,cAAc,GACzB,OACI;IAAE,OAAO,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,QAAQ,CAAC,EAAE,KAAK,CAAA;CAAE,GAC9C;IAAE,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAAC,OAAO,CAAC,EAAE,KAAK,CAAA;CAAE,sBAOnD,CAAC;AAwEF,QAAA,MAAM,aAAa,GAAI,OAAO,IAAI,CAAC,kBAAkB,EAAE,MAAM,CAAC,sBAI7D,CAAC;AAEF,eAAe,aAAa,CAAC"}

package/types/components/Form.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/components/Form.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAO1E;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,YAAY,GAAG,SAI7C,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,EAAE,kBAAkB,CAAC;IAC9B,MAAM,EAAE;QACN;;WAEG;QACH,MAAM,EAAE,MAAM,CAAC;QACf;;WAEG;QACH,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB;;WAEG;QACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;KAC9B,CAAC;CACH,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,IAAI,GAAI,uBAAuB,SAAS,sBA+DpD,CAAC"}
+{"version":3,"file":"Form.d.ts","sourceRoot":"","sources":["../../src/components/Form.tsx"],"names":[],"mappings":"AACA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAC3D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAU1E;;;GAGG;AACH,eAAO,MAAM,cAAc,GAAI,YAAY,GAAG,SAI7C,CAAC;AAEF;;;GAGG;AACH,MAAM,MAAM,SAAS,GAAG;IACtB,SAAS,EAAE,kBAAkB,CAAC;IAC9B,MAAM,EAAE;QACN;;WAEG;QACH,MAAM,EAAE,MAAM,CAAC;QACf;;WAEG;QACH,MAAM,CAAC,EAAE,MAAM,CAAC;QAChB;;WAEG;QACH,mBAAmB,CAAC,EAAE,MAAM,CAAC;KAC9B,CAAC;CACH,CAAC;AAEF;;;;GAIG;AACH,eAAO,MAAM,IAAI,GAAI,uBAAuB,SAAS,sBA6DpD,CAAC"}

package/types/components/Placeholder/PlaceholderMetadata.d.ts

@@ -30,6 +30,7 @@ export type CodeBlockAttributes = {
  * @param {'server' | 'client'} [props.componentRuntime] Component runtime type. Used to add data-csdk-component-runtime attribute to rendering chromes.
  * @param {JSX.Element} props.children The child components or elements to be wrapped by the metadata code blocks.
  * @returns {JSX.Element} A React fragment containing open and close code blocks surrounding the children elements.
+ * @internal
  */
 export declare const PlaceholderMetadata: ({ rendering, placeholderName, children, componentRuntime, }: PlaceholderMetadataProps) => JSX.Element;
 //# sourceMappingURL=PlaceholderMetadata.d.ts.map

package/types/components/Placeholder/PlaceholderMetadata.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"PlaceholderMetadata.d.ts","sourceRoot":"","sources":["../../../src/components/Placeholder/PlaceholderMetadata.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAGnB,MAAM,sCAAsC,CAAC;AAG9C;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,kBAAkB,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CACxC;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6BAA6B,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CACrD,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,mBAAmB,GAAI,6DAKjC,wBAAwB,KAAG,GAAG,CAAC,OAkEjC,CAAC"}
+{"version":3,"file":"PlaceholderMetadata.d.ts","sourceRoot":"","sources":["../../../src/components/Placeholder/PlaceholderMetadata.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,SAAS,EAAE,GAAG,EAAE,MAAM,OAAO,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAGnB,MAAM,sCAAsC,CAAC;AAG9C;;GAEG;AACH,MAAM,WAAW,wBAAwB;IACvC,SAAS,EAAE,kBAAkB,CAAC;IAC9B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,QAAQ,CAAC,EAAE,SAAS,CAAC;IACrB;;OAEG;IACH,gBAAgB,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CACxC;AAED,MAAM,MAAM,mBAAmB,GAAG;IAChC,IAAI,EAAE,MAAM,CAAC;IACb,UAAU,EAAE,MAAM,CAAC;IACnB,SAAS,EAAE,MAAM,CAAC;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,EAAE,CAAC,EAAE,MAAM,CAAC;IACZ,6BAA6B,CAAC,EAAE,QAAQ,GAAG,QAAQ,CAAC;CACrD,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,mBAAmB,GAAI,6DAKjC,wBAAwB,KAAG,GAAG,CAAC,OAkEjC,CAAC"}

package/types/index.d.ts

@@ -7,17 +7,18 @@ export { GraphQLClientError, RetryStrategy, DefaultRetryStrategy, GraphQLRequest
 export { mediaApi } from '@sitecore-content-sdk/content/media';
 export { Form } from './components/Form';
 export { ReactContentSdkComponent, ComponentMap, ReactModule } from './components/sharedTypes';
-export { Placeholder, PlaceholderProps, PlaceholderProps as PlaceholderComponentProps, AppPlaceholder, AppPlaceholderProps, renderEmptyPlaceholder, } from './components/Placeholder';
+export { Placeholder, PlaceholderProps, PlaceholderProps as PlaceholderComponentProps, AppPlaceholder, PlaceholderMetadata, AppPlaceholderProps, renderEmptyPlaceholder, } from './components/Placeholder';
 export { Image, ImageProps, ImageField, ImageFieldValue, ImageSizeParameters, } from './components/Image';
 export { RichText, RichTextProps, RichTextField } from './components/RichText';
 export { Text, TextField } from './components/Text';
 export { DateField, DateFieldProps } from './components/Date';
 export { FEaaSComponent, FEaaSComponentProps, FEaaSComponentParams, fetchFEaaSComponentServerProps, BYOCComponent, BYOCComponentParams, BYOCComponentProps, fetchBYOCComponentServerProps, BYOCWrapper, BYOCWrapper as BYOCClientWrapper, FEaaSWrapper, FEaaSWrapper as FEaaSClientWrapper, FEaaSServerWrapper, BYOCServerWrapper, } from './components/FEaaS';
-export { DesignLibrary, DesignLibraryApp } from './components/DesignLibrary';
+export { DesignLibrary, DesignLibraryErrorBoundary, DynamicComponent, ImportMapImport, } from './components/DesignLibrary';
 export {} from './components/FEaaS/BYOCComponent';
 export { Link, LinkField, LinkFieldValue, LinkProps } from './components/Link';
 export { File, FileField } from './components/File';
 export { SitecoreProvider, SitecoreProviderState, SitecoreProviderReactContext, useSitecore, } from './components/SitecoreProvider';
+export { ErrorComponent } from './components/ErrorBoundary';
 export { withEditorChromes } from './enhancers/withEditorChromes';
 export { withSitecore } from './enhancers/withSitecore';
 export { withDatasourceCheck } from './enhancers/withDatasourceCheck';

package/types/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/cjs/components/DesignLibrary/DesignLibraryApp.js

@@ -1,31 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DesignLibraryApp = void 0;
-const react_1 = __importDefault(require("react"));
-const layout_1 = require("@sitecore-content-sdk/content/layout");
-const DesignLibraryServer_1 = require("./DesignLibraryServer");
-const DesignLibrary_1 = require("./DesignLibrary");
-/**
- * Design Library component intended to be used by the NextJs app router application
- * This component serves as a router between client and server component rendering modes for the Design Library.
- * It inspects the component type from the component map and
- * delegates to the appropriate rendering implementation:
- * - Client components are rendered using the `DesignLibrary` component
- * - Server components are rendered using the `DesignLibraryServer` component
- * @param {DesingLibraryAppProps} props - The properties for the Design Library App.
- * @public
- */
-const DesignLibraryApp = ({ page, componentMap, loadServerImportMap, }) => {
-    var _a;
-    const { route } = page.layout.sitecore;
-    if (!route)
-        return null;
-    const rendering = (_a = route === null || route === void 0 ? void 0 : route.placeholders[layout_1.EDITING_COMPONENT_PLACEHOLDER]) === null || _a === void 0 ? void 0 : _a[0];
-    const component = componentMap.get((rendering === null || rendering === void 0 ? void 0 : rendering.componentName) || '');
-    const isClient = component && component.componentType === 'client';
-    return (react_1.default.createElement(react_1.default.Fragment, null, isClient ? (react_1.default.createElement(DesignLibrary_1.DesignLibrary, null)) : (react_1.default.createElement(DesignLibraryServer_1.DesignLibraryServer, { page: page, componentMap: componentMap, loadServerImportMap: loadServerImportMap, rendering: route }))));
-};
-exports.DesignLibraryApp = DesignLibraryApp;

package/dist/cjs/components/DesignLibrary/DesignLibraryClientEvents.js

@@ -1,139 +0,0 @@
-"use strict";
-'use client';
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DesignLibraryVariantGenerationEvents = exports.DesignLibraryPreviewEvents = exports.__mockDependencies = void 0;
-const react_1 = __importStar(require("react"));
-const dlHelpers = __importStar(require("@sitecore-content-sdk/content/editing"));
-const codegen = __importStar(require("@sitecore-content-sdk/content/codegen"));
-const update_server_component_action_1 = require("../../server-actions/update-server-component-action");
-const SitecoreProvider_1 = require("../SitecoreProvider");
-let { getDesignLibraryComponentPropsEvent, addServerComponentPreviewHandler, getDesignLibraryImportMapEvent, addStyleElement, sendErrorEvent, } = codegen;
-let { getDesignLibraryStatusEvent, addComponentUpdateHandler, postToDesignLibrary } = dlHelpers;
-let _updateComponentAction = update_server_component_action_1.updateComponentAction;
-let _previewComponentAction = update_server_component_action_1.previewComponentAction;
-const __mockDependencies = (mocks) => {
-    postToDesignLibrary = mocks.postToDesignLibrary;
-    addComponentUpdateHandler = mocks.addComponentUpdateHandler;
-    _updateComponentAction = mocks.updateComponentAction;
-    _previewComponentAction = mocks.previewComponentAction;
-    addServerComponentPreviewHandler = mocks.addServerComponentPreviewHandler;
-    getDesignLibraryImportMapEvent = mocks.getDesignLibraryImportMapEvent;
-    getDesignLibraryComponentPropsEvent = mocks.getDesignLibraryComponentPropsEvent;
-    addStyleElement = mocks.addStyleElement;
-    sendErrorEvent = mocks.sendErrorEvent;
-};
-exports.__mockDependencies = __mockDependencies;
-/**
- * Design Library component for rendering server components in app router application.
- * DesignLibraryPreviewEvents component serves as a communication bridge between DesignLibraryServer and the Design Studio on the client side.
- * It posts messages to Design Library Studio and sets up handlers to receive updates and previews which are then passed to the server component via server function updateServerComponentAction.
- * @param {DesignLibraryPreviewEventsProps} props The props. {@link DesignLibraryPreviewEventsProps}
- * @returns {JSX.Element} empty JSX element.
- */
-const DesignLibraryPreviewEvents = ({ designLibraryStatus, component, }) => {
-    (0, react_1.useEffect)(() => {
-        if (!(component === null || component === void 0 ? void 0 : component.uid))
-            return;
-        postToDesignLibrary(getDesignLibraryStatusEvent(designLibraryStatus, component.uid, true));
-        const unsubUpdate = addComponentUpdateHandler(component, (rendering) => {
-            _updateComponentAction({ uid: rendering.uid, rendering });
-        });
-        return () => {
-            unsubUpdate && unsubUpdate();
-        };
-    }, [component, designLibraryStatus]);
-    return react_1.default.createElement(react_1.default.Fragment, null);
-};
-exports.DesignLibraryPreviewEvents = DesignLibraryPreviewEvents;
-/**
- * Design Library component for rendering server components in app router application.
- * DesignLibraryVariantGenerationEvents component serves as a communication bridge between DesignLibraryServer and the Design Studio on the client side in variant generation mode.
- * It posts messages to Design Library Studio and sets up handlers to receive updates and previews which are then passed to the server component via server function updateServerComponentAction.
- * If the import map is not present then the import map error will be sent to Design Studio.
- * @param {DesignLibraryVariantGenerationEventsProps} props The props. {@link DesignLibraryVariantGenerationEventsProps}
- * @returns {JSX.Element} empty JSX element.
- */
-const DesignLibraryVariantGenerationEvents = ({ designLibraryStatus, component, importMap, componentInitError, generatedComponentData, }) => {
-    var _a;
-    const { api } = (0, SitecoreProvider_1.useSitecore)();
-    const edgeUrl = (_a = api === null || api === void 0 ? void 0 : api.edge) === null || _a === void 0 ? void 0 : _a.edgeUrl;
-    (0, react_1.useEffect)(() => {
-        var _a;
-        if (!(component === null || component === void 0 ? void 0 : component.uid))
-            return;
-        postToDesignLibrary(getDesignLibraryStatusEvent(designLibraryStatus, component.uid, true));
-        const unsubUpdate = addComponentUpdateHandler(component, (rendering) => {
-            _updateComponentAction({
-                uid: rendering.uid,
-                rendering,
-                generatedComponentData,
-            });
-        });
-        const unsubPreview = addServerComponentPreviewHandler((eventArgs) => {
-            _previewComponentAction({
-                uid: component.uid,
-                args: eventArgs,
-            }, edgeUrl);
-        });
-        if (componentInitError) {
-            // an error occurred during initialization of the component on the server side
-            sendErrorEvent(component.uid, componentInitError, codegen.DesignLibraryPreviewError.RenderInit);
-        }
-        else {
-            const importMapEvent = getDesignLibraryImportMapEvent(component.uid, importMap);
-            postToDesignLibrary(importMapEvent);
-            const propsEvent = getDesignLibraryComponentPropsEvent(component.uid, component.fields, component.params);
-            postToDesignLibrary(propsEvent);
-            if ((_a = generatedComponentData === null || generatedComponentData === void 0 ? void 0 : generatedComponentData.styles) === null || _a === void 0 ? void 0 : _a.content) {
-                // the generated component has custom styles, so add the css in style element and add it to document head
-                addStyleElement(generatedComponentData.styles.content);
-            }
-        }
-        return () => {
-            unsubUpdate && unsubUpdate();
-            unsubPreview && unsubPreview();
-        };
-    }, [
-        component,
-        designLibraryStatus,
-        importMap,
-        componentInitError,
-        generatedComponentData,
-        edgeUrl,
-    ]);
-    return react_1.default.createElement(react_1.default.Fragment, null);
-};
-exports.DesignLibraryVariantGenerationEvents = DesignLibraryVariantGenerationEvents;