@sitecore-content-sdk/core 1.3.0-canary.9 → 1.4.0-canary.2

package/dist/cjs/editing/models.js

@@ -1,38 +1,44 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.DesignLibraryVariantGeneration = exports.DesignLibraryMode = exports.MetadataKind = exports.LayoutKind = void 0;
-/**
- * Represents the Editing Layout variant.
- * - shared - shared layout
- * - final - final layout
- */
-var LayoutKind;
-(function (LayoutKind) {
-    LayoutKind["Final"] = "final";
-    LayoutKind["Shared"] = "shared";
-})(LayoutKind || (exports.LayoutKind = LayoutKind = {}));
-/**
- * Represents the kind of metadata element.
- * - open - starting chrome element
- * - close - closing chrome element
- */
-var MetadataKind;
-(function (MetadataKind) {
-    MetadataKind["Open"] = "open";
-    MetadataKind["Close"] = "close";
-})(MetadataKind || (exports.MetadataKind = MetadataKind = {}));
-/** Represents the mode of the Design Library */
-var DesignLibraryMode;
-(function (DesignLibraryMode) {
-    /** Normal mode */
-    DesignLibraryMode["Normal"] = "library";
-    /** Metadata mode */
-    DesignLibraryMode["Metadata"] = "library-metadata";
-})(DesignLibraryMode || (exports.DesignLibraryMode = DesignLibraryMode = {}));
-/**
- * Variant generation mode for Design Library
- */
-var DesignLibraryVariantGeneration;
-(function (DesignLibraryVariantGeneration) {
-    DesignLibraryVariantGeneration["Variant"] = "variant";
-})(DesignLibraryVariantGeneration || (exports.DesignLibraryVariantGeneration = DesignLibraryVariantGeneration = {}));
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DesignLibraryVariantGeneration = exports.DesignLibraryMode = exports.MetadataKind = exports.LayoutKind = void 0;
+/**
+ * Represents the Editing Layout variant.
+ * - shared - shared layout
+ * - final - final layout
+ * @public
+ */
+var LayoutKind;
+(function (LayoutKind) {
+    LayoutKind["Final"] = "final";
+    LayoutKind["Shared"] = "shared";
+})(LayoutKind || (exports.LayoutKind = LayoutKind = {}));
+/**
+ * Represents the kind of metadata element.
+ * - open - starting chrome element
+ * - close - closing chrome element
+ * @internal
+ */
+var MetadataKind;
+(function (MetadataKind) {
+    MetadataKind["Open"] = "open";
+    MetadataKind["Close"] = "close";
+})(MetadataKind || (exports.MetadataKind = MetadataKind = {}));
+/**
+ * Represents the mode of the Design Library
+ * @public
+ */
+var DesignLibraryMode;
+(function (DesignLibraryMode) {
+    /** Normal mode */
+    DesignLibraryMode["Normal"] = "library";
+    /** Metadata mode */
+    DesignLibraryMode["Metadata"] = "library-metadata";
+})(DesignLibraryMode || (exports.DesignLibraryMode = DesignLibraryMode = {}));
+/**
+ * Variant generation mode for Design Library
+ * @public
+ */
+var DesignLibraryVariantGeneration;
+(function (DesignLibraryVariantGeneration) {
+    DesignLibraryVariantGeneration["Variant"] = "variant";
+})(DesignLibraryVariantGeneration || (exports.DesignLibraryVariantGeneration = DesignLibraryVariantGeneration = {}));

package/dist/cjs/editing/utils.js

@@ -1,90 +1,108 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getContentSdkPagesClientData = exports.resetEditorChromes = exports.isEditorActive = exports.PagesEditor = exports.ChromeRediscoveryGlobalFunctionName = exports.EDITING_ALLOWED_ORIGINS = exports.PAGES_EDITING_MARKER = exports.PREVIEW_KEY = exports.QUERY_PARAM_EDITING_SECRET = exports.DEFAULT_PLACEHOLDER_UID = void 0;
-const is_server_1 = __importDefault(require("../utils/is-server"));
-/**
- * Default value of uid for root placeholder when uid is not present.
- */
-exports.DEFAULT_PLACEHOLDER_UID = '00000000-0000-0000-0000-000000000000';
-/**
- * Query parameter for editing secret
- */
-exports.QUERY_PARAM_EDITING_SECRET = 'secret';
-/**
- * Key to identify whether the app is running in Sitecore Preview mode
- */
-exports.PREVIEW_KEY = 'sc_preview';
-/**
- * ID to be used as a marker for a script rendered in XMC Pages
- * Should identify app is in XM Cloud Pages editing mode
- */
-exports.PAGES_EDITING_MARKER = 'jss-hrz-editing';
-/**
- * Default allowed origins for editing requests. This is used to enforce CORS, CSP headers.
- */
-exports.EDITING_ALLOWED_ORIGINS = ['https://pages.sitecorecloud.io'];
-/**
- * Copy of chrome rediscovery contract from Horizon (chrome-rediscovery.contract.ts)
- */
-exports.ChromeRediscoveryGlobalFunctionName = {
-    name: 'Sitecore.Horizon.ResetChromes',
-};
-/**
- * Static utility class for Sitecore Pages Editor
- */
-class PagesEditor {
-    /**
-     * Determines whether the current execution context is within a Pages Editor.
-     * Pages Editor environment can be identified only in the browser
-     * @returns true if executing within a Pages Editor
-     */
-    static isActive() {
-        if ((0, is_server_1.default)()) {
-            return false;
-        }
-        // Check for Chromes mode
-        const chromesCheck = window.location.search.indexOf('sc_headless_mode=edit') > -1;
-        // Content SDK will render a content-sdk-exclusive script element in Metadata mode to indicate edit mode in Pages
-        return chromesCheck || !!window.document.getElementById(exports.PAGES_EDITING_MARKER);
-    }
-    static resetChromes() {
-        if ((0, is_server_1.default)()) {
-            return;
-        }
-        // Reset chromes in Pages
-        window[exports.ChromeRediscoveryGlobalFunctionName.name] &&
-            window[exports.ChromeRediscoveryGlobalFunctionName.name]();
-    }
-}
-exports.PagesEditor = PagesEditor;
-/**
- * Determines whether the current execution context is within a Sitecore editor.
- * Sitecore Editor environment can be identified only in the browser
- * @returns true if executing within a Sitecore editor
- */
-const isEditorActive = () => {
-    return PagesEditor.isActive();
-};
-exports.isEditorActive = isEditorActive;
-/**
- * Resets Sitecore editor "chromes"
- */
-const resetEditorChromes = () => {
-    if (PagesEditor.isActive()) {
-        PagesEditor.resetChromes();
-    }
-};
-exports.resetEditorChromes = resetEditorChromes;
-/**
- * Gets extra Content SDK clientData scripts to render in XMC Pages in addition to clientData from Pages itself
- * @returns {Record} collection of clientData
- */
-const getContentSdkPagesClientData = () => {
-    const clientData = {};
-    clientData[exports.PAGES_EDITING_MARKER] = {};
-    return clientData;
-};
-exports.getContentSdkPagesClientData = getContentSdkPagesClientData;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getContentSdkPagesClientData = exports.resetEditorChromes = exports.isEditorActive = exports.PagesEditor = exports.ChromeRediscoveryGlobalFunctionName = exports.EDITING_ALLOWED_ORIGINS = exports.PAGES_EDITING_MARKER = exports.PREVIEW_KEY = exports.INVALID_SECRET_HTML_MESSAGE = exports.QUERY_PARAM_EDITING_SECRET = exports.DEFAULT_PLACEHOLDER_UID = void 0;
+const is_server_1 = __importDefault(require("../utils/is-server"));
+/**
+ * Default value of uid for root placeholder when uid is not present.
+ * @internal
+ */
+exports.DEFAULT_PLACEHOLDER_UID = '00000000-0000-0000-0000-000000000000';
+/**
+ * Query parameter for editing secret
+ * @internal
+ */
+exports.QUERY_PARAM_EDITING_SECRET = 'secret';
+/**
+ * HTML returned for invalid or missing secret
+ * @internal
+ */
+exports.INVALID_SECRET_HTML_MESSAGE = '<html><body>Missing or invalid secret</body></html>';
+/**
+ * Key to identify whether the app is running in Sitecore Preview mode
+ * @internal
+ */
+exports.PREVIEW_KEY = 'sc_preview';
+/**
+ * ID to be used as a marker for a script rendered in XMC Pages
+ * Should identify app is in XM Cloud Pages editing mode
+ * @internal
+ */
+exports.PAGES_EDITING_MARKER = 'jss-hrz-editing';
+/**
+ * Default allowed origins for editing requests. This is used to enforce CORS, CSP headers.
+ * @internal
+ */
+exports.EDITING_ALLOWED_ORIGINS = [
+    'https://pages.sitecorecloud.io',
+    'https://xmapps.sitecorecloud.io',
+    'https://designlibrary.sitecorecloud.io',
+];
+/**
+ * Copy of chrome rediscovery contract from Horizon (chrome-rediscovery.contract.ts)
+ */
+exports.ChromeRediscoveryGlobalFunctionName = {
+    name: 'Sitecore.Horizon.ResetChromes',
+};
+/**
+ * Static utility class for Sitecore Pages Editor
+ * @public
+ */
+class PagesEditor {
+    /**
+     * Determines whether the current execution context is within a Pages Editor.
+     * Pages Editor environment can be identified only in the browser
+     * @returns true if executing within a Pages Editor
+     */
+    static isActive() {
+        if ((0, is_server_1.default)()) {
+            return false;
+        }
+        // Check for Chromes mode
+        const chromesCheck = window.location.search.indexOf('sc_headless_mode=edit') > -1;
+        // Content SDK will render a content-sdk-exclusive script element in Metadata mode to indicate edit mode in Pages
+        return chromesCheck || !!window.document.getElementById(exports.PAGES_EDITING_MARKER);
+    }
+    static resetChromes() {
+        if ((0, is_server_1.default)()) {
+            return;
+        }
+        // Reset chromes in Pages
+        window[exports.ChromeRediscoveryGlobalFunctionName.name] &&
+            window[exports.ChromeRediscoveryGlobalFunctionName.name]();
+    }
+}
+exports.PagesEditor = PagesEditor;
+/**
+ * Determines whether the current execution context is within a Sitecore editor.
+ * Sitecore Editor environment can be identified only in the browser
+ * @returns true if executing within a Sitecore editor
+ * @public
+ */
+const isEditorActive = () => {
+    return PagesEditor.isActive();
+};
+exports.isEditorActive = isEditorActive;
+/**
+ * Resets Sitecore editor "chromes"
+ * @public
+ */
+const resetEditorChromes = () => {
+    if (PagesEditor.isActive()) {
+        PagesEditor.resetChromes();
+    }
+};
+exports.resetEditorChromes = resetEditorChromes;
+/**
+ * Gets extra Content SDK clientData scripts to render in XMC Pages in addition to clientData from Pages itself
+ * @returns {Record} collection of clientData
+ * @internal
+ */
+const getContentSdkPagesClientData = () => {
+    const clientData = {};
+    clientData[exports.PAGES_EDITING_MARKER] = {};
+    return clientData;
+};
+exports.getContentSdkPagesClientData = getContentSdkPagesClientData;

package/dist/cjs/form/form.js

@@ -1,78 +1,81 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.subscribeToFormSubmitEvent = exports.executeScriptElements = exports.loadForm = void 0;
-const browser_1 = require("@sitecore-cloudsdk/events/browser");
-const client_1 = require("../client");
-const debug_1 = __importDefault(require("../debug"));
-/**
- * Fetches the form markup from the Sitecore Edge service and renders it in the component's template.
- * @param {string} contextId - The unique identifier of the current context
- * @param {string} formId - The unique identifier of the form
- * @param {string} [edgeUrl] - The URL of the Sitecore Edge Platform
- */
-const loadForm = async (contextId, formId, edgeUrl) => {
-    if (!contextId) {
-        debug_1.default.form('Form was not able to render since context id was not provided');
-        return '';
-    }
-    const url = (0, client_1.getEdgeProxyFormsUrl)(contextId, formId, edgeUrl);
-    try {
-        debug_1.default.form(`Fetching form data from ${url}`);
-        const rsp = await fetch(url, {
-            method: 'GET',
-            cache: 'no-cache',
-        });
-        if (rsp.status !== 200) {
-            throw new Error('Failed to fetch form data');
-        }
-        const content = await rsp.text();
-        debug_1.default.form(`Form data fetch response: ${content}`);
-        return content;
-    }
-    catch (error) {
-        debug_1.default.form(`Form '${formId}' was not able to render`, error);
-        throw error;
-    }
-};
-exports.loadForm = loadForm;
-/**
- * When you set the innerHTML property of an element, the browser does not execute any <script> tags included in the HTML string
- * This method ensures that any <script> elements within the loaded HTML are executed.
- * It re-creates the script elements and appends the to the component's template, then removes old script elements to avoid duplication.
- * @param {HTMLElement} rootElement - The root element to execute script elements within
- */
-const executeScriptElements = (rootElement) => {
-    const scriptElements = rootElement.querySelectorAll('script');
-    if (!scriptElements) {
-        return;
-    }
-    Array.from(scriptElements).forEach((scriptElement) => {
-        var _a;
-        const clonedElement = document.createElement('script');
-        Array.from(scriptElement.attributes).forEach((attribute) => {
-            clonedElement.setAttribute(attribute.name, attribute.value);
-        });
-        clonedElement.text = scriptElement.text;
-        (_a = scriptElement === null || scriptElement === void 0 ? void 0 : scriptElement.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(clonedElement, scriptElement);
-    });
-};
-exports.executeScriptElements = executeScriptElements;
-/**
- * Subscribes to the Form event and then sends data to CloudSDK.
- * This listener captures interactions such as form views or submissions
- * @param {HTMLElement} formElement - The form element to subscribe to events on
- * @param {string} [componentId] - The unique identifier of the component
- */
-const subscribeToFormSubmitEvent = (formElement, componentId) => {
-    formElement.addEventListener('form:engage', ((e) => {
-        const { formId, name } = e.detail;
-        if (formId && name) {
-            debug_1.default.form('Sending form event', formId, name);
-            (0, browser_1.form)(formId, name, (componentId === null || componentId === void 0 ? void 0 : componentId.replace(/-/g, '')) || '');
-        }
-    }));
-};
-exports.subscribeToFormSubmitEvent = subscribeToFormSubmitEvent;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.subscribeToFormSubmitEvent = exports.executeScriptElements = exports.loadForm = void 0;
+const browser_1 = require("@sitecore-cloudsdk/events/browser");
+const client_1 = require("../client");
+const debug_1 = __importDefault(require("../debug"));
+/**
+ * Fetches the form markup from the Sitecore Edge service and renders it in the component's template.
+ * @param {string} contextId - The unique identifier of the current context
+ * @param {string} formId - The unique identifier of the form
+ * @param {string} [edgeUrl] - The URL of the Sitecore Edge Platform
+ * @internal
+ */
+const loadForm = async (contextId, formId, edgeUrl) => {
+    if (!contextId) {
+        debug_1.default.form('Form was not able to render since context id was not provided');
+        return '';
+    }
+    const url = (0, client_1.getEdgeProxyFormsUrl)(contextId, formId, edgeUrl);
+    try {
+        debug_1.default.form(`Fetching form data from ${url}`);
+        const rsp = await fetch(url, {
+            method: 'GET',
+            cache: 'no-cache',
+        });
+        if (rsp.status !== 200) {
+            throw new Error('Failed to fetch form data');
+        }
+        const content = await rsp.text();
+        debug_1.default.form(`Form data fetch response: ${content}`);
+        return content;
+    }
+    catch (error) {
+        debug_1.default.form(`Form '${formId}' was not able to render`, error);
+        throw error;
+    }
+};
+exports.loadForm = loadForm;
+/**
+ * When you set the innerHTML property of an element, the browser does not execute any <script> tags included in the HTML string
+ * This method ensures that any <script> elements within the loaded HTML are executed.
+ * It re-creates the script elements and appends the to the component's template, then removes old script elements to avoid duplication.
+ * @param {HTMLElement} rootElement - The root element to execute script elements within
+ * @internal
+ */
+const executeScriptElements = (rootElement) => {
+    const scriptElements = rootElement.querySelectorAll('script');
+    if (!scriptElements) {
+        return;
+    }
+    Array.from(scriptElements).forEach((scriptElement) => {
+        var _a;
+        const clonedElement = document.createElement('script');
+        Array.from(scriptElement.attributes).forEach((attribute) => {
+            clonedElement.setAttribute(attribute.name, attribute.value);
+        });
+        clonedElement.text = scriptElement.text;
+        (_a = scriptElement === null || scriptElement === void 0 ? void 0 : scriptElement.parentNode) === null || _a === void 0 ? void 0 : _a.replaceChild(clonedElement, scriptElement);
+    });
+};
+exports.executeScriptElements = executeScriptElements;
+/**
+ * Subscribes to the Form event and then sends data to CloudSDK.
+ * This listener captures interactions such as form views or submissions
+ * @param {HTMLElement} formElement - The form element to subscribe to events on
+ * @param {string} [componentId] - The unique identifier of the component
+ * @internal
+ */
+const subscribeToFormSubmitEvent = (formElement, componentId) => {
+    formElement.addEventListener('form:engage', ((e) => {
+        const { formId, name } = e.detail;
+        if (formId && name) {
+            debug_1.default.form('Sending form event', formId, name);
+            (0, browser_1.form)(formId, name, (componentId === null || componentId === void 0 ? void 0 : componentId.replace(/-/g, '')) || '');
+        }
+    }));
+};
+exports.subscribeToFormSubmitEvent = subscribeToFormSubmitEvent;

package/dist/cjs/form/index.js

@@ -1,7 +1,7 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.subscribeToFormSubmitEvent = exports.loadForm = exports.executeScriptElements = void 0;
-var form_1 = require("./form");
-Object.defineProperty(exports, "executeScriptElements", { enumerable: true, get: function () { return form_1.executeScriptElements; } });
-Object.defineProperty(exports, "loadForm", { enumerable: true, get: function () { return form_1.loadForm; } });
-Object.defineProperty(exports, "subscribeToFormSubmitEvent", { enumerable: true, get: function () { return form_1.subscribeToFormSubmitEvent; } });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.subscribeToFormSubmitEvent = exports.loadForm = exports.executeScriptElements = void 0;
+var form_1 = require("./form");
+Object.defineProperty(exports, "executeScriptElements", { enumerable: true, get: function () { return form_1.executeScriptElements; } });
+Object.defineProperty(exports, "loadForm", { enumerable: true, get: function () { return form_1.loadForm; } });
+Object.defineProperty(exports, "subscribeToFormSubmitEvent", { enumerable: true, get: function () { return form_1.subscribeToFormSubmitEvent; } });