@newskit-render/my-account 7.115.6 → 7.116.0-alpha.0

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

@@ -12,7 +12,7 @@ var AccountHead = function (_a) {
     return (react_1.default.createElement(head_1.default, null,
         react_1.default.createElement("title", null, head &&
             "\n        ".concat(head.pageTitle ? head.pageTitle : '', "\n        ").concat(head.pageTitle && head.siteTitle ? ' | ' : '', " \n        ").concat(head.siteTitle ? head.siteTitle : '')),
-        head.pageMetaDescription && (react_1.default.createElement("meta", { name: "description", content: head.pageMetaDescription }))));
+        (head === null || head === void 0 ? void 0 : head.pageMetaDescription) && (react_1.default.createElement("meta", { name: "description", content: head === null || head === void 0 ? void 0 : head.pageMetaDescription }))));
 };
 exports.default = AccountHead;
 //# sourceMappingURL=Head.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"Head.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/Head/Head.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAyB;AACzB,mDAA4B;AAC5B,4CAAoD;AAGpD,IAAM,WAAW,GAA+B,UAAC,EAAe;QAAb,WAAW,iBAAA;IACpD,IAAA,IAAI,GAAK,IAAA,2BAAiB,EAAC,WAAW,CAAC,KAAnC,CAAmC;IAC/C,OAAO,CACL,8BAAC,cAAI;QACH,6CACG,IAAI;YACH,oBACA,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,uBACpC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,wBAC7C,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,CAClC;QACP,IAAI,CAAC,mBAAmB,IAAI,CAC3B,wCAAM,IAAI,EAAC,aAAa,EAAC,OAAO,EAAE,IAAI,CAAC,mBAAmB,GAAS,CACpE,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,WAAW,CAAA"}
+{"version":3,"file":"Head.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/Head/Head.tsx"],"names":[],"mappings":";;;;;AAAA,gDAAyB;AACzB,mDAA4B;AAC5B,4CAAoD;AAGpD,IAAM,WAAW,GAA+B,UAAC,EAAe;QAAb,WAAW,iBAAA;IACpD,IAAA,IAAI,GAAK,IAAA,2BAAiB,EAAC,WAAW,CAAC,KAAnC,CAAmC;IAC/C,OAAO,CACL,8BAAC,cAAI;QACH,6CACG,IAAI;YACH,oBACA,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,uBACpC,IAAI,CAAC,SAAS,IAAI,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,wBAC7C,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAE,CAClC;QACP,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,mBAAmB,KAAI,CAC5B,wCAAM,IAAI,EAAC,aAAa,EAAC,OAAO,EAAE,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,mBAAmB,GAAS,CACrE,CACI,CACR,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,WAAW,CAAA"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { BelowItemExtraProps } from '../../../context/types';
+export declare const BelowItemExtra: React.FC<BelowItemExtraProps>;

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

@@ -0,0 +1,28 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.BelowItemExtra = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var link_1 = __importDefault(require("next/link"));
+var BelowItemExtra = function (_a) {
+    var containerOverrides = _a.containerOverrides, label = _a.label, link = _a.link;
+    return (react_1.default.createElement(newskit_1.Grid, __assign({}, containerOverrides),
+        react_1.default.createElement(newskit_1.TextBlock, { as: "span" }, label),
+        react_1.default.createElement(link_1.default, { href: link.href }, link.text)));
+};
+exports.BelowItemExtra = BelowItemExtra;
+//# sourceMappingURL=BelowItemExtra.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BelowItemExtra.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/ListItemComponents/BelowItemExtra.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAyC;AACzC,mDAA4B;AAGrB,IAAM,cAAc,GAAkC,UAAC,EAI7D;QAHC,kBAAkB,wBAAA,EAClB,KAAK,WAAA,EACL,IAAI,UAAA;IAEJ,OAAO,CACL,8BAAC,cAAI,eAAK,kBAAkB;QAC1B,8BAAC,mBAAS,IAAC,EAAE,EAAC,MAAM,IAAE,KAAK,CAAa;QACxC,8BAAC,cAAI,IAAC,IAAI,EAAE,IAAI,CAAC,IAAI,IAAG,IAAI,CAAC,IAAI,CAAQ,CACpC,CACR,CAAA;AACH,CAAC,CAAA;AAXY,QAAA,cAAc,kBAW1B"}

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

@@ -0,0 +1,15 @@
+import React, { ReactNode } from 'react';
+import { MQ } from 'newskit';
+export interface ItemFooterProps {
+    dataTestId: string;
+    content: string | ReactNode;
+    props?: {
+        textOverrides?: {
+            paddingBlock?: MQ<string>;
+            paddingInline?: MQ<string>;
+            typographyPreset?: MQ<string>;
+            stylePreset?: MQ<string>;
+        };
+    };
+}
+export declare const ItemFooter: React.FC<ItemFooterProps>;

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

@@ -0,0 +1,27 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ItemFooter = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var ItemFooter = function (_a) {
+    var props = _a.props, dataTestId = _a.dataTestId, content = _a.content;
+    return (react_1.default.createElement(newskit_1.GridLayout, null,
+        react_1.default.createElement(newskit_1.GridLayoutItem, { paddingBlockStart: "space040" },
+            react_1.default.createElement(newskit_1.TextBlock, __assign({ stylePreset: "inkSubtle", typographyPreset: "utilityBody010" }, props === null || props === void 0 ? void 0 : props.textOverrides, { "data-testid": dataTestId }), content))));
+};
+exports.ItemFooter = ItemFooter;
+//# sourceMappingURL=ItemFooter.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ItemFooter.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/ListItemComponents/ItemFooter.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAwC;AACxC,mCAAmE;AAe5D,IAAM,UAAU,GAA8B,UAAC,EAIrD;QAHC,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,OAAO,aAAA;IACH,OAAA,CACJ,8BAAC,oBAAU;QACT,8BAAC,wBAAc,IAAC,iBAAiB,EAAC,UAAU;YAC1C,8BAAC,mBAAS,aACR,WAAW,EAAC,WAAW,EACvB,gBAAgB,EAAC,gBAAgB,IAC7B,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,aAAa,mBACX,UAAU,KAEtB,OAAO,CACE,CACG,CACN,CACd;AAbK,CAaL,CAAA;AAjBY,QAAA,UAAU,cAiBtB"}

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

@@ -0,0 +1,5 @@
+export declare const ItemIconLabel: ({ titleIcon, label, typographyPreset }: {
+    titleIcon: any;
+    label: any;
+    typographyPreset: any;
+}) => JSX.Element;

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

@@ -0,0 +1,16 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ItemIconLabel = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var ItemIconLabel = function (_a) {
+    var titleIcon = _a.titleIcon, label = _a.label, typographyPreset = _a.typographyPreset;
+    return (react_1.default.createElement(newskit_1.Stack, { flow: "horizontal-center", stackDistribution: "flex-start" },
+        titleIcon,
+        react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: typographyPreset || 'utilityHeading010' }, label)));
+};
+exports.ItemIconLabel = ItemIconLabel;
+//# sourceMappingURL=ItemIconLabel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ItemIconLabel.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/ListItemComponents/ItemIconLabel.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,mCAA0C;AAEnC,IAAM,aAAa,GAAG,UAAC,EAAsC;QAApC,SAAS,eAAA,EAAE,KAAK,WAAA,EAAE,gBAAgB,sBAAA;IAAO,OAAA,CACvE,8BAAC,eAAK,IAAC,IAAI,EAAC,mBAAmB,EAAC,iBAAiB,EAAC,YAAY;QAC3D,SAAS;QACV,8BAAC,mBAAS,IAAC,gBAAgB,EAAE,gBAAgB,IAAI,mBAAmB,IACjE,KAAK,CACI,CACN,CACT;AAPwE,CAOxE,CAAA;AAPY,QAAA,aAAa,iBAOzB"}

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

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

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

@@ -0,0 +1,15 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ItemSubtitle = void 0;
+var react_1 = __importDefault(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)); })))));
+};
+exports.ItemSubtitle = ItemSubtitle;
+//# sourceMappingURL=ItemSubtitle.js.map

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

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

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

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

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

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./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

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

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import { NewsletterDetails } from '../../../pages/types';
+import { NewslettersListContextOptions, CancellationItem } from '../../../context/types';
+import { SectionListItemProps } from './types';
+export interface NewsletterViewProps extends Omit<NewslettersListContextOptions, 'gridLayoutOverrides' | 'handleSuccess' | 'handleWarning'> {
+    newsletter: NewsletterDetails;
+    imageVisible?: boolean;
+}
+export declare const GridListItem: React.FC<Partial<NewsletterViewProps> & CancellationItem & Partial<SectionListItemProps>>;

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

@@ -0,0 +1,64 @@
+"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 __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.GridListItem = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var link_1 = __importDefault(require("next/link"));
+var shared_components_1 = require("@newskit-render/shared-components");
+var StyledHeaderBlockWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  min-height: 65px;\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n\n  figure {\n    ", "\n  }\n\n  ", " {\n    min-height: auto;\n\n    figure {\n      display: block;\n    }\n  }\n"], ["\n  min-height: 65px;\n  width: 100%;\n  display: flex;\n  justify-content: space-between;\n\n  figure {\n    ", "\n  }\n\n  ", " {\n    min-height: auto;\n\n    figure {\n      display: block;\n    }\n  }\n"])), function (_a) {
+    var imageVisible = _a.imageVisible;
+    return imageVisible ? 'display: block' : 'display: none;';
+}, (0, newskit_1.getMediaQueryFromTheme)('sm'));
+var StyledTitleBlockWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  span {\n    display: block;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n\n  span {\n    display: block;\n  }\n"])));
+var StyledCardContentWrapper = (0, newskit_1.styled)(newskit_1.CardContent)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  grid-row-start: 1;\n  grid-row-end: span 3;\n  border: 1px solid;\n  ", "\n\n  .switch-block {\n    align-self: end;\n  }\n  &:hover,\n  &:focus,\n  &:active {\n    ", "\n    cursor: pointer;\n  }\n"], ["\n  grid-row-start: 1;\n  grid-row-end: span 3;\n  border: 1px solid;\n  ", "\n\n  .switch-block {\n    align-self: end;\n  }\n  &:hover,\n  &:focus,\n  &:active {\n    ", "\n    cursor: pointer;\n  }\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'), (0, newskit_1.getColorCssFromTheme)('backgroundColor', 'interface020'));
+var GridListItem = function (_a) {
+    var cardOverrides = _a.cardOverrides, containerOverrides = _a.containerOverrides, labelOverrides = _a.labelOverrides, subtitleOverrides = _a.subtitleOverrides, tealiumContext = _a.tealiumContext, hendleClick = _a.hendleClick, label = _a.label, image = _a.image, href = _a.href, subtitle = _a.subtitle, ariaLabel = _a.ariaLabel, eventContext = _a.eventContext, props = __rest(_a, ["cardOverrides", "containerOverrides", "labelOverrides", "subtitleOverrides", "tealiumContext", "hendleClick", "label", "image", "href", "subtitle", "ariaLabel", "eventContext"]);
+    var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
+    /* istanbul ignore next */
+    var handleCardClick = function () {
+        if (hendleClick)
+            hendleClick();
+        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));
+    };
+    return (react_1.default.createElement(newskit_1.CardComposable, __assign({ overrides: cardOverrides }, props),
+        react_1.default.createElement(link_1.default, { legacyBehavior: true, href: href || '', tabIndex: href ? undefined : -1, "aria-disabled": !href, "aria-label": ariaLabel || '', onClick: handleCardClick },
+            react_1.default.createElement(StyledCardContentWrapper, { rowGap: 'space050', rows: containerOverrides === null || containerOverrides === void 0 ? void 0 : containerOverrides.rows, overrides: containerOverrides === null || containerOverrides === void 0 ? void 0 : containerOverrides.overrides },
+                react_1.default.createElement(StyledHeaderBlockWrapper, null,
+                    react_1.default.createElement(StyledTitleBlockWrapper, null,
+                        react_1.default.createElement(newskit_1.TextBlock, __assign({}, labelOverrides), label)),
+                    react_1.default.createElement(newskit_1.Image, { src: image, alt: label, width: "80", height: "80" })),
+                react_1.default.createElement(newskit_1.TextBlock, __assign({}, subtitleOverrides), subtitle)))));
+};
+exports.GridListItem = GridListItem;
+var templateObject_1, templateObject_2, templateObject_3;
+//# sourceMappingURL=GridListItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"GridListItem.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SectionListItem/GridListItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAWgB;AAChB,mDAA4B;AAE5B,uEAAoE;AASpE,IAAM,wBAAwB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,oRAA4B,gHAOpE,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;AAWM,IAAM,YAAY,GAIrB,UAAC,EAcJ;IAbC,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,EACT,KAAK,cAbL,kLAcJ,CADS;IAEA,IAAA,SAAS,GAAK,IAAA,4BAAkB,GAAE,UAAzB,CAAyB;IAE1C,0BAA0B;IAC1B,IAAM,eAAe,GAAG;QACtB,IAAI,WAAW;YAAE,WAAW,EAAE,CAAA;QAE9B,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,IAAI,IAAI,EAAE,EAChB,QAAQ,EAAE,IAAI,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,CAAC,mBAChB,CAAC,IAAI,gBACR,SAAS,IAAI,EAAE,EAC3B,OAAO,EAAE,eAAe;YAExB,8BAAC,wBAAwB,IACvB,MAAM,EAAE,UAAU,EAClB,IAAI,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,IAAI,EAC9B,SAAS,EAAE,kBAAkB,aAAlB,kBAAkB,uBAAlB,kBAAkB,CAAE,SAAS;gBAExC,8BAAC,wBAAwB;oBACvB,8BAAC,uBAAuB;wBACtB,8BAAC,mBAAS,eAAK,cAAc,GAAG,KAAK,CAAa,CAC1B;oBAC1B,8BAAC,eAAK,IAAC,GAAG,EAAE,KAAK,EAAE,GAAG,EAAE,KAAK,EAAE,KAAK,EAAC,IAAI,EAAC,MAAM,EAAC,IAAI,GAAG,CAC/B;gBAC3B,8BAAC,mBAAS,eAAK,iBAAiB,GAAG,QAAQ,CAAa,CAC/B,CACtB,CACQ,CAClB,CAAA;AACH,CAAC,CAAA;AAjEY,QAAA,YAAY,gBAiExB"}

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

@@ -0,0 +1,3 @@
+import React from 'react';
+import { SectionListItemProps } from './types';
+export declare const SectionListItem: React.FC<SectionListItemProps>;

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

@@ -0,0 +1,66 @@
+"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.SectionListItem = void 0;
+var react_1 = __importDefault(require("react"));
+var link_1 = __importDefault(require("next/link"));
+var newskit_1 = require("newskit");
+var shared_components_1 = require("@newskit-render/shared-components");
+var ListItemComponents_1 = require("../ListItemComponents");
+var StyledGridContainer = (0, newskit_1.styled)(newskit_1.GridLayout)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", "\n  &:hover,\n  &:focus,\n  &:active {\n    ", "\n    cursor: ", ";\n  }\n"], ["\n  ", "\n  &:hover,\n  &:focus,\n  &:active {\n    ", "\n    cursor: ", ";\n  }\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'), function (_a) {
+    var isLink = _a.isLink;
+    return isLink ? (0, newskit_1.getColorCssFromTheme)('backgroundColor', 'interface020') : '';
+}, function (_a) {
+    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 label = _a.label, 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 fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
+    /* istanbul ignore next */
+    var handleLinkClick = function () {
+        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));
+    };
+    return (react_1.default.createElement(link_1.default, { legacyBehavior: true, href: href || '', tabIndex: href ? undefined : -1, "aria-disabled": !href, "aria-label": ariaLabel || '' },
+        react_1.default.createElement(newskit_1.StructuredListItem, { href: href || '', disabled: !href, hideIcon: true, overrides: {
+                stylePreset: 'inkBase',
+                paddingInline: 'space000',
+                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(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" }, label))),
+                            react_1.default.createElement(newskit_1.StackChild, { marginBlockEnd: "space000" },
+                                react_1.default.createElement(ListItemComponents_1.ItemSubtitle, { 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;
+//# sourceMappingURL=SectionListItem.js.map

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

@@ -0,0 +1 @@
+{"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/index.d.ts

@@ -0,0 +1,3 @@
+export * from './types';
+export * from './SectionListItem';
+export * from './GridListItem';

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

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./types"), exports);
+__exportStar(require("./SectionListItem"), exports);
+__exportStar(require("./GridListItem"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/SectionListItem/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,0CAAuB;AACvB,oDAAiC;AACjC,iDAA8B"}

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

@@ -0,0 +1,23 @@
+import { EventContext } from '@newskit-render/shared-components';
+import { MQ, NewsKitIconProps } from 'newskit';
+import { ItemFooterProps } from '../ListItemComponents';
+import { UserHubContainerOverrides } from '../../../context/types';
+export interface SectionListItemProps {
+    label: string;
+    ariaLabel?: string;
+    titleIcon?: React.ReactElement<NewsKitIconProps> | null;
+    subtitle?: string | string[];
+    href?: string;
+    linkIcon?: React.ReactElement<NewsKitIconProps> | null;
+    linkOverrides?: {
+        stylePreset: string;
+    };
+    itemOverrides?: {
+        column?: MQ<string>;
+    };
+    footer?: ItemFooterProps;
+    containerOverrides?: UserHubContainerOverrides;
+    id?: string;
+    eventContext?: EventContext;
+    handleClick?: () => {};
+}

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

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

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

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

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

@@ -1,4 +1,15 @@
 "use strict";
+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 };
 };
@@ -11,7 +22,7 @@ var helpers_1 = require("../../../helpers");
 var ArrowForwardIos_1 = require("@emotion-icons/material-outlined/ArrowForwardIos");
 var IconOutlinedArrowForwardIos = (0, newskit_1.toNewsKitIcon)(ArrowForwardIos_1.ArrowForwardIos);
 var StandaloneLinkComponent = function (_a) {
-    var children = _a.children, href = _a.href, baseUrl = _a.baseUrl, onClick = _a.onClick, target = _a.target, eventContext = _a.eventContext;
+    var children = _a.children, href = _a.href, baseUrl = _a.baseUrl, onClick = _a.onClick, target = _a.target, eventContext = _a.eventContext, overrides = _a.overrides, rest = __rest(_a, ["children", "href", "baseUrl", "onClick", "target", "eventContext", "overrides"]);
     return (react_1.default.createElement(newskit_1.Stack, { flow: { xs: 'vertical-center', md: 'vertical-right' } },
         react_1.default.createElement(newskit_1.StackChild, null,
             react_1.default.createElement(newskit_1.Block, { marginBlockEnd: { xs: 'space080' } },

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

@@ -1 +1 @@
-{"version":3,"file":"StandaloneLinkComponent.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/StandaloneLinkComponent/StandaloneLinkComponent.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,mCAAiE;AACjE,uEAA4D;AAE5D,4CAAiD;AAEjD,oFAA6G;AAC7G,IAAM,2BAA2B,GAAG,IAAA,uBAAa,EAAC,iCAAuB,CAAC,CAAA;AAEnE,IAAM,uBAAuB,GAAkC,UAAC,EAOtE;QANC,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,OAAO,aAAA,EACP,MAAM,YAAA,EACN,YAAY,kBAAA;IAEZ,OAAO,CACL,8BAAC,eAAK,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,iBAAiB,EAAE,EAAE,EAAE,gBAAgB,EAAE;QAC1D,8BAAC,oBAAU;YACT,8BAAC,eAAK,IAAC,cAAc,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE;gBACvC,8BAAC,4BAAQ,IACP,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,EAAE,IAAI,CAAC,EACnC,IAAI,EAAC,YAAY,EACjB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY;oBAEzB,QAAQ;oBACT,8BAAC,2BAA2B,IAC1B,SAAS,EAAE;4BACT,IAAI,EAAE,WAAW;4BACjB,WAAW,EAAE,2BAA2B;yBACzC,GACD,CACO,CACL,CACG,CACP,CACT,CAAA;AACH,CAAC,CAAA;AA/BY,QAAA,uBAAuB,2BA+BnC"}
+{"version":3,"file":"StandaloneLinkComponent.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/StandaloneLinkComponent/StandaloneLinkComponent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAiE;AACjE,uEAA4D;AAE5D,4CAAiD;AAEjD,oFAA6G;AAC7G,IAAM,2BAA2B,GAAG,IAAA,uBAAa,EAAC,iCAAuB,CAAC,CAAA;AAEnE,IAAM,uBAAuB,GAAkC,UAAC,EAStE;IARC,IAAA,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,OAAO,aAAA,EACP,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,SAAS,eAAA,EACN,IAAI,cAR8D,iFAStE,CADQ;IAEP,OAAO,CACL,8BAAC,eAAK,IAAC,IAAI,EAAE,EAAE,EAAE,EAAE,iBAAiB,EAAE,EAAE,EAAE,gBAAgB,EAAE;QAC1D,8BAAC,oBAAU;YACT,8BAAC,eAAK,IAAC,cAAc,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE;gBACvC,8BAAC,4BAAQ,IACP,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,EAAE,IAAI,CAAC,EACnC,IAAI,EAAC,YAAY,EACjB,OAAO,EAAE,OAAO,EAChB,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY;oBAEzB,QAAQ;oBACT,8BAAC,2BAA2B,IAC1B,SAAS,EAAE;4BACT,IAAI,EAAE,WAAW;4BACjB,WAAW,EAAE,2BAA2B;yBACzC,GACD,CACO,CACL,CACG,CACP,CACT,CAAA;AACH,CAAC,CAAA;AAjCY,QAAA,uBAAuB,2BAiCnC"}

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

@@ -1,6 +1,11 @@
 import { EventContext } from '@newskit-render/shared-components';
 export interface StandaloneLinkProps extends StandaloneLinkPropsOverridable {
     baseUrl: string;
+    overrides?: {
+        block?: {
+            marginBlockEnd?: string;
+        };
+    };
 }
 export interface StandaloneLinkPropsOverridable {
     children: JSX.Element[] | string;

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

@@ -1,7 +1,9 @@
 import { EventContext } from '@newskit-render/shared-components';
 import { MQ, NewsKitIconProps } from 'newskit';
+import { ListComponentNames } from '../../Sections/SectionContainer';
 export interface UserHubItemProps {
     label: string;
+    componentType?: ListComponentNames;
     ariaLabel?: string;
     titleIcon?: React.ReactElement<NewsKitIconProps> | null;
     subtitle?: string | string[];

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

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

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

@@ -0,0 +1,45 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CancelSubscription = void 0;
+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 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 onDismissModal = function () {
+        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' } },
+        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)))),
+        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)))));
+};
+exports.CancelSubscription = CancelSubscription;
+//# sourceMappingURL=CancelSubscription.js.map

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

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

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

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

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

@@ -0,0 +1,20 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var CancelSubscription_1 = require("./CancelSubscription");
+__exportStar(require("./types"), exports);
+exports.default = CancelSubscription_1.CancelSubscription;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancelSubscription/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2DAAyD;AACzD,0CAAuB;AAEvB,kBAAe,uCAAkB,CAAA"}