@newskit-render/my-account 7.141.1 → 7.142.0

package/dist/cjs/Components/Elements/OfferGroup/Offer.d.ts

@@ -0,0 +1,2 @@
+import { OfferProps } from './types';
+export declare const Offer: ({ id, title, description, discountedPrice, regularPrice, eventContext, overrides, }: OfferProps) => JSX.Element;

package/dist/cjs/Components/Elements/OfferGroup/Offer.js

@@ -0,0 +1,29 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Offer = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var styled_1 = require("./styled");
+var OfferBody_1 = require("./OfferBody");
+var Offer = function (_a) {
+    var _b, _c;
+    var id = _a.id, title = _a.title, description = _a.description, discountedPrice = _a.discountedPrice, regularPrice = _a.regularPrice, eventContext = _a.eventContext, overrides = _a.overrides;
+    return (react_1.default.createElement(styled_1.StyledBlock, __assign({ paddingInline: "space040", paddingBlock: "space050", marginBlockEnd: "space040" }, overrides === null || overrides === void 0 ? void 0 : overrides.container, { "data-testid": "offer-container" }),
+        react_1.default.createElement(newskit_1.RadioButton, { overrides: __assign({ input: { spaceInline: 'space040' } }, (_b = overrides === null || overrides === void 0 ? void 0 : overrides.radioButton) === null || _b === void 0 ? void 0 : _b.overrides), eventContext: eventContext, name: id, value: id, size: ((_c = overrides === null || overrides === void 0 ? void 0 : overrides.radioButton) === null || _c === void 0 ? void 0 : _c.size) || 'small', label: react_1.default.createElement(OfferBody_1.OfferBody, { title: title, description: description, discountedPrice: discountedPrice, regularPrice: regularPrice, overrides: overrides }) })));
+};
+exports.Offer = Offer;
+//# sourceMappingURL=Offer.js.map

package/dist/cjs/Components/Elements/OfferGroup/Offer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Offer.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferGroup/Offer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAqC;AAErC,mCAAsC;AACtC,yCAAuC;AAEhC,IAAM,KAAK,GAAG,UAAC,EAQT;;QAPX,EAAE,QAAA,EACF,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACZ,SAAS,eAAA;IACO,OAAA,CAChB,8BAAC,oBAAW,aACV,aAAa,EAAC,UAAU,EACxB,YAAY,EAAC,UAAU,EACvB,cAAc,EAAC,UAAU,IACrB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,mBACZ,iBAAiB;QAE7B,8BAAC,qBAAW,IACV,SAAS,aACP,KAAK,EAAE,EAAE,WAAW,EAAE,UAAU,EAAE,IAC/B,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,SAAS,GAEtC,YAAY,EAAE,YAAY,EAC1B,IAAI,EAAE,EAAE,EACR,KAAK,EAAE,EAAE,EACT,IAAI,EAAE,CAAA,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,0CAAE,IAAI,KAAI,OAAO,EAC7C,KAAK,EACH,8BAAC,qBAAS,IACR,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,eAAe,EAAE,eAAe,EAChC,YAAY,EAAE,YAAY,EAC1B,SAAS,EAAE,SAAS,GACpB,GAEJ,CACU,CACf,CAAA;CAAA,CAAA;AApCY,QAAA,KAAK,SAoCjB"}

package/dist/cjs/Components/Elements/OfferGroup/OfferBody.d.ts

@@ -0,0 +1,2 @@
+import { OfferBodyProps } from './types';
+export declare const OfferBody: ({ title, description, discountedPrice, regularPrice, overrides, }: OfferBodyProps) => JSX.Element;

package/dist/cjs/Components/Elements/OfferGroup/OfferBody.js

@@ -0,0 +1,29 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OfferBody = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var OfferBody = function (_a) {
+    var title = _a.title, description = _a.description, discountedPrice = _a.discountedPrice, regularPrice = _a.regularPrice, overrides = _a.overrides;
+    return (react_1.default.createElement(newskit_1.Block, null,
+        react_1.default.createElement(newskit_1.TextBlock, __assign({ marginBlockStart: "space020", typographyPreset: "editorialHeadline040" }, overrides === null || overrides === void 0 ? void 0 : overrides.title), title),
+        discountedPrice && (react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "utilitySubheading030", marginBlockStart: "space050" }, overrides === null || overrides === void 0 ? void 0 : overrides.discountedPrice), discountedPrice)),
+        regularPrice && (react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "utilitySubheading010", stylePreset: "inkSubtle", marginBlockStart: "space020" }, overrides === null || overrides === void 0 ? void 0 : overrides.regularPrice), regularPrice)),
+        react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "utilityBody010", stylePreset: "inkSubtle", marginBlockStart: "space050" }, overrides === null || overrides === void 0 ? void 0 : overrides.description), description)));
+};
+exports.OfferBody = OfferBody;
+//# sourceMappingURL=OfferBody.js.map

package/dist/cjs/Components/Elements/OfferGroup/OfferBody.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OfferBody.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferGroup/OfferBody.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAA0C;AAGnC,IAAM,SAAS,GAAG,UAAC,EAMT;QALf,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,SAAS,eAAA;IAET,OAAO,CACL,8BAAC,eAAK;QACJ,8BAAC,mBAAS,aACR,gBAAgB,EAAC,UAAU,EAC3B,gBAAgB,EAAC,sBAAsB,IACnC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,GAEnB,KAAK,CACI;QAEX,eAAe,IAAI,CAClB,8BAAC,mBAAS,aACR,gBAAgB,EAAC,sBAAsB,EACvC,gBAAgB,EAAC,UAAU,IACvB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,eAAe,GAE7B,eAAe,CACN,CACb;QACA,YAAY,IAAI,CACf,8BAAC,mBAAS,aACR,gBAAgB,EAAC,sBAAsB,EACvC,WAAW,EAAC,WAAW,EACvB,gBAAgB,EAAC,UAAU,IACvB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,YAAY,GAE1B,YAAY,CACH,CACb;QAED,8BAAC,mBAAS,aACR,gBAAgB,EAAC,gBAAgB,EACjC,WAAW,EAAC,WAAW,EACvB,gBAAgB,EAAC,UAAU,IACvB,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,GAEzB,WAAW,CACF,CACN,CACT,CAAA;AACH,CAAC,CAAA;AA/CY,QAAA,SAAS,aA+CrB"}

package/dist/cjs/Components/Elements/OfferGroup/OfferGroup.d.ts

@@ -0,0 +1,2 @@
+import { OfferGroupProps } from './types';
+export declare const OfferGroup: ({ offers, selectedOfferId, onSelect, }: OfferGroupProps) => JSX.Element | null;

package/dist/cjs/Components/Elements/OfferGroup/OfferGroup.js

@@ -0,0 +1,26 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OfferGroup = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var Offer_1 = require("./Offer");
+var OfferGroup = function (_a) {
+    var offers = _a.offers, selectedOfferId = _a.selectedOfferId, onSelect = _a.onSelect;
+    return (offers === null || offers === void 0 ? void 0 : offers.length) ? (react_1.default.createElement(newskit_1.RadioGroup, { name: "offer-group", "data-testid": "offer-group", value: selectedOfferId, onChange: function (event) { return onSelect(event.target.value); } }, offers.map(function (offer) { return (react_1.default.createElement(Offer_1.Offer, __assign({ key: offer.id }, offer))); }))) : null;
+};
+exports.OfferGroup = OfferGroup;
+//# sourceMappingURL=OfferGroup.js.map

package/dist/cjs/Components/Elements/OfferGroup/OfferGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"OfferGroup.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferGroup/OfferGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAoC;AACpC,iCAA+B;AAGxB,IAAM,UAAU,GAAG,UAAC,EAIT;QAHhB,MAAM,YAAA,EACN,eAAe,qBAAA,EACf,QAAQ,cAAA;IAER,OAAA,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,EAAC,CAAC,CAAC,CACf,8BAAC,oBAAU,IACT,IAAI,EAAC,aAAa,iBACN,aAAa,EACzB,KAAK,EAAE,eAAe,EACtB,QAAQ,EAAE,UAAC,KAAK,IAAK,OAAA,QAAQ,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAA5B,CAA4B,IAEhD,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CACrB,8BAAC,aAAK,aAAC,GAAG,EAAE,KAAK,CAAC,EAAE,IAAM,KAAK,EAAI,CACpC,EAFsB,CAEtB,CAAC,CACS,CACd,CAAC,CAAC,CAAC,IAAI;AAXR,CAWQ,CAAA;AAhBG,QAAA,UAAU,cAgBb"}

package/dist/cjs/Components/Elements/OfferGroup/index.d.ts

@@ -0,0 +1,4 @@
+import { OfferGroup } from './OfferGroup';
+export { Offer } from './Offer';
+export * from './types';
+export default OfferGroup;

package/dist/cjs/Components/Elements/OfferGroup/index.js

@@ -0,0 +1,23 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Offer = void 0;
+var OfferGroup_1 = require("./OfferGroup");
+var Offer_1 = require("./Offer");
+Object.defineProperty(exports, "Offer", { enumerable: true, get: function () { return Offer_1.Offer; } });
+__exportStar(require("./types"), exports);
+exports.default = OfferGroup_1.OfferGroup;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/Elements/OfferGroup/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferGroup/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,2CAAyC;AACzC,iCAA+B;AAAtB,8FAAA,KAAK,OAAA;AACd,0CAAuB;AAEvB,kBAAe,uBAAU,CAAA"}

package/dist/cjs/Components/Elements/OfferGroup/styled.d.ts

@@ -0,0 +1,6 @@
+export declare const StyledBlock: import("@emotion/styled").StyledComponent<import("newskit").BlockProps & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme;
+} & {
+    borderColor?: string;
+    backgroundColor?: string;
+}, {}, {}>;

package/dist/cjs/Components/Elements/OfferGroup/styled.js

@@ -0,0 +1,17 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.StyledBlock = void 0;
+var newskit_1 = require("newskit");
+exports.StyledBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid;\n  ", "\n  ", "\n"], ["\n  border: 1px solid;\n  ", "\n  ", "\n"])), function (_a) {
+    var borderColor = _a.borderColor;
+    return (0, newskit_1.getColorCssFromTheme)('borderColor', borderColor || 'teal040');
+}, function (_a) {
+    var backgroundColor = _a.backgroundColor;
+    return (0, newskit_1.getColorCssFromTheme)('background', backgroundColor || 'teal010');
+});
+var templateObject_1;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/Components/Elements/OfferGroup/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferGroup/styled.ts"],"names":[],"mappings":";;;;;;;AAAA,mCAA6D;AAEhD,QAAA,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,6GAGtC,4BAEE,EAC6D,MAC7D,EACgE,IACnE,KAJG,UAAC,EAAe;QAAb,WAAW,iBAAA;IACd,OAAA,IAAA,8BAAoB,EAAC,aAAa,EAAE,WAAW,IAAI,SAAS,CAAC;AAA7D,CAA6D,EAC7D,UAAC,EAAmB;QAAjB,eAAe,qBAAA;IAClB,OAAA,IAAA,8BAAoB,EAAC,YAAY,EAAE,eAAe,IAAI,SAAS,CAAC;AAAhE,CAAgE,EACnE"}

package/dist/cjs/Components/Elements/OfferGroup/types.d.ts

@@ -0,0 +1,29 @@
+import { BlockProps, RadioButtonProps, TextBlockProps, EventContext } from 'newskit';
+export interface OfferOverrides {
+    container?: BlockProps & {
+        borderColor?: string;
+        backgroundColor?: string;
+    };
+    radioButton?: RadioButtonProps;
+    title?: TextBlockProps;
+    discountedPrice?: TextBlockProps;
+    regularPrice?: TextBlockProps;
+    description?: TextBlockProps;
+}
+export interface OfferProps {
+    id: string;
+    title: string;
+    description: string;
+    discountedPrice?: string;
+    regularPrice?: string;
+    href?: string;
+    nextStep?: string;
+    eventContext?: EventContext;
+    overrides?: OfferOverrides;
+}
+export type OfferBodyProps = Omit<OfferProps, 'id' | 'nextStep' | 'href'>;
+export interface OfferGroupProps {
+    offers: OfferProps[];
+    selectedOfferId?: string;
+    onSelect: (offerId: string) => void;
+}

package/dist/cjs/Components/Elements/OfferGroup/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/Components/Elements/OfferGroup/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferGroup/types.ts"],"names":[],"mappings":""}

package/dist/cjs/Components/Sections/CancellationOffers/CancellationOffers.d.ts

@@ -0,0 +1,2 @@
+import { CancellationOffersProps } from './types';
+export declare const CancellationOffers: ({ baseUrl, header, offersSection, benefits, continueButton, continueButtonContainerOverrides, selectedOffer, onSelectOffer, onNextStep, }: CancellationOffersProps) => JSX.Element;

package/dist/cjs/Components/Sections/CancellationOffers/CancellationOffers.js

@@ -0,0 +1,58 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CancellationOffers = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var shared_components_1 = require("@newskit-render/shared-components");
+var OfferGroup_1 = __importDefault(require("../../Elements/OfferGroup"));
+var router_1 = require("next/router");
+var helpers_1 = require("../../../helpers");
+var CancellationOffers = function (_a) {
+    var _b;
+    var baseUrl = _a.baseUrl, header = _a.header, offersSection = _a.offersSection, benefits = _a.benefits, continueButton = _a.continueButton, continueButtonContainerOverrides = _a.continueButtonContainerOverrides, selectedOffer = _a.selectedOffer, onSelectOffer = _a.onSelectOffer, onNextStep = _a.onNextStep;
+    var router = (0, router_1.useRouter)();
+    var handleSelectOffer = function (offerId) {
+        var _a;
+        var offer = (_a = offersSection === null || offersSection === void 0 ? void 0 : offersSection.items) === null || _a === void 0 ? void 0 : _a.find(function (item) { return item.id === offerId; });
+        onSelectOffer(offer);
+    };
+    var handleContinue = function (event) {
+        if ((selectedOffer === null || selectedOffer === void 0 ? void 0 : selectedOffer.nextStep) && onNextStep) {
+            onNextStep(event, selectedOffer.nextStep);
+        }
+        else if (selectedOffer === null || selectedOffer === void 0 ? void 0 : selectedOffer.href) {
+            router.push((0, helpers_1.replaceBaseURL)(baseUrl || '', selectedOffer.href));
+        }
+    };
+    return (react_1.default.createElement(newskit_1.GridLayout, null,
+        header && react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
+        (offersSection === null || offersSection === void 0 ? void 0 : offersSection.title) && (react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "editorialHeadline050", stylePreset: "inkContrast", marginBlockEnd: "space060" }, offersSection.titleOverrides), offersSection.title)),
+        react_1.default.createElement(OfferGroup_1.default, { offers: (offersSection === null || offersSection === void 0 ? void 0 : offersSection.items) || [], selectedOfferId: selectedOffer === null || selectedOffer === void 0 ? void 0 : selectedOffer.id, onSelect: handleSelectOffer }),
+        (benefits === null || benefits === void 0 ? void 0 : benefits.showBenefits) && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(newskit_1.Divider, { overrides: __assign({ marginBlockStart: 'space040', marginBlockEnd: 'space060' }, benefits === null || benefits === void 0 ? void 0 : benefits.dividerOverrides) }),
+            (benefits === null || benefits === void 0 ? void 0 : benefits.title) && (react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "editorialHeadline030", stylePreset: "inkContrast", marginBlockEnd: "space050" }, benefits === null || benefits === void 0 ? void 0 : benefits.titleOverrides), benefits.title)))),
+        ((_b = continueButton === null || continueButton === void 0 ? void 0 : continueButton.button) === null || _b === void 0 ? void 0 : _b.text) && (react_1.default.createElement(newskit_1.GridLayoutItem, __assign({ column: "1 / -1", justifySelf: {
+                xs: 'stretch',
+                md: 'flex-end',
+            }, marginBlockStart: "space080" }, continueButtonContainerOverrides),
+            react_1.default.createElement(newskit_1.Button, { disabled: !selectedOffer, onClick: handleContinue, eventContext: continueButton === null || continueButton === void 0 ? void 0 : continueButton.eventContext, overrides: __assign({ width: {
+                        xs: '100%',
+                        md: 'auto',
+                    } }, continueButton === null || continueButton === void 0 ? void 0 : continueButton.buttonOverrides) }, continueButton.button.text)))));
+};
+exports.CancellationOffers = CancellationOffers;
+//# sourceMappingURL=CancellationOffers.js.map

package/dist/cjs/Components/Sections/CancellationOffers/CancellationOffers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CancellationOffers.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancellationOffers/CancellationOffers.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAgF;AAChF,uEAA0D;AAC1D,yEAAkD;AAClD,sCAAuC;AACvC,4CAAiD;AAG1C,IAAM,kBAAkB,GAAG,UAAC,EAUT;;QATxB,OAAO,aAAA,EACP,MAAM,YAAA,EACN,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,cAAc,oBAAA,EACd,gCAAgC,sCAAA,EAChC,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,UAAU,gBAAA;IAEV,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAA;IAE1B,IAAM,iBAAiB,GAAG,UAAC,OAAe;;QACxC,IAAM,KAAK,GAAG,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,0CAAE,IAAI,CAAC,UAAC,IAAI,IAAK,OAAA,IAAI,CAAC,EAAE,KAAK,OAAO,EAAnB,CAAmB,CAAC,CAAA;QACvE,aAAa,CAAC,KAAK,CAAC,CAAA;IACtB,CAAC,CAAA;IAED,IAAM,cAAc,GAAG,UAAC,KAA0C;QAChE,IAAI,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,QAAQ,KAAI,UAAU,EAAE,CAAC;YAC1C,UAAU,CAAC,KAAK,EAAE,aAAa,CAAC,QAAQ,CAAC,CAAA;QAC3C,CAAC;aAAM,IAAI,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,EAAE,CAAC;YAC/B,MAAM,CAAC,IAAI,CAAC,IAAA,wBAAc,EAAC,OAAO,IAAI,EAAE,EAAE,aAAa,CAAC,IAAI,CAAC,CAAC,CAAA;QAChE,CAAC;IACH,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,oBAAU;QACR,MAAM,IAAI,8BAAC,0BAAM,eAAK,MAAM,EAAI;QAChC,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,KAAI,CACvB,8BAAC,mBAAS,aACR,gBAAgB,EAAC,sBAAsB,EACvC,WAAW,EAAC,aAAa,EACzB,cAAc,EAAC,UAAU,IACrB,aAAa,CAAC,cAAc,GAE/B,aAAa,CAAC,KAAK,CACV,CACb;QAED,8BAAC,oBAAU,IACT,MAAM,EAAE,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,KAAK,KAAI,EAAE,EAClC,eAAe,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,EAAE,EAClC,QAAQ,EAAE,iBAAiB,GAC3B;QAED,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,YAAY,KAAI,CACzB;YACE,8BAAC,iBAAO,IACN,SAAS,aACP,gBAAgB,EAAE,UAAU,EAC5B,cAAc,EAAE,UAAU,IACvB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,gBAAgB,IAE/B;YACD,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,KAAI,CAClB,8BAAC,mBAAS,aACR,gBAAgB,EAAC,sBAAsB,EACvC,WAAW,EAAC,aAAa,EACzB,cAAc,EAAC,UAAU,IACrB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,cAAc,GAE3B,QAAQ,CAAC,KAAK,CACL,CACb,CACA,CACJ;QAEA,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,0CAAE,IAAI,KAAI,CAC/B,8BAAC,wBAAc,aACb,MAAM,EAAC,QAAQ,EACf,WAAW,EAAE;gBACX,EAAE,EAAE,SAAS;gBACb,EAAE,EAAE,UAAU;aACf,EACD,gBAAgB,EAAC,UAAU,IACvB,gCAAgC;YAEpC,8BAAC,gBAAM,IACL,QAAQ,EAAE,CAAC,aAAa,EACxB,OAAO,EAAE,cAAc,EACvB,YAAY,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,YAAY,EAC1C,SAAS,aACP,KAAK,EAAE;wBACL,EAAE,EAAE,MAAM;wBACV,EAAE,EAAE,MAAM;qBACX,IACE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,eAAe,KAGnC,cAAc,CAAC,MAAM,CAAC,IAAI,CACpB,CACM,CAClB,CACU,CACd,CAAA;AACH,CAAC,CAAA;AAhGY,QAAA,kBAAkB,sBAgG9B"}

package/dist/cjs/Components/Sections/CancellationOffers/index.d.ts

@@ -0,0 +1,2 @@
+export * from './CancellationOffers';
+export * from './types';

package/dist/cjs/Components/Sections/CancellationOffers/index.js

@@ -0,0 +1,19 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./CancellationOffers"), exports);
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/Sections/CancellationOffers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancellationOffers/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,uDAAoC;AACpC,0CAAuB"}

package/dist/cjs/Components/Sections/CancellationOffers/types.d.ts

@@ -0,0 +1,33 @@
+import { TextBlockProps, DividerProps, GridLayoutItem } from 'newskit';
+import { ComponentProps } from 'react';
+import { TealiumEventContext, HeaderProps, ContentContainerProps as SharedContentContainerProps } from '@newskit-render/shared-components';
+import { StepController } from '../../Templates/CancellationStepperRender';
+import { ForwardButtonProps } from '../../Elements/ForwardButton/ForwardButton';
+import { OfferProps } from '../../Elements/OfferGroup';
+export interface CancellationOffersContextProps {
+    tealiumContext?: TealiumEventContext;
+    showBackButton?: boolean;
+    contentContainerOverrides?: Partial<SharedContentContainerProps>;
+    baseUrl?: string;
+    header?: HeaderProps;
+    offersSection?: OffersSection;
+    benefits?: Benefits;
+    continueButton?: ForwardButtonProps;
+    continueButtonContainerOverrides?: ComponentProps<typeof GridLayoutItem>;
+}
+export interface OffersSection {
+    title?: string;
+    titleOverrides?: TextBlockProps;
+    items?: OfferProps[];
+}
+export interface Benefits {
+    showBenefits?: boolean;
+    title?: string;
+    titleOverrides?: TextBlockProps;
+    dividerOverrides?: DividerProps;
+}
+export interface CancellationOffersProps extends CancellationOffersContextProps {
+    selectedOffer?: OfferProps;
+    onSelectOffer: (offer: OfferProps | undefined) => void;
+    onNextStep?: StepController;
+}

package/dist/cjs/Components/Sections/CancellationOffers/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/Components/Sections/CancellationOffers/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancellationOffers/types.ts"],"names":[],"mappings":""}

package/dist/cjs/Components/Templates/CancellationStepperRender.d.ts

@@ -5,6 +5,8 @@ export declare const componentMap: {
     downgrade: React.FC<import("../Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade").CancelSubscriptionDowngradeProps>;
     preCancellation: ({ header, containerOverrides, user, subscriptionName, subscriptionEnd, selectedReason, defaultCancellationReason, dividerOverrides, continueButton, genericErrorMessage, setServiceCancellationDate, handleError, onNextStep, }: import("../Sections/CancellationDetails").CancellationDetailsProps) => JSX.Element;
     confirmCancel: ({ image, buttonOverrides, buttonText, introduction, buttonEventContext, buttonUrl, baseUrl, serviceCancellationDate, }: import("../Sections/ConfirmCancellation/ConfirmCancellation").ConfirmCancellationStepProps) => JSX.Element;
+    offers: ({ baseUrl, header, offersSection, benefits, continueButton, continueButtonContainerOverrides, selectedOffer, onSelectOffer, onNextStep, }: import("../Sections/CancellationOffers").CancellationOffersProps) => JSX.Element;
+    discountPreview: React.FC<import("../Sections/SectionContainer").GridSectionProps>;
 };
 export type SelectionData = {
     id: string;

package/dist/cjs/Components/Templates/CancellationStepperRender.js

@@ -45,12 +45,16 @@ var CancellationDetails_1 = require("../Sections/CancellationDetails");
 var helpers_1 = require("../../helpers");
 var CancelSubscriptionDowngrade_1 = require("../Sections/CancelSubscriptionDowngrade");
 var ConfirmCancellation_1 = require("../Sections/ConfirmCancellation/ConfirmCancellation");
+var CancellationOffers_1 = require("../Sections/CancellationOffers");
 var newskit_1 = require("newskit");
+var SectionContainer_1 = require("../Sections/SectionContainer");
 exports.componentMap = {
     reason: CancellationReasons_1.CancellationReasons,
     downgrade: CancelSubscriptionDowngrade_1.CancelSubscriptionDowngrade,
     preCancellation: CancellationDetails_1.CancellationDetails,
     confirmCancel: ConfirmCancellation_1.ConfirmCancellation,
+    offers: CancellationOffers_1.CancellationOffers,
+    discountPreview: SectionContainer_1.GridSection,
 };
 var CancellationStepperRender = function () {
     var _a, _b, _c, _d, _e;
@@ -68,6 +72,7 @@ var CancellationStepperRender = function () {
     var _h = (0, react_1.useState)(null), overrideComponent = _h[0], setOverrideComponent = _h[1];
     var _j = (0, react_1.useState)([]), filteredPages = _j[0], setFilteredPages = _j[1];
     var _k = (0, react_1.useState)(null), serviceCancellationDate = _k[0], setServiceCancellationDate = _k[1];
+    var _l = (0, react_1.useState)(), selectedOffer = _l[0], setSelectedOffer = _l[1];
     var stepFromUrl = searchParams.get('step');
     var currentStepComponent = overrideComponent || stepFromUrl || pagesInOrder[0];
     var activePages = filteredPages.length > 0 ? filteredPages : pagesInOrder;
@@ -155,10 +160,9 @@ var CancellationStepperRender = function () {
         return null;
     }
     var shouldShowBackButton = (_d = componentProps === null || componentProps === void 0 ? void 0 : componentProps.showBackButton) !== null && _d !== void 0 ? _d : showBackButton;
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        shouldShowBackButton && hederBackButtonProps && (react_1.default.createElement(shared_components_1.BackButton, { backButton: __assign(__assign({}, hederBackButtonProps), { href: '' }), backButtonOverrides: header.backButtonOverrides, eventContext: __assign(__assign({}, hederBackButtonProps === null || hederBackButtonProps === void 0 ? void 0 : hederBackButtonProps.eventContext), { page_name: (_e = componentProps.tealiumContext) === null || _e === void 0 ? void 0 : _e.context.page_name }), onClick: handleBackBtn })),
-        react_1.default.createElement(shared_components_1.ContentContainer, __assign({ "data-testid": "section-container" }, componentProps === null || componentProps === void 0 ? void 0 : componentProps.contentContainerOverrides),
-            react_1.default.createElement(SectionComponent, __assign({}, componentProps, { baseUrl: baseUrl, onNextStep: stepController, handleCardClick: handleCardClick, user: userData, selectedReason: selections, handleError: handleError, serviceCancellationDate: serviceCancellationDate, setServiceCancellationDate: setServiceCancellationDate })))));
+    return (react_1.default.createElement(shared_components_1.ContentContainer, __assign({ "data-testid": "section-container" }, componentProps === null || componentProps === void 0 ? void 0 : componentProps.contentContainerOverrides),
+        shouldShowBackButton && hederBackButtonProps && (react_1.default.createElement(shared_components_1.BackButton, { backButton: __assign(__assign({}, hederBackButtonProps), { href: '' }), backButtonOverrides: header.backButtonOverrides, eventContext: __assign(__assign({}, hederBackButtonProps === null || hederBackButtonProps === void 0 ? void 0 : hederBackButtonProps.eventContext), { page_name: (_e = componentProps === null || componentProps === void 0 ? void 0 : componentProps.tealiumContext) === null || _e === void 0 ? void 0 : _e.context.page_name }), onClick: handleBackBtn })),
+        react_1.default.createElement(SectionComponent, __assign({}, componentProps, { baseUrl: baseUrl, onNextStep: stepController, handleCardClick: handleCardClick, user: userData, selectedReason: selections, handleError: handleError, serviceCancellationDate: serviceCancellationDate, setServiceCancellationDate: setServiceCancellationDate, selectedOffer: selectedOffer, onSelectOffer: setSelectedOffer }))));
 };
 exports.default = CancellationStepperRender;
 //# sourceMappingURL=CancellationStepperRender.js.map

package/dist/cjs/Components/Templates/CancellationStepperRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"CancellationStepperRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/CancellationStepperRender.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"CancellationStepperRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/CancellationStepperRender.tsx"],"names":[],"mappings":"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"}

package/dist/cjs/context/types.d.ts

@@ -26,6 +26,7 @@ import { CancelSubscriptionDowngradeProps } from '../Components/Sections/CancelS
 import { ConfirmCancellationStepProps } from '../Components/Sections/ConfirmCancellation/ConfirmCancellation';
 import { CancellationDetailsContextProps } from '../Components/Sections/CancellationDetails';
 import { DetailedFlags } from '@newskit-render/feature-flags';
+import { CancellationOffersContextProps } from '../Components/Sections/CancellationOffers';
 interface InfoPanel extends InlineMessageProps {
     infoPanelCells?: MQ<number>;
     href?: boolean;
@@ -319,7 +320,7 @@ export interface ConfirmCancellationContextProps extends ConfirmCancellationStep
 }
 export interface CancellationStepperContextOptions extends Partial<InteractiveContextOptions>, Partial<NonInteractiveContextOptions> {
     containerOverrides?: GridLayoutProps;
-    components: Record<string, CancellationSection | DowngradeContextProps | ConfirmCancellationContextProps | CancellationDetailsContextProps>;
+    components: Record<string, CancellationSection | DowngradeContextProps | ConfirmCancellationContextProps | CancellationDetailsContextProps | CancellationOffersContextProps>;
     componentSequence: Record<string, string[]>;
     showBackButton?: boolean;
     contentContainerOverrides?: Partial<SharedContentContainerProps>;

package/dist/cjs/context/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":";;;AA6MA,IAAY,WAoBX;AApBD,WAAY,WAAW;IACrB,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,0CAA6B,CAAA;IAC7B,4DAA+C,CAAA;IAC/C,kCAAqB,CAAA;IACrB,sCAAyB,CAAA;IACzB,oCAAuB,CAAA;IACvB,4CAA+B,CAAA;IAC/B,8BAAiB,CAAA;IACjB,gDAAmC,CAAA;IACnC,kDAAqC,CAAA;IACrC,gDAAmC,CAAA;IACnC,sCAAyB,CAAA;IACzB,0CAA6B,CAAA;IAC7B,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,gCAAmB,CAAA;IACnB,0CAA6B,CAAA;IAC7B,0DAA6C,CAAA;AAC/C,CAAC,EApBW,WAAW,2BAAX,WAAW,QAoBtB;AAyND,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,4BAAZ,YAAY,QAGvB;AAED,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,gDAA4B,CAAA;IAC5B,yCAAqB,CAAA;IACrB,8CAA0B,CAAA;AAC5B,CAAC,EAJW,kBAAkB,kCAAlB,kBAAkB,QAI7B;AAED,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,6CAAyB,CAAA;AAC3B,CAAC,EAJW,gBAAgB,gCAAhB,gBAAgB,QAI3B;AAoZD,IAAY,gBA2BX;AA3BD,WAAY,gBAAgB;IAC1B,kCAAgB,CAAA;IAChB,yCAAuB,CAAA;IACvB,mCAAiB,CAAA;IACjB,8BAAY,CAAA;IACZ,oCAAkB,CAAA;IAClB,yCAAuB,CAAA;IACvB,2CAAyB,CAAA;IACzB,oCAAkB,CAAA;IAClB,gCAAc,CAAA;IACd,iCAAe,CAAA;IACf,mCAAiB,CAAA;IACjB,oCAAkB,CAAA;IAClB,oCAAkB,CAAA;IAClB,iCAAe,CAAA;IACf,oCAAkB,CAAA;IAClB,mCAAiB,CAAA;IACjB,+BAAa,CAAA;IACb,uCAAqB,CAAA;IACrB,kCAAgB,CAAA;IAChB,kCAAgB,CAAA;IAChB,uCAAqB,CAAA;IACrB,mCAAiB,CAAA;IACjB,8BAAY,CAAA;IACZ,qCAAmB,CAAA;IACnB,qCAAmB,CAAA;IACnB,kCAAgB,CAAA;AAClB,CAAC,EA3BW,gBAAgB,gCAAhB,gBAAgB,QA2B3B;AAiCD,IAAY,uBAIX;AAJD,WAAY,uBAAuB;IACjC,8CAAqB,CAAA;IACrB,4CAAmB,CAAA;IACnB,kDAAyB,CAAA;AAC3B,CAAC,EAJW,uBAAuB,uCAAvB,uBAAuB,QAIlC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":";;;AA8MA,IAAY,WAoBX;AApBD,WAAY,WAAW;IACrB,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,0CAA6B,CAAA;IAC7B,4DAA+C,CAAA;IAC/C,kCAAqB,CAAA;IACrB,sCAAyB,CAAA;IACzB,oCAAuB,CAAA;IACvB,4CAA+B,CAAA;IAC/B,8BAAiB,CAAA;IACjB,gDAAmC,CAAA;IACnC,kDAAqC,CAAA;IACrC,gDAAmC,CAAA;IACnC,sCAAyB,CAAA;IACzB,0CAA6B,CAAA;IAC7B,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,gCAAmB,CAAA;IACnB,0CAA6B,CAAA;IAC7B,0DAA6C,CAAA;AAC/C,CAAC,EApBW,WAAW,2BAAX,WAAW,QAoBtB;AA0ND,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,4BAAZ,YAAY,QAGvB;AAED,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,gDAA4B,CAAA;IAC5B,yCAAqB,CAAA;IACrB,8CAA0B,CAAA;AAC5B,CAAC,EAJW,kBAAkB,kCAAlB,kBAAkB,QAI7B;AAED,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,6CAAyB,CAAA;AAC3B,CAAC,EAJW,gBAAgB,gCAAhB,gBAAgB,QAI3B;AAoZD,IAAY,gBA2BX;AA3BD,WAAY,gBAAgB;IAC1B,kCAAgB,CAAA;IAChB,yCAAuB,CAAA;IACvB,mCAAiB,CAAA;IACjB,8BAAY,CAAA;IACZ,oCAAkB,CAAA;IAClB,yCAAuB,CAAA;IACvB,2CAAyB,CAAA;IACzB,oCAAkB,CAAA;IAClB,gCAAc,CAAA;IACd,iCAAe,CAAA;IACf,mCAAiB,CAAA;IACjB,oCAAkB,CAAA;IAClB,oCAAkB,CAAA;IAClB,iCAAe,CAAA;IACf,oCAAkB,CAAA;IAClB,mCAAiB,CAAA;IACjB,+BAAa,CAAA;IACb,uCAAqB,CAAA;IACrB,kCAAgB,CAAA;IAChB,kCAAgB,CAAA;IAChB,uCAAqB,CAAA;IACrB,mCAAiB,CAAA;IACjB,8BAAY,CAAA;IACZ,qCAAmB,CAAA;IACnB,qCAAmB,CAAA;IACnB,kCAAgB,CAAA;AAClB,CAAC,EA3BW,gBAAgB,gCAAhB,gBAAgB,QA2B3B;AAiCD,IAAY,uBAIX;AAJD,WAAY,uBAAuB;IACjC,8CAAqB,CAAA;IACrB,4CAAmB,CAAA;IACnB,kDAAyB,CAAA;AAC3B,CAAC,EAJW,uBAAuB,uCAAvB,uBAAuB,QAIlC"}

package/dist/cjs/helpers/featureFlagUtils.js

@@ -63,7 +63,7 @@ var getUserAttributes = function (context, attributes) {
                 ? { is_voucher: attributes === null || attributes === void 0 ? void 0 : attributes.is_voucher }
                 : {})), ((attributes === null || attributes === void 0 ? void 0 : attributes.contract_phase)
                 ? { contract_phase: attributes === null || attributes === void 0 ? void 0 : attributes.contract_phase }
-                : {})), { has_discount: (_b = attributes === null || attributes === void 0 ? void 0 : attributes.has_discount) !== null && _b !== void 0 ? _b : false, has_consent: (_c = attributes === null || attributes === void 0 ? void 0 : attributes.hasConsent) !== null && _c !== void 0 ? _c : false, unfilteredId: (_d = attributes === null || attributes === void 0 ? void 0 : attributes.userId) !== null && _d !== void 0 ? _d : '' }),
+                : {})), { has_discount: (_b = attributes === null || attributes === void 0 ? void 0 : attributes.has_discount) !== null && _b !== void 0 ? _b : false, has_consent: (_c = attributes === null || attributes === void 0 ? void 0 : attributes.hasConsent) !== null && _c !== void 0 ? _c : false, unfilteredId: (_d = attributes === null || attributes === void 0 ? void 0 : attributes.userId) !== null && _d !== void 0 ? _d : '', cancel_subscription_variant: (cookies === null || cookies === void 0 ? void 0 : cookies.cancel_subscription_variant) || '' }),
             userId: (attributes === null || attributes === void 0 ? void 0 : attributes.userId) || '',
         },
     };

package/dist/cjs/helpers/featureFlagUtils.js.map

@@ -1 +1 @@
-{"version":3,"file":"featureFlagUtils.js","sourceRoot":"","sources":["../../../src/helpers/featureFlagUtils.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAAsE;AAEtE,+CAAmD;AACnD,2DAG6B;AAUtB,IAAM,iBAAiB,GAAG,UAC/B,OAA0B,EAC1B,UAA8C;;IAE9C,IAAM,OAAO,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAA;IAChC,IAAM,OAAO,GAAG,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAA;IAChC,OAAO;QACL,oBAAoB,EAAE,IAAI;QAC1B,QAAQ,EAAE,OAAO;QACjB,QAAQ,EAAE;YACR,UAAU,wCACR,UAAU,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,UAAU,MAAK,MAAM,IAAI,KAAK,EACnD,kBAAkB,EAAE,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,kBAAkB,MAAK,MAAM,IAAI,KAAK,EACnE,gBAAgB,EACd,CAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAG,sCAAkB,CAAC,YAAY,CAAC,MAAK,SAAS,EAC1D,UAAU,EAAE,CAAA,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,KAAK,0CAAE,WAAW,MAAK,MAAM,IAE/C,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,EAAC,CAAC,CAAC,EAAE,OAAO,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,OAAO,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,GAC7D,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU;gBACxB,CAAC,CAAC,EAAE,UAAU,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,EAAE;gBACxC,CAAC,CAAC,EAAE,CAAC,GACJ,CAAC,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,cAAc;gBAC5B,CAAC,CAAC,EAAE,cAAc,EAAE,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,cAAc,EAAE;gBAChD,CAAC,CAAC,EAAE,CAAC,KACP,YAAY,EAAE,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,YAAY,mCAAI,KAAK,EAC/C,WAAW,EAAE,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,UAAU,mCAAI,KAAK,EAC5C,YAAY,EAAE,MAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAAM,mCAAI,EAAE,GACvC;YACD,MAAM,EAAE,CAAC,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,MAA6B,KAAI,EAAE;SACzD;KACF,CAAA;AACH,CAAC,CAAA;AA/BY,QAAA,iBAAiB,qBA+B7B;AAEM,IAAM,qBAAqB,GAAG,UACnC,QAEC,EACD,OAA2B;;IAE3B,IAAI,CAAC,QAAQ,EAAE,CAAC;QACd,OAAO,EAAuC,CAAA;IAChD,CAAC;IACD,IAAM,UAAU,GAAG,IAAA,iCAAkB,EAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,OAAO,CAAC,CAAA;IACvD,IAAM,YAAY,GAAG,MAAA,MAAA,QAAQ,CAAC,IAAI,0CAAE,aAAa,0CAAG,CAAC,CAAC,CAAA;IAEtD,IAAM,aAAa,GAAG,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,MAAM;QACxC,CAAC,CAAC,IAAA,4CAAuB,EAAC,YAAY,CAAC,MAAM,CAAC;QAC9C,CAAC,CAAC,IAAI,CAAA;IAER,IAAM,WAAW,GAAG,CAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,iBAAiB,0CAAE,MAAM;QACzD,CAAC,CAAC,IAAA,gDAA2B,EAAC,YAAY,CAAC,iBAAiB,CAAC;QAC7D,CAAC,CAAC,KAAK,CAAA;IAET,OAAO;QACL,OAAO,EAAE,MAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,aAAa,0CAAE,IAAI,mCAAI,EAAE;QAChD,UAAU,EAAE,OAAO,CAAC,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,CAAC;QAC5C,MAAM,EAAE,CAAC,UAAU,KAAI,MAAA,QAAQ,CAAC,IAAI,0CAAE,GAAG,CAAA,CAAC,IAAI,EAAE;QAChD,cAAc,EAAE,MAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,mCAAI,EAAE;QACzC,YAAY,EAAE,WAAW;QACzB,UAAU,YAAA;KACX,CAAA;AACH,CAAC,CAAA;AA5BY,QAAA,qBAAqB,yBA4BjC;AASD,gDAAgD;AAChD,uDAAuD;AACvD,uBAAuB;AAChB,IAAM,UAAU,GAAG,iEAAO,EAKb;;QAJlB,SAAS,eAAA,EACT,GAAG,SAAA,EACH,aAAa,mBAAA,EACb,IAAI,UAAA;;;;;gBAIF,qBAAM,KAAK,CAAC,0BAA0B,EAAE;wBACtC,MAAM,EAAE,MAAM;wBACd,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;4BACnB,SAAS,WAAA;4BACT,IAAI,MAAA;4BACJ,GAAG,KAAA;4BACH,aAAa,eAAA;yBACd,CAAC;qBACH,CAAC,EAAA;;gBARF,SAQE,CAAA;;;;gBAEF,OAAO,CAAC,KAAK,CAAC,kCAAkC,EAAE,OAAK,CAAC,CAAA;;;;;KAE3D,CAAA;AApBY,QAAA,UAAU,cAoBtB"}
+{"version":3,"file":"featureFlagUtils.js","sourceRoot":"","sources":["../../../src/helpers/featureFlagUtils.ts"],"names":[],"mappings":"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"}

package/dist/cjs/index.d.ts

@@ -32,3 +32,4 @@ export * from './Components/Elements/LoadingSpinner';
 export * from './Components/Elements/TimesLoadingSpinner';
 export * from './Components/Elements/TimesLoading';
 export { CANCELLATION_EXPERIMENT } from './constants';
+export { type OfferProps } from './Components/Elements/OfferGroup';

package/dist/cjs/pages/CancellationStepper/CancellationStepperContext.js

@@ -55,7 +55,7 @@ var CancellationStepperContext = function (variant, contractPhase, inEmbeddedMod
             eventContext: __assign({ event_navigation_action: 'navigation', event_navigation_name: 'button:back', event_navigation_browsing_method: newskit_1.EventTrigger.Click, page_name: 'cancellation reasons', optimizely_feature_data: "cancellation_exp|".concat(variant), contract_state: contractPhase }, (0, shared_components_1.getEmbeddedModeProperty)(inEmbeddedMode)),
         },
         backButtonOverrides: {
-            marginBlockEnd: 'space070',
+            marginBlockEnd: 'space060',
         },
     },
     containerOverrides: {
@@ -130,7 +130,6 @@ var CancellationStepperContext = function (variant, contractPhase, inEmbeddedMod
                 justifyContent: 'space-between',
                 overrides: {
                     paddingBlock: 'space045',
-                    paddingInline: { xs: 'space000', md: 'space040' },
                     minWidth: '100%',
                 },
             },
@@ -420,6 +419,82 @@ var CancellationStepperContext = function (variant, contractPhase, inEmbeddedMod
                 error: "Sorry, we're having trouble processing your cancellation request right now. Please try again later, or contact support.",
             },
         },
+        offers: {
+            tealiumContext: getPageTrackingEvent('offer page', variant, contractPhase), // TO DO: update with AIT spec
+            contentContainerOverrides: {
+                marginInline: 'auto',
+                paddingBlockStart: 'space000',
+                paddingInline: 'space000',
+                width: __assign(__assign({}, shared_components_1.DEFAULT_CONTENT_CONTAINER_WIDTH), { xs: '100%', sm: '100%' }),
+            },
+            header: {
+                title: "Don't cancel yet - here's a special offer",
+                description: "We'd like you to stay. Choose an option below to keep access to The Times and The Sunday Times.",
+                showDivider: true,
+                marginBlockEnd: { xs: 'space050', md: 'space080' },
+                titleOverrides: {
+                    marginBlockEnd: 'space060',
+                },
+                descriptionOverrides: {
+                    marginBlockEnd: 'space060',
+                },
+            },
+            offersSection: {
+                title: 'Limited time deal',
+                titleOverrides: {
+                    typographyPreset: 'editorialHeadline050',
+                    marginBlockEnd: 'space060',
+                },
+                items: [
+                    {
+                        id: 'DINCV-0039',
+                        title: 'Save 75% for 6 months',
+                        description: 'Stay subscribed for just £10/month for the next 6 months. After that, your price returns to £30/month. Cancel anytime.',
+                        discountedPrice: '£10/month for 6 months',
+                        regularPrice: '£30/month after',
+                        nextStep: 'discountPreview',
+                    },
+                    {
+                        id: 'cancel',
+                        title: 'Cancel subscription',
+                        description: 'If you still want to leave, you’ll be taken to the final confirmation step.',
+                        nextStep: 'preCancellation',
+                        overrides: {
+                            container: {
+                                borderColor: 'interfaceInformative010',
+                                backgroundColor: 'interfaceBackground',
+                            },
+                            title: {
+                                marginBlockStart: 'space030',
+                                typographyPreset: 'utilityHeading010',
+                            },
+                        },
+                    },
+                ],
+            },
+            benefits: {
+                showBenefits: true,
+                title: 'Subscriber benefits',
+                titleOverrides: {
+                    typographyPreset: 'editorialHeadline030',
+                    stylePreset: 'inkContrast',
+                    marginBlockEnd: 'space050',
+                },
+            },
+            continueButton: {
+                // TO DO: update with AIT spec
+                eventContext: {
+                    event_navigation_action: 'navigation',
+                    event_navigation_name: 'online cancellation  - proceed with offer selection',
+                    event_navigation_browsing_method: newskit_1.EventTrigger.Click,
+                    page_name: 'offers page',
+                },
+                label: '',
+                button: {
+                    text: 'Continue',
+                },
+            },
+        },
     },
     componentSequence: {
         Digital: ['reason', 'downgrade', 'preCancellation', 'confirmCancel'],