@newskit-render/my-account 0.0.0-d48eb86b1 → 0.0.0-d75fd5849

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

@@ -0,0 +1,17 @@
+import React, { FC } from 'react';
+import { BlockProps, ButtonOverrides } from 'newskit';
+import { EventContext } from '@newskit-render/shared-components';
+export interface ForwardButtonProps extends React.HTMLAttributes<HTMLDivElement> {
+    label: string;
+    button?: {
+        text?: string;
+        href?: string;
+    };
+    baseUrl?: string;
+    icon?: React.ReactNode;
+    onClick?: (MouseEvent: any) => void;
+    buttonOverrides?: ButtonOverrides;
+    eventContext?: EventContext;
+    dataTestId?: string;
+}
+export declare const ForwardButton: FC<ForwardButtonProps & BlockProps>;

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

@@ -0,0 +1,43 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ForwardButton = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var material_1 = require("@emotion-icons/material");
+var helpers_1 = require("../../../helpers");
+var IconFilledKeyboardArrowRight = (0, newskit_1.toNewsKitIcon)(material_1.KeyboardArrowRight);
+var ForwardButton = function (_a) {
+    var label = _a.label, icon = _a.icon, _b = _a.button, _c = _b === void 0 ? {} : _b, text = _c.text, href = _c.href, _d = _a.baseUrl, baseUrl = _d === void 0 ? '' : _d, buttonOverrides = _a.buttonOverrides, eventContext = _a.eventContext, _e = _a.dataTestId, dataTestId = _e === void 0 ? 'forward-button' : _e, onClick = _a.onClick, rest = __rest(_a, ["label", "icon", "button", "baseUrl", "buttonOverrides", "eventContext", "dataTestId", "onClick"]);
+    return (react_1.default.createElement(newskit_1.Block, __assign({}, rest),
+        react_1.default.createElement(newskit_1.TextBlock, { as: "span", stylePreset: "inkBase" }, label),
+        text && (react_1.default.createElement(newskit_1.Button, __assign({ "data-testid": dataTestId, overrides: __assign({ stylePreset: 'buttonMinimalPrimary' }, buttonOverrides), eventContext: eventContext }, (href ? { href: (0, helpers_1.replaceBaseURL)(baseUrl, href) } : {}), { onClick: onClick }),
+            text,
+            icon || react_1.default.createElement(IconFilledKeyboardArrowRight, null)))));
+};
+exports.ForwardButton = ForwardButton;
+//# sourceMappingURL=ForwardButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ForwardButton.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/ForwardButton/ForwardButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAiC;AACjC,mCAOgB;AAChB,oDAA4D;AAE5D,4CAAiD;AAEjD,IAAM,4BAA4B,GAAG,IAAA,uBAAa,EAAC,6BAAkB,CAAC,CAAA;AAiB/D,IAAM,aAAa,GAAwC,UAAC,EAUlE;IATC,IAAA,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,cAA2B,EAA3B,qBAAyB,EAAE,KAAA,EAAjB,IAAI,UAAA,EAAE,IAAI,UAAA,EACpB,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,eAAe,qBAAA,EACf,YAAY,kBAAA,EACZ,kBAA6B,EAA7B,UAAU,mBAAG,gBAAgB,KAAA,EAC7B,OAAO,aAAA,EACJ,IAAI,cAT0D,kGAUlE,CADQ;IAEP,OAAO,CACL,8BAAC,eAAK,eAAK,IAAI;QACb,8BAAC,mBAAS,IAAC,EAAE,EAAC,MAAM,EAAC,WAAW,EAAC,SAAS,IACvC,KAAK,CACI;QACX,IAAI,IAAI,CACP,8BAAC,gBAAM,4BACQ,UAAU,EACvB,SAAS,aACP,WAAW,EAAE,sBAAsB,IAChC,eAAe,GAEpB,YAAY,EAAE,YAAY,IACtB,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,EAAE,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,EAAE,CAAC,IACzD,OAAO,EAAE,OAAO;YAEf,IAAI;YACJ,IAAI,IAAI,8BAAC,4BAA4B,OAAG,CAClC,CACV,CACK,CACT,CAAA;AACH,CAAC,CAAA;AAjCY,QAAA,aAAa,iBAiCzB"}

package/dist/cjs/Components/Elements/ListItemComponents/ItemFooter.d.ts

@@ -1,7 +1,7 @@
 import React, { ReactNode } from 'react';
 import { MQ } from 'newskit';
 export interface ItemFooterProps {
-    dataTestId: string;
+    dataTestId?: string;
     content: string | ReactNode;
     props?: {
         textOverrides?: {

package/dist/cjs/Components/Elements/ListItemComponents/ItemSubtitle.d.ts

@@ -1,5 +1,7 @@
 import React from 'react';
+import { TextBlockProps } from 'newskit';
 export interface ItemSubtitleProps {
-    subtitle?: string | string[];
+    subtitle?: string | string[] | React.ReactNode;
+    subtitleOverrides?: TextBlockProps;
 }
 export declare const ItemSubtitle: React.FC<ItemSubtitleProps>;

package/dist/cjs/Components/Elements/ListItemComponents/ItemSubtitle.js

@@ -1,15 +1,51 @@
 "use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.ItemSubtitle = void 0;
-var react_1 = __importDefault(require("react"));
+var react_1 = __importStar(require("react"));
 var newskit_1 = require("newskit");
 var ItemSubtitle = function (_a) {
-    var subtitle = _a.subtitle;
-    return (react_1.default.createElement(newskit_1.Stack, { flow: "vertical-stretch", stackDistribution: "flex-start" }, typeof subtitle === 'string' ? (react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityBody020" }, subtitle)) : (Array.isArray(subtitle) &&
-        (subtitle === null || subtitle === void 0 ? void 0 : subtitle.map(function (s) { return (react_1.default.createElement(newskit_1.TextBlock, { key: s, typographyPreset: "utilityBody020", marginBlockEnd: 'space040' }, s)); })))));
+    var subtitle = _a.subtitle, subtitleOverrides = _a.subtitleOverrides;
+    return (react_1.default.createElement(newskit_1.Stack, { flow: "vertical-stretch", stackDistribution: "flex-start" },
+        (0, react_1.isValidElement)(subtitle) &&
+            typeof subtitle !== 'string' &&
+            // If subtitle is a React element, render it directly
+            subtitle,
+        typeof subtitle === 'string' ? (react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "utilityBody020" }, subtitleOverrides), subtitle)) : (Array.isArray(subtitle) &&
+            (subtitle === null || subtitle === void 0 ? void 0 : subtitle.map(function (s) { return (react_1.default.createElement(newskit_1.TextBlock, __assign({ key: s, typographyPreset: "utilityBody020", marginBlockEnd: 'space040' }, subtitleOverrides), s)); })))));
 };
 exports.ItemSubtitle = ItemSubtitle;
 //# sourceMappingURL=ItemSubtitle.js.map

package/dist/cjs/Components/Elements/ListItemComponents/ItemSubtitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ItemSubtitle.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/ListItemComponents/ItemSubtitle.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,mCAA0C;AAMnC,IAAM,YAAY,GAAgC,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,CACzE,8BAAC,eAAK,IAAC,IAAI,EAAC,kBAAkB,EAAC,iBAAiB,EAAC,YAAY,IAC1D,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9B,8BAAC,mBAAS,IAAC,gBAAgB,EAAC,gBAAgB,IAAE,QAAQ,CAAa,CACpE,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;SACvB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CACnB,8BAAC,mBAAS,IACR,GAAG,EAAE,CAAC,EACN,gBAAgB,EAAC,gBAAgB,EACjC,cAAc,EAAE,UAAU,IAEzB,CAAC,CACQ,CACb,EARoB,CAQpB,CAAC,CAAA,CACH,CACK,CACT;AAjB0E,CAiB1E,CAAA;AAjBY,QAAA,YAAY,gBAiBxB"}
+{"version":3,"file":"ItemSubtitle.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/ListItemComponents/ItemSubtitle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA6C;AAC7C,mCAA0D;AAOnD,IAAM,YAAY,GAAgC,UAAC,EAGzD;QAFC,QAAQ,cAAA,EACR,iBAAiB,uBAAA;IACb,OAAA,CACJ,8BAAC,eAAK,IAAC,IAAI,EAAC,kBAAkB,EAAC,iBAAiB,EAAC,YAAY;QAC1D,IAAA,sBAAc,EAAC,QAAQ,CAAC;YACvB,OAAO,QAAQ,KAAK,QAAQ;YAC5B,qDAAqD;YACrD,QAAQ;QAET,OAAO,QAAQ,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC9B,8BAAC,mBAAS,aAAC,gBAAgB,EAAC,gBAAgB,IAAK,iBAAiB,GAC/D,QAAQ,CACC,CACb,CAAC,CAAC,CAAC,CACF,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;aACvB,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CACnB,8BAAC,mBAAS,aACR,GAAG,EAAE,CAAC,EACN,gBAAgB,EAAC,gBAAgB,EACjC,cAAc,EAAE,UAAU,IACtB,iBAAiB,GAEpB,CAAC,CACQ,CACb,EAToB,CASpB,CAAC,CAAA,CACH,CACK,CACT;AAzBK,CAyBL,CAAA;AA5BY,QAAA,YAAY,gBA4BxB"}

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

@@ -1,4 +1,3 @@
 export * from './ItemIconLabel';
 export * from './ItemSubtitle';
 export * from './ItemFooter';
-export * from './BelowItemExtra';

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

@@ -17,5 +17,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 __exportStar(require("./ItemIconLabel"), exports);
 __exportStar(require("./ItemSubtitle"), exports);
 __exportStar(require("./ItemFooter"), exports);
-__exportStar(require("./BelowItemExtra"), exports);
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/ListItemComponents/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA+B;AAC/B,iDAA8B;AAC9B,+CAA4B;AAC5B,mDAAgC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/ListItemComponents/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA+B;AAC/B,iDAA8B;AAC9B,+CAA4B"}

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

@@ -38,7 +38,8 @@ var OfferCard = function (_a) {
                 react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "editorialRegularDisplay003", stylePreset: "inkInverse" }, ribbonTextOverrides), ribbonText)))),
         react_1.default.createElement(newskit_1.CardContent, { rowGap: "space050", overrides: { paddingBlock: 'space020', paddingInline: 'space020' } },
             react_1.default.createElement(newskit_1.TextBlock, __assign({ "data-testid": "offer-card-title", typographyPreset: "utilityHeading050", stylePreset: "inkDark010" }, titleOverrides), title),
-            offerLabel && (react_1.default.createElement(newskit_1.TextBlock, __assign({ "data-testid": "offer-card-offer-label", typographyPreset: "editorialRegularHeadline070", stylePreset: "inkDark010" }, offerLabelOverrides), offerLabel)),
+            offerLabel && typeof offerLabel === 'string' && (react_1.default.createElement(newskit_1.TextBlock, __assign({ "data-testid": "offer-card-offer-label", typographyPreset: "editorialRegularHeadline070", stylePreset: "inkDark010" }, offerLabelOverrides), offerLabel)),
+            typeof offerLabel !== 'string' ? offerLabel : null,
             react_1.default.createElement(newskit_1.GridLayout, { columnGap: "space020", columns: "auto auto", justifyContent: "space-between" },
                 currentPrice && (react_1.default.createElement(styled_1.StrikedThroughTextBlock, __assign({ "data-testid": "offer-card-current-price", typographyPreset: "editorialRegularDisplay003", stylePreset: "inkSubtle" }, currentPriceOverrides), currentPrice)),
                 newPrice && (react_1.default.createElement(newskit_1.TextBlock, __assign({ "data-testid": "offer-card-new-price", typographyPreset: "editorialRegularDisplay003" }, newsPriceOverrides, { stylePreset: "inkDark010" }), newPrice))),

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

@@ -1 +1 @@
-{"version":3,"file":"OfferCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferCard/OfferCard.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"OfferCard.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/OfferCard/OfferCard.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAQgB;AAChB,mCAAgF;AAEhF,4CAAiD;AAE1C,IAAM,SAAS,GAA6B,UAAC,EAqBnD;IApBC,IAAA,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACpB,UAAU,gBAAA,EACV,mBAAmB,yBAAA,EACnB,YAAY,kBAAA,EACZ,qBAAqB,2BAAA,EACrB,QAAQ,cAAA,EACR,kBAAkB,wBAAA,EAClB,UAAU,gBAAA,EACV,mBAAmB,yBAAA,EACnB,eAAe,qBAAA,EACf,UAAU,gBAAA,EACV,UAAU,gBAAA,EACV,eAAY,EAAZ,OAAO,mBAAG,EAAE,KAAA,EACZ,eAAe,qBAAA,EACf,kBAAkB,wBAAA,EAClB,kBAAkB,wBAAA,EACf,IAAI,cApB2C,gVAqBnD,CADQ;IAEP,OAAO,CACL,8BAAC,6BAAoB,4BACP,sBAAsB,IAC9B,kBAAkB,IACtB,SAAS,aACP,YAAY,EAAE,UAAU,EACxB,aAAa,EAAE,UAAU,EACzB,QAAQ,EAAE,OAAO,IACd,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,SAAS,KAE9B,IAAI;QAEP,UAAU,IAAI,CACb,8BAAC,eAAM,4BAAa,6BAA6B,IAAK,eAAe;YACnE,8BAAC,eAAK,IAAC,SAAS,EAAC,aAAa;gBAC5B,8BAAC,mBAAS,aACR,gBAAgB,EAAC,4BAA4B,EAC7C,WAAW,EAAC,YAAY,IACpB,mBAAmB,GAEtB,UAAU,CACD,CACN,CACD,CACV;QACD,8BAAC,qBAAW,IACV,MAAM,EAAC,UAAU,EACjB,SAAS,EAAE,EAAE,YAAY,EAAE,UAAU,EAAE,aAAa,EAAE,UAAU,EAAE;YAElE,8BAAC,mBAAS,4BACI,kBAAkB,EAC9B,gBAAgB,EAAC,mBAAmB,EACpC,WAAW,EAAC,YAAY,IACpB,cAAc,GAEjB,KAAK,CACI;YACX,UAAU,IAAI,OAAO,UAAU,KAAK,QAAQ,IAAI,CAC/C,8BAAC,mBAAS,4BACI,wBAAwB,EACpC,gBAAgB,EAAC,6BAA6B,EAC9C,WAAW,EAAC,YAAY,IACpB,mBAAmB,GAEtB,UAAU,CACD,CACb;YACA,OAAO,UAAU,KAAK,QAAQ,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,IAAI;YAEnD,8BAAC,oBAAU,IACT,SAAS,EAAC,UAAU,EACpB,OAAO,EAAC,WAAW,EACnB,cAAc,EAAC,eAAe;gBAE7B,YAAY,IAAI,CACf,8BAAC,gCAAuB,4BACV,0BAA0B,EACtC,gBAAgB,EAAC,4BAA4B,EAC7C,WAAW,EAAC,WAAW,IACnB,qBAAqB,GAExB,YAAY,CACW,CAC3B;gBACA,QAAQ,IAAI,CACX,8BAAC,mBAAS,4BACI,sBAAsB,EAClC,gBAAgB,EAAC,4BAA4B,IACzC,kBAAkB,IACtB,WAAW,EAAC,YAAY,KAEvB,QAAQ,CACC,CACb,CACU;YAEb,8BAAC,iBAAO,IAAC,SAAS,EAAE,EAAE,gBAAgB,EAAE,UAAU,EAAE,GAAI;YAEvD,WAAW,IAAI,CACd,8BAAC,mBAAS,4BACI,wBAAwB,EACpC,gBAAgB,EAAC,4BAA4B,EAC7C,WAAW,EAAC,SAAS,IACjB,oBAAoB,GAEvB,WAAW,CACF,CACb,CACW;QACd,8BAAC,qBAAW,IACV,OAAO,EAAC,KAAK,EACb,SAAS,EAAE;gBACT,iBAAiB,EAAE,UAAU;aAC9B,IAEA,UAAU,IAAI,CACb,8BAAC,gBAAM,4BACO,mBAAmB,EAC/B,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,IACxB,eAAe,EACf,CAAC,UAAU;YACb,CAAC,CAAC,EAAE,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,EAAE,UAAU,CAAC,EAAE;YAC/C,CAAC,CAAC,EAAE,CAAC,IACP,YAAY,EAAE,kBAAkB,KAE/B,UAAU,CACJ,CACV,CACW,CACO,CACxB,CAAA;AACH,CAAC,CAAA;AArIY,QAAA,SAAS,aAqIrB"}

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

@@ -1,5 +1,6 @@
 import { ButtonProps, CardComposableProps, EventContext, TextBlockProps } from 'newskit';
 import { RibbonProps } from './styled';
+import { ReactNode } from 'react';
 export interface OfferCardProps extends CardComposableProps {
     id: string;
     title: string;
@@ -10,7 +11,7 @@ export interface OfferCardProps extends CardComposableProps {
     newsPriceOverrides?: TextBlockProps;
     description?: string | string[] | React.ReactNode;
     descriptionOverrides?: TextBlockProps;
-    offerLabel?: string;
+    offerLabel?: ReactNode;
     offerLabelOverrides?: TextBlockProps;
     ribbonText?: string;
     ribbonTextOverrides?: TextBlockProps;

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

@@ -49,24 +49,28 @@ var StyledTextBlock = (0, newskit_1.styled)(newskit_1.TextBlock)(templateObject_
     return width && "width: ".concat(width, ";");
 });
 var GridListItem = function (_a) {
-    var cardOverrides = _a.cardOverrides, containerOverrides = _a.containerOverrides, labelOverrides = _a.labelOverrides, subtitleOverrides = _a.subtitleOverrides, tealiumContext = _a.tealiumContext, handleClick = _a.handleClick, label = _a.label, image = _a.image, href = _a.href, subtitle = _a.subtitle, ariaLabel = _a.ariaLabel, eventContext = _a.eventContext, baseUrl = _a.baseUrl, headerOverrides = _a.headerOverrides, imageOverrides = _a.imageOverrides, props = __rest(_a, ["cardOverrides", "containerOverrides", "labelOverrides", "subtitleOverrides", "tealiumContext", "handleClick", "label", "image", "href", "subtitle", "ariaLabel", "eventContext", "baseUrl", "headerOverrides", "imageOverrides"]);
+    var cardOverrides = _a.cardOverrides, containerOverrides = _a.containerOverrides, labelOverrides = _a.labelOverrides, subtitleOverrides = _a.subtitleOverrides, handleClick = _a.handleClick, label = _a.label, image = _a.image, href = _a.href, subtitle = _a.subtitle, ariaLabel = _a.ariaLabel, eventContext = _a.eventContext, baseUrl = _a.baseUrl, headerOverrides = _a.headerOverrides, imageOverrides = _a.imageOverrides, props = __rest(_a, ["cardOverrides", "containerOverrides", "labelOverrides", "subtitleOverrides", "handleClick", "label", "image", "href", "subtitle", "ariaLabel", "eventContext", "baseUrl", "headerOverrides", "imageOverrides"]);
     var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
     /* istanbul ignore next */
     var handleCardClick = function (event) {
         if (handleClick) {
-            handleClick(event, { id: label || '' });
+            handleClick(event, {
+                id: props.id || '',
+                label: label || '',
+                eventContext: eventContext,
+            });
         }
         if (href)
-            fireEvent((0, shared_components_1.createClickEvent)('link', (eventContext === null || eventContext === void 0 ? void 0 : eventContext.event_navigation_name) || '', undefined, undefined, (eventContext === null || eventContext === void 0 ? void 0 : eventContext.page_name) || '', 'navigation', (eventContext === null || eventContext === void 0 ? void 0 : eventContext.event_navigation_browsing_method) || newskit_1.EventTrigger.Click));
+            fireEvent((0, shared_components_1.createClickEvent)('link', (eventContext === null || eventContext === void 0 ? void 0 : eventContext.event_navigation_name) || '', undefined, (eventContext === null || eventContext === void 0 ? void 0 : eventContext.article_parent_name) || '', (eventContext === null || eventContext === void 0 ? void 0 : eventContext.page_name) || '', 'navigation', (eventContext === null || eventContext === void 0 ? void 0 : eventContext.event_navigation_browsing_method) || newskit_1.EventTrigger.Click));
     };
-    return (react_1.default.createElement(newskit_1.CardComposable, __assign({ overrides: cardOverrides }, props),
-        react_1.default.createElement(link_1.default, { legacyBehavior: true, href: (0, helpers_1.replaceBaseURL)(baseUrl || '', href) || '', tabIndex: href ? undefined : -1, "aria-disabled": !href, "aria-label": ariaLabel || '' },
+    return (react_1.default.createElement(newskit_1.CardComposable, __assign({ overrides: cardOverrides, "data-testid": "list-item" }, props),
+        react_1.default.createElement(link_1.default, { "data-testid": "list-item-link", legacyBehavior: true, href: (0, helpers_1.replaceBaseURL)(baseUrl || '', href) || '', tabIndex: href ? undefined : -1, "aria-disabled": !href, "aria-label": ariaLabel || '' },
             react_1.default.createElement(StyledCardContentWrapper, __assign({ rowGap: 'space050' }, containerOverrides, { onClick: handleCardClick }),
                 react_1.default.createElement(StyledHeaderBlockWrapper, __assign({ stackDistribution: "space-between" }, headerOverrides),
                     react_1.default.createElement(StyledTitleBlockWrapper, null,
-                        react_1.default.createElement(StyledTextBlock, __assign({}, labelOverrides), label)),
-                    image && (react_1.default.createElement(shared_components_1.Image, __assign({ src: image, alt: label || '', width: "80", height: "80" }, imageOverrides)))),
-                react_1.default.createElement(StyledTextBlock, __assign({}, subtitleOverrides), subtitle)))));
+                        react_1.default.createElement(StyledTextBlock, __assign({ "data-testid": "list-item-label" }, labelOverrides), label)),
+                    image && (react_1.default.createElement(shared_components_1.Image, __assign({ "data-testid": "list-item-image", src: image, alt: label || '', width: "80", height: "80" }, imageOverrides)))),
+                react_1.default.createElement(StyledTextBlock, __assign({ "data-testid": "list-item-subtitle" }, subtitleOverrides), subtitle)))));
 };
 exports.GridListItem = GridListItem;
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

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

@@ -1 +1 @@
-{"version":3,"file":"GridListItem.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SectionListItem/GridListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAWgB;AAChB,mDAA4B;AAE5B,uEAA2E;AAE3E,4CAAiD;AAEjD,IAAM,wBAAwB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,+NAA4B,2DAKpE,EACkD,aAGpD,EAA4B,gFAO/B,KAXK,UAAC,EAAgB;QAAd,YAAY,kBAAA;IACf,OAAA,YAAY,CAAC,CAAC,CAAC,gBAAgB,CAAC,CAAC,CAAC,gBAAgB;AAAlD,CAAkD,EAGpD,IAAA,gCAAsB,EAAC,IAAI,CAAC,CAO/B,CAAA;AAED,IAAM,uBAAuB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,6LAAA,0HAQ5C,IAAA,CAAA;AAED,IAAM,wBAAwB,GAAG,IAAA,gBAAM,EAAC,qBAAW,CAAC,+QAAA,2EAIhD,EAAmD,8FAQjD,EAAuD,+BAG5D,KAXG,IAAA,8BAAoB,EAAC,aAAa,EAAE,cAAc,CAAC,EAQjD,IAAA,8BAAoB,EAAC,iBAAiB,EAAE,cAAc,CAAC,CAG5D,CAAA;AAED,IAAM,eAAe,GAAG,IAAA,gBAAM,EAAC,mBAAS,CAAC,uFAGvC,MACE,EAAuD,MACvD,EAA0C,IAC7C,KAFG,UAAC,EAAY;QAAV,QAAQ,cAAA;IAAO,OAAA,QAAQ,IAAI,qBAAc,QAAQ,MAAG;AAArC,CAAqC,EACvD,UAAC,EAAS;QAAP,KAAK,WAAA;IAAO,OAAA,KAAK,IAAI,iBAAU,KAAK,MAAG;AAA3B,CAA2B,CAC7C,CAAA;AAEM,IAAM,YAAY,GAAgC,UAAC,EAiBzD;IAhBC,IAAA,aAAa,mBAAA,EACb,kBAAkB,wBAAA,EAClB,cAAc,oBAAA,EACd,iBAAiB,uBAAA,EACjB,cAAc,oBAAA,EACd,WAAW,iBAAA,EACX,KAAK,WAAA,EACL,KAAK,WAAA,EACL,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,YAAY,kBAAA,EACZ,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,cAAc,oBAAA,EACX,KAAK,cAhBgD,kOAiBzD,CADS;IAEA,IAAA,SAAS,GAAK,IAAA,4BAAkB,GAAE,UAAzB,CAAyB;IAE1C,0BAA0B;IAC1B,IAAM,eAAe,GAAG,UAAC,KAAuB;QAC9C,IAAI,WAAW,EAAE,CAAC;YAChB,WAAW,CAAC,KAAK,EAAE,EAAE,EAAE,EAAE,KAAK,IAAI,EAAE,EAAE,CAAC,CAAA;QACzC,CAAC;QAED,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,wBAAc,aAAC,SAAS,EAAE,aAAa,IAAM,KAAK;QACjD,8BAAC,cAAI,IACH,cAAc,QACd,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,IAAI,EAAE,EAAE,IAAI,CAAC,IAAI,EAAE,EAC/C,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,mBAChB,CAAC,IAAI,gBACR,SAAS,IAAI,EAAE;YAE3B,8BAAC,wBAAwB,aACvB,MAAM,EAAE,UAAU,IACd,kBAAkB,IACtB,OAAO,EAAE,eAAe;gBAExB,8BAAC,wBAAwB,aACvB,iBAAiB,EAAC,eAAe,IAC7B,eAAe;oBAEnB,8BAAC,uBAAuB;wBACtB,8BAAC,eAAe,eAAK,cAAc,GAAG,KAAK,CAAmB,CACtC;oBACzB,KAAK,IAAI,CACR,8BAAC,yBAAK,aACJ,GAAG,EAAE,KAAK,EACV,GAAG,EAAE,KAAK,IAAI,EAAE,EAChB,KAAK,EAAC,IAAI,EACV,MAAM,EAAC,IAAI,IACP,cAAc,EAClB,CACH,CACwB;gBAC3B,8BAAC,eAAe,eAAK,iBAAiB,GAAG,QAAQ,CAAmB,CAC3C,CACtB,CACQ,CAClB,CAAA;AACH,CAAC,CAAA;AA5EY,QAAA,YAAY,gBA4ExB"}
+{"version":3,"file":"GridListItem.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SectionListItem/GridListItem.tsx"],"names":[],"mappings":"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"}

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

@@ -14,6 +14,17 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -31,10 +42,9 @@ var StyledGridContainer = (0, newskit_1.styled)(newskit_1.GridLayout)(templateOb
     var isLink = _a.isLink;
     return (isLink ? 'pointer' : 'default');
 });
-var StyledTextBlock = (0, newskit_1.styled)(newskit_1.TextBlock)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-weight: 700;\n"], ["\n  font-weight: 700;\n"])));
 var SectionListItem = function (_a) {
     var _b;
-    var title = _a.title, titleIcon = _a.titleIcon, 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;
+    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, rest = __rest(_a, ["title", "titleIcon", "titleOverrides", "subtitle", "id", "linkIcon", "href", "containerOverrides", "itemOverrides", "footer", "ariaLabel", "eventContext", "subtitleOverrides"]);
     var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
     /* istanbul ignore next */
     var handleLinkClick = function () {
@@ -48,19 +58,19 @@ var SectionListItem = function (_a) {
                 paddingBlock: 'space000',
             }, onClick: handleLinkClick },
             react_1.default.createElement(newskit_1.StructuredListCell, { fullWidthSingleCell: true },
-                react_1.default.createElement(StyledGridContainer, __assign({}, containerOverrides, { "data-testid": id, isLink: Boolean(href) }),
+                react_1.default.createElement(StyledGridContainer, __assign({}, containerOverrides, { "data-testid": id, isLink: Boolean(href) }, rest),
                     react_1.default.createElement(newskit_1.GridLayoutItem, __assign({}, itemOverrides),
                         react_1.default.createElement(newskit_1.Stack, { paddingBlock: "space000", flow: "vertical-stretch", stackDistribution: "center", spaceInline: "space030" },
                             react_1.default.createElement(newskit_1.StackChild, null,
                                 react_1.default.createElement(newskit_1.Stack, { flow: "horizontal-center", stackDistribution: "flex-start" },
                                     titleIcon,
-                                    react_1.default.createElement(StyledTextBlock, { typographyPreset: "utilityHeading010" }, title))),
+                                    react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityHeading010" }, title))),
                             react_1.default.createElement(newskit_1.StackChild, { marginBlockEnd: "space000" },
-                                react_1.default.createElement(ListItemComponents_1.ItemSubtitle, { subtitle: subtitle })))),
+                                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))))))));
 };
 exports.SectionListItem = SectionListItem;
-var templateObject_1, templateObject_2;
+var templateObject_1;
 //# sourceMappingURL=SectionListItem.js.map

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

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

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

@@ -1,6 +1,6 @@
 import { EventContext } from '@newskit-render/shared-components';
-import { ItemFooterProps } from '../ListItemComponents';
 import { MQ, NewsKitIconProps, StackProps, TextBlockProps } from 'newskit';
+import { ItemFooterProps } from '../ListItemComponents';
 import { CancellationItem } from '../../../context/types';
 import { NewsletterViewProps } from '../NewsletterCard/NewsletterCard';
 import { HandleCardClick } from '../../Templates/CancellationStepperRender';
@@ -10,7 +10,7 @@ export interface SectionListItemProps {
     titleOverrides?: TextBlockProps;
     ariaLabel?: string;
     titleIcon?: React.ReactElement<NewsKitIconProps> | null;
-    subtitle?: string | string[];
+    subtitle?: string | string[] | React.ReactNode;
     subtitleOverrides?: TextBlockProps;
     href?: string;
     linkIcon?: React.ReactElement<NewsKitIconProps> | null;

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

@@ -1,2 +1,2 @@
 import { CancelSubscriptionProps } from './types';
-export declare const CancelSubscription: ({ primaryButton, secondaryButton, introductionProps, modal, overrides, }: CancelSubscriptionProps) => JSX.Element;
+export declare const CancelSubscription: ({ primaryButton, secondaryButton, introductionProps, modal: { content, belowItemExtra, ...modalProps }, overrides, mpcode, cpn, }: CancelSubscriptionProps) => JSX.Element;

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

@@ -1,4 +1,8 @@
 "use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
 var __assign = (this && this.__assign) || function () {
     __assign = Object.assign || function(t) {
         for (var s, i = 1, n = arguments.length; i < n; i++) {
@@ -10,6 +14,17 @@ var __assign = (this && this.__assign) || function () {
     };
     return __assign.apply(this, arguments);
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -19,27 +34,36 @@ var react_1 = __importDefault(require("react"));
 var shared_components_1 = require("@newskit-render/shared-components");
 var newskit_1 = require("newskit");
 var LayoutContentContainer_1 = require("../LayoutContentContainer");
-var material_1 = require("@emotion-icons/material");
-var IconFilledKeyboardArrowRight = (0, newskit_1.toNewsKitIcon)(material_1.KeyboardArrowRight);
+var SectionListItem_1 = require("../../Elements/SectionListItem");
+var ForwardButton_1 = require("../../Elements/ForwardButton/ForwardButton");
+var StyledStructuredListItem = (0, newskit_1.styled)(SectionListItem_1.SectionListItem)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-top: 1px solid;\n  ", "\n  &:last-child {\n    border-bottom: 1px solid;\n    ", "\n  }\n"], ["\n  border-top: 1px solid;\n  ", "\n  &:last-child {\n    border-bottom: 1px solid;\n    ", "\n  }\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'));
+var StyledGridLayout = (0, newskit_1.styled)(newskit_1.GridLayout)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", " {\n    text-align: center;\n  }\n"], ["\n  ", " {\n    text-align: center;\n  }\n"])), (0, newskit_1.getMediaQueryFromTheme)('sm'));
 var CancelSubscription = function (_a) {
     var _b, _c;
-    var primaryButton = _a.primaryButton, secondaryButton = _a.secondaryButton, introductionProps = _a.introductionProps, modal = _a.modal, overrides = _a.overrides;
-    var _d = react_1.default.useState(false), modalOpen = _d[0], setModalOpen = _d[1];
+    var primaryButton = _a.primaryButton, secondaryButton = _a.secondaryButton, introductionProps = _a.introductionProps, _d = _a.modal, content = _d.content, belowItemExtra = _d.belowItemExtra, modalProps = __rest(_d, ["content", "belowItemExtra"]), overrides = _a.overrides, mpcode = _a.mpcode, cpn = _a.cpn;
+    var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
+    var _e = react_1.default.useState(false), modalOpen = _e[0], setModalOpen = _e[1];
     var onDismissModal = function () {
+        var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k;
+        fireEvent((0, shared_components_1.createClickEvent)((_c = (_b = (_a = modalProps === null || modalProps === void 0 ? void 0 : modalProps.closeButton) === null || _a === void 0 ? void 0 : _a.eventContext) === null || _b === void 0 ? void 0 : _b.originator) !== null && _c !== void 0 ? _c : '', (_g = (_f = (_e = (_d = modalProps === null || modalProps === void 0 ? void 0 : modalProps.closeButton) === null || _d === void 0 ? void 0 : _d.eventContext) === null || _e === void 0 ? void 0 : _e.context) === null || _f === void 0 ? void 0 : _f.event_navigation_name) !== null && _g !== void 0 ? _g : '', undefined, undefined, (_k = (_j = (_h = modalProps === null || modalProps === void 0 ? void 0 : modalProps.closeButton) === null || _h === void 0 ? void 0 : _h.eventContext) === null || _j === void 0 ? void 0 : _j.context) === null || _k === void 0 ? void 0 : _k.page_name, 'navigation', newskit_1.EventTrigger.Click));
         setModalOpen(false);
     };
-    return (react_1.default.createElement(newskit_1.GridLayout, { "data-testid": "cancel-subscription-container", overrides: __assign({}, overrides === null || overrides === void 0 ? void 0 : overrides.container), columnGap: { md: 'space030' }, alignItems: { xs: 'center', md: 'start' }, justifyContent: { xs: 'center', md: 'start' } },
+    return (react_1.default.createElement(StyledGridLayout, { "data-testid": "cancel-subscription-container", overrides: __assign({}, overrides === null || overrides === void 0 ? void 0 : overrides.container), columnGap: { md: 'space030' }, alignItems: { xs: 'center', md: 'start' }, justifyContent: { xs: 'center', md: 'start' } },
         react_1.default.createElement(shared_components_1.Introduction, { title: introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.title, description: introductionProps === null || introductionProps === void 0 ? void 0 : introductionProps.description, titleOverrides: (_b = overrides === null || overrides === void 0 ? void 0 : overrides.introduction) === null || _b === void 0 ? void 0 : _b.titleOverrides, descriptionOverrides: (_c = overrides === null || overrides === void 0 ? void 0 : overrides.introduction) === null || _c === void 0 ? void 0 : _c.descriptionOverrides }),
-        (primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.text) && (react_1.default.createElement(newskit_1.Button, { as: "a", overrides: __assign({}, overrides === null || overrides === void 0 ? void 0 : overrides.primaryButton), eventContext: primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.eventContext, href: primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.href, "data-testid": "cancel-subscription-primary-button" }, primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.text)),
-        react_1.default.createElement(newskit_1.Block, { paddingBlock: 'space060' },
-            react_1.default.createElement(newskit_1.TextBlock, { as: "span", stylePreset: "inkBase" }, "or..."),
-            (secondaryButton === null || secondaryButton === void 0 ? void 0 : secondaryButton.text) && (react_1.default.createElement(newskit_1.Button, { overrides: __assign({ stylePreset: 'buttonMinimalPrimary' }, overrides === null || overrides === void 0 ? void 0 : overrides.secondaryButton), eventContext: secondaryButton === null || secondaryButton === void 0 ? void 0 : secondaryButton.eventContext, "data-testid": "cancel-subscription-secondary-button", onClick: function () {
-                    setModalOpen(true);
-                } }, secondaryButton === null || secondaryButton === void 0 ? void 0 :
-                secondaryButton.text,
-                react_1.default.createElement(IconFilledKeyboardArrowRight, null)))),
+        (primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.text) && (react_1.default.createElement(newskit_1.Button, __assign({ as: "a", overrides: __assign({}, overrides === null || overrides === void 0 ? void 0 : overrides.primaryButton), eventContext: primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.eventContext, href: primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.href, "data-testid": "cancel-subscription-primary-button" }, primaryButton.props), primaryButton === null || primaryButton === void 0 ? void 0 : primaryButton.text)),
+        react_1.default.createElement(ForwardButton_1.ForwardButton, { label: "or", paddingBlock: 'space060', buttonOverrides: __assign({ stylePreset: 'buttonMinimalPrimary' }, overrides === null || overrides === void 0 ? void 0 : overrides.secondaryButton), onClick: function () {
+                setModalOpen(true);
+            }, eventContext: secondaryButton === null || secondaryButton === void 0 ? void 0 : secondaryButton.eventContext, dataTestId: "cancel-subscription-secondary-button", button: { text: secondaryButton === null || secondaryButton === void 0 ? void 0 : secondaryButton.text } }),
         react_1.default.createElement(newskit_1.LayerOrganizer, { zIndex: LayoutContentContainer_1.zIndexModal },
-            react_1.default.createElement(shared_components_1.Modal, __assign({ header: "some header", open: modalOpen, onDismiss: onDismissModal }, modal)))));
+            react_1.default.createElement(shared_components_1.Modal, __assign({ open: modalOpen, onDismiss: onDismissModal }, modalProps, { "data-testid": "cancel-subscription-modal" }),
+                (content === null || content === void 0 ? void 0 : content.items) && (react_1.default.createElement(newskit_1.StructuredList, null, content === null || content === void 0 ? void 0 : content.items.map(function (_a) {
+                    var href = _a.href, props = __rest(_a, ["href"]);
+                    return (react_1.default.createElement(StyledStructuredListItem, __assign({ key: props.id }, props, { containerOverrides: content.itemContainerOverrides })));
+                }))),
+                react_1.default.createElement(ForwardButton_1.ForwardButton, { label: "or", buttonOverrides: __assign({ stylePreset: 'buttonMinimalPrimary' }, belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.buttonOverrides), onClick: function () {
+                        setModalOpen(false);
+                    }, baseUrl: belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.baseUrl, eventContext: belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.eventContext, dataTestId: "continue-button", button: belowItemExtra === null || belowItemExtra === void 0 ? void 0 : belowItemExtra.button })))));
 };
 exports.CancelSubscription = CancelSubscription;
+var templateObject_1, templateObject_2;
 //# sourceMappingURL=CancelSubscription.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"CancelSubscription.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancelSubscription/CancelSubscription.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,uEAAuE;AACvE,mCAOgB;AAChB,oEAAuD;AACvD,oDAA4D;AAC5D,IAAM,4BAA4B,GAAG,IAAA,uBAAa,EAAC,6BAAkB,CAAC,CAAA;AAC/D,IAAM,kBAAkB,GAAG,UAAC,EAMT;;QALxB,aAAa,mBAAA,EACb,eAAe,qBAAA,EACf,iBAAiB,uBAAA,EACjB,KAAK,WAAA,EACL,SAAS,eAAA;IAEH,IAAA,KAA4B,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAAhD,SAAS,QAAA,EAAE,YAAY,QAAyB,CAAA;IAEvD,IAAM,cAAc,GAAG;QACrB,YAAY,CAAC,KAAK,CAAC,CAAA;IACrB,CAAC,CAAA;IACD,OAAO,CACL,8BAAC,oBAAU,mBACG,+BAA+B,EAC3C,SAAS,eAAO,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,SAAS,GACpC,SAAS,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAC7B,UAAU,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,EACzC,cAAc,EAAE,EAAE,EAAE,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE;QAE7C,8BAAC,gCAAY,IACX,KAAK,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,KAAK,EAC/B,WAAW,EAAE,iBAAiB,aAAjB,iBAAiB,uBAAjB,iBAAiB,CAAE,WAAW,EAC3C,cAAc,EAAE,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,YAAY,0CAAE,cAAc,EACvD,oBAAoB,EAAE,MAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,YAAY,0CAAE,oBAAoB,GACnE;QACD,CAAA,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,KAAI,CACtB,8BAAC,gBAAM,IACL,EAAE,EAAC,GAAG,EACN,SAAS,eAAO,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,aAAa,GACxC,YAAY,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,YAAY,EACzC,IAAI,EAAE,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,iBACb,oCAAoC,IAE/C,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,IAAI,CACb,CACV;QAED,8BAAC,eAAK,IAAC,YAAY,EAAE,UAAU;YAC7B,8BAAC,mBAAS,IAAC,EAAE,EAAC,MAAM,EAAC,WAAW,EAAC,SAAS,YAE9B;YACX,CAAA,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,IAAI,KAAI,CACxB,8BAAC,gBAAM,IACL,SAAS,aACP,WAAW,EAAE,sBAAsB,IAChC,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,eAAe,GAE/B,YAAY,EAAE,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,YAAY,iBAC/B,sCAAsC,EAClD,OAAO,EAAE;oBACP,YAAY,CAAC,IAAI,CAAC,CAAA;gBACpB,CAAC,IAEA,eAAe,aAAf,eAAe;gBAAf,eAAe,CAAE,IAAI;gBACtB,8BAAC,4BAA4B,OAAG,CACzB,CACV,CACK;QAER,8BAAC,wBAAc,IAAC,MAAM,EAAE,oCAAW;YACjC,8BAAC,yBAAK,aACJ,MAAM,EAAC,aAAa,EACpB,IAAI,EAAE,SAAS,EACf,SAAS,EAAE,cAAc,IACrB,KAAK,EACT,CACa,CACN,CACd,CAAA;AACH,CAAC,CAAA;AAtEY,QAAA,kBAAkB,sBAsE9B"}
+{"version":3,"file":"CancelSubscription.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancelSubscription/CancelSubscription.tsx"],"names":[],"mappings":"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"}

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

@@ -1,19 +1,24 @@
-import { ContentContainerProps, EventContext, ModalProps } from '@newskit-render/shared-components';
+import { ContentContainerProps, EventContext, IntroductionProps, ModalProps, TealiumEventContext } from '@newskit-render/shared-components';
+import { SectionListItemProps } from '../../Elements/SectionListItem';
+import { GridLayoutProps } from '../../SharedTypes/GridLayoutProps';
+import { BelowItemExtraProps } from 'context/types';
 export interface CancelSubscriptionProps extends Omit<ContentContainerProps, 'items'> {
     id?: string;
+    cpn?: string;
+    mpcode?: string;
     primaryButton?: {
         text: string;
         href?: string;
         eventContext?: EventContext;
+        props?: {
+            target?: string;
+        };
     };
     secondaryButton?: {
         text: string;
         eventContext?: EventContext;
     };
-    introductionProps?: {
-        title: string;
-        description?: string | string[];
-    };
+    introductionProps?: IntroductionProps;
     overrides?: {
         container?: {
             paddingBlockEnd?: string;
@@ -49,5 +54,14 @@ export interface CancelSubscriptionProps extends Omit<ContentContainerProps, 'it
             };
         };
     };
-    modal?: Omit<ModalProps, 'onDismiss' | 'open'>;
+    modal: Omit<ModalProps, 'onDismiss' | 'open'> & {
+        content: {
+            itemContainerOverrides?: GridLayoutProps;
+            items: SectionListItemProps[];
+        };
+        closeButton?: {
+            eventContext: TealiumEventContext;
+        };
+        belowItemExtra?: BelowItemExtraProps;
+    };
 }

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

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

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

@@ -24,16 +24,19 @@ var OfferCard_1 = __importDefault(require("../../Elements/OfferCard"));
 var shared_components_1 = require("@newskit-render/shared-components");
 var newskit_1 = require("newskit");
 var image_1 = __importDefault(require("next/image"));
+var ForwardButton_1 = require("../../Elements/ForwardButton/ForwardButton");
 // Image styles are not final and will be changed after the design is finalized.
 var StyledImage = (0, newskit_1.styled)(image_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", " {\n    width: 50%;\n    height: auto;\n    position: absolute;\n    justify-self: center;\n  }\n  ", " {\n    width: 100%;\n    max-width: 800px;\n    position: relative;\n    justify-self: start;\n  }\n"], ["\n  ", " {\n    width: 50%;\n    height: auto;\n    position: absolute;\n    justify-self: center;\n  }\n  ", " {\n    width: 100%;\n    max-width: 800px;\n    position: relative;\n    justify-self: start;\n  }\n"])), (0, newskit_1.getMediaQueryFromTheme)('xs'), (0, newskit_1.getMediaQueryFromTheme)('md'));
 var CancelSubscriptionDowngrade = function (_a) {
-    var header = _a.header, heroImage = _a.heroImage, offers = _a.offers;
+    var header = _a.header, heroImage = _a.heroImage, offers = _a.offers, continueButton = _a.continueButton, onNextStep = _a.onNextStep;
     return (react_1.default.createElement(newskit_1.GridLayout, { columns: { md: '1fr 1fr', xs: '1fr' } },
         react_1.default.createElement(newskit_1.GridLayoutItem, null,
             react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
             react_1.default.createElement("figure", null,
                 react_1.default.createElement(StyledImage, __assign({ alt: "cancel-hero" }, heroImage)))),
-        react_1.default.createElement(newskit_1.GridLayout, { justifyContent: "center", overrides: { marginBlockStart: { xs: 'space110', md: 'space000' } } }, offers.map(function (offer) { return (react_1.default.createElement(OfferCard_1.default, __assign({}, offer, { key: offer.id }))); }))));
+        react_1.default.createElement(newskit_1.GridLayout, { justifyContent: "center", overrides: { marginBlockStart: { xs: 'space110', md: 'space000' } } }, offers.map(function (offer) { return (react_1.default.createElement(OfferCard_1.default, __assign({}, offer, { key: offer.id }))); })),
+        continueButton && (react_1.default.createElement(newskit_1.GridLayoutItem, { column: "1 / -1", justifySelf: 'center' },
+            react_1.default.createElement(ForwardButton_1.ForwardButton, __assign({}, continueButton, { onClick: onNextStep }))))));
 };
 exports.CancelSubscriptionDowngrade = CancelSubscriptionDowngrade;
 var templateObject_1;

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

@@ -1 +1 @@
-{"version":3,"file":"CancelSubscriptionDowngrade.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAiC;AACjC,uEAAgD;AAEhD,uEAAuE;AACvE,mCAKgB;AAChB,qDAAkC;AAElC,gFAAgF;AAChF,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAS,CAAC,yRAAA,MACjC,EAA4B,qGAM5B,EAA4B,uGAM/B,KAZG,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAM5B,IAAA,gCAAsB,EAAC,IAAI,CAAC,CAM/B,CAAA;AAYM,IAAM,2BAA2B,GAEpC,UAAC,EAA6B;QAA3B,MAAM,YAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAA;IAC9B,OAAO,CACL,8BAAC,oBAAU,IAAC,OAAO,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE;QAC/C,8BAAC,wBAAc;YACb,8BAAC,0BAAM,eAAK,MAAM,EAAI;YACtB;gBACE,8BAAC,WAAW,aAAC,GAAG,EAAC,aAAa,IAAK,SAAS,EAAI,CACzC,CACM;QAEjB,8BAAC,oBAAU,IACT,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAE,EAAE,gBAAgB,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,IAElE,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CACrB,8BAAC,mBAAS,eAAK,KAAK,IAAE,GAAG,EAAE,KAAK,CAAC,EAAE,IAAI,CACxC,EAFsB,CAEtB,CAAC,CACS,CACF,CACd,CAAA;AACH,CAAC,CAAA;AAtBY,QAAA,2BAA2B,+BAsBvC"}
+{"version":3,"file":"CancelSubscriptionDowngrade.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAiC;AACjC,uEAAgD;AAEhD,uEAAuE;AACvE,mCAKgB;AAChB,qDAAkC;AAClC,4EAGmD;AAGnD,gFAAgF;AAChF,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAS,CAAC,yRAAA,MACjC,EAA4B,qGAM5B,EAA4B,uGAM/B,KAZG,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAM5B,IAAA,gCAAsB,EAAC,IAAI,CAAC,CAM/B,CAAA;AAeM,IAAM,2BAA2B,GAEpC,UAAC,EAAyD;QAAvD,MAAM,YAAA,EAAE,SAAS,eAAA,EAAE,MAAM,YAAA,EAAE,cAAc,oBAAA,EAAE,UAAU,gBAAA;IAC1D,OAAO,CACL,8BAAC,oBAAU,IAAC,OAAO,EAAE,EAAE,EAAE,EAAE,SAAS,EAAE,EAAE,EAAE,KAAK,EAAE;QAC/C,8BAAC,wBAAc;YACb,8BAAC,0BAAM,eAAK,MAAM,EAAI;YACtB;gBACE,8BAAC,WAAW,aAAC,GAAG,EAAC,aAAa,IAAK,SAAS,EAAI,CACzC,CACM;QAEjB,8BAAC,oBAAU,IACT,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAE,EAAE,gBAAgB,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,IAElE,MAAM,CAAC,GAAG,CAAC,UAAC,KAAK,IAAK,OAAA,CACrB,8BAAC,mBAAS,eAAK,KAAK,IAAE,GAAG,EAAE,KAAK,CAAC,EAAE,IAAI,CACxC,EAFsB,CAEtB,CAAC,CACS;QACZ,cAAc,IAAI,CACjB,8BAAC,wBAAc,IAAC,MAAM,EAAC,QAAQ,EAAC,WAAW,EAAE,QAAQ;YACnD,8BAAC,6BAAa,eAAK,cAAc,IAAE,OAAO,EAAE,UAAU,IAAI,CAC3C,CAClB,CACU,CACd,CAAA;AACH,CAAC,CAAA;AA3BY,QAAA,2BAA2B,+BA2BvC"}

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

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