@sitecore-jss/sitecore-jss-nextjs 21.10.0-canary.1 → 21.10.0-canary.3

package/dist/cjs/components/Link.js

@@ -39,11 +39,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Link = void 0;
 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 = (0, react_1.forwardRef)((props, ref) => {
-    const { field, editable, children, internalLinkMatcher = /^\//g, showLinkTextWithChildrenPresent } = props, htmlLinkProps = __rest(props, ["field", "editable", "children", "internalLinkMatcher", "showLinkTextWithChildrenPresent"]);
+    const { field, editable = true, children, internalLinkMatcher = /^\//g, showLinkTextWithChildrenPresent } = props, htmlLinkProps = __rest(props, ["field", "editable", "children", "internalLinkMatcher", "showLinkTextWithChildrenPresent"]);
     if (!field ||
         (!field.editable && !field.value && !field.href)) {
         return null;
@@ -57,7 +56,7 @@ exports.Link = (0, react_1.forwardRef)((props, ref) => {
         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, Object.assign({ href: { pathname: href, query: querystring, hash: anchor }, key: "link", locale: false, title: value.title, target: value.target, className: value.class }, htmlLinkProps, { ref: ref }),
+            return (react_1.default.createElement(link_1.default, Object.assign({ href: { pathname: href, query: querystring, hash: anchor }, key: "link", locale: false, title: value.title, target: value.target, className: value.class }, htmlLinkProps, { ref: ref }, (process.env.TEST ? { 'data-nextjs-link': true } : {})),
                 text,
                 children));
         }
@@ -65,10 +64,6 @@ exports.Link = (0, react_1.forwardRef)((props, ref) => {
     // prevent passing internalLinkMatcher as it is an invalid DOM element prop
     const reactLinkProps = Object.assign({}, props);
     delete reactLinkProps.internalLinkMatcher;
-    return react_1.default.createElement(sitecore_jss_react_1.Link, Object.assign({}, reactLinkProps, { ref: ref }));
+    return (react_1.default.createElement(sitecore_jss_react_1.Link, Object.assign({}, reactLinkProps, { ref: ref }, (process.env.TEST ? { 'data-react-link': true } : {}))));
 });
-exports.Link.defaultProps = {
-    editable: true,
-};
 exports.Link.displayName = 'NextLink';
-exports.Link.propTypes = Object.assign({ internalLinkMatcher: prop_types_1.default.instanceOf(RegExp) }, sitecore_jss_react_1.LinkPropTypes);

package/dist/cjs/components/NextImage.js

@@ -16,7 +16,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.NextImage = void 0;
 const media_1 = require("@sitecore-jss/sitecore-jss/media");
-const prop_types_1 = __importDefault(require("prop-types"));
 const react_1 = __importDefault(require("react"));
 const sitecore_jss_react_1 = require("@sitecore-jss/sitecore-jss-react");
 const image_1 = __importDefault(require("next/image"));
@@ -61,21 +60,4 @@ const NextImage = (_a) => {
     return null; // we can't handle the truth
 };
 exports.NextImage = NextImage;
-exports.NextImage.propTypes = {
-    field: prop_types_1.default.oneOfType([
-        prop_types_1.default.shape({
-            src: prop_types_1.default.string.isRequired,
-        }),
-        prop_types_1.default.shape({
-            value: prop_types_1.default.object,
-            editable: prop_types_1.default.string,
-        }),
-    ]),
-    editable: prop_types_1.default.bool,
-    mediaUrlPrefix: prop_types_1.default.instanceOf(RegExp),
-    imageParams: prop_types_1.default.objectOf(prop_types_1.default.oneOfType([prop_types_1.default.number.isRequired, prop_types_1.default.string.isRequired]).isRequired),
-};
-exports.NextImage.defaultProps = {
-    editable: true,
-};
 exports.NextImage.displayName = 'NextImage';

package/dist/cjs/components/RichText.js

@@ -33,20 +33,16 @@ var __rest = (this && this.__rest) || function (s, e) {
         }
     return t;
 };
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RichText = void 0;
 const react_1 = __importStar(require("react"));
-const prop_types_1 = __importDefault(require("prop-types"));
 const router_1 = require("next/router");
 const sitecore_jss_react_1 = require("@sitecore-jss/sitecore-jss-react");
 const prefetched = {};
 const RichText = (props) => {
-    const { internalLinksSelector = 'a[href^="/"]', prefetchLinks = true } = props, rest = __rest(props, ["internalLinksSelector", "prefetchLinks"]);
+    const { internalLinksSelector = 'a[href^="/"]', prefetchLinks = true, editable = true } = props, rest = __rest(props, ["internalLinksSelector", "prefetchLinks", "editable"]);
     const hasText = props.field && props.field.value;
-    const isEditing = props.editable && props.field && props.field.editable;
+    const isEditing = editable && props.field && props.field.editable;
     const router = (0, router_1.useRouter)();
     const richTextRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(() => {
@@ -78,12 +74,7 @@ const RichText = (props) => {
             link.addEventListener('click', routeHandler, false);
         });
     };
-    return react_1.default.createElement(sitecore_jss_react_1.RichText, Object.assign({ ref: richTextRef }, rest));
+    return react_1.default.createElement(sitecore_jss_react_1.RichText, Object.assign({ ref: richTextRef, editable: editable }, rest));
 };
 exports.RichText = RichText;
-exports.RichText.propTypes = Object.assign({ internalLinksSelector: prop_types_1.default.string }, sitecore_jss_react_1.RichTextPropTypes);
-exports.RichText.defaultProps = {
-    tag: 'div',
-    editable: true,
-};
 exports.RichText.displayName = 'NextRichText';

package/dist/cjs/index.js

@@ -24,7 +24,7 @@ var __importStar = (this && this.__importStar) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.EditingComponentPlaceholder = exports.Placeholder = exports.RichText = exports.Link = exports.useComponentProps = exports.ComponentPropsContext = exports.ComponentPropsReactContext = exports.normalizeSiteRewrite = exports.getSiteRewriteData = exports.getSiteRewrite = exports.GraphQLSiteInfoService = exports.SiteResolver = exports.GraphQLRobotsService = exports.GraphQLErrorPagesService = exports.GraphQLSitemapXmlService = exports.MultisiteGraphQLSitemapService = exports.GraphQLSitemapService = exports.DisconnectedSitemapService = exports.ComponentPropsService = exports.CdpHelper = exports.normalizePersonalizedRewrite = exports.getPersonalizedRewriteData = exports.getPersonalizedRewrite = exports.personalizeLayout = exports.RestDictionaryService = exports.GraphQLDictionaryService = exports.trackingApi = exports.mediaApi = exports.getContentStylesheetLink = exports.EDITING_COMPONENT_ID = exports.EDITING_COMPONENT_PLACEHOLDER = exports.RenderingType = exports.getFieldValue = exports.getChildPlaceholder = exports.RestLayoutService = exports.GraphQLLayoutService = exports.LayoutServicePageState = exports.tryParseEnvValue = exports.resolveUrl = exports.resetEditorChromes = exports.isEditorActive = exports.getPublicUrl = exports.handleEditorFastRefresh = exports.GraphQLRequestClient = exports.debug = exports.enableDebug = exports.NativeDataFetcher = exports.ClientError = exports.AxiosDataFetcher = exports.constants = void 0;
-exports.withDatasourceCheck = exports.withPlaceholder = exports.withEditorChromes = exports.useSitecoreContext = exports.withSitecoreContext = exports.SitecoreContextReactContext = exports.SitecoreContext = exports.VisitorIdentification = exports.File = exports.getComponentLibraryStylesheetLinks = exports.getFEAASLibraryStylesheetLinks = exports.BYOCComponent = exports.fetchFEaaSComponentServerProps = exports.FEaaSComponent = exports.EditFrame = exports.DateField = exports.Text = exports.Image = exports.Context = exports.ComponentBuilder = exports.BYOCWrapper = exports.FEaaSWrapper = exports.NextImage = void 0;
+exports.withDatasourceCheck = exports.withPlaceholder = exports.withEditorChromes = exports.useSitecoreContext = exports.withSitecoreContext = exports.SitecoreContextReactContext = exports.SitecoreContext = exports.VisitorIdentification = exports.File = exports.getComponentLibraryStylesheetLinks = exports.getFEAASLibraryStylesheetLinks = exports.BYOCComponent = exports.fetchFEaaSComponentServerProps = exports.FEaaSComponent = exports.EditFrame = exports.DateField = exports.Text = exports.Image = exports.ComponentBuilder = exports.BYOCWrapper = exports.FEaaSWrapper = exports.NextImage = 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; } });
@@ -118,8 +118,6 @@ const BYOCWrapper = __importStar(require("./components/BYOCWrapper"));
 exports.BYOCWrapper = BYOCWrapper;
 var ComponentBuilder_1 = require("./ComponentBuilder");
 Object.defineProperty(exports, "ComponentBuilder", { enumerable: true, get: function () { return ComponentBuilder_1.ComponentBuilder; } });
-var context_1 = require("./context");
-Object.defineProperty(exports, "Context", { enumerable: true, get: function () { return context_1.Context; } });
 var sitecore_jss_react_1 = require("@sitecore-jss/sitecore-jss-react");
 Object.defineProperty(exports, "Image", { enumerable: true, get: function () { return sitecore_jss_react_1.Image; } });
 Object.defineProperty(exports, "Text", { enumerable: true, get: function () { return sitecore_jss_react_1.Text; } });

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

@@ -14,7 +14,8 @@ const server_1 = require("next/server");
 const personalize_1 = require("@sitecore-jss/sitecore-jss/personalize");
 const sitecore_jss_1 = require("@sitecore-jss/sitecore-jss");
 const middleware_1 = require("./middleware");
-const server_2 = require("@sitecore-cloudsdk/personalize/server");
+const server_2 = require("@sitecore-cloudsdk/core/server");
+const server_3 = require("@sitecore-cloudsdk/personalize/server");
 /**
  * Middleware / handler to support Sitecore Personalize
  */
@@ -25,7 +26,7 @@ class PersonalizeMiddleware extends middleware_1.MiddlewareBase {
     constructor(config) {
         super(config);
         this.config = config;
-        this.handler = (req, res) => __awaiter(this, void 0, void 0, function* () {
+        this.handler = (req, res, options) => __awaiter(this, void 0, void 0, function* () {
             const pathname = req.nextUrl.pathname;
             const language = this.getLanguage(req);
             const hostname = this.getHostHeader(req) || this.defaultHostname;
@@ -73,7 +74,7 @@ class PersonalizeMiddleware extends middleware_1.MiddlewareBase {
             // Execute targeted experience in Personalize SDK
             // eslint-disable-next-line no-useless-catch
             try {
-                const personalization = yield this.personalize({ personalizeInfo, params, language, timeout }, req);
+                const personalization = yield this.personalize({ personalizeInfo, params, language, timeout, options }, req);
                 variantId = personalization.variantId;
             }
             catch (error) {
@@ -110,9 +111,9 @@ class PersonalizeMiddleware extends middleware_1.MiddlewareBase {
      * @returns middleware handler
      */
     getHandler() {
-        return (req, res) => __awaiter(this, void 0, void 0, function* () {
+        return (req, res, options) => __awaiter(this, void 0, void 0, function* () {
             try {
-                return yield this.handler(req, res);
+                return yield this.handler(req, res, options);
             }
             catch (error) {
                 console.log('Personalize middleware failed:');
@@ -123,16 +124,18 @@ class PersonalizeMiddleware extends middleware_1.MiddlewareBase {
     }
     initPersonalizeServer({ hostname, siteName, request, response, }) {
         return __awaiter(this, void 0, void 0, function* () {
-            yield (0, server_2.init)({
+            yield (0, server_2.CloudSDK)(request, response, {
                 sitecoreEdgeUrl: this.config.cdpConfig.sitecoreEdgeUrl,
                 sitecoreEdgeContextId: this.config.cdpConfig.sitecoreEdgeContextId,
                 siteName,
                 cookieDomain: hostname,
                 enableServerCookie: true,
-            }, request, response);
+            })
+                .addPersonalize({ enablePersonalizeCookie: true })
+                .initialize();
         });
     }
-    personalize({ params, personalizeInfo, language, timeout, }, request) {
+    personalize({ params, personalizeInfo, language, timeout, options, }, request) {
         var _a;
         return __awaiter(this, void 0, void 0, function* () {
             const personalizationData = {
@@ -141,8 +144,9 @@ class PersonalizeMiddleware extends middleware_1.MiddlewareBase {
                 friendlyId: personalizeInfo.contentId,
                 params,
                 language,
+                geo: options === null || options === void 0 ? void 0 : options.geo,
             };
-            return (yield (0, server_2.personalize)(personalizationData, request, timeout));
+            return (yield (0, server_3.personalize)(request, personalizationData, { timeout }));
         });
     }
     getExperienceParams(req) {

package/dist/esm/components/Link.js

@@ -10,11 +10,10 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { forwardRef } from 'react';
-import PropTypes from 'prop-types';
 import NextLink from 'next/link';
-import { Link as ReactLink, LinkPropTypes, } from '@sitecore-jss/sitecore-jss-react';
+import { Link as ReactLink, } from '@sitecore-jss/sitecore-jss-react';
 export const Link = forwardRef((props, ref) => {
-    const { field, editable, children, internalLinkMatcher = /^\//g, showLinkTextWithChildrenPresent } = props, htmlLinkProps = __rest(props, ["field", "editable", "children", "internalLinkMatcher", "showLinkTextWithChildrenPresent"]);
+    const { field, editable = true, children, internalLinkMatcher = /^\//g, showLinkTextWithChildrenPresent } = props, htmlLinkProps = __rest(props, ["field", "editable", "children", "internalLinkMatcher", "showLinkTextWithChildrenPresent"]);
     if (!field ||
         (!field.editable && !field.value && !field.href)) {
         return null;
@@ -28,7 +27,7 @@ export const Link = forwardRef((props, ref) => {
         const text = showLinkTextWithChildrenPresent || !children ? value.text || value.href : null;
         // determine if a link is a route or not.
         if (internalLinkMatcher.test(href)) {
-            return (React.createElement(NextLink, Object.assign({ href: { pathname: href, query: querystring, hash: anchor }, key: "link", locale: false, title: value.title, target: value.target, className: value.class }, htmlLinkProps, { ref: ref }),
+            return (React.createElement(NextLink, Object.assign({ href: { pathname: href, query: querystring, hash: anchor }, key: "link", locale: false, title: value.title, target: value.target, className: value.class }, htmlLinkProps, { ref: ref }, (process.env.TEST ? { 'data-nextjs-link': true } : {})),
                 text,
                 children));
         }
@@ -36,10 +35,6 @@ export const Link = forwardRef((props, ref) => {
     // prevent passing internalLinkMatcher as it is an invalid DOM element prop
     const reactLinkProps = Object.assign({}, props);
     delete reactLinkProps.internalLinkMatcher;
-    return React.createElement(ReactLink, Object.assign({}, reactLinkProps, { ref: ref }));
+    return (React.createElement(ReactLink, Object.assign({}, reactLinkProps, { ref: ref }, (process.env.TEST ? { 'data-react-link': true } : {}))));
 });
-Link.defaultProps = {
-    editable: true,
-};
 Link.displayName = 'NextLink';
-Link.propTypes = Object.assign({ internalLinkMatcher: PropTypes.instanceOf(RegExp) }, LinkPropTypes);

package/dist/esm/components/NextImage.js

@@ -10,7 +10,6 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import { mediaApi } from '@sitecore-jss/sitecore-jss/media';
-import PropTypes from 'prop-types';
 import React from 'react';
 import { getEEMarkup, } from '@sitecore-jss/sitecore-jss-react';
 import Image from 'next/image';
@@ -54,21 +53,4 @@ export const NextImage = (_a) => {
     }
     return null; // we can't handle the truth
 };
-NextImage.propTypes = {
-    field: PropTypes.oneOfType([
-        PropTypes.shape({
-            src: PropTypes.string.isRequired,
-        }),
-        PropTypes.shape({
-            value: PropTypes.object,
-            editable: PropTypes.string,
-        }),
-    ]),
-    editable: PropTypes.bool,
-    mediaUrlPrefix: PropTypes.instanceOf(RegExp),
-    imageParams: PropTypes.objectOf(PropTypes.oneOfType([PropTypes.number.isRequired, PropTypes.string.isRequired]).isRequired),
-};
-NextImage.defaultProps = {
-    editable: true,
-};
 NextImage.displayName = 'NextImage';

package/dist/esm/components/RichText.js

@@ -10,14 +10,13 @@ var __rest = (this && this.__rest) || function (s, e) {
     return t;
 };
 import React, { useEffect, useRef } from 'react';
-import PropTypes from 'prop-types';
 import { useRouter } from 'next/router';
-import { RichText as ReactRichText, RichTextPropTypes, } from '@sitecore-jss/sitecore-jss-react';
+import { RichText as ReactRichText, } from '@sitecore-jss/sitecore-jss-react';
 const prefetched = {};
 export const RichText = (props) => {
-    const { internalLinksSelector = 'a[href^="/"]', prefetchLinks = true } = props, rest = __rest(props, ["internalLinksSelector", "prefetchLinks"]);
+    const { internalLinksSelector = 'a[href^="/"]', prefetchLinks = true, editable = true } = props, rest = __rest(props, ["internalLinksSelector", "prefetchLinks", "editable"]);
     const hasText = props.field && props.field.value;
-    const isEditing = props.editable && props.field && props.field.editable;
+    const isEditing = editable && props.field && props.field.editable;
     const router = useRouter();
     const richTextRef = useRef(null);
     useEffect(() => {
@@ -49,11 +48,6 @@ export const RichText = (props) => {
             link.addEventListener('click', routeHandler, false);
         });
     };
-    return React.createElement(ReactRichText, Object.assign({ ref: richTextRef }, rest));
-};
-RichText.propTypes = Object.assign({ internalLinksSelector: PropTypes.string }, RichTextPropTypes);
-RichText.defaultProps = {
-    tag: 'div',
-    editable: true,
+    return React.createElement(ReactRichText, Object.assign({ ref: richTextRef, editable: editable }, rest));
 };
 RichText.displayName = 'NextRichText';

package/dist/esm/index.js

@@ -43,5 +43,4 @@ import * as BYOCWrapper from './components/BYOCWrapper';
 export { FEaaSWrapper };
 export { BYOCWrapper };
 export { ComponentBuilder } from './ComponentBuilder';
-export { Context } from './context';
 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/personalize-middleware.js

@@ -11,7 +11,8 @@ import { NextResponse } from 'next/server';
 import { GraphQLPersonalizeService, getPersonalizedRewrite, } from '@sitecore-jss/sitecore-jss/personalize';
 import { debug } from '@sitecore-jss/sitecore-jss';
 import { MiddlewareBase } from './middleware';
-import { init, personalize } from '@sitecore-cloudsdk/personalize/server';
+import { CloudSDK } from '@sitecore-cloudsdk/core/server';
+import { personalize } from '@sitecore-cloudsdk/personalize/server';
 /**
  * Middleware / handler to support Sitecore Personalize
  */
@@ -22,7 +23,7 @@ export class PersonalizeMiddleware extends MiddlewareBase {
     constructor(config) {
         super(config);
         this.config = config;
-        this.handler = (req, res) => __awaiter(this, void 0, void 0, function* () {
+        this.handler = (req, res, options) => __awaiter(this, void 0, void 0, function* () {
             const pathname = req.nextUrl.pathname;
             const language = this.getLanguage(req);
             const hostname = this.getHostHeader(req) || this.defaultHostname;
@@ -70,7 +71,7 @@ export class PersonalizeMiddleware extends MiddlewareBase {
             // Execute targeted experience in Personalize SDK
             // eslint-disable-next-line no-useless-catch
             try {
-                const personalization = yield this.personalize({ personalizeInfo, params, language, timeout }, req);
+                const personalization = yield this.personalize({ personalizeInfo, params, language, timeout, options }, req);
                 variantId = personalization.variantId;
             }
             catch (error) {
@@ -107,9 +108,9 @@ export class PersonalizeMiddleware extends MiddlewareBase {
      * @returns middleware handler
      */
     getHandler() {
-        return (req, res) => __awaiter(this, void 0, void 0, function* () {
+        return (req, res, options) => __awaiter(this, void 0, void 0, function* () {
             try {
-                return yield this.handler(req, res);
+                return yield this.handler(req, res, options);
             }
             catch (error) {
                 console.log('Personalize middleware failed:');
@@ -120,16 +121,18 @@ export class PersonalizeMiddleware extends MiddlewareBase {
     }
     initPersonalizeServer({ hostname, siteName, request, response, }) {
         return __awaiter(this, void 0, void 0, function* () {
-            yield init({
+            yield CloudSDK(request, response, {
                 sitecoreEdgeUrl: this.config.cdpConfig.sitecoreEdgeUrl,
                 sitecoreEdgeContextId: this.config.cdpConfig.sitecoreEdgeContextId,
                 siteName,
                 cookieDomain: hostname,
                 enableServerCookie: true,
-            }, request, response);
+            })
+                .addPersonalize({ enablePersonalizeCookie: true })
+                .initialize();
         });
     }
-    personalize({ params, personalizeInfo, language, timeout, }, request) {
+    personalize({ params, personalizeInfo, language, timeout, options, }, request) {
         var _a;
         return __awaiter(this, void 0, void 0, function* () {
             const personalizationData = {
@@ -138,8 +141,9 @@ export class PersonalizeMiddleware extends MiddlewareBase {
                 friendlyId: personalizeInfo.contentId,
                 params,
                 language,
+                geo: options === null || options === void 0 ? void 0 : options.geo,
             };
-            return (yield personalize(personalizationData, request, timeout));
+            return (yield personalize(request, personalizationData, { timeout }));
         });
     }
     getExperienceParams(req) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sitecore-jss/sitecore-jss-nextjs",
-  "version": "21.10.0-canary.1",
+  "version": "21.10.0-canary.3",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
   "sideEffects": false,
@@ -29,61 +29,57 @@
     "url": "https://github.com/sitecore/jss/issues"
   },
   "devDependencies": {
-    "@sitecore-cloudsdk/personalize": "^0.2.4",
+    "@sitecore-cloudsdk/personalize": "^0.5.1",
+    "@testing-library/dom": "^10.4.0",
+    "@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/enzyme": "^3.10.12",
     "@types/mocha": "^10.0.1",
     "@types/node": "~18.11.18",
-    "@types/prop-types": "^15.7.5",
-    "@types/react": "^18.2.22",
-    "@types/react-dom": "^18.0.10",
+    "@types/react": "^19.1.2",
+    "@types/react-dom": "^19.1.3",
     "@types/sinon": "^10.0.13",
     "@types/sinon-chai": "^3.2.9",
-    "@wojtekmaj/enzyme-adapter-react-17": "^0.8.0",
     "chai": "^4.3.7",
     "chai-as-promised": "^7.1.1",
     "chai-string": "^1.5.0",
     "chalk": "^4.1.2",
-    "cheerio": "1.0.0-rc.12",
     "cross-fetch": "^3.1.5",
     "del-cli": "^5.0.0",
-    "enzyme": "^3.11.0",
     "eslint": "^8.32.0",
-    "eslint-plugin-react": "^7.32.1",
+    "eslint-plugin-react": "^7.37.5",
     "jsdom": "^21.1.0",
     "mocha": "^10.2.0",
-    "next": "^14.1.0",
+    "next": "^15.3.1",
     "nock": "^13.3.0",
     "nyc": "^15.1.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0",
     "sinon": "^15.0.1",
     "sinon-chai": "^3.7.0",
     "ts-node": "^10.9.1",
     "typescript": "~4.9.4"
   },
   "peerDependencies": {
-    "@sitecore-cloudsdk/events": "^0.2.4",
-    "@sitecore-cloudsdk/personalize": "^0.2.4",
-    "next": "^14.1.0",
-    "react": "^18.2.0",
-    "react-dom": "^18.2.0"
+    "@sitecore-cloudsdk/events": "^0.5.1",
+    "@sitecore-cloudsdk/personalize": "^0.5.1",
+    "next": "^15.3.1",
+    "react": "^19.1.0",
+    "react-dom": "^19.1.0"
   },
   "dependencies": {
-    "@sitecore-jss/sitecore-jss": "^21.10.0-canary.1",
-    "@sitecore-jss/sitecore-jss-dev-tools": "^21.10.0-canary.1",
-    "@sitecore-jss/sitecore-jss-react": "^21.10.0-canary.1",
+    "@sitecore-jss/sitecore-jss": "^21.10.0-canary.3",
+    "@sitecore-jss/sitecore-jss-dev-tools": "^21.10.0-canary.3",
+    "@sitecore-jss/sitecore-jss-react": "^21.10.0-canary.3",
     "@vercel/kv": "^0.2.1",
     "node-html-parser": "^6.1.4",
-    "prop-types": "^15.8.1",
     "regex-parser": "^2.2.11",
     "sync-disk-cache": "^2.1.0"
   },
   "description": "",
   "types": "types/index.d.ts",
-  "gitHead": "7111e5c00cc7efd07283fd1e2f30cada5d1b8754",
+  "gitHead": "11f94148ea2ed999d14c9b4b0e353a089ebea1a3",
   "files": [
     "dist",
     "types",

package/types/components/ComponentPropsContext.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="@types/react" />
-import React, { ReactNode } from 'react';
+import React, { ReactNode, JSX } from 'react';
 import { ComponentPropsCollection } from '../sharedTypes/component-props';
 /**
  * Component props context which we are using in order to store data fetched on components level (getStaticProps/getServerSideProps)

package/types/components/EditingComponentPlaceholder.d.ts

@@ -1,3 +1,4 @@
+import { JSX } from 'react';
 import { RouteData } from '@sitecore-jss/sitecore-jss/layout';
 export declare const EditingComponentPlaceholder: ({ rendering, }: {
     rendering: RouteData;

package/types/components/RichText.d.ts

@@ -1,4 +1,4 @@
-import PropTypes from 'prop-types';
+import { JSX } from 'react';
 import { RichTextProps as ReactRichTextProps } from '@sitecore-jss/sitecore-jss-react';
 export type RichTextProps = ReactRichTextProps & {
     /**
@@ -15,18 +15,5 @@ export type RichTextProps = ReactRichTextProps & {
 };
 export declare const RichText: {
     (props: RichTextProps): JSX.Element;
-    propTypes: {
-        field: PropTypes.Requireable<PropTypes.InferProps<{
-            value: PropTypes.Requireable<string>;
-            editable: PropTypes.Requireable<string>;
-        }>>;
-        tag: PropTypes.Requireable<string>;
-        editable: PropTypes.Requireable<boolean>;
-        internalLinksSelector: PropTypes.Requireable<string>;
-    };
-    defaultProps: {
-        tag: string;
-        editable: boolean;
-    };
     displayName: string;
 };

package/types/index.d.ts

@@ -34,5 +34,4 @@ import * as BYOCWrapper from './components/BYOCWrapper';
 export { FEaaSWrapper };
 export { BYOCWrapper };
 export { ComponentBuilder, ComponentBuilderConfig } from './ComponentBuilder';
-export { Context, ContextConfig, SDK } from './context';
 export { ComponentFactory, Image, ImageField, ImageFieldValue, ImageProps, LinkField, LinkFieldValue, Text, TextField, DateField, EditFrame, FEaaSComponent, FEaaSComponentProps, FEaaSComponentParams, fetchFEaaSComponentServerProps, BYOCComponentParams, BYOCComponent, BYOCComponentProps, getFEAASLibraryStylesheetLinks, getComponentLibraryStylesheetLinks, File, FileField, RichTextField, VisitorIdentification, PlaceholderComponentProps, SitecoreContext, SitecoreContextState, SitecoreContextValue, SitecoreContextReactContext, withSitecoreContext, useSitecoreContext, withEditorChromes, withPlaceholder, withDatasourceCheck, ImageSizeParameters, ComponentConsumerProps, WithSitecoreContextOptions, WithSitecoreContextProps, } from '@sitecore-jss/sitecore-jss-react';

package/types/middleware/personalize-middleware.d.ts

@@ -34,6 +34,23 @@ export type PersonalizeMiddlewareConfig = MiddlewareBaseConfig & {
      */
     cdpConfig: CdpServiceConfig;
 };
+/**
+ * Personalization options
+ */
+export type PersonalizeOptions = {
+    /**
+     * Geolocation data used for personalization
+     */
+    geo?: PersonalizeGeoData;
+};
+/**
+ * Represents the geolocation data used for personalization
+ */
+export type PersonalizeGeoData = {
+    city?: string;
+    country?: string;
+    region?: string;
+};
 /**
  * Object model of Experience Context data
  */
@@ -61,18 +78,19 @@ export declare class PersonalizeMiddleware extends MiddlewareBase {
      * Gets the Next.js middleware handler with error handling
      * @returns middleware handler
      */
-    getHandler(): (req: NextRequest, res?: NextResponse) => Promise<NextResponse>;
+    getHandler(): (req: NextRequest, res?: NextResponse, options?: PersonalizeOptions) => Promise<NextResponse>;
     protected initPersonalizeServer({ hostname, siteName, request, response, }: {
         hostname: string;
         siteName: string;
         request: NextRequest;
         response: NextResponse;
     }): Promise<void>;
-    protected personalize({ params, personalizeInfo, language, timeout, }: {
+    protected personalize({ params, personalizeInfo, language, timeout, options, }: {
         personalizeInfo: PersonalizeInfo;
         params: ExperienceParams;
         language: string;
         timeout?: number;
+        options?: PersonalizeOptions;
     }, request: NextRequest): Promise<{
         variantId: string;
     }>;

package/context.d.ts

@@ -1 +0,0 @@
-export * from './types/context/index';

package/context.js

@@ -1 +0,0 @@
-module.exports = require('./dist/cjs/context/index');

package/dist/cjs/context/context.js

@@ -1,83 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Context = void 0;
-const sitecore_jss_react_1 = require("@sitecore-jss/sitecore-jss-react");
-/**
- * Context instance that is used to initialize the application Context and associated Software Development Kits (SDKs).
- */
-class Context {
-    constructor(props) {
-        this.props = props;
-        /**
-         * Indicates whether the Context and SDK(s) have been initialized
-         */
-        this.isInitialized = false;
-        /**
-         * Software Development Kits (SDKs) to be initialized
-         */
-        this.sdks = {};
-        /**
-         * 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 = sitecore_jss_react_1.LayoutServicePageState.Normal;
-    }
-    init(props = {}) {
-        // Context and SDKs are initialized only once
-        if (this.isInitialized)
-            return;
-        this.isInitialized = true;
-        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);
-        }
-    }
-    /**
-     * Initializes the Software Development Kit (SDK)
-     *
-     * @param {T} name SDK name
-     * @returns {void}
-     */
-    initSDK(name) {
-        this.sdkPromises[name] = new Promise((resolve) => {
-            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);
-            });
-        });
-    }
-}
-exports.Context = Context;

package/dist/cjs/context/index.js

@@ -1,5 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Context = void 0;
-var context_1 = require("./context");
-Object.defineProperty(exports, "Context", { enumerable: true, get: function () { return context_1.Context; } });

package/dist/esm/context/context.js

@@ -1,79 +0,0 @@
-import { LayoutServicePageState } from '@sitecore-jss/sitecore-jss-react';
-/**
- * Context instance that is used to initialize the application Context and associated Software Development Kits (SDKs).
- */
-export class Context {
-    constructor(props) {
-        this.props = props;
-        /**
-         * Indicates whether the Context and SDK(s) have been initialized
-         */
-        this.isInitialized = false;
-        /**
-         * Software Development Kits (SDKs) to be initialized
-         */
-        this.sdks = {};
-        /**
-         * 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
-        if (this.isInitialized)
-            return;
-        this.isInitialized = true;
-        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);
-        }
-    }
-    /**
-     * Initializes the Software Development Kit (SDK)
-     *
-     * @param {T} name SDK name
-     * @returns {void}
-     */
-    initSDK(name) {
-        this.sdkPromises[name] = new Promise((resolve) => {
-            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/context/index.js

@@ -1 +0,0 @@
-export { Context } from './context';

package/types/context/context.d.ts

@@ -1,116 +0,0 @@
-import { LayoutServicePageState } from '@sitecore-jss/sitecore-jss-react';
-/**
- * Software Development Kit (SDK) instance
- */
-export type SDK<SDKType = unknown> = {
-    /**
-     * The Software Development Kit (SDK) library instance
-     */
-    sdk: SDKType;
-    /**
-     * Initializes the Software Development Kit (SDK)
-     */
-    init: (props: InitSDKProps) => Promise<void>;
-};
-/**
- * Software Development Kits (SDKs) to be initialized
- */
-type SDKModulesType = Record<string, SDK>;
-/**
- * Properties that are passed to the Context.
- */
-export interface ContextInitProps {
-    /**
-     * Your Sitecore site name
-     */
-    siteName?: string;
-    /**
-     * Sitecore page state (normal, preview, edit)
-     */
-    pageState?: LayoutServicePageState;
-}
-/**
- * Configuration that is passed to the Context.
- */
-export interface ContextConfig<SDKModules extends SDKModulesType> {
-    /**
-     * Your Sitecore Edge URL
-     */
-    sitecoreEdgeUrl: string;
-    /**
-     * Your Sitecore Edge Context ID
-     */
-    sitecoreEdgeContextId: string;
-    /**
-     * Your Sitecore site name
-     */
-    siteName: string;
-    /**
-     * Software Development Kits (SDKs) to be initialized
-     */
-    sdks: {
-        [module in keyof SDKModules]: SDKModules[module];
-    };
-}
-/**
- * Properties that are passed to the Software Development Kit (SDK) initialization function.
- */
-type InitSDKProps = Omit<ContextConfig<SDKModulesType>, 'sdks'>;
-/**
- * Context instance that is used to initialize the application Context and associated Software Development Kits (SDKs).
- */
-export declare class Context<SDKModules extends SDKModulesType> {
-    protected props: ContextConfig<SDKModules>;
-    /**
-     * Indicates whether the Context and SDK(s) have been initialized
-     */
-    isInitialized: boolean;
-    /**
-     * The Sitecore Edge URL
-     */
-    readonly sitecoreEdgeUrl: string;
-    /**
-     * The Sitecore Edge Context ID
-     */
-    readonly sitecoreEdgeContextId: string;
-    /**
-     * The Sitecore site name
-     */
-    siteName: string;
-    /**
-     * Sitecore page state (normal, preview, edit)
-     */
-    pageState: LayoutServicePageState;
-    /**
-     * Software Development Kits (SDKs) to be initialized
-     */
-    readonly sdks: {
-        [module in keyof SDKModules]?: SDKModules[module]['sdk'];
-    };
-    /**
-     * Promises for the SDKs
-     */
-    protected sdkPromises: {
-        [module in keyof SDKModules]?: Promise<SDKModules[module]['sdk']>;
-    };
-    protected sdkErrors: {
-        [module in keyof SDKModules]?: string;
-    };
-    constructor(props: ContextConfig<SDKModules>);
-    init(props?: ContextInitProps): void;
-    /**
-     * Retrieves the Software Development Kit (SDK) instance, ensuring it is initialized before returning
-     *
-     * @param {string} name SDK name
-     * @returns initialized SDK
-     */
-    getSDK: <T extends keyof SDKModules>(name: T) => Promise<SDKModules[T]["sdk"]>;
-    /**
-     * Initializes the Software Development Kit (SDK)
-     *
-     * @param {T} name SDK name
-     * @returns {void}
-     */
-    protected initSDK<T extends keyof SDKModules>(name: T): void;
-}
-export {};

package/types/context/index.d.ts

@@ -1 +0,0 @@
-export { Context, ContextConfig, SDK } from './context';