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

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

@@ -39,11 +39,11 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DesignLibraryServerPreview = exports.DesignLibraryServerVariantGeneration = exports.DesignLibraryServer = exports.__mockDependencies = void 0;
 const react_1 = __importDefault(require("react"));
-const layout_1 = require("@sitecore-content-sdk/content/layout");
+const layout_1 = require("@sitecore-content-sdk/core/layout");
 const DesignLibraryClientEvents_1 = require("./DesignLibraryClientEvents");
-const globalCache = __importStar(require("@sitecore-content-sdk/core/tools"));
-const editing_1 = require("@sitecore-content-sdk/content/editing");
-const codegen = __importStar(require("@sitecore-content-sdk/content/codegen"));
+const globalCache = __importStar(require("@sitecore-content-sdk/core/utils"));
+const editing_1 = require("@sitecore-content-sdk/core/editing");
+const codegen = __importStar(require("@sitecore-content-sdk/core/codegen"));
 const Placeholder_1 = require("../Placeholder");
 const DesignLibraryErrorBoundary_1 = require("./DesignLibraryErrorBoundary");
 const ErrorBoundary_1 = require("../ErrorBoundary");
@@ -79,9 +79,7 @@ const DesignLibraryServer = async ({ page, componentMap, rendering, loadServerIm
         return null;
     }
     const isVariantGeneration = (_a = page.mode.designLibrary) === null || _a === void 0 ? void 0 : _a.isVariantGeneration;
-    // Temporarily disable server side variant generation due to potential security vulerability
-    // eslint-disable-next-line no-constant-condition
-    if (isVariantGeneration && false) {
+    if (isVariantGeneration) {
         return (react_1.default.createElement(exports.DesignLibraryServerVariantGeneration, { page: page, rendering: rendering, loadServerImportMap: loadServerImportMap, componentMap: componentMap }));
     }
     return (react_1.default.createElement(exports.DesignLibraryServerPreview, { page: page, rendering: rendering, componentMap: componentMap }));
@@ -103,12 +101,12 @@ const DesignLibraryServerVariantGeneration = async ({ page, rendering, loadServe
     let importMap;
     let importMapInfo;
     let Component;
-    let importMapError;
-    let previewComponentData;
+    let componentInitError;
+    let generatedComponentData;
     // load importmap and importmap payload to pass to FE
     // if not provided, or errors during load set error to pass to FE
     if (!loadServerImportMap) {
-        importMapError = 'No loadImportMap provided';
+        componentInitError = 'No loadImportMap provided';
     }
     else {
         try {
@@ -117,7 +115,7 @@ const DesignLibraryServerVariantGeneration = async ({ page, rendering, loadServe
             importMapInfo = getImportMapInfo(importMap);
         }
         catch (e) {
-            importMapError = `Error loading import map: ${e}`;
+            componentInitError = `Error loading import map: ${e}`;
         }
     }
     let componentToUpdate = (_b = (_a = rendering === null || rendering === void 0 ? void 0 : rendering.placeholders) === null || _a === void 0 ? void 0 : _a[layout_1.EDITING_COMPONENT_PLACEHOLDER]) === null || _b === void 0 ? void 0 : _b[0];
@@ -127,24 +125,43 @@ const DesignLibraryServerVariantGeneration = async ({ page, rendering, loadServe
         return react_1.default.createElement(ErrorBoundary_1.ErrorComponent, { message: "Rendering UID is missing in the rendering data" });
     const uid = componentToUpdate.uid;
     const componentUpdateKey = `${editing_1.COMPONENT_UPDATE_CACHE_KEY_PREFIX}${uid}`;
+    const componentPreviewKey = `${editing_1.COMPONENT_PREVIEW_CACHE_KEY_PREFIX}${uid}`;
     // check if we have an update for this component in the global cache
     if (hasCache(componentUpdateKey)) {
-        // we have an update, get it and clean the cache
+        // we have fields/params update, get it and clean the cache
         designLibraryStatus = editing_1.DesignLibraryStatus.RENDERED;
         const updateData = getCacheAndClean(componentUpdateKey);
         // apply the updates to the component rendering
-        if (updateData === null || updateData === void 0 ? void 0 : updateData.updatedComponent) {
-            updateComponent(componentToUpdate, updateData.updatedComponent.fields, updateData.updatedComponent.params);
+        if (updateData === null || updateData === void 0 ? void 0 : updateData.rendering) {
+            updateComponent(componentToUpdate, updateData.rendering.fields, updateData.rendering.params);
+        }
+        // generate the component instance if we are dealing with an AI-generated component
+        if ((updateData === null || updateData === void 0 ? void 0 : updateData.generatedComponentData) && !componentInitError && importMap) {
+            generatedComponentData = updateData.generatedComponentData;
+            try {
+                // use provided code and import map to create the component instance
+                Component = createComponentInstance(importMap, updateData.generatedComponentData);
+            }
+            catch (error) {
+                // error during component initialization - send error to client
+                componentInitError = error.toString();
+            }
         }
-        if ((updateData === null || updateData === void 0 ? void 0 : updateData.previewComponent) && !importMapError && importMap) {
-            previewComponentData = updateData.previewComponent;
+    }
+    else if (hasCache(componentPreviewKey) && !componentInitError && importMap) {
+        // we have a preview update, get it and clean the cache
+        designLibraryStatus = editing_1.DesignLibraryStatus.RENDERED;
+        const previewData = getCacheAndClean(componentPreviewKey);
+        componentInitError = previewData === null || previewData === void 0 ? void 0 : previewData.error;
+        if (previewData === null || previewData === void 0 ? void 0 : previewData.generatedComponentData) {
+            generatedComponentData = previewData.generatedComponentData;
             try {
                 // use provided code and import map to create the component instance
-                Component = createComponentInstance(importMap, updateData.previewComponent);
+                Component = createComponentInstance(importMap, previewData.generatedComponentData);
             }
             catch (error) {
                 // error during component initialization - send error to client
-                importMapError = error.toString();
+                componentInitError = error.toString();
             }
         }
     }
@@ -154,7 +171,7 @@ const DesignLibraryServerVariantGeneration = async ({ page, rendering, loadServe
                 react_1.default.createElement(Component, { fields: componentToUpdate.fields, params: componentToUpdate.params, key: Date.now() })))) : (react_1.default.createElement(Placeholder_1.AppPlaceholder, { name: layout_1.EDITING_COMPONENT_PLACEHOLDER, page: page, rendering: rendering, componentMap: componentMap, key: Date.now() })),
         react_1.default.createElement(DesignLibraryClientEvents_1.DesignLibraryVariantGenerationEvents, { designLibraryStatus: designLibraryStatus, importMap: importMapInfo, 
             // pass a new object since we have mutated the original which leads to old reference passed to the client
-            component: Object.assign({}, componentToUpdate), importMapError: importMapError, previewComponentData: previewComponentData })));
+            component: Object.assign({}, componentToUpdate), componentInitError: componentInitError, generatedComponentData: generatedComponentData })));
 };
 exports.DesignLibraryServerVariantGeneration = DesignLibraryServerVariantGeneration;
 /**
@@ -182,12 +199,12 @@ const DesignLibraryServerPreview = async ({ page, rendering, componentMap, }) =>
         designLibraryStatus = editing_1.DesignLibraryStatus.RENDERED;
         const updateData = getCacheAndClean(componentUpdateKey);
         // apply the updates to the component rendering
-        if (updateData === null || updateData === void 0 ? void 0 : updateData.updatedComponent) {
-            updateComponent(componentToUpdate, updateData.updatedComponent.fields, updateData.updatedComponent.params);
+        if (updateData === null || updateData === void 0 ? void 0 : updateData.rendering) {
+            updateComponent(componentToUpdate, updateData.rendering.fields, updateData.rendering.params);
         }
     }
     return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Placeholder_1.AppPlaceholder, { name: layout_1.EDITING_COMPONENT_PLACEHOLDER, page: page, rendering: rendering, componentMap: componentMap }),
+        react_1.default.createElement(Placeholder_1.AppPlaceholder, { name: layout_1.EDITING_COMPONENT_PLACEHOLDER, page: page, rendering: rendering, componentMap: componentMap, key: Date.now() }),
         react_1.default.createElement(DesignLibraryClientEvents_1.DesignLibraryPreviewEvents, { designLibraryStatus: designLibraryStatus, 
             // pass a new object since we have mutated the original which leads to old reference passed to the client
             component: Object.assign({}, componentToUpdate) })));

package/dist/cjs/components/EditingScripts.js

@@ -7,7 +7,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.EditingScripts = void 0;
 const react_1 = __importDefault(require("react"));
 const withSitecore_1 = require("../enhancers/withSitecore");
-const editing_1 = require("@sitecore-content-sdk/content/editing");
+const editing_1 = require("@sitecore-content-sdk/core/editing");
+const editing_2 = require("@sitecore-content-sdk/core/editing");
 /**
  * Renders client scripts and data for editing/preview mode for Pages.
  * Renders script required for the Design Library (when mode.isDesignLibrary is true).
@@ -31,7 +32,7 @@ const EditingScripts = () => {
         const month = String(now.getUTCMonth() + 1).padStart(2, '0');
         const year = String(now.getUTCFullYear());
         const cacheTimestamp = `${hour}-${day}-${month}-${year}`;
-        const scriptUrl = `${(0, editing_1.getDesignLibraryScriptLink)((_a = api === null || api === void 0 ? void 0 : api.edge) === null || _a === void 0 ? void 0 : _a.edgeUrl)}?cb=${cacheTimestamp}`;
+        const scriptUrl = `${(0, editing_2.getDesignLibraryScriptLink)((_a = api === null || api === void 0 ? void 0 : api.edge) === null || _a === void 0 ? void 0 : _a.edgeUrl)}?cb=${cacheTimestamp}`;
         return (react_1.default.createElement(react_1.default.Fragment, null,
             react_1.default.createElement("script", { src: scriptUrl, suppressHydrationWarning: true })));
     }

package/dist/cjs/components/FieldMetadata.js

@@ -5,7 +5,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FieldMetadata = void 0;
 const react_1 = __importDefault(require("react"));
-const editing_1 = require("@sitecore-content-sdk/content/editing");
+const editing_1 = require("@sitecore-content-sdk/core/editing");
 /**
  * The component which renders field metadata markup
  * @param {FieldMetadataProps} props the props of the component

package/dist/cjs/components/File.js

@@ -15,7 +15,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.File = void 0;
-const layout_1 = require("@sitecore-content-sdk/content/layout");
+const layout_1 = require("@sitecore-content-sdk/core/layout");
 const react_1 = __importDefault(require("react"));
 /**
  * The File component.

package/dist/cjs/components/Form.js

@@ -36,10 +36,10 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Form = exports.mockFormModule = void 0;
 const react_1 = __importStar(require("react"));
-const content_1 = require("@sitecore-content-sdk/content");
+const core_1 = require("@sitecore-content-sdk/core");
 const withSitecore_1 = require("../enhancers/withSitecore");
 const ErrorBoundary_1 = require("./ErrorBoundary");
-let { executeScriptElements, loadForm, subscribeToFormSubmitEvent } = content_1.form;
+let { executeScriptElements, loadForm, subscribeToFormSubmitEvent } = core_1.form;
 /**
  * Mock function to replace the form module functions for `testing` purposes.
  * @param {any} formModule - The form module to mock

package/dist/cjs/components/Image.js

@@ -16,13 +16,13 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Image = void 0;
 /* eslint-disable no-unused-vars */
-const media_1 = require("@sitecore-content-sdk/content/media");
+const media_1 = require("@sitecore-content-sdk/core/media");
 const react_1 = __importDefault(require("react"));
 const utils_1 = require("../utils");
 const withFieldMetadata_1 = require("../enhancers/withFieldMetadata");
 const withEmptyFieldEditingComponent_1 = require("../enhancers/withEmptyFieldEditingComponent");
 const DefaultEmptyFieldEditingComponents_1 = require("./DefaultEmptyFieldEditingComponents");
-const layout_1 = require("@sitecore-content-sdk/content/layout");
+const layout_1 = require("@sitecore-content-sdk/core/layout");
 const getImageAttrs = (_a, imageParams, mediaUrlPrefix) => {
     var { src, srcSet } = _a, otherAttrs = __rest(_a, ["src", "srcSet"]);
     if (!src) {

package/dist/cjs/components/Link.js

@@ -47,7 +47,7 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Link = void 0;
 const react_1 = __importStar(require("react"));
-const layout_1 = require("@sitecore-content-sdk/content/layout");
+const layout_1 = require("@sitecore-content-sdk/core/layout");
 const withFieldMetadata_1 = require("../enhancers/withFieldMetadata");
 const withEmptyFieldEditingComponent_1 = require("../enhancers/withEmptyFieldEditingComponent");
 const DefaultEmptyFieldEditingComponents_1 = require("./DefaultEmptyFieldEditingComponents");

package/dist/cjs/components/Placeholder/Placeholder.js

@@ -40,7 +40,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.Placeholder = exports.PlaceholderComponent = void 0;
 const react_1 = __importDefault(require("react"));
 const withComponentMap_1 = require("../../enhancers/withComponentMap");
-const editing_1 = require("@sitecore-content-sdk/content/editing");
+const editing_1 = require("@sitecore-content-sdk/core/editing");
 const withSitecore_1 = require("../../enhancers/withSitecore");
 const placeholder_utils_1 = require("./placeholder-utils");
 const PlaceholderMetadata_1 = require("./PlaceholderMetadata");
@@ -59,6 +59,15 @@ class PlaceholderComponent extends react_1.default.Component {
     componentDidCatch(error) {
         this.setState({ error });
     }
+    /**
+     * Renders the placeholder when it is empty. The required CSS styles are applied to the placeholder in edit mode.
+     * @param {React.ReactNode | React.ReactElement[]} node react node
+     * @returns react node
+     * @deprecated use renderEmptyPlaceholder from react/nextjs import instead
+     */
+    renderEmptyPlaceholder(node) {
+        return (0, placeholder_utils_1.renderEmptyPlaceholder)(node);
+    }
     render() {
         const childProps = Object.assign({}, this.props);
         delete childProps.componentMap;

package/dist/cjs/components/Placeholder/PlaceholderMetadata.js

@@ -5,8 +5,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.PlaceholderMetadata = void 0;
 const react_1 = __importDefault(require("react"));
-const layout_1 = require("@sitecore-content-sdk/content/layout");
-const editing_1 = require("@sitecore-content-sdk/content/editing");
+const layout_1 = require("@sitecore-content-sdk/core/layout");
+const editing_1 = require("@sitecore-content-sdk/core/editing");
 /**
  * A React component to generate metadata blocks for a placeholder or rendering.
  * It utilizes dynamic attributes based on whether the component acts as a placeholder

package/dist/cjs/components/Placeholder/placeholder-utils.js

@@ -19,8 +19,8 @@ exports.getAppComponentProps = getAppComponentProps;
 const react_1 = __importDefault(require("react"));
 const MissingComponent_1 = require("../MissingComponent");
 const sharedTypes_1 = require("../sharedTypes");
-const layout_1 = require("@sitecore-content-sdk/content/layout");
-const content_1 = require("@sitecore-content-sdk/content");
+const layout_1 = require("@sitecore-content-sdk/core/layout");
+const core_1 = require("@sitecore-content-sdk/core");
 const HiddenRendering_1 = require("../HiddenRendering");
 const FEaaS_1 = require("../FEaaS");
 /**
@@ -85,7 +85,6 @@ exports.getSXAParams = getSXAParams;
  * Renders the placeholder when it is empty. The required CSS styles are applied to the placeholder in edit mode.
  * @param {React.ReactNode | React.ReactElement[]} node react node
  * @returns react node
- * @public
  */
 const renderEmptyPlaceholder = (node) => {
     return react_1.default.createElement("div", { className: "sc-jss-empty-placeholder" }, node);
@@ -137,7 +136,7 @@ const getComponentForRendering = (renderingDefinition, placeholderName, componen
     const logUnknownComponentError = (variant) => {
         console.error(`Placeholder ${placeholderName} contains unknown component ${renderingDefinition.componentName}${variant ? ` (${variant})` : ''}. Ensure that a React component exists for it, and that it is registered in your component-map file.`);
     };
-    if (renderingDefinition.componentName === content_1.HIDDEN_RENDERING_NAME) {
+    if (renderingDefinition.componentName === core_1.constants.HIDDEN_RENDERING_NAME) {
         return {
             component: hiddenRenderingComponent !== null && hiddenRenderingComponent !== void 0 ? hiddenRenderingComponent : HiddenRendering_1.HiddenRendering,
             isEmpty: true,

package/dist/cjs/components/RichText.js

@@ -47,10 +47,10 @@ var __rest = (this && this.__rest) || function (s, e) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RichText = void 0;
 const react_1 = __importStar(require("react"));
-const layout_1 = require("@sitecore-content-sdk/content/layout");
 const withFieldMetadata_1 = require("../enhancers/withFieldMetadata");
 const withEmptyFieldEditingComponent_1 = require("../enhancers/withEmptyFieldEditingComponent");
 const DefaultEmptyFieldEditingComponents_1 = require("./DefaultEmptyFieldEditingComponents");
+const layout_1 = require("@sitecore-content-sdk/core/layout");
 /**
  * The RichText component.
  * @param {RichTextProps} props component props

package/dist/cjs/components/SitecoreProvider.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SitecoreProvider = exports.ImportMapReactContext = exports.ComponentMapReactContext = exports.SitecoreProviderReactContext = void 0;
 const react_1 = __importDefault(require("react"));
 const react_2 = __importDefault(require("fast-deep-equal/es6/react"));
+const core_1 = require("@sitecore-content-sdk/core");
 /**
  * The context for the SitecoreProvider component.
  * @public
@@ -20,6 +21,7 @@ exports.ImportMapReactContext = react_1.default.createContext(undefined);
  */
 class SitecoreProvider extends react_1.default.Component {
     constructor(props) {
+        var _a, _b, _c, _d, _e, _f;
         super(props);
         /**
          * Update page state.
@@ -30,10 +32,16 @@ class SitecoreProvider extends react_1.default.Component {
                 page: value,
             });
         };
+        // If any Edge ID is present but no edgeUrl, apply the default
+        let api = props.api;
+        if ((((_b = (_a = props.api) === null || _a === void 0 ? void 0 : _a.edge) === null || _b === void 0 ? void 0 : _b.contextId) || ((_d = (_c = props.api) === null || _c === void 0 ? void 0 : _c.edge) === null || _d === void 0 ? void 0 : _d.clientContextId)) &&
+            !((_f = (_e = props.api) === null || _e === void 0 ? void 0 : _e.edge) === null || _f === void 0 ? void 0 : _f.edgeUrl)) {
+            api = Object.assign(Object.assign({}, props.api), { edge: Object.assign(Object.assign({}, props.api.edge), { edgeUrl: core_1.constants.SITECORE_EDGE_URL_DEFAULT }) });
+        }
         this.state = {
             page: props.page,
             setPage: this.setPage,
-            api: props.api,
+            api,
         };
     }
     componentDidUpdate(prevProps) {

package/dist/cjs/components/Text.js

@@ -17,10 +17,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Text = void 0;
 const react_1 = __importDefault(require("react"));
-const layout_1 = require("@sitecore-content-sdk/content/layout");
 const withFieldMetadata_1 = require("../enhancers/withFieldMetadata");
 const withEmptyFieldEditingComponent_1 = require("../enhancers/withEmptyFieldEditingComponent");
 const DefaultEmptyFieldEditingComponents_1 = require("./DefaultEmptyFieldEditingComponents");
+const layout_1 = require("@sitecore-content-sdk/core/layout");
 /**
  * The Text component.
  * @public

package/dist/cjs/enhancers/withEmptyFieldEditingComponent.js

@@ -35,7 +35,7 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.withEmptyFieldEditingComponent = withEmptyFieldEditingComponent;
 const react_1 = __importStar(require("react"));
-const layout_1 = require("@sitecore-content-sdk/content/layout");
+const layout_1 = require("@sitecore-content-sdk/core/layout");
 /**
  * Returns the passed field component or default component in case field value is empty and edit mode is 'metadata'
  * @param {ComponentType<FieldComponentProps>} FieldComponent the field component

package/dist/cjs/enhancers/withLoadImportMap.js

@@ -33,18 +33,9 @@ var __importStar = (this && this.__importStar) || (function () {
     };
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useLoadImportMap = useLoadImportMap;
 exports.withLoadImportMap = withLoadImportMap;
 const react_1 = __importStar(require("react"));
 const SitecoreProvider_1 = require("../components/SitecoreProvider");
-/**
- * Hook that retrieves the loadImportMap function from context.
- * @returns {() => Promise<ImportMapImport> | undefined} The loadImportMap function from context, or undefined if not available.
- * @public
- */
-function useLoadImportMap() {
-    return (0, react_1.useContext)(SitecoreProvider_1.ImportMapReactContext);
-}
 /**
  * Higher-order component that injects the loadImportMap function from context into component props.
  * If the component already receives loadImportMap via props, the prop value takes precedence.
@@ -53,7 +44,7 @@ function useLoadImportMap() {
  */
 function withLoadImportMap(Component) {
     const WithLoadImportMap = (props) => {
-        const loadImportMapContext = useLoadImportMap();
+        const loadImportMapContext = (0, react_1.useContext)(SitecoreProvider_1.ImportMapReactContext);
         const loadClientImportMap = props.loadImportMap || loadImportMapContext;
         return react_1.default.createElement(Component, Object.assign({}, props, { loadImportMap: loadClientImportMap }));
     };

package/dist/cjs/index.js

@@ -1,17 +1,17 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.withEmptyFieldEditingComponent = exports.withFieldMetadata = exports.withDatasourceCheck = exports.withPlaceholder = exports.withEditorChromes = exports.useSitecore = exports.withSitecore = exports.SitecoreProviderReactContext = exports.SitecoreProvider = exports.File = exports.Link = exports.DesignLibraryApp = exports.DesignLibrary = exports.BYOCServerWrapper = exports.FEaaSServerWrapper = exports.FEaaSClientWrapper = exports.FEaaSWrapper = exports.BYOCClientWrapper = exports.BYOCWrapper = exports.fetchBYOCComponentServerProps = exports.BYOCComponent = exports.fetchFEaaSComponentServerProps = exports.FEaaSComponent = exports.DateField = exports.Text = exports.RichText = exports.Image = exports.renderEmptyPlaceholder = exports.AppPlaceholder = exports.Placeholder = exports.Form = exports.mediaApi = exports.ErrorPage = exports.GraphQLRequestClient = exports.DefaultRetryStrategy = exports.DictionaryService = exports.EditMode = exports.getFieldValue = exports.getChildPlaceholder = exports.LayoutService = exports.LayoutServicePageState = exports.getDesignLibraryStylesheetLinks = exports.getContentStylesheetLink = exports.resetEditorChromes = exports.isEditorActive = exports.NativeDataFetcher = exports.MemoryCacheClient = exports.ClientError = exports.enableDebug = exports.constants = void 0;
-exports.SitePathService = exports.ClientEditingChromesUpdate = exports.DefaultEmptyFieldEditingComponentImage = exports.DefaultEmptyFieldEditingComponentText = exports.EditingScripts = void 0;
+exports.EditingScripts = exports.withEmptyFieldEditingComponent = exports.withFieldMetadata = exports.withDatasourceCheck = exports.withPlaceholder = exports.withEditorChromes = exports.useSitecore = exports.withSitecore = exports.SitecoreProviderReactContext = exports.SitecoreProvider = exports.File = exports.Link = exports.DesignLibraryApp = exports.DesignLibrary = exports.BYOCServerWrapper = exports.FEaaSServerWrapper = exports.FEaaSClientWrapper = exports.FEaaSWrapper = exports.BYOCClientWrapper = exports.BYOCWrapper = exports.fetchBYOCComponentServerProps = exports.BYOCComponent = exports.fetchFEaaSComponentServerProps = exports.FEaaSComponent = exports.DateField = exports.Text = exports.RichText = exports.Image = exports.AppPlaceholder = exports.Placeholder = exports.Form = exports.mediaApi = exports.ErrorPage = exports.GraphQLRequestClient = exports.DefaultRetryStrategy = exports.DictionaryService = exports.EditMode = exports.getFieldValue = exports.getChildPlaceholder = exports.LayoutService = exports.LayoutServicePageState = exports.getDesignLibraryStylesheetLinks = exports.getContentStylesheetLink = exports.resetEditorChromes = exports.isEditorActive = exports.NativeDataFetcher = exports.MemoryCacheClient = exports.ClientError = exports.enableDebug = exports.constants = void 0;
+exports.SitePathService = exports.ClientEditingChromesUpdate = exports.DefaultEmptyFieldEditingComponentImage = exports.DefaultEmptyFieldEditingComponentText = void 0;
 var core_1 = require("@sitecore-content-sdk/core");
 Object.defineProperty(exports, "constants", { enumerable: true, get: function () { return core_1.constants; } });
 Object.defineProperty(exports, "enableDebug", { enumerable: true, get: function () { return core_1.enableDebug; } });
 Object.defineProperty(exports, "ClientError", { enumerable: true, get: function () { return core_1.ClientError; } });
 Object.defineProperty(exports, "MemoryCacheClient", { enumerable: true, get: function () { return core_1.MemoryCacheClient; } });
 Object.defineProperty(exports, "NativeDataFetcher", { enumerable: true, get: function () { return core_1.NativeDataFetcher; } });
-var editing_1 = require("@sitecore-content-sdk/content/editing");
+var editing_1 = require("@sitecore-content-sdk/core/editing");
 Object.defineProperty(exports, "isEditorActive", { enumerable: true, get: function () { return editing_1.isEditorActive; } });
 Object.defineProperty(exports, "resetEditorChromes", { enumerable: true, get: function () { return editing_1.resetEditorChromes; } });
-var layout_1 = require("@sitecore-content-sdk/content/layout");
+var layout_1 = require("@sitecore-content-sdk/core/layout");
 Object.defineProperty(exports, "getContentStylesheetLink", { enumerable: true, get: function () { return layout_1.getContentStylesheetLink; } });
 Object.defineProperty(exports, "getDesignLibraryStylesheetLinks", { enumerable: true, get: function () { return layout_1.getDesignLibraryStylesheetLinks; } });
 Object.defineProperty(exports, "LayoutServicePageState", { enumerable: true, get: function () { return layout_1.LayoutServicePageState; } });
@@ -19,20 +19,19 @@ Object.defineProperty(exports, "LayoutService", { enumerable: true, get: functio
 Object.defineProperty(exports, "getChildPlaceholder", { enumerable: true, get: function () { return layout_1.getChildPlaceholder; } });
 Object.defineProperty(exports, "getFieldValue", { enumerable: true, get: function () { return layout_1.getFieldValue; } });
 Object.defineProperty(exports, "EditMode", { enumerable: true, get: function () { return layout_1.EditMode; } });
-var i18n_1 = require("@sitecore-content-sdk/content/i18n");
+var i18n_1 = require("@sitecore-content-sdk/core/i18n");
 Object.defineProperty(exports, "DictionaryService", { enumerable: true, get: function () { return i18n_1.DictionaryService; } });
-var client_1 = require("@sitecore-content-sdk/content/client");
+var client_1 = require("@sitecore-content-sdk/core/client");
 Object.defineProperty(exports, "DefaultRetryStrategy", { enumerable: true, get: function () { return client_1.DefaultRetryStrategy; } });
 Object.defineProperty(exports, "GraphQLRequestClient", { enumerable: true, get: function () { return client_1.GraphQLRequestClient; } });
 Object.defineProperty(exports, "ErrorPage", { enumerable: true, get: function () { return client_1.ErrorPage; } });
-var media_1 = require("@sitecore-content-sdk/content/media");
+var media_1 = require("@sitecore-content-sdk/core/media");
 Object.defineProperty(exports, "mediaApi", { enumerable: true, get: function () { return media_1.mediaApi; } });
 var Form_1 = require("./components/Form");
 Object.defineProperty(exports, "Form", { enumerable: true, get: function () { return Form_1.Form; } });
 var Placeholder_1 = require("./components/Placeholder");
 Object.defineProperty(exports, "Placeholder", { enumerable: true, get: function () { return Placeholder_1.Placeholder; } });
 Object.defineProperty(exports, "AppPlaceholder", { enumerable: true, get: function () { return Placeholder_1.AppPlaceholder; } });
-Object.defineProperty(exports, "renderEmptyPlaceholder", { enumerable: true, get: function () { return Placeholder_1.renderEmptyPlaceholder; } });
 var Image_1 = require("./components/Image");
 Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return Image_1.Image; } });
 var RichText_1 = require("./components/RichText");
@@ -83,5 +82,5 @@ Object.defineProperty(exports, "DefaultEmptyFieldEditingComponentText", { enumer
 Object.defineProperty(exports, "DefaultEmptyFieldEditingComponentImage", { enumerable: true, get: function () { return DefaultEmptyFieldEditingComponents_1.DefaultEmptyFieldEditingComponentImage; } });
 var ClientEditingChromesUpdate_1 = require("./components/ClientEditingChromesUpdate");
 Object.defineProperty(exports, "ClientEditingChromesUpdate", { enumerable: true, get: function () { return ClientEditingChromesUpdate_1.ClientEditingChromesUpdate; } });
-var site_1 = require("@sitecore-content-sdk/content/site");
+var site_1 = require("@sitecore-content-sdk/core/site");
 Object.defineProperty(exports, "SitePathService", { enumerable: true, get: function () { return site_1.SitePathService; } });

package/dist/cjs/search/index.js

@@ -1,9 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.debug = exports.useInfiniteSearch = exports.useSearch = void 0;
+exports.useInfiniteSearch = exports.useSearch = void 0;
 var useSearch_1 = require("./useSearch");
 Object.defineProperty(exports, "useSearch", { enumerable: true, get: function () { return useSearch_1.useSearch; } });
 var useInfiniteSearch_1 = require("./useInfiniteSearch");
 Object.defineProperty(exports, "useInfiniteSearch", { enumerable: true, get: function () { return useInfiniteSearch_1.useInfiniteSearch; } });
-var search_1 = require("@sitecore-content-sdk/search");
-Object.defineProperty(exports, "debug", { enumerable: true, get: function () { return search_1.debug; } });

package/dist/cjs/server-actions/update-server-component-action.js

@@ -1,18 +1,51 @@
 "use strict";
 'use server';
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateServerComponentAction = updateServerComponentAction;
-const content_1 = require("@sitecore-content-sdk/content");
-const tools_1 = require("@sitecore-content-sdk/core/tools");
-const editing_1 = require("@sitecore-content-sdk/content/editing");
+exports.updateComponentAction = updateComponentAction;
+exports.previewComponentAction = previewComponentAction;
+const core_1 = require("@sitecore-content-sdk/core");
+const codegen_1 = require("@sitecore-content-sdk/core/codegen");
+const utils_1 = require("@sitecore-content-sdk/core/utils");
+const editing_1 = require("@sitecore-content-sdk/core/editing");
 /**
  * Server action to update global cache with the provided component updates received from Design Library.
  * Stores the given {@link ComponentUpdateModel} in the global cache using a key based on the component UID.
- * This enables dynamic rendering of server components inside Design Library
- * @param {ComponentUpdateModel} componentUpdate - The component update model containing the UID and optional updated or preview component data.
+ * This enables rendering dynamic updates of server components inside Design Library
+ * @param {ComponentUpdateModel} updatedComponent - The component update model containing the UID and optional updated or preview component data.
  * @returns A Promise that resolves when the cache has been updated.
  */
-async function updateServerComponentAction(componentUpdate) {
-    content_1.debug.editing(`Updating server component cache for Component: ${componentUpdate.uid}`);
-    (0, tools_1.setCache)(`${editing_1.COMPONENT_UPDATE_CACHE_KEY_PREFIX}${componentUpdate.uid}`, componentUpdate);
+async function updateComponentAction(updatedComponent) {
+    core_1.debug.editing(`Updating server component cache for Update Component: ${updatedComponent.uid}`);
+    (0, utils_1.setCache)(`${editing_1.COMPONENT_UPDATE_CACHE_KEY_PREFIX}${updatedComponent.uid}`, updatedComponent);
+}
+/**
+ * Server action to update global cache with the generated component data in variant generation mode
+ * The generated component data is retrieved from a secured cache endpoint via the provided event arguments.
+ * This enables rendering dynamic updates of server components inside Design Library
+ * @param {PreviewEventModel} previewEvent - The preview event model containing the UID and the preview event arguments with cache information to fetch the generated component data.
+ * @param {string} [edgeUrl] - Optional Edge URL to fetch the generated component data.
+ * @returns A Promise that resolves when the cache has been updated.
+ */
+async function previewComponentAction(previewEvent, edgeUrl) {
+    core_1.debug.editing(`Updating server component cache for Preview Component: ${previewEvent.uid}`);
+    const updatedComponent = {
+        uid: previewEvent.uid,
+        generatedComponentData: undefined,
+        error: undefined,
+    };
+    if (previewEvent.args) {
+        // we've received a component preview event from the Design Library, so we need to fetch the generated component data from secured endpoint
+        try {
+            updatedComponent.generatedComponentData = await (0, codegen_1.fetchGeneratedComponentFromCache)(previewEvent.args.message.cache.id, previewEvent.args.message.cache.token, edgeUrl);
+        }
+        catch (error) {
+            core_1.debug.editing(`Error fetching generated component data from cache for Component: ${previewEvent.uid}`, error);
+            updatedComponent.error = error instanceof Error ? error.message : String(error);
+        }
+    }
+    else {
+        core_1.debug.editing(`No preview event arguments provided for Component: ${previewEvent.uid}`);
+        updatedComponent.error = 'No preview event arguments provided';
+    }
+    (0, utils_1.setCache)(`${editing_1.COMPONENT_PREVIEW_CACHE_KEY_PREFIX}${updatedComponent.uid}`, updatedComponent);
 }

package/dist/cjs/utils.js

@@ -1,7 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getDataFromFields = exports.addClassName = void 0;
-const layout_1 = require("@sitecore-content-sdk/content/layout");
+const layout_1 = require("@sitecore-content-sdk/core/layout");
 /**
  * "class" property will be transformed into or appended to "className" instead.
  * @param {string} otherAttrs all other props included on the image component

package/dist/esm/components/ClientEditingChromesUpdate.js

@@ -1,5 +1,5 @@
 'use client';
-import { isEditorActive, resetEditorChromes } from '@sitecore-content-sdk/content/editing';
+import { isEditorActive, resetEditorChromes } from '@sitecore-content-sdk/core/editing';
 import React, { useEffect } from 'react';
 /**
  * Updates editing chromes in app router / RSC context.

package/dist/esm/components/Date.js

@@ -13,7 +13,7 @@ import React from 'react';
 import { withFieldMetadata } from '../enhancers/withFieldMetadata';
 import { withEmptyFieldEditingComponent } from '../enhancers/withEmptyFieldEditingComponent';
 import { DefaultEmptyFieldEditingComponentText } from './DefaultEmptyFieldEditingComponents';
-import { isFieldValueEmpty } from '@sitecore-content-sdk/content/layout';
+import { isFieldValueEmpty } from '@sitecore-content-sdk/core/layout';
 /**
  * The DateField component.
  * @public

package/dist/esm/components/DesignLibrary/DesignLibrary.js

@@ -2,14 +2,14 @@
 /* eslint-disable jsdoc/require-param */
 /* eslint-disable prefer-const */
 import React, { useEffect, useState } from 'react';
-import { EDITING_COMPONENT_ID, EDITING_COMPONENT_PLACEHOLDER, } from '@sitecore-content-sdk/content/layout';
-import { DesignLibraryStatus, getDesignLibraryStatusEvent, addComponentUpdateHandler, } from '@sitecore-content-sdk/content/editing';
-import * as codegen from '@sitecore-content-sdk/content/codegen';
-import * as editing from '@sitecore-content-sdk/content/editing';
+import { EDITING_COMPONENT_ID, EDITING_COMPONENT_PLACEHOLDER, } from '@sitecore-content-sdk/core/layout';
+import { DesignLibraryStatus, getDesignLibraryStatusEvent, addComponentUpdateHandler, } from '@sitecore-content-sdk/core/editing';
+import * as codegen from '@sitecore-content-sdk/core/codegen';
+import * as editing from '@sitecore-content-sdk/core/editing';
 import { useSitecore } from '../../enhancers/withSitecore';
 import { Placeholder, PlaceholderMetadata } from '../Placeholder';
 import { DesignLibraryErrorBoundary } from './DesignLibraryErrorBoundary';
-import { useLoadImportMap } from '../../enhancers/withLoadImportMap';
+import { withLoadImportMap } from '../../enhancers/withLoadImportMap';
 import { ErrorComponent } from '../ErrorBoundary';
 let { getDesignLibraryImportMapEvent, getDesignLibraryComponentPropsEvent, addComponentPreviewHandler, sendErrorEvent, } = codegen;
 let { postToDesignLibrary } = editing;
@@ -34,10 +34,9 @@ export const __mockDependencies = (mocks) => {
  * @returns {JSX.Element} The preview surface, or `null` when not in Design Library mode.
  * @public
  */
-export const DesignLibrary = () => {
+export const DesignLibrary = withLoadImportMap(({ loadImportMap }) => {
     var _a, _b;
     const { page } = useSitecore();
-    const loadImportMap = useLoadImportMap();
     const route = page.layout.sitecore.route;
     const rendering = (_a = route === null || route === void 0 ? void 0 : route.placeholders[EDITING_COMPONENT_PLACEHOLDER]) === null || _a === void 0 ? void 0 : _a[0];
     const uid = rendering === null || rendering === void 0 ? void 0 : rendering.uid;
@@ -122,4 +121,4 @@ export const DesignLibrary = () => {
     return (React.createElement("main", null, isGeneratedComponentActive ? (React.createElement(DesignLibraryErrorBoundary, { uid: uid, renderKey: renderKey },
         React.createElement(PlaceholderMetadata, { rendering: rendering },
             React.createElement(Component, { fields: propsState.fields, params: propsState.params, key: renderKey })))) : (React.createElement("div", { id: EDITING_COMPONENT_ID }, route && (React.createElement(Placeholder, { name: EDITING_COMPONENT_PLACEHOLDER, rendering: route, key: renderKey }))))));
-};
+});

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { EDITING_COMPONENT_PLACEHOLDER } from '@sitecore-content-sdk/content/layout';
+import { EDITING_COMPONENT_PLACEHOLDER } from '@sitecore-content-sdk/core/layout';
 import { DesignLibraryServer } from './DesignLibraryServer';
 import { DesignLibrary } from './DesignLibrary';
 /**