@sitecore-content-sdk/react 1.5.0-canary.9 → 2.0.0-canary.2

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

@@ -39,13 +39,16 @@ 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 withSitecore_1 = require("../../enhancers/withSitecore");
 let { getDesignLibraryComponentPropsEvent, addServerComponentPreviewHandler, getDesignLibraryImportMapEvent, addStyleElement, sendErrorEvent, } = codegen;
 let { getDesignLibraryStatusEvent, addComponentUpdateHandler, postToDesignLibrary } = dlHelpers;
-let _updateServerComponentAction = update_server_component_action_1.updateServerComponentAction;
+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;
-    _updateServerComponentAction = mocks.updateServerComponentAction;
+    _updateComponentAction = mocks.updateComponentAction;
+    _previewComponentAction = mocks.previewComponentAction;
     addServerComponentPreviewHandler = mocks.addServerComponentPreviewHandler;
     getDesignLibraryImportMapEvent = mocks.getDesignLibraryImportMapEvent;
     getDesignLibraryComponentPropsEvent = mocks.getDesignLibraryComponentPropsEvent;
@@ -64,17 +67,12 @@ const DesignLibraryPreviewEvents = ({ designLibraryStatus, component, }) => {
     (0, react_1.useEffect)(() => {
         if (!(component === null || component === void 0 ? void 0 : component.uid))
             return;
-        postToDesignLibrary(getDesignLibraryStatusEvent(designLibraryStatus, component.uid));
-        const unsubUpdate = addComponentUpdateHandler(component, (updated) => {
-            _updateServerComponentAction({ uid: updated.uid, updatedComponent: updated });
-        });
-        // eslint-disable-next-line no-unused-vars
-        const unsubPreview = addServerComponentPreviewHandler((_eventArgs) => {
-            console.error('Component Library variant generation for server components is temporarily disabled.');
+        postToDesignLibrary(getDesignLibraryStatusEvent(designLibraryStatus, component.uid, true));
+        const unsubUpdate = addComponentUpdateHandler(component, (rendering) => {
+            _updateComponentAction({ uid: rendering.uid, rendering });
         });
         return () => {
             unsubUpdate && unsubUpdate();
-            unsubPreview && unsubPreview();
         };
     }, [component, designLibraryStatus]);
     return react_1.default.createElement(react_1.default.Fragment, null);
@@ -88,41 +86,46 @@ exports.DesignLibraryPreviewEvents = DesignLibraryPreviewEvents;
  * @param {DesignLibraryVariantGenerationEventsProps} props The props. {@link DesignLibraryVariantGenerationEventsProps}
  * @returns {JSX.Element} empty JSX element.
  */
-const DesignLibraryVariantGenerationEvents = ({ designLibraryStatus, component, importMap, importMapError, previewComponentData, }) => {
+const DesignLibraryVariantGenerationEvents = ({ designLibraryStatus, component, importMap, componentInitError, generatedComponentData, }) => {
+    const { api } = (0, withSitecore_1.useSitecore)();
     (0, react_1.useEffect)(() => {
-        var _a, _b;
+        var _a;
         if (!(component === null || component === void 0 ? void 0 : component.uid))
             return;
-        postToDesignLibrary(getDesignLibraryStatusEvent(designLibraryStatus, component.uid));
-        const unsubUpdate = addComponentUpdateHandler(component, (updated) => {
-            _updateServerComponentAction({
-                uid: updated.uid,
-                updatedComponent: updated,
-                previewComponent: previewComponentData,
+        postToDesignLibrary(getDesignLibraryStatusEvent(designLibraryStatus, component.uid, true));
+        const unsubUpdate = addComponentUpdateHandler(component, (rendering) => {
+            _updateComponentAction({
+                uid: rendering.uid,
+                rendering,
+                generatedComponentData,
             });
         });
         const unsubPreview = addServerComponentPreviewHandler((eventArgs) => {
-            _updateServerComponentAction({ uid: component.uid, previewComponent: eventArgs });
+            var _a;
+            _previewComponentAction({
+                uid: component.uid,
+                args: eventArgs,
+            }, (_a = api === null || api === void 0 ? void 0 : api.edge) === null || _a === void 0 ? void 0 : _a.edgeUrl);
         });
-        if (importMapError) {
-            // an import map error occurred on the server side in DesignLibraryServer, post error event to Design Studio
-            sendErrorEvent(component.uid, importMapError, codegen.DesignLibraryPreviewError.RenderInit);
+        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 ((_b = (_a = previewComponentData === null || previewComponentData === void 0 ? void 0 : previewComponentData.message) === null || _a === void 0 ? void 0 : _a.styles) === null || _b === void 0 ? void 0 : _b.content) {
+            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(previewComponentData.message.styles.content);
+                addStyleElement(generatedComponentData.styles.content);
             }
         }
         return () => {
             unsubUpdate && unsubUpdate();
             unsubPreview && unsubPreview();
         };
-    }, [component, designLibraryStatus, importMap, importMapError, previewComponentData]);
+    }, [component, designLibraryStatus, importMap, componentInitError, generatedComponentData]);
     return react_1.default.createElement(react_1.default.Fragment, null);
 };
 exports.DesignLibraryVariantGenerationEvents = DesignLibraryVariantGenerationEvents;

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

@@ -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/server-actions/update-server-component-action.js

@@ -1,18 +1,51 @@
 "use strict";
 'use server';
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.updateServerComponentAction = updateServerComponentAction;
+exports.updateComponentAction = updateComponentAction;
+exports.previewComponentAction = previewComponentAction;
 const content_1 = require("@sitecore-content-sdk/content");
+const codegen_1 = require("@sitecore-content-sdk/content/codegen");
 const tools_1 = require("@sitecore-content-sdk/core/tools");
 const editing_1 = require("@sitecore-content-sdk/content/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) {
+    content_1.debug.editing(`Updating server component cache for Update Component: ${updatedComponent.uid}`);
+    (0, tools_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) {
+    content_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) {
+            content_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 {
+        content_1.debug.editing(`No preview event arguments provided for Component: ${previewEvent.uid}`);
+        updatedComponent.error = 'No preview event arguments provided';
+    }
+    (0, tools_1.setCache)(`${editing_1.COMPONENT_PREVIEW_CACHE_KEY_PREFIX}${updatedComponent.uid}`, updatedComponent);
 }

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

@@ -2,14 +2,17 @@
 import React, { useEffect } from 'react';
 import * as dlHelpers from '@sitecore-content-sdk/content/editing';
 import * as codegen from '@sitecore-content-sdk/content/codegen';
-import { updateServerComponentAction } from '../../server-actions/update-server-component-action';
+import { updateComponentAction, previewComponentAction, } from '../../server-actions/update-server-component-action';
+import { useSitecore } from '../../enhancers/withSitecore';
 let { getDesignLibraryComponentPropsEvent, addServerComponentPreviewHandler, getDesignLibraryImportMapEvent, addStyleElement, sendErrorEvent, } = codegen;
 let { getDesignLibraryStatusEvent, addComponentUpdateHandler, postToDesignLibrary } = dlHelpers;
-let _updateServerComponentAction = updateServerComponentAction;
+let _updateComponentAction = updateComponentAction;
+let _previewComponentAction = previewComponentAction;
 export const __mockDependencies = (mocks) => {
     postToDesignLibrary = mocks.postToDesignLibrary;
     addComponentUpdateHandler = mocks.addComponentUpdateHandler;
-    _updateServerComponentAction = mocks.updateServerComponentAction;
+    _updateComponentAction = mocks.updateComponentAction;
+    _previewComponentAction = mocks.previewComponentAction;
     addServerComponentPreviewHandler = mocks.addServerComponentPreviewHandler;
     getDesignLibraryImportMapEvent = mocks.getDesignLibraryImportMapEvent;
     getDesignLibraryComponentPropsEvent = mocks.getDesignLibraryComponentPropsEvent;
@@ -27,17 +30,12 @@ export const DesignLibraryPreviewEvents = ({ designLibraryStatus, component, })
     useEffect(() => {
         if (!(component === null || component === void 0 ? void 0 : component.uid))
             return;
-        postToDesignLibrary(getDesignLibraryStatusEvent(designLibraryStatus, component.uid));
-        const unsubUpdate = addComponentUpdateHandler(component, (updated) => {
-            _updateServerComponentAction({ uid: updated.uid, updatedComponent: updated });
-        });
-        // eslint-disable-next-line no-unused-vars
-        const unsubPreview = addServerComponentPreviewHandler((_eventArgs) => {
-            console.error('Component Library variant generation for server components is temporarily disabled.');
+        postToDesignLibrary(getDesignLibraryStatusEvent(designLibraryStatus, component.uid, true));
+        const unsubUpdate = addComponentUpdateHandler(component, (rendering) => {
+            _updateComponentAction({ uid: rendering.uid, rendering });
         });
         return () => {
             unsubUpdate && unsubUpdate();
-            unsubPreview && unsubPreview();
         };
     }, [component, designLibraryStatus]);
     return React.createElement(React.Fragment, null);
@@ -50,40 +48,45 @@ export const DesignLibraryPreviewEvents = ({ designLibraryStatus, component, })
  * @param {DesignLibraryVariantGenerationEventsProps} props The props. {@link DesignLibraryVariantGenerationEventsProps}
  * @returns {JSX.Element} empty JSX element.
  */
-export const DesignLibraryVariantGenerationEvents = ({ designLibraryStatus, component, importMap, importMapError, previewComponentData, }) => {
+export const DesignLibraryVariantGenerationEvents = ({ designLibraryStatus, component, importMap, componentInitError, generatedComponentData, }) => {
+    const { api } = useSitecore();
     useEffect(() => {
-        var _a, _b;
+        var _a;
         if (!(component === null || component === void 0 ? void 0 : component.uid))
             return;
-        postToDesignLibrary(getDesignLibraryStatusEvent(designLibraryStatus, component.uid));
-        const unsubUpdate = addComponentUpdateHandler(component, (updated) => {
-            _updateServerComponentAction({
-                uid: updated.uid,
-                updatedComponent: updated,
-                previewComponent: previewComponentData,
+        postToDesignLibrary(getDesignLibraryStatusEvent(designLibraryStatus, component.uid, true));
+        const unsubUpdate = addComponentUpdateHandler(component, (rendering) => {
+            _updateComponentAction({
+                uid: rendering.uid,
+                rendering,
+                generatedComponentData,
             });
         });
         const unsubPreview = addServerComponentPreviewHandler((eventArgs) => {
-            _updateServerComponentAction({ uid: component.uid, previewComponent: eventArgs });
+            var _a;
+            _previewComponentAction({
+                uid: component.uid,
+                args: eventArgs,
+            }, (_a = api === null || api === void 0 ? void 0 : api.edge) === null || _a === void 0 ? void 0 : _a.edgeUrl);
         });
-        if (importMapError) {
-            // an import map error occurred on the server side in DesignLibraryServer, post error event to Design Studio
-            sendErrorEvent(component.uid, importMapError, codegen.DesignLibraryPreviewError.RenderInit);
+        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 ((_b = (_a = previewComponentData === null || previewComponentData === void 0 ? void 0 : previewComponentData.message) === null || _a === void 0 ? void 0 : _a.styles) === null || _b === void 0 ? void 0 : _b.content) {
+            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(previewComponentData.message.styles.content);
+                addStyleElement(generatedComponentData.styles.content);
             }
         }
         return () => {
             unsubUpdate && unsubUpdate();
             unsubPreview && unsubPreview();
         };
-    }, [component, designLibraryStatus, importMap, importMapError, previewComponentData]);
+    }, [component, designLibraryStatus, importMap, componentInitError, generatedComponentData]);
     return React.createElement(React.Fragment, null);
 };

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

@@ -3,7 +3,7 @@ import React from 'react';
 import { EDITING_COMPONENT_PLACEHOLDER } from '@sitecore-content-sdk/content/layout';
 import { DesignLibraryPreviewEvents, DesignLibraryVariantGenerationEvents, } from './DesignLibraryClientEvents';
 import * as globalCache from '@sitecore-content-sdk/core/tools';
-import { DesignLibraryStatus, COMPONENT_UPDATE_CACHE_KEY_PREFIX, updateComponent as updateComponentOriginal, } from '@sitecore-content-sdk/content/editing';
+import { DesignLibraryStatus, COMPONENT_UPDATE_CACHE_KEY_PREFIX, COMPONENT_PREVIEW_CACHE_KEY_PREFIX, updateComponent as updateComponentOriginal, } from '@sitecore-content-sdk/content/editing';
 import * as codegen from '@sitecore-content-sdk/content/codegen';
 import { AppPlaceholder, PlaceholderMetadata } from '../Placeholder';
 import { DesignLibraryErrorBoundary } from './DesignLibraryErrorBoundary';
@@ -39,9 +39,7 @@ export const DesignLibraryServer = async ({ page, componentMap, rendering, loadS
         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.createElement(DesignLibraryServerVariantGeneration, { page: page, rendering: rendering, loadServerImportMap: loadServerImportMap, componentMap: componentMap }));
     }
     return (React.createElement(DesignLibraryServerPreview, { page: page, rendering: rendering, componentMap: componentMap }));
@@ -62,12 +60,12 @@ export const DesignLibraryServerVariantGeneration = async ({ page, rendering, lo
     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 {
@@ -76,7 +74,7 @@ export const DesignLibraryServerVariantGeneration = async ({ page, rendering, lo
             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[EDITING_COMPONENT_PLACEHOLDER]) === null || _b === void 0 ? void 0 : _b[0];
@@ -86,24 +84,43 @@ export const DesignLibraryServerVariantGeneration = async ({ page, rendering, lo
         return React.createElement(ErrorComponent, { message: "Rendering UID is missing in the rendering data" });
     const uid = componentToUpdate.uid;
     const componentUpdateKey = `${COMPONENT_UPDATE_CACHE_KEY_PREFIX}${uid}`;
+    const componentPreviewKey = `${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 = 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 = 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();
             }
         }
     }
@@ -113,7 +130,7 @@ export const DesignLibraryServerVariantGeneration = async ({ page, rendering, lo
                 React.createElement(Component, { fields: componentToUpdate.fields, params: componentToUpdate.params, key: Date.now() })))) : (React.createElement(AppPlaceholder, { name: EDITING_COMPONENT_PLACEHOLDER, page: page, rendering: rendering, componentMap: componentMap, key: Date.now() })),
         React.createElement(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 })));
 };
 /**
  * Design Library component for rendering server components in app router application when variant generation is not enabled.
@@ -140,12 +157,12 @@ export const DesignLibraryServerPreview = async ({ page, rendering, componentMap
         designLibraryStatus = 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.createElement(React.Fragment, null,
-        React.createElement(AppPlaceholder, { name: EDITING_COMPONENT_PLACEHOLDER, page: page, rendering: rendering, componentMap: componentMap }),
+        React.createElement(AppPlaceholder, { name: EDITING_COMPONENT_PLACEHOLDER, page: page, rendering: rendering, componentMap: componentMap, key: Date.now() }),
         React.createElement(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/esm/server-actions/update-server-component-action.js

@@ -1,15 +1,47 @@
 'use server';
 import { debug } from '@sitecore-content-sdk/content';
+import { fetchGeneratedComponentFromCache, } from '@sitecore-content-sdk/content/codegen';
 import { setCache } from '@sitecore-content-sdk/core/tools';
-import { COMPONENT_UPDATE_CACHE_KEY_PREFIX } from '@sitecore-content-sdk/content/editing';
+import { COMPONENT_UPDATE_CACHE_KEY_PREFIX, COMPONENT_PREVIEW_CACHE_KEY_PREFIX, } from '@sitecore-content-sdk/content/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.
  */
-export async function updateServerComponentAction(componentUpdate) {
-    debug.editing(`Updating server component cache for Component: ${componentUpdate.uid}`);
-    setCache(`${COMPONENT_UPDATE_CACHE_KEY_PREFIX}${componentUpdate.uid}`, componentUpdate);
+export async function updateComponentAction(updatedComponent) {
+    debug.editing(`Updating server component cache for Update Component: ${updatedComponent.uid}`);
+    setCache(`${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.
+ */
+export async function previewComponentAction(previewEvent, edgeUrl) {
+    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 fetchGeneratedComponentFromCache(previewEvent.args.message.cache.id, previewEvent.args.message.cache.token, edgeUrl);
+        }
+        catch (error) {
+            debug.editing(`Error fetching generated component data from cache for Component: ${previewEvent.uid}`, error);
+            updatedComponent.error = error instanceof Error ? error.message : String(error);
+        }
+    }
+    else {
+        debug.editing(`No preview event arguments provided for Component: ${previewEvent.uid}`);
+        updatedComponent.error = 'No preview event arguments provided';
+    }
+    setCache(`${COMPONENT_PREVIEW_CACHE_KEY_PREFIX}${updatedComponent.uid}`, updatedComponent);
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sitecore-content-sdk/react",
-  "version": "1.5.0-canary.9",
+  "version": "2.0.0-canary.2",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "sideEffects": false,
@@ -76,14 +76,14 @@
     "react-dom": "^19.2.1"
   },
   "dependencies": {
-    "@sitecore-content-sdk/content": "1.5.0-canary.9",
-    "@sitecore-content-sdk/core": "1.5.0-canary.9",
-    "@sitecore-content-sdk/search": "0.2.0-canary.9",
+    "@sitecore-content-sdk/content": "2.0.0-canary.2",
+    "@sitecore-content-sdk/core": "2.0.0-canary.2",
+    "@sitecore-content-sdk/search": "0.2.0-canary.12",
     "fast-deep-equal": "^3.1.3"
   },
   "description": "",
   "types": "types/index.d.ts",
-  "gitHead": "1ee268ebf45cb5138f525201290568370e004241",
+  "gitHead": "fb5a8d3373cf15bbb9dcc2312b80825fe7d82ac8",
   "files": [
     "dist",
     "types",

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

@@ -17,5 +17,5 @@ export declare const DesignLibraryPreviewEvents: ({ designLibraryStatus, compone
  * @param {DesignLibraryVariantGenerationEventsProps} props The props. {@link DesignLibraryVariantGenerationEventsProps}
  * @returns {JSX.Element} empty JSX element.
  */
-export declare const DesignLibraryVariantGenerationEvents: ({ designLibraryStatus, component, importMap, importMapError, previewComponentData, }: DesignLibraryVariantGenerationEventsProps) => React.JSX.Element;
+export declare const DesignLibraryVariantGenerationEvents: ({ designLibraryStatus, component, importMap, componentInitError, generatedComponentData, }: DesignLibraryVariantGenerationEventsProps) => React.JSX.Element;
 //# sourceMappingURL=DesignLibraryClientEvents.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"DesignLibraryClientEvents.d.ts","sourceRoot":"","sources":["../../../src/components/DesignLibrary/DesignLibraryClientEvents.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAIzC,OAAO,EACL,+BAA+B,EAC/B,yCAAyC,EAC1C,MAAM,UAAU,CAAC;AAYlB,eAAO,MAAM,kBAAkB,GAAI,OAAO,GAAG,SAS5C,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,0BAA0B,GAAI,qCAGxC,+BAA+B,sBAwBjC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,oCAAoC,GAAI,sFAMlD,yCAAyC,sBA6C3C,CAAC"}
+{"version":3,"file":"DesignLibraryClientEvents.d.ts","sourceRoot":"","sources":["../../../src/components/DesignLibrary/DesignLibraryClientEvents.tsx"],"names":[],"mappings":"AACA,OAAO,KAAoB,MAAM,OAAO,CAAC;AAOzC,OAAO,EACL,+BAA+B,EAC/B,yCAAyC,EAC1C,MAAM,UAAU,CAAC;AAclB,eAAO,MAAM,kBAAkB,GAAI,OAAO,GAAG,SAU5C,CAAC;AAEF;;;;;;GAMG;AACH,eAAO,MAAM,0BAA0B,GAAI,qCAGxC,+BAA+B,sBAgBjC,CAAC;AAEF;;;;;;;GAOG;AACH,eAAO,MAAM,oCAAoC,GAAI,4FAMlD,yCAAyC,sBAyD3C,CAAC"}

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

@@ -1 +1 @@
-{"version":3,"file":"DesignLibraryServer.d.ts","sourceRoot":"","sources":["../../../src/components/DesignLibrary/DesignLibraryServer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAiB1B,OAAO,EAEL,wBAAwB,EACxB,+BAA+B,EAC/B,yCAAyC,EAC1C,MAAM,UAAU,CAAC;AAOlB,eAAO,MAAM,kBAAkB,GAAU,OAAO,GAAG,kBAUlD,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,mBAAmB,GAAU,yDAKvC,wBAAwB,sCAuB1B,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,oCAAoC,GAAU,yDAKxD,yCAAyC,+BA4F3C,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,0BAA0B,GAAU,oCAI9C,+BAA+B,+BAyCjC,CAAC"}
+{"version":3,"file":"DesignLibraryServer.d.ts","sourceRoot":"","sources":["../../../src/components/DesignLibrary/DesignLibraryServer.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,MAAM,OAAO,CAAC;AAoB1B,OAAO,EAEL,wBAAwB,EACxB,+BAA+B,EAC/B,yCAAyC,EAC1C,MAAM,UAAU,CAAC;AAOlB,eAAO,MAAM,kBAAkB,GAAU,OAAO,GAAG,kBAUlD,CAAC;AAEF;;;;;;;;;;GAUG;AACH,eAAO,MAAM,mBAAmB,GAAU,yDAKvC,wBAAwB,sCAoB1B,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,oCAAoC,GAAU,yDAKxD,yCAAyC,+BA6G3C,CAAC;AAEF;;;;;;;;;GASG;AACH,eAAO,MAAM,0BAA0B,GAAU,oCAI9C,+BAA+B,+BAsCjC,CAAC"}

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

@@ -1,8 +1,7 @@
-import { ImportEntry, ImportEntryInfo } from '@sitecore-content-sdk/content/codegen';
+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 { ComponentPreviewEventArgs } from '@sitecore-content-sdk/content/codegen';
 import { ComponentMap } from '../sharedTypes';
 export type ImportMapImport = {
     default: ImportEntry[];
@@ -49,12 +48,15 @@ export type DesignLibraryVariantGenerationEventsProps = DesignLibraryPreviewEven
      */
     importMap?: ImportEntryInfo[];
     /**
-     * Any error that occurred while loading the import map to be posted as a message to the Design Studio.
+     * 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
      */
-    importMapError?: string;
+    componentInitError?: string;
     /**
-     * The preview component data received from design library.
+     * The generated component data received from design library.
      */
-    previewComponentData?: ComponentPreviewEventArgs;
+    generatedComponentData?: GeneratedComponentData;
 };
 //# 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,EAAE,WAAW,EAAE,eAAe,EAAE,MAAM,uCAAuC,CAAC;AACrF,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,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAClF,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;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;;OAEG;IACH,oBAAoB,CAAC,EAAE,yBAAyB,CAAC;CAClD,CAAC"}
+{"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"}

package/types/server-actions/update-server-component-action.d.ts

@@ -1,5 +1,5 @@
 import { ComponentRendering } from '@sitecore-content-sdk/content/layout';
-import { ComponentPreviewEventArgs } from '@sitecore-content-sdk/content/codegen';
+import { ServerComponentPreviewEventArgs, GeneratedComponentData } from '@sitecore-content-sdk/content/codegen';
 export type ComponentUpdateModel = {
     /**
      * Unique identifier of the component being updated.
@@ -8,18 +8,51 @@ export type ComponentUpdateModel = {
     /**
      * The updated component rendering data.
      */
-    updatedComponent?: ComponentRendering;
+    rendering?: ComponentRendering;
+    /**
+     * The data needed for generated component to be rendered on the server. Required if update event is coming for a generated component in variant generation mode.
+     */
+    generatedComponentData?: GeneratedComponentData;
+};
+export type ComponentPreviewModel = {
+    /**
+     * Unique identifier of the component being updated.
+     */
+    uid: string;
+    /**
+     * The data needed for generated component to be rendered on the server
+     */
+    generatedComponentData?: GeneratedComponentData;
+    /**
+     * Error message in case fetching generated component data from secured cache endpoint fails.
+     */
+    error?: string;
+};
+export type PreviewEventModel = {
+    /**
+     * Unique identifier of the component being updated.
+     */
+    uid: string;
     /**
      * The preview component event arguments in variant generation mode.
      */
-    previewComponent?: ComponentPreviewEventArgs;
+    args: ServerComponentPreviewEventArgs;
 };
 /**
  * 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.
+ */
+export declare function updateComponentAction(updatedComponent: ComponentUpdateModel): Promise<void>;
+/**
+ * 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.
  */
-export declare function updateServerComponentAction(componentUpdate: ComponentUpdateModel): Promise<void>;
+export declare function previewComponentAction(previewEvent: PreviewEventModel, edgeUrl?: string): Promise<void>;
 //# sourceMappingURL=update-server-component-action.d.ts.map

package/types/server-actions/update-server-component-action.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"update-server-component-action.d.ts","sourceRoot":"","sources":["../../src/server-actions/update-server-component-action.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EAAE,yBAAyB,EAAE,MAAM,uCAAuC,CAAC;AAIlF,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,gBAAgB,CAAC,EAAE,kBAAkB,CAAC;IACtC;;OAEG;IACH,gBAAgB,CAAC,EAAE,yBAAyB,CAAC;CAC9C,CAAC;AAEF;;;;;;GAMG;AACH,wBAAsB,2BAA2B,CAC/C,eAAe,EAAE,oBAAoB,GACpC,OAAO,CAAC,IAAI,CAAC,CAGf"}
+{"version":3,"file":"update-server-component-action.d.ts","sourceRoot":"","sources":["../../src/server-actions/update-server-component-action.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sCAAsC,CAAC;AAC1E,OAAO,EACL,+BAA+B,EAC/B,sBAAsB,EAEvB,MAAM,uCAAuC,CAAC;AAO/C,MAAM,MAAM,oBAAoB,GAAG;IACjC;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,SAAS,CAAC,EAAE,kBAAkB,CAAC;IAC/B;;OAEG;IACH,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;CACjD,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG;IAClC;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,sBAAsB,CAAC,EAAE,sBAAsB,CAAC;IAChD;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AAEF,MAAM,MAAM,iBAAiB,GAAG;IAC9B;;OAEG;IACH,GAAG,EAAE,MAAM,CAAC;IACZ;;OAEG;IACH,IAAI,EAAE,+BAA+B,CAAC;CACvC,CAAC;AAEF;;;;;;GAMG;AACH,wBAAsB,qBAAqB,CAAC,gBAAgB,EAAE,oBAAoB,GAAG,OAAO,CAAC,IAAI,CAAC,CAGjG;AAED;;;;;;;GAOG;AACH,wBAAsB,sBAAsB,CAC1C,YAAY,EAAE,iBAAiB,EAC/B,OAAO,CAAC,EAAE,MAAM,GACf,OAAO,CAAC,IAAI,CAAC,CA8Bf"}