@newskit-render/my-account 0.0.0-e67c7c42 → 0.0.0-e74abe310

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

@@ -0,0 +1,60 @@
+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 __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;
+};
+import React from 'react';
+import { createClickEvent, Introduction, Modal, } from '@newskit-render/shared-components';
+import { Button, GridLayout, LayerOrganizer, styled, getColorCssFromTheme, StructuredList, getMediaQueryFromTheme, useInstrumentation, EventTrigger, } from 'newskit';
+import { zIndexModal } from '../LayoutContentContainer';
+import { SectionListItem } from '../../Elements/SectionListItem';
+import { ForwardButton } from '../../Elements/ForwardButton/ForwardButton';
+var StyledStructuredListItem = styled(SectionListItem)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-top: 1px solid;\n  ", "\n  &:last-child {\n    border-bottom: 1px solid;\n    ", "\n  }\n"], ["\n  border-top: 1px solid;\n  ", "\n  &:last-child {\n    border-bottom: 1px solid;\n    ", "\n  }\n"])), getColorCssFromTheme('borderColor', 'interface030'), getColorCssFromTheme('borderColor', 'interface030'));
+var StyledGridLayout = styled(GridLayout)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", " {\n    text-align: center;\n  }\n"], ["\n  ", " {\n    text-align: center;\n  }\n"])), getMediaQueryFromTheme('sm'));
+export var CancelSubscription = function (_a) {
+    var _b, _c;
+    var primaryButton = _a.primaryButton, secondaryButton = _a.secondaryButton, introductionProps = _a.introductionProps, _d = _a.modal, content = _d.content, belowItemExtra = _d.belowItemExtra, modalProps = __rest(_d, ["content", "belowItemExtra"]), overrides = _a.overrides, mpcode = _a.mpcode, cpn = _a.cpn;
+    var fireEvent = useInstrumentation().fireEvent;
+    var _e = React.useState(false), modalOpen = _e[0], setModalOpen = _e[1];
+    var onDismissModal = function () {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        fireEvent(createClickEvent((_c = (_b = (_a = modalProps === null || modalProps === void 0 ? void 0 : modalProps.closeButton) === null || _a === void 0 ? void 0 : _a.eventContext) === null || _b === void 0 ? void 0 : _b.originator) !== null && _c !== void 0 ? _c : '', (_g = (_f = (_e = (_d = modalProps === null || modalProps === void 0 ? void 0 : modalProps.closeButton) === null || _d === void 0 ? void 0 : _d.eventContext) === null || _e === void 0 ? void 0 : _e.context) === null || _f === void 0 ? void 0 : _f.event_navigation_name) !== null && _g !== void 0 ? _g : '', undefined, undefined, (_k = (_j = (_h = modalProps === null || modalProps === void 0 ? void 0 : modalProps.closeButton) === null || _h === void 0 ? void 0 : _h.eventContext) === null || _j === void 0 ? void 0 : _j.context) === null || _k === void 0 ? void 0 : _k.page_name, 'navigation', EventTrigger.Click));
+        setModalOpen(false);
+    };
+    return (React.createElement(StyledGridLayout, { "data-testid": "cancel-subscription-container", overrides: __assign({}, overrides === null || overrides === void 0 ? void 0 : overrides.container), columnGap: { md: 'space030' }, alignItems: { xs: 'center', md: 'start' }, justifyContent: { xs: 'center', md: 'start' } },
+        React.createElement(Introduction, { title: introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.title, description: introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.description, titleOverrides: (_b = overrides === null || overrides === void 0 ? void 0 : overrides.introduction) === null || _b === void 0 ? void 0 : _b.titleOverrides, descriptionOverrides: (_c = overrides === null || overrides === void 0 ? void 0 : overrides.introduction) === null || _c === void 0 ? void 0 : _c.descriptionOverrides }),
+        (primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.text) && (React.createElement(Button, __assign({ as: "a", overrides: __assign({}, overrides === null || overrides === void 0 ? void 0 : overrides.primaryButton), eventContext: primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.eventContext, href: primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.href, "data-testid": "cancel-subscription-primary-button" }, primaryButton.props), primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.text)),
+        React.createElement(ForwardButton, { label: "or", paddingBlock: 'space060', buttonOverrides: __assign({ stylePreset: 'buttonMinimalPrimary' }, overrides === null || overrides === void 0 ? void 0 : overrides.secondaryButton), onClick: function () {
+                setModalOpen(true);
+            }, eventContext: secondaryButton === null || secondaryButton === void 0 ? void 0 : secondaryButton.eventContext, dataTestId: "cancel-subscription-secondary-button", button: { text: secondaryButton === null || secondaryButton === void 0 ? void 0 : secondaryButton.text } }),
+        React.createElement(LayerOrganizer, { zIndex: zIndexModal },
+            React.createElement(Modal, __assign({ open: modalOpen, onDismiss: onDismissModal }, modalProps, { "data-testid": "cancel-subscription-modal" }),
+                (content === null || content === void 0 ? void 0 : content.items) && (React.createElement(StructuredList, null, content === null || content === void 0 ? void 0 : content.items.map(function (_a) {
+                    var href = _a.href, props = __rest(_a, ["href"]);
+                    return (React.createElement(StyledStructuredListItem, __assign({ key: props.id }, props, { containerOverrides: content.itemContainerOverrides })));
+                }))),
+                React.createElement(ForwardButton, { label: "or", buttonOverrides: __assign({ stylePreset: 'buttonMinimalPrimary' }, belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.buttonOverrides), baseUrl: belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.baseUrl, eventContext: belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.eventContext, dataTestId: "continue-button", button: belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.button })))));
+};
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=CancelSubscription.js.map

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

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

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

@@ -0,0 +1,3 @@
+import { CancelSubscription } from './CancelSubscription';
+export * from './types';
+export default CancelSubscription;

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

@@ -0,0 +1,4 @@
+import { CancelSubscription } from './CancelSubscription';
+export * from './types';
+export default CancelSubscription;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancelSubscription/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAA;AACzD,cAAc,SAAS,CAAA;AAEvB,eAAe,kBAAkB,CAAA"}

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

@@ -0,0 +1,67 @@
+import { ContentContainerProps, EventContext, IntroductionProps, ModalProps, TealiumEventContext } from '@newskit-render/shared-components';
+import { SectionListItemProps } from '../../Elements/SectionListItem';
+import { GridLayoutProps } from '../../SharedTypes/GridLayoutProps';
+import { BelowItemExtraProps } from 'context/types';
+export interface CancelSubscriptionProps extends Omit<ContentContainerProps, 'items'> {
+    id?: string;
+    cpn?: string;
+    mpcode?: string;
+    primaryButton?: {
+        text: string;
+        href?: string;
+        eventContext?: EventContext;
+        props?: {
+            target?: string;
+        };
+    };
+    secondaryButton?: {
+        text: string;
+        eventContext?: EventContext;
+    };
+    introductionProps?: IntroductionProps;
+    overrides?: {
+        container?: {
+            paddingBlockEnd?: string;
+            paddingInline?: string;
+        };
+        primaryButton?: {
+            stylePreset?: string;
+            typographyPreset?: string;
+            size?: string;
+        };
+        secondaryButton?: {
+            stylePreset?: string;
+            typographyPreset?: string;
+            size?: string;
+        };
+        introduction?: {
+            titleOverrides?: {
+                typographyPreset?: string;
+                stylePreset?: string;
+            };
+            descriptionOverrides?: {
+                typographyPreset?: string;
+                stylePreset?: string;
+            };
+            modal?: {
+                title: string;
+                description?: string | string[];
+                links?: [{
+                    title: 'Call us';
+                }, {
+                    tittle: 'Chat online';
+                }];
+            };
+        };
+    };
+    modal: Omit<ModalProps, 'onDismiss' | 'open'> & {
+        content: {
+            itemContainerOverrides?: GridLayoutProps;
+            items: SectionListItemProps[];
+        };
+        closeButton?: {
+            eventContext: TealiumEventContext;
+        };
+        belowItemExtra?: BelowItemExtraProps;
+    };
+}

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

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

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

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

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

@@ -0,0 +1,19 @@
+import { FC } from 'react';
+import { OfferCardProps } from '../../Elements/OfferCard/types';
+import { HeaderProps } from '@newskit-render/shared-components';
+import { ForwardButtonProps } from '../../Elements/ForwardButton/ForwardButton';
+import { StepController } from '../../Templates/CancellationStepperRender';
+export interface CancelSubscriptionDowngradeProps {
+    offers: OfferCardProps[];
+    header?: HeaderProps;
+    heroImage: {
+        width: number;
+        height: number;
+        src: string;
+        alt?: string;
+    };
+    continueButton?: ForwardButtonProps;
+    serviceCancellationDate?: string | null;
+    onNextStep?: StepController;
+}
+export declare const CancelSubscriptionDowngrade: FC<CancelSubscriptionDowngradeProps>;

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

@@ -0,0 +1,36 @@
+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);
+};
+import React from 'react';
+import OfferCard from '../../Elements/OfferCard';
+import { Header } from '@newskit-render/shared-components';
+import { getMediaQueryFromTheme, GridLayout, GridLayoutItem, styled, } from 'newskit';
+import NextImage from 'next/image';
+import { ForwardButton, } from '../../Elements/ForwardButton/ForwardButton';
+// Image styles are not final and will be changed after the design is finalized.
+var StyledImage = styled(NextImage)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", " {\n    width: 50%;\n    height: auto;\n    position: absolute;\n    justify-self: center;\n  }\n  ", " {\n    width: 100%;\n    max-width: 800px;\n    position: relative;\n    justify-self: start;\n  }\n"], ["\n  ", " {\n    width: 50%;\n    height: auto;\n    position: absolute;\n    justify-self: center;\n  }\n  ", " {\n    width: 100%;\n    max-width: 800px;\n    position: relative;\n    justify-self: start;\n  }\n"])), getMediaQueryFromTheme('xs'), getMediaQueryFromTheme('md'));
+export var CancelSubscriptionDowngrade = function (_a) {
+    var header = _a.header, heroImage = _a.heroImage, offers = _a.offers, continueButton = _a.continueButton, onNextStep = _a.onNextStep;
+    return (React.createElement(GridLayout, { columns: { md: '1fr 1fr', xs: '1fr' } },
+        React.createElement(GridLayoutItem, null,
+            React.createElement(Header, __assign({}, header)),
+            React.createElement("figure", null,
+                React.createElement(StyledImage, __assign({ alt: "cancel-hero" }, heroImage)))),
+        React.createElement(GridLayout, { justifyContent: "center", overrides: { marginBlockStart: { xs: 'space110', md: 'space000' } } }, offers.map(function (offer) { return (React.createElement(OfferCard, __assign({}, offer, { key: offer.id }))); })),
+        continueButton && (React.createElement(GridLayoutItem, { column: "1 / -1", justifySelf: 'center' },
+            React.createElement(ForwardButton, __assign({}, continueButton, { onClick: onNextStep }))))));
+};
+var templateObject_1;
+//# sourceMappingURL=CancelSubscriptionDowngrade.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CancelSubscriptionDowngrade.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,SAAS,MAAM,0BAA0B,CAAA;AAEhD,OAAO,EAAE,MAAM,EAAe,MAAM,mCAAmC,CAAA;AACvE,OAAO,EACL,sBAAsB,EACtB,UAAU,EACV,cAAc,EACd,MAAM,GACP,MAAM,SAAS,CAAA;AAChB,OAAO,SAAS,MAAM,YAAY,CAAA;AAClC,OAAO,EACL,aAAa,GAEd,MAAM,4CAA4C,CAAA;AAGnD,gFAAgF;AAChF,IAAM,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,yRAAA,MACjC,EAA4B,qGAM5B,EAA4B,uGAM/B,KAZG,sBAAsB,CAAC,IAAI,CAAC,EAM5B,sBAAsB,CAAC,IAAI,CAAC,CAM/B,CAAA;AAeD,MAAM,CAAC,IAAM,2BAA2B,GAEpC,UAAC,EAAyD;QAAvD,MAAM,YAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,cAAc,oBAAA,EAAE,UAAU,gBAAA;IAC1D,OAAO,CACL,oBAAC,UAAU,IAAC,OAAO,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE;QAC/C,oBAAC,cAAc;YACb,oBAAC,MAAM,eAAK,MAAM,EAAI;YACtB;gBACE,oBAAC,WAAW,aAAC,GAAG,EAAC,aAAa,IAAK,SAAS,EAAI,CACzC,CACM;QAEjB,oBAAC,UAAU,IACT,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAE,EAAE,gBAAgB,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,IAElE,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CACrB,oBAAC,SAAS,eAAK,KAAK,IAAE,GAAG,EAAE,KAAK,CAAC,EAAE,IAAI,CACxC,EAFsB,CAEtB,CAAC,CACS;QACZ,cAAc,IAAI,CACjB,oBAAC,cAAc,IAAC,MAAM,EAAC,QAAQ,EAAC,WAAW,EAAE,QAAQ;YACnD,oBAAC,aAAa,eAAK,cAAc,IAAE,OAAO,EAAE,UAAU,IAAI,CAC3C,CAClB,CACU,CACd,CAAA;AACH,CAAC,CAAA"}

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

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

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

@@ -0,0 +1,2 @@
+export { CancelSubscriptionDowngrade } from './CancelSubscriptionDowngrade';
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancelSubscriptionDowngrade/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,2BAA2B,EAAE,MAAM,+BAA+B,CAAA"}

package/dist/esm/Components/Sections/CancelSubscriptionDowngrade/type.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=type.js.map

package/dist/esm/Components/Sections/CancelSubscriptionDowngrade/type.js.map

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

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

@@ -0,0 +1,2 @@
+import { CancellationDetailsProps } from './types';
+export declare const CancellationDetails: ({ header, containerOverrides, user, subscriptionName, subscriptionEnd, selectedReason, defaultCancellationReason, dividerOverrides, continueButton, genericErrorMessage, setServiceCancellationDate, handleError, onNextStep, }: CancellationDetailsProps) => JSX.Element;

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

@@ -0,0 +1,144 @@
+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 __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 { Button, getColorCssFromTheme, Divider, GridLayout, GridLayoutItem, TextBlock, styled, } from 'newskit';
+import { Header } from '@newskit-render/shared-components';
+import { cancelSubscription, replaceRemainingSubscriptionTime, replaceSubscriptionName, getSubscriptionEndMessage, } from '../../../helpers/cancellationUtils';
+var StyledGridLayoutItem = styled(GridLayoutItem)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid;\n  ", "\n"], ["\n  border: 1px solid;\n  ", "\n"])), getColorCssFromTheme('borderColor', 'neutral040'));
+export var CancellationDetails = function (_a) {
+    var _b, _c, _d, _e, _f;
+    var header = _a.header, containerOverrides = _a.containerOverrides, user = _a.user, subscriptionName = _a.subscriptionName, subscriptionEnd = _a.subscriptionEnd, selectedReason = _a.selectedReason, defaultCancellationReason = _a.defaultCancellationReason, dividerOverrides = _a.dividerOverrides, continueButton = _a.continueButton, genericErrorMessage = _a.genericErrorMessage, setServiceCancellationDate = _a.setServiceCancellationDate, handleError = _a.handleError, onNextStep = _a.onNextStep;
+    var _g = useState(false), isCancellingSubscription = _g[0], setIsCancellingSubscription = _g[1];
+    var subscription = (_b = user === null || user === void 0 ? void 0 : user.subscriptions) === null || _b === void 0 ? void 0 : _b[0];
+    var packName = (subscription === null || subscription === void 0 ? void 0 : subscription.packName) || '';
+    var subscriptionTitle = subscriptionName
+        ? replaceSubscriptionName(subscriptionName, packName)
+        : packName;
+    var nextBillCycleDate = (_c = subscription === null || subscription === void 0 ? void 0 : subscription.billingDetails) === null || _c === void 0 ? void 0 : _c.nextBillCycleDate;
+    var remainingTimeText = typeof (header === null || header === void 0 ? void 0 : header.description) === 'string' && nextBillCycleDate
+        ? replaceRemainingSubscriptionTime(header.description, nextBillCycleDate)
+        : '';
+    var headerProps = __assign(__assign({}, header), { description: remainingTimeText });
+    var subscriptionEndMessage = ((_d = subscriptionEnd === null || subscriptionEnd === void 0 ? void 0 : subscriptionEnd.messages) === null || _d === void 0 ? void 0 : _d.daysRemaining) &&
+        ((_e = subscriptionEnd === null || subscriptionEnd === void 0 ? void 0 : subscriptionEnd.messages) === null || _e === void 0 ? void 0 : _e.monthsRemaining) &&
+        nextBillCycleDate
+        ? getSubscriptionEndMessage(subscriptionEnd.messages, nextBillCycleDate)
+        : '';
+    var showToastMessage = 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;
+                    if (!(subscription === null || subscription === void 0 ? void 0 : subscription.id) || !selectedCancellationReason) {
+                        showToastMessage();
+                        return [2 /*return*/];
+                    }
+                    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];
+                    showToastMessage();
+                    return [3 /*break*/, 5];
+                case 3: return [4 /*yield*/, response.json()];
+                case 4:
+                    parsedResponse = _d.sent();
+                    setServiceCancellationDate === null || setServiceCancellationDate === void 0 ? void 0 : setServiceCancellationDate((_c = (_b = parsedResponse === null || parsedResponse === void 0 ? void 0 : parsedResponse.data) === null || _b === void 0 ? void 0 : _b.cancelSubscription) === 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();
+                    showToastMessage();
+                    return [3 /*break*/, 8];
+                case 7:
+                    setIsCancellingSubscription(false);
+                    return [7 /*endfinally*/];
+                case 8: return [2 /*return*/];
+            }
+        });
+    }); };
+    return (React.createElement(GridLayout, null,
+        React.createElement(GridLayoutItem, null,
+            React.createElement(Header, __assign({}, headerProps))),
+        React.createElement(StyledGridLayoutItem, __assign({ paddingInline: "space040", paddingBlockStart: "space040", paddingBlockEnd: "space070", marginBlockEnd: "space100" }, containerOverrides),
+            subscriptionTitle && (React.createElement(TextBlock, __assign({ typographyPreset: {
+                    xs: 'utilityHeading010',
+                    md: 'utilityHeading020',
+                } }, subscriptionEnd === null || subscriptionEnd === void 0 ? void 0 : subscriptionEnd.titleOverrides), subscriptionTitle)),
+            React.createElement(Divider, __assign({ overrides: {
+                    marginBlock: 'space030',
+                } }, dividerOverrides)),
+            React.createElement(TextBlock, __assign({ typographyPreset: "utilityBody020", stylePreset: "inkSubtle" }, subscriptionEnd === null || subscriptionEnd === void 0 ? void 0 : subscriptionEnd.descriptionOverrides),
+                subscriptionEndMessage, subscriptionEnd === null || subscriptionEnd === void 0 ? void 0 :
+                subscriptionEnd.description)),
+        React.createElement(GridLayoutItem, { column: "1 / -1", justifySelf: {
+                xs: 'stretch',
+                md: 'center',
+            } }, ((_f = continueButton === null || continueButton === void 0 ? void 0 : continueButton.button) === null || _f === void 0 ? void 0 : _f.text) && (React.createElement(Button, { onClick: handleConfirmCancellationClick, overrides: __assign({ width: {
+                    xs: '100%',
+                    md: 'auto',
+                } }, continueButton === null || continueButton === void 0 ? void 0 : continueButton.buttonOverrides), eventContext: continueButton === null || continueButton === void 0 ? void 0 : continueButton.eventContext }, continueButton.button.text)))));
+};
+var templateObject_1;
+//# sourceMappingURL=CancellationDetails.js.map

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,37 @@
+import { BlockProps, DividerProps, TextBlockProps } from 'newskit';
+import { HeaderProps, ContentContainerProps as SharedContentContainerProps, TealiumEventContext } from '@newskit-render/shared-components';
+import { BaseFormActions } from '../../../context/types';
+import { UserData } from '../../../pages/types';
+import { SelectionData, StepController, HandleCardClick } from '../../Templates/CancellationStepperRender';
+import { ForwardButtonProps } from '../../Elements/ForwardButton/ForwardButton';
+import { GenericMessageMap } from '../../Elements/Toast';
+export interface SubscriptionEnd {
+    titleOverrides?: TextBlockProps;
+    descriptionOverrides?: TextBlockProps;
+    messages?: {
+        daysRemaining?: string;
+        monthsRemaining?: string;
+    };
+    description?: React.ReactNode;
+}
+export interface CancellationDetailsContextProps extends CancellationDetailsProps {
+    contentContainerOverrides?: Partial<SharedContentContainerProps>;
+    showBackButton?: boolean;
+    tealiumContext?: TealiumEventContext;
+}
+export interface CancellationDetailsProps {
+    header?: HeaderProps;
+    containerOverrides?: BlockProps;
+    subscriptionName?: string;
+    subscriptionEnd?: SubscriptionEnd;
+    dividerOverrides?: DividerProps;
+    continueButton?: ForwardButtonProps;
+    genericErrorMessage?: GenericMessageMap;
+    user?: UserData;
+    selectedReason?: SelectionData | null;
+    defaultCancellationReason?: string;
+    onNextStep?: StepController;
+    handleCardClick?: HandleCardClick;
+    handleError?: BaseFormActions['handleError'];
+    setServiceCancellationDate?: React.Dispatch<React.SetStateAction<string | null>>;
+}

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

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

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

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

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

@@ -0,0 +1,2 @@
+import { GridSectionProps } from '../SectionContainer';
+export declare const CancellationReasons: ({ belowItemExtra, onNextStep, handleCardClick, ...props }: GridSectionProps) => JSX.Element;

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

@@ -0,0 +1,37 @@
+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;
+};
+import React from 'react';
+import { GridSection } from '../SectionContainer';
+export var CancellationReasons = function (_a) {
+    var belowItemExtra = _a.belowItemExtra, onNextStep = _a.onNextStep, handleCardClick = _a.handleCardClick, props = __rest(_a, ["belowItemExtra", "onNextStep", "handleCardClick"]);
+    var onNextStepClick = function (event) {
+        var _a, _b;
+        // set selected cancellation reason when 'None of the above' button is clicked
+        handleCardClick === null || handleCardClick === void 0 ? void 0 : handleCardClick(event, __assign({ id: ((_a = belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.button) === null || _a === void 0 ? void 0 : _a.id) || '', label: ((_b = belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.button) === null || _b === void 0 ? void 0 : _b.text) || '' }, ((belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.eventContext)
+            ? { eventContext: belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.eventContext }
+            : {})));
+        onNextStep === null || onNextStep === void 0 ? void 0 : onNextStep(event);
+    };
+    return (React.createElement(GridSection, __assign({}, props, { belowItemExtra: belowItemExtra, onNextStep: onNextStepClick, handleCardClick: handleCardClick })));
+};
+//# sourceMappingURL=CancellationReasons.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1 @@
+export * from './CancellationReasons';

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

@@ -0,0 +1,2 @@
+export * from './CancellationReasons';
+//# sourceMappingURL=index.js.map

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

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

package/dist/esm/Components/Sections/CardContentContainer/BelowContentExtra.d.ts

@@ -1,7 +1,7 @@
 import React from 'react';
-import { BelowContentExtra } from '../ContentContainer/types';
+import { BelowContentExtra as BelowContentExtraType } from '../ContentContainer/types';
 interface BelowContentExtraProps {
-    belowContentExtra: BelowContentExtra;
+    belowContentExtra: BelowContentExtraType;
     subscriptionCancelled?: string | null;
     paymentFailure: boolean;
     baseUrl: string;

package/dist/esm/Components/Sections/CardContentContainer/BelowContentExtra.js

@@ -10,8 +10,8 @@ var __assign = (this && this.__assign) || function () {
     return __assign.apply(this, arguments);
 };
 import React from 'react';
-import { Grid, Cell, InlineMessage, LinkInline, LayerOrganizer } from 'newskit';
-import { Modal } from '@newskit-render/shared-components';
+import { Grid, Cell, InlineMessage, LayerOrganizer } from 'newskit';
+import { Modal, NextLink } from '@newskit-render/shared-components';
 import { replaceBaseURL } from '../../../helpers';
 import { SubscriptionType } from '../../../context/types';
 import { zIndexModal } from '../LayoutContentContainer';
@@ -30,7 +30,7 @@ var BelowContentExtra = function (_a) {
             subscriptionType !== SubscriptionType.digital &&
             infoPanel && (React.createElement(InlineMessage, { "data-testid": "address-inline", icon: infoPanel.icon, children: React.createElement(React.Fragment, null,
                 infoPanel.children,
-                infoPanel && infoPanel.href && (React.createElement(LinkInline, { href: baseUrl || '/' }, "Personal details"))), overrides: {
+                infoPanel && infoPanel.href && (React.createElement(NextLink, { href: baseUrl || '/', type: "inline" }, "Personal details"))), overrides: {
                 marginBlockEnd: 'space060',
             } }))));
     }

package/dist/esm/Components/Sections/CardContentContainer/BelowContentExtra.js.map

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