@sitecore-jss/sitecore-jss-nextjs 21.7.0-canary.8 → 21.7.0-canary.80

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

@@ -0,0 +1,216 @@
+"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.RevalidateMiddleware = void 0;
+// import { I18NConfig } from 'next/dist/server/config-shared';
+const personalize_1 = require("@sitecore-jss/sitecore-jss/personalize");
+const site_1 = require("@sitecore-jss/sitecore-jss/site");
+const sitecore_jss_1 = require("@sitecore-jss/sitecore-jss");
+var EntityDefinition;
+(function (EntityDefinition) {
+    EntityDefinition["LayoutData"] = "LayoutData";
+    EntityDefinition["Item"] = "Item";
+})(EntityDefinition || (EntityDefinition = {}));
+/**
+ * Middleware / handler for on-demand ISR (e.g. '/api/revalidate').
+ */
+class RevalidateMiddleware {
+    constructor(config) {
+        this.config = config;
+        this.handler = (req, res) => __awaiter(this, void 0, void 0, function* () {
+            // filter out updated paths and language from request.body
+            const filteredUpdates = this.getFilteredUpdates(req);
+            if (this.isEmpty(filteredUpdates)) {
+                // nothing to revalidate
+                return res.status(204).json({ message: 'No updates to revalidate' });
+            }
+            // extract only paths from filtered updates object
+            const paths = this.extractPaths(filteredUpdates);
+            const pathsToRevalidate = [];
+            // when personalization is configured and when both multiSite and personalization are configured
+            if (this.config.personalize) {
+                const personalizeInfo = yield this.getPersonalizedResults(filteredUpdates);
+                if (this.config.multiSite) {
+                    this.handleMultiSitePersonalization(personalizeInfo, pathsToRevalidate, this.getPathName, this.getSiteName);
+                }
+                else {
+                    this.handleNonMultiSitePersonalization(personalizeInfo, pathsToRevalidate, this.getPathName);
+                }
+            }
+            // when only multiSite is configured
+            if (this.config.multiSite && !this.config.personalize) {
+                const multiSitePaths = paths.map((path) => (0, site_1.getSiteRewrite)(this.getPathName(path), { siteName: this.getSiteName(path) }));
+                pathsToRevalidate.push(...multiSitePaths);
+            }
+            // when both multiSite and personalization are not configured
+            if (!this.config.multiSite && !this.config.personalize) {
+                const defaultPaths = paths.map((path) => this.getPathName(path));
+                pathsToRevalidate.push(...defaultPaths);
+            }
+            // when other locales are configured besides defaultLocale
+            if (!this.isEmpty(filteredUpdates)) {
+                const filteredLanguage = [...new Set(filteredUpdates.map(({ language }) => language))].join(',');
+                if (this.config.localePrefix) {
+                    const language = this.config.localePrefix(filteredLanguage);
+                    if (language) {
+                        yield Promise.all(pathsToRevalidate.map((path) => res.revalidate(`/${language}` + path)));
+                    }
+                }
+            }
+            yield Promise.all(pathsToRevalidate.map((path) => res.revalidate(path)));
+            sitecore_jss_1.debug.revalidate(`revalidated paths: ${pathsToRevalidate.join(', ')}`);
+        });
+        this.personalizeService = new personalize_1.GraphQLPersonalizeService({
+            clientFactory: config.clientFactory,
+        });
+    }
+    /**
+     * Generates a Next.js API route handler that executes a revalidation process.
+     * @returns The route handler function for handling Next.js API requests.
+     */
+    getHandler() {
+        return (req, res) => __awaiter(this, void 0, void 0, function* () {
+            try {
+                yield this.handler(req, res);
+                return res.status(200).json({ revalidated: true });
+            }
+            catch (error) {
+                console.log('Error Revalidating:');
+                console.log(error);
+                return res.status(500).json({ revalidated: false });
+            }
+        });
+    }
+    /**
+     * Gets personalized results for the updated paths
+     * @param {UpdatedPaths[]} filteredUpdates Updated paths
+     */
+    getPersonalizedResults(filteredUpdates) {
+        return __awaiter(this, void 0, void 0, function* () {
+            const personalizedResults = [];
+            const nonPersonalizedResults = [];
+            yield Promise.all(filteredUpdates.map((update) => __awaiter(this, void 0, void 0, function* () {
+                const siteName = this.getSiteName(update.path);
+                const pathName = this.getPathName(update.path);
+                const personalizeInfo = yield this.personalizeService.getPersonalizeInfo(pathName, update.language, siteName);
+                if (personalizeInfo && personalizeInfo.variantIds.length > 0) {
+                    personalizeInfo.variantIds.forEach((variantId) => {
+                        personalizedResults.push({
+                            path: update.path,
+                            variantId,
+                        });
+                    });
+                }
+                else {
+                    // Collect paths without personalized info
+                    nonPersonalizedResults.push({
+                        path: update.path,
+                    });
+                }
+            })));
+            return {
+                personalized: personalizedResults,
+                nonPersonalized: nonPersonalizedResults,
+            };
+        });
+    }
+    isEmpty(data) {
+        return data.length === 0;
+    }
+    /**
+     * Extracts the paths from the updated paths
+     * @param {UpdatedPaths[]} filteredUpdates Updated paths
+     * @returns {string[]} paths
+     */
+    extractPaths(filteredUpdates) {
+        return filteredUpdates.map((update) => update.path);
+    }
+    /**
+     * Gets the site name from the path name
+     * @param {string} pathname Path name
+     * @returns {string} site name
+     */
+    getSiteName(pathname) {
+        let siteName = '';
+        const path = pathname.endsWith('/') ? pathname : pathname + '/';
+        const result = path.match('(.*?)\\/');
+        if (result && result[1] !== '') {
+            siteName = result[1];
+        }
+        return siteName;
+    }
+    /**
+     * Gets the path name from the full path
+     * @param {string} fullPath Full path
+     * @returns {string} path name
+     */
+    getPathName(fullPath) {
+        const pathParts = fullPath.split('/').filter((part) => part !== '');
+        if (pathParts.length >= 2) {
+            const siteName = `/${pathParts[0]}/`;
+            const path = `/${pathParts.slice(1).join('/')}`;
+            return path.startsWith(siteName) ? path.slice(siteName.length) : path;
+        }
+        return '/';
+    }
+    extractSiteName(path) {
+        const siteName = path.split('/')[0];
+        return siteName;
+    }
+    /**
+     * Filters out the updated paths and language from the request body
+     * @param {NextApiRequest} req Next.js API request
+     * @returns {UpdatedPaths[]} updated paths
+     */
+    getFilteredUpdates(req) {
+        var _a, _b;
+        if (!((_a = req.body) === null || _a === void 0 ? void 0 : _a.updates) || this.isEmpty(req.body.updates)) {
+            return [];
+        }
+        return (_b = req.body) === null || _b === void 0 ? void 0 : _b.updates.filter((update) => update.entity_definition === EntityDefinition.LayoutData && update.entity_culture).map((update) => {
+            if (update.identifier === 'website/') {
+                return null;
+            }
+            return {
+                path: update.identifier,
+                language: update.entity_culture,
+            };
+        }).filter(Boolean);
+    }
+    handleMultiSitePersonalization(personalizeInfo, pathsToRevalidate, getPathName, getSiteName) {
+        if (personalizeInfo.personalized.length > 0) {
+            const personalizedRewrite = personalizeInfo.personalized.map((info) => {
+                return (0, personalize_1.getPersonalizedRewrite)((0, site_1.getSiteRewrite)(getPathName(info.path), { siteName: getSiteName(info.path) }), {
+                    variantId: info.variantId,
+                });
+            });
+            pathsToRevalidate.push(...personalizedRewrite);
+        }
+        if (personalizeInfo.nonPersonalized.length > 0) {
+            const nonPersonalizedRewrite = personalizeInfo.nonPersonalized.map((info) => {
+                return (0, site_1.getSiteRewrite)(getPathName(info.path), {
+                    siteName: getSiteName(info.path),
+                });
+            });
+            pathsToRevalidate.push(...nonPersonalizedRewrite);
+        }
+    }
+    handleNonMultiSitePersonalization(personalizeInfo, pathsToRevalidate, getPathName) {
+        const nonMultiSitePersonalizedRewrite = personalizeInfo.personalized.map((info) => {
+            return (0, personalize_1.getPersonalizedRewrite)(getPathName(info.path), { variantId: info.variantId });
+        });
+        const nonMultiSiteNonPersonalizedRewrite = personalizeInfo.nonPersonalized.map((info) => {
+            return this.getPathName(info.path);
+        });
+        pathsToRevalidate.push(...nonMultiSitePersonalizedRewrite, ...nonMultiSiteNonPersonalizedRewrite);
+    }
+}
+exports.RevalidateMiddleware = RevalidateMiddleware;

package/dist/cjs/utils/utils.js

@@ -1,10 +1,6 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getJssEditingSecret = exports.handleEditorFastRefresh = exports.getPublicUrl = void 0;
-const chalk_1 = __importDefault(require("chalk"));
 const utils_1 = require("@sitecore-jss/sitecore-jss/utils");
 /**
  * Get the publicUrl.
@@ -13,27 +9,19 @@ const utils_1 = require("@sitecore-jss/sitecore-jss/utils");
  * VERCEL_URL is provided by Vercel in case if we are in Preview deployment (deployment based on the custom branch),
  * preview deployment has unique url, we don't know exact url.
  * Similarly, DEPLOY_URL is provided by Netlify and would give us the deploy URL
+ * In production non-editing environments it is desirable to use relative urls, so in that case set PUBLIC_URL = ''
  */
 const getPublicUrl = () => {
-    if (process.env.NETLIFY && process.env.DEPLOY_URL)
-        return process.env.DEPLOY_URL;
-    if (process.env.VERCEL_URL)
-        return `https://${process.env.VERCEL_URL}`;
     let url = process.env.PUBLIC_URL;
     if (url === undefined) {
-        console.warn(`${chalk_1.default.yellow.bold('Warning:')} An PUBLIC_URL environment variable is not defined. Falling back to http://localhost:3000.`);
+        if (process.env.NETLIFY && process.env.DEPLOY_URL)
+            return process.env.DEPLOY_URL;
+        if (process.env.VERCEL_URL)
+            return `https://${process.env.VERCEL_URL}`;
         url = 'http://localhost:3000';
     }
-    else {
-        try {
-            new URL(url);
-        }
-        catch (error) {
-            throw new Error(`The PUBLIC_URL environment variable '${url}' is not a valid URL.`);
-        }
-    }
     // Ensure no trailing slash
-    return url.toString().replace(/\/$/, '');
+    return url.replace(/\/$/, '');
 };
 exports.getPublicUrl = getPublicUrl;
 /**

package/dist/esm/components/NextImage.js

@@ -14,12 +14,6 @@ import PropTypes from 'prop-types';
 import React from 'react';
 import { getEEMarkup, } from '@sitecore-jss/sitecore-jss-react';
 import Image from 'next/image';
-export const sitecoreLoader = ({ src, width }) => {
-    const [root, paramString] = src.split('?');
-    const params = new URLSearchParams(paramString);
-    params.set('mw', width.toString());
-    return `${root}?${params}`;
-};
 export const NextImage = (_a) => {
     var { editable, imageParams, field, mediaUrlPrefix, fill, priority } = _a, otherProps = __rest(_a, ["editable", "imageParams", "field", "mediaUrlPrefix", "fill", "priority"]);
     // next handles src and we use a custom loader,
@@ -55,9 +49,8 @@ export const NextImage = (_a) => {
         delete imageProps.width;
         delete imageProps.height;
     }
-    const loader = (otherProps.loader ? otherProps.loader : sitecoreLoader);
     if (attrs) {
-        return React.createElement(Image, Object.assign({ alt: "", loader: loader }, imageProps));
+        return React.createElement(Image, Object.assign({ alt: "" }, imageProps));
     }
     return null; // we can't handle the truth
 };

package/dist/esm/components/RichText.js

@@ -27,10 +27,10 @@ export const RichText = (props) => {
         }
     }, [hasText]);
     const routeHandler = (ev) => {
-        if (!ev.target)
+        if (!ev.currentTarget)
             return;
         ev.preventDefault();
-        const pathname = ev.target.href;
+        const pathname = ev.currentTarget.href;
         router.push(pathname, pathname, { locale: false });
     };
     const initializeLinks = () => {

package/dist/esm/context/context.js

@@ -1,3 +1,4 @@
+import { LayoutServicePageState } from '@sitecore-jss/sitecore-jss-react';
 /**
  * Context instance that is used to initialize the application Context and associated Software Development Kits (SDKs).
  */
@@ -16,9 +17,27 @@ export class Context {
          * Promises for the SDKs
          */
         this.sdkPromises = {};
+        this.sdkErrors = {};
+        /**
+         * Retrieves the Software Development Kit (SDK) instance, ensuring it is initialized before returning
+         *
+         * @param {string} name SDK name
+         * @returns initialized SDK
+         */
+        this.getSDK = (name) => {
+            if (!this.sdkPromises[name]) {
+                return Promise.reject(`Unknown SDK '${String(name)}'`);
+            }
+            else {
+                return this.sdkPromises[name].then((result) => {
+                    return ((this.sdkErrors[name] && Promise.reject(this.sdkErrors[name])) || Promise.resolve(result));
+                });
+            }
+        };
         this.sitecoreEdgeUrl = props.sitecoreEdgeUrl;
         this.sitecoreEdgeContextId = props.sitecoreEdgeContextId;
         this.siteName = props.siteName;
+        this.pageState = LayoutServicePageState.Normal;
     }
     init(props = {}) {
         // Context and SDKs are initialized only once
@@ -28,20 +47,14 @@ export class Context {
         if (props.siteName) {
             this.siteName = props.siteName;
         }
+        if (props.pageState) {
+            this.pageState = props.pageState;
+        }
         // iterate over the SDKs and initialize them
         for (const sdkName of Object.keys(this.props.sdks)) {
             this.initSDK(sdkName);
         }
     }
-    /**
-     * Retrieves the Software Development Kit (SDK) instance, ensuring it is initialized before returning
-     *
-     * @param {string} name SDK name
-     * @returns initialized SDK
-     */
-    getSDK(name) {
-        return this.sdkPromises[name];
-    }
     /**
      * Initializes the Software Development Kit (SDK)
      *
@@ -50,9 +63,16 @@ export class Context {
      */
     initSDK(name) {
         this.sdkPromises[name] = new Promise((resolve) => {
-            this.props.sdks[name].init(this).then(() => {
+            this.props.sdks[name]
+                .init(this)
+                .then(() => {
                 this.sdks[name] = this.props.sdks[name].sdk;
                 resolve(this.sdks[name]);
+            })
+                .catch((e) => {
+                // if init rejects, we mark SDK as failed - so getSDK call would reject with a reason
+                this.sdkErrors[name] = e;
+                resolve(undefined);
             });
         });
     }

package/dist/esm/editing/editing-config-middleware.js

@@ -0,0 +1,45 @@
+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());
+    });
+};
+import { QUERY_PARAM_EDITING_SECRET } from './constants';
+import { getJssEditingSecret } from '../utils/utils';
+import { debug } from '@sitecore-jss/sitecore-jss';
+/**
+ * Middleware / handler used in the editing config API route in xmcloud add on (e.g. '/api/editing/config')
+ * provides configuration information to determine feature compatibility on Pages side.
+ */
+export class EditingConfigMiddleware {
+    /**
+     * @param {EditingConfigMiddlewareConfig} [config] Editing configuration middleware config
+     */
+    constructor(config) {
+        this.config = config;
+        this.handler = (_req, res) => __awaiter(this, void 0, void 0, function* () {
+            const secret = _req.query[QUERY_PARAM_EDITING_SECRET];
+            if (secret !== getJssEditingSecret()) {
+                debug.editing('invalid editing secret - sent "%s" expected "%s"', secret, getJssEditingSecret());
+                return res.status(401).json({ message: 'Missing or invalid editing secret' });
+            }
+            const components = Array.isArray(this.config.components)
+                ? this.config.components
+                : Array.from(this.config.components.keys());
+            return res.status(200).json({
+                components,
+                packages: this.config.metadata.packages,
+            });
+        });
+    }
+    /**
+     * Gets the Next.js API route handler
+     * @returns middleware handler
+     */
+    getHandler() {
+        return this.handler;
+    }
+}

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

@@ -12,33 +12,20 @@ import { AxiosDataFetcher, debug } from '@sitecore-jss/sitecore-jss';
 import { EDITING_COMPONENT_ID, RenderingType } from '@sitecore-jss/sitecore-jss/layout';
 import { parse } from 'node-html-parser';
 import { editingDataService } from './editing-data-service';
-import { QUERY_PARAM_EDITING_SECRET, QUERY_PARAM_PROTECTION_BYPASS_SITECORE, QUERY_PARAM_PROTECTION_BYPASS_VERCEL, } from './constants';
+import { QUERY_PARAM_EDITING_SECRET } from './constants';
 import { getJssEditingSecret } from '../utils/utils';
+import { RenderMiddlewareBase } from './render-middleware';
 /**
  * Middleware / handler for use in the editing render Next.js API route (e.g. '/api/editing/render')
  * which is required for Sitecore editing support.
  */
-export class EditingRenderMiddleware {
+export class EditingRenderMiddleware extends RenderMiddlewareBase {
     /**
      * @param {EditingRenderMiddlewareConfig} [config] Editing render middleware config
      */
     constructor(config) {
         var _a, _b, _c, _d;
-        /**
-         * Gets query parameters that should be passed along to subsequent requests
-         * @param query Object of query parameters from incoming URL
-         * @returns Object of approved query parameters
-         */
-        this.getQueryParamsForPropagation = (query) => {
-            const params = {};
-            if (query[QUERY_PARAM_PROTECTION_BYPASS_SITECORE]) {
-                params[QUERY_PARAM_PROTECTION_BYPASS_SITECORE] = query[QUERY_PARAM_PROTECTION_BYPASS_SITECORE];
-            }
-            if (query[QUERY_PARAM_PROTECTION_BYPASS_VERCEL]) {
-                params[QUERY_PARAM_PROTECTION_BYPASS_VERCEL] = query[QUERY_PARAM_PROTECTION_BYPASS_VERCEL];
-            }
-            return params;
-        };
+        super();
         this.handler = (req, res) => __awaiter(this, void 0, void 0, function* () {
             var _e, _f;
             const { method, query, body, headers } = req;

package/dist/esm/editing/feaas-render-middleware.js

@@ -0,0 +1,83 @@
+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());
+    });
+};
+import { debug } from '@sitecore-jss/sitecore-jss';
+import { QUERY_PARAM_EDITING_SECRET } from './constants';
+import { getJssEditingSecret } from '../utils/utils';
+import { RenderMiddlewareBase } from './render-middleware';
+/**
+ * Middleware / handler for use in the feaas render Next.js API route (e.g. '/api/editing/feaas/render')
+ * which is required for Sitecore editing support.
+ */
+export class FEAASRenderMiddleware extends RenderMiddlewareBase {
+    /**
+     * @param {EditingRenderMiddlewareConfig} [config] Editing render middleware config
+     */
+    constructor(config) {
+        var _a;
+        super();
+        this.config = config;
+        this.defaultPageUrl = '/feaas/render';
+        this.handler = (req, res) => __awaiter(this, void 0, void 0, function* () {
+            const { method, query, headers } = req;
+            const startTimestamp = Date.now();
+            debug.editing('feaas render middleware start: %o', {
+                method,
+                query,
+                headers,
+            });
+            if (method !== 'GET') {
+                debug.editing('invalid method - sent %s expected GET', method);
+                res.setHeader('Allow', 'GET');
+                return res.status(405).send(`<html><body>Invalid request method '${method}'</body></html>`);
+            }
+            // Validate secret
+            const secret = query[QUERY_PARAM_EDITING_SECRET];
+            if (secret !== getJssEditingSecret()) {
+                debug.editing('invalid editing secret - sent "%s" expected "%s"', secret, getJssEditingSecret());
+                return res.status(401).send('<html><body>Missing or invalid secret</body></html>');
+            }
+            try {
+                // Get query string parameters to propagate on subsequent requests (e.g. for deployment protection bypass)
+                const params = this.getQueryParamsForPropagation(query);
+                // Enable Next.js Preview Mode
+                res.setPreviewData({});
+                const queryParams = new URLSearchParams();
+                for (const key in params) {
+                    if ({}.hasOwnProperty.call(params, key)) {
+                        queryParams.append(key, params[key]);
+                    }
+                }
+                // Pass "feaasSrc" in case a FEAASComponent is being requested
+                if (query.feaasSrc) {
+                    queryParams.append('feaasSrc', query.feaasSrc);
+                }
+                const redirectUrl = this.pageUrl + (queryParams.toString() ? `?${queryParams.toString()}` : '');
+                debug.editing('redirecting to page route %s', redirectUrl);
+                debug.editing('feaas render middleware end in %dms', Date.now() - startTimestamp);
+                res.redirect(redirectUrl);
+            }
+            catch (err) {
+                const error = err;
+                console.info(
+                // eslint-disable-next-line quotes
+                "Hint: for non-standard server or Next.js route configurations, you may need to override the 'pageUrl' available on the 'FEAASRenderMiddleware' config.");
+                res.status(500).send(`<html><body>${error}</body></html>`);
+            }
+        });
+        this.pageUrl = (_a = config === null || config === void 0 ? void 0 : config.pageUrl) !== null && _a !== void 0 ? _a : this.defaultPageUrl;
+    }
+    /**
+     * Gets the Next.js API route handler
+     * @returns route handler
+     */
+    getHandler() {
+        return this.handler;
+    }
+}

package/dist/esm/editing/index.js

@@ -3,3 +3,5 @@ export { EditingDataMiddleware } from './editing-data-middleware';
 export { EditingRenderMiddleware, } from './editing-render-middleware';
 export { BasicEditingDataService, ServerlessEditingDataService, editingDataService, } from './editing-data-service';
 export { VercelEditingDataCache } from './vercel-editing-data-cache';
+export { FEAASRenderMiddleware } from './feaas-render-middleware';
+export { EditingConfigMiddleware, } from './editing-config-middleware';

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

@@ -0,0 +1,23 @@
+import { QUERY_PARAM_PROTECTION_BYPASS_SITECORE, QUERY_PARAM_PROTECTION_BYPASS_VERCEL, } from './constants';
+/**
+ * Base class for middleware that handles pages and components rendering in Sitecore Editors.
+ */
+export class RenderMiddlewareBase {
+    constructor() {
+        /**
+         * Gets query parameters that should be passed along to subsequent requests (e.g. for deployment protection bypass)
+         * @param {Object} query Object of query parameters from incoming URL
+         * @returns Object of approved query parameters
+         */
+        this.getQueryParamsForPropagation = (query) => {
+            const params = {};
+            if (query[QUERY_PARAM_PROTECTION_BYPASS_SITECORE]) {
+                params[QUERY_PARAM_PROTECTION_BYPASS_SITECORE] = query[QUERY_PARAM_PROTECTION_BYPASS_SITECORE];
+            }
+            if (query[QUERY_PARAM_PROTECTION_BYPASS_VERCEL]) {
+                params[QUERY_PARAM_PROTECTION_BYPASS_VERCEL] = query[QUERY_PARAM_PROTECTION_BYPASS_VERCEL];
+            }
+            return params;
+        };
+    }
+}

package/dist/esm/graphql/index.js

@@ -1 +1 @@
-export { GraphQLRequestClient, getEdgeProxyContentUrl, } from '@sitecore-jss/sitecore-jss/graphql';
+export { DefaultRetryStrategy, GraphQLRequestClient, getEdgeProxyContentUrl, } from '@sitecore-jss/sitecore-jss/graphql';

package/dist/esm/index.js

@@ -1,4 +1,4 @@
-export { constants, AxiosDataFetcher, NativeDataFetcher, enableDebug, debug, } from '@sitecore-jss/sitecore-jss';
+export { constants, AxiosDataFetcher, ClientError, NativeDataFetcher, enableDebug, debug, } from '@sitecore-jss/sitecore-jss';
 // we will remove the root exports for these later
 // we cannot mark exports as deprected directly, so we're using this hack instead
 import { GraphQLRequestClient as GraphQLRequestClientDep } from './graphql';
@@ -20,7 +20,7 @@ const { GraphQLRequestClientDep: GraphQLRequestClient } = {
 export { GraphQLRequestClient };
 export { handleEditorFastRefresh, getPublicUrl };
 export { isEditorActive, resetEditorChromes, resolveUrl, tryParseEnvValue };
-export { LayoutServicePageState, GraphQLLayoutService, RestLayoutService, getChildPlaceholder, getFieldValue, RenderingType, EDITING_COMPONENT_PLACEHOLDER, EDITING_COMPONENT_ID, } from '@sitecore-jss/sitecore-jss/layout';
+export { LayoutServicePageState, GraphQLLayoutService, RestLayoutService, getChildPlaceholder, getFieldValue, RenderingType, EDITING_COMPONENT_PLACEHOLDER, EDITING_COMPONENT_ID, getContentStylesheetLink, } from '@sitecore-jss/sitecore-jss/layout';
 export { mediaApi } from '@sitecore-jss/sitecore-jss/media';
 export { trackingApi, } from '@sitecore-jss/sitecore-jss/tracking';
 export { GraphQLDictionaryService, RestDictionaryService, } from '@sitecore-jss/sitecore-jss/i18n';
@@ -42,4 +42,4 @@ export { FEaaSWrapper };
 export { BYOCWrapper };
 export { ComponentBuilder } from './ComponentBuilder';
 export { Context } from './context';
-export { Image, Text, DateField, EditFrame, FEaaSComponent, fetchFEaaSComponentServerProps, BYOCComponent, getFEAASLibraryStylesheetLinks, File, VisitorIdentification, SitecoreContext, SitecoreContextReactContext, withSitecoreContext, useSitecoreContext, withEditorChromes, withPlaceholder, withDatasourceCheck, } from '@sitecore-jss/sitecore-jss-react';
+export { Image, Text, DateField, EditFrame, FEaaSComponent, fetchFEaaSComponentServerProps, BYOCComponent, getFEAASLibraryStylesheetLinks, getComponentLibraryStylesheetLinks, File, VisitorIdentification, SitecoreContext, SitecoreContextReactContext, withSitecoreContext, useSitecoreContext, withEditorChromes, withPlaceholder, withDatasourceCheck, } from '@sitecore-jss/sitecore-jss-react';

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

@@ -49,8 +49,14 @@ export class MultisiteMiddleware extends MiddlewareBase {
                 siteName,
             });
             response = this.rewrite(rewritePath, req, response);
+            // default site cookie attributes
+            const defaultCookieAttributes = {
+                secure: true,
+                httpOnly: true,
+                sameSite: 'none',
+            };
             // Share site name with the following executed middlewares
-            response.cookies.set(this.SITE_SYMBOL, siteName);
+            response.cookies.set(this.SITE_SYMBOL, siteName, defaultCookieAttributes);
             debug.multisite('multisite middleware end in %dms: %o', Date.now() - startTimestamp, {
                 rewritePath,
                 siteName,

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

@@ -65,7 +65,7 @@ export class PersonalizeMiddleware extends MiddlewareBase {
                 response,
             });
             const params = this.getExperienceParams(req);
-            debug.personalize('executing experience for %s %s %o', personalizeInfo.contentId, params);
+            debug.personalize('executing experience for %s %o', personalizeInfo.contentId, params);
             let variantId;
             // Execute targeted experience in Personalize SDK
             // eslint-disable-next-line no-useless-catch