@newskit-render/my-account 7.151.0 → 7.151.1-cd5c2d6b0.4

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

@@ -13,6 +13,42 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+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 };
+    }
+};
 import React from 'react';
 import { Button, GridLayout, GridLayoutItem, TextBlock, Divider, styled, getColorCssFromTheme, } from 'newskit';
 import { BenefitsListItem, Header } from '@newskit-render/shared-components';
@@ -22,25 +58,30 @@ import { replaceBaseURL } from '../../../helpers';
 var StyledGridLayout = styled(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"])), getColorCssFromTheme('borderColor', 'neutral030'));
 export 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 baseUrl = _a.baseUrl, header = _a.header, offersSection = _a.offersSection, benefits = _a.benefits, continueButton = _a.continueButton, continueButtonContainerOverrides = _a.continueButtonContainerOverrides, setSelectedOffer = _a.setSelectedOffer, selectedOffer = _a.selectedOffer, onNextStep = _a.onNextStep;
     var router = 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(replaceBaseURL(baseUrl || '', selectedOffer.href));
-        }
+        sessionStorage.setItem('selectedOfferId', offerId);
+        setSelectedOffer(offerId);
     };
+    var handleContinue = function (event) { return __awaiter(void 0, void 0, void 0, function () {
+        var offer;
+        var _a;
+        return __generator(this, function (_b) {
+            offer = (_a = offersSection === null || offersSection === void 0 ? void 0 : offersSection.items) === null || _a === void 0 ? void 0 : _a.find(function (item) { return item.id === selectedOffer; });
+            if (offer === null || offer === void 0 ? void 0 : offer.href) {
+                router.push(replaceBaseURL(baseUrl || '', offer.href));
+            }
+            if ((offer === null || offer === void 0 ? void 0 : offer.nextStep) && onNextStep) {
+                onNextStep(event, offer.nextStep);
+            }
+            return [2 /*return*/];
+        });
+    }); };
     return (React.createElement(GridLayout, null,
         header && React.createElement(Header, __assign({}, header)),
         (offersSection === null || offersSection === void 0 ? void 0 : offersSection.title) && (React.createElement(TextBlock, __assign({ typographyPreset: "editorialHeadline050", stylePreset: "inkContrast", marginBlockEnd: "space060" }, offersSection.titleOverrides), offersSection.title)),
-        React.createElement(OfferGroup, { offers: (offersSection === null || offersSection === void 0 ? void 0 : offersSection.items) || [], selectedOfferId: selectedOffer === null || selectedOffer === void 0 ? void 0 : selectedOffer.id, onSelect: handleSelectOffer }),
+        React.createElement(OfferGroup, { offers: (offersSection === null || offersSection === void 0 ? void 0 : offersSection.items) || [], selectedOfferId: selectedOffer, onSelect: handleSelectOffer }),
         (benefits === null || benefits === void 0 ? void 0 : benefits.showBenefits) && (React.createElement(React.Fragment, null,
             React.createElement(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.createElement(React.Fragment, null,

package/dist/esm/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/esm/Components/Sections/CancellationOffers/types.d.ts

@@ -1,9 +1,10 @@
 import { TextBlockProps, DividerProps, GridLayoutItem } from 'newskit';
 import { ComponentProps } from 'react';
 import { TealiumEventContext, HeaderProps, ContentContainerProps as SharedContentContainerProps, BenefitsListItemContent } from '@newskit-render/shared-components';
-import { StepController } from '../../Templates/CancellationStepperRender';
+import { NextStepProps } from '../../Templates/CancellationStepperRender';
 import { ForwardButtonProps } from '../../Elements/ForwardButton/ForwardButton';
 import { OfferProps } from '../../Elements/OfferGroup';
+import { UserData } from 'pages/types';
 export interface CancellationOffersContextProps {
     tealiumContext?: TealiumEventContext;
     showBackButton?: boolean;
@@ -20,6 +21,29 @@ export interface OffersSection {
     titleOverrides?: TextBlockProps;
     items?: OfferProps[];
 }
+export interface CreditBalanceProps {
+    beforeApplyingSubscriptionCharges: string;
+    afterApplyingSubscriptionCharges: string;
+}
+export interface InvoiceMonthlySummaryBreakdownProps {
+    fromDate: string;
+    toDate: string;
+    creditBalance: CreditBalanceProps;
+    subscriptionCharges: string;
+    totalAmountToPay: string;
+}
+export interface OfferPreviewDataProps {
+    currentPropositionName: string;
+    incentiveName: string;
+    discountPercentage: number;
+    discountValue: string | null;
+    term: number;
+    billCycleDay: number;
+    serviceActivationDate: string;
+    invoiceSummary: {
+        invoiceMonthlySummaryBreakdown: InvoiceMonthlySummaryBreakdownProps[];
+    };
+}
 export interface Benefits {
     showBenefits?: boolean;
     title?: string;
@@ -28,7 +52,8 @@ export interface Benefits {
     items: BenefitsListItemContent[];
 }
 export interface CancellationOffersProps extends CancellationOffersContextProps {
-    selectedOffer?: OfferProps;
-    onSelectOffer: (offer: OfferProps | undefined) => void;
-    onNextStep?: StepController;
+    user: UserData;
+    selectedOffer?: string;
+    setSelectedOffer: (offer: string) => void;
+    onNextStep?: NextStepProps;
 }

package/dist/esm/Components/Sections/CancellationReasons/CancellationReasons.d.ts

@@ -1,2 +1,3 @@
 import { GridSectionProps } from '../SectionContainer';
-export declare const CancellationReasons: ({ belowItemExtra, onNextStep, handleCardClick, ...props }: GridSectionProps) => JSX.Element;
+export declare const appendReturnUrl: (url: string | undefined, returnUrl: string | null) => string | undefined;
+export declare const CancellationReasons: ({ belowItemExtra, onNextStep, handleCardClick, items, ...props }: GridSectionProps) => JSX.Element;

package/dist/esm/Components/Sections/CancellationReasons/CancellationReasons.js

@@ -22,8 +22,16 @@ var __rest = (this && this.__rest) || function (s, e) {
 };
 import React from 'react';
 import { GridSection } from '../SectionContainer';
+import { useSearchParams } from 'next/navigation';
+var RETURN_URL_PARAM = 'returnUrl';
+export var appendReturnUrl = function (url, returnUrl) {
+    if (!url || !returnUrl || url.includes("&".concat(RETURN_URL_PARAM, "="))) {
+        return url;
+    }
+    return "".concat(url, "&").concat(RETURN_URL_PARAM, "=").concat(returnUrl);
+};
 export var CancellationReasons = function (_a) {
-    var belowItemExtra = _a.belowItemExtra, onNextStep = _a.onNextStep, handleCardClick = _a.handleCardClick, props = __rest(_a, ["belowItemExtra", "onNextStep", "handleCardClick"]);
+    var belowItemExtra = _a.belowItemExtra, onNextStep = _a.onNextStep, handleCardClick = _a.handleCardClick, items = _a.items, props = __rest(_a, ["belowItemExtra", "onNextStep", "handleCardClick", "items"]);
     var onNextStepClick = function (event) {
         var _a, _b;
         // set selected cancellation reason when 'None of the above' button is clicked
@@ -32,6 +40,9 @@ export var CancellationReasons = function (_a) {
             : {})));
         onNextStep === null || onNextStep === void 0 ? void 0 : onNextStep(event);
     };
-    return (React.createElement(GridSection, __assign({}, props, { belowItemExtra: belowItemExtra, onNextStep: onNextStepClick, handleCardClick: handleCardClick })));
+    var searchParams = useSearchParams();
+    var returnUrl = searchParams.get(RETURN_URL_PARAM);
+    var updatedItems = items === null || items === void 0 ? void 0 : items.map(function (item) { return (__assign(__assign({}, item), { href: appendReturnUrl(item.href, returnUrl) })); });
+    return (React.createElement(GridSection, __assign({}, props, { belowItemExtra: belowItemExtra, onNextStep: onNextStepClick, handleCardClick: handleCardClick, items: updatedItems })));
 };
 //# sourceMappingURL=CancellationReasons.js.map

package/dist/esm/Components/Sections/CancellationReasons/CancellationReasons.js.map

@@ -1 +1 @@
-{"version":3,"file":"CancellationReasons.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancellationReasons/CancellationReasons.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAoB,MAAM,qBAAqB,CAAA;AAEnE,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,EAKjB;IAJjB,IAAA,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,eAAe,qBAAA,EACZ,KAAK,cAJ0B,mDAKnC,CADS;IAER,IAAM,eAAe,GAAG,UAAC,KAAuB;;QAC9C,8EAA8E;QAC9E,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,KAAK,aACrB,EAAE,EAAE,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,0CAAE,EAAE,KAAI,EAAE,EACpC,KAAK,EAAE,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,0CAAE,IAAI,KAAI,EAAE,IACtC,CAAC,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,YAAY;YAC9B,CAAC,CAAC,EAAE,YAAY,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,YAAY,EAAE;YAChD,CAAC,CAAC,EAAE,CAAC,EACP,CAAA;QACF,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,KAAK,CAAC,CAAA;IACrB,CAAC,CAAA;IAED,OAAO,CACL,oBAAC,WAAW,eACN,KAAK,IACT,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,eAAe,EAC3B,eAAe,EAAE,eAAe,IAChC,CACH,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"CancellationReasons.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancellationReasons/CancellationReasons.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,WAAW,EAAoB,MAAM,qBAAqB,CAAA;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAA;AAEjD,IAAM,gBAAgB,GAAG,WAAW,CAAA;AAEpC,MAAM,CAAC,IAAM,eAAe,GAAG,UAC7B,GAAuB,EACvB,SAAwB;IAExB,IAAI,CAAC,GAAG,IAAI,CAAC,SAAS,IAAI,GAAG,CAAC,QAAQ,CAAC,WAAI,gBAAgB,MAAG,CAAC,EAAE,CAAC;QAChE,OAAO,GAAG,CAAA;IACZ,CAAC;IAED,OAAO,UAAG,GAAG,cAAI,gBAAgB,cAAI,SAAS,CAAE,CAAA;AAClD,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,mBAAmB,GAAG,UAAC,EAMjB;IALjB,IAAA,cAAc,oBAAA,EACd,UAAU,gBAAA,EACV,eAAe,qBAAA,EACf,KAAK,WAAA,EACF,KAAK,cAL0B,4DAMnC,CADS;IAER,IAAM,eAAe,GAAG,UAAC,KAAuB;;QAC9C,8EAA8E;QAC9E,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAG,KAAK,aACrB,EAAE,EAAE,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,0CAAE,EAAE,KAAI,EAAE,EACpC,KAAK,EAAE,CAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,MAAM,0CAAE,IAAI,KAAI,EAAE,IACtC,CAAC,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,YAAY;YAC9B,CAAC,CAAC,EAAE,YAAY,EAAE,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,YAAY,EAAE;YAChD,CAAC,CAAC,EAAE,CAAC,EACP,CAAA;QACF,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,KAAK,CAAC,CAAA;IACrB,CAAC,CAAA;IAED,IAAM,YAAY,GAAG,eAAe,EAAE,CAAA;IACtC,IAAM,SAAS,GAAG,YAAY,CAAC,GAAG,CAAC,gBAAgB,CAAC,CAAA;IAEpD,IAAM,YAAY,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,uBACrC,IAAI,KACP,IAAI,EAAE,eAAe,CAAC,IAAI,CAAC,IAAI,EAAE,SAAS,CAAC,IAC3C,EAHwC,CAGxC,CAAC,CAAA;IAEH,OAAO,CACL,oBAAC,WAAW,eACN,KAAK,IACT,cAAc,EAAE,cAAc,EAC9B,UAAU,EAAE,eAAe,EAC3B,eAAe,EAAE,eAAe,EAChC,KAAK,EAAE,YAAY,IACnB,CACH,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/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/esm/Components/Sections/CancellationReview/CancellationReview.js

@@ -0,0 +1,120 @@
+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 __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 };
+    }
+};
+import React, { useState } from 'react';
+import { Block } from 'newskit';
+import { Header, ContentListView, ListItem, } from '@newskit-render/shared-components';
+import { formatDate } from '../../../helpers/dateUtils';
+import { cancelSubscription } from '../../../helpers/cancellationUtils';
+import { CancellationButtons } from '../../Elements/CancellationButtons';
+export 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)
+                ? formatDate(subscription.previewCancellation.serviceCancellationDate)
+                : '';
+        default:
+            return '';
+    }
+};
+export 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 = 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*/, 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.createElement(Block, null,
+        header && React.createElement(Header, __assign({}, header)),
+        details && details.length > 0 && (React.createElement(ContentListView, null, details.map(function (item) { return (React.createElement(ListItem, { key: item.ariaLabel, item: item, listCellProps: {
+                itemValue: getItemValue(item.type, subscription),
+                description: item.valueDescription,
+            }, listItemProps: { overrides: { minHeight: 'sizing090' } } })); }))),
+        React.createElement(CancellationButtons, __assign({ baseUrl: baseUrl, onPrimaryButtonClick: handleConfirmCancellationClick }, cancellationButtons))));
+};
+//# sourceMappingURL=CancellationReview.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CancellationReview.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancellationReview/CancellationReview.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAA;AAC/B,OAAO,EACL,MAAM,EACN,eAAe,EACf,QAAQ,GACT,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAA;AACvD,OAAO,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAA;AACvE,OAAO,EAAE,mBAAmB,EAAE,MAAM,oCAAoC,CAAA;AAIxE,MAAM,CAAC,IAAM,YAAY,GAAG,UAC1B,IAAwB,EACxB,YAAuC;;IAEvC,QAAQ,IAAI,EAAE,CAAC;QACb,KAAK,cAAc;YACjB,OAAO,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,IAAI,KAAI,EAAE,CAAA;QACjC,KAAK,SAAS;YACZ,OAAO,CAAA,MAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,mBAAmB,0CAAE,uBAAuB;gBAC/D,CAAC,CAAC,UAAU,CAAC,YAAY,CAAC,mBAAmB,CAAC,uBAAuB,CAAC;gBACtE,CAAC,CAAC,EAAE,CAAA;QACR;YACE,OAAO,EAAE,CAAA;IACb,CAAC;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,UAAC,EAYT;QAXxB,OAAO,aAAA,EACP,MAAM,YAAA,EACN,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,mBAAmB,yBAAA,EACnB,cAAc,oBAAA,EACd,yBAAyB,+BAAA,EACzB,mBAAmB,yBAAA,EACnB,0BAA0B,gCAAA,EAC1B,WAAW,iBAAA,EACX,UAAU,gBAAA;IAEJ,IAAA,KACJ,QAAQ,CAAC,KAAK,CAAC,EADV,wBAAwB,QAAA,EAAE,2BAA2B,QAC3C,CAAA;IAEjB,IAAM,YAAY,GAAG,IAAI,CAAC,aAAa,CAAC,CAAC,CAAC,CAAA;IAE1C,IAAM,cAAc,GAAG;QACrB,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAG,cAAc,EAAE,EAAE,EAAE,mBAAmB,EAAE,SAAS,EAAE,IAAI,CAAC,CAAA;IACzE,CAAC,CAAA;IAED,IAAM,8BAA8B,GAAG,UAAO,KAAuB;;;;;;oBACnE,IAAI,wBAAwB,EAAE,CAAC;wBAC7B,sBAAM;oBACR,CAAC;oBAEK,0BAA0B,GAC9B,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,KAAK,KAAI,yBAAyB,CAAA;oBAEpD,2BAA2B,CAAC,IAAI,CAAC,CAAA;;;;oBAGd,qBAAM,kBAAkB,CACvC,YAAY,CAAC,EAAE,EACf,0BAA0B,CAC3B,EAAA;;oBAHK,QAAQ,GAAG,SAGhB;yBAEG,CAAC,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,EAAE,CAAA,EAAb,wBAAa;oBACf,cAAc,EAAE,CAAA;;wBAEO,qBAAM,QAAQ,CAAC,IAAI,EAAE,EAAA;;oBAAtC,cAAc,GAAG,SAAqB;oBAE5C,0BAA0B,CACxB,MAAA,MAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,IAAI,0CAAE,oBAAoB,0CAAE,uBAAuB,CACpE,CAAA;oBAED,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAG,KAAK,CAAC,CAAA;;;;;oBAGrB,cAAc,EAAE,CAAA;;;oBAEhB,2BAA2B,CAAC,KAAK,CAAC,CAAA;;;;;SAErC,CAAA;IAED,OAAO,CACL,oBAAC,KAAK;QACH,MAAM,IAAI,oBAAC,MAAM,eAAK,MAAM,EAAI;QAChC,OAAO,IAAI,OAAO,CAAC,MAAM,GAAG,CAAC,IAAI,CAChC,oBAAC,eAAe,QACb,OAAO,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CACrB,oBAAC,QAAQ,IACP,GAAG,EAAE,IAAI,CAAC,SAAS,EACnB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE;gBACb,SAAS,EAAE,YAAY,CAAC,IAAI,CAAC,IAAI,EAAE,YAAY,CAAC;gBAChD,WAAW,EAAE,IAAI,CAAC,gBAAgB;aACnC,EACD,aAAa,EAAE,EAAE,SAAS,EAAE,EAAE,SAAS,EAAE,WAAW,EAAE,EAAE,GACxD,CACH,EAVsB,CAUtB,CAAC,CACc,CACnB;QACD,oBAAC,mBAAmB,aAClB,OAAO,EAAE,OAAO,EAChB,oBAAoB,EAAE,8BAA8B,IAChD,mBAAmB,EACvB,CACI,CACT,CAAA;AACH,CAAC,CAAA"}

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

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

package/dist/esm/Components/Sections/CancellationReview/index.js

@@ -0,0 +1,3 @@
+export * from './CancellationReview';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/dist/esm/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,cAAc,sBAAsB,CAAA;AACpC,cAAc,SAAS,CAAA"}

package/dist/esm/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 { NextStepProps, SelectionData } 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?: NextStepProps;
+    setServiceCancellationDate: React.Dispatch<React.SetStateAction<string | null>>;
+    handleError?: BaseFormActions['handleError'];
+}

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

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/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/esm/Components/Sections/ConfirmSubscriptionOffer/ConfirmSubscriptionOffer.d.ts

@@ -1,2 +1,2 @@
 import { ConfirmSubscriptionOfferProps } from './index';
-export declare const ConfirmSubscriptionOffer: ({ header, user, subscriptionDetails, buttonText, buttonEventContext, buttonUrl, baseUrl, buttonOverrides, }: ConfirmSubscriptionOfferProps) => JSX.Element | null;
+export declare const ConfirmSubscriptionOffer: ({ header, user, subscriptionDetails, buttonText, buttonEventContext, buttonUrl, baseUrl, buttonOverrides, incentiveData, }: ConfirmSubscriptionOfferProps) => JSX.Element | null;

package/dist/esm/Components/Sections/ConfirmSubscriptionOffer/ConfirmSubscriptionOffer.js

@@ -30,21 +30,20 @@ var ListItem = function (_a) {
 };
 export var ConfirmSubscriptionOffer = function (_a) {
     var _b;
-    var header = _a.header, user = _a.user, subscriptionDetails = _a.subscriptionDetails, buttonText = _a.buttonText, buttonEventContext = _a.buttonEventContext, buttonUrl = _a.buttonUrl, _c = _a.baseUrl, baseUrl = _c === void 0 ? '' : _c, buttonOverrides = _a.buttonOverrides;
+    var header = _a.header, user = _a.user, subscriptionDetails = _a.subscriptionDetails, buttonText = _a.buttonText, buttonEventContext = _a.buttonEventContext, buttonUrl = _a.buttonUrl, _c = _a.baseUrl, baseUrl = _c === void 0 ? '' : _c, buttonOverrides = _a.buttonOverrides, incentiveData = _a.incentiveData;
     var subscription = (_b = user === null || user === void 0 ? void 0 : user.subscriptions) === null || _b === void 0 ? void 0 : _b[0];
-    var grantedIncentives = subscription === null || subscription === void 0 ? void 0 : subscription.grantedIncentives;
-    if (!subscription || !grantedIncentives)
+    if (!subscription || !incentiveData)
         return null;
-    var latestIncentive = findLatestIncentiveStartDate(grantedIncentives);
+    var latestIncentive = findLatestIncentiveStartDate(incentiveData.invoiceSummary.invoiceMonthlySummaryBreakdown);
     if (latestIncentive === null)
         return null;
-    var discountPercentage = latestIncentive.incentive.discountPercentage;
+    var discountPercentage = incentiveData.discountPercentage;
     var price = subscription === null || subscription === void 0 ? void 0 : subscription.price;
     var currency = subscription === null || subscription === void 0 ? void 0 : subscription.currency;
     var initPrice = calculateDiscountedPrice(price, discountPercentage);
     var updates = {
         subscriptionType: subscription.type || '',
-        offerStartDate: format(latestIncentive.expectedFulfilmentStartDate, 'dd MMM yyyy'),
+        offerStartDate: format(latestIncentive.fromDate, 'dd MMM yyyy'),
         initialPrice: "".concat(formatPrice(initPrice, currency), "/month"),
         regularPrice: "".concat(formatPrice(price, currency), "/month"),
     };
@@ -54,7 +53,7 @@ export var ConfirmSubscriptionOffer = function (_a) {
         return __assign(__assign({}, item), { key: key, description: update !== null && update !== void 0 ? update : item.description });
     });
     var headerTitle = (header === null || header === void 0 ? void 0 : header.title)
-        ? replaceDate(header.title, latestIncentive.expectedFulfilmentStartDate)
+        ? replaceDate(header.title, latestIncentive.fromDate)
         : '';
     return (React.createElement(Stack, { flow: "vertical-center" },
         header && (React.createElement(GridLayoutItem, null,

package/dist/esm/Components/Sections/ConfirmSubscriptionOffer/ConfirmSubscriptionOffer.js.map

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

package/dist/esm/Components/Sections/ConfirmSubscriptionOffer/index.d.ts

@@ -1,6 +1,7 @@
 import { EventContext, HeaderProps } from '@newskit-render/shared-components';
 import { UserData } from '../../../pages/types';
 import { BlockProps, ButtonProps, TextBlockProps } from 'newskit';
+import { PreviewIncentiveProps } from '../../../helpers';
 export * from './ConfirmSubscriptionOffer';
 export interface ConfirmSubscriptionOfferProps {
     header: HeaderProps;
@@ -16,6 +17,7 @@ export interface ConfirmSubscriptionOfferProps {
     buttonUrl?: string;
     baseUrl?: string;
     buttonOverrides?: ButtonProps;
+    incentiveData: PreviewIncentiveProps | null;
 }
 export interface SubscriptionOfferListItem {
     label: string;

package/dist/esm/Components/Sections/ConfirmSubscriptionOffer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/ConfirmSubscriptionOffer/index.ts"],"names":[],"mappings":"AAIA,cAAc,4BAA4B,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/ConfirmSubscriptionOffer/index.ts"],"names":[],"mappings":"AAKA,cAAc,4BAA4B,CAAA"}

package/dist/esm/Components/Sections/ContactSupport/ContactSupport.d.ts

@@ -0,0 +1,2 @@
+import { ContactSupportProps } from './types';
+export declare const ContactSupport: ({ header, contactMethods, continueButton, continueButtonContainerOverrides, onNextStep, }: ContactSupportProps) => JSX.Element;

package/dist/esm/Components/Sections/ContactSupport/ContactSupport.js

@@ -0,0 +1,36 @@
+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);
+};
+import React from 'react';
+import { Button, GridLayout, GridLayoutItem } from 'newskit';
+import { Header, ContentListView, ListItem, } from '@newskit-render/shared-components';
+export var ContactSupport = function (_a) {
+    var header = _a.header, contactMethods = _a.contactMethods, continueButton = _a.continueButton, continueButtonContainerOverrides = _a.continueButtonContainerOverrides, onNextStep = _a.onNextStep;
+    return (React.createElement(GridLayout, null,
+        header && React.createElement(Header, __assign({}, header)),
+        contactMethods && contactMethods.length > 0 && (React.createElement(ContentListView, null, contactMethods.map(function (contactMethod) { return (React.createElement(ListItem, { key: contactMethod.ariaLabel, item: contactMethod, listCellProps: {
+                itemValue: contactMethod.default,
+                description: contactMethod.valueDescription,
+            }, listItemProps: {
+                overrides: {
+                    minHeight: 'sizing090',
+                },
+            } })); }))),
+        (continueButton === null || continueButton === void 0 ? void 0 : continueButton.text) && (React.createElement(GridLayoutItem, __assign({ column: "1 / -1", justifySelf: {
+                xs: 'stretch',
+                md: 'flex-end',
+            } }, continueButtonContainerOverrides),
+            React.createElement(Button, { onClick: onNextStep, 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.overrides) }, continueButton.text)))));
+};
+//# sourceMappingURL=ContactSupport.js.map

package/dist/esm/Components/Sections/ContactSupport/ContactSupport.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ContactSupport.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/ContactSupport/ContactSupport.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,SAAS,CAAA;AAC5D,OAAO,EACL,MAAM,EACN,eAAe,EACf,QAAQ,GACT,MAAM,mCAAmC,CAAA;AAG1C,MAAM,CAAC,IAAM,cAAc,GAAG,UAAC,EAMT;QALpB,MAAM,YAAA,EACN,cAAc,oBAAA,EACd,cAAc,oBAAA,EACd,gCAAgC,sCAAA,EAChC,UAAU,gBAAA;IAEV,OAAO,CACL,oBAAC,UAAU;QACR,MAAM,IAAI,oBAAC,MAAM,eAAK,MAAM,EAAI;QAChC,cAAc,IAAI,cAAc,CAAC,MAAM,GAAG,CAAC,IAAI,CAC9C,oBAAC,eAAe,QACb,cAAc,CAAC,GAAG,CAAC,UAAC,aAAa,IAAK,OAAA,CACrC,oBAAC,QAAQ,IACP,GAAG,EAAE,aAAa,CAAC,SAAS,EAC5B,IAAI,EAAE,aAAa,EACnB,aAAa,EAAE;gBACb,SAAS,EAAE,aAAa,CAAC,OAAO;gBAChC,WAAW,EAAE,aAAa,CAAC,gBAAgB;aAC5C,EACD,aAAa,EAAE;gBACb,SAAS,EAAE;oBACT,SAAS,EAAE,WAAW;iBACvB;aACF,GACD,CACH,EAdsC,CActC,CAAC,CACc,CACnB;QAEA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,IAAI,KAAI,CACvB,oBAAC,cAAc,aACb,MAAM,EAAC,QAAQ,EACf,WAAW,EAAE;gBACX,EAAE,EAAE,SAAS;gBACb,EAAE,EAAE,UAAU;aACf,IACG,gCAAgC;YAEpC,oBAAC,MAAM,IACL,OAAO,EAAE,UAAU,EACnB,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,SAAS,KAG7B,cAAc,CAAC,IAAI,CACb,CACM,CAClB,CACU,CACd,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/Components/Sections/ContactSupport/index.d.ts

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

package/dist/esm/Components/Sections/ContactSupport/index.js

@@ -0,0 +1,3 @@
+export * from './ContactSupport';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/dist/esm/Components/Sections/ContactSupport/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/ContactSupport/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA"}

package/dist/esm/Components/Sections/ContactSupport/types.d.ts

@@ -0,0 +1,21 @@
+import { ComponentProps } from 'react';
+import { GridLayoutItem, ButtonProps } from 'newskit';
+import { TealiumEventContext, HeaderProps, ContentContainerProps as SharedContentContainerProps, ListItemType } from '@newskit-render/shared-components';
+import { NextStepProps } from 'Components/Templates/CancellationStepperRender';
+export interface ContactMethodListItem extends Omit<ListItemType, 'default'> {
+    default: string | string[] | JSX.Element;
+}
+export interface ContactSupportContextProps {
+    tealiumContext?: TealiumEventContext;
+    contentContainerOverrides?: Partial<SharedContentContainerProps>;
+    showBackButton?: boolean;
+    header?: HeaderProps;
+    contactMethods?: ContactMethodListItem[];
+    continueButton?: ButtonProps & {
+        text: string;
+    };
+    continueButtonContainerOverrides?: ComponentProps<typeof GridLayoutItem>;
+}
+export interface ContactSupportProps extends ContactSupportContextProps {
+    onNextStep?: NextStepProps;
+}

package/dist/esm/Components/Sections/ContactSupport/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/Components/Sections/ContactSupport/types.js.map

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

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

@@ -9,7 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
-import React, { useState } from 'react';
+import React, { useState, isValidElement } from 'react';
 import { useInstrumentation } from 'newskit';
 import { ContentListView, createClickEvent, ListItem, checkRequestHeaders, UserPlatform, } from '@newskit-render/shared-components';
 import { useAccountContext, } from '../../../context';
@@ -111,7 +111,9 @@ export var ContentContainer = function (_a) {
         var itemValue = getListItemValue(userData, item.type || '', item.default, item.path, {
             publisher: PUBLISHER,
         });
-        var description = getValueDescription(userData, item.type || '', item.valueDescription || '');
+        var description = isValidElement(item.valueDescription)
+            ? item.valueDescription
+            : getValueDescription(userData, item.type || '', item.valueDescription || '');
         var ItemProps = {
             item: __assign(__assign({}, item), { href: getHref(baseUrl, userData, item.href, {
                     publisher: PUBLISHER || '',
@@ -155,12 +157,7 @@ export var ContentContainer = function (_a) {
         }
         if (item.type === 'reminderNotices') {
             var notificationContentMap = getNotificationData(customerNotifications, item.type, currentNoticePageSize);
-            return notificationContentMap === null || notificationContentMap === void 0 ? void 0 : notificationContentMap.map(function (notification, idx) { return (React.createElement(ListItem, __assign({ key: "".concat(i, "-").concat(idx) }, ItemProps, { handlePDF: handlePDF(__assign(__assign({}, notification), { cpn: userData.cpn }), 
-                /* istanbul ignore next */
-                isTNLMobileApp, function () {
-                    return fireEvent(createClickEvent('content-list-view', 'cta : view notice', undefined, undefined, 'Subscriptions & Billing', 'navigation'));
-                }),
-                item: __assign(__assign({}, ItemProps.item), notification) }))); });
+            return notificationContentMap === null || notificationContentMap === void 0 ? void 0 : notificationContentMap.map(function (notification, idx) { return (React.createElement(ListItem, __assign({ key: "".concat(i, "-").concat(idx) }, ItemProps, { item: __assign(__assign({}, ItemProps.item), notification) }))); });
         }
         return React.createElement(ListItem, __assign({ key: i }, ItemProps));
     };