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

package/dist/cjs/index.js

@@ -1,60 +1,60 @@
-"use strict";
-// NOTE: all imports are now named as to not make breaking changes
-// and to keep react-native working with cjs modules.
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || (function () {
-    var ownKeys = function(o) {
-        ownKeys = Object.getOwnPropertyNames || function (o) {
-            var ar = [];
-            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
-            return ar;
-        };
-        return ownKeys(o);
-    };
-    return function (mod) {
-        if (mod && mod.__esModule) return mod;
-        var result = {};
-        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
-        __setModuleDefault(result, mod);
-        return result;
-    };
-})();
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.defineConfig = exports.form = exports.constants = exports.NativeDataFetcher = exports.ClientError = exports.MemoryCacheClient = exports.DefaultRetryStrategy = exports.GraphQLRequestClient = exports.enableDebug = exports.debug = void 0;
-const constants = __importStar(require("./constants"));
-exports.constants = constants;
-const form = __importStar(require("./form"));
-exports.form = form;
-var debug_1 = require("./debug");
-Object.defineProperty(exports, "debug", { enumerable: true, get: function () { return __importDefault(debug_1).default; } });
-Object.defineProperty(exports, "enableDebug", { enumerable: true, get: function () { return debug_1.enableDebug; } });
-var graphql_request_client_1 = require("./graphql-request-client");
-Object.defineProperty(exports, "GraphQLRequestClient", { enumerable: true, get: function () { return graphql_request_client_1.GraphQLRequestClient; } });
-var retries_1 = require("./retries");
-Object.defineProperty(exports, "DefaultRetryStrategy", { enumerable: true, get: function () { return retries_1.DefaultRetryStrategy; } });
-var cache_client_1 = require("./cache-client");
-Object.defineProperty(exports, "MemoryCacheClient", { enumerable: true, get: function () { return cache_client_1.MemoryCacheClient; } });
-var graphql_request_1 = require("graphql-request");
-Object.defineProperty(exports, "ClientError", { enumerable: true, get: function () { return graphql_request_1.ClientError; } });
-var native_fetcher_1 = require("./native-fetcher");
-Object.defineProperty(exports, "NativeDataFetcher", { enumerable: true, get: function () { return native_fetcher_1.NativeDataFetcher; } });
-var config_1 = require("./config");
-Object.defineProperty(exports, "defineConfig", { enumerable: true, get: function () { return config_1.defineConfig; } });
+"use strict";
+// NOTE: all imports are now named as to not make breaking changes
+// and to keep react-native working with cjs modules.
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || (function () {
+    var ownKeys = function(o) {
+        ownKeys = Object.getOwnPropertyNames || function (o) {
+            var ar = [];
+            for (var k in o) if (Object.prototype.hasOwnProperty.call(o, k)) ar[ar.length] = k;
+            return ar;
+        };
+        return ownKeys(o);
+    };
+    return function (mod) {
+        if (mod && mod.__esModule) return mod;
+        var result = {};
+        if (mod != null) for (var k = ownKeys(mod), i = 0; i < k.length; i++) if (k[i] !== "default") __createBinding(result, mod, k[i]);
+        __setModuleDefault(result, mod);
+        return result;
+    };
+})();
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.defineConfig = exports.form = exports.constants = exports.NativeDataFetcher = exports.ClientError = exports.MemoryCacheClient = exports.DefaultRetryStrategy = exports.GraphQLRequestClient = exports.enableDebug = exports.debug = void 0;
+const constants = __importStar(require("./constants"));
+exports.constants = constants;
+const form = __importStar(require("./form"));
+exports.form = form;
+var debug_1 = require("./debug");
+Object.defineProperty(exports, "debug", { enumerable: true, get: function () { return __importDefault(debug_1).default; } });
+Object.defineProperty(exports, "enableDebug", { enumerable: true, get: function () { return debug_1.enableDebug; } });
+var graphql_request_client_1 = require("./graphql-request-client");
+Object.defineProperty(exports, "GraphQLRequestClient", { enumerable: true, get: function () { return graphql_request_client_1.GraphQLRequestClient; } });
+var retries_1 = require("./retries");
+Object.defineProperty(exports, "DefaultRetryStrategy", { enumerable: true, get: function () { return retries_1.DefaultRetryStrategy; } });
+var cache_client_1 = require("./cache-client");
+Object.defineProperty(exports, "MemoryCacheClient", { enumerable: true, get: function () { return cache_client_1.MemoryCacheClient; } });
+var graphql_request_1 = require("graphql-request");
+Object.defineProperty(exports, "ClientError", { enumerable: true, get: function () { return graphql_request_1.ClientError; } });
+var native_fetcher_1 = require("./native-fetcher");
+Object.defineProperty(exports, "NativeDataFetcher", { enumerable: true, get: function () { return native_fetcher_1.NativeDataFetcher; } });
+var config_1 = require("./config");
+Object.defineProperty(exports, "defineConfig", { enumerable: true, get: function () { return config_1.defineConfig; } });

package/dist/cjs/layout/content-styles.js

@@ -1,71 +1,72 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.traverseComponent = exports.traverseField = exports.traversePlaceholder = exports.getContentStylesheetUrl = exports.getContentStylesheetLink = void 0;
-const constants_1 = require("../constants");
-const normalize_url_1 = require("../utils/normalize-url");
-/**
- * Regular expression to check if the content styles are used in the field value
- */
-const CLASS_REGEXP = /class=".*(\bck-content\b).*"/g;
-/**
- * Get the content styles link to be loaded from the Sitecore Edge Platform
- * @param {LayoutServiceData} layoutData Layout service data
- * @param {string} sitecoreEdgeContextId Sitecore Edge Context ID
- * @param {string} [sitecoreEdgeUrl] Sitecore Edge Platform URL. Default is https://edge-platform.sitecorecloud.io
- * @returns {HTMLLink | null} content styles link, null if no styles are used in layout
- */
-const getContentStylesheetLink = (layoutData, sitecoreEdgeContextId, sitecoreEdgeUrl = constants_1.SITECORE_EDGE_URL_DEFAULT) => {
-    if (!layoutData.sitecore.route)
-        return null;
-    const config = { loadStyles: false };
-    (0, exports.traverseComponent)(layoutData.sitecore.route, config);
-    if (!config.loadStyles)
-        return null;
-    return {
-        href: (0, exports.getContentStylesheetUrl)(sitecoreEdgeContextId, sitecoreEdgeUrl),
-        rel: 'stylesheet',
-    };
-};
-exports.getContentStylesheetLink = getContentStylesheetLink;
-const getContentStylesheetUrl = (sitecoreEdgeContextId, sitecoreEdgeUrl = constants_1.SITECORE_EDGE_URL_DEFAULT) => `${(0, normalize_url_1.normalizeUrl)(sitecoreEdgeUrl)}/v1/files/pages/styles/content-styles.css?sitecoreContextId=${sitecoreEdgeContextId}`;
-exports.getContentStylesheetUrl = getContentStylesheetUrl;
-const traversePlaceholder = (components, config) => {
-    if (config.loadStyles)
-        return;
-    components.forEach((component) => {
-        (0, exports.traverseComponent)(component, config);
-    });
-};
-exports.traversePlaceholder = traversePlaceholder;
-const traverseField = (field, config) => {
-    if (!field || typeof field !== 'object' || config.loadStyles)
-        return;
-    if ('value' in field && typeof field.value === 'string') {
-        config.loadStyles = CLASS_REGEXP.test(field.value);
-    }
-    else if ('fields' in field) {
-        Object.values(field.fields).forEach((field) => {
-            (0, exports.traverseField)(field, config);
-        });
-    }
-    else if (Array.isArray(field)) {
-        field.forEach((field) => {
-            (0, exports.traverseField)(field, config);
-        });
-    }
-};
-exports.traverseField = traverseField;
-const traverseComponent = (component, config) => {
-    if (config.loadStyles)
-        return;
-    if ('fields' in component && component.fields) {
-        Object.values(component.fields).forEach((field) => {
-            (0, exports.traverseField)(field, config);
-        });
-    }
-    const placeholders = component.placeholders || {};
-    Object.keys(placeholders).forEach((placeholder) => {
-        (0, exports.traversePlaceholder)(placeholders[placeholder], config);
-    });
-};
-exports.traverseComponent = traverseComponent;
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.traverseComponent = exports.traverseField = exports.traversePlaceholder = exports.getContentStylesheetUrl = exports.getContentStylesheetLink = void 0;
+const constants_1 = require("../constants");
+const normalize_url_1 = require("../utils/normalize-url");
+/**
+ * Regular expression to check if the content styles are used in the field value
+ */
+const CLASS_REGEXP = /class=".*(\bck-content\b).*"/g;
+/**
+ * Get the content styles link to be loaded from the Sitecore Edge Platform
+ * @param {LayoutServiceData} layoutData Layout service data
+ * @param {string} sitecoreEdgeContextId Sitecore Edge Context ID
+ * @param {string} [sitecoreEdgeUrl] Sitecore Edge Platform URL. Default is https://edge-platform.sitecorecloud.io
+ * @returns {HTMLLink | null} content styles link, null if no styles are used in layout
+ * @public
+ */
+const getContentStylesheetLink = (layoutData, sitecoreEdgeContextId, sitecoreEdgeUrl = constants_1.SITECORE_EDGE_URL_DEFAULT) => {
+    if (!layoutData.sitecore.route)
+        return null;
+    const config = { loadStyles: false };
+    (0, exports.traverseComponent)(layoutData.sitecore.route, config);
+    if (!config.loadStyles)
+        return null;
+    return {
+        href: (0, exports.getContentStylesheetUrl)(sitecoreEdgeContextId, sitecoreEdgeUrl),
+        rel: 'stylesheet',
+    };
+};
+exports.getContentStylesheetLink = getContentStylesheetLink;
+const getContentStylesheetUrl = (sitecoreEdgeContextId, sitecoreEdgeUrl = constants_1.SITECORE_EDGE_URL_DEFAULT) => `${(0, normalize_url_1.normalizeUrl)(sitecoreEdgeUrl)}/v1/files/pages/styles/content-styles.css?sitecoreContextId=${sitecoreEdgeContextId}`;
+exports.getContentStylesheetUrl = getContentStylesheetUrl;
+const traversePlaceholder = (components, config) => {
+    if (config.loadStyles)
+        return;
+    components.forEach((component) => {
+        (0, exports.traverseComponent)(component, config);
+    });
+};
+exports.traversePlaceholder = traversePlaceholder;
+const traverseField = (field, config) => {
+    if (!field || typeof field !== 'object' || config.loadStyles)
+        return;
+    if ('value' in field && typeof field.value === 'string') {
+        config.loadStyles = CLASS_REGEXP.test(field.value);
+    }
+    else if ('fields' in field) {
+        Object.values(field.fields).forEach((field) => {
+            (0, exports.traverseField)(field, config);
+        });
+    }
+    else if (Array.isArray(field)) {
+        field.forEach((field) => {
+            (0, exports.traverseField)(field, config);
+        });
+    }
+};
+exports.traverseField = traverseField;
+const traverseComponent = (component, config) => {
+    if (config.loadStyles)
+        return;
+    if ('fields' in component && component.fields) {
+        Object.values(component.fields).forEach((field) => {
+            (0, exports.traverseField)(field, config);
+        });
+    }
+    const placeholders = component.placeholders || {};
+    Object.keys(placeholders).forEach((placeholder) => {
+        (0, exports.traversePlaceholder)(placeholders[placeholder], config);
+    });
+};
+exports.traverseComponent = traverseComponent;

package/dist/cjs/layout/index.js

@@ -1,24 +1,24 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getDesignLibraryStylesheetLinks = exports.GRAPHQL_LAYOUT_QUERY_NAME = exports.LayoutService = exports.getContentStylesheetLink = exports.EMPTY_DATE_FIELD_VALUE = exports.getDynamicPlaceholderPattern = exports.isDynamicPlaceholder = exports.isFieldValueEmpty = exports.getChildPlaceholder = exports.getFieldValue = exports.EDITING_COMPONENT_ID = exports.EDITING_COMPONENT_PLACEHOLDER = exports.RenderingType = exports.EditMode = exports.LayoutServicePageState = void 0;
-// layout
-var models_1 = require("./models");
-Object.defineProperty(exports, "LayoutServicePageState", { enumerable: true, get: function () { return models_1.LayoutServicePageState; } });
-Object.defineProperty(exports, "EditMode", { enumerable: true, get: function () { return models_1.EditMode; } });
-Object.defineProperty(exports, "RenderingType", { enumerable: true, get: function () { return models_1.RenderingType; } });
-Object.defineProperty(exports, "EDITING_COMPONENT_PLACEHOLDER", { enumerable: true, get: function () { return models_1.EDITING_COMPONENT_PLACEHOLDER; } });
-Object.defineProperty(exports, "EDITING_COMPONENT_ID", { enumerable: true, get: function () { return models_1.EDITING_COMPONENT_ID; } });
-var utils_1 = require("./utils");
-Object.defineProperty(exports, "getFieldValue", { enumerable: true, get: function () { return utils_1.getFieldValue; } });
-Object.defineProperty(exports, "getChildPlaceholder", { enumerable: true, get: function () { return utils_1.getChildPlaceholder; } });
-Object.defineProperty(exports, "isFieldValueEmpty", { enumerable: true, get: function () { return utils_1.isFieldValueEmpty; } });
-Object.defineProperty(exports, "isDynamicPlaceholder", { enumerable: true, get: function () { return utils_1.isDynamicPlaceholder; } });
-Object.defineProperty(exports, "getDynamicPlaceholderPattern", { enumerable: true, get: function () { return utils_1.getDynamicPlaceholderPattern; } });
-Object.defineProperty(exports, "EMPTY_DATE_FIELD_VALUE", { enumerable: true, get: function () { return utils_1.EMPTY_DATE_FIELD_VALUE; } });
-var content_styles_1 = require("./content-styles");
-Object.defineProperty(exports, "getContentStylesheetLink", { enumerable: true, get: function () { return content_styles_1.getContentStylesheetLink; } });
-var layout_service_1 = require("./layout-service");
-Object.defineProperty(exports, "LayoutService", { enumerable: true, get: function () { return layout_service_1.LayoutService; } });
-Object.defineProperty(exports, "GRAPHQL_LAYOUT_QUERY_NAME", { enumerable: true, get: function () { return layout_service_1.GRAPHQL_LAYOUT_QUERY_NAME; } });
-var themes_1 = require("./themes");
-Object.defineProperty(exports, "getDesignLibraryStylesheetLinks", { enumerable: true, get: function () { return themes_1.getDesignLibraryStylesheetLinks; } });
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getDesignLibraryStylesheetLinks = exports.GRAPHQL_LAYOUT_QUERY_NAME = exports.LayoutService = exports.getContentStylesheetLink = exports.EMPTY_DATE_FIELD_VALUE = exports.getDynamicPlaceholderPattern = exports.isDynamicPlaceholder = exports.isFieldValueEmpty = exports.getChildPlaceholder = exports.getFieldValue = exports.EDITING_COMPONENT_ID = exports.EDITING_COMPONENT_PLACEHOLDER = exports.RenderingType = exports.EditMode = exports.LayoutServicePageState = void 0;
+// layout
+var models_1 = require("./models");
+Object.defineProperty(exports, "LayoutServicePageState", { enumerable: true, get: function () { return models_1.LayoutServicePageState; } });
+Object.defineProperty(exports, "EditMode", { enumerable: true, get: function () { return models_1.EditMode; } });
+Object.defineProperty(exports, "RenderingType", { enumerable: true, get: function () { return models_1.RenderingType; } });
+Object.defineProperty(exports, "EDITING_COMPONENT_PLACEHOLDER", { enumerable: true, get: function () { return models_1.EDITING_COMPONENT_PLACEHOLDER; } });
+Object.defineProperty(exports, "EDITING_COMPONENT_ID", { enumerable: true, get: function () { return models_1.EDITING_COMPONENT_ID; } });
+var utils_1 = require("./utils");
+Object.defineProperty(exports, "getFieldValue", { enumerable: true, get: function () { return utils_1.getFieldValue; } });
+Object.defineProperty(exports, "getChildPlaceholder", { enumerable: true, get: function () { return utils_1.getChildPlaceholder; } });
+Object.defineProperty(exports, "isFieldValueEmpty", { enumerable: true, get: function () { return utils_1.isFieldValueEmpty; } });
+Object.defineProperty(exports, "isDynamicPlaceholder", { enumerable: true, get: function () { return utils_1.isDynamicPlaceholder; } });
+Object.defineProperty(exports, "getDynamicPlaceholderPattern", { enumerable: true, get: function () { return utils_1.getDynamicPlaceholderPattern; } });
+Object.defineProperty(exports, "EMPTY_DATE_FIELD_VALUE", { enumerable: true, get: function () { return utils_1.EMPTY_DATE_FIELD_VALUE; } });
+var content_styles_1 = require("./content-styles");
+Object.defineProperty(exports, "getContentStylesheetLink", { enumerable: true, get: function () { return content_styles_1.getContentStylesheetLink; } });
+var layout_service_1 = require("./layout-service");
+Object.defineProperty(exports, "LayoutService", { enumerable: true, get: function () { return layout_service_1.LayoutService; } });
+Object.defineProperty(exports, "GRAPHQL_LAYOUT_QUERY_NAME", { enumerable: true, get: function () { return layout_service_1.GRAPHQL_LAYOUT_QUERY_NAME; } });
+var themes_1 = require("./themes");
+Object.defineProperty(exports, "getDesignLibraryStylesheetLinks", { enumerable: true, get: function () { return themes_1.getDesignLibraryStylesheetLinks; } });

package/dist/cjs/layout/layout-service.js

@@ -1,63 +1,68 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.LayoutService = exports.GRAPHQL_LAYOUT_QUERY_NAME = void 0;
-const debug_1 = __importDefault(require("../debug"));
-const sitecore_service_base_1 = require("../sitecore-service-base");
-exports.GRAPHQL_LAYOUT_QUERY_NAME = 'ContentSdkLayoutQuery';
-/**
- * Service that fetch layout data using Sitecore's GraphQL API.
- * @augments LayoutServiceBase
- * @mixes GraphQLRequestClient
- */
-class LayoutService extends sitecore_service_base_1.SitecoreServiceBase {
-    /**
-     * Fetch layout data using the Sitecore GraphQL endpoint.
-     * @param {LayoutServiceConfig} serviceConfig configuration
-     */
-    constructor(serviceConfig) {
-        super(serviceConfig);
-        this.serviceConfig = serviceConfig;
-    }
-    /**
-     * Fetch layout data for an item.
-     * @param {string} itemPath item path to fetch layout data for.
-     * @param {RouteOptions} [routeOptions] Request options like language and site to retrieve data for
-     * @param {FetchOptions} [fetchOptions] Options to override graphQL client details like retries and fetch implementation
-     * @returns {Promise<LayoutServiceData>} layout service data
-     */
-    async fetchLayoutData(itemPath, routeOptions, fetchOptions) {
-        var _a, _b;
-        const site = routeOptions.site;
-        const query = this.getLayoutQuery(itemPath, site, routeOptions === null || routeOptions === void 0 ? void 0 : routeOptions.locale);
-        debug_1.default.layout('fetching layout data for %s %s %s', itemPath, routeOptions === null || routeOptions === void 0 ? void 0 : routeOptions.locale, site);
-        const data = await this.graphQLClient.request(query, {}, fetchOptions);
-        // If `rendered` is empty -> not found
-        return (((_b = (_a = data === null || data === void 0 ? void 0 : data.layout) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.rendered) || {
-            sitecore: { context: { pageEditing: false, language: routeOptions === null || routeOptions === void 0 ? void 0 : routeOptions.locale }, route: null },
-        });
-    }
-    /**
-     * Returns GraphQL Layout query
-     * @param {string} itemPath page route
-     * @param {string} [site] site name
-     * @param {string} [language] language
-     * @returns {string} GraphQL query
-     */
-    getLayoutQuery(itemPath, site, language) {
-        const languageVariable = language ? `, language:"${language}"` : '';
-        const layoutQuery = this.serviceConfig.formatLayoutQuery
-            ? this.serviceConfig.formatLayoutQuery(site, itemPath, language)
-            : `layout(site:"${site}", routePath:"${itemPath}"${languageVariable})`;
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LayoutService = exports.GRAPHQL_LAYOUT_QUERY_NAME = void 0;
+const debug_1 = __importDefault(require("../debug"));
+const sitecore_service_base_1 = require("../sitecore-service-base");
+/**
+ * GraphQL layout query name
+ * @internal
+ */
+exports.GRAPHQL_LAYOUT_QUERY_NAME = 'ContentSdkLayoutQuery';
+/**
+ * Service that fetch layout data using Sitecore's GraphQL API.
+ * @augments LayoutServiceBase
+ * @mixes GraphQLRequestClient
+ * @public
+ */
+class LayoutService extends sitecore_service_base_1.SitecoreServiceBase {
+    /**
+     * Fetch layout data using the Sitecore GraphQL endpoint.
+     * @param {LayoutServiceConfig} serviceConfig configuration
+     */
+    constructor(serviceConfig) {
+        super(serviceConfig);
+        this.serviceConfig = serviceConfig;
+    }
+    /**
+     * Fetch layout data for an item.
+     * @param {string} itemPath item path to fetch layout data for.
+     * @param {RouteOptions} [routeOptions] Request options like language and site to retrieve data for
+     * @param {FetchOptions} [fetchOptions] Options to override graphQL client details like retries and fetch implementation
+     * @returns {Promise<LayoutServiceData>} layout service data
+     */
+    async fetchLayoutData(itemPath, routeOptions, fetchOptions) {
+        var _a, _b;
+        const site = routeOptions.site;
+        const query = this.getLayoutQuery(itemPath, site, routeOptions === null || routeOptions === void 0 ? void 0 : routeOptions.locale);
+        debug_1.default.layout('fetching layout data for %s %s %s', itemPath, routeOptions === null || routeOptions === void 0 ? void 0 : routeOptions.locale, site);
+        const data = await this.graphQLClient.request(query, {}, fetchOptions);
+        // If `rendered` is empty -> not found
+        return (((_b = (_a = data === null || data === void 0 ? void 0 : data.layout) === null || _a === void 0 ? void 0 : _a.item) === null || _b === void 0 ? void 0 : _b.rendered) || {
+            sitecore: { context: { pageEditing: false, language: routeOptions === null || routeOptions === void 0 ? void 0 : routeOptions.locale }, route: null },
+        });
+    }
+    /**
+     * Returns GraphQL Layout query
+     * @param {string} itemPath page route
+     * @param {string} [site] site name
+     * @param {string} [language] language
+     * @returns {string} GraphQL query
+     */
+    getLayoutQuery(itemPath, site, language) {
+        const languageVariable = language ? `, language:"${language}"` : '';
+        const layoutQuery = this.serviceConfig.formatLayoutQuery
+            ? this.serviceConfig.formatLayoutQuery(site, itemPath, language)
+            : `layout(site:"${site}", routePath:"${itemPath}"${languageVariable})`;
         return `query ${exports.GRAPHQL_LAYOUT_QUERY_NAME} {
       ${layoutQuery}{
         item {
           rendered
         }
       }
-    }`;
-    }
-}
-exports.LayoutService = LayoutService;
+    }`;
+    }
+}
+exports.LayoutService = LayoutService;

package/dist/cjs/layout/models.js

@@ -1,34 +1,39 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.EDITING_COMPONENT_ID = exports.EDITING_COMPONENT_PLACEHOLDER = exports.RenderingType = exports.EditMode = exports.LayoutServicePageState = void 0;
-/**
- * Layout Service page state enum
- */
-var LayoutServicePageState;
-(function (LayoutServicePageState) {
-    LayoutServicePageState["Preview"] = "preview";
-    LayoutServicePageState["Edit"] = "edit";
-    LayoutServicePageState["Normal"] = "normal";
-})(LayoutServicePageState || (exports.LayoutServicePageState = LayoutServicePageState = {}));
-/**
- * Represents the edit mode for rendering content in Sitecore Editors
- */
-var EditMode;
-(function (EditMode) {
-    EditMode["Metadata"] = "metadata";
-})(EditMode || (exports.EditMode = EditMode = {}));
-/**
- * Editing rendering type
- */
-var RenderingType;
-(function (RenderingType) {
-    RenderingType["Component"] = "component";
-})(RenderingType || (exports.RenderingType = RenderingType = {}));
-/**
- * Static placeholder name used for component rendering
- */
-exports.EDITING_COMPONENT_PLACEHOLDER = 'editing-componentmode-placeholder';
-/**
- * Id of wrapper for component rendering
- */
-exports.EDITING_COMPONENT_ID = 'editing-component';
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EDITING_COMPONENT_ID = exports.EDITING_COMPONENT_PLACEHOLDER = exports.RenderingType = exports.EditMode = exports.LayoutServicePageState = void 0;
+/**
+ * Layout Service page state enum
+ * @public
+ */
+var LayoutServicePageState;
+(function (LayoutServicePageState) {
+    LayoutServicePageState["Preview"] = "preview";
+    LayoutServicePageState["Edit"] = "edit";
+    LayoutServicePageState["Normal"] = "normal";
+})(LayoutServicePageState || (exports.LayoutServicePageState = LayoutServicePageState = {}));
+/**
+ * Represents the edit mode for rendering content in Sitecore Editors
+ * @public
+ */
+var EditMode;
+(function (EditMode) {
+    EditMode["Metadata"] = "metadata";
+})(EditMode || (exports.EditMode = EditMode = {}));
+/**
+ * Editing rendering type
+ * @public
+ */
+var RenderingType;
+(function (RenderingType) {
+    RenderingType["Component"] = "component";
+})(RenderingType || (exports.RenderingType = RenderingType = {}));
+/**
+ * Static placeholder name used for component rendering
+ * @internal
+ */
+exports.EDITING_COMPONENT_PLACEHOLDER = 'editing-componentmode-placeholder';
+/**
+ * Id of wrapper for component rendering
+ * @internal
+ */
+exports.EDITING_COMPONENT_ID = 'editing-component';