@sitecore-content-sdk/react 1.5.0-canary.10 → 1.5.0-canary.13

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,8 +36,8 @@ 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;

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

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 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");
+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.
@@ -15,8 +15,8 @@ const editing_1 = require("@sitecore-content-sdk/content/editing");
  * @returns A Promise that resolves when the cache has been updated.
  */
 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);
+    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
@@ -27,7 +27,7 @@ async function updateComponentAction(updatedComponent) {
  * @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}`);
+    core_1.debug.editing(`Updating server component cache for Preview Component: ${previewEvent.uid}`);
     const updatedComponent = {
         uid: previewEvent.uid,
         generatedComponentData: undefined,
@@ -39,13 +39,13 @@ async function previewComponentAction(previewEvent, edgeUrl) {
             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);
+            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 {
-        content_1.debug.editing(`No preview event arguments provided for Component: ${previewEvent.uid}`);
+        core_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);
+    (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';
 /**

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

@@ -1,7 +1,7 @@
 'use client';
 import React, { useEffect } from 'react';
-import * as dlHelpers from '@sitecore-content-sdk/content/editing';
-import * as codegen from '@sitecore-content-sdk/content/codegen';
+import * as dlHelpers from '@sitecore-content-sdk/core/editing';
+import * as codegen from '@sitecore-content-sdk/core/codegen';
 import { updateComponentAction, previewComponentAction, } from '../../server-actions/update-server-component-action';
 import { useSitecore } from '../../enhancers/withSitecore';
 let { getDesignLibraryComponentPropsEvent, addServerComponentPreviewHandler, getDesignLibraryImportMapEvent, addStyleElement, sendErrorEvent, } = codegen;

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

@@ -1,6 +1,6 @@
 'use client';
 import React, { Suspense } from 'react';
-import { DesignLibraryPreviewError, sendErrorEvent } from '@sitecore-content-sdk/content/codegen';
+import { DesignLibraryPreviewError, sendErrorEvent } from '@sitecore-content-sdk/core/codegen';
 export class DesignLibraryErrorBoundary extends React.Component {
     constructor() {
         super(...arguments);

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

@@ -1,10 +1,10 @@
 'use server';
 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 { DesignLibraryPreviewEvents, DesignLibraryVariantGenerationEvents, } from './DesignLibraryClientEvents';
-import * as globalCache from '@sitecore-content-sdk/core/tools';
-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 * as globalCache from '@sitecore-content-sdk/core/utils';
+import { DesignLibraryStatus, COMPONENT_UPDATE_CACHE_KEY_PREFIX, COMPONENT_PREVIEW_CACHE_KEY_PREFIX, updateComponent as updateComponentOriginal, } from '@sitecore-content-sdk/core/editing';
+import * as codegen from '@sitecore-content-sdk/core/codegen';
 import { AppPlaceholder, PlaceholderMetadata } from '../Placeholder';
 import { DesignLibraryErrorBoundary } from './DesignLibraryErrorBoundary';
 import { ErrorComponent } from '../ErrorBoundary';

package/dist/esm/components/EditingScripts.js

@@ -1,7 +1,8 @@
 'use client';
 import React from 'react';
 import { useSitecore } from '../enhancers/withSitecore';
-import { getContentSdkPagesClientData, getDesignLibraryScriptLink } from '@sitecore-content-sdk/content/editing';
+import { getContentSdkPagesClientData } from '@sitecore-content-sdk/core/editing';
+import { getDesignLibraryScriptLink } from '@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).