@sitecore-jss/sitecore-jss-nextjs 21.1.0-canary.8 → 21.1.0-canary.81

package/dist/cjs/components/ComponentPropsContext.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -24,7 +28,7 @@ const react_1 = __importStar(require("react"));
 /**
  * Component props context which we are using in order to store data fetched on components level (getStaticProps/getServerSideProps)
  */
-exports.ComponentPropsReactContext = react_1.createContext({});
+exports.ComponentPropsReactContext = (0, react_1.createContext)({});
 /**
  * Hook in order to get access to props related to specific component. Data comes from ComponentPropsContext.
  * @see ComponentPropsContext
@@ -35,7 +39,7 @@ function useComponentProps(componentUid) {
     if (!componentUid) {
         return undefined;
     }
-    const data = react_1.useContext(exports.ComponentPropsReactContext);
+    const data = (0, react_1.useContext)(exports.ComponentPropsReactContext);
     return data[componentUid];
 }
 exports.useComponentProps = useComponentProps;

package/dist/cjs/components/EditingComponentPlaceholder.js

@@ -0,0 +1,12 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.EditingComponentPlaceholder = void 0;
+const react_1 = __importDefault(require("react"));
+const layout_1 = require("@sitecore-jss/sitecore-jss/layout");
+const Placeholder_1 = require("./Placeholder");
+const EditingComponentPlaceholder = ({ rendering, }) => (react_1.default.createElement("div", { id: layout_1.EDITING_COMPONENT_ID },
+    react_1.default.createElement(Placeholder_1.Placeholder, { name: layout_1.EDITING_COMPONENT_PLACEHOLDER, rendering: rendering })));
+exports.EditingComponentPlaceholder = EditingComponentPlaceholder;

package/dist/cjs/components/Link.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -38,18 +42,18 @@ const react_1 = __importStar(require("react"));
 const prop_types_1 = __importDefault(require("prop-types"));
 const link_1 = __importDefault(require("next/link"));
 const sitecore_jss_react_1 = require("@sitecore-jss/sitecore-jss-react");
-exports.Link = react_1.forwardRef((props, ref) => {
+exports.Link = (0, react_1.forwardRef)((props, ref) => {
     const { field, editable, children, internalLinkMatcher = /^\//g, showLinkTextWithChildrenPresent } = props, htmlLinkProps = __rest(props, ["field", "editable", "children", "internalLinkMatcher", "showLinkTextWithChildrenPresent"]);
     const value = (field.href
         ? field
         : field.value);
-    const { href, querystring } = value;
+    const { href, querystring, anchor } = value;
     const isEditing = editable && field.editable;
     if (href && !isEditing) {
         const text = showLinkTextWithChildrenPresent || !children ? value.text || value.href : null;
         // determine if a link is a route or not.
         if (internalLinkMatcher.test(href)) {
-            return (react_1.default.createElement(link_1.default, { href: { pathname: href, query: querystring }, key: "link", locale: false },
+            return (react_1.default.createElement(link_1.default, { href: { pathname: href, query: querystring, hash: anchor }, key: "link", locale: false },
                 react_1.default.createElement("a", Object.assign({ title: value.title, target: value.target, className: value.class }, htmlLinkProps, { ref: ref }),
                     text,
                     children)));

package/dist/cjs/components/NextImage.js

@@ -42,7 +42,7 @@ const NextImage = (_a) => {
     const imageField = dynamicMedia;
     // we likely have an experience editor value, should be a string
     if (editable && imageField.editable) {
-        return sitecore_jss_react_1.getEEMarkup(imageField, imageParams, mediaUrlPrefix, otherProps);
+        return (0, sitecore_jss_react_1.getEEMarkup)(imageField, imageParams, mediaUrlPrefix, otherProps);
     }
     // some wise-guy/gal is passing in a 'raw' image object value
     const img = dynamicMedia.src

package/dist/cjs/components/Placeholder.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -24,7 +28,7 @@ const react_1 = __importStar(require("react"));
 const sitecore_jss_react_1 = require("@sitecore-jss/sitecore-jss-react");
 const ComponentPropsContext_1 = require("./ComponentPropsContext");
 const Placeholder = (props) => {
-    const componentPropsContext = react_1.useContext(ComponentPropsContext_1.ComponentPropsReactContext);
+    const componentPropsContext = (0, react_1.useContext)(ComponentPropsContext_1.ComponentPropsReactContext);
     return (react_1.default.createElement(sitecore_jss_react_1.Placeholder, Object.assign({}, props, { modifyComponentProps: (initialProps) => {
             if (!initialProps.rendering.uid)
                 return initialProps;

package/dist/cjs/components/RichText.js

@@ -1,7 +1,11 @@
 "use strict";
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[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];
@@ -43,9 +47,9 @@ const RichText = (props) => {
     const { internalLinksSelector = 'a[href^="/"]' } = props, rest = __rest(props, ["internalLinksSelector"]);
     const hasText = props.field && props.field.value;
     const isEditing = props.editable && props.field && props.field.editable;
-    const router = router_1.useRouter();
-    const richTextRef = react_1.useRef(null);
-    react_1.useEffect(() => {
+    const router = (0, router_1.useRouter)();
+    const richTextRef = (0, react_1.useRef)(null);
+    (0, react_1.useEffect)(() => {
         // NOT IN EXPERIENCE EDITOR
         if (hasText && !isEditing) {
             initializeLinks();

package/dist/cjs/editing/editing-data-cache.js

@@ -22,19 +22,24 @@ class EditingDataDiskCache {
     }
     set(key, editingData) {
         const filePath = this.cache.set(key, JSON.stringify(editingData));
-        if (!filePath || filePath.length === 0) {
-            throw new Error(`Editing data cache not set for key ${key} at ${this.cache.root}`);
-        }
+        return new Promise((resolve, reject) => {
+            if (!filePath || filePath.length === 0) {
+                reject(new Error(`Editing data cache not set for key ${key} at ${this.cache.root}`));
+            }
+            resolve();
+        });
     }
     get(key) {
         const entry = this.cache.get(key);
-        if (!entry.isCached) {
-            console.warn(`Editing data cache miss for key ${key} at ${this.cache.root}`);
-            return undefined;
-        }
-        // Remove to preserve disk-space (as a macrotask so as not to block current execution)
-        setTimeout(() => this.cache.remove(key));
-        return JSON.parse(entry.value);
+        return new Promise((resolve) => {
+            if (!entry.isCached) {
+                console.warn(`Editing data cache miss for key ${key} at ${this.cache.root}`);
+                resolve(undefined);
+            }
+            // Remove to preserve disk-space (as a macrotask so as not to block current execution)
+            setTimeout(() => this.cache.remove(key));
+            resolve(JSON.parse(entry.value));
+        });
     }
 }
 exports.EditingDataDiskCache = EditingDataDiskCache;

package/dist/cjs/editing/editing-data-middleware.js

@@ -29,24 +29,24 @@ class EditingDataMiddleware {
             const secret = query[editing_data_service_1.QUERY_PARAM_EDITING_SECRET];
             const key = query[this.queryParamKey];
             // Validate secret
-            if (secret !== utils_1.getJssEditingSecret()) {
+            if (secret !== (0, utils_1.getJssEditingSecret)()) {
                 res.status(401).end('Missing or invalid secret');
                 return;
             }
             switch (method) {
                 case 'GET': {
                     // Get cache value
-                    const data = this.editingDataCache.get(key);
+                    const data = yield this.editingDataCache.get(key);
                     res.status(200).json(data);
                     break;
                 }
                 case 'PUT': {
-                    if (!editing_data_1.isEditingData(body)) {
+                    if (!(0, editing_data_1.isEditingData)(body)) {
                         res.status(400).end('Missing or invalid editing data');
                     }
                     else {
                         // Set cache value
-                        this.editingDataCache.set(key, body);
+                        yield this.editingDataCache.set(key, body);
                         res.status(200).end();
                     }
                     break;

package/dist/cjs/editing/editing-data-service.js

@@ -56,7 +56,7 @@ class BasicEditingDataService {
                 key,
             };
             sitecore_jss_1.debug.editing('storing editing data for %o: %o', previewData, data);
-            this.editingDataCache.set(key, data);
+            yield this.editingDataCache.set(key, data);
             return { key };
         });
     }
@@ -69,7 +69,7 @@ class BasicEditingDataService {
         return __awaiter(this, void 0, void 0, function* () {
             const editingPreviewData = previewData;
             sitecore_jss_1.debug.editing('retrieving editing data for %o', previewData);
-            return this.editingDataCache.get(editingPreviewData.key);
+            return yield this.editingDataCache.get(editingPreviewData.key);
         });
     }
 }
@@ -136,7 +136,7 @@ class ServerlessEditingDataService {
         //  http://localhost:3000/api/editing/data/52961eea-bafd-5287-a532-a72e36bd8a36-qkb4e3fv5x?secret=1234secret
         const apiRoute = (_a = this.apiRoute) === null || _a === void 0 ? void 0 : _a.replace('[key]', key);
         const url = new URL(apiRoute, serverUrl);
-        url.searchParams.append(exports.QUERY_PARAM_EDITING_SECRET, utils_1.getJssEditingSecret());
+        url.searchParams.append(exports.QUERY_PARAM_EDITING_SECRET, (0, utils_1.getJssEditingSecret)());
         return url.toString();
     }
 }

package/dist/cjs/editing/editing-render-middleware.js

@@ -12,6 +12,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.extractEditingData = exports.EditingRenderMiddleware = void 0;
 const constants_1 = require("next/constants");
 const sitecore_jss_1 = require("@sitecore-jss/sitecore-jss");
+const layout_1 = require("@sitecore-jss/sitecore-jss/layout");
+const node_html_parser_1 = require("node-html-parser");
 const editing_data_service_1 = require("./editing-data-service");
 const utils_1 = require("../utils");
 /**
@@ -25,7 +27,7 @@ class EditingRenderMiddleware {
     constructor(config) {
         var _a, _b, _c, _d;
         this.handler = (req, res) => __awaiter(this, void 0, void 0, function* () {
-            var _e;
+            var _e, _f;
             const { method, query, body, headers } = req;
             sitecore_jss_1.debug.editing('editing render middleware start: %o', {
                 method,
@@ -42,8 +44,8 @@ class EditingRenderMiddleware {
             }
             // Validate secret
             const secret = (_e = query[editing_data_service_1.QUERY_PARAM_EDITING_SECRET]) !== null && _e !== void 0 ? _e : body === null || body === void 0 ? void 0 : body.jssEditingSecret;
-            if (secret !== utils_1.getJssEditingSecret()) {
-                sitecore_jss_1.debug.editing('invalid editing secret - sent "%s" expected "%s"', secret, utils_1.getJssEditingSecret());
+            if (secret !== (0, utils_1.getJssEditingSecret)()) {
+                sitecore_jss_1.debug.editing('invalid editing secret - sent "%s" expected "%s"', secret, (0, utils_1.getJssEditingSecret)());
                 return res.status(401).json({
                     html: '<html><body>Missing or invalid secret</body></html>',
                 });
@@ -94,12 +96,19 @@ class EditingRenderMiddleware {
                 // certain route configurations (e.g. multiple catch-all routes).
                 // The following line will trick it into thinking we're SSR, thus avoiding any router.replace.
                 html = html.replace(constants_1.STATIC_PROPS_ID, constants_1.SERVER_PROPS_ID);
+                if (editingData.layoutData.sitecore.context.renderingType === layout_1.RenderingType.Component) {
+                    // Handle component rendering. Extract component markup only
+                    html = (_f = (0, node_html_parser_1.parse)(html).getElementById(layout_1.EDITING_COMPONENT_ID)) === null || _f === void 0 ? void 0 : _f.innerHTML;
+                    if (!html)
+                        throw new Error(`Failed to render component for ${requestUrl}`);
+                }
                 const body = { html };
                 // Return expected JSON result
                 sitecore_jss_1.debug.editing('editing render middleware end: %o', { status: 200, body });
                 res.status(200).json(body);
             }
-            catch (error) {
+            catch (err) {
+                const error = err;
                 console.error(error);
                 if (error.response || error.request) {
                     // Axios error, which could mean the server or page URL isn't quite right, so provide a more helpful hint

package/dist/cjs/index.js

@@ -1,6 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.withDatasourceCheck = exports.withPlaceholder = exports.withEditorChromes = exports.useSitecoreContext = exports.withSitecoreContext = exports.SitecoreContextReactContext = exports.SitecoreContext = exports.VisitorIdentification = exports.File = exports.DateField = exports.Text = exports.Image = exports.NextImage = exports.Placeholder = exports.RichText = exports.Link = exports.getPublicUrl = exports.handleEditorFastRefresh = exports.useComponentProps = exports.ComponentPropsContext = exports.ComponentPropsReactContext = exports.GraphQLErrorPagesService = exports.GraphQLSitemapXmlService = exports.GraphQLSitemapService = exports.DisconnectedSitemapService = exports.ComponentPropsService = exports.GraphQLRequestClient = exports.GraphQLRobotsService = exports.CdpHelper = exports.normalizePersonalizedRewrite = exports.getPersonalizedRewriteData = exports.getPersonalizedRewrite = exports.personalizeLayout = exports.RestDictionaryService = exports.GraphQLDictionaryService = exports.trackingApi = exports.mediaApi = exports.getFieldValue = exports.getChildPlaceholder = exports.RestLayoutService = exports.GraphQLLayoutService = exports.LayoutServicePageState = exports.resolveUrl = exports.resetEditorChromes = exports.isEditorActive = exports.enableDebug = exports.NativeDataFetcher = exports.AxiosDataFetcher = exports.constants = void 0;
+exports.File = exports.DateField = exports.Text = exports.Image = exports.NextImage = exports.EditingComponentPlaceholder = exports.Placeholder = exports.RichText = exports.Link = exports.getPublicUrl = exports.handleEditorFastRefresh = exports.useComponentProps = exports.ComponentPropsContext = exports.ComponentPropsReactContext = exports.normalizeSiteRewrite = exports.getSiteRewriteData = exports.getSiteRewrite = exports.GraphQLSiteInfoService = exports.SiteResolver = exports.GraphQLRobotsService = exports.GraphQLErrorPagesService = exports.GraphQLSitemapXmlService = exports.GraphQLSitemapService = exports.DisconnectedSitemapService = exports.ComponentPropsService = exports.GraphQLRequestClient = exports.CdpHelper = exports.normalizePersonalizedRewrite = exports.getPersonalizedRewriteData = exports.getPersonalizedRewrite = exports.personalizeLayout = exports.RestDictionaryService = exports.GraphQLDictionaryService = exports.trackingApi = exports.mediaApi = exports.EDITING_COMPONENT_ID = exports.EDITING_COMPONENT_PLACEHOLDER = exports.RenderingType = exports.getFieldValue = exports.getChildPlaceholder = exports.RestLayoutService = exports.GraphQLLayoutService = exports.LayoutServicePageState = exports.resolveUrl = exports.resetEditorChromes = exports.isEditorActive = exports.enableDebug = exports.NativeDataFetcher = exports.AxiosDataFetcher = exports.constants = void 0;
+exports.withDatasourceCheck = exports.withPlaceholder = exports.withEditorChromes = exports.useSitecoreContext = exports.withSitecoreContext = exports.SitecoreContextReactContext = exports.SitecoreContext = exports.VisitorIdentification = void 0;
 var sitecore_jss_1 = require("@sitecore-jss/sitecore-jss");
 Object.defineProperty(exports, "constants", { enumerable: true, get: function () { return sitecore_jss_1.constants; } });
 Object.defineProperty(exports, "AxiosDataFetcher", { enumerable: true, get: function () { return sitecore_jss_1.AxiosDataFetcher; } });
@@ -16,6 +17,9 @@ Object.defineProperty(exports, "GraphQLLayoutService", { enumerable: true, get:
 Object.defineProperty(exports, "RestLayoutService", { enumerable: true, get: function () { return layout_1.RestLayoutService; } });
 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, "RenderingType", { enumerable: true, get: function () { return layout_1.RenderingType; } });
+Object.defineProperty(exports, "EDITING_COMPONENT_PLACEHOLDER", { enumerable: true, get: function () { return layout_1.EDITING_COMPONENT_PLACEHOLDER; } });
+Object.defineProperty(exports, "EDITING_COMPONENT_ID", { enumerable: true, get: function () { return layout_1.EDITING_COMPONENT_ID; } });
 var media_1 = require("@sitecore-jss/sitecore-jss/media");
 Object.defineProperty(exports, "mediaApi", { enumerable: true, get: function () { return media_1.mediaApi; } });
 var tracking_1 = require("@sitecore-jss/sitecore-jss/tracking");
@@ -29,8 +33,6 @@ Object.defineProperty(exports, "getPersonalizedRewrite", { enumerable: true, get
 Object.defineProperty(exports, "getPersonalizedRewriteData", { enumerable: true, get: function () { return personalize_1.getPersonalizedRewriteData; } });
 Object.defineProperty(exports, "normalizePersonalizedRewrite", { enumerable: true, get: function () { return personalize_1.normalizePersonalizedRewrite; } });
 Object.defineProperty(exports, "CdpHelper", { enumerable: true, get: function () { return personalize_1.CdpHelper; } });
-var site_1 = require("@sitecore-jss/sitecore-jss/site");
-Object.defineProperty(exports, "GraphQLRobotsService", { enumerable: true, get: function () { return site_1.GraphQLRobotsService; } });
 var sitecore_jss_2 = require("@sitecore-jss/sitecore-jss");
 Object.defineProperty(exports, "GraphQLRequestClient", { enumerable: true, get: function () { return sitecore_jss_2.GraphQLRequestClient; } });
 var component_props_service_1 = require("./services/component-props-service");
@@ -39,9 +41,15 @@ var disconnected_sitemap_service_1 = require("./services/disconnected-sitemap-se
 Object.defineProperty(exports, "DisconnectedSitemapService", { enumerable: true, get: function () { return disconnected_sitemap_service_1.DisconnectedSitemapService; } });
 var graphql_sitemap_service_1 = require("./services/graphql-sitemap-service");
 Object.defineProperty(exports, "GraphQLSitemapService", { enumerable: true, get: function () { return graphql_sitemap_service_1.GraphQLSitemapService; } });
-var site_2 = require("@sitecore-jss/sitecore-jss/site");
-Object.defineProperty(exports, "GraphQLSitemapXmlService", { enumerable: true, get: function () { return site_2.GraphQLSitemapXmlService; } });
-Object.defineProperty(exports, "GraphQLErrorPagesService", { enumerable: true, get: function () { return site_2.GraphQLErrorPagesService; } });
+var site_1 = require("@sitecore-jss/sitecore-jss/site");
+Object.defineProperty(exports, "GraphQLSitemapXmlService", { enumerable: true, get: function () { return site_1.GraphQLSitemapXmlService; } });
+Object.defineProperty(exports, "GraphQLErrorPagesService", { enumerable: true, get: function () { return site_1.GraphQLErrorPagesService; } });
+Object.defineProperty(exports, "GraphQLRobotsService", { enumerable: true, get: function () { return site_1.GraphQLRobotsService; } });
+Object.defineProperty(exports, "SiteResolver", { enumerable: true, get: function () { return site_1.SiteResolver; } });
+Object.defineProperty(exports, "GraphQLSiteInfoService", { enumerable: true, get: function () { return site_1.GraphQLSiteInfoService; } });
+Object.defineProperty(exports, "getSiteRewrite", { enumerable: true, get: function () { return site_1.getSiteRewrite; } });
+Object.defineProperty(exports, "getSiteRewriteData", { enumerable: true, get: function () { return site_1.getSiteRewriteData; } });
+Object.defineProperty(exports, "normalizeSiteRewrite", { enumerable: true, get: function () { return site_1.normalizeSiteRewrite; } });
 var ComponentPropsContext_1 = require("./components/ComponentPropsContext");
 Object.defineProperty(exports, "ComponentPropsReactContext", { enumerable: true, get: function () { return ComponentPropsContext_1.ComponentPropsReactContext; } });
 Object.defineProperty(exports, "ComponentPropsContext", { enumerable: true, get: function () { return ComponentPropsContext_1.ComponentPropsContext; } });
@@ -55,6 +63,8 @@ var RichText_1 = require("./components/RichText");
 Object.defineProperty(exports, "RichText", { enumerable: true, get: function () { return RichText_1.RichText; } });
 var Placeholder_1 = require("./components/Placeholder");
 Object.defineProperty(exports, "Placeholder", { enumerable: true, get: function () { return Placeholder_1.Placeholder; } });
+var EditingComponentPlaceholder_1 = require("./components/EditingComponentPlaceholder");
+Object.defineProperty(exports, "EditingComponentPlaceholder", { enumerable: true, get: function () { return EditingComponentPlaceholder_1.EditingComponentPlaceholder; } });
 var NextImage_1 = require("./components/NextImage");
 Object.defineProperty(exports, "NextImage", { enumerable: true, get: function () { return NextImage_1.NextImage; } });
 var sitecore_jss_react_1 = require("@sitecore-jss/sitecore-jss-react");

package/dist/cjs/middleware/index.js

@@ -1,7 +1,11 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.PersonalizeMiddleware = exports.RedirectsMiddleware = void 0;
+exports.SiteResolver = exports.MultisiteMiddleware = exports.PersonalizeMiddleware = exports.RedirectsMiddleware = void 0;
 var redirects_middleware_1 = require("./redirects-middleware");
 Object.defineProperty(exports, "RedirectsMiddleware", { enumerable: true, get: function () { return redirects_middleware_1.RedirectsMiddleware; } });
 var personalize_middleware_1 = require("./personalize-middleware");
 Object.defineProperty(exports, "PersonalizeMiddleware", { enumerable: true, get: function () { return personalize_middleware_1.PersonalizeMiddleware; } });
+var multisite_middleware_1 = require("./multisite-middleware");
+Object.defineProperty(exports, "MultisiteMiddleware", { enumerable: true, get: function () { return multisite_middleware_1.MultisiteMiddleware; } });
+var site_1 = require("@sitecore-jss/sitecore-jss/site");
+Object.defineProperty(exports, "SiteResolver", { enumerable: true, get: function () { return site_1.SiteResolver; } });

package/dist/cjs/middleware/multisite-middleware.js

@@ -0,0 +1,104 @@
+"use strict";
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MultisiteMiddleware = void 0;
+const server_1 = require("next/server");
+const site_1 = require("@sitecore-jss/sitecore-jss/site");
+const sitecore_jss_1 = require("@sitecore-jss/sitecore-jss");
+/**
+ * Middleware / handler for multisite support
+ */
+class MultisiteMiddleware {
+    /**
+     * @param {MultisiteMiddlewareConfig} [config] Multisite middleware config
+     */
+    constructor(config) {
+        this.config = config;
+        this.handler = (req, res) => __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            const pathname = req.nextUrl.pathname;
+            const hostHeader = (_a = req.headers.get('host')) === null || _a === void 0 ? void 0 : _a.split(':')[0];
+            const hostname = hostHeader || this.defaultHostname;
+            sitecore_jss_1.debug.multisite('multisite middleware start: %o', {
+                pathname,
+                hostname,
+            });
+            if (!hostHeader) {
+                sitecore_jss_1.debug.multisite(`host header is missing, default ${hostname} is used`);
+            }
+            // Response will be provided if other middleware is run before us
+            let response = res || server_1.NextResponse.next();
+            if (this.excludeRoute(pathname) ||
+                (this.config.excludeRoute && this.config.excludeRoute(pathname))) {
+                sitecore_jss_1.debug.multisite('skipped (route excluded)');
+                return response;
+            }
+            // Site name can be forced by query string parameter or cookie
+            const siteName = req.nextUrl.searchParams.get('sc_site') ||
+                (this.config.useCookieResolution &&
+                    this.config.useCookieResolution(req) &&
+                    req.cookies.get('sc_site')) ||
+                this.config.getSite(hostname).name;
+            // Rewrite to site specific path
+            const rewritePath = (0, site_1.getSiteRewrite)(pathname, {
+                siteName,
+            });
+            // Note an absolute URL is required: https://nextjs.org/docs/messages/middleware-relative-urls
+            const rewriteUrl = req.nextUrl.clone();
+            rewriteUrl.pathname = rewritePath;
+            response = server_1.NextResponse.rewrite(rewriteUrl);
+            // Share site name with the following executed middlewares
+            response.cookies.set('sc_site', siteName);
+            // Share rewrite path with following executed middlewares
+            response.headers.set('x-sc-rewrite', rewritePath);
+            sitecore_jss_1.debug.multisite('multisite middleware end: %o', {
+                rewritePath,
+                siteName,
+                headers: this.extractDebugHeaders(response.headers),
+                cookies: response.cookies,
+            });
+            return response;
+        });
+        this.defaultHostname = config.defaultHostname || 'localhost';
+    }
+    /**
+     * Gets the Next.js middleware handler with error handling
+     * @returns middleware handler
+     */
+    getHandler() {
+        return (req, res) => __awaiter(this, void 0, void 0, function* () {
+            try {
+                return yield this.handler(req, res);
+            }
+            catch (error) {
+                console.log('Multisite middleware failed:');
+                console.log(error);
+                return res || server_1.NextResponse.next();
+            }
+        });
+    }
+    excludeRoute(pathname) {
+        if (pathname.includes('.') || // Ignore files
+            pathname.startsWith('/api/') || // Ignore Next.js API calls
+            pathname.startsWith('/sitecore/') || // Ignore Sitecore API calls
+            pathname.startsWith('/_next') // Ignore next service calls
+        ) {
+            return true;
+        }
+        return false;
+    }
+    extractDebugHeaders(incomingHeaders) {
+        const headers = {};
+        incomingHeaders.forEach((value, key) => (headers[key] = value));
+        return headers;
+    }
+}
+exports.MultisiteMiddleware = MultisiteMiddleware;

package/dist/cjs/middleware/personalize-middleware.js

@@ -23,13 +23,20 @@ class PersonalizeMiddleware {
     constructor(config) {
         this.config = config;
         this.handler = (req, res) => __awaiter(this, void 0, void 0, function* () {
+            var _a;
+            const hostHeader = (_a = req.headers.get('host')) === null || _a === void 0 ? void 0 : _a.split(':')[0];
+            const hostname = hostHeader || this.defaultHostname;
             const pathname = req.nextUrl.pathname;
             const language = req.nextUrl.locale || req.nextUrl.defaultLocale || 'en';
+            const siteName = (res === null || res === void 0 ? void 0 : res.cookies.get('sc_site')) || this.config.getSite(hostname).name;
             let browserId = this.getBrowserId(req);
             sitecore_jss_1.debug.personalize('personalize middleware start: %o', {
                 pathname,
                 language,
             });
+            if (!hostHeader) {
+                sitecore_jss_1.debug.personalize(`host header is missing, default ${hostname} is used`);
+            }
             // Response will be provided if other middleware is run before us (e.g. redirects)
             let response = res || server_1.NextResponse.next();
             if (this.config.disabled && this.config.disabled(req, response)) {
@@ -44,7 +51,7 @@ class PersonalizeMiddleware {
                 return response;
             }
             // Get personalization info from Experience Edge
-            const personalizeInfo = yield this.personalizeService.getPersonalizeInfo(pathname, language);
+            const personalizeInfo = yield this.personalizeService.getPersonalizeInfo(pathname, language, siteName);
             if (!personalizeInfo) {
                 // Likely an invalid route / language
                 sitecore_jss_1.debug.personalize('skipped (personalize info not found)');
@@ -62,7 +69,7 @@ class PersonalizeMiddleware {
                 }
             }
             // Execute targeted experience in CDP
-            const { ua } = server_1.userAgent(req);
+            const { ua } = (0, server_1.userAgent)(req);
             const params = this.getExperienceParams(req);
             const pointOfSale = this.config.getPointOfSale(language);
             const variantId = yield this.cdpService.executeExperience(personalizeInfo.contentId, browserId, ua, pointOfSale, params);
@@ -74,8 +81,10 @@ class PersonalizeMiddleware {
                 sitecore_jss_1.debug.personalize('skipped (invalid variant)');
                 return response;
             }
+            // Path can be rewritten by previously executed middleware
+            const basePath = (res === null || res === void 0 ? void 0 : res.headers.get('x-sc-rewrite')) || pathname;
             // Rewrite to persononalized path
-            const rewritePath = personalize_1.getPersonalizedRewrite(pathname, { variantId });
+            const rewritePath = (0, personalize_1.getPersonalizedRewrite)(basePath, { variantId });
             // Note an absolute URL is required: https://nextjs.org/docs/messages/middleware-relative-urls
             const rewriteUrl = req.nextUrl.clone();
             rewriteUrl.pathname = rewritePath;
@@ -83,8 +92,12 @@ class PersonalizeMiddleware {
             // Disable preflight caching to force revalidation on client-side navigation (personalization may be influenced)
             // See https://github.com/vercel/next.js/issues/32727
             response.headers.set('x-middleware-cache', 'no-cache');
+            // Share rewrite path with following executed middlewares
+            response.headers.set('x-sc-rewrite', rewritePath);
             // Set browserId cookie on the response
             this.setBrowserId(response, browserId);
+            // Share site name with the following executed middlewares
+            response.cookies.set('sc_site', siteName);
             sitecore_jss_1.debug.personalize('personalize middleware end: %o', {
                 rewritePath,
                 browserId,
@@ -96,13 +109,15 @@ class PersonalizeMiddleware {
         // (underlying default 'cross-fetch' is not currently compatible: https://github.com/lquixada/cross-fetch/issues/78)
         this.personalizeService = new personalize_1.GraphQLPersonalizeService(Object.assign(Object.assign({}, config.edgeConfig), { fetch: fetch }));
         // NOTE: same here, we provide NativeDataFetcher for compatibility on Next.js Edge Runtime
-        this.cdpService = new personalize_1.CdpService(Object.assign(Object.assign({}, config.cdpConfig), { dataFetcherResolver: ({ timeout }) => {
+        this.cdpService = new personalize_1.CdpService(Object.assign(Object.assign({}, config.cdpConfig), { dataFetcherResolver: ({ timeout, headers, }) => {
                 const fetcher = new sitecore_jss_1.NativeDataFetcher({
                     debugger: sitecore_jss_1.debug.personalize,
                     timeout,
+                    headers,
                 });
                 return (url, data) => fetcher.fetch(url, data);
             } }));
+        this.defaultHostname = config.defaultHostname || 'localhost';
     }
     /**
      * Gets the Next.js middleware handler with error handling