@sitecore-content-sdk/react 1.5.0-canary.9 → 1.5.1-canary.1

package/dist/cjs/components/ClientEditingChromesUpdate.js

@@ -35,7 +35,7 @@ var __importStar = (this && this.__importStar) || (function () {
 })();
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ClientEditingChromesUpdate = void 0;
-const editing_1 = require("@sitecore-content-sdk/content/editing");
+const editing_1 = require("@sitecore-content-sdk/core/editing");
 const react_1 = __importStar(require("react"));
 /**
  * Updates editing chromes in app router / RSC context.

package/dist/cjs/components/Date.js

@@ -19,7 +19,7 @@ const react_1 = __importDefault(require("react"));
 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");
 /**
  * The DateField component.
  * @public

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

@@ -38,10 +38,10 @@ exports.DesignLibrary = exports.__mockDependencies = void 0;
 /* eslint-disable jsdoc/require-param */
 /* eslint-disable prefer-const */
 const react_1 = __importStar(require("react"));
-const layout_1 = require("@sitecore-content-sdk/content/layout");
-const editing_1 = require("@sitecore-content-sdk/content/editing");
-const codegen = __importStar(require("@sitecore-content-sdk/content/codegen"));
-const editing = __importStar(require("@sitecore-content-sdk/content/editing"));
+const layout_1 = require("@sitecore-content-sdk/core/layout");
+const editing_1 = require("@sitecore-content-sdk/core/editing");
+const codegen = __importStar(require("@sitecore-content-sdk/core/codegen"));
+const editing = __importStar(require("@sitecore-content-sdk/core/editing"));
 const withSitecore_1 = require("../../enhancers/withSitecore");
 const Placeholder_1 = require("../Placeholder");
 const DesignLibraryErrorBoundary_1 = require("./DesignLibraryErrorBoundary");
@@ -71,10 +71,9 @@ exports.__mockDependencies = __mockDependencies;
  * @returns {JSX.Element} The preview surface, or `null` when not in Design Library mode.
  * @public
  */
-const DesignLibrary = () => {
+exports.DesignLibrary = (0, withLoadImportMap_1.withLoadImportMap)(({ loadImportMap }) => {
     var _a, _b;
     const { page } = (0, withSitecore_1.useSitecore)();
-    const loadImportMap = (0, withLoadImportMap_1.useLoadImportMap)();
     const route = page.layout.sitecore.route;
     const rendering = (_a = route === null || route === void 0 ? void 0 : route.placeholders[layout_1.EDITING_COMPONENT_PLACEHOLDER]) === null || _a === void 0 ? void 0 : _a[0];
     const uid = rendering === null || rendering === void 0 ? void 0 : rendering.uid;
@@ -159,5 +158,4 @@ const DesignLibrary = () => {
     return (react_1.default.createElement("main", null, isGeneratedComponentActive ? (react_1.default.createElement(DesignLibraryErrorBoundary_1.DesignLibraryErrorBoundary, { uid: uid, renderKey: renderKey },
         react_1.default.createElement(Placeholder_1.PlaceholderMetadata, { rendering: rendering },
             react_1.default.createElement(Component, { fields: propsState.fields, params: propsState.params, key: renderKey })))) : (react_1.default.createElement("div", { id: layout_1.EDITING_COMPONENT_ID }, route && (react_1.default.createElement(Placeholder_1.Placeholder, { name: layout_1.EDITING_COMPONENT_PLACEHOLDER, rendering: route, key: renderKey }))))));
-};
-exports.DesignLibrary = DesignLibrary;
+});

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

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

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

@@ -36,16 +36,19 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DesignLibraryVariantGenerationEvents = exports.DesignLibraryPreviewEvents = exports.__mockDependencies = void 0;
 const react_1 = __importStar(require("react"));
-const dlHelpers = __importStar(require("@sitecore-content-sdk/content/editing"));
-const codegen = __importStar(require("@sitecore-content-sdk/content/codegen"));
+const dlHelpers = __importStar(require("@sitecore-content-sdk/core/editing"));
+const codegen = __importStar(require("@sitecore-content-sdk/core/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/DesignLibraryErrorBoundary.js

@@ -36,7 +36,7 @@ var __importStar = (this && this.__importStar) || (function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.DesignLibraryErrorBoundary = void 0;
 const react_1 = __importStar(require("react"));
-const codegen_1 = require("@sitecore-content-sdk/content/codegen");
+const codegen_1 = require("@sitecore-content-sdk/core/codegen");
 class DesignLibraryErrorBoundary extends react_1.default.Component {
     constructor() {
         super(...arguments);

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 }));
     };