@newskit-render/my-account 0.0.0-e7417826d → 0.0.0-e76fdc237

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,38 @@
+import { EventContext } from '@newskit-render/shared-components';
+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';
+import { GridLayoutProps } from '../../SharedTypes/GridLayoutProps';
+export interface SectionListItemProps {
+    title: string;
+    titleOverrides?: TextBlockProps;
+    stackOverrides?: StackProps;
+    ariaLabel?: string;
+    titleIcon?: React.ReactElement<NewsKitIconProps> | null;
+    subtitle?: string | string[] | React.ReactNode;
+    subtitleOverrides?: TextBlockProps;
+    href?: string;
+    linkIcon?: React.ReactElement<NewsKitIconProps> | null;
+    linkOverrides?: {
+        stylePreset: string;
+    };
+    itemOverrides?: {
+        column?: MQ<string>;
+    };
+    footer?: ItemFooterProps;
+    containerOverrides?: GridLayoutProps;
+    id?: string;
+    eventContext?: EventContext;
+    handleClick?: HandleCardClick;
+    headerOverrides?: StackProps & {
+        imageVisible?: boolean;
+    };
+    imageOverrides?: {
+        width?: number;
+        height?: number;
+        fill?: boolean;
+    };
+}
+export type GridListItemProps = Partial<NewsletterViewProps> & CancellationItem & Partial<SectionListItemProps>;

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/TimesLoading/TimesLoading.d.ts

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const TimesLoading: React.FC;

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

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TimesLoading = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var TimesLoadingSpinner_1 = require("../TimesLoadingSpinner");
+var TimesLoading = function () { return (react_1.default.createElement(newskit_1.Stack, { flow: "vertical-center", stackDistribution: "center", height: "100vh", "data-testid": "times-loading-container" },
+    react_1.default.createElement(TimesLoadingSpinner_1.TimesLoadingSpinner, null),
+    react_1.default.createElement(newskit_1.TextBlock, { marginBlockStart: "space050", stylePreset: "inkDark010", typographyPreset: "utilityBody020" }, "Loading"))); };
+exports.TimesLoading = TimesLoading;
+//# sourceMappingURL=TimesLoading.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimesLoading.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/TimesLoading/TimesLoading.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAyB;AACzB,mCAA0C;AAC1C,8DAA4D;AAErD,IAAM,YAAY,GAAa,cAAM,OAAA,CAC1C,8BAAC,eAAK,IACJ,IAAI,EAAC,iBAAiB,EACtB,iBAAiB,EAAC,QAAQ,EAC1B,MAAM,EAAC,OAAO,iBACF,yBAAyB;IAErC,8BAAC,yCAAmB,OAAG;IACvB,8BAAC,mBAAS,IACR,gBAAgB,EAAC,UAAU,EAC3B,WAAW,EAAC,YAAY,EACxB,gBAAgB,EAAC,gBAAgB,cAGvB,CACN,CACT,EAhB2C,CAgB3C,CAAA;AAhBY,QAAA,YAAY,gBAgBxB"}

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

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

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

@@ -0,0 +1,18 @@
+"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("./TimesLoading"), exports);
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,2 @@
+import React from 'react';
+export declare const TimesLoadingSpinner: React.FC;

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

@@ -0,0 +1,24 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.TimesLoadingSpinner = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var Icons_1 = require("../Icons");
+var LoadingSpinner_1 = require("../LoadingSpinner");
+var StyledBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+var StyledIconPosition = (0, newskit_1.styled)(newskit_1.Block)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  z-index: 1;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n"], ["\n  position: absolute;\n  z-index: 1;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n"])));
+var TimesLoadingSpinner = function () { return (react_1.default.createElement(newskit_1.Stack, { flow: "horizontal-center", stackDistribution: "center", height: "min-content", "data-testid": "times-loading-spinner-container" },
+    react_1.default.createElement(StyledBlock, null,
+        react_1.default.createElement(LoadingSpinner_1.LoadingSpinner, null),
+        react_1.default.createElement(StyledIconPosition, null,
+            react_1.default.createElement(Icons_1.IconTimesT, { overrides: { size: 'iconSize035' }, "data-testid": "times-t-icon" }))))); };
+exports.TimesLoadingSpinner = TimesLoadingSpinner;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=TimesLoadingSpinner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TimesLoadingSpinner.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/TimesLoadingSpinner/TimesLoadingSpinner.tsx"],"names":[],"mappings":";;;;;;;;;;AAAA,gDAAyB;AACzB,mCAA8C;AAC9C,kCAAqC;AACrC,oDAAkD;AAElD,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,8FAAA,2BAEhC,IAAA,CAAA;AAED,IAAM,kBAAkB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,6KAAA,0GAMvC,IAAA,CAAA;AAEM,IAAM,mBAAmB,GAAa,cAAM,OAAA,CACjD,8BAAC,eAAK,IACJ,IAAI,EAAC,mBAAmB,EACxB,iBAAiB,EAAC,QAAQ,EAC1B,MAAM,EAAC,aAAa,iBACR,iCAAiC;IAE7C,8BAAC,WAAW;QACV,8BAAC,+BAAc,OAAG;QAClB,8BAAC,kBAAkB;YACjB,8BAAC,kBAAU,IACT,SAAS,EAAE,EAAE,IAAI,EAAE,aAAa,EAAE,iBACtB,cAAc,GAC1B,CACiB,CACT,CACR,CACT,EAjBkD,CAiBlD,CAAA;AAjBY,QAAA,mBAAmB,uBAiB/B"}

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

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

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

@@ -0,0 +1,18 @@
+"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("./TimesLoadingSpinner"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Elements/TimesLoadingSpinner/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,wDAAqC"}

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

@@ -30,10 +30,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 UserHubListItem = 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 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, titleOverrides = _a.titleOverrides, eventContext = _a.eventContext;
     var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
     /* istanbul ignore next */
     var handleLinkClick = function () {
@@ -53,7 +52,7 @@ var UserHubListItem = function (_a) {
                             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.TextBlock, __assign({ typographyPreset: "utilityHeading010" }, titleOverrides), title))),
                             react_1.default.createElement(newskit_1.StackChild, { marginBlockEnd: "space000" },
                                 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)) : (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)); })))))),
                     linkIcon && (react_1.default.createElement(newskit_1.GridLayoutItem, { justifySelf: "flex-end" }, linkIcon)),
@@ -61,5 +60,5 @@ var UserHubListItem = function (_a) {
                         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.UserHubListItem = UserHubListItem;
-var templateObject_1, templateObject_2;
+var templateObject_1;
 //# sourceMappingURL=UserHubListItem.js.map

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

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

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

@@ -1,7 +1,10 @@
 import { EventContext } from '@newskit-render/shared-components';
-import { MQ, NewsKitIconProps } from 'newskit';
+import { MQ, NewsKitIconProps, TextBlockProps } from 'newskit';
+import { ListComponentNames } from '../../Sections/SectionContainer';
 export interface UserHubItemProps {
-    label: string;
+    title: string;
+    titleOverrides?: TextBlockProps;
+    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: ({ featureFlags, primaryButton, secondaryButton, introductionProps, modal: { content, belowItemExtra, ...modalProps }, overrides, cpn, subscriptions, }: CancelSubscriptionProps) => JSX.Element;

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

@@ -0,0 +1,83 @@
+"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.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 SectionListItem_1 = require("../../Elements/SectionListItem");
+var ForwardButton_1 = require("../../Elements/ForwardButton/ForwardButton");
+var helpers_1 = require("../../../helpers");
+var StyledStructuredList = (0, newskit_1.styled)(newskit_1.StructuredList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  li {\n    border-top: 1px solid;\n    ", "\n  }\n\n  li:last-child {\n    border-bottom: ", ";\n    ", ";\n  }\n\n  li:first-child {\n    ", "\n  }\n"], ["\n  li {\n    border-top: 1px solid;\n    ", "\n  }\n\n  li:last-child {\n    border-bottom: ", ";\n    ", ";\n  }\n\n  li:first-child {\n    ", "\n  }\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'), function (_a) {
+    var featureFlags = _a.featureFlags;
+    return (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.enable_cancel_subscription.variationKey) === 'on'
+        ? '1px solid'
+        : 'none';
+}, (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'), function (_a) {
+    var featureFlags = _a.featureFlags;
+    return (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags.enable_cancel_subscription.variationKey) === 'on'
+        ? ''
+        : 'border-top: none';
+});
+var CancelSubscription = function (_a) {
+    var _b, _c;
+    var featureFlags = _a.featureFlags, 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, cpn = _a.cpn, subscriptions = _a.subscriptions;
+    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, _l, _m;
+        fireEvent((0, shared_components_1.createClickEvent)(__assign({ originator: (_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 : 'modal', text: (_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 : '', page_name: (_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 }, (_m = (_l = modalProps === null || modalProps === void 0 ? void 0 : modalProps.closeButton) === null || _l === void 0 ? void 0 : _l.eventContext) === null || _m === void 0 ? void 0 : _m.context)));
+        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: __assign({ textAlign: { xs: 'center', md: 'left' } }, (_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, __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 () {
+                (0, helpers_1.trackEvent)({
+                    eventName: 'cancellation_modal_open',
+                    cpn: cpn || '',
+                    subscriptions: subscriptions || [],
+                    tags: {},
+                });
+                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 }, userTrackingData: { cpn: cpn, subscriptions: subscriptions } }),
+        react_1.default.createElement(newskit_1.LayerOrganizer, { zIndex: LayoutContentContainer_1.zIndexModal },
+            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(StyledStructuredList, { featureFlags: featureFlags }, 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(SectionListItem_1.SectionListItem, __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), 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, userTrackingData: { cpn: cpn, subscriptions: subscriptions } })))));
+};
+exports.CancelSubscription = CancelSubscription;
+var templateObject_1;
+//# 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":"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"}

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"}

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

@@ -0,0 +1,70 @@
+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';
+import { DetailedFlags } from '@newskit-render/feature-flags';
+import { Subscriptions } from '../../../pages/types';
+export interface CancelSubscriptionProps extends Omit<ContentContainerProps, 'items'> {
+    featureFlags?: DetailedFlags;
+    id?: string;
+    cpn?: string;
+    subscriptions?: Subscriptions[];
+    primaryButton?: {
+        text: string;
+        href?: string;
+        eventContext?: EventContext;
+        props?: {
+            target?: string;
+        };
+    };
+    secondaryButton?: {
+        text: string;
+        eventContext?: EventContext;
+    };
+    introductionProps?: IntroductionProps;
+    overrides?: {
+        container?: {
+            paddingBlockEnd?: string;
+            paddingInline?: string;
+        };
+        primaryButton?: {
+            stylePreset?: string;
+            typographyPreset?: string;
+            size?: string;
+        };
+        secondaryButton?: {
+            stylePreset?: string;
+            typographyPreset?: string;
+            size?: string;
+        };
+        introduction?: {
+            titleOverrides?: {
+                typographyPreset?: string;
+                stylePreset?: string;
+            };
+            descriptionOverrides?: {
+                typographyPreset?: string;
+                stylePreset?: string;
+            };
+            modal?: {
+                title: string;
+                description?: string | string[];
+                links?: [{
+                    title: 'Call us';
+                }, {
+                    tittle: 'Chat online';
+                }];
+            };
+        };
+    };
+    modal: Omit<ModalProps, 'onDismiss' | 'open'> & {
+        content: {
+            itemContainerOverrides?: GridLayoutProps;
+            items: SectionListItemProps[];
+        };
+        closeButton?: {
+            eventContext: TealiumEventContext;
+        };
+        belowItemExtra?: BelowItemExtraProps;
+    };
+}

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

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

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

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

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

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

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

@@ -0,0 +1,43 @@
+"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.CancelSubscriptionDowngrade = void 0;
+var react_1 = __importDefault(require("react"));
+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, 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: 'space120', 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;
+//# sourceMappingURL=CancelSubscriptionDowngrade.js.map

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

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

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

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

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.CancelSubscriptionDowngrade = void 0;
+var CancelSubscriptionDowngrade_1 = require("./CancelSubscriptionDowngrade");
+Object.defineProperty(exports, "CancelSubscriptionDowngrade", { enumerable: true, get: function () { return CancelSubscriptionDowngrade_1.CancelSubscriptionDowngrade; } });
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/CancelSubscriptionDowngrade/index.ts"],"names":[],"mappings":";;;AAAA,6EAA2E;AAAlE,0IAAA,2BAA2B,OAAA"}

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

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

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

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

package/dist/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, defaultCancellationReason, dividerOverrides, continueButton, genericErrorMessage, setServiceCancellationDate, handleError, onNextStep, }: CancellationDetailsProps) => JSX.Element;