@newskit-render/my-account 7.147.1 → 7.147.2-644022a50.12

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

@@ -61,12 +61,12 @@ var SectionListItem = function (_a) {
             react_1.default.createElement(newskit_1.StructuredListCell, { fullWidthSingleCell: true },
                 react_1.default.createElement(StyledGridContainer, __assign({}, containerOverrides, { "data-testid": id, isLink: Boolean(href) }, rest),
                     react_1.default.createElement(newskit_1.GridLayoutItem, __assign({}, itemOverrides),
-                        react_1.default.createElement(newskit_1.Stack, __assign({ paddingBlock: "space000", flow: "vertical-stretch", stackDistribution: "center", spaceInline: "space030" }, stackOverrides),
+                        react_1.default.createElement(newskit_1.Stack, __assign({ paddingBlock: "space000", flow: "vertical-stretch", stackDistribution: "center" }, stackOverrides),
                             react_1.default.createElement(newskit_1.StackChild, null,
-                                react_1.default.createElement(newskit_1.Stack, __assign({ flow: "horizontal-center", stackDistribution: "flex-start" }, titleOverrides),
+                                react_1.default.createElement(newskit_1.Stack, __assign({ flow: "horizontal-center", stackDistribution: "flex-start" }, titleOverrides, { paddingBlockEnd: 'space000' }),
                                     titleIcon,
                                     react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityHeading010" }, title))),
-                            react_1.default.createElement(newskit_1.StackChild, { marginBlockEnd: "space000" },
+                            react_1.default.createElement(newskit_1.StackChild, { marginBlockEnd: "space000", paddingBlockStart: "space040" },
                                 react_1.default.createElement(ListItemComponents_1.ItemSubtitle, { subtitleOverrides: subtitleOverrides, subtitle: subtitle })))),
                     linkIcon && (react_1.default.createElement(newskit_1.GridLayoutItem, { justifySelf: "flex-end" }, linkIcon)),
                     footer && (react_1.default.createElement(newskit_1.GridLayoutItem, { paddingBlockStart: "space040" },

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

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

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

@@ -1,4 +1,8 @@
 "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;
+};
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -21,6 +25,7 @@ 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 StyledGridLayout = (0, newskit_1.styled)(newskit_1.GridLayout)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  & > div {\n    border: 1px solid;\n    ", "\n    &:not(:last-of-type) {\n      border-bottom: none;\n    }\n  }\n"], ["\n  & > div {\n    border: 1px solid;\n    ", "\n    &:not(:last-of-type) {\n      border-bottom: none;\n    }\n  }\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'neutral030'));
 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;
@@ -44,7 +49,9 @@ var CancellationOffers = function (_a) {
         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)))),
+            (benefits === null || benefits === void 0 ? void 0 : benefits.title) && (react_1.default.createElement(react_1.default.Fragment, null,
+                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),
+                react_1.default.createElement(StyledGridLayout, null, benefits.items.map(function (content) { return (react_1.default.createElement(shared_components_1.BenefitsListItem, __assign({ key: content.code }, content, { paddingBlock: "space050", paddingInline: "space050" }))); })))))),
         ((_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',
@@ -55,4 +62,5 @@ var CancellationOffers = function (_a) {
                     } }, continueButton === null || continueButton === void 0 ? void 0 : continueButton.buttonOverrides) }, continueButton.button.text)))));
 };
 exports.CancellationOffers = CancellationOffers;
+var templateObject_1;
 //# sourceMappingURL=CancellationOffers.js.map

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

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

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

@@ -1,6 +1,6 @@
 import { TextBlockProps, DividerProps, GridLayoutItem } from 'newskit';
 import { ComponentProps } from 'react';
-import { TealiumEventContext, HeaderProps, ContentContainerProps as SharedContentContainerProps } from '@newskit-render/shared-components';
+import { TealiumEventContext, HeaderProps, ContentContainerProps as SharedContentContainerProps, BenefitsListItemContent } from '@newskit-render/shared-components';
 import { StepController } from '../../Templates/CancellationStepperRender';
 import { ForwardButtonProps } from '../../Elements/ForwardButton/ForwardButton';
 import { OfferProps } from '../../Elements/OfferGroup';
@@ -25,6 +25,7 @@ export interface Benefits {
     title?: string;
     titleOverrides?: TextBlockProps;
     dividerOverrides?: DividerProps;
+    items: BenefitsListItemContent[];
 }
 export interface CancellationOffersProps extends CancellationOffersContextProps {
     selectedOffer?: OfferProps;

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

@@ -0,0 +1,4 @@
+import { Subscriptions } from '../../../pages/types';
+import { CancellationReviewProps } from './types';
+export declare const getItemValue: (type: string | undefined, subscription: Subscriptions | undefined) => string;
+export declare const CancellationReview: ({ baseUrl, header, details, user, cancellationButtons, selectedReason, defaultCancellationReason, genericErrorMessage, setServiceCancellationDate, handleError, onNextStep, }: CancellationReviewProps) => JSX.Element;

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

@@ -0,0 +1,148 @@
+"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 __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 __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CancellationReview = exports.getItemValue = void 0;
+var react_1 = __importStar(require("react"));
+var newskit_1 = require("newskit");
+var shared_components_1 = require("@newskit-render/shared-components");
+var dateUtils_1 = require("../../../helpers/dateUtils");
+var cancellationUtils_1 = require("../../../helpers/cancellationUtils");
+var CancellationButtons_1 = require("../../Elements/CancellationButtons");
+var getItemValue = function (type, subscription) {
+    var _a;
+    switch (type) {
+        case 'subscription':
+            return (subscription === null || subscription === void 0 ? void 0 : subscription.type) || '';
+        case 'subDate':
+            return ((_a = subscription === null || subscription === void 0 ? void 0 : subscription.previewCancellation) === null || _a === void 0 ? void 0 : _a.serviceCancellationDate)
+                ? (0, dateUtils_1.formatDate)(subscription.previewCancellation.serviceCancellationDate)
+                : '';
+        default:
+            return '';
+    }
+};
+exports.getItemValue = getItemValue;
+var CancellationReview = function (_a) {
+    var baseUrl = _a.baseUrl, header = _a.header, details = _a.details, user = _a.user, cancellationButtons = _a.cancellationButtons, selectedReason = _a.selectedReason, defaultCancellationReason = _a.defaultCancellationReason, genericErrorMessage = _a.genericErrorMessage, setServiceCancellationDate = _a.setServiceCancellationDate, handleError = _a.handleError, onNextStep = _a.onNextStep;
+    var _b = (0, react_1.useState)(false), isCancellingSubscription = _b[0], setIsCancellingSubscription = _b[1];
+    var subscription = user.subscriptions[0];
+    var showErrorToast = function () {
+        handleError === null || handleError === void 0 ? void 0 : handleError('cancellation', {}, genericErrorMessage, undefined, 4000);
+    };
+    var handleConfirmCancellationClick = function (event) { return __awaiter(void 0, void 0, void 0, function () {
+        var selectedCancellationReason, response, parsedResponse, _a;
+        var _b, _c;
+        return __generator(this, function (_d) {
+            switch (_d.label) {
+                case 0:
+                    if (isCancellingSubscription) {
+                        return [2 /*return*/];
+                    }
+                    selectedCancellationReason = (selectedReason === null || selectedReason === void 0 ? void 0 : selectedReason.label) || defaultCancellationReason;
+                    setIsCancellingSubscription(true);
+                    _d.label = 1;
+                case 1:
+                    _d.trys.push([1, 6, 7, 8]);
+                    return [4 /*yield*/, (0, cancellationUtils_1.cancelSubscription)(subscription.id, selectedCancellationReason)];
+                case 2:
+                    response = _d.sent();
+                    if (!!(response === null || response === void 0 ? void 0 : response.ok)) return [3 /*break*/, 3];
+                    showErrorToast();
+                    return [3 /*break*/, 5];
+                case 3: return [4 /*yield*/, response.json()];
+                case 4:
+                    parsedResponse = _d.sent();
+                    setServiceCancellationDate((_c = (_b = parsedResponse === null || parsedResponse === void 0 ? void 0 : parsedResponse.data) === null || _b === void 0 ? void 0 : _b.cancelSubscriptionV2) === null || _c === void 0 ? void 0 : _c.serviceCancellationDate);
+                    onNextStep === null || onNextStep === void 0 ? void 0 : onNextStep(event);
+                    _d.label = 5;
+                case 5: return [3 /*break*/, 8];
+                case 6:
+                    _a = _d.sent();
+                    showErrorToast();
+                    return [3 /*break*/, 8];
+                case 7:
+                    setIsCancellingSubscription(false);
+                    return [7 /*endfinally*/];
+                case 8: return [2 /*return*/];
+            }
+        });
+    }); };
+    return (react_1.default.createElement(newskit_1.Block, null,
+        header && react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
+        details && details.length > 0 && (react_1.default.createElement(shared_components_1.ContentListView, null, details.map(function (item) { return (react_1.default.createElement(shared_components_1.ListItem, { key: item.ariaLabel, item: item, listCellProps: {
+                itemValue: (0, exports.getItemValue)(item.type, subscription),
+                description: item.valueDescription,
+            }, listItemProps: { overrides: { minHeight: 'sizing090' } } })); }))),
+        react_1.default.createElement(CancellationButtons_1.CancellationButtons, __assign({ baseUrl: baseUrl, onPrimaryButtonClick: handleConfirmCancellationClick }, cancellationButtons))));
+};
+exports.CancellationReview = CancellationReview;
+//# sourceMappingURL=CancellationReview.js.map

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

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

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

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

package/dist/cjs/Components/Sections/CancellationReview/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("./CancellationReview"), exports);
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,23 @@
+import { HeaderProps, TealiumEventContext, ContentContainerProps as SharedContentContainerProps, ListItemType, ButtonGroupProps } from '@newskit-render/shared-components';
+import { UserData } from '../../../pages/types';
+import { SelectionData, StepController } from '../../Templates/CancellationStepperRender';
+import { GenericMessageMap } from '../../Elements/Toast';
+import { BaseFormActions } from '../../../context/types';
+export interface CancellationReviewContextProps {
+    tealiumContext?: TealiumEventContext;
+    contentContainerOverrides?: Partial<SharedContentContainerProps>;
+    showBackButton?: boolean;
+    header?: HeaderProps;
+    details?: ListItemType[];
+    cancellationButtons?: Partial<ButtonGroupProps>;
+    defaultCancellationReason: string;
+    genericErrorMessage?: GenericMessageMap;
+}
+export interface CancellationReviewProps extends CancellationReviewContextProps {
+    baseUrl?: string;
+    user: UserData;
+    selectedReason?: SelectionData | null;
+    onNextStep?: StepController;
+    setServiceCancellationDate: React.Dispatch<React.SetStateAction<string | null>>;
+    handleError?: BaseFormActions['handleError'];
+}

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

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

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

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

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

@@ -1,19 +1,2 @@
-import { EventContext, IntroductionProps } from '@newskit-render/shared-components';
-import { ButtonProps } from 'newskit';
-export interface ConfirmCancellationStepProps {
-    image: {
-        src: string;
-        alt?: string;
-        loading?: 'eager' | 'lazy';
-        width?: string | number;
-        height?: string | number;
-    };
-    introduction: IntroductionProps;
-    buttonText: string;
-    buttonUrl: string;
-    buttonOverrides?: ButtonProps;
-    buttonEventContext?: EventContext;
-    baseUrl?: string;
-    serviceCancellationDate?: string | null;
-}
+import { ConfirmCancellationStepProps } from './index';
 export declare const ConfirmCancellation: ({ image, buttonOverrides, buttonText, introduction, buttonEventContext, buttonUrl, baseUrl, serviceCancellationDate, }: ConfirmCancellationStepProps) => JSX.Element;

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

@@ -1 +1 @@
-{"version":3,"file":"ConfirmCancellation.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/ConfirmCancellation/ConfirmCancellation.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,uEAK0C;AAC1C,4CAAiD;AACjD,mCAAoD;AACpD,gDAAyB;AACzB,wDAAwD;AAmBjD,IAAM,mBAAmB,GAAG,UAAC,EASL;QAR7B,KAAK,WAAA,EACL,eAAe,qBAAA,EACf,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,kBAAkB,wBAAA,EAClB,SAAS,eAAA,EACT,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,uBAAuB,6BAAA;IAEvB,IAAM,mBAAmB,GACvB,OAAO,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,WAAW,CAAA,KAAK,QAAQ,IAAI,uBAAuB;QACtE,CAAC,CAAC,IAAA,uBAAW,EAAC,YAAY,CAAC,WAAW,EAAE,uBAAuB,CAAC;QAChE,CAAC,CAAC,EAAE,CAAA;IAER,IAAM,iBAAiB,yBAClB,YAAY,KACf,WAAW,EAAE,mBAAmB,GACjC,CAAA;IACD,OAAO,CACL,8BAAC,eAAK,IAAC,IAAI,EAAC,iBAAiB;QAC3B,8BAAC,yBAAK,aAAC,GAAG,EAAC,EAAE,IAAK,KAAK,EAAI;QAC3B,8BAAC,gCAAY,eACP,iBAAiB,IACrB,oBAAoB,sBAClB,SAAS,EAAE,QAAQ,EACnB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE;oBAChB,EAAE,EAAE,uBAAuB;oBAC3B,EAAE,EAAE,uBAAuB;iBAC5B,IACE,YAAY,CAAC,oBAAoB,KACpC,YAAY,EAAE,UAAU,KAE1B,cAAc,aACZ,SAAS,EAAE,QAAQ,EACnB,WAAW,EAAE,aAAa,EAC1B,gBAAgB,EAAE;oBAChB,EAAE,EAAE,2BAA2B;oBAC/B,EAAE,EAAE,2BAA2B;iBAChC,EACD,iBAAiB,EAAE,UAAU,IAE1B,YAAY,CAAC,cAAc,KAEhC;QACF,8BAAC,gBAAM,aACL,SAAS,EAAE;gBACT,gBAAgB,EAAE,UAAU;aAC7B,EACD,YAAY,EAAE,kBAAkB,IAC5B,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC/D,eAAe,GAElB,UAAU,CACJ,CACH,CACT,CAAA;AACH,CAAC,CAAA;AA1DY,QAAA,mBAAmB,uBA0D/B"}
+{"version":3,"file":"ConfirmCancellation.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/ConfirmCancellation/ConfirmCancellation.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,uEAAuE;AACvE,4CAAiD;AACjD,mCAAuC;AACvC,gDAAyB;AACzB,wDAAwD;AAGjD,IAAM,mBAAmB,GAAG,UAAC,EASL;QAR7B,KAAK,WAAA,EACL,eAAe,qBAAA,EACf,UAAU,gBAAA,EACV,YAAY,kBAAA,EACZ,kBAAkB,wBAAA,EAClB,SAAS,eAAA,EACT,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,uBAAuB,6BAAA;IAEvB,IAAM,mBAAmB,GACvB,OAAO,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,WAAW,CAAA,KAAK,QAAQ,IAAI,uBAAuB;QACtE,CAAC,CAAC,IAAA,uBAAW,EAAC,YAAY,CAAC,WAAW,EAAE,uBAAuB,CAAC;QAChE,CAAC,CAAC,EAAE,CAAA;IAER,IAAM,iBAAiB,yBAClB,YAAY,KACf,WAAW,EAAE,mBAAmB,GACjC,CAAA;IACD,OAAO,CACL,8BAAC,eAAK,IAAC,IAAI,EAAC,iBAAiB;QAC3B,8BAAC,yBAAK,aAAC,GAAG,EAAC,EAAE,IAAK,KAAK,EAAI;QAC3B,8BAAC,gCAAY,eACP,iBAAiB,IACrB,oBAAoB,sBAClB,SAAS,EAAE,QAAQ,EACnB,WAAW,EAAE,WAAW,EACxB,gBAAgB,EAAE;oBAChB,EAAE,EAAE,uBAAuB;oBAC3B,EAAE,EAAE,uBAAuB;iBAC5B,IACE,YAAY,CAAC,oBAAoB,KACpC,YAAY,EAAE,UAAU,KAE1B,cAAc,aACZ,SAAS,EAAE,QAAQ,EACnB,WAAW,EAAE,aAAa,EAC1B,gBAAgB,EAAE;oBAChB,EAAE,EAAE,2BAA2B;oBAC/B,EAAE,EAAE,2BAA2B;iBAChC,EACD,iBAAiB,EAAE,UAAU,IAE1B,YAAY,CAAC,cAAc,KAEhC;QACF,8BAAC,gBAAM,aACL,SAAS,EAAE;gBACT,gBAAgB,EAAE,UAAU;aAC7B,EACD,YAAY,EAAE,kBAAkB,IAC5B,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,EAAE,SAAS,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,EAC/D,eAAe,GAElB,UAAU,CACJ,CACH,CACT,CAAA;AACH,CAAC,CAAA;AA1DY,QAAA,mBAAmB,uBA0D/B"}

package/dist/cjs/Components/Sections/ConfirmCancellation/ConfirmCancellationExp2.d.ts

@@ -0,0 +1,2 @@
+import { ConfirmCancellationStepProps } from './index';
+export declare const ConfirmCancellationExp2: ({ image, buttonOverrides, buttonText, introduction, buttonEventContext, buttonUrl, baseUrl, serviceCancellationDate, subType, subscriptionDetails, }: ConfirmCancellationStepProps) => JSX.Element;

package/dist/cjs/Components/Sections/ConfirmCancellation/ConfirmCancellationExp2.js

@@ -0,0 +1,59 @@
+"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;
+};
+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.ConfirmCancellationExp2 = void 0;
+var shared_components_1 = require("@newskit-render/shared-components");
+var helpers_1 = require("../../../helpers");
+var newskit_1 = require("newskit");
+var react_1 = __importDefault(require("react"));
+var dateUtils_1 = require("../../../helpers/dateUtils");
+var StyledGridLayout = (0, newskit_1.styled)(newskit_1.GridLayout)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid;\n  ", "\n"], ["\n  border: 1px solid;\n  ", "\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'neutral040'));
+var StyledTextBlock = (0, newskit_1.styled)(newskit_1.TextBlock)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), (0, newskit_1.getSizingCssFromTheme)('line-height', 'sizing050'));
+var ConfirmCancellationExp2 = function (_a) {
+    var image = _a.image, buttonOverrides = _a.buttonOverrides, buttonText = _a.buttonText, introduction = _a.introduction, buttonEventContext = _a.buttonEventContext, buttonUrl = _a.buttonUrl, _b = _a.baseUrl, baseUrl = _b === void 0 ? '' : _b, serviceCancellationDate = _a.serviceCancellationDate, subType = _a.subType, subscriptionDetails = _a.subscriptionDetails;
+    var cancellationDate = serviceCancellationDate
+        ? (0, dateUtils_1.formatDate)(serviceCancellationDate)
+        : '';
+    return (react_1.default.createElement(newskit_1.Stack, { flow: "vertical-center" },
+        react_1.default.createElement(newskit_1.Stack, null,
+            react_1.default.createElement(shared_components_1.Introduction, __assign({}, introduction, { descriptionOverrides: __assign(__assign({ stylePreset: 'inkSubtle', typographyPreset: {
+                        xs: 'editorialParagraph010',
+                        md: 'editorialParagraph020',
+                    } }, introduction === null || introduction === void 0 ? void 0 : introduction.descriptionOverrides), { paddingBlock: 'space020', marginBlockEnd: 'space070' }), titleOverrides: __assign({ typographyPreset: {
+                        xs: 'editorialHeadline040',
+                        md: 'editorialHeadline050',
+                    }, paddingBlockStart: 'space090', marginBlockEnd: 'space060', textAlign: 'start' }, introduction === null || introduction === void 0 ? void 0 : introduction.titleOverrides) }))),
+        react_1.default.createElement(newskit_1.StackChild, { marginBlockEnd: 'space080' },
+            react_1.default.createElement(shared_components_1.Image, __assign({ alt: "" }, image))),
+        react_1.default.createElement(StyledGridLayout, { columns: "4fr 5fr", columnGap: '16px', overrides: __assign({ width: '100%', marginBlockEnd: 'space100' }, subscriptionDetails === null || subscriptionDetails === void 0 ? void 0 : subscriptionDetails.containerOverrides) },
+            react_1.default.createElement(StyledTextBlock, __assign({}, subscriptionDetails === null || subscriptionDetails === void 0 ? void 0 : subscriptionDetails.subscriptionType.overrides), subscriptionDetails === null || subscriptionDetails === void 0 ? void 0 : subscriptionDetails.subscriptionType.label),
+            react_1.default.createElement(newskit_1.TextBlock, { paddingBlock: 'space050', paddingInlineEnd: 'space040' }, subType),
+            react_1.default.createElement(newskit_1.GridLayoutItem, { column: '1 / 3' },
+                react_1.default.createElement(newskit_1.Divider, null)),
+            react_1.default.createElement(StyledTextBlock, __assign({}, subscriptionDetails === null || subscriptionDetails === void 0 ? void 0 : subscriptionDetails.endDate.overrides), subscriptionDetails === null || subscriptionDetails === void 0 ? void 0 : subscriptionDetails.endDate.label),
+            react_1.default.createElement(newskit_1.TextBlock, { paddingBlock: 'space050', paddingInlineEnd: 'space040' }, cancellationDate)),
+        react_1.default.createElement(newskit_1.StackChild, { alignSelf: "flex-end" },
+            react_1.default.createElement(newskit_1.Button, __assign({ overrides: {
+                    marginBlockStart: 'space020',
+                }, eventContext: buttonEventContext }, (buttonUrl ? { href: (0, helpers_1.replaceBaseURL)(baseUrl, buttonUrl) } : {}), buttonOverrides), buttonText))));
+};
+exports.ConfirmCancellationExp2 = ConfirmCancellationExp2;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=ConfirmCancellationExp2.js.map

package/dist/cjs/Components/Sections/ConfirmCancellation/ConfirmCancellationExp2.js.map

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

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

@@ -0,0 +1,89 @@
+import { DetailedFlags } from '@newskit-render/feature-flags';
+import { EventContext, IntroductionProps } from '@newskit-render/shared-components';
+import { GridLayoutProps } from 'Components/SharedTypes/GridLayoutProps';
+import { ButtonProps, TextBlockProps } from 'newskit';
+import React from 'react';
+export interface ConfirmCancellationStepProps {
+    image: {
+        src: string;
+        alt?: string;
+        loading?: 'eager' | 'lazy';
+        width?: string | number;
+        height?: string | number;
+    };
+    introduction: IntroductionProps;
+    buttonText: string;
+    buttonUrl: string;
+    buttonOverrides?: ButtonProps;
+    buttonEventContext?: EventContext;
+    baseUrl?: string;
+    serviceCancellationDate?: string | null;
+    subType?: string;
+    featureFlags?: DetailedFlags;
+    subscriptionDetails?: {
+        containerOverrides?: GridLayoutProps['overrides'];
+        subscriptionType: {
+            label: string;
+            overrides?: TextBlockProps;
+        };
+        endDate: {
+            label: string;
+            overrides?: TextBlockProps;
+        };
+    };
+}
+export declare const ConfirmCancellationRender: ({ featureFlags, ...rest }: ConfirmCancellationStepProps) => React.CElement<{
+    image: {
+        src: string;
+        alt?: string;
+        loading?: "eager" | "lazy";
+        width?: string | number;
+        height?: string | number;
+    };
+    introduction: IntroductionProps;
+    buttonText: string;
+    buttonUrl: string;
+    buttonOverrides?: ButtonProps;
+    buttonEventContext?: EventContext;
+    baseUrl?: string;
+    serviceCancellationDate?: string | null;
+    subType?: string;
+    subscriptionDetails?: {
+        containerOverrides?: GridLayoutProps["overrides"];
+        subscriptionType: {
+            label: string;
+            overrides?: TextBlockProps;
+        };
+        endDate: {
+            label: string;
+            overrides?: TextBlockProps;
+        };
+    };
+}, React.Component<{
+    image: {
+        src: string;
+        alt?: string;
+        loading?: "eager" | "lazy";
+        width?: string | number;
+        height?: string | number;
+    };
+    introduction: IntroductionProps;
+    buttonText: string;
+    buttonUrl: string;
+    buttonOverrides?: ButtonProps;
+    buttonEventContext?: EventContext;
+    baseUrl?: string;
+    serviceCancellationDate?: string | null;
+    subType?: string;
+    subscriptionDetails?: {
+        containerOverrides?: GridLayoutProps["overrides"];
+        subscriptionType: {
+            label: string;
+            overrides?: TextBlockProps;
+        };
+        endDate: {
+            label: string;
+            overrides?: TextBlockProps;
+        };
+    };
+}, any, any>>;

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

@@ -0,0 +1,47 @@
+"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 __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+var _a;
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ConfirmCancellationRender = void 0;
+var react_1 = __importDefault(require("react"));
+var constants_1 = require("../../../constants");
+var ConfirmCancellation_1 = require("./ConfirmCancellation");
+var ConfirmCancellationExp2_1 = require("./ConfirmCancellationExp2");
+var componentMap = (_a = {},
+    _a[constants_1.CANCELLATION_EXPERIMENT.VARIANT_1_ON] = ConfirmCancellation_1.ConfirmCancellation,
+    _a[constants_1.CANCELLATION_EXPERIMENT.VARIANT_2_A] = ConfirmCancellationExp2_1.ConfirmCancellationExp2,
+    _a.default = ConfirmCancellation_1.ConfirmCancellation,
+    _a);
+var ConfirmCancellationRender = function (_a) {
+    var _b;
+    var featureFlags = _a.featureFlags, rest = __rest(_a, ["featureFlags"]);
+    var experimentFlag = ((_b = featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.enable_cancel_subscription) === null || _b === void 0 ? void 0 : _b.variationKey) || '';
+    var componentToRender = componentMap[experimentFlag] || componentMap.default;
+    return react_1.default.createElement(componentToRender, __assign({}, rest));
+};
+exports.ConfirmCancellationRender = ConfirmCancellationRender;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/ConfirmCancellation/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAOA,gDAAyB;AACzB,gDAA4D;AAC5D,6DAA2D;AAC3D,qEAAmE;AAgCnE,IAAM,YAAY;IAChB,GAAC,mCAAuB,CAAC,YAAY,IAAG,yCAAmB;IAC3D,GAAC,mCAAuB,CAAC,WAAW,IAAG,iDAAuB;IAC9D,UAAO,GAAE,yCAAmB;OAC7B,CAAA;AAEM,IAAM,yBAAyB,GAAG,UAAC,EAGX;;IAF7B,IAAA,YAAY,kBAAA,EACT,IAAI,cAFiC,gBAGzC,CADQ;IAEP,IAAM,cAAc,GAClB,CAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,0BAA0B,0CAAE,YAAY,KAAI,EAAE,CAAA;IAC9D,IAAM,iBAAiB,GAAG,YAAY,CAAC,cAAc,CAAC,IAAI,YAAY,CAAC,OAAO,CAAA;IAE9E,OAAO,eAAK,CAAC,aAAa,CAAC,iBAAiB,eAAO,IAAI,EAAG,CAAA;AAC5D,CAAC,CAAA;AATY,QAAA,yBAAyB,6BASrC"}

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

@@ -140,7 +140,9 @@ var ContentContainer = function (_a) {
         var itemValue = (0, helpers_1.getListItemValue)(userData, item.type || '', item.default, item.path, {
             publisher: PUBLISHER,
         });
-        var description = (0, helpers_1.getValueDescription)(userData, item.type || '', item.valueDescription || '');
+        var description = (0, react_1.isValidElement)(item.valueDescription)
+            ? item.valueDescription
+            : (0, helpers_1.getValueDescription)(userData, item.type || '', item.valueDescription || '');
         var ItemProps = {
             item: __assign(__assign({}, item), { href: (0, helpers_1.getHref)(baseUrl, userData, item.href, {
                     publisher: PUBLISHER || '',