@newskit-render/my-account 7.144.0 → 7.145.0

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

@@ -44,7 +44,7 @@ var StyledGridContainer = (0, newskit_1.styled)(newskit_1.GridLayout)(templateOb
 });
 var SectionListItem = function (_a) {
     var _b;
-    var title = _a.title, titleIcon = _a.titleIcon, titleOverrides = _a.titleOverrides, subtitle = _a.subtitle, id = _a.id, linkIcon = _a.linkIcon, href = _a.href, containerOverrides = _a.containerOverrides, itemOverrides = _a.itemOverrides, footer = _a.footer, ariaLabel = _a.ariaLabel, eventContext = _a.eventContext, subtitleOverrides = _a.subtitleOverrides, stackOverrides = _a.stackOverrides, rest = __rest(_a, ["title", "titleIcon", "titleOverrides", "subtitle", "id", "linkIcon", "href", "containerOverrides", "itemOverrides", "footer", "ariaLabel", "eventContext", "subtitleOverrides", "stackOverrides"]);
+    var title = _a.title, titleIcon = _a.titleIcon, titleOverrides = _a.titleOverrides, subtitle = _a.subtitle, id = _a.id, linkIcon = _a.linkIcon, href = _a.href, containerOverrides = _a.containerOverrides, itemOverrides = _a.itemOverrides, footer = _a.footer, ariaLabel = _a.ariaLabel, eventContext = _a.eventContext, subtitleOverrides = _a.subtitleOverrides, stackOverrides = _a.stackOverrides, children = _a.children, rest = __rest(_a, ["title", "titleIcon", "titleOverrides", "subtitle", "id", "linkIcon", "href", "containerOverrides", "itemOverrides", "footer", "ariaLabel", "eventContext", "subtitleOverrides", "stackOverrides", "children"]);
     var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
     /* istanbul ignore next */
     var handleLinkClick = function () {
@@ -70,7 +70,8 @@ var SectionListItem = function (_a) {
                                 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" },
-                        react_1.default.createElement(newskit_1.TextBlock, __assign({ stylePreset: "inkSubtle", typographyPreset: "utilityBody010" }, (_b = footer.props) === null || _b === void 0 ? void 0 : _b.textOverrides, { "data-testid": footer.dataTestId }), footer === null || footer === void 0 ? void 0 : footer.content))))))));
+                        react_1.default.createElement(newskit_1.TextBlock, __assign({ stylePreset: "inkSubtle", typographyPreset: "utilityBody010" }, (_b = footer.props) === null || _b === void 0 ? void 0 : _b.textOverrides, { "data-testid": footer.dataTestId }), footer === null || footer === void 0 ? void 0 : footer.content))),
+                    children && react_1.default.createElement(newskit_1.GridLayoutItem, null, children))))));
 };
 exports.SectionListItem = SectionListItem;
 var templateObject_1;

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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,mDAA4B;AAC5B,mCAYgB;AAChB,uEAAoE;AACpE,4DAAoD;AAEpD,IAAM,mBAAmB,GAAG,IAAA,gBAAM,EAAC,oBAAU,CAAC,yJAAsB,MAChE,EAAmD,gDAKjD,EACqE,gBAC7D,EAAgD,UAE7D,KATG,IAAA,8BAAoB,EAAC,aAAa,EAAE,cAAc,CAAC,EAKjD,UAAC,EAAU;QAAR,MAAM,YAAA;IACT,OAAA,MAAM,CAAC,CAAC,CAAC,IAAA,8BAAoB,EAAC,iBAAiB,EAAE,cAAc,CAAC,CAAC,CAAC,CAAC,EAAE;AAArE,CAAqE,EAC7D,UAAC,EAAU;QAAR,MAAM,YAAA;IAAO,OAAA,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,SAAS,CAAC;AAAhC,CAAgC,CAE7D,CAAA;AAEM,IAAM,eAAe,GAAmC,UAAC,EAiB/D;;IAhBC,IAAA,KAAK,WAAA,EACL,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,QAAQ,cAAA,EACR,EAAE,QAAA,EACF,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,kBAAkB,wBAAA,EAClB,aAAa,mBAAA,EACb,MAAM,YAAA,EACN,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,iBAAiB,uBAAA,EACjB,cAAc,oBAAA,EACd,QAAQ,cAAA,EACL,IAAI,cAhBuD,+MAiB/D,CADQ;IAEC,IAAA,SAAS,GAAK,IAAA,4BAAkB,GAAE,UAAzB,CAAyB;IAE1C,0BAA0B;IAC1B,IAAM,eAAe,GAAG;QACtB,IAAI,IAAI;YACN,SAAS,CACP,IAAA,oCAAgB,EACd,MAAM,EACN,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,qBAAqB,KAAI,EAAE,EACzC,SAAS,EACT,SAAS,EACT,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,SAAS,KAAI,EAAE,EAC7B,YAAY,EACZ,CAAA,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAE,gCAAgC,KAAI,sBAAY,CAAC,KAAK,CACrE,CACF,CAAA;IACL,CAAC,CAAA;IAED,OAAO,CACL,8BAAC,cAAI,IACH,cAAc,QACd,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,mBAChB,CAAC,IAAI,gBACR,SAAS,IAAI,EAAE;QAE3B,8BAAC,4BAAkB,IACjB,IAAI,EAAE,IAAI,IAAI,EAAE,EAChB,QAAQ,EAAE,CAAC,IAAI,EACf,QAAQ,QACR,SAAS,EAAE;gBACT,WAAW,EAAE,SAAS;gBACtB,aAAa,EAAE,UAAU;gBACzB,YAAY,EAAE,UAAU;gBACxB,SAAS,EAAE,MAAM;aAClB,EACD,OAAO,EAAE,eAAe;YAExB,8BAAC,4BAAkB,IAAC,mBAAmB;gBACrC,8BAAC,mBAAmB,eACd,kBAAkB,mBACT,EAAE,EACf,MAAM,EAAE,OAAO,CAAC,IAAI,CAAC,IACjB,IAAI;oBAER,8BAAC,wBAAc,eAAK,aAAa;wBAC/B,8BAAC,eAAK,aACJ,YAAY,EAAC,UAAU,EACvB,IAAI,EAAC,kBAAkB,EACvB,iBAAiB,EAAC,QAAQ,EAC1B,WAAW,EAAC,UAAU,IAClB,cAAc;4BAElB,8BAAC,oBAAU;gCACT,8BAAC,eAAK,aACJ,IAAI,EAAC,mBAAmB,EACxB,iBAAiB,EAAC,YAAY,IAC1B,cAAc;oCAEjB,SAAS;oCACV,8BAAC,mBAAS,IAAC,gBAAgB,EAAC,mBAAmB,IAC5C,KAAK,CACI,CACN,CACG;4BAEb,8BAAC,oBAAU,IAAC,cAAc,EAAC,UAAU;gCACnC,8BAAC,iCAAY,IACX,iBAAiB,EAAE,iBAAiB,EACpC,QAAQ,EAAE,QAAQ,GACJ,CACL,CACP,CACO;oBAChB,QAAQ,IAAI,CACX,8BAAC,wBAAc,IAAC,WAAW,EAAC,UAAU,IAAE,QAAQ,CAAkB,CACnE;oBACA,MAAM,IAAI,CACT,8BAAC,wBAAc,IAAC,iBAAiB,EAAC,UAAU;wBAC1C,8BAAC,mBAAS,aACR,WAAW,EAAC,WAAW,EACvB,gBAAgB,EAAC,gBAAgB,IAC7B,MAAA,MAAM,CAAC,KAAK,0CAAE,aAAa,mBAClB,MAAM,CAAC,UAAU,KAE7B,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,OAAO,CACN,CACG,CAClB;oBACA,QAAQ,IAAI,8BAAC,wBAAc,QAAE,QAAQ,CAAkB,CACpC,CACH,CACF,CAChB,CACR,CAAA;AACH,CAAC,CAAA;AAjHY,QAAA,eAAe,mBAiH3B"}

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

@@ -34,5 +34,7 @@ export interface SectionListItemProps {
         height?: number;
         fill?: boolean;
     };
+    children?: React.ReactElement;
+    onClick?: (event: React.MouseEvent) => void;
 }
 export type GridListItemProps = Partial<NewsletterViewProps> & CancellationItem & Partial<SectionListItemProps>;

package/dist/cjs/Components/Sections/UserHub/BaseSection.d.ts

@@ -1,4 +1,7 @@
 import { UserHubSection } from '../../../context';
+export declare const StyledStructuredList: import("@emotion/styled").StyledComponent<import("newskit").StructuredListProps & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
 export interface BaseSectionProps extends UserHubSection {
     baseUrl: string;
 }

package/dist/cjs/Components/Sections/UserHub/BaseSection.js

@@ -29,7 +29,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.BaseSection = void 0;
+exports.BaseSection = exports.StyledStructuredList = void 0;
 var shared_components_1 = require("@newskit-render/shared-components");
 var helpers_1 = require("../../../helpers");
 var newskit_1 = require("newskit");
@@ -37,7 +37,7 @@ var react_1 = __importDefault(require("react"));
 var context_1 = require("../../../context");
 var types_1 = require("../../../context/types");
 var SectionListItem_1 = require("../../Elements/SectionListItem");
-var StyledStructuredList = (0, newskit_1.styled)(newskit_1.StructuredList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid;\n  ", "\n"], ["\n  border: 1px solid;\n  ", "\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'));
+exports.StyledStructuredList = (0, newskit_1.styled)(newskit_1.StructuredList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid;\n  ", "\n"], ["\n  border: 1px solid;\n  ", "\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'));
 var BaseSection = function (_a) {
     var dataTestId = _a.dataTestId, header = _a.header, items = _a.items, containerOverrides = _a.containerOverrides, baseUrl = _a.baseUrl;
     var contextName = types_1.ContextName.userHubPage;
@@ -50,7 +50,7 @@ var BaseSection = function (_a) {
     });
     return (react_1.default.createElement(newskit_1.Stack, { flow: "vertical-stretch", "data-testid": dataTestId },
         react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
-        react_1.default.createElement(StyledStructuredList, { divider: true }, itemsToRender.map(function (_a) {
+        react_1.default.createElement(exports.StyledStructuredList, { divider: true }, itemsToRender.map(function (_a) {
             var href = _a.href, props = __rest(_a, ["href"]);
             return (react_1.default.createElement(SectionListItem_1.SectionListItem, __assign({ key: props.id }, props, { containerOverrides: containerOverrides, href: (0, helpers_1.replaceBaseURL)(baseUrl, href) })));
         }))));

package/dist/cjs/Components/Sections/UserHub/BaseSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/UserHub/BaseSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA0D;AAC1D,4CAAiD;AACjD,mCAA6E;AAC7E,gDAAyB;AAEzB,4CAA2E;AAC3E,gDAAoD;AACpD,kEAAgE;AAEhE,IAAM,oBAAoB,GAAG,IAAA,gBAAM,EAAC,wBAAc,CAAC,qGAAA,4BAE/C,EAAmD,IACtD,KADG,IAAA,8BAAoB,EAAC,aAAa,EAAE,cAAc,CAAC,CACtD,CAAA;AAMM,IAAM,WAAW,GAAG,UAAC,EAMT;QALjB,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,KAAK,WAAA,EACL,kBAAkB,wBAAA,EAClB,OAAO,aAAA;IAEP,IAAM,WAAW,GAAG,mBAAW,CAAC,WAAW,CAAA;IAE7B,IAAA,gBAAgB,GAC1B,IAAA,2BAAiB,EAAC,WAAW,CAA0B,0BAD7B,CAC6B;IACrD,IAAA,KAAuC,gBAAgB,IAAI,EAAE,EAA3D,gBAAgB,sBAAA,EAAE,cAAc,oBAA2B,CAAA;IAEnE,IAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,UAAC,EAAM;YAAJ,EAAE,QAAA;QACtC,IAAM,wBAAwB,GAC5B,EAAE,KAAK,sBAAsB,IAAI,CAAC,CAAC,cAAc,IAAI,gBAAgB,CAAC,CAAA;QAExE,OAAO,CAAC,wBAAwB,CAAA;IAClC,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,8BAAC,eAAK,IAAC,IAAI,EAAC,kBAAkB,iBAAc,UAAU;QACpD,8BAAC,0BAAM,eAAK,MAAM,EAAI;QAEtB,8BAAC,oBAAoB,IAAC,OAAO,EAAE,IAAI,IAChC,aAAa,CAAC,GAAG,CAAC,UAAC,EAAkB;YAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;YAAO,OAAA,CACzC,8BAAC,iCAAe,aACd,GAAG,EAAE,KAAK,CAAC,EAAE,IACT,KAAK,IACT,kBAAkB,EAAE,kBAAkB,EACtC,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,EAAE,IAAI,CAAC,IACnC,CACH,CAAA;SAAA,CAAC,CACmB,CACjB,CACT,CAAA;AACH,CAAC,CAAA;AApCY,QAAA,WAAW,eAoCvB"}
+{"version":3,"file":"BaseSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/UserHub/BaseSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA0D;AAC1D,4CAAiD;AACjD,mCAA6E;AAC7E,gDAAyB;AAEzB,4CAA2E;AAC3E,gDAAoD;AACpD,kEAAgE;AAEnD,QAAA,oBAAoB,GAAG,IAAA,gBAAM,EAAC,wBAAc,CAAC,qGAAA,4BAEtD,EAAmD,IACtD,KADG,IAAA,8BAAoB,EAAC,aAAa,EAAE,cAAc,CAAC,EACtD;AAMM,IAAM,WAAW,GAAG,UAAC,EAMT;QALjB,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,KAAK,WAAA,EACL,kBAAkB,wBAAA,EAClB,OAAO,aAAA;IAEP,IAAM,WAAW,GAAG,mBAAW,CAAC,WAAW,CAAA;IAE7B,IAAA,gBAAgB,GAC1B,IAAA,2BAAiB,EAAC,WAAW,CAA0B,0BAD7B,CAC6B;IACrD,IAAA,KAAuC,gBAAgB,IAAI,EAAE,EAA3D,gBAAgB,sBAAA,EAAE,cAAc,oBAA2B,CAAA;IAEnE,IAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,UAAC,EAAM;YAAJ,EAAE,QAAA;QACtC,IAAM,wBAAwB,GAC5B,EAAE,KAAK,sBAAsB,IAAI,CAAC,CAAC,cAAc,IAAI,gBAAgB,CAAC,CAAA;QAExE,OAAO,CAAC,wBAAwB,CAAA;IAClC,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,8BAAC,eAAK,IAAC,IAAI,EAAC,kBAAkB,iBAAc,UAAU;QACpD,8BAAC,0BAAM,eAAK,MAAM,EAAI;QAEtB,8BAAC,4BAAoB,IAAC,OAAO,EAAE,IAAI,IAChC,aAAa,CAAC,GAAG,CAAC,UAAC,EAAkB;YAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;YAAO,OAAA,CACzC,8BAAC,iCAAe,aACd,GAAG,EAAE,KAAK,CAAC,EAAE,IACT,KAAK,IACT,kBAAkB,EAAE,kBAAkB,EACtC,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,EAAE,IAAI,CAAC,IACnC,CACH,CAAA;SAAA,CAAC,CACmB,CACjB,CACT,CAAA;AACH,CAAC,CAAA;AApCY,QAAA,WAAW,eAoCvB"}

package/dist/cjs/Components/Sections/UserHub/SubscriptionDetailsSection.d.ts

@@ -0,0 +1,6 @@
+import { UserHubSubscriptionDetailsSection } from '../../../context/types';
+import { UserData } from '../../../pages/types';
+export interface SubscriptionDetailsSectionProps extends UserHubSubscriptionDetailsSection {
+    user?: UserData;
+}
+export declare const SubscriptionDetailsSection: ({ header, containerOverrides, benefits, cancelSubscription, cancelSubscriptionModal, user, }: SubscriptionDetailsSectionProps) => JSX.Element;

package/dist/cjs/Components/Sections/UserHub/SubscriptionDetailsSection.js

@@ -0,0 +1,71 @@
+"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.SubscriptionDetailsSection = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var shared_components_1 = require("@newskit-render/shared-components");
+var SectionListItem_1 = require("../../Elements/SectionListItem");
+var BaseSection_1 = require("./BaseSection");
+var shared_components_2 = require("@newskit-render/shared-components");
+var hooks_1 = require("../../../hooks");
+var CancelSubscriptionModal_1 = require("../../Elements/CancelSubscriptionModal");
+var constants_1 = require("../../../constants");
+var StyledSectionListItem = (0, newskit_1.styled)(SectionListItem_1.SectionListItem)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &:hover,\n  &:focus,\n  &:active {\n    ", "\n    cursor: pointer;\n  }\n"], ["\n  &:hover,\n  &:focus,\n  &:active {\n    ", "\n    cursor: pointer;\n  }\n"])), (0, newskit_1.getColorCssFromTheme)('backgroundColor', 'interface020'));
+var SubscriptionDetailsSection = function (_a) {
+    var _b, _c, _d, _e, _f, _g, _h;
+    var header = _a.header, containerOverrides = _a.containerOverrides, benefits = _a.benefits, cancelSubscription = _a.cancelSubscription, cancelSubscriptionModal = _a.cancelSubscriptionModal, user = _a.user;
+    var _j = (0, hooks_1.useCancelSubscriptionModal)((_b = cancelSubscriptionModal === null || cancelSubscriptionModal === void 0 ? void 0 : cancelSubscriptionModal.closeButton) === null || _b === void 0 ? void 0 : _b.eventContext), modalOpen = _j.modalOpen, setModalOpen = _j.setModalOpen, onDismissModal = _j.onDismissModal;
+    var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
+    var handleCancelSubscriptionClick = function () {
+        setModalOpen(true);
+        if (cancelSubscription === null || cancelSubscription === void 0 ? void 0 : cancelSubscription.eventContext) {
+            fireEvent((0, shared_components_1.createClickEvent)(__assign({ originator: 'button', text: cancelSubscription.eventContext.event_navigation_name, page_name: cancelSubscription.eventContext.page_name }, cancelSubscription.eventContext)));
+        }
+    };
+    var price = (_d = (_c = user === null || user === void 0 ? void 0 : user.subscriptions) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.price;
+    var currency = (_f = (_e = user === null || user === void 0 ? void 0 : user.subscriptions) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.currency;
+    var itemsToRender = [
+        react_1.default.createElement(SectionListItem_1.SectionListItem, { key: "type", title: "Type", subtitle: ((_h = (_g = user === null || user === void 0 ? void 0 : user.subscriptions) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.type) || '', containerOverrides: containerOverrides }),
+        react_1.default.createElement(SectionListItem_1.SectionListItem, { key: "price", title: "Price", subtitle: price && currency ? "".concat(constants_1.CURRENCY_MAP[currency]).concat(price) : '', containerOverrides: containerOverrides }),
+    ];
+    if ((benefits === null || benefits === void 0 ? void 0 : benefits.showBenefits) && (benefits === null || benefits === void 0 ? void 0 : benefits.items) && benefits.items.length > 0) {
+        itemsToRender.push(react_1.default.createElement(SectionListItem_1.SectionListItem, { key: "benefits", title: benefits.title, containerOverrides: containerOverrides, itemOverrides: {
+                column: '1/-1',
+            } },
+            react_1.default.createElement(newskit_1.Block, null, benefits.items.map(function (benefit, index) {
+                var _a;
+                var isLastItem = index === ((_a = benefits.items) === null || _a === void 0 ? void 0 : _a.length) - 1;
+                return (react_1.default.createElement(shared_components_2.BenefitsListItem, __assign({ key: benefit.code }, benefit, { containerOverrides: {
+                        paddingBlockEnd: isLastItem ? 'space000' : 'space050',
+                    } })));
+            }))));
+    }
+    if (cancelSubscription) {
+        itemsToRender.push(react_1.default.createElement(StyledSectionListItem, __assign({ key: "cancel-subscription" }, cancelSubscription, { containerOverrides: containerOverrides, onClick: handleCancelSubscriptionClick })));
+    }
+    return (react_1.default.createElement(newskit_1.Stack, { flow: "vertical-stretch", "data-testid": "subscription-details-section" },
+        react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
+        react_1.default.createElement(BaseSection_1.StyledStructuredList, { divider: true }, itemsToRender),
+        cancelSubscriptionModal && (react_1.default.createElement(CancelSubscriptionModal_1.CancelSubscriptionModal, { isOpen: modalOpen, onDismissModal: onDismissModal, modal: cancelSubscriptionModal, cpn: user === null || user === void 0 ? void 0 : user.cpn, subscriptions: user === null || user === void 0 ? void 0 : user.subscriptions }))));
+};
+exports.SubscriptionDetailsSection = SubscriptionDetailsSection;
+var templateObject_1;
+//# sourceMappingURL=SubscriptionDetailsSection.js.map

package/dist/cjs/Components/Sections/UserHub/SubscriptionDetailsSection.js.map

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

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

@@ -26,14 +26,16 @@ var newskit_1 = require("newskit");
 var BaseSection_1 = require("../Sections/UserHub/BaseSection");
 var NewslettersSection_1 = require("../../Components/Sections/UserHub/NewslettersSection");
 var UpgradeSection_1 = require("../../Components/Sections/UserHub/UpgradeSection");
+var SubscriptionDetailsSection_1 = require("../../Components/Sections/UserHub/SubscriptionDetailsSection"); // add section to the name?
 var StyledStackContainer = (0, newskit_1.styled)(newskit_1.Stack)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  ", ";\n\n  ", " {\n    ", ";\n  }\n"], ["\n  width: 100%;\n  ", ";\n\n  ", " {\n    ", ";\n  }\n"])), (0, newskit_1.getSpacingCssFromTheme)('gap', 'space060'), (0, newskit_1.getMediaQueryFromTheme)('sm'), (0, newskit_1.getSpacingCssFromTheme)('gap', 'space090'));
 var UserHubRender = function () {
     var _a;
     var contextName = types_1.ContextName.userHubPage;
     var _b = (0, context_1.useAccountContext)(contextName), userData = _b.userData, baseUrl = _b.baseUrl, sections = _b.sections;
-    var quickLinks = sections.quickLinks, helpAndSupport = sections.helpAndSupport, newslettersSection = sections.newsletters, upgradeSection = sections.upgrade;
+    var quickLinks = sections.quickLinks, helpAndSupport = sections.helpAndSupport, newslettersSection = sections.newsletters, upgradeSection = sections.upgrade, subscriptionDetails = sections.subscriptionDetails;
     return (react_1.default.createElement(StyledStackContainer, { flow: "vertical-stretch" },
         quickLinks && react_1.default.createElement(BaseSection_1.BaseSection, __assign({}, quickLinks, { baseUrl: baseUrl })),
+        (subscriptionDetails === null || subscriptionDetails === void 0 ? void 0 : subscriptionDetails.showSection) && (react_1.default.createElement(SubscriptionDetailsSection_1.SubscriptionDetailsSection, __assign({}, subscriptionDetails, { user: userData }))),
         helpAndSupport && react_1.default.createElement(BaseSection_1.BaseSection, __assign({}, helpAndSupport, { baseUrl: baseUrl })),
         newslettersSection && ((_a = userData === null || userData === void 0 ? void 0 : userData.newsletters) === null || _a === void 0 ? void 0 : _a.length) && (react_1.default.createElement(NewslettersSection_1.NewslettersSection, __assign({ newsletters: userData.newsletters, capabilities: userData.userCapabilities }, ((upgradeSection === null || upgradeSection === void 0 ? void 0 : upgradeSection.showUpgradeSection)
             ? { newslettersListOverrides: { marginBlockEnd: 'space000' } }

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

@@ -1 +1 @@
-{"version":3,"file":"UserHubRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/UserHubRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,yCAAwE;AACxE,6CAAiD;AACjD,mCAKgB;AAChB,+DAA6D;AAC7D,2FAAyF;AACzF,mFAAiF;AAEjF,IAAM,oBAAoB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,4HAAA,sBAEtC,EAAyC,SAEzC,EAA4B,UAC1B,EAAyC,UAE9C,KALG,IAAA,gCAAsB,EAAC,KAAK,EAAE,UAAU,CAAC,EAEzC,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAC1B,IAAA,gCAAsB,EAAC,KAAK,EAAE,UAAU,CAAC,CAE9C,CAAA;AACM,IAAM,aAAa,GAAa;;IACrC,IAAM,WAAW,GAAG,mBAAW,CAAC,WAAW,CAAA;IACrC,IAAA,KAAkC,IAAA,2BAAiB,EACvD,WAAW,CACa,EAFlB,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAET,CAAA;IAGxB,IAAA,UAAU,GAIR,QAAQ,WAJA,EACV,cAAc,GAGZ,QAAQ,eAHI,EACD,kBAAkB,GAE7B,QAAQ,YAFqB,EACtB,cAAc,GACrB,QAAQ,QADa,CACb;IAEZ,OAAO,CACL,8BAAC,oBAAoB,IAAC,IAAI,EAAC,kBAAkB;QAC1C,UAAU,IAAI,8BAAC,yBAAW,eAAK,UAAU,IAAE,OAAO,EAAE,OAAO,IAAI;QAC/D,cAAc,IAAI,8BAAC,yBAAW,eAAK,cAAc,IAAE,OAAO,EAAE,OAAO,IAAI;QACvE,kBAAkB,KAAI,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,0CAAE,MAAM,CAAA,IAAI,CACtD,8BAAC,uCAAkB,aACjB,WAAW,EAAE,QAAQ,CAAC,WAAW,EACjC,YAAY,EAAE,QAAQ,CAAC,gBAAgB,IACnC,CAAC,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,kBAAkB;YACrC,CAAC,CAAC,EAAE,wBAAwB,EAAE,EAAE,cAAc,EAAE,UAAU,EAAE,EAAE;YAC9D,CAAC,CAAC,EAAE,CAAC,EACH,kBAAkB,EACtB,CACH;QACA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,kBAAkB,KAAI,CACrC,8BAAC,+BAAc,eAAK,cAAc,EAAI,CACvC,CACoB,CACxB,CAAA;AACH,CAAC,CAAA;AAhCY,QAAA,aAAa,iBAgCzB"}
+{"version":3,"file":"UserHubRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/UserHubRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,yCAAwE;AACxE,6CAAiD;AACjD,mCAKgB;AAChB,+DAA6D;AAC7D,2FAAyF;AACzF,mFAAiF;AACjF,2GAAyG,CAAC,2BAA2B;AAErI,IAAM,oBAAoB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,4HAAA,sBAEtC,EAAyC,SAEzC,EAA4B,UAC1B,EAAyC,UAE9C,KALG,IAAA,gCAAsB,EAAC,KAAK,EAAE,UAAU,CAAC,EAEzC,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAC1B,IAAA,gCAAsB,EAAC,KAAK,EAAE,UAAU,CAAC,CAE9C,CAAA;AACM,IAAM,aAAa,GAAa;;IACrC,IAAM,WAAW,GAAG,mBAAW,CAAC,WAAW,CAAA;IACrC,IAAA,KAAkC,IAAA,2BAAiB,EACvD,WAAW,CACa,EAFlB,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAET,CAAA;IAGxB,IAAA,UAAU,GAKR,QAAQ,WALA,EACV,cAAc,GAIZ,QAAQ,eAJI,EACD,kBAAkB,GAG7B,QAAQ,YAHqB,EACtB,cAAc,GAErB,QAAQ,QAFa,EACvB,mBAAmB,GACjB,QAAQ,oBADS,CACT;IAEZ,OAAO,CACL,8BAAC,oBAAoB,IAAC,IAAI,EAAC,kBAAkB;QAC1C,UAAU,IAAI,8BAAC,yBAAW,eAAK,UAAU,IAAE,OAAO,EAAE,OAAO,IAAI;QAC/D,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,WAAW,KAAI,CACnC,8BAAC,uDAA0B,eAAK,mBAAmB,IAAE,IAAI,EAAE,QAAQ,IAAI,CACxE;QACA,cAAc,IAAI,8BAAC,yBAAW,eAAK,cAAc,IAAE,OAAO,EAAE,OAAO,IAAI;QACvE,kBAAkB,KAAI,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,0CAAE,MAAM,CAAA,IAAI,CACtD,8BAAC,uCAAkB,aACjB,WAAW,EAAE,QAAQ,CAAC,WAAW,EACjC,YAAY,EAAE,QAAQ,CAAC,gBAAgB,IACnC,CAAC,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,kBAAkB;YACrC,CAAC,CAAC,EAAE,wBAAwB,EAAE,EAAE,cAAc,EAAE,UAAU,EAAE,EAAE;YAC9D,CAAC,CAAC,EAAE,CAAC,EACH,kBAAkB,EACtB,CACH;QACA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,kBAAkB,KAAI,CACrC,8BAAC,+BAAc,eAAK,cAAc,EAAI,CACvC,CACoB,CACxB,CAAA;AACH,CAAC,CAAA;AApCY,QAAA,aAAa,iBAoCzB"}

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

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PaymentPageContextOptions, AccountLandingPageContextOptions, ContextProviderProps, EditFieldContextOptions, ContextOptions, BaseContextOptions, CancellationContextOptions, CancellationStepperContextOptions, ContextName, SubscriptionAndBillingContextOptions, HolidayStopContextOptions, AddFieldContextOption, PaymentMethodsContextOptions, NewslettersContextOptions, AccountDeletionContextOptions, ConfirmAccountDeletionContextOptions, FamilyContextOptions, UserHubContextOptions, BaseFormActions, UserHubSection, CancellationItem, UserHubUpgradeSection } from './types';
+import { PaymentPageContextOptions, AccountLandingPageContextOptions, ContextProviderProps, EditFieldContextOptions, ContextOptions, BaseContextOptions, CancellationContextOptions, CancellationStepperContextOptions, ContextName, SubscriptionAndBillingContextOptions, HolidayStopContextOptions, AddFieldContextOption, PaymentMethodsContextOptions, NewslettersContextOptions, AccountDeletionContextOptions, ConfirmAccountDeletionContextOptions, FamilyContextOptions, UserHubContextOptions, BaseFormActions, UserHubSection, CancellationItem, UserHubUpgradeSection, UserHubSubscriptionDetailsSection } from './types';
 import { baseContext, footer, navigationPrimary, sideNav } from './baseContext';
 declare const contextMap: {
     personalDetails: React.Context<AccountLandingPageContextOptions | null>;
@@ -26,4 +26,4 @@ declare const contextMap: {
 type ContextOptionsUnion = typeof contextMap;
 export declare const AccountContextProvider: React.FC<ContextProviderProps>;
 export declare const useAccountContext: (contextName: ContextName) => ContextOptions;
-export { type PaymentPageContextOptions, type EditFieldContextOptions, type BaseContextOptions, type AccountLandingPageContextOptions, type SubscriptionAndBillingContextOptions, type CancellationContextOptions, type CancellationStepperContextOptions, baseContext, footer, navigationPrimary, sideNav, type ContextOptions, type AddFieldContextOption, type PaymentMethodsContextOptions, type NewslettersContextOptions, type AccountDeletionContextOptions, type ConfirmAccountDeletionContextOptions, type FamilyContextOptions, type UserHubContextOptions, type BaseFormActions, type UserHubSection, type ContextOptionsUnion, type CancellationItem, type UserHubUpgradeSection, };
+export { type PaymentPageContextOptions, type EditFieldContextOptions, type BaseContextOptions, type AccountLandingPageContextOptions, type SubscriptionAndBillingContextOptions, type CancellationContextOptions, type CancellationStepperContextOptions, baseContext, footer, navigationPrimary, sideNav, type ContextOptions, type AddFieldContextOption, type PaymentMethodsContextOptions, type NewslettersContextOptions, type AccountDeletionContextOptions, type ConfirmAccountDeletionContextOptions, type FamilyContextOptions, type UserHubContextOptions, type BaseFormActions, type UserHubSection, type ContextOptionsUnion, type CancellationItem, type UserHubUpgradeSection, type UserHubSubscriptionDetailsSection, };

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/context/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAiE;AACjE,8DAAgC;AAChC,iCAuBgB;AAChB,6CAA+E;AAoE7E,4FApEO,yBAAW,OAoEP;AACX,uFArEoB,oBAAM,OAqEpB;AACN,kGAtE4B,+BAAiB,OAsE5B;AACjB,wFAvE+C,qBAAO,OAuE/C;AArET,IAAM,UAAU;IACd,GAAC,mBAAW,CAAC,eAAe,IAC1B,IAAA,qBAAa,EAA0C,IAAI,CAAC;IAC9D,GAAC,mBAAW,CAAC,sBAAsB,IACjC,IAAA,qBAAa,EAA8C,IAAI,CAAC;IAClE,GAAC,mBAAW,CAAC,WAAW,IAAG,IAAA,qBAAa,EACtC,IAAI,CACL;IACD,GAAC,mBAAW,CAAC,oBAAoB,IAC/B,IAAA,qBAAa,EAA0C,IAAI,CAAC;IAC9D,GAAC,mBAAW,CAAC,SAAS,IACpB,IAAA,qBAAa,EAA0C,IAAI,CAAC;IAC9D,GAAC,mBAAW,CAAC,OAAO,IAAG,IAAA,qBAAa,EAAmC,IAAI,CAAC;IAC5E,GAAC,mBAAW,CAAC,SAAS,IAAG,IAAA,qBAAa,EAAiC,IAAI,CAAC;IAC5E,GAAC,mBAAW,CAAC,YAAY,IAAG,IAAA,qBAAa,EACvC,IAAI,CACL;IACD,GAAC,mBAAW,CAAC,mBAAmB,IAC9B,IAAA,qBAAa,EAA2C,IAAI,CAAC;IAC/D,GAAC,mBAAW,CAAC,KAAK,IAAG,IAAA,qBAAa,EAA4B,IAAI,CAAC;IACnE,GAAC,mBAAW,CAAC,QAAQ,IAAG,IAAA,qBAAa,EAA+B,IAAI,CAAC;IACzE,GAAC,mBAAW,CAAC,cAAc,IACzB,IAAA,qBAAa,EAAsC,IAAI,CAAC;IAC1D,GAAC,mBAAW,CAAC,cAAc,CAAC,IAC1B,IAAA,qBAAa,EAAmC,IAAI,CAAC;IACvD,GAAC,mBAAW,CAAC,aAAa,CAAC,IAAG,IAAA,qBAAa,EACzC,IAAI,CACL;IACD,GAAC,mBAAW,CAAC,WAAW,IAAG,IAAA,qBAAa,EACtC,IAAI,CACL;IACD,GAAC,mBAAW,CAAC,eAAe,IAC1B,IAAA,qBAAa,EAAuC,IAAI,CAAC;IAC3D,GAAC,mBAAW,CAAC,sBAAsB,IACjC,IAAA,qBAAa,EAA8C,IAAI,CAAC;IAClE,GAAC,mBAAW,CAAC,MAAM,IAAG,IAAA,qBAAa,EAA8B,IAAI,CAAC;IACtE,GAAC,mBAAW,CAAC,WAAW,IAAG,IAAA,qBAAa,EAA+B,IAAI,CAAC;IAC5E,GAAC,mBAAW,CAAC,mBAAmB,IAAG,IAAA,qBAAa,EAC9C,IAAI,CACL;OACF,CAAA;AAIM,IAAM,sBAAsB,GAAmC,UAAC,EAItE;QAHC,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,WAAW,iBAAA;IAEX,IAAM,CAAC,GAAG,IAAA,sBAAK,EAAC,EAAE,EAAE,yBAAW,EAAE,OAAO,CAAC,CAAA;IACzC,IAAM,cAAc,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAE9C,OAAO,8BAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,IAAG,QAAQ,CAA2B,CAAA;AAChF,CAAC,CAAA;AATY,QAAA,sBAAsB,0BASlC;AAEM,IAAM,iBAAiB,GAAG,UAAC,WAAwB;IACxD,OAAA,IAAA,kBAAU,EAAC,UAAU,CAAC,WAAW,CAA4B,CAAC;AAA9D,CAA8D,CAAA;AADnD,QAAA,iBAAiB,qBACkC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/context/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAiE;AACjE,8DAAgC;AAChC,iCAwBgB;AAChB,6CAA+E;AAoE7E,4FApEO,yBAAW,OAoEP;AACX,uFArEoB,oBAAM,OAqEpB;AACN,kGAtE4B,+BAAiB,OAsE5B;AACjB,wFAvE+C,qBAAO,OAuE/C;AArET,IAAM,UAAU;IACd,GAAC,mBAAW,CAAC,eAAe,IAC1B,IAAA,qBAAa,EAA0C,IAAI,CAAC;IAC9D,GAAC,mBAAW,CAAC,sBAAsB,IACjC,IAAA,qBAAa,EAA8C,IAAI,CAAC;IAClE,GAAC,mBAAW,CAAC,WAAW,IAAG,IAAA,qBAAa,EACtC,IAAI,CACL;IACD,GAAC,mBAAW,CAAC,oBAAoB,IAC/B,IAAA,qBAAa,EAA0C,IAAI,CAAC;IAC9D,GAAC,mBAAW,CAAC,SAAS,IACpB,IAAA,qBAAa,EAA0C,IAAI,CAAC;IAC9D,GAAC,mBAAW,CAAC,OAAO,IAAG,IAAA,qBAAa,EAAmC,IAAI,CAAC;IAC5E,GAAC,mBAAW,CAAC,SAAS,IAAG,IAAA,qBAAa,EAAiC,IAAI,CAAC;IAC5E,GAAC,mBAAW,CAAC,YAAY,IAAG,IAAA,qBAAa,EACvC,IAAI,CACL;IACD,GAAC,mBAAW,CAAC,mBAAmB,IAC9B,IAAA,qBAAa,EAA2C,IAAI,CAAC;IAC/D,GAAC,mBAAW,CAAC,KAAK,IAAG,IAAA,qBAAa,EAA4B,IAAI,CAAC;IACnE,GAAC,mBAAW,CAAC,QAAQ,IAAG,IAAA,qBAAa,EAA+B,IAAI,CAAC;IACzE,GAAC,mBAAW,CAAC,cAAc,IACzB,IAAA,qBAAa,EAAsC,IAAI,CAAC;IAC1D,GAAC,mBAAW,CAAC,cAAc,CAAC,IAC1B,IAAA,qBAAa,EAAmC,IAAI,CAAC;IACvD,GAAC,mBAAW,CAAC,aAAa,CAAC,IAAG,IAAA,qBAAa,EACzC,IAAI,CACL;IACD,GAAC,mBAAW,CAAC,WAAW,IAAG,IAAA,qBAAa,EACtC,IAAI,CACL;IACD,GAAC,mBAAW,CAAC,eAAe,IAC1B,IAAA,qBAAa,EAAuC,IAAI,CAAC;IAC3D,GAAC,mBAAW,CAAC,sBAAsB,IACjC,IAAA,qBAAa,EAA8C,IAAI,CAAC;IAClE,GAAC,mBAAW,CAAC,MAAM,IAAG,IAAA,qBAAa,EAA8B,IAAI,CAAC;IACtE,GAAC,mBAAW,CAAC,WAAW,IAAG,IAAA,qBAAa,EAA+B,IAAI,CAAC;IAC5E,GAAC,mBAAW,CAAC,mBAAmB,IAAG,IAAA,qBAAa,EAC9C,IAAI,CACL;OACF,CAAA;AAIM,IAAM,sBAAsB,GAAmC,UAAC,EAItE;QAHC,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,WAAW,iBAAA;IAEX,IAAM,CAAC,GAAG,IAAA,sBAAK,EAAC,EAAE,EAAE,yBAAW,EAAE,OAAO,CAAC,CAAA;IACzC,IAAM,cAAc,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAE9C,OAAO,8BAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,IAAG,QAAQ,CAA2B,CAAA;AAChF,CAAC,CAAA;AATY,QAAA,sBAAsB,0BASlC;AAEM,IAAM,iBAAiB,GAAG,UAAC,WAAwB;IACxD,OAAA,IAAA,kBAAU,EAAC,UAAU,CAAC,WAAW,CAA4B,CAAC;AAA9D,CAA8D,CAAA;AADnD,QAAA,iBAAiB,qBACkC"}

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

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { NavigationSecondaryInterface, NavigationSecondarySelected, NavigationSecondaryOverrides } from '../Components/Sections/NavigationSecondary';
 import { ContentContainerProps } from '../Components/Sections/ContentContainer';
-import { As, ListItemType, ListCellProps, ListItemProps, RequestHeaders, PastDueBannerType, TitleOverrides, DescriptionOverrides, FooterContext, FooterContextOverrides, HeaderProps, InputText, NavigationPrimaryProps, ButtonGroupProps, ModalProps, TealiumEventContext, EventContext, ContentContainerProps as SharedContentContainerProps, HolidayStopSubscriptionPolicyContent } from '@newskit-render/shared-components';
+import { As, ListItemType, ListCellProps, ListItemProps, RequestHeaders, PastDueBannerType, TitleOverrides, DescriptionOverrides, FooterContext, FooterContextOverrides, HeaderProps, InputText, NavigationPrimaryProps, ButtonGroupProps, ModalProps, TealiumEventContext, EventContext, ContentContainerProps as SharedContentContainerProps, HolidayStopSubscriptionPolicyContent, BenefitsListItemProps } from '@newskit-render/shared-components';
 import { MQ, InlineMessageProps, NewsKitIcon, InstrumentationEvent, StackProps, BaseFlagOverrides, NewsKitIconProps, TextBlockProps, ButtonLinkProps } from 'newskit';
 import { HeadProps } from '../Components/Elements/Head';
 import { UserData, Data } from '../pages/types';
@@ -768,6 +768,18 @@ export interface UserHubUpgradeSection {
     };
     button?: ButtonLinkProps;
 }
+export interface UserHubSubscriptionDetailsSection {
+    showSection: boolean;
+    header: HeaderProps;
+    containerOverrides?: GridLayoutProps;
+    cancelSubscriptionModal?: CancelSubscriptionProps['modal'];
+    benefits: {
+        showBenefits: boolean;
+        title: string;
+        items?: BenefitsListItemProps[];
+    };
+    cancelSubscription?: UserHubItemProps;
+}
 export interface UserHubContextOptions extends NonInteractiveContextOptions {
     tealiumContext?: TealiumEventContext;
     sections: {
@@ -775,6 +787,7 @@ export interface UserHubContextOptions extends NonInteractiveContextOptions {
         helpAndSupport?: UserHubSection;
         newsletters?: UserHubNewslettersSection;
         upgrade?: UserHubUpgradeSection;
+        subscriptionDetails?: UserHubSubscriptionDetailsSection;
     };
     genericErrorMessage?: GenericMessageMap;
     errorMessages?: MessageMap;

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

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

package/dist/cjs/index.d.ts

@@ -20,7 +20,7 @@ export * from './pages/AccountDeletion';
 export * from './pages/Family';
 export * from './pages/UserHub';
 export * from './pages/SunCancellationFlow';
-export { type ContextOptions, baseContext, footer, navigationPrimary, sideNav, type CancellationStepperContextOptions, type CancellationItem, type UserHubUpgradeSection, } from './context';
+export { type ContextOptions, baseContext, footer, navigationPrimary, sideNav, type CancellationStepperContextOptions, type CancellationItem, type UserHubUpgradeSection, type UserHubSubscriptionDetailsSection, } from './context';
 export * from './Components';
 export { editComponentMap, addComponentMap, broadcastingOnlyEditComponentMap, } from './Components/Templates';
 export { type UserData };

package/dist/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,0DAAuC;AACvC,kDAA+B;AAC/B,qDAAkC;AAClC,0DAAuC;AACvC,oDAAiC;AACjC,iEAA8C;AAC9C,+DAA4C;AAC5C,gDAA6B;AAC7B,sDAAmC;AACnC,0DAAuC;AACvC,wCAAqB;AACrB,uDAAoC;AACpC,8DAA2C;AAC3C,mDAAgC;AAChC,oDAAiC;AACjC,yDAAsC;AACtC,sDAAmC;AACnC,0DAAuC;AACvC,iDAA8B;AAC9B,kDAA+B;AAC/B,8DAA2C;AAC3C,qCASkB;AAPhB,sGAAA,WAAW,OAAA;AACX,iGAAA,MAAM,OAAA;AACN,4GAAA,iBAAiB,OAAA;AACjB,kGAAA,OAAO,OAAA;AAKT,+CAA4B;AAC5B,oDAI+B;AAH7B,6GAAA,gBAAgB,OAAA;AAChB,4GAAA,eAAe,OAAA;AACf,6HAAA,gCAAgC,OAAA;AAGlC,oDAAoD;AAA3C,wGAAA,WAAW,OAAA;AACpB,2CAAmD;AAA1C,4GAAA,iBAAiB,OAAA;AAC1B,qCAOkB;AANhB,6GAAA,kBAAkB,OAAA;AAClB,uGAAA,YAAY,OAAA;AACZ,4GAAA,iBAAiB,OAAA;AACjB,gHAAA,qBAAqB,OAAA;AACrB,qGAAA,UAAU,OAAA;AACV,kHAAA,uBAAuB,OAAA;AAEzB,+DAIsC;AADpC,mHAAA,kBAAkB,OAAA;AAGpB,uEAAoD;AACpD,4EAAyD;AACzD,qEAAkD;AAClD,yCAAqD;AAA5C,oHAAA,uBAAuB,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,0DAAuC;AACvC,kDAA+B;AAC/B,qDAAkC;AAClC,0DAAuC;AACvC,oDAAiC;AACjC,iEAA8C;AAC9C,+DAA4C;AAC5C,gDAA6B;AAC7B,sDAAmC;AACnC,0DAAuC;AACvC,wCAAqB;AACrB,uDAAoC;AACpC,8DAA2C;AAC3C,mDAAgC;AAChC,oDAAiC;AACjC,yDAAsC;AACtC,sDAAmC;AACnC,0DAAuC;AACvC,iDAA8B;AAC9B,kDAA+B;AAC/B,8DAA2C;AAC3C,qCAUkB;AARhB,sGAAA,WAAW,OAAA;AACX,iGAAA,MAAM,OAAA;AACN,4GAAA,iBAAiB,OAAA;AACjB,kGAAA,OAAO,OAAA;AAMT,+CAA4B;AAC5B,oDAI+B;AAH7B,6GAAA,gBAAgB,OAAA;AAChB,4GAAA,eAAe,OAAA;AACf,6HAAA,gCAAgC,OAAA;AAGlC,oDAAoD;AAA3C,wGAAA,WAAW,OAAA;AACpB,2CAAmD;AAA1C,4GAAA,iBAAiB,OAAA;AAC1B,qCAOkB;AANhB,6GAAA,kBAAkB,OAAA;AAClB,uGAAA,YAAY,OAAA;AACZ,4GAAA,iBAAiB,OAAA;AACjB,gHAAA,qBAAqB,OAAA;AACrB,qGAAA,UAAU,OAAA;AACV,kHAAA,uBAAuB,OAAA;AAEzB,+DAIsC;AADpC,mHAAA,kBAAkB,OAAA;AAGpB,uEAAoD;AACpD,4EAAyD;AACzD,qEAAkD;AAClD,yCAAqD;AAA5C,oHAAA,uBAAuB,OAAA"}

package/dist/cjs/pages/UserHub/UserHubContext.js

@@ -13,6 +13,7 @@ var __assign = (this && this.__assign) || function () {
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
+var _a;
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.userHubContext = void 0;
 var react_1 = __importDefault(require("react"));
@@ -26,12 +27,15 @@ var Launch_1 = require("@emotion-icons/material/Launch");
 var HelpOutline_1 = require("@emotion-icons/material/HelpOutline");
 var Newsletters_1 = require("../../pages/Newsletters");
 var shared_components_1 = require("@newskit-render/shared-components");
+var ManageAccounts_1 = require("@emotion-icons/material-outlined/ManageAccounts");
+var CancelSubscriptionSectionContext_1 = require("../SubscriptionAndBilling/Sections/CancelSubscriptionSectionContext");
 var IconOutlinedLock = (0, newskit_1.toNewsKitIcon)(Lock_1.Lock);
 var IconFilledCreditCard = (0, newskit_1.toNewsKitIcon)(CreditCard_1.CreditCard);
 var IconFilledChevronRight = (0, newskit_1.toNewsKitIcon)(ChevronRight_1.ChevronRight);
 var IconChatBubbleOutline = (0, newskit_1.toNewsKitIcon)(ChatBubbleOutline_1.ChatBubbleOutline);
 var IconHelpOutline = (0, newskit_1.toNewsKitIcon)(HelpOutline_1.HelpOutline);
 var IconLaunch = (0, newskit_1.toNewsKitIcon)(Launch_1.Launch);
+var IconManageAccounts = (0, newskit_1.toNewsKitIcon)(ManageAccounts_1.ManageAccounts);
 var pageName = 'homepage';
 exports.userHubContext = {
     sections: {
@@ -102,6 +106,66 @@ exports.userHubContext = {
                 },
             ],
         },
+        subscriptionDetails: {
+            showSection: false,
+            header: {
+                title: 'Subscription Details',
+                titleOverrides: {
+                    marginBlockEnd: {
+                        xs: 'space050',
+                    },
+                    typographyPreset: 'editorialHeadline030',
+                },
+                showDivider: false,
+            },
+            containerOverrides: {
+                rows: '1fr auto',
+                columns: '3fr 1fr',
+                justifyContent: 'space-between',
+                overrides: {
+                    paddingBlock: 'space050',
+                    paddingInline: 'space040',
+                    minWidth: '100%',
+                },
+            },
+            benefits: {
+                showBenefits: false,
+                title: 'Subscriber benefits',
+                items: [
+                    {
+                        code: 'share',
+                        title: 'Share articles',
+                        description: 'Forward articles to friends and family for free',
+                        icon: IconOutlinedLock,
+                    },
+                    {
+                        code: 'save',
+                        title: 'Save articles',
+                        description: 'Save your favourite stories to read anytime',
+                        link: {
+                            href: 'https://www.thetimes.com/my-articles',
+                            text: 'Review your saved articles',
+                        },
+                        icon: IconChatBubbleOutline,
+                    },
+                ],
+            },
+            cancelSubscription: {
+                title: 'Cancel your subscription',
+                titleIcon: (react_1.default.createElement(IconManageAccounts, { overrides: {
+                        size: 'iconSize020',
+                        marginInlineEnd: 'space020',
+                    } })),
+                linkIcon: (react_1.default.createElement(IconFilledChevronRight, { overrides: { size: 'iconSize020', stylePreset: 'inkBlack' } })),
+                eventContext: {
+                    event_navigation_action: 'navigation',
+                    event_navigation_name: 'subscription cancellation : cancel',
+                    event_navigation_browsing_method: newskit_1.EventTrigger.Click,
+                    page_name: "".concat(pageName.toLocaleLowerCase()),
+                },
+            },
+            cancelSubscriptionModal: (_a = (0, CancelSubscriptionSectionContext_1.cancelSubscriptionSection)(pageName).props) === null || _a === void 0 ? void 0 : _a.modal,
+        },
         helpAndSupport: {
             dataTestId: 'help-and-support',
             layoutType: 'list',

package/dist/cjs/pages/UserHub/UserHubContext.js.map

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

package/dist/cjs/queries/getContractPhases.d.ts

@@ -0,0 +1 @@
+export declare const contractPhasesFragment: import("@apollo/client").DocumentNode;

package/dist/cjs/queries/getContractPhases.js

@@ -0,0 +1,11 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.contractPhasesFragment = void 0;
+var client_1 = require("@apollo/client");
+exports.contractPhasesFragment = (0, client_1.gql)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  fragment contractPhasesFragment on Subscription {\n    phases {\n      type\n      active\n      currentPhase\n    }\n  }\n"], ["\n  fragment contractPhasesFragment on Subscription {\n    phases {\n      type\n      active\n      currentPhase\n    }\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=getContractPhases.js.map

package/dist/cjs/queries/getContractPhases.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getContractPhases.js","sourceRoot":"","sources":["../../../src/queries/getContractPhases.ts"],"names":[],"mappings":";;;;;;;AAAA,yCAAoC;AAEvB,QAAA,sBAAsB,OAAG,YAAG,qMAAA,iIAQxC,KAAA"}

package/dist/cjs/queries/getPropositionFeatures.d.ts

@@ -0,0 +1 @@
+export declare const propositionFeaturesFragment: import("@apollo/client").DocumentNode;

package/dist/cjs/queries/getPropositionFeatures.js

@@ -0,0 +1,11 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.propositionFeaturesFragment = void 0;
+var client_1 = require("@apollo/client");
+exports.propositionFeaturesFragment = (0, client_1.gql)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  fragment propositionFeaturesFragment on Proposition {\n    features {\n      code\n      name\n      displayLabel\n      displayDescription\n      displayPriority\n      displayEnabled\n    }\n  }\n"], ["\n  fragment propositionFeaturesFragment on Proposition {\n    features {\n      code\n      name\n      displayLabel\n      displayDescription\n      displayPriority\n      displayEnabled\n    }\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=getPropositionFeatures.js.map

package/dist/cjs/queries/getPropositionFeatures.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getPropositionFeatures.js","sourceRoot":"","sources":["../../../src/queries/getPropositionFeatures.ts"],"names":[],"mappings":";;;;;;;AAAA,yCAAoC;AAEvB,QAAA,2BAA2B,OAAG,YAAG,gRAAA,4MAW7C,KAAA"}

package/dist/cjs/queries/getUserSubscription.js

@@ -8,6 +8,8 @@ exports.GET_USER_SUBSCRIPTION = void 0;
 var client_1 = require("@apollo/client");
 var getInvoiceHistory_1 = require("./getInvoiceHistory");
 var getUserIncentives_1 = require("./getUserIncentives");
-exports.GET_USER_SUBSCRIPTION = (0, client_1.gql)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  ", "\n  fragment UserSubscription on User {\n    cpn\n    address {\n      line1\n      line2\n      line3\n      city\n      postcode\n      county\n      country {\n        countryIsoCode\n        name\n      }\n    }\n    subscriptions {\n      id\n      startDate\n      serviceCancellationDate\n      isActive\n      currency\n      price\n      type\n      status\n      isVoucher\n      packName\n      propositionCode\n      propositionV2 {\n        code\n        features {\n          code\n          name\n          displayLabel\n          displayDescription\n          displayPriority\n          displayEnabled\n        }\n      }\n      products {\n        id\n        packImageUrl\n      }\n      billingDetails {\n        zipCode\n        billCycleDay\n        nextBillCycleDate\n        nextBillAmount\n        paymentMethod {\n          cardType\n          cardNumber\n          type\n          expirationYear\n          expirationMonth\n          bankTransferAccountNumberMask\n          walletType\n          paypalEmail\n        }\n      }\n      deliveryInformation\n      fulfilmentPeriodStartDate\n      nextVoucherInsGenerationDate\n      dtc\n      phases {\n        type\n        active\n        currentPhase\n      }\n      ...grantedIncentivesFragment\n    }\n    invoiceHistory(page: 1, pageSize: 12) {\n      ...invoiceHistoryFields\n    }\n  }\n"], ["\n  ", "\n  ", "\n  fragment UserSubscription on User {\n    cpn\n    address {\n      line1\n      line2\n      line3\n      city\n      postcode\n      county\n      country {\n        countryIsoCode\n        name\n      }\n    }\n    subscriptions {\n      id\n      startDate\n      serviceCancellationDate\n      isActive\n      currency\n      price\n      type\n      status\n      isVoucher\n      packName\n      propositionCode\n      propositionV2 {\n        code\n        features {\n          code\n          name\n          displayLabel\n          displayDescription\n          displayPriority\n          displayEnabled\n        }\n      }\n      products {\n        id\n        packImageUrl\n      }\n      billingDetails {\n        zipCode\n        billCycleDay\n        nextBillCycleDate\n        nextBillAmount\n        paymentMethod {\n          cardType\n          cardNumber\n          type\n          expirationYear\n          expirationMonth\n          bankTransferAccountNumberMask\n          walletType\n          paypalEmail\n        }\n      }\n      deliveryInformation\n      fulfilmentPeriodStartDate\n      nextVoucherInsGenerationDate\n      dtc\n      phases {\n        type\n        active\n        currentPhase\n      }\n      ...grantedIncentivesFragment\n    }\n    invoiceHistory(page: 1, pageSize: 12) {\n      ...invoiceHistoryFields\n    }\n  }\n"])), getInvoiceHistory_1.invoiceHistoryFields, getUserIncentives_1.grantedIncentivesFragment);
+var getContractPhases_1 = require("./getContractPhases");
+var getPropositionFeatures_1 = require("./getPropositionFeatures");
+exports.GET_USER_SUBSCRIPTION = (0, client_1.gql)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  ", "\n  ", "\n  ", "\n  fragment UserSubscription on User {\n    cpn\n    address {\n      line1\n      line2\n      line3\n      city\n      postcode\n      county\n      country {\n        countryIsoCode\n        name\n      }\n    }\n    subscriptions {\n      id\n      startDate\n      serviceCancellationDate\n      isActive\n      currency\n      price\n      type\n      status\n      isVoucher\n      packName\n      propositionCode\n      propositionV2 {\n        code\n        ...propositionFeaturesFragment\n      }\n      products {\n        id\n        packImageUrl\n      }\n      billingDetails {\n        zipCode\n        billCycleDay\n        nextBillCycleDate\n        nextBillAmount\n        paymentMethod {\n          cardType\n          cardNumber\n          type\n          expirationYear\n          expirationMonth\n          bankTransferAccountNumberMask\n          walletType\n          paypalEmail\n        }\n      }\n      deliveryInformation\n      fulfilmentPeriodStartDate\n      nextVoucherInsGenerationDate\n      dtc\n      ...contractPhasesFragment\n      ...grantedIncentivesFragment\n    }\n    invoiceHistory(page: 1, pageSize: 12) {\n      ...invoiceHistoryFields\n    }\n  }\n"], ["\n  ", "\n  ", "\n  ", "\n  ", "\n  fragment UserSubscription on User {\n    cpn\n    address {\n      line1\n      line2\n      line3\n      city\n      postcode\n      county\n      country {\n        countryIsoCode\n        name\n      }\n    }\n    subscriptions {\n      id\n      startDate\n      serviceCancellationDate\n      isActive\n      currency\n      price\n      type\n      status\n      isVoucher\n      packName\n      propositionCode\n      propositionV2 {\n        code\n        ...propositionFeaturesFragment\n      }\n      products {\n        id\n        packImageUrl\n      }\n      billingDetails {\n        zipCode\n        billCycleDay\n        nextBillCycleDate\n        nextBillAmount\n        paymentMethod {\n          cardType\n          cardNumber\n          type\n          expirationYear\n          expirationMonth\n          bankTransferAccountNumberMask\n          walletType\n          paypalEmail\n        }\n      }\n      deliveryInformation\n      fulfilmentPeriodStartDate\n      nextVoucherInsGenerationDate\n      dtc\n      ...contractPhasesFragment\n      ...grantedIncentivesFragment\n    }\n    invoiceHistory(page: 1, pageSize: 12) {\n      ...invoiceHistoryFields\n    }\n  }\n"])), getInvoiceHistory_1.invoiceHistoryFields, getUserIncentives_1.grantedIncentivesFragment, getContractPhases_1.contractPhasesFragment, getPropositionFeatures_1.propositionFeaturesFragment);
 var templateObject_1;
 //# sourceMappingURL=getUserSubscription.js.map

package/dist/cjs/queries/getUserSubscription.js.map

@@ -1 +1 @@
-{"version":3,"file":"getUserSubscription.js","sourceRoot":"","sources":["../../../src/queries/getUserSubscription.ts"],"names":[],"mappings":";;;;;;;AAAA,yCAAoC;AACpC,yDAA0D;AAC1D,yDAA+D;AAElD,QAAA,qBAAqB,OAAG,YAAG,i7CAAA,MACpC,EAAoB,MACpB,EAAyB,61CAyE5B,KA1EG,wCAAoB,EACpB,6CAAyB,EAyE5B"}
+{"version":3,"file":"getUserSubscription.js","sourceRoot":"","sources":["../../../src/queries/getUserSubscription.ts"],"names":[],"mappings":";;;;;;;AAAA,yCAAoC;AACpC,yDAA0D;AAC1D,yDAA+D;AAC/D,yDAA4D;AAC5D,mEAAsE;AAEzD,QAAA,qBAAqB,OAAG,YAAG,mxCAAA,MACpC,EAAoB,MACpB,EAAyB,MACzB,EAAsB,MACtB,EAA2B,+qCA8D9B,KAjEG,wCAAoB,EACpB,6CAAyB,EACzB,0CAAsB,EACtB,oDAA2B,EA8D9B"}

package/dist/cjs/queries/getUserWithNewsletters.js

@@ -8,6 +8,9 @@ exports.GET_USER_WITH_NEWSLETTERS = void 0;
 var client_1 = require("@apollo/client");
 var getUserNewsletters_1 = require("./getUserNewsletters");
 var getUserEntitlements_1 = require("./getUserEntitlements");
-exports.GET_USER_WITH_NEWSLETTERS = (0, client_1.gql)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  ", "\n  fragment UserWithNewsletters on User {\n    cpn\n    subscriptions {\n      isActive\n      startDate\n      type\n      serviceCancellationDate\n      status\n      packName\n      freeOfCharge\n      isVoucher\n      billingDetails {\n        available\n        paymentMethod {\n          type\n        }\n      }\n    }\n    ...UserNewsletters\n    ...UserEntitlements\n  }\n"], ["\n  ", "\n  ", "\n  fragment UserWithNewsletters on User {\n    cpn\n    subscriptions {\n      isActive\n      startDate\n      type\n      serviceCancellationDate\n      status\n      packName\n      freeOfCharge\n      isVoucher\n      billingDetails {\n        available\n        paymentMethod {\n          type\n        }\n      }\n    }\n    ...UserNewsletters\n    ...UserEntitlements\n  }\n"])), getUserNewsletters_1.GET_USER_NEWSLETTERS, getUserEntitlements_1.GET_USER_ENTITLEMENTS);
+var getContractPhases_1 = require("./getContractPhases");
+var getPropositionFeatures_1 = require("./getPropositionFeatures");
+var getUserIncentives_1 = require("./getUserIncentives");
+exports.GET_USER_WITH_NEWSLETTERS = (0, client_1.gql)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  fragment UserWithNewsletters on User {\n    cpn\n    subscriptions {\n      isActive\n      startDate\n      type\n      serviceCancellationDate\n      status\n      packName\n      freeOfCharge\n      isVoucher\n      price\n      currency\n      billingDetails {\n        available\n        paymentMethod {\n          type\n        }\n      }\n      propositionV2 {\n        ...propositionFeaturesFragment\n      }\n      ...contractPhasesFragment\n      ...grantedIncentivesFragment\n    }\n    ...UserNewsletters\n    ...UserEntitlements\n  }\n"], ["\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  fragment UserWithNewsletters on User {\n    cpn\n    subscriptions {\n      isActive\n      startDate\n      type\n      serviceCancellationDate\n      status\n      packName\n      freeOfCharge\n      isVoucher\n      price\n      currency\n      billingDetails {\n        available\n        paymentMethod {\n          type\n        }\n      }\n      propositionV2 {\n        ...propositionFeaturesFragment\n      }\n      ...contractPhasesFragment\n      ...grantedIncentivesFragment\n    }\n    ...UserNewsletters\n    ...UserEntitlements\n  }\n"])), getUserNewsletters_1.GET_USER_NEWSLETTERS, getUserEntitlements_1.GET_USER_ENTITLEMENTS, getContractPhases_1.contractPhasesFragment, getPropositionFeatures_1.propositionFeaturesFragment, getUserIncentives_1.grantedIncentivesFragment);
 var templateObject_1;
 //# sourceMappingURL=getUserWithNewsletters.js.map

package/dist/cjs/queries/getUserWithNewsletters.js.map

@@ -1 +1 @@
-{"version":3,"file":"getUserWithNewsletters.js","sourceRoot":"","sources":["../../../src/queries/getUserWithNewsletters.ts"],"names":[],"mappings":";;;;;;;AAAA,yCAAoC;AACpC,2DAA2D;AAC3D,6DAA6D;AAEhD,QAAA,yBAAyB,OAAG,YAAG,odAAA,MACxC,EAAoB,MACpB,EAAqB,gYAsBxB,KAvBG,yCAAoB,EACpB,2CAAqB,EAsBxB"}
+{"version":3,"file":"getUserWithNewsletters.js","sourceRoot":"","sources":["../../../src/queries/getUserWithNewsletters.ts"],"names":[],"mappings":";;;;;;;AAAA,yCAAoC;AACpC,2DAA2D;AAC3D,6DAA6D;AAC7D,yDAA4D;AAC5D,mEAAsE;AACtE,yDAA+D;AAElD,QAAA,yBAAyB,OAAG,YAAG,spBAAA,MACxC,EAAoB,MACpB,EAAqB,MACrB,EAAsB,MACtB,EAA2B,MAC3B,EAAyB,0iBA6B5B,KAjCG,yCAAoB,EACpB,2CAAqB,EACrB,0CAAsB,EACtB,oDAA2B,EAC3B,6CAAyB,EA6B5B"}

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

@@ -38,7 +38,7 @@ var StyledGridContainer = styled(GridLayout)(templateObject_1 || (templateObject
 });
 export var SectionListItem = function (_a) {
     var _b;
-    var title = _a.title, titleIcon = _a.titleIcon, titleOverrides = _a.titleOverrides, subtitle = _a.subtitle, id = _a.id, linkIcon = _a.linkIcon, href = _a.href, containerOverrides = _a.containerOverrides, itemOverrides = _a.itemOverrides, footer = _a.footer, ariaLabel = _a.ariaLabel, eventContext = _a.eventContext, subtitleOverrides = _a.subtitleOverrides, stackOverrides = _a.stackOverrides, rest = __rest(_a, ["title", "titleIcon", "titleOverrides", "subtitle", "id", "linkIcon", "href", "containerOverrides", "itemOverrides", "footer", "ariaLabel", "eventContext", "subtitleOverrides", "stackOverrides"]);
+    var title = _a.title, titleIcon = _a.titleIcon, titleOverrides = _a.titleOverrides, subtitle = _a.subtitle, id = _a.id, linkIcon = _a.linkIcon, href = _a.href, containerOverrides = _a.containerOverrides, itemOverrides = _a.itemOverrides, footer = _a.footer, ariaLabel = _a.ariaLabel, eventContext = _a.eventContext, subtitleOverrides = _a.subtitleOverrides, stackOverrides = _a.stackOverrides, children = _a.children, rest = __rest(_a, ["title", "titleIcon", "titleOverrides", "subtitle", "id", "linkIcon", "href", "containerOverrides", "itemOverrides", "footer", "ariaLabel", "eventContext", "subtitleOverrides", "stackOverrides", "children"]);
     var fireEvent = useInstrumentation().fireEvent;
     /* istanbul ignore next */
     var handleLinkClick = function () {
@@ -64,7 +64,8 @@ export var SectionListItem = function (_a) {
                                 React.createElement(ItemSubtitle, { subtitleOverrides: subtitleOverrides, subtitle: subtitle })))),
                     linkIcon && (React.createElement(GridLayoutItem, { justifySelf: "flex-end" }, linkIcon)),
                     footer && (React.createElement(GridLayoutItem, { paddingBlockStart: "space040" },
-                        React.createElement(TextBlock, __assign({ stylePreset: "inkSubtle", typographyPreset: "utilityBody010" }, (_b = footer.props) === null || _b === void 0 ? void 0 : _b.textOverrides, { "data-testid": footer.dataTestId }), footer === null || footer === void 0 ? void 0 : footer.content))))))));
+                        React.createElement(TextBlock, __assign({ stylePreset: "inkSubtle", typographyPreset: "utilityBody010" }, (_b = footer.props) === null || _b === void 0 ? void 0 : _b.textOverrides, { "data-testid": footer.dataTestId }), footer === null || footer === void 0 ? void 0 : footer.content))),
+                    children && React.createElement(GridLayoutItem, null, children))))));
 };
 var templateObject_1;
 //# sourceMappingURL=SectionListItem.js.map

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

@@ -34,5 +34,7 @@ export interface SectionListItemProps {
         height?: number;
         fill?: boolean;
     };
+    children?: React.ReactElement;
+    onClick?: (event: React.MouseEvent) => void;
 }
 export type GridListItemProps = Partial<NewsletterViewProps> & CancellationItem & Partial<SectionListItemProps>;

package/dist/esm/Components/Sections/UserHub/BaseSection.d.ts

@@ -1,4 +1,7 @@
 import { UserHubSection } from '../../../context';
+export declare const StyledStructuredList: import("@emotion/styled").StyledComponent<import("newskit").StructuredListProps & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
 export interface BaseSectionProps extends UserHubSection {
     baseUrl: string;
 }

package/dist/esm/Components/Sections/UserHub/BaseSection.js

@@ -31,7 +31,7 @@ import React from 'react';
 import { useAccountContext } from '../../../context';
 import { ContextName } from '../../../context/types';
 import { SectionListItem } from '../../Elements/SectionListItem';
-var StyledStructuredList = styled(StructuredList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid;\n  ", "\n"], ["\n  border: 1px solid;\n  ", "\n"])), getColorCssFromTheme('borderColor', 'interface030'));
+export var StyledStructuredList = styled(StructuredList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid;\n  ", "\n"], ["\n  border: 1px solid;\n  ", "\n"])), getColorCssFromTheme('borderColor', 'interface030'));
 export var BaseSection = function (_a) {
     var dataTestId = _a.dataTestId, header = _a.header, items = _a.items, containerOverrides = _a.containerOverrides, baseUrl = _a.baseUrl;
     var contextName = ContextName.userHubPage;

package/dist/esm/Components/Sections/UserHub/BaseSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"BaseSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/UserHub/BaseSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAC7E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,iBAAiB,EAAyB,MAAM,kBAAkB,CAAA;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAEhE,IAAM,oBAAoB,GAAG,MAAM,CAAC,cAAc,CAAC,qGAAA,4BAE/C,EAAmD,IACtD,KADG,oBAAoB,CAAC,aAAa,EAAE,cAAc,CAAC,CACtD,CAAA;AAMD,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAMT;QALjB,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,KAAK,WAAA,EACL,kBAAkB,wBAAA,EAClB,OAAO,aAAA;IAEP,IAAM,WAAW,GAAG,WAAW,CAAC,WAAW,CAAA;IAE7B,IAAA,gBAAgB,GAC1B,iBAAiB,CAAC,WAAW,CAA0B,0BAD7B,CAC6B;IACrD,IAAA,KAAuC,gBAAgB,IAAI,EAAE,EAA3D,gBAAgB,sBAAA,EAAE,cAAc,oBAA2B,CAAA;IAEnE,IAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,UAAC,EAAM;YAAJ,EAAE,QAAA;QACtC,IAAM,wBAAwB,GAC5B,EAAE,KAAK,sBAAsB,IAAI,CAAC,CAAC,cAAc,IAAI,gBAAgB,CAAC,CAAA;QAExE,OAAO,CAAC,wBAAwB,CAAA;IAClC,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,KAAK,IAAC,IAAI,EAAC,kBAAkB,iBAAc,UAAU;QACpD,oBAAC,MAAM,eAAK,MAAM,EAAI;QAEtB,oBAAC,oBAAoB,IAAC,OAAO,EAAE,IAAI,IAChC,aAAa,CAAC,GAAG,CAAC,UAAC,EAAkB;YAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;YAAO,OAAA,CACzC,oBAAC,eAAe,aACd,GAAG,EAAE,KAAK,CAAC,EAAE,IACT,KAAK,IACT,kBAAkB,EAAE,kBAAkB,EACtC,IAAI,EAAE,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,IACnC,CACH,CAAA;SAAA,CAAC,CACmB,CACjB,CACT,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"BaseSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/UserHub/BaseSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAC7E,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,iBAAiB,EAAyB,MAAM,kBAAkB,CAAA;AAC3E,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAA;AAEhE,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,cAAc,CAAC,qGAAA,4BAEtD,EAAmD,IACtD,KADG,oBAAoB,CAAC,aAAa,EAAE,cAAc,CAAC,CACtD,CAAA;AAMD,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAMT;QALjB,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,KAAK,WAAA,EACL,kBAAkB,wBAAA,EAClB,OAAO,aAAA;IAEP,IAAM,WAAW,GAAG,WAAW,CAAC,WAAW,CAAA;IAE7B,IAAA,gBAAgB,GAC1B,iBAAiB,CAAC,WAAW,CAA0B,0BAD7B,CAC6B;IACrD,IAAA,KAAuC,gBAAgB,IAAI,EAAE,EAA3D,gBAAgB,sBAAA,EAAE,cAAc,oBAA2B,CAAA;IAEnE,IAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,UAAC,EAAM;YAAJ,EAAE,QAAA;QACtC,IAAM,wBAAwB,GAC5B,EAAE,KAAK,sBAAsB,IAAI,CAAC,CAAC,cAAc,IAAI,gBAAgB,CAAC,CAAA;QAExE,OAAO,CAAC,wBAAwB,CAAA;IAClC,CAAC,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,KAAK,IAAC,IAAI,EAAC,kBAAkB,iBAAc,UAAU;QACpD,oBAAC,MAAM,eAAK,MAAM,EAAI;QAEtB,oBAAC,oBAAoB,IAAC,OAAO,EAAE,IAAI,IAChC,aAAa,CAAC,GAAG,CAAC,UAAC,EAAkB;YAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;YAAO,OAAA,CACzC,oBAAC,eAAe,aACd,GAAG,EAAE,KAAK,CAAC,EAAE,IACT,KAAK,IACT,kBAAkB,EAAE,kBAAkB,EACtC,IAAI,EAAE,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,IACnC,CACH,CAAA;SAAA,CAAC,CACmB,CACjB,CACT,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/Components/Sections/UserHub/SubscriptionDetailsSection.d.ts

@@ -0,0 +1,6 @@
+import { UserHubSubscriptionDetailsSection } from '../../../context/types';
+import { UserData } from '../../../pages/types';
+export interface SubscriptionDetailsSectionProps extends UserHubSubscriptionDetailsSection {
+    user?: UserData;
+}
+export declare const SubscriptionDetailsSection: ({ header, containerOverrides, benefits, cancelSubscription, cancelSubscriptionModal, user, }: SubscriptionDetailsSectionProps) => JSX.Element;

package/dist/esm/Components/Sections/UserHub/SubscriptionDetailsSection.js

@@ -0,0 +1,64 @@
+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 { Stack, Block, styled, getColorCssFromTheme, useInstrumentation, } from 'newskit';
+import { Header, createClickEvent } from '@newskit-render/shared-components';
+import { SectionListItem } from '../../Elements/SectionListItem';
+import { StyledStructuredList } from './BaseSection';
+import { BenefitsListItem } from '@newskit-render/shared-components';
+import { useCancelSubscriptionModal } from '../../../hooks';
+import { CancelSubscriptionModal } from '../../Elements/CancelSubscriptionModal';
+import { CURRENCY_MAP } from '../../../constants';
+var StyledSectionListItem = styled(SectionListItem)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &:hover,\n  &:focus,\n  &:active {\n    ", "\n    cursor: pointer;\n  }\n"], ["\n  &:hover,\n  &:focus,\n  &:active {\n    ", "\n    cursor: pointer;\n  }\n"])), getColorCssFromTheme('backgroundColor', 'interface020'));
+export var SubscriptionDetailsSection = function (_a) {
+    var _b, _c, _d, _e, _f, _g, _h;
+    var header = _a.header, containerOverrides = _a.containerOverrides, benefits = _a.benefits, cancelSubscription = _a.cancelSubscription, cancelSubscriptionModal = _a.cancelSubscriptionModal, user = _a.user;
+    var _j = useCancelSubscriptionModal((_b = cancelSubscriptionModal === null || cancelSubscriptionModal === void 0 ? void 0 : cancelSubscriptionModal.closeButton) === null || _b === void 0 ? void 0 : _b.eventContext), modalOpen = _j.modalOpen, setModalOpen = _j.setModalOpen, onDismissModal = _j.onDismissModal;
+    var fireEvent = useInstrumentation().fireEvent;
+    var handleCancelSubscriptionClick = function () {
+        setModalOpen(true);
+        if (cancelSubscription === null || cancelSubscription === void 0 ? void 0 : cancelSubscription.eventContext) {
+            fireEvent(createClickEvent(__assign({ originator: 'button', text: cancelSubscription.eventContext.event_navigation_name, page_name: cancelSubscription.eventContext.page_name }, cancelSubscription.eventContext)));
+        }
+    };
+    var price = (_d = (_c = user === null || user === void 0 ? void 0 : user.subscriptions) === null || _c === void 0 ? void 0 : _c[0]) === null || _d === void 0 ? void 0 : _d.price;
+    var currency = (_f = (_e = user === null || user === void 0 ? void 0 : user.subscriptions) === null || _e === void 0 ? void 0 : _e[0]) === null || _f === void 0 ? void 0 : _f.currency;
+    var itemsToRender = [
+        React.createElement(SectionListItem, { key: "type", title: "Type", subtitle: ((_h = (_g = user === null || user === void 0 ? void 0 : user.subscriptions) === null || _g === void 0 ? void 0 : _g[0]) === null || _h === void 0 ? void 0 : _h.type) || '', containerOverrides: containerOverrides }),
+        React.createElement(SectionListItem, { key: "price", title: "Price", subtitle: price && currency ? "".concat(CURRENCY_MAP[currency]).concat(price) : '', containerOverrides: containerOverrides }),
+    ];
+    if ((benefits === null || benefits === void 0 ? void 0 : benefits.showBenefits) && (benefits === null || benefits === void 0 ? void 0 : benefits.items) && benefits.items.length > 0) {
+        itemsToRender.push(React.createElement(SectionListItem, { key: "benefits", title: benefits.title, containerOverrides: containerOverrides, itemOverrides: {
+                column: '1/-1',
+            } },
+            React.createElement(Block, null, benefits.items.map(function (benefit, index) {
+                var _a;
+                var isLastItem = index === ((_a = benefits.items) === null || _a === void 0 ? void 0 : _a.length) - 1;
+                return (React.createElement(BenefitsListItem, __assign({ key: benefit.code }, benefit, { containerOverrides: {
+                        paddingBlockEnd: isLastItem ? 'space000' : 'space050',
+                    } })));
+            }))));
+    }
+    if (cancelSubscription) {
+        itemsToRender.push(React.createElement(StyledSectionListItem, __assign({ key: "cancel-subscription" }, cancelSubscription, { containerOverrides: containerOverrides, onClick: handleCancelSubscriptionClick })));
+    }
+    return (React.createElement(Stack, { flow: "vertical-stretch", "data-testid": "subscription-details-section" },
+        React.createElement(Header, __assign({}, header)),
+        React.createElement(StyledStructuredList, { divider: true }, itemsToRender),
+        cancelSubscriptionModal && (React.createElement(CancelSubscriptionModal, { isOpen: modalOpen, onDismissModal: onDismissModal, modal: cancelSubscriptionModal, cpn: user === null || user === void 0 ? void 0 : user.cpn, subscriptions: user === null || user === void 0 ? void 0 : user.subscriptions }))));
+};
+var templateObject_1;
+//# sourceMappingURL=SubscriptionDetailsSection.js.map

package/dist/esm/Components/Sections/UserHub/SubscriptionDetailsSection.js.map

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

package/dist/esm/Components/Templates/UserHubRender.js

@@ -20,14 +20,16 @@ import { getMediaQueryFromTheme, getSpacingCssFromTheme, Stack, styled, } from '
 import { BaseSection } from '../Sections/UserHub/BaseSection';
 import { NewslettersSection } from '../../Components/Sections/UserHub/NewslettersSection';
 import { UpgradeSection } from '../../Components/Sections/UserHub/UpgradeSection';
+import { SubscriptionDetailsSection } from '../../Components/Sections/UserHub/SubscriptionDetailsSection'; // add section to the name?
 var StyledStackContainer = styled(Stack)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  ", ";\n\n  ", " {\n    ", ";\n  }\n"], ["\n  width: 100%;\n  ", ";\n\n  ", " {\n    ", ";\n  }\n"])), getSpacingCssFromTheme('gap', 'space060'), getMediaQueryFromTheme('sm'), getSpacingCssFromTheme('gap', 'space090'));
 export var UserHubRender = function () {
     var _a;
     var contextName = ContextName.userHubPage;
     var _b = useAccountContext(contextName), userData = _b.userData, baseUrl = _b.baseUrl, sections = _b.sections;
-    var quickLinks = sections.quickLinks, helpAndSupport = sections.helpAndSupport, newslettersSection = sections.newsletters, upgradeSection = sections.upgrade;
+    var quickLinks = sections.quickLinks, helpAndSupport = sections.helpAndSupport, newslettersSection = sections.newsletters, upgradeSection = sections.upgrade, subscriptionDetails = sections.subscriptionDetails;
     return (React.createElement(StyledStackContainer, { flow: "vertical-stretch" },
         quickLinks && React.createElement(BaseSection, __assign({}, quickLinks, { baseUrl: baseUrl })),
+        (subscriptionDetails === null || subscriptionDetails === void 0 ? void 0 : subscriptionDetails.showSection) && (React.createElement(SubscriptionDetailsSection, __assign({}, subscriptionDetails, { user: userData }))),
         helpAndSupport && React.createElement(BaseSection, __assign({}, helpAndSupport, { baseUrl: baseUrl })),
         newslettersSection && ((_a = userData === null || userData === void 0 ? void 0 : userData.newsletters) === null || _a === void 0 ? void 0 : _a.length) && (React.createElement(NewslettersSection, __assign({ newsletters: userData.newsletters, capabilities: userData.userCapabilities }, ((upgradeSection === null || upgradeSection === void 0 ? void 0 : upgradeSection.showUpgradeSection)
             ? { newslettersListOverrides: { marginBlockEnd: 'space000' } }

package/dist/esm/Components/Templates/UserHubRender.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserHubRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/UserHubRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAyB,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EACL,sBAAsB,EACtB,sBAAsB,EACtB,KAAK,EACL,MAAM,GACP,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAA;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sDAAsD,CAAA;AACzF,OAAO,EAAE,cAAc,EAAE,MAAM,kDAAkD,CAAA;AAEjF,IAAM,oBAAoB,GAAG,MAAM,CAAC,KAAK,CAAC,4HAAA,sBAEtC,EAAyC,SAEzC,EAA4B,UAC1B,EAAyC,UAE9C,KALG,sBAAsB,CAAC,KAAK,EAAE,UAAU,CAAC,EAEzC,sBAAsB,CAAC,IAAI,CAAC,EAC1B,sBAAsB,CAAC,KAAK,EAAE,UAAU,CAAC,CAE9C,CAAA;AACD,MAAM,CAAC,IAAM,aAAa,GAAa;;IACrC,IAAM,WAAW,GAAG,WAAW,CAAC,WAAW,CAAA;IACrC,IAAA,KAAkC,iBAAiB,CACvD,WAAW,CACa,EAFlB,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAET,CAAA;IAGxB,IAAA,UAAU,GAIR,QAAQ,WAJA,EACV,cAAc,GAGZ,QAAQ,eAHI,EACD,kBAAkB,GAE7B,QAAQ,YAFqB,EACtB,cAAc,GACrB,QAAQ,QADa,CACb;IAEZ,OAAO,CACL,oBAAC,oBAAoB,IAAC,IAAI,EAAC,kBAAkB;QAC1C,UAAU,IAAI,oBAAC,WAAW,eAAK,UAAU,IAAE,OAAO,EAAE,OAAO,IAAI;QAC/D,cAAc,IAAI,oBAAC,WAAW,eAAK,cAAc,IAAE,OAAO,EAAE,OAAO,IAAI;QACvE,kBAAkB,KAAI,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,0CAAE,MAAM,CAAA,IAAI,CACtD,oBAAC,kBAAkB,aACjB,WAAW,EAAE,QAAQ,CAAC,WAAW,EACjC,YAAY,EAAE,QAAQ,CAAC,gBAAgB,IACnC,CAAC,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,kBAAkB;YACrC,CAAC,CAAC,EAAE,wBAAwB,EAAE,EAAE,cAAc,EAAE,UAAU,EAAE,EAAE;YAC9D,CAAC,CAAC,EAAE,CAAC,EACH,kBAAkB,EACtB,CACH;QACA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,kBAAkB,KAAI,CACrC,oBAAC,cAAc,eAAK,cAAc,EAAI,CACvC,CACoB,CACxB,CAAA;AACH,CAAC,CAAA"}
+{"version":3,"file":"UserHubRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/UserHubRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAyB,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EACL,sBAAsB,EACtB,sBAAsB,EACtB,KAAK,EACL,MAAM,GACP,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAA;AAC7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sDAAsD,CAAA;AACzF,OAAO,EAAE,cAAc,EAAE,MAAM,kDAAkD,CAAA;AACjF,OAAO,EAAE,0BAA0B,EAAE,MAAM,8DAA8D,CAAA,CAAC,2BAA2B;AAErI,IAAM,oBAAoB,GAAG,MAAM,CAAC,KAAK,CAAC,4HAAA,sBAEtC,EAAyC,SAEzC,EAA4B,UAC1B,EAAyC,UAE9C,KALG,sBAAsB,CAAC,KAAK,EAAE,UAAU,CAAC,EAEzC,sBAAsB,CAAC,IAAI,CAAC,EAC1B,sBAAsB,CAAC,KAAK,EAAE,UAAU,CAAC,CAE9C,CAAA;AACD,MAAM,CAAC,IAAM,aAAa,GAAa;;IACrC,IAAM,WAAW,GAAG,WAAW,CAAC,WAAW,CAAA;IACrC,IAAA,KAAkC,iBAAiB,CACvD,WAAW,CACa,EAFlB,QAAQ,cAAA,EAAE,OAAO,aAAA,EAAE,QAAQ,cAET,CAAA;IAGxB,IAAA,UAAU,GAKR,QAAQ,WALA,EACV,cAAc,GAIZ,QAAQ,eAJI,EACD,kBAAkB,GAG7B,QAAQ,YAHqB,EACtB,cAAc,GAErB,QAAQ,QAFa,EACvB,mBAAmB,GACjB,QAAQ,oBADS,CACT;IAEZ,OAAO,CACL,oBAAC,oBAAoB,IAAC,IAAI,EAAC,kBAAkB;QAC1C,UAAU,IAAI,oBAAC,WAAW,eAAK,UAAU,IAAE,OAAO,EAAE,OAAO,IAAI;QAC/D,CAAA,mBAAmB,aAAnB,mBAAmB,uBAAnB,mBAAmB,CAAE,WAAW,KAAI,CACnC,oBAAC,0BAA0B,eAAK,mBAAmB,IAAE,IAAI,EAAE,QAAQ,IAAI,CACxE;QACA,cAAc,IAAI,oBAAC,WAAW,eAAK,cAAc,IAAE,OAAO,EAAE,OAAO,IAAI;QACvE,kBAAkB,KAAI,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,WAAW,0CAAE,MAAM,CAAA,IAAI,CACtD,oBAAC,kBAAkB,aACjB,WAAW,EAAE,QAAQ,CAAC,WAAW,EACjC,YAAY,EAAE,QAAQ,CAAC,gBAAgB,IACnC,CAAC,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,kBAAkB;YACrC,CAAC,CAAC,EAAE,wBAAwB,EAAE,EAAE,cAAc,EAAE,UAAU,EAAE,EAAE;YAC9D,CAAC,CAAC,EAAE,CAAC,EACH,kBAAkB,EACtB,CACH;QACA,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,kBAAkB,KAAI,CACrC,oBAAC,cAAc,eAAK,cAAc,EAAI,CACvC,CACoB,CACxB,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/context/index.d.ts

@@ -1,5 +1,5 @@
 import React from 'react';
-import { PaymentPageContextOptions, AccountLandingPageContextOptions, ContextProviderProps, EditFieldContextOptions, ContextOptions, BaseContextOptions, CancellationContextOptions, CancellationStepperContextOptions, ContextName, SubscriptionAndBillingContextOptions, HolidayStopContextOptions, AddFieldContextOption, PaymentMethodsContextOptions, NewslettersContextOptions, AccountDeletionContextOptions, ConfirmAccountDeletionContextOptions, FamilyContextOptions, UserHubContextOptions, BaseFormActions, UserHubSection, CancellationItem, UserHubUpgradeSection } from './types';
+import { PaymentPageContextOptions, AccountLandingPageContextOptions, ContextProviderProps, EditFieldContextOptions, ContextOptions, BaseContextOptions, CancellationContextOptions, CancellationStepperContextOptions, ContextName, SubscriptionAndBillingContextOptions, HolidayStopContextOptions, AddFieldContextOption, PaymentMethodsContextOptions, NewslettersContextOptions, AccountDeletionContextOptions, ConfirmAccountDeletionContextOptions, FamilyContextOptions, UserHubContextOptions, BaseFormActions, UserHubSection, CancellationItem, UserHubUpgradeSection, UserHubSubscriptionDetailsSection } from './types';
 import { baseContext, footer, navigationPrimary, sideNav } from './baseContext';
 declare const contextMap: {
     personalDetails: React.Context<AccountLandingPageContextOptions | null>;
@@ -26,4 +26,4 @@ declare const contextMap: {
 type ContextOptionsUnion = typeof contextMap;
 export declare const AccountContextProvider: React.FC<ContextProviderProps>;
 export declare const useAccountContext: (contextName: ContextName) => ContextOptions;
-export { type PaymentPageContextOptions, type EditFieldContextOptions, type BaseContextOptions, type AccountLandingPageContextOptions, type SubscriptionAndBillingContextOptions, type CancellationContextOptions, type CancellationStepperContextOptions, baseContext, footer, navigationPrimary, sideNav, type ContextOptions, type AddFieldContextOption, type PaymentMethodsContextOptions, type NewslettersContextOptions, type AccountDeletionContextOptions, type ConfirmAccountDeletionContextOptions, type FamilyContextOptions, type UserHubContextOptions, type BaseFormActions, type UserHubSection, type ContextOptionsUnion, type CancellationItem, type UserHubUpgradeSection, };
+export { type PaymentPageContextOptions, type EditFieldContextOptions, type BaseContextOptions, type AccountLandingPageContextOptions, type SubscriptionAndBillingContextOptions, type CancellationContextOptions, type CancellationStepperContextOptions, baseContext, footer, navigationPrimary, sideNav, type ContextOptions, type AddFieldContextOption, type PaymentMethodsContextOptions, type NewslettersContextOptions, type AccountDeletionContextOptions, type ConfirmAccountDeletionContextOptions, type FamilyContextOptions, type UserHubContextOptions, type BaseFormActions, type UserHubSection, type ContextOptionsUnion, type CancellationItem, type UserHubUpgradeSection, type UserHubSubscriptionDetailsSection, };

package/dist/esm/context/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/context/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAW,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,KAAK,MAAM,cAAc,CAAA;AAChC,OAAO,EASL,WAAW,GAcZ,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAE/E,IAAM,UAAU;IACd,GAAC,WAAW,CAAC,eAAe,IAC1B,aAAa,CAA0C,IAAI,CAAC;IAC9D,GAAC,WAAW,CAAC,sBAAsB,IACjC,aAAa,CAA8C,IAAI,CAAC;IAClE,GAAC,WAAW,CAAC,WAAW,IAAG,aAAa,CACtC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,oBAAoB,IAC/B,aAAa,CAA0C,IAAI,CAAC;IAC9D,GAAC,WAAW,CAAC,SAAS,IACpB,aAAa,CAA0C,IAAI,CAAC;IAC9D,GAAC,WAAW,CAAC,OAAO,IAAG,aAAa,CAAmC,IAAI,CAAC;IAC5E,GAAC,WAAW,CAAC,SAAS,IAAG,aAAa,CAAiC,IAAI,CAAC;IAC5E,GAAC,WAAW,CAAC,YAAY,IAAG,aAAa,CACvC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,mBAAmB,IAC9B,aAAa,CAA2C,IAAI,CAAC;IAC/D,GAAC,WAAW,CAAC,KAAK,IAAG,aAAa,CAA4B,IAAI,CAAC;IACnE,GAAC,WAAW,CAAC,QAAQ,IAAG,aAAa,CAA+B,IAAI,CAAC;IACzE,GAAC,WAAW,CAAC,cAAc,IACzB,aAAa,CAAsC,IAAI,CAAC;IAC1D,GAAC,WAAW,CAAC,cAAc,CAAC,IAC1B,aAAa,CAAmC,IAAI,CAAC;IACvD,GAAC,WAAW,CAAC,aAAa,CAAC,IAAG,aAAa,CACzC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,WAAW,IAAG,aAAa,CACtC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,eAAe,IAC1B,aAAa,CAAuC,IAAI,CAAC;IAC3D,GAAC,WAAW,CAAC,sBAAsB,IACjC,aAAa,CAA8C,IAAI,CAAC;IAClE,GAAC,WAAW,CAAC,MAAM,IAAG,aAAa,CAA8B,IAAI,CAAC;IACtE,GAAC,WAAW,CAAC,WAAW,IAAG,aAAa,CAA+B,IAAI,CAAC;IAC5E,GAAC,WAAW,CAAC,mBAAmB,IAAG,aAAa,CAC9C,IAAI,CACL;OACF,CAAA;AAID,MAAM,CAAC,IAAM,sBAAsB,GAAmC,UAAC,EAItE;QAHC,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,WAAW,iBAAA;IAEX,IAAM,CAAC,GAAG,KAAK,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC,CAAA;IACzC,IAAM,cAAc,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAE9C,OAAO,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,IAAG,QAAQ,CAA2B,CAAA;AAChF,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,WAAwB;IACxD,OAAA,UAAU,CAAC,UAAU,CAAC,WAAW,CAA4B,CAAC;AAA9D,CAA8D,CAAA;AAEhE,OAAO,EAQL,WAAW,EACX,MAAM,EACN,iBAAiB,EACjB,OAAO,GAcR,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/context/index.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,EAAE,EAAW,aAAa,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AACjE,OAAO,KAAK,MAAM,cAAc,CAAA;AAChC,OAAO,EASL,WAAW,GAeZ,MAAM,SAAS,CAAA;AAChB,OAAO,EAAE,WAAW,EAAE,MAAM,EAAE,iBAAiB,EAAE,OAAO,EAAE,MAAM,eAAe,CAAA;AAE/E,IAAM,UAAU;IACd,GAAC,WAAW,CAAC,eAAe,IAC1B,aAAa,CAA0C,IAAI,CAAC;IAC9D,GAAC,WAAW,CAAC,sBAAsB,IACjC,aAAa,CAA8C,IAAI,CAAC;IAClE,GAAC,WAAW,CAAC,WAAW,IAAG,aAAa,CACtC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,oBAAoB,IAC/B,aAAa,CAA0C,IAAI,CAAC;IAC9D,GAAC,WAAW,CAAC,SAAS,IACpB,aAAa,CAA0C,IAAI,CAAC;IAC9D,GAAC,WAAW,CAAC,OAAO,IAAG,aAAa,CAAmC,IAAI,CAAC;IAC5E,GAAC,WAAW,CAAC,SAAS,IAAG,aAAa,CAAiC,IAAI,CAAC;IAC5E,GAAC,WAAW,CAAC,YAAY,IAAG,aAAa,CACvC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,mBAAmB,IAC9B,aAAa,CAA2C,IAAI,CAAC;IAC/D,GAAC,WAAW,CAAC,KAAK,IAAG,aAAa,CAA4B,IAAI,CAAC;IACnE,GAAC,WAAW,CAAC,QAAQ,IAAG,aAAa,CAA+B,IAAI,CAAC;IACzE,GAAC,WAAW,CAAC,cAAc,IACzB,aAAa,CAAsC,IAAI,CAAC;IAC1D,GAAC,WAAW,CAAC,cAAc,CAAC,IAC1B,aAAa,CAAmC,IAAI,CAAC;IACvD,GAAC,WAAW,CAAC,aAAa,CAAC,IAAG,aAAa,CACzC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,WAAW,IAAG,aAAa,CACtC,IAAI,CACL;IACD,GAAC,WAAW,CAAC,eAAe,IAC1B,aAAa,CAAuC,IAAI,CAAC;IAC3D,GAAC,WAAW,CAAC,sBAAsB,IACjC,aAAa,CAA8C,IAAI,CAAC;IAClE,GAAC,WAAW,CAAC,MAAM,IAAG,aAAa,CAA8B,IAAI,CAAC;IACtE,GAAC,WAAW,CAAC,WAAW,IAAG,aAAa,CAA+B,IAAI,CAAC;IAC5E,GAAC,WAAW,CAAC,mBAAmB,IAAG,aAAa,CAC9C,IAAI,CACL;OACF,CAAA;AAID,MAAM,CAAC,IAAM,sBAAsB,GAAmC,UAAC,EAItE;QAHC,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,WAAW,iBAAA;IAEX,IAAM,CAAC,GAAG,KAAK,CAAC,EAAE,EAAE,WAAW,EAAE,OAAO,CAAC,CAAA;IACzC,IAAM,cAAc,GAAG,UAAU,CAAC,WAAW,CAAC,CAAA;IAE9C,OAAO,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,CAAC,IAAG,QAAQ,CAA2B,CAAA;AAChF,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAG,UAAC,WAAwB;IACxD,OAAA,UAAU,CAAC,UAAU,CAAC,WAAW,CAA4B,CAAC;AAA9D,CAA8D,CAAA;AAEhE,OAAO,EAQL,WAAW,EACX,MAAM,EACN,iBAAiB,EACjB,OAAO,GAeR,CAAA"}

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

@@ -1,7 +1,7 @@
 import { ReactNode } from 'react';
 import { NavigationSecondaryInterface, NavigationSecondarySelected, NavigationSecondaryOverrides } from '../Components/Sections/NavigationSecondary';
 import { ContentContainerProps } from '../Components/Sections/ContentContainer';
-import { As, ListItemType, ListCellProps, ListItemProps, RequestHeaders, PastDueBannerType, TitleOverrides, DescriptionOverrides, FooterContext, FooterContextOverrides, HeaderProps, InputText, NavigationPrimaryProps, ButtonGroupProps, ModalProps, TealiumEventContext, EventContext, ContentContainerProps as SharedContentContainerProps, HolidayStopSubscriptionPolicyContent } from '@newskit-render/shared-components';
+import { As, ListItemType, ListCellProps, ListItemProps, RequestHeaders, PastDueBannerType, TitleOverrides, DescriptionOverrides, FooterContext, FooterContextOverrides, HeaderProps, InputText, NavigationPrimaryProps, ButtonGroupProps, ModalProps, TealiumEventContext, EventContext, ContentContainerProps as SharedContentContainerProps, HolidayStopSubscriptionPolicyContent, BenefitsListItemProps } from '@newskit-render/shared-components';
 import { MQ, InlineMessageProps, NewsKitIcon, InstrumentationEvent, StackProps, BaseFlagOverrides, NewsKitIconProps, TextBlockProps, ButtonLinkProps } from 'newskit';
 import { HeadProps } from '../Components/Elements/Head';
 import { UserData, Data } from '../pages/types';
@@ -768,6 +768,18 @@ export interface UserHubUpgradeSection {
     };
     button?: ButtonLinkProps;
 }
+export interface UserHubSubscriptionDetailsSection {
+    showSection: boolean;
+    header: HeaderProps;
+    containerOverrides?: GridLayoutProps;
+    cancelSubscriptionModal?: CancelSubscriptionProps['modal'];
+    benefits: {
+        showBenefits: boolean;
+        title: string;
+        items?: BenefitsListItemProps[];
+    };
+    cancelSubscription?: UserHubItemProps;
+}
 export interface UserHubContextOptions extends NonInteractiveContextOptions {
     tealiumContext?: TealiumEventContext;
     sections: {
@@ -775,6 +787,7 @@ export interface UserHubContextOptions extends NonInteractiveContextOptions {
         helpAndSupport?: UserHubSection;
         newsletters?: UserHubNewslettersSection;
         upgrade?: UserHubUpgradeSection;
+        subscriptionDetails?: UserHubSubscriptionDetailsSection;
     };
     genericErrorMessage?: GenericMessageMap;
     errorMessages?: MessageMap;

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

@@ -1 +1 @@
-{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":"AA+MA,MAAM,CAAN,IAAY,WAqBX;AArBD,WAAY,WAAW;IACrB,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,0CAA6B,CAAA;IAC7B,4DAA+C,CAAA;IAC/C,kCAAqB,CAAA;IACrB,sCAAyB,CAAA;IACzB,oCAAuB,CAAA;IACvB,4CAA+B,CAAA;IAC/B,8BAAiB,CAAA;IACjB,gDAAmC,CAAA;IACnC,kDAAqC,CAAA;IACrC,gDAAmC,CAAA;IACnC,sCAAyB,CAAA;IACzB,0CAA6B,CAAA;IAC7B,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,gCAAmB,CAAA;IACnB,0CAA6B,CAAA;IAC7B,0DAA6C,CAAA;IAC7C,0DAA6C,CAAA;AAC/C,CAAC,EArBW,WAAW,KAAX,WAAW,QAqBtB;AA0ND,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AAED,MAAM,CAAN,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,gDAA4B,CAAA;IAC5B,yCAAqB,CAAA;IACrB,8CAA0B,CAAA;AAC5B,CAAC,EAJW,kBAAkB,KAAlB,kBAAkB,QAI7B;AAED,MAAM,CAAN,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,6CAAyB,CAAA;AAC3B,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB,QAI3B;AAyYD,MAAM,CAAN,IAAY,gBA2BX;AA3BD,WAAY,gBAAgB;IAC1B,kCAAgB,CAAA;IAChB,yCAAuB,CAAA;IACvB,mCAAiB,CAAA;IACjB,8BAAY,CAAA;IACZ,oCAAkB,CAAA;IAClB,yCAAuB,CAAA;IACvB,2CAAyB,CAAA;IACzB,oCAAkB,CAAA;IAClB,gCAAc,CAAA;IACd,iCAAe,CAAA;IACf,mCAAiB,CAAA;IACjB,oCAAkB,CAAA;IAClB,oCAAkB,CAAA;IAClB,iCAAe,CAAA;IACf,oCAAkB,CAAA;IAClB,mCAAiB,CAAA;IACjB,+BAAa,CAAA;IACb,uCAAqB,CAAA;IACrB,kCAAgB,CAAA;IAChB,kCAAgB,CAAA;IAChB,uCAAqB,CAAA;IACrB,mCAAiB,CAAA;IACjB,8BAAY,CAAA;IACZ,qCAAmB,CAAA;IACnB,qCAAmB,CAAA;IACnB,kCAAgB,CAAA;AAClB,CAAC,EA3BW,gBAAgB,KAAhB,gBAAgB,QA2B3B;AAiCD,MAAM,CAAN,IAAY,uBAIX;AAJD,WAAY,uBAAuB;IACjC,8CAAqB,CAAA;IACrB,4CAAmB,CAAA;IACnB,kDAAyB,CAAA;AAC3B,CAAC,EAJW,uBAAuB,KAAvB,uBAAuB,QAIlC"}
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/context/types.ts"],"names":[],"mappings":"AAgNA,MAAM,CAAN,IAAY,WAqBX;AArBD,WAAY,WAAW;IACrB,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,0CAA6B,CAAA;IAC7B,4DAA+C,CAAA;IAC/C,kCAAqB,CAAA;IACrB,sCAAyB,CAAA;IACzB,oCAAuB,CAAA;IACvB,4CAA+B,CAAA;IAC/B,8BAAiB,CAAA;IACjB,gDAAmC,CAAA;IACnC,kDAAqC,CAAA;IACrC,gDAAmC,CAAA;IACnC,sCAAyB,CAAA;IACzB,0CAA6B,CAAA;IAC7B,kDAAqC,CAAA;IACrC,gEAAmD,CAAA;IACnD,gCAAmB,CAAA;IACnB,0CAA6B,CAAA;IAC7B,0DAA6C,CAAA;IAC7C,0DAA6C,CAAA;AAC/C,CAAC,EArBW,WAAW,KAAX,WAAW,QAqBtB;AA0ND,MAAM,CAAN,IAAY,YAGX;AAHD,WAAY,YAAY;IACtB,mCAAqB,CAAA;IACrB,+BAAiB,CAAA;AACnB,CAAC,EAHW,YAAY,KAAZ,YAAY,QAGvB;AAED,MAAM,CAAN,IAAY,kBAIX;AAJD,WAAY,kBAAkB;IAC5B,gDAA4B,CAAA;IAC5B,yCAAqB,CAAA;IACrB,8CAA0B,CAAA;AAC5B,CAAC,EAJW,kBAAkB,KAAlB,kBAAkB,QAI7B;AAED,MAAM,CAAN,IAAY,gBAIX;AAJD,WAAY,gBAAgB;IAC1B,uCAAmB,CAAA;IACnB,mCAAe,CAAA;IACf,6CAAyB,CAAA;AAC3B,CAAC,EAJW,gBAAgB,KAAhB,gBAAgB,QAI3B;AAyYD,MAAM,CAAN,IAAY,gBA2BX;AA3BD,WAAY,gBAAgB;IAC1B,kCAAgB,CAAA;IAChB,yCAAuB,CAAA;IACvB,mCAAiB,CAAA;IACjB,8BAAY,CAAA;IACZ,oCAAkB,CAAA;IAClB,yCAAuB,CAAA;IACvB,2CAAyB,CAAA;IACzB,oCAAkB,CAAA;IAClB,gCAAc,CAAA;IACd,iCAAe,CAAA;IACf,mCAAiB,CAAA;IACjB,oCAAkB,CAAA;IAClB,oCAAkB,CAAA;IAClB,iCAAe,CAAA;IACf,oCAAkB,CAAA;IAClB,mCAAiB,CAAA;IACjB,+BAAa,CAAA;IACb,uCAAqB,CAAA;IACrB,kCAAgB,CAAA;IAChB,kCAAgB,CAAA;IAChB,uCAAqB,CAAA;IACrB,mCAAiB,CAAA;IACjB,8BAAY,CAAA;IACZ,qCAAmB,CAAA;IACnB,qCAAmB,CAAA;IACnB,kCAAgB,CAAA;AAClB,CAAC,EA3BW,gBAAgB,KAAhB,gBAAgB,QA2B3B;AA+CD,MAAM,CAAN,IAAY,uBAIX;AAJD,WAAY,uBAAuB;IACjC,8CAAqB,CAAA;IACrB,4CAAmB,CAAA;IACnB,kDAAyB,CAAA;AAC3B,CAAC,EAJW,uBAAuB,KAAvB,uBAAuB,QAIlC"}

package/dist/esm/index.d.ts

@@ -20,7 +20,7 @@ export * from './pages/AccountDeletion';
 export * from './pages/Family';
 export * from './pages/UserHub';
 export * from './pages/SunCancellationFlow';
-export { type ContextOptions, baseContext, footer, navigationPrimary, sideNav, type CancellationStepperContextOptions, type CancellationItem, type UserHubUpgradeSection, } from './context';
+export { type ContextOptions, baseContext, footer, navigationPrimary, sideNav, type CancellationStepperContextOptions, type CancellationItem, type UserHubUpgradeSection, type UserHubSubscriptionDetailsSection, } from './context';
 export * from './Components';
 export { editComponentMap, addComponentMap, broadcastingOnlyEditComponentMap, } from './Components/Templates';
 export { type UserData };

package/dist/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,yBAAyB,CAAA;AACvC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,OAAO,CAAA;AACrB,cAAc,sBAAsB,CAAA;AACpC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,6BAA6B,CAAA;AAC3C,OAAO,EAEL,WAAW,EACX,MAAM,EACN,iBAAiB,EACjB,OAAO,GAIR,MAAM,WAAW,CAAA;AAClB,cAAc,cAAc,CAAA;AAC5B,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,gCAAgC,GACjC,MAAM,wBAAwB,CAAA;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EACL,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,EACjB,qBAAqB,EACrB,UAAU,EACV,uBAAuB,GACxB,MAAM,WAAW,CAAA;AAClB,OAAO,EAGL,kBAAkB,GACnB,MAAM,+BAA+B,CAAA;AAEtC,cAAc,sCAAsC,CAAA;AACpD,cAAc,2CAA2C,CAAA;AACzD,cAAc,oCAAoC,CAAA;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AACA,cAAc,yBAAyB,CAAA;AACvC,cAAc,iBAAiB,CAAA;AAC/B,cAAc,oBAAoB,CAAA;AAClC,cAAc,yBAAyB,CAAA;AACvC,cAAc,mBAAmB,CAAA;AACjC,cAAc,gCAAgC,CAAA;AAC9C,cAAc,8BAA8B,CAAA;AAC5C,cAAc,eAAe,CAAA;AAC7B,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,OAAO,CAAA;AACrB,cAAc,sBAAsB,CAAA;AACpC,cAAc,6BAA6B,CAAA;AAC3C,cAAc,kBAAkB,CAAA;AAChC,cAAc,mBAAmB,CAAA;AACjC,cAAc,wBAAwB,CAAA;AACtC,cAAc,qBAAqB,CAAA;AACnC,cAAc,yBAAyB,CAAA;AACvC,cAAc,gBAAgB,CAAA;AAC9B,cAAc,iBAAiB,CAAA;AAC/B,cAAc,6BAA6B,CAAA;AAC3C,OAAO,EAEL,WAAW,EACX,MAAM,EACN,iBAAiB,EACjB,OAAO,GAKR,MAAM,WAAW,CAAA;AAClB,cAAc,cAAc,CAAA;AAC5B,OAAO,EACL,gBAAgB,EAChB,eAAe,EACf,gCAAgC,GACjC,MAAM,wBAAwB,CAAA;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AACpD,OAAO,EAAE,iBAAiB,EAAE,MAAM,iBAAiB,CAAA;AACnD,OAAO,EACL,kBAAkB,EAClB,YAAY,EACZ,iBAAiB,EACjB,qBAAqB,EACrB,UAAU,EACV,uBAAuB,GACxB,MAAM,WAAW,CAAA;AAClB,OAAO,EAGL,kBAAkB,GACnB,MAAM,+BAA+B,CAAA;AAEtC,cAAc,sCAAsC,CAAA;AACpD,cAAc,2CAA2C,CAAA;AACzD,cAAc,oCAAoC,CAAA;AAClD,OAAO,EAAE,uBAAuB,EAAE,MAAM,aAAa,CAAA"}

package/dist/esm/pages/UserHub/UserHubContext.js

@@ -9,6 +9,7 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var _a;
 import React from 'react';
 import { EventTrigger, toNewsKitIcon } from 'newskit';
 import { footer, sideNav, navigationPrimary } from '../../context';
@@ -20,12 +21,15 @@ import { Launch } from '@emotion-icons/material/Launch';
 import { HelpOutline } from '@emotion-icons/material/HelpOutline';
 import { newslettersListContext } from '../../pages/Newsletters';
 import { NextLink } from '@newskit-render/shared-components';
+import { ManageAccounts } from '@emotion-icons/material-outlined/ManageAccounts';
+import { cancelSubscriptionSection } from '../SubscriptionAndBilling/Sections/CancelSubscriptionSectionContext';
 var IconOutlinedLock = toNewsKitIcon(OutlinedLock);
 var IconFilledCreditCard = toNewsKitIcon(FilledCreditCard);
 var IconFilledChevronRight = toNewsKitIcon(FilledChevronRight);
 var IconChatBubbleOutline = toNewsKitIcon(ChatBubbleOutline);
 var IconHelpOutline = toNewsKitIcon(HelpOutline);
 var IconLaunch = toNewsKitIcon(Launch);
+var IconManageAccounts = toNewsKitIcon(ManageAccounts);
 var pageName = 'homepage';
 export var userHubContext = {
     sections: {
@@ -96,6 +100,66 @@ export var userHubContext = {
                 },
             ],
         },
+        subscriptionDetails: {
+            showSection: false,
+            header: {
+                title: 'Subscription Details',
+                titleOverrides: {
+                    marginBlockEnd: {
+                        xs: 'space050',
+                    },
+                    typographyPreset: 'editorialHeadline030',
+                },
+                showDivider: false,
+            },
+            containerOverrides: {
+                rows: '1fr auto',
+                columns: '3fr 1fr',
+                justifyContent: 'space-between',
+                overrides: {
+                    paddingBlock: 'space050',
+                    paddingInline: 'space040',
+                    minWidth: '100%',
+                },
+            },
+            benefits: {
+                showBenefits: false,
+                title: 'Subscriber benefits',
+                items: [
+                    {
+                        code: 'share',
+                        title: 'Share articles',
+                        description: 'Forward articles to friends and family for free',
+                        icon: IconOutlinedLock,
+                    },
+                    {
+                        code: 'save',
+                        title: 'Save articles',
+                        description: 'Save your favourite stories to read anytime',
+                        link: {
+                            href: 'https://www.thetimes.com/my-articles',
+                            text: 'Review your saved articles',
+                        },
+                        icon: IconChatBubbleOutline,
+                    },
+                ],
+            },
+            cancelSubscription: {
+                title: 'Cancel your subscription',
+                titleIcon: (React.createElement(IconManageAccounts, { overrides: {
+                        size: 'iconSize020',
+                        marginInlineEnd: 'space020',
+                    } })),
+                linkIcon: (React.createElement(IconFilledChevronRight, { overrides: { size: 'iconSize020', stylePreset: 'inkBlack' } })),
+                eventContext: {
+                    event_navigation_action: 'navigation',
+                    event_navigation_name: 'subscription cancellation : cancel',
+                    event_navigation_browsing_method: EventTrigger.Click,
+                    page_name: "".concat(pageName.toLocaleLowerCase()),
+                },
+            },
+            cancelSubscriptionModal: (_a = cancelSubscriptionSection(pageName).props) === null || _a === void 0 ? void 0 : _a.modal,
+        },
         helpAndSupport: {
             dataTestId: 'help-and-support',
             layoutType: 'list',

package/dist/esm/pages/UserHub/UserHubContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"UserHubContext.js","sourceRoot":"","sources":["../../../../src/pages/UserHub/UserHubContext.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"UserHubContext.js","sourceRoot":"","sources":["../../../../src/pages/UserHub/UserHubContext.tsx"],"names":[],"mappings":";;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,YAAY,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAErD,OAAO,EAAE,MAAM,EAAE,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAClE,OAAO,EAAE,YAAY,IAAI,kBAAkB,EAAE,MAAM,sCAAsC,CAAA;AACzF,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,oCAAoC,CAAA;AACnF,OAAO,EAAE,IAAI,IAAI,YAAY,EAAE,MAAM,uCAAuC,CAAA;AAC5E,OAAO,EAAE,iBAAiB,EAAE,MAAM,2CAA2C,CAAA;AAC7E,OAAO,EAAE,MAAM,EAAE,MAAM,gCAAgC,CAAA;AACvD,OAAO,EAAE,WAAW,EAAE,MAAM,qCAAqC,CAAA;AACjE,OAAO,EAAE,sBAAsB,EAAE,MAAM,yBAAyB,CAAA;AAChE,OAAO,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAA;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,iDAAiD,CAAA;AAChF,OAAO,EAAE,yBAAyB,EAAE,MAAM,qEAAqE,CAAA;AAG/G,IAAM,gBAAgB,GAAG,aAAa,CAAC,YAAY,CAAC,CAAA;AACpD,IAAM,oBAAoB,GAAG,aAAa,CAAC,gBAAgB,CAAC,CAAA;AAC5D,IAAM,sBAAsB,GAAG,aAAa,CAAC,kBAAkB,CAAC,CAAA;AAChE,IAAM,qBAAqB,GAAG,aAAa,CAAC,iBAAiB,CAAC,CAAA;AAC9D,IAAM,eAAe,GAAG,aAAa,CAAC,WAAW,CAAC,CAAA;AAClD,IAAM,UAAU,GAAG,aAAa,CAAC,MAAM,CAAC,CAAA;AACxC,IAAM,kBAAkB,GAAG,aAAa,CAAC,cAAc,CAAC,CAAA;AAExD,IAAM,QAAQ,GAAG,UAAU,CAAA;AAE3B,MAAM,CAAC,IAAM,cAAc,GAAmC;IAC5D,QAAQ,EAAE;QACR,UAAU,EAAE;YACV,UAAU,EAAE,aAAa;YACzB,UAAU,EAAE,MAAM;YAClB,MAAM,EAAE;gBACN,KAAK,EAAE,aAAa;gBACpB,cAAc,EAAE;oBACd,cAAc,EAAE;wBACd,EAAE,EAAE,UAAU;qBACf;oBACD,gBAAgB,EAAE,sBAAsB;iBACzC;gBACD,WAAW,EAAE,KAAK;aACnB;YACD,kBAAkB,EAAE;gBAClB,IAAI,EAAE,UAAU;gBAChB,OAAO,EAAE,SAAS;gBAClB,cAAc,EAAE,eAAe;gBAC/B,SAAS,EAAE;oBACT,YAAY,EAAE,UAAU;oBACxB,aAAa,EAAE,UAAU;oBACzB,QAAQ,EAAE,MAAM;iBACjB;aACF;YACD,KAAK,EAAE;gBACL;oBACE,SAAS,EAAE,uBAAuB;oBAClC,KAAK,EAAE,gBAAgB;oBACvB,aAAa,EAAE,MAAM;oBACrB,SAAS,EAAE,CACT,oBAAC,oBAAoB,IACnB,SAAS,EAAE;4BACT,IAAI,EAAE,aAAa;4BACnB,eAAe,EAAE,UAAU;yBAC5B,GACD,CACH;oBACD,QAAQ,EAAE,2CAA2C;oBACrD,IAAI,EAAE,kBAAkB;oBACxB,QAAQ,EAAE,CACR,oBAAC,sBAAsB,IACrB,SAAS,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,GAC3D,CACH;oBACD,EAAE,EAAE,sBAAsB;oBAC1B,YAAY,EAAE;wBACZ,uBAAuB,EAAE,YAAY;wBACrC,qBAAqB,EAAE,+BAA+B;wBACtD,gCAAgC,EAAE,YAAY,CAAC,KAAK;wBACpD,SAAS,EAAE,QAAQ;qBACpB;iBACF;gBACD;oBACE,SAAS,EAAE,sBAAsB;oBACjC,KAAK,EAAE,UAAU;oBACjB,aAAa,EAAE,MAAM;oBACrB,SAAS,EAAE,CACT,oBAAC,gBAAgB,IACf,SAAS,EAAE;4BACT,IAAI,EAAE,aAAa;4BACnB,eAAe,EAAE,UAAU;yBAC5B,GACD,CACH;oBACD,QAAQ,EAAE,+BAA+B;oBACzC,IAAI,EAAE,gBAAgB;oBACtB,QAAQ,EAAE,CACR,oBAAC,sBAAsB,IACrB,SAAS,EAAE;4BACT,IAAI,EAAE,aAAa;4BACnB,WAAW,EAAE,UAAU;yBACxB,GACD,CACH;oBACD,EAAE,EAAE,sBAAsB;oBAC1B,YAAY,EAAE;wBACZ,uBAAuB,EAAE,YAAY;wBACrC,qBAAqB,EAAE,yBAAyB;wBAChD,gCAAgC,EAAE,YAAY,CAAC,KAAK;wBACpD,SAAS,EAAE,QAAQ;qBACpB;iBACF;aACF;SACF;QACD,mBAAmB,EAAE;YACnB,WAAW,EAAE,KAAK;YAClB,MAAM,EAAE;gBACN,KAAK,EAAE,sBAAsB;gBAC7B,cAAc,EAAE;oBACd,cAAc,EAAE;wBACd,EAAE,EAAE,UAAU;qBACf;oBACD,gBAAgB,EAAE,sBAAsB;iBACzC;gBACD,WAAW,EAAE,KAAK;aACnB;YACD,kBAAkB,EAAE;gBAClB,IAAI,EAAE,UAAU;gBAChB,OAAO,EAAE,SAAS;gBAClB,cAAc,EAAE,eAAe;gBAC/B,SAAS,EAAE;oBACT,YAAY,EAAE,UAAU;oBACxB,aAAa,EAAE,UAAU;oBACzB,QAAQ,EAAE,MAAM;iBACjB;aACF;YACD,QAAQ,EAAE;gBACR,YAAY,EAAE,KAAK;gBACnB,KAAK,EAAE,qBAAqB;gBAC5B,KAAK,EAAE;oBACL;wBACE,IAAI,EAAE,OAAO;wBACb,KAAK,EAAE,gBAAgB;wBACvB,WAAW,EAAE,iDAAiD;wBAC9D,IAAI,EAAE,gBAAgB;qBACvB;oBACD;wBACE,IAAI,EAAE,MAAM;wBACZ,KAAK,EAAE,eAAe;wBACtB,WAAW,EAAE,6CAA6C;wBAC1D,IAAI,EAAE;4BACJ,IAAI,EAAE,sCAAsC;4BAC5C,IAAI,EAAE,4BAA4B;yBACnC;wBACD,IAAI,EAAE,qBAAqB;qBAC5B;iBACF;aACF;YACD,kBAAkB,EAAE;gBAClB,KAAK,EAAE,0BAA0B;gBACjC,SAAS,EAAE,CACT,oBAAC,kBAAkB,IACjB,SAAS,EAAE;wBACT,IAAI,EAAE,aAAa;wBACnB,eAAe,EAAE,UAAU;qBAC5B,GACD,CACH;gBACD,QAAQ,EAAE,CACR,oBAAC,sBAAsB,IACrB,SAAS,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,GAC3D,CACH;gBACD,YAAY,EAAE;oBACZ,uBAAuB,EAAE,YAAY;oBACrC,qBAAqB,EAAE,oCAAoC;oBAC3D,gCAAgC,EAAE,YAAY,CAAC,KAAK;oBACpD,SAAS,EAAE,UAAG,QAAQ,CAAC,iBAAiB,EAAE,CAAE;iBAC7C;aACF;YACD,uBAAuB,EAAE,MACvB,yBAAyB,CAAC,QAAQ,CAAC,CAAC,KACrC,0CAAE,KAAK;SACT;QACD,cAAc,EAAE;YACd,UAAU,EAAE,kBAAkB;YAC9B,UAAU,EAAE,MAAM;YAClB,MAAM,EAAE;gBACN,KAAK,EAAE,gBAAgB;gBACvB,cAAc,EAAE;oBACd,cAAc,EAAE;wBACd,EAAE,EAAE,UAAU;qBACf;oBACD,gBAAgB,EAAE,sBAAsB;iBACzC;gBACD,WAAW,EAAE,KAAK;aACnB;YACD,kBAAkB,EAAE;gBAClB,IAAI,EAAE,UAAU;gBAChB,OAAO,EAAE,SAAS;gBAClB,cAAc,EAAE,eAAe;gBAC/B,SAAS,EAAE;oBACT,YAAY,EAAE,UAAU;oBACxB,aAAa,EAAE,UAAU;oBACzB,QAAQ,EAAE,MAAM;iBACjB;aACF;YACD,KAAK,EAAE;gBACL;oBACE,aAAa,EAAE,MAAM;oBAErB,SAAS,EAAE,kBAAkB;oBAC7B,KAAK,EAAE,mBAAmB;oBAC1B,SAAS,EAAE,CACT,oBAAC,eAAe,IACd,SAAS,EAAE;4BACT,IAAI,EAAE,aAAa;4BACnB,eAAe,EAAE,UAAU;yBAC5B,GACD,CACH;oBACD,QAAQ,EAAE,4CAA4C;oBACtD,IAAI,EAAE,OAAO;oBACb,QAAQ,EAAE,CACR,oBAAC,UAAU,IACT,SAAS,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,WAAW,EAAE,UAAU,EAAE,GAC3D,CACH;oBACD,EAAE,EAAE,eAAe;oBACnB,YAAY,EAAE;wBACZ,uBAAuB,EAAE,YAAY;wBACrC,qBAAqB,EAAE,kBAAkB;wBACzC,gCAAgC,EAAE,YAAY,CAAC,KAAK;wBACpD,SAAS,EAAE,QAAQ;qBACpB;iBACF;gBACD;oBACE,aAAa,EAAE,MAAM;oBACrB,aAAa,EAAE;wBACb,MAAM,EAAE,MAAM;qBACf;oBACD,KAAK,EAAE,kBAAkB;oBACzB,SAAS,EAAE,CACT,oBAAC,qBAAqB,IACpB,SAAS,EAAE;4BACT,IAAI,EAAE,aAAa;4BACnB,eAAe,EAAE,UAAU;yBAC5B,GACD,CACH;oBACD,QAAQ,EAAE;wBACR,kDAAkD;wBAClD,4EAA4E;qBAC7E;oBACD,MAAM,EAAE;wBACN,UAAU,EAAE,aAAa;wBACzB,OAAO,EAAE,CACP;;4BACuB,GAAG;4BACxB,oBAAC,QAAQ,mBACK,sBAAsB,EAClC,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAE,KAAK,EACf,IAAI,EAAC,YAAY,iBAGR;gCAEV,CACJ;qBACF;oBACD,EAAE,EAAE,iBAAiB;iBACtB;aACF;SACF;QACD,WAAW,EAAE;YACX,aAAa,EAAE,gBAAgB;YAE/B,MAAM,EAAE;gBACN,KAAK,EAAE,gBAAgB;gBACvB,cAAc,EAAE;oBACd,cAAc,EAAE;wBACd,EAAE,EAAE,UAAU;qBACf;oBACD,gBAAgB,EAAE,sBAAsB;iBACzC;gBACD,WAAW,EAAE,KAAK;gBAClB,oBAAoB,EAAE,CACpB;;oBAEY,GAAG;oBACb,oBAAC,QAAQ,mBACK,sBAAsB,EAClC,IAAI,EAAC,cAAc,EACnB,QAAQ,EAAE,KAAK,EACf,IAAI,EAAC,YAAY,kBAGR;wBAEV,CACJ;gBACD,oBAAoB,EAAE;oBACpB,cAAc,EAAE,UAAU;oBAC1B,gBAAgB,EAAE,gBAAgB;iBACnC;aACF;YACD,kBAAkB,EAAE;gBAClB,IAAI,EAAE,UAAU;gBAChB,OAAO,EAAE,SAAS;gBAClB,cAAc,EAAE,eAAe;gBAC/B,SAAS,EAAE;oBACT,YAAY,EAAE,UAAU;oBACxB,aAAa,EAAE,UAAU;oBACzB,QAAQ,EAAE,MAAM;iBACjB;aACF;YACD,oBAAoB,sBAClB,cAAc,EAAE;oBACd,UAAU,EAAE,MAAM;oBAClB,OAAO,EAAE,EAAE,SAAS,EAAE,QAAQ,EAAE;iBACjC,IACE,sBAAsB,KACzB,aAAa,wBACR,sBAAsB,CAAC,aAAa,KACvC,QAAQ,EAAE;wBACR,EAAE,EAAE,MAAM;qBACX,KAEH,mBAAmB,EAAE;oBACnB,OAAO,EAAE;wBACP,EAAE,EAAE,MAAM;wBACV,EAAE,EAAE,MAAM;wBACV,EAAE,EAAE,SAAS;wBACb,EAAE,EAAE,SAAS;wBACb,EAAE,EAAE,UAAU;qBACf;oBACD,SAAS,EAAE,MAAM;oBACjB,QAAQ,EAAE,KAAK;oBACf,MAAM,EAAE,MAAM;iBACf,GACF;SACF;QACD,OAAO,EAAE;YACP,kBAAkB,EAAE,KAAK;YACzB,UAAU,EAAE,sBAAsB;YAClC,MAAM,EAAE;gBACN,KAAK,EAAE,2BAA2B;gBAClC,cAAc,EAAE;oBACd,cAAc,EAAE;wBACd,EAAE,EAAE,UAAU;qBACf;oBACD,gBAAgB,EAAE,sBAAsB;iBACzC;aACF;YACD,WAAW,EAAE;gBACX,IAAI,EAAE,4HAA4H;aACnI;YACD,MAAM,EAAE;gBACN,QAAQ,EAAE,SAAS;gBACnB,IAAI,EAAE,6DAA6D;aACpE;SACF;KACF;IACD,MAAM,QAAA;IACN,OAAO,SAAA;IACP,iBAAiB,mBAAA;IACjB,mBAAmB,EAAE;QACnB,OAAO,EAAE,2BAA2B;QACpC,KAAK,EACH,2FAA2F;QAC7F,OAAO,EAAE,iCAAiC;KAC3C;CACF,CAAA"}

package/dist/esm/queries/getContractPhases.d.ts

@@ -0,0 +1 @@
+export declare const contractPhasesFragment: import("@apollo/client").DocumentNode;

package/dist/esm/queries/getContractPhases.js

@@ -0,0 +1,8 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { gql } from '@apollo/client';
+export var contractPhasesFragment = gql(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  fragment contractPhasesFragment on Subscription {\n    phases {\n      type\n      active\n      currentPhase\n    }\n  }\n"], ["\n  fragment contractPhasesFragment on Subscription {\n    phases {\n      type\n      active\n      currentPhase\n    }\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=getContractPhases.js.map

package/dist/esm/queries/getContractPhases.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getContractPhases.js","sourceRoot":"","sources":["../../../src/queries/getContractPhases.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEpC,MAAM,CAAC,IAAM,sBAAsB,GAAG,GAAG,oMAAA,iIAQxC,IAAA,CAAA"}

package/dist/esm/queries/getPropositionFeatures.d.ts

@@ -0,0 +1 @@
+export declare const propositionFeaturesFragment: import("@apollo/client").DocumentNode;

package/dist/esm/queries/getPropositionFeatures.js

@@ -0,0 +1,8 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { gql } from '@apollo/client';
+export var propositionFeaturesFragment = gql(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  fragment propositionFeaturesFragment on Proposition {\n    features {\n      code\n      name\n      displayLabel\n      displayDescription\n      displayPriority\n      displayEnabled\n    }\n  }\n"], ["\n  fragment propositionFeaturesFragment on Proposition {\n    features {\n      code\n      name\n      displayLabel\n      displayDescription\n      displayPriority\n      displayEnabled\n    }\n  }\n"])));
+var templateObject_1;
+//# sourceMappingURL=getPropositionFeatures.js.map

package/dist/esm/queries/getPropositionFeatures.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getPropositionFeatures.js","sourceRoot":"","sources":["../../../src/queries/getPropositionFeatures.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AAEpC,MAAM,CAAC,IAAM,2BAA2B,GAAG,GAAG,+QAAA,4MAW7C,IAAA,CAAA"}

package/dist/esm/queries/getUserSubscription.js

@@ -5,6 +5,8 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 import { gql } from '@apollo/client';
 import { invoiceHistoryFields } from './getInvoiceHistory';
 import { grantedIncentivesFragment } from './getUserIncentives';
-export var GET_USER_SUBSCRIPTION = gql(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  ", "\n  fragment UserSubscription on User {\n    cpn\n    address {\n      line1\n      line2\n      line3\n      city\n      postcode\n      county\n      country {\n        countryIsoCode\n        name\n      }\n    }\n    subscriptions {\n      id\n      startDate\n      serviceCancellationDate\n      isActive\n      currency\n      price\n      type\n      status\n      isVoucher\n      packName\n      propositionCode\n      propositionV2 {\n        code\n        features {\n          code\n          name\n          displayLabel\n          displayDescription\n          displayPriority\n          displayEnabled\n        }\n      }\n      products {\n        id\n        packImageUrl\n      }\n      billingDetails {\n        zipCode\n        billCycleDay\n        nextBillCycleDate\n        nextBillAmount\n        paymentMethod {\n          cardType\n          cardNumber\n          type\n          expirationYear\n          expirationMonth\n          bankTransferAccountNumberMask\n          walletType\n          paypalEmail\n        }\n      }\n      deliveryInformation\n      fulfilmentPeriodStartDate\n      nextVoucherInsGenerationDate\n      dtc\n      phases {\n        type\n        active\n        currentPhase\n      }\n      ...grantedIncentivesFragment\n    }\n    invoiceHistory(page: 1, pageSize: 12) {\n      ...invoiceHistoryFields\n    }\n  }\n"], ["\n  ", "\n  ", "\n  fragment UserSubscription on User {\n    cpn\n    address {\n      line1\n      line2\n      line3\n      city\n      postcode\n      county\n      country {\n        countryIsoCode\n        name\n      }\n    }\n    subscriptions {\n      id\n      startDate\n      serviceCancellationDate\n      isActive\n      currency\n      price\n      type\n      status\n      isVoucher\n      packName\n      propositionCode\n      propositionV2 {\n        code\n        features {\n          code\n          name\n          displayLabel\n          displayDescription\n          displayPriority\n          displayEnabled\n        }\n      }\n      products {\n        id\n        packImageUrl\n      }\n      billingDetails {\n        zipCode\n        billCycleDay\n        nextBillCycleDate\n        nextBillAmount\n        paymentMethod {\n          cardType\n          cardNumber\n          type\n          expirationYear\n          expirationMonth\n          bankTransferAccountNumberMask\n          walletType\n          paypalEmail\n        }\n      }\n      deliveryInformation\n      fulfilmentPeriodStartDate\n      nextVoucherInsGenerationDate\n      dtc\n      phases {\n        type\n        active\n        currentPhase\n      }\n      ...grantedIncentivesFragment\n    }\n    invoiceHistory(page: 1, pageSize: 12) {\n      ...invoiceHistoryFields\n    }\n  }\n"])), invoiceHistoryFields, grantedIncentivesFragment);
+import { contractPhasesFragment } from './getContractPhases';
+import { propositionFeaturesFragment } from './getPropositionFeatures';
+export var GET_USER_SUBSCRIPTION = gql(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  ", "\n  ", "\n  ", "\n  fragment UserSubscription on User {\n    cpn\n    address {\n      line1\n      line2\n      line3\n      city\n      postcode\n      county\n      country {\n        countryIsoCode\n        name\n      }\n    }\n    subscriptions {\n      id\n      startDate\n      serviceCancellationDate\n      isActive\n      currency\n      price\n      type\n      status\n      isVoucher\n      packName\n      propositionCode\n      propositionV2 {\n        code\n        ...propositionFeaturesFragment\n      }\n      products {\n        id\n        packImageUrl\n      }\n      billingDetails {\n        zipCode\n        billCycleDay\n        nextBillCycleDate\n        nextBillAmount\n        paymentMethod {\n          cardType\n          cardNumber\n          type\n          expirationYear\n          expirationMonth\n          bankTransferAccountNumberMask\n          walletType\n          paypalEmail\n        }\n      }\n      deliveryInformation\n      fulfilmentPeriodStartDate\n      nextVoucherInsGenerationDate\n      dtc\n      ...contractPhasesFragment\n      ...grantedIncentivesFragment\n    }\n    invoiceHistory(page: 1, pageSize: 12) {\n      ...invoiceHistoryFields\n    }\n  }\n"], ["\n  ", "\n  ", "\n  ", "\n  ", "\n  fragment UserSubscription on User {\n    cpn\n    address {\n      line1\n      line2\n      line3\n      city\n      postcode\n      county\n      country {\n        countryIsoCode\n        name\n      }\n    }\n    subscriptions {\n      id\n      startDate\n      serviceCancellationDate\n      isActive\n      currency\n      price\n      type\n      status\n      isVoucher\n      packName\n      propositionCode\n      propositionV2 {\n        code\n        ...propositionFeaturesFragment\n      }\n      products {\n        id\n        packImageUrl\n      }\n      billingDetails {\n        zipCode\n        billCycleDay\n        nextBillCycleDate\n        nextBillAmount\n        paymentMethod {\n          cardType\n          cardNumber\n          type\n          expirationYear\n          expirationMonth\n          bankTransferAccountNumberMask\n          walletType\n          paypalEmail\n        }\n      }\n      deliveryInformation\n      fulfilmentPeriodStartDate\n      nextVoucherInsGenerationDate\n      dtc\n      ...contractPhasesFragment\n      ...grantedIncentivesFragment\n    }\n    invoiceHistory(page: 1, pageSize: 12) {\n      ...invoiceHistoryFields\n    }\n  }\n"])), invoiceHistoryFields, grantedIncentivesFragment, contractPhasesFragment, propositionFeaturesFragment);
 var templateObject_1;
 //# sourceMappingURL=getUserSubscription.js.map

package/dist/esm/queries/getUserSubscription.js.map

@@ -1 +1 @@
-{"version":3,"file":"getUserSubscription.js","sourceRoot":"","sources":["../../../src/queries/getUserSubscription.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAA;AAE/D,MAAM,CAAC,IAAM,qBAAqB,GAAG,GAAG,g7CAAA,MACpC,EAAoB,MACpB,EAAyB,61CAyE5B,KA1EG,oBAAoB,EACpB,yBAAyB,CAyE5B,CAAA"}
+{"version":3,"file":"getUserSubscription.js","sourceRoot":"","sources":["../../../src/queries/getUserSubscription.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,qBAAqB,CAAA;AAC1D,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAA;AAC/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAA;AAEtE,MAAM,CAAC,IAAM,qBAAqB,GAAG,GAAG,kxCAAA,MACpC,EAAoB,MACpB,EAAyB,MACzB,EAAsB,MACtB,EAA2B,+qCA8D9B,KAjEG,oBAAoB,EACpB,yBAAyB,EACzB,sBAAsB,EACtB,2BAA2B,CA8D9B,CAAA"}

package/dist/esm/queries/getUserWithNewsletters.js

@@ -5,6 +5,9 @@ var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cook
 import { gql } from '@apollo/client';
 import { GET_USER_NEWSLETTERS } from './getUserNewsletters';
 import { GET_USER_ENTITLEMENTS } from './getUserEntitlements';
-export var GET_USER_WITH_NEWSLETTERS = gql(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  ", "\n  fragment UserWithNewsletters on User {\n    cpn\n    subscriptions {\n      isActive\n      startDate\n      type\n      serviceCancellationDate\n      status\n      packName\n      freeOfCharge\n      isVoucher\n      billingDetails {\n        available\n        paymentMethod {\n          type\n        }\n      }\n    }\n    ...UserNewsletters\n    ...UserEntitlements\n  }\n"], ["\n  ", "\n  ", "\n  fragment UserWithNewsletters on User {\n    cpn\n    subscriptions {\n      isActive\n      startDate\n      type\n      serviceCancellationDate\n      status\n      packName\n      freeOfCharge\n      isVoucher\n      billingDetails {\n        available\n        paymentMethod {\n          type\n        }\n      }\n    }\n    ...UserNewsletters\n    ...UserEntitlements\n  }\n"])), GET_USER_NEWSLETTERS, GET_USER_ENTITLEMENTS);
+import { contractPhasesFragment } from './getContractPhases';
+import { propositionFeaturesFragment } from './getPropositionFeatures';
+import { grantedIncentivesFragment } from './getUserIncentives';
+export var GET_USER_WITH_NEWSLETTERS = gql(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  fragment UserWithNewsletters on User {\n    cpn\n    subscriptions {\n      isActive\n      startDate\n      type\n      serviceCancellationDate\n      status\n      packName\n      freeOfCharge\n      isVoucher\n      price\n      currency\n      billingDetails {\n        available\n        paymentMethod {\n          type\n        }\n      }\n      propositionV2 {\n        ...propositionFeaturesFragment\n      }\n      ...contractPhasesFragment\n      ...grantedIncentivesFragment\n    }\n    ...UserNewsletters\n    ...UserEntitlements\n  }\n"], ["\n  ", "\n  ", "\n  ", "\n  ", "\n  ", "\n  fragment UserWithNewsletters on User {\n    cpn\n    subscriptions {\n      isActive\n      startDate\n      type\n      serviceCancellationDate\n      status\n      packName\n      freeOfCharge\n      isVoucher\n      price\n      currency\n      billingDetails {\n        available\n        paymentMethod {\n          type\n        }\n      }\n      propositionV2 {\n        ...propositionFeaturesFragment\n      }\n      ...contractPhasesFragment\n      ...grantedIncentivesFragment\n    }\n    ...UserNewsletters\n    ...UserEntitlements\n  }\n"])), GET_USER_NEWSLETTERS, GET_USER_ENTITLEMENTS, contractPhasesFragment, propositionFeaturesFragment, grantedIncentivesFragment);
 var templateObject_1;
 //# sourceMappingURL=getUserWithNewsletters.js.map

package/dist/esm/queries/getUserWithNewsletters.js.map

@@ -1 +1 @@
-{"version":3,"file":"getUserWithNewsletters.js","sourceRoot":"","sources":["../../../src/queries/getUserWithNewsletters.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAA;AAE7D,MAAM,CAAC,IAAM,yBAAyB,GAAG,GAAG,mdAAA,MACxC,EAAoB,MACpB,EAAqB,gYAsBxB,KAvBG,oBAAoB,EACpB,qBAAqB,CAsBxB,CAAA"}
+{"version":3,"file":"getUserWithNewsletters.js","sourceRoot":"","sources":["../../../src/queries/getUserWithNewsletters.ts"],"names":[],"mappings":";;;;AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,gBAAgB,CAAA;AACpC,OAAO,EAAE,oBAAoB,EAAE,MAAM,sBAAsB,CAAA;AAC3D,OAAO,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAA;AAC7D,OAAO,EAAE,sBAAsB,EAAE,MAAM,qBAAqB,CAAA;AAC5D,OAAO,EAAE,2BAA2B,EAAE,MAAM,0BAA0B,CAAA;AACtE,OAAO,EAAE,yBAAyB,EAAE,MAAM,qBAAqB,CAAA;AAE/D,MAAM,CAAC,IAAM,yBAAyB,GAAG,GAAG,qpBAAA,MACxC,EAAoB,MACpB,EAAqB,MACrB,EAAsB,MACtB,EAA2B,MAC3B,EAAyB,0iBA6B5B,KAjCG,oBAAoB,EACpB,qBAAqB,EACrB,sBAAsB,EACtB,2BAA2B,EAC3B,yBAAyB,CA6B5B,CAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@newskit-render/my-account",
-  "version": "7.144.0",
+  "version": "7.145.0",
   "description": "Newskit Render",
   "author": "",
   "license": "UNLICENSED",
@@ -36,7 +36,7 @@
     "@hookform/resolvers": "2.9.10",
     "@newskit-render/api": "^1.18.0",
     "@newskit-render/feature-flags": "^1.15.0",
-    "@newskit-render/shared-components": "^4.62.0",
+    "@newskit-render/shared-components": "^4.63.0",
     "@newskit-render/validation": "^1.22.1",
     "@stripe/react-stripe-js": "2.1.1",
     "@stripe/stripe-js": "1.54.1",
@@ -118,5 +118,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a2b39f182c8c2564559109a6e32175c005224a9e"
+  "gitHead": "4204c29f932ca46c5ccc7e8aafe86ca39fdab930"
 }