npm - @sitecore-jss/sitecore-jss-nextjs - Versions diffs - 22.9.0-canary.1 → 22.9.0-canary.11 - Mend

@sitecore-jss/sitecore-jss-nextjs 22.9.0-canary.1 → 22.9.0-canary.11

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (20) hide show

package/dist/cjs/components/ComponentPropsContext.js CHANGED Viewed

@@ -23,7 +23,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.ComponentPropsContext = exports.useComponentProps = exports.ComponentPropsReactContext = void 0;
+exports.ComponentPropsContext = exports.ComponentPropsReactContext = void 0;
+exports.useComponentProps = useComponentProps;
 const react_1 = __importStar(require("react"));
 /**
  * Component props context which we are using in order to store data fetched on components level (getStaticProps/getServerSideProps)
@@ -42,6 +43,5 @@ function useComponentProps(componentUid) {
     const data = (0, react_1.useContext)(exports.ComponentPropsReactContext);
     return data[componentUid];
 }
-exports.useComponentProps = useComponentProps;
 const ComponentPropsContext = ({ children, value, }) => (react_1.default.createElement(exports.ComponentPropsReactContext.Provider, { value: value }, children));
 exports.ComponentPropsContext = ComponentPropsContext;

package/dist/cjs/editing/editing-data.js CHANGED Viewed

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.isEditingData = void 0;
+exports.isEditingData = isEditingData;
 /**
  * @param {EditingData} data
  */
@@ -10,4 +10,3 @@ function isEditingData(data) {
         data.layoutData !== undefined &&
         data.dictionary !== undefined);
 }
-exports.isEditingData = isEditingData;

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

@@ -285,9 +285,10 @@ class MetadataHandler {
             });
             res.setHeader('Set-Cookie', modifiedCookies);
         }
+        const encodedRoute = encodeURI(query.route);
         const route = ((_c = (_b = this.config).resolvePageUrl) === null || _c === void 0 ? void 0 : _c.call(_b, {
-            itemPath: query.route,
-        })) || query.route;
+            itemPath: encodedRoute,
+        })) || encodedRoute;
         sitecore_jss_1.debug.editing('editing render middleware end in %dms: redirect %o', Date.now() - startTimestamp, {
             status: 307,
             route,

package/dist/cjs/editing/feaas-render-middleware.js CHANGED Viewed

@@ -29,7 +29,7 @@ class FEAASRenderMiddleware extends render_middleware_1.RenderMiddlewareBase {
         this.config = config;
         this.defaultPageUrl = '/feaas/render';
         this.handler = (req, res) => __awaiter(this, void 0, void 0, function* () {
-            var _b;
+            var _a;
             const { method, query, headers } = req;
             const startTimestamp = Date.now();
             sitecore_jss_1.debug.editing('feaas render middleware start: %o', {
@@ -41,7 +41,7 @@ class FEAASRenderMiddleware extends render_middleware_1.RenderMiddlewareBase {
                 sitecore_jss_1.debug.editing('invalid origin host - set allowed origins in JSS_ALLOWED_ORIGINS environment variable');
                 return res
                     .status(401)
-                    .send(`<html><body>Requests from origin ${(_b = req.headers) === null || _b === void 0 ? void 0 : _b.origin} are not allowed</body></html>`);
+                    .send(`<html><body>Requests from origin ${(_a = req.headers) === null || _a === void 0 ? void 0 : _a.origin} are not allowed</body></html>`);
             }
             if (!method || !['GET', 'OPTIONS'].includes(method)) {
                 sitecore_jss_1.debug.editing('invalid method - sent %s expected GET,OPTIONS', method);

package/dist/cjs/middleware/redirects-middleware.js CHANGED Viewed

@@ -64,7 +64,7 @@ class RedirectsMiddleware extends middleware_1.MiddlewareBase {
         return __awaiter(this, void 0, void 0, function* () {
             const { pathname: incomingURL, search: incomingQS = '' } = this.normalizeUrl(req.nextUrl.clone());
             const locale = this.getLanguage(req);
-            const normalizedPath = incomingURL.replace(/\/*$/gi, '');
+            const normalizedPath = incomingURL.replace(/\/*$/gi, '').toLowerCase();
             const redirects = yield this.getRedirects(siteName);
             const language = this.getLanguage(req);
             const modifyRedirects = structuredClone(redirects);
@@ -78,7 +78,7 @@ class RedirectsMiddleware extends middleware_1.MiddlewareBase {
                             ? redirect.pattern.slice(0, -1).split('?')
                             : redirect.pattern.split('?');
                         const patternQS = urlArray[1];
-                        let patternPath = urlArray[0];
+                        let patternPath = urlArray[0].toLowerCase();
                         // nextjs routes are case-sensitive, but locales should be compared case-insensitively
                         const patternParts = patternPath.split('/');
                         const maybeLocale = patternParts[1].toLowerCase();
@@ -102,7 +102,7 @@ class RedirectsMiddleware extends middleware_1.MiddlewareBase {
                         .replace(/\$\/gi$/g, '')}[\/]?$/i`; // Ensures the pattern allows an optional trailing slash
                     // Redirect pattern matches the full incoming URL with query string present
                     matchedQueryString = [
-                        (0, regex_parser_1.default)(redirect.pattern).test(`${localePath}${incomingQS}`),
+                        (0, regex_parser_1.default)(redirect.pattern).test(`/${localePath}${incomingQS}`),
                         (0, regex_parser_1.default)(redirect.pattern).test(`${normalizedPath}${incomingQS}`),
                     ].some(Boolean)
                         ? incomingQS
@@ -149,6 +149,7 @@ class RedirectsMiddleware extends middleware_1.MiddlewareBase {
                 if (this.isPrefetch(req)) {
                     sitecore_jss_1.debug.redirects('skipped (prefetch)');
                     response.headers.set('x-middleware-cache', 'no-cache');
+                    response.headers.set('Cache-Control', 'no-store, must-revalidate');
                     return response;
                 }
                 site = this.getSite(req, res);

package/dist/cjs/services/base-graphql-sitemap-service.js CHANGED Viewed

@@ -9,7 +9,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BaseGraphQLSitemapService = exports.getSiteEmptyError = exports.siteError = exports.languageError = void 0;
+exports.BaseGraphQLSitemapService = exports.siteError = exports.languageError = void 0;
+exports.getSiteEmptyError = getSiteEmptyError;
 const sitecore_jss_1 = require("@sitecore-jss/sitecore-jss");
 const personalize_1 = require("@sitecore-jss/sitecore-jss/personalize");
 /** @private */
@@ -22,7 +23,6 @@ exports.siteError = 'The service needs a site name';
 function getSiteEmptyError(siteName) {
     return `Site "${siteName}" does not exist or site item tree is missing`;
 }
-exports.getSiteEmptyError = getSiteEmptyError;
 const languageEmptyError = 'The language must be a non-empty string';
 /**
  * GQL query made dynamic based on schema differences between SXP and XM Cloud
@@ -54,6 +54,9 @@ query ${usesPersonalize ? 'PersonalizeSitemapQuery' : 'DefaultSitemapQuery'}(
         }
         results {
           path: routePath
+          route {
+            displayName
+          }
           ${usesPersonalize
     ? `
               route {
@@ -80,8 +83,10 @@ class BaseGraphQLSitemapService {
      * @param {GraphQLSitemapServiceConfig} options instance
      */
     constructor(options) {
+        var _a;
         this.options = options;
         this._graphQLClient = this.getGraphQLClient();
+        this._enableDisplayNameRouting = (_a = options.enableDisplayNameRouting) !== null && _a !== void 0 ? _a : false;
     }
     /**
      * GraphQL client accessible by descendant classes when needed
@@ -145,19 +150,90 @@ class BaseGraphQLSitemapService {
     }
     transformLanguageSitePaths(sitePaths, formatStaticPath, language) {
         return __awaiter(this, void 0, void 0, function* () {
-            const formatPath = (path) => formatStaticPath(path.replace(/^\/|\/$/g, '').split('/'), language);
+            var _a, _b, _c, _d;
             const aggregatedPaths = [];
-            sitePaths.forEach((item) => {
-                var _a, _b, _c;
-                if (!item)
-                    return;
-                aggregatedPaths.push(formatPath(item.path));
-                const variantIds = (_c = (_b = (_a = item.route) === null || _a === void 0 ? void 0 : _a.personalization) === null || _b === void 0 ? void 0 : _b.variantIds) === null || _c === void 0 ? void 0 : _c.filter((variantId) => !variantId.includes('_') // exclude component A/B test variants
-                );
+            /**
+             * Build a map of the last segment of each path to its encoded display name.
+             * This is used later to substitute the final segment with a display name if available.
+             */
+            const displayNameMap = new Map();
+            if (this._enableDisplayNameRouting) {
+                for (const item of sitePaths) {
+                    if (!item || typeof item.path !== 'string')
+                        continue;
+                    const segments = item.path.replace(/^\/|\/$/g, '').split('/');
+                    const lastSegment = segments[segments.length - 1];
+                    const displayName = (_a = item.route) === null || _a === void 0 ? void 0 : _a.displayName;
+                    if (displayName) {
+                        displayNameMap.set(lastSegment, encodeURIComponent(displayName));
+                    }
+                }
+            }
+            /**
+             * Recursively generate all path combinations using either:
+             * - The item name segment (default)
+             * - Or the display name (if available in the map)
+             *
+             * For example: if path is ['about', 'team'] and displayName for 'team' is 'Team-Page',
+             * it will generate:
+             * - ['about', 'team']
+             * - ['about', 'Team-Page']
+             * @param {string[]} segments
+             */
+            const generateCombinations = (segments) => {
+                if (!this._enableDisplayNameRouting) {
+                    return [segments];
+                }
+                const results = [];
+                const helper = (index, current) => {
+                    if (index === segments.length) {
+                        results.push([...current]);
+                        return;
+                    }
+                    const segment = segments[index];
+                    const display = displayNameMap.get(segment);
+                    // Item name segment
+                    current.push(segment);
+                    helper(index + 1, current);
+                    current.pop();
+                    // Display name segment (if available and different)
+                    if (display && display !== segment) {
+                        current.push(display);
+                        helper(index + 1, current);
+                        current.pop();
+                    }
+                };
+                helper(0, []);
+                return results;
+            };
+            /**
+             * Process each route in the result set to:
+             * - Add itemName-based and displayName-based paths
+             * - Add personalized variants (if applicable) for each of those paths
+             */
+            for (const item of sitePaths) {
+                if (!item || typeof item.path !== 'string')
+                    continue;
+                const itemPath = item.path.replace(/^\/|\/$/g, '');
+                const segments = itemPath ? itemPath.split('/') : [];
+                // Generate all display/item name path combinations
+                const allCombinations = generateCombinations(segments);
+                // Add plain paths to the aggregated paths list
+                for (const combo of allCombinations) {
+                    aggregatedPaths.push(formatStaticPath(combo, language));
+                }
+                // Check for personalization variants
+                const variantIds = (_d = (_c = (_b = item.route) === null || _b === void 0 ? void 0 : _b.personalization) === null || _c === void 0 ? void 0 : _c.variantIds) === null || _d === void 0 ? void 0 : _d.filter((variantId) => !variantId.includes('_'));
                 if (variantIds === null || variantIds === void 0 ? void 0 : variantIds.length) {
-                    aggregatedPaths.push(...variantIds.map((varId) => formatPath((0, personalize_1.getPersonalizedRewrite)(item.path, [varId]))));
+                    for (const variantId of variantIds) {
+                        for (const combo of allCombinations) {
+                            const rewritePath = (0, personalize_1.getPersonalizedRewrite)('/' + combo.join('/'), [variantId]);
+                            const variantSegments = rewritePath.replace(/^\/|\/$/g, '').split('/');
+                            aggregatedPaths.push(formatStaticPath(variantSegments, language));
+                        }
+                    }
                 }
-            });
+            }
             return aggregatedPaths;
         });
     }

package/dist/cjs/services/graphql-sitemap-service.js CHANGED Viewed

@@ -9,7 +9,8 @@ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, ge
     });
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.GraphQLSitemapService = exports.getSiteEmptyError = exports.siteError = exports.languageError = void 0;
+exports.GraphQLSitemapService = exports.siteError = exports.languageError = void 0;
+exports.getSiteEmptyError = getSiteEmptyError;
 const base_graphql_sitemap_service_1 = require("./base-graphql-sitemap-service");
 /** @private */
 exports.languageError = 'The list of languages cannot be empty';
@@ -21,7 +22,6 @@ exports.siteError = 'The service needs a site name';
 function getSiteEmptyError(siteName) {
     return `Site "${siteName}" does not exist or site item tree is missing`;
 }
-exports.getSiteEmptyError = getSiteEmptyError;
 /**
  * Service that fetches the list of site pages using Sitecore's GraphQL API.
  * Used to handle a single site

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

@@ -279,9 +279,10 @@ export class MetadataHandler {
             });
             res.setHeader('Set-Cookie', modifiedCookies);
         }
+        const encodedRoute = encodeURI(query.route);
         const route = ((_c = (_b = this.config).resolvePageUrl) === null || _c === void 0 ? void 0 : _c.call(_b, {
-            itemPath: query.route,
-        })) || query.route;
+            itemPath: encodedRoute,
+        })) || encodedRoute;
         debug.editing('editing render middleware end in %dms: redirect %o', Date.now() - startTimestamp, {
             status: 307,
             route,

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

@@ -26,7 +26,7 @@ export class FEAASRenderMiddleware extends RenderMiddlewareBase {
         this.config = config;
         this.defaultPageUrl = '/feaas/render';
         this.handler = (req, res) => __awaiter(this, void 0, void 0, function* () {
-            var _b;
+            var _a;
             const { method, query, headers } = req;
             const startTimestamp = Date.now();
             debug.editing('feaas render middleware start: %o', {
@@ -38,7 +38,7 @@ export class FEAASRenderMiddleware extends RenderMiddlewareBase {
                 debug.editing('invalid origin host - set allowed origins in JSS_ALLOWED_ORIGINS environment variable');
                 return res
                     .status(401)
-                    .send(`<html><body>Requests from origin ${(_b = req.headers) === null || _b === void 0 ? void 0 : _b.origin} are not allowed</body></html>`);
+                    .send(`<html><body>Requests from origin ${(_a = req.headers) === null || _a === void 0 ? void 0 : _a.origin} are not allowed</body></html>`);
             }
             if (!method || !['GET', 'OPTIONS'].includes(method)) {
                 debug.editing('invalid method - sent %s expected GET,OPTIONS', method);

package/dist/esm/middleware/redirects-middleware.js CHANGED Viewed

@@ -58,7 +58,7 @@ export class RedirectsMiddleware extends MiddlewareBase {
         return __awaiter(this, void 0, void 0, function* () {
             const { pathname: incomingURL, search: incomingQS = '' } = this.normalizeUrl(req.nextUrl.clone());
             const locale = this.getLanguage(req);
-            const normalizedPath = incomingURL.replace(/\/*$/gi, '');
+            const normalizedPath = incomingURL.replace(/\/*$/gi, '').toLowerCase();
             const redirects = yield this.getRedirects(siteName);
             const language = this.getLanguage(req);
             const modifyRedirects = structuredClone(redirects);
@@ -72,7 +72,7 @@ export class RedirectsMiddleware extends MiddlewareBase {
                             ? redirect.pattern.slice(0, -1).split('?')
                             : redirect.pattern.split('?');
                         const patternQS = urlArray[1];
-                        let patternPath = urlArray[0];
+                        let patternPath = urlArray[0].toLowerCase();
                         // nextjs routes are case-sensitive, but locales should be compared case-insensitively
                         const patternParts = patternPath.split('/');
                         const maybeLocale = patternParts[1].toLowerCase();
@@ -96,7 +96,7 @@ export class RedirectsMiddleware extends MiddlewareBase {
                         .replace(/\$\/gi$/g, '')}[\/]?$/i`; // Ensures the pattern allows an optional trailing slash
                     // Redirect pattern matches the full incoming URL with query string present
                     matchedQueryString = [
-                        regexParser(redirect.pattern).test(`${localePath}${incomingQS}`),
+                        regexParser(redirect.pattern).test(`/${localePath}${incomingQS}`),
                         regexParser(redirect.pattern).test(`${normalizedPath}${incomingQS}`),
                     ].some(Boolean)
                         ? incomingQS
@@ -143,6 +143,7 @@ export class RedirectsMiddleware extends MiddlewareBase {
                 if (this.isPrefetch(req)) {
                     debug.redirects('skipped (prefetch)');
                     response.headers.set('x-middleware-cache', 'no-cache');
+                    response.headers.set('Cache-Control', 'no-store, must-revalidate');
                     return response;
                 }
                 site = this.getSite(req, res);

package/dist/esm/services/base-graphql-sitemap-service.js CHANGED Viewed

@@ -50,6 +50,9 @@ query ${usesPersonalize ? 'PersonalizeSitemapQuery' : 'DefaultSitemapQuery'}(
         }
         results {
           path: routePath
+          route {
+            displayName
+          }
           ${usesPersonalize
     ? `
               route {
@@ -76,8 +79,10 @@ export class BaseGraphQLSitemapService {
      * @param {GraphQLSitemapServiceConfig} options instance
      */
     constructor(options) {
+        var _a;
         this.options = options;
         this._graphQLClient = this.getGraphQLClient();
+        this._enableDisplayNameRouting = (_a = options.enableDisplayNameRouting) !== null && _a !== void 0 ? _a : false;
     }
     /**
      * GraphQL client accessible by descendant classes when needed
@@ -141,19 +146,90 @@ export class BaseGraphQLSitemapService {
     }
     transformLanguageSitePaths(sitePaths, formatStaticPath, language) {
         return __awaiter(this, void 0, void 0, function* () {
-            const formatPath = (path) => formatStaticPath(path.replace(/^\/|\/$/g, '').split('/'), language);
+            var _a, _b, _c, _d;
             const aggregatedPaths = [];
-            sitePaths.forEach((item) => {
-                var _a, _b, _c;
-                if (!item)
-                    return;
-                aggregatedPaths.push(formatPath(item.path));
-                const variantIds = (_c = (_b = (_a = item.route) === null || _a === void 0 ? void 0 : _a.personalization) === null || _b === void 0 ? void 0 : _b.variantIds) === null || _c === void 0 ? void 0 : _c.filter((variantId) => !variantId.includes('_') // exclude component A/B test variants
-                );
+            /**
+             * Build a map of the last segment of each path to its encoded display name.
+             * This is used later to substitute the final segment with a display name if available.
+             */
+            const displayNameMap = new Map();
+            if (this._enableDisplayNameRouting) {
+                for (const item of sitePaths) {
+                    if (!item || typeof item.path !== 'string')
+                        continue;
+                    const segments = item.path.replace(/^\/|\/$/g, '').split('/');
+                    const lastSegment = segments[segments.length - 1];
+                    const displayName = (_a = item.route) === null || _a === void 0 ? void 0 : _a.displayName;
+                    if (displayName) {
+                        displayNameMap.set(lastSegment, encodeURIComponent(displayName));
+                    }
+                }
+            }
+            /**
+             * Recursively generate all path combinations using either:
+             * - The item name segment (default)
+             * - Or the display name (if available in the map)
+             *
+             * For example: if path is ['about', 'team'] and displayName for 'team' is 'Team-Page',
+             * it will generate:
+             * - ['about', 'team']
+             * - ['about', 'Team-Page']
+             * @param {string[]} segments
+             */
+            const generateCombinations = (segments) => {
+                if (!this._enableDisplayNameRouting) {
+                    return [segments];
+                }
+                const results = [];
+                const helper = (index, current) => {
+                    if (index === segments.length) {
+                        results.push([...current]);
+                        return;
+                    }
+                    const segment = segments[index];
+                    const display = displayNameMap.get(segment);
+                    // Item name segment
+                    current.push(segment);
+                    helper(index + 1, current);
+                    current.pop();
+                    // Display name segment (if available and different)
+                    if (display && display !== segment) {
+                        current.push(display);
+                        helper(index + 1, current);
+                        current.pop();
+                    }
+                };
+                helper(0, []);
+                return results;
+            };
+            /**
+             * Process each route in the result set to:
+             * - Add itemName-based and displayName-based paths
+             * - Add personalized variants (if applicable) for each of those paths
+             */
+            for (const item of sitePaths) {
+                if (!item || typeof item.path !== 'string')
+                    continue;
+                const itemPath = item.path.replace(/^\/|\/$/g, '');
+                const segments = itemPath ? itemPath.split('/') : [];
+                // Generate all display/item name path combinations
+                const allCombinations = generateCombinations(segments);
+                // Add plain paths to the aggregated paths list
+                for (const combo of allCombinations) {
+                    aggregatedPaths.push(formatStaticPath(combo, language));
+                }
+                // Check for personalization variants
+                const variantIds = (_d = (_c = (_b = item.route) === null || _b === void 0 ? void 0 : _b.personalization) === null || _c === void 0 ? void 0 : _c.variantIds) === null || _d === void 0 ? void 0 : _d.filter((variantId) => !variantId.includes('_'));
                 if (variantIds === null || variantIds === void 0 ? void 0 : variantIds.length) {
-                    aggregatedPaths.push(...variantIds.map((varId) => formatPath(getPersonalizedRewrite(item.path, [varId]))));
+                    for (const variantId of variantIds) {
+                        for (const combo of allCombinations) {
+                            const rewritePath = getPersonalizedRewrite('/' + combo.join('/'), [variantId]);
+                            const variantSegments = rewritePath.replace(/^\/|\/$/g, '').split('/');
+                            aggregatedPaths.push(formatStaticPath(variantSegments, language));
+                        }
+                    }
                 }
-            });
+            }
             return aggregatedPaths;
         });
     }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@sitecore-jss/sitecore-jss-nextjs",
-  "version": "22.9.0-canary.1",
+  "version": "22.9.0-canary.11",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "sideEffects": false,
@@ -32,56 +32,56 @@
   "devDependencies": {
     "@sitecore-cloudsdk/core": "^0.5.1",
     "@sitecore-cloudsdk/personalize": "^0.5.1",
-    "@testing-library/dom": "^10.4.0",
+    "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.0",
-    "@types/chai": "^4.3.4",
-    "@types/chai-as-promised": "^7.1.5",
-    "@types/chai-string": "^1.4.2",
-    "@types/mocha": "^10.0.1",
+    "@types/chai": "^5.2.2",
+    "@types/chai-as-promised": "^8.0.2",
+    "@types/chai-string": "^1.4.5",
+    "@types/mocha": "^10.0.10",
     "@types/node": "~22.9.0",
-    "@types/react": "^19.1.2",
-    "@types/react-dom": "^19.1.3",
-    "@types/sinon": "^10.0.13",
-    "@types/sinon-chai": "^3.2.9",
+    "@types/react": "^19.1.7",
+    "@types/react-dom": "^19.1.7",
+    "@types/sinon": "^17.0.4",
+    "@types/sinon-chai": "^4.0.0",
     "chai": "^4.3.7",
     "chai-as-promised": "^7.1.1",
-    "chai-string": "^1.5.0",
+    "chai-string": "^1.6.0",
     "chalk": "^4.1.2",
     "cross-fetch": "^3.1.5",
     "del-cli": "^5.0.0",
     "eslint": "^8.56.0",
     "eslint-plugin-react": "^7.37.5",
-    "jsdom": "^21.1.0",
-    "mocha": "^10.2.0",
-    "next": "^15.3.1",
+    "jsdom": "^26.1.0",
+    "mocha": "^11.7.0",
+    "next": "^15.4.6",
     "nock": "^13.3.0",
-    "nyc": "^15.1.0",
+    "nyc": "^17.1.0",
     "react": "^19.1.0",
     "react-dom": "^19.1.0",
-    "sinon": "^15.0.1",
+    "sinon": "^20.0.0",
     "sinon-chai": "^3.7.0",
     "ts-node": "^10.9.1",
-    "typescript": "~5.4.0"
+    "typescript": "~5.6.3"
   },
   "peerDependencies": {
-    "@sitecore-cloudsdk/core": "^0.5.1",
-    "@sitecore-cloudsdk/events": "^0.5.1",
-    "@sitecore-cloudsdk/personalize": "^0.5.1",
-    "next": "^15.3.1",
+    "@sitecore-cloudsdk/core": "^0.5.2",
+    "@sitecore-cloudsdk/events": "^0.5.2",
+    "@sitecore-cloudsdk/personalize": "^0.5.2",
+    "next": "^15.4.6",
     "react": "^19.1.0",
     "react-dom": "^19.1.0"
   },
   "dependencies": {
-    "@sitecore-jss/sitecore-jss": "22.9.0-canary.1",
-    "@sitecore-jss/sitecore-jss-dev-tools": "22.9.0-canary.1",
-    "@sitecore-jss/sitecore-jss-react": "22.9.0-canary.1",
+    "@sitecore-jss/sitecore-jss": "22.9.0-canary.11",
+    "@sitecore-jss/sitecore-jss-dev-tools": "22.9.0-canary.11",
+    "@sitecore-jss/sitecore-jss-react": "22.9.0-canary.11",
     "@vercel/kv": "^0.2.1",
     "regex-parser": "^2.2.11",
     "sync-disk-cache": "^2.1.0"
   },
   "description": "",
   "types": "types/index.d.ts",
-  "gitHead": "ae9418c7df8c0e7c91b902eaffc58c7ad0beacd7",
+  "gitHead": "04c65d604d67da8021bcede2c38e884556deda56",
   "files": [
     "dist",
     "types",

package/types/components/ComponentPropsContext.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="@types/react" />
 import React, { ReactNode, JSX } from 'react';
 import { ComponentPropsCollection } from '../sharedTypes/component-props';
 /**

package/types/components/Link.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="@types/react" />
 import React from 'react';
 import { LinkProps as NextLinkProps } from 'next/link';
 import { LinkProps as ReactLinkProps } from '@sitecore-jss/sitecore-jss-react';

package/types/components/NextImage.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="@types/react" />
 import React from 'react';
 import { ImageProps } from '@sitecore-jss/sitecore-jss-react';
 import { ImageProps as NextImageProperties } from 'next/image';

package/types/components/Placeholder.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="@types/react" />
 import React from 'react';
 import { PlaceholderComponentProps, WithSitecoreContextProps, EnhancedOmit } from '@sitecore-jss/sitecore-jss-react';
 /**

package/types/editing/editing-render-middleware.d.ts CHANGED Viewed

@@ -64,12 +64,12 @@ export type EditingRenderMiddlewareChromesConfig = EditingRenderMiddlewareConfig
  * This handler is responsible for rendering the page and returning the HTML content that is provided via request.
  */
 export declare class ChromesHandler extends RenderMiddlewareBase {
-    config?: EditingRenderMiddlewareConfig | undefined;
+    config?: EditingRenderMiddlewareChromesConfig | undefined;
     private editingDataService;
     private dataFetcher;
     private resolvePageUrl;
     private resolveServerUrl;
-    constructor(config?: EditingRenderMiddlewareConfig | undefined);
+    constructor(config?: EditingRenderMiddlewareChromesConfig | undefined);
     render(req: NextApiRequest, res: NextApiResponse): Promise<void>;
     /**
      * Default page URL resolution.

package/types/editing/render-middleware.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="node" />
 import { IncomingHttpHeaders } from 'http';
 /**
  * Base class for middleware that handles pages and components rendering in Sitecore Editors.

package/types/services/base-graphql-sitemap-service.d.ts CHANGED Viewed

@@ -58,6 +58,7 @@ export interface SiteRouteQueryResult<T> {
 export type RouteListQueryResult = {
     path: string;
     route?: {
+        displayName: string;
         personalization?: {
             variantIds: string[];
         };
@@ -73,6 +74,10 @@ export interface BaseGraphQLSitemapServiceConfig extends Omit<SiteRouteQueryVari
      * Turned off by default.
      */
     includePersonalizedRoutes?: boolean;
+    /**
+     * Gets a flag indicating whether display name routing is enabled.
+     */
+    enableDisplayNameRouting?: boolean;
     /**
      * A GraphQL Request Client Factory is a function that accepts configuration and returns an instance of a GraphQLRequestClient.
      * This factory function is used to create and configure GraphQL clients for making GraphQL API requests.
@@ -97,6 +102,7 @@ export type StaticPath = {
 export declare abstract class BaseGraphQLSitemapService {
     options: BaseGraphQLSitemapServiceConfig;
     private _graphQLClient;
+    private _enableDisplayNameRouting;
     /**
      * Creates an instance of graphQL sitemap service with the provided options
      * @param {GraphQLSitemapServiceConfig} options instance

package/types/sharedTypes/module-factory.d.ts CHANGED Viewed

@@ -1,4 +1,3 @@
-/// <reference types="@types/react" />
 import { ComponentType } from 'react';
 import { GetServerSideComponentProps, GetStaticComponentProps } from './component-props';
 /**