@newskit-render/my-account 7.151.1-99c829b9f.0 → 7.151.1-cd5c2d6b0.4

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

@@ -0,0 +1,4 @@
+export * from './GridSection';
+export * from './ListSection';
+export * from './types';
+export { ListComponentNames } from './utils';

package/dist/cjs/Components/Sections/SectionContainer/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("./GridSection"), exports);
+__exportStar(require("./ListSection"), exports);
+__exportStar(require("./types"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/SectionContainer/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,gDAA6B;AAC7B,gDAA6B;AAC7B,0CAAuB"}

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

@@ -0,0 +1,41 @@
+import { InfoPanel, IntroductionProps, ModalProps, ListItemType, InvoiceAndNoticeOverrides, EventContext } from '@newskit-render/shared-components';
+import { StandaloneLinkPropsOverridable } from '../../Elements/StandaloneLinkComponent';
+import { MQ, ImageProps } from 'newskit';
+import { NewslettersGridOverrides, CancellationItem, CancellationSection } from '../../../context/types';
+import { HandleCardClick, NextStepProps } from '../../Templates/CancellationStepperRender';
+import { UserData } from '../../../pages/types';
+export type BelowContentExtra = {
+    type: 'delivery-address' | 'cancel-subscription' | 'no-billing' | 'payment-history' | 'leave-family';
+    link?: {
+        props: StandaloneLinkPropsOverridable;
+    };
+    modal?: Partial<ModalProps>;
+    infoPanel?: InfoPanel & {
+        href?: boolean;
+    };
+    marginBlockEnd?: MQ<string>;
+};
+export type SectionContainerProps = {
+    introductionProps?: IntroductionProps;
+    image?: ImageProps;
+    ariaLabel?: string;
+    items?: Array<ListItemType>;
+    labelOverrides?: {
+        typographyPreset?: MQ<string>;
+        stylePreset?: MQ<string>;
+    };
+    invoiceOverrides?: InvoiceAndNoticeOverrides;
+    belowContentExtra?: BelowContentExtra;
+};
+export interface BaseSectionProps extends CancellationSection, CancellationItem {
+    baseUrl?: string;
+    divider?: boolean;
+    gridLayoutOverrides?: NewslettersGridOverrides;
+}
+export interface GridSectionProps extends CancellationSection {
+    baseUrl?: string;
+    onNextStep: NextStepProps;
+    handleCardClick: HandleCardClick;
+    eventContext?: EventContext;
+    user?: UserData;
+}

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

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

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

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

package/dist/cjs/Components/Sections/SectionContainer/utils.d.ts

@@ -0,0 +1,8 @@
+export declare const filterList: (items: any, props: any) => any;
+export declare const listComponentsMap: {
+    list: import("react").FC<import("../../Elements/SectionListItem").SectionListItemProps>;
+    grid: import("react").FC<import("../../Elements/SectionListItem").GridListItemProps>;
+    default: import("react").FC<import("../../Elements/SectionListItem").SectionListItemProps>;
+};
+export type ListComponentNames = keyof typeof listComponentsMap;
+export declare const getListComponent: (componentPreset: string | undefined) => any;

package/dist/cjs/Components/Sections/SectionContainer/utils.js

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.getListComponent = exports.listComponentsMap = exports.filterList = void 0;
+var SectionListItem_1 = require("../../Elements/SectionListItem");
+var SectionListItem_2 = require("../../Elements/SectionListItem");
+// exceptions, filtering and data transformations at render time
+var filterList = function (items, props) {
+    return items.filter(function (_a) {
+        var id = _a.id;
+        var shouldHidePaymentDetails = id === 'payment-details-tile' &&
+            (!props.hasPaymentData || props.isRegisteredUser);
+        return !shouldHidePaymentDetails;
+    });
+};
+exports.filterList = filterList;
+exports.listComponentsMap = {
+    list: SectionListItem_1.SectionListItem,
+    grid: SectionListItem_2.GridListItem,
+    default: SectionListItem_1.SectionListItem,
+};
+var getListComponent = function (componentPreset) {
+    if (!componentPreset || !exports.listComponentsMap[componentPreset]) {
+        return exports.listComponentsMap.default;
+    }
+    return exports.listComponentsMap[componentPreset];
+};
+exports.getListComponent = getListComponent;
+//# sourceMappingURL=utils.js.map

package/dist/cjs/Components/Sections/SectionContainer/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/SectionContainer/utils.ts"],"names":[],"mappings":";;;AAAA,kEAAgE;AAChE,kEAA6D;AAE7D,gEAAgE;AACzD,IAAM,UAAU,GAAG,UAAC,KAAK,EAAE,KAAK;IACrC,OAAO,KAAK,CAAC,MAAM,CAAC,UAAC,EAAM;YAAJ,EAAE,QAAA;QACvB,IAAM,wBAAwB,GAC5B,EAAE,KAAK,sBAAsB;YAC7B,CAAC,CAAC,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,gBAAgB,CAAC,CAAA;QAEnD,OAAO,CAAC,wBAAwB,CAAA;IAClC,CAAC,CAAC,CAAA;AACJ,CAAC,CAAA;AARY,QAAA,UAAU,cAQtB;AAEY,QAAA,iBAAiB,GAAG;IAC/B,IAAI,EAAE,iCAAe;IACrB,IAAI,EAAE,8BAAY;IAClB,OAAO,EAAE,iCAAe;CACzB,CAAA;AAIM,IAAM,gBAAgB,GAAG,UAAC,eAAmC;IAClE,IAAI,CAAC,eAAe,IAAI,CAAC,yBAAiB,CAAC,eAAe,CAAC,EAAE,CAAC;QAC5D,OAAO,yBAAiB,CAAC,OAAO,CAAA;IAClC,CAAC;IAED,OAAO,yBAAiB,CAAC,eAAe,CAAC,CAAA;AAC3C,CAAC,CAAA;AANY,QAAA,gBAAgB,oBAM5B"}

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

@@ -0,0 +1,8 @@
+import { UserHubSection } from '../../../context';
+export declare const StyledStructuredList: import("@emotion/styled").StyledComponent<import("newskit").StructuredListProps & {
+    theme?: import("@emotion/react").Theme;
+}, {}, {}>;
+export interface BaseSectionProps extends UserHubSection {
+    baseUrl: string;
+}
+export declare const BaseSection: ({ dataTestId, header, items, containerOverrides, baseUrl, }: BaseSectionProps) => JSX.Element;

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

@@ -0,0 +1,50 @@
+"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.BaseSection = exports.StyledStructuredList = void 0;
+var shared_components_1 = require("@newskit-render/shared-components");
+var helpers_1 = require("../../../helpers");
+var newskit_1 = require("newskit");
+var react_1 = __importDefault(require("react"));
+var SectionListItem_1 = require("../../Elements/SectionListItem");
+exports.StyledStructuredList = (0, newskit_1.styled)(newskit_1.StructuredList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid;\n  ", "\n"], ["\n  border: 1px solid;\n  ", "\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'));
+var BaseSection = function (_a) {
+    var dataTestId = _a.dataTestId, header = _a.header, items = _a.items, containerOverrides = _a.containerOverrides, baseUrl = _a.baseUrl;
+    return (react_1.default.createElement(newskit_1.Stack, { flow: "vertical-stretch", "data-testid": dataTestId },
+        react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
+        react_1.default.createElement(exports.StyledStructuredList, { divider: true }, 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: containerOverrides, href: (0, helpers_1.replaceBaseURL)(baseUrl, href) })));
+        }))));
+};
+exports.BaseSection = BaseSection;
+var templateObject_1;
+//# sourceMappingURL=BaseSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/UserHub/BaseSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA0D;AAC1D,4CAAiD;AACjD,mCAA6E;AAC7E,gDAAyB;AAEzB,kEAAgE;AAEnD,QAAA,oBAAoB,GAAG,IAAA,gBAAM,EAAC,wBAAc,CAAC,qGAAA,4BAEtD,EAAmD,IACtD,KADG,IAAA,8BAAoB,EAAC,aAAa,EAAE,cAAc,CAAC,EACtD;AAMM,IAAM,WAAW,GAAG,UAAC,EAMT;QALjB,UAAU,gBAAA,EACV,MAAM,YAAA,EACN,KAAK,WAAA,EACL,kBAAkB,wBAAA,EAClB,OAAO,aAAA;IAEP,OAAO,CACL,8BAAC,eAAK,IAAC,IAAI,EAAC,kBAAkB,iBAAc,UAAU;QACpD,8BAAC,0BAAM,eAAK,MAAM,EAAI;QAEtB,8BAAC,4BAAoB,IAAC,OAAO,EAAE,IAAI,IAChC,KAAK,CAAC,GAAG,CAAC,UAAC,EAAkB;YAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;YAAO,OAAA,CACjC,8BAAC,iCAAe,aACd,GAAG,EAAE,KAAK,CAAC,EAAE,IACT,KAAK,IACT,kBAAkB,EAAE,kBAAkB,EACtC,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,EAAE,IAAI,CAAC,IACnC,CACH,CAAA;SAAA,CAAC,CACmB,CACjB,CACT,CAAA;AACH,CAAC,CAAA;AAvBY,QAAA,WAAW,eAuBvB"}

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

@@ -0,0 +1,9 @@
+import { BlockProps } from 'newskit';
+import { UserHubNewslettersSection } from '../../../context/types';
+import { NewsletterDetails, UserCapabilitiesDecisions } from '../../../pages/types';
+export interface NewslettersSectionProps extends UserHubNewslettersSection {
+    newsletters: NewsletterDetails[];
+    capabilities?: UserCapabilitiesDecisions;
+    newslettersListOverrides?: BlockProps;
+}
+export declare const NewslettersSection: ({ header, newsletters, newslettersListProps, capabilities, newslettersListOverrides, ...rest }: NewslettersSectionProps) => JSX.Element | null;

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

@@ -0,0 +1,91 @@
+"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 __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;
+};
+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.NewslettersSection = void 0;
+var shared_components_1 = require("@newskit-render/shared-components");
+var newskit_1 = require("newskit");
+var react_1 = __importStar(require("react"));
+var NewslettersList_1 = require("../NewslettersList");
+var NewsletterCard_1 = __importDefault(require("../../../Components/Elements/NewsletterCard"));
+var StyledNewsletterCard = (0, newskit_1.styled)(NewsletterCard_1.default)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  ", " {\n    &:last-child {\n      display: grid;\n    }\n  }\n"], ["\n  ", " {\n    &:last-child {\n      display: grid;\n    }\n  }\n"])), (0, newskit_1.getMediaQueryFromTheme)('md'));
+var NewslettersSection = function (_a) {
+    var header = _a.header, newsletters = _a.newsletters, newslettersListProps = _a.newslettersListProps, capabilities = _a.capabilities, newslettersListOverrides = _a.newslettersListOverrides, rest = __rest(_a, ["header", "newsletters", "newslettersListProps", "capabilities", "newslettersListOverrides"]);
+    var newslettersList = (0, react_1.useMemo)(function () {
+        if (!newsletters || !(newsletters === null || newsletters === void 0 ? void 0 : newsletters.length)) {
+            return [];
+        }
+        return newsletters
+            .filter(function (n) { return n.landingPage; })
+            .sort(function (a, b) {
+            // Featured newsletters come first
+            if (a.featured && !b.featured) {
+                return -1;
+            }
+            if (!a.featured && b.featured) {
+                return 1;
+            }
+            // Within the same featured group, sort by landingPageDisplayOrder ascending
+            return a.landingPageDisplayOrder - b.landingPageDisplayOrder;
+        })
+            .slice(0, 4); // Get only the first 4 newsletters
+    }, [newslettersListProps, newsletters]);
+    if (newslettersList.length === 0)
+        return null;
+    return (react_1.default.createElement(newskit_1.Stack, __assign({ flow: "vertical-stretch", "data-testid": "newsletters-grid" }, rest),
+        react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
+        react_1.default.createElement(NewslettersList_1.NewslettersList, { gridLayoutOverrides: newslettersListProps.gridLayoutOverrides, newslettersListOverrides: newslettersListOverrides }, newslettersList.map(function (newsletter) { return (react_1.default.createElement(StyledNewsletterCard, __assign({ newsletter: newsletter }, newslettersListProps, { "data-testid": "newsletter-card", imageVisible: true, key: newsletter.bulletinId }))); }))));
+};
+exports.NewslettersSection = NewslettersSection;
+var templateObject_1;
+//# sourceMappingURL=NewslettersSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"NewslettersSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/UserHub/NewslettersSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA0D;AAC1D,mCAA2E;AAC3E,6CAAsC;AAMtC,sDAAoD;AACpD,+FAAwE;AAOxE,IAAM,oBAAoB,GAAG,IAAA,gBAAM,EAAC,wBAAc,CAAC,uIAAA,MAC/C,EAA4B,4DAK/B,KALG,IAAA,gCAAsB,EAAC,IAAI,CAAC,CAK/B,CAAA;AAEM,IAAM,kBAAkB,GAAG,UAAC,EAOT;IANxB,IAAA,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACpB,YAAY,kBAAA,EACZ,wBAAwB,8BAAA,EACrB,IAAI,cAN0B,6FAOlC,CADQ;IAEP,IAAM,eAAe,GAAG,IAAA,eAAO,EAAC;QAC9B,IAAI,CAAC,WAAW,IAAI,CAAC,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,MAAM,CAAA,EAAE,CAAC;YACzC,OAAO,EAAE,CAAA;QACX,CAAC;QAED,OAAO,WAAW;aACf,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,WAAW,EAAb,CAAa,CAAC;aAC5B,IAAI,CAAC,UAAC,CAAC,EAAE,CAAC;YACT,kCAAkC;YAClC,IAAI,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,CAAC,QAAQ,EAAE,CAAC;gBAC9B,OAAO,CAAC,CAAC,CAAA;YACX,CAAC;YAED,IAAI,CAAC,CAAC,CAAC,QAAQ,IAAI,CAAC,CAAC,QAAQ,EAAE,CAAC;gBAC9B,OAAO,CAAC,CAAA;YACV,CAAC;YAED,4EAA4E;YAC5E,OAAO,CAAC,CAAC,uBAAuB,GAAG,CAAC,CAAC,uBAAuB,CAAA;QAC9D,CAAC,CAAC;aACD,KAAK,CAAC,CAAC,EAAE,CAAC,CAAC,CAAA,CAAC,mCAAmC;IACpD,CAAC,EAAE,CAAC,oBAAoB,EAAE,WAAW,CAAC,CAAC,CAAA;IAEvC,IAAI,eAAe,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAA;IAE7C,OAAO,CACL,8BAAC,eAAK,aAAC,IAAI,EAAC,kBAAkB,iBAAa,kBAAkB,IAAK,IAAI;QACpE,8BAAC,0BAAM,eAAK,MAAM,EAAI;QACtB,8BAAC,iCAAe,IACd,mBAAmB,EAAE,oBAAoB,CAAC,mBAAmB,EAC7D,wBAAwB,EAAE,wBAAwB,IAEjD,eAAe,CAAC,GAAG,CAAC,UAAC,UAAU,IAAK,OAAA,CACnC,8BAAC,oBAAoB,aACnB,UAAU,EAAE,UAAU,IAClB,oBAAoB,mBACZ,iBAAiB,EAC7B,YAAY,EAAE,IAAI,EAClB,GAAG,EAAE,UAAU,CAAC,UAAU,IAC1B,CACH,EARoC,CAQpC,CAAC,CACc,CACZ,CACT,CAAA;AACH,CAAC,CAAA;AApDY,QAAA,kBAAkB,sBAoD9B"}

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

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

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

@@ -0,0 +1,54 @@
+"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.SubscriptionDetailsSection = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var shared_components_1 = require("@newskit-render/shared-components");
+var SectionListItem_1 = require("../../Elements/SectionListItem");
+var BaseSection_1 = require("./BaseSection");
+var shared_components_2 = require("@newskit-render/shared-components");
+var constants_1 = require("../../../constants");
+var SubscriptionDetailsSection = function (_a) {
+    var _b, _c, _d, _e, _f, _g;
+    var header = _a.header, containerOverrides = _a.containerOverrides, benefits = _a.benefits, cancelSubscription = _a.cancelSubscription, user = _a.user;
+    var price = (_c = (_b = user === null || user === void 0 ? void 0 : user.subscriptions) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.price;
+    var currency = (_e = (_d = user === null || user === void 0 ? void 0 : user.subscriptions) === null || _d === void 0 ? void 0 : _d[0]) === null || _e === void 0 ? void 0 : _e.currency;
+    var itemsToRender = [
+        react_1.default.createElement(SectionListItem_1.SectionListItem, { key: "type", title: "Type", subtitle: ((_g = (_f = user === null || user === void 0 ? void 0 : user.subscriptions) === null || _f === void 0 ? void 0 : _f[0]) === null || _g === void 0 ? void 0 : _g.type) || '', containerOverrides: containerOverrides }),
+        react_1.default.createElement(SectionListItem_1.SectionListItem, { key: "price", title: "Price", subtitle: price && currency ? "".concat(constants_1.CURRENCY_MAP[currency]).concat(price) : '', containerOverrides: containerOverrides }),
+    ];
+    if ((benefits === null || benefits === void 0 ? void 0 : benefits.showBenefits) && (benefits === null || benefits === void 0 ? void 0 : benefits.items) && benefits.items.length > 0) {
+        itemsToRender.push(react_1.default.createElement(SectionListItem_1.SectionListItem, { key: "benefits", title: benefits.title, containerOverrides: containerOverrides, itemOverrides: {
+                column: '1/-1',
+            } },
+            react_1.default.createElement(newskit_1.Block, null, benefits.items.map(function (benefit, index) {
+                var _a;
+                var isLastItem = index === ((_a = benefits.items) === null || _a === void 0 ? void 0 : _a.length) - 1;
+                return (react_1.default.createElement(shared_components_2.BenefitsListItem, __assign({ key: benefit.code }, benefit, { containerOverrides: {
+                        paddingBlockEnd: isLastItem ? 'space000' : 'space050',
+                    } })));
+            }))));
+    }
+    if (cancelSubscription) {
+        itemsToRender.push(react_1.default.createElement(SectionListItem_1.SectionListItem, __assign({ key: "cancel-subscription" }, cancelSubscription, { containerOverrides: containerOverrides })));
+    }
+    return (react_1.default.createElement(newskit_1.Stack, { flow: "vertical-stretch", "data-testid": "subscription-details-section" },
+        react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
+        react_1.default.createElement(BaseSection_1.StyledStructuredList, { divider: true }, itemsToRender)));
+};
+exports.SubscriptionDetailsSection = SubscriptionDetailsSection;
+//# sourceMappingURL=SubscriptionDetailsSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SubscriptionDetailsSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/UserHub/SubscriptionDetailsSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAsC;AACtC,uEAA0D;AAC1D,kEAAgE;AAChE,6CAAoD;AACpD,uEAAoE;AAGpE,gDAAiD;AAO1C,IAAM,0BAA0B,GAAG,UAAC,EAMT;;QALhC,MAAM,YAAA,EACN,kBAAkB,wBAAA,EAClB,QAAQ,cAAA,EACR,kBAAkB,wBAAA,EAClB,IAAI,UAAA;IAEJ,IAAM,KAAK,GAAG,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,0CAAG,CAAC,CAAC,0CAAE,KAAK,CAAA;IAC7C,IAAM,QAAQ,GAAG,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,0CAAG,CAAC,CAAC,0CAAE,QAAQ,CAAA;IAEnD,IAAM,aAAa,GAAG;QACpB,8BAAC,iCAAe,IACd,GAAG,EAAC,MAAM,EACV,KAAK,EAAC,MAAM,EACZ,QAAQ,EAAE,CAAA,MAAA,MAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,aAAa,0CAAG,CAAC,CAAC,0CAAE,IAAI,KAAI,EAAE,EAC9C,kBAAkB,EAAE,kBAAkB,GACtC;QACF,8BAAC,iCAAe,IACd,GAAG,EAAC,OAAO,EACX,KAAK,EAAC,OAAO,EACb,QAAQ,EAAE,KAAK,IAAI,QAAQ,CAAC,CAAC,CAAC,UAAG,wBAAY,CAAC,QAAQ,CAAC,SAAG,KAAK,CAAE,CAAC,CAAC,CAAC,EAAE,EACtE,kBAAkB,EAAE,kBAAkB,GACtC;KACH,CAAA;IAED,IAAI,CAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,YAAY,MAAI,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,KAAK,CAAA,IAAI,QAAQ,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,EAAE,CAAC;QAC3E,aAAa,CAAC,IAAI,CAChB,8BAAC,iCAAe,IACd,GAAG,EAAC,UAAU,EACd,KAAK,EAAE,QAAQ,CAAC,KAAK,EACrB,kBAAkB,EAAE,kBAAkB,EACtC,aAAa,EAAE;gBACb,MAAM,EAAE,MAAM;aACf;YAED,8BAAC,eAAK,QACH,QAAQ,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,KAAK;;gBACjC,IAAM,UAAU,GAAG,KAAK,KAAK,CAAA,MAAA,QAAQ,CAAC,KAAK,0CAAE,MAAO,IAAG,CAAC,CAAA;gBAExD,OAAO,CACL,8BAAC,oCAAgB,aACf,GAAG,EAAE,OAAO,CAAC,IAAI,IACb,OAAO,IACX,kBAAkB,EAAE;wBAClB,eAAe,EAAE,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,CAAC,CAAC,UAAU;qBACtD,IACD,CACH,CAAA;YACH,CAAC,CAAC,CACI,CACQ,CACnB,CAAA;IACH,CAAC;IAED,IAAI,kBAAkB,EAAE,CAAC;QACvB,aAAa,CAAC,IAAI,CAChB,8BAAC,iCAAe,aACd,GAAG,EAAC,qBAAqB,IACrB,kBAAkB,IACtB,kBAAkB,EAAE,kBAAkB,IACtC,CACH,CAAA;IACH,CAAC;IAED,OAAO,CACL,8BAAC,eAAK,IAAC,IAAI,EAAC,kBAAkB,iBAAa,8BAA8B;QACvE,8BAAC,0BAAM,eAAK,MAAM,EAAI;QAEtB,8BAAC,kCAAoB,IAAC,OAAO,EAAE,IAAI,IAChC,aAAa,CACO,CACjB,CACT,CAAA;AACH,CAAC,CAAA;AAzEY,QAAA,0BAA0B,8BAyEtC"}

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

@@ -0,0 +1,2 @@
+import { UserHubUpgradeSection } from '../../../context/types';
+export declare const UpgradeSection: ({ dataTestId, containerOverrides, header, description, button, }: UserHubUpgradeSection) => JSX.Element;

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

@@ -0,0 +1,36 @@
+"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.UpgradeSection = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var shared_components_1 = require("@newskit-render/shared-components");
+var StyledStack = (0, newskit_1.styled)(newskit_1.Stack)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid;\n  ", "\n"], ["\n  border: 1px solid;\n  ", "\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface040'));
+var UpgradeSection = function (_a) {
+    var dataTestId = _a.dataTestId, containerOverrides = _a.containerOverrides, header = _a.header, description = _a.description, button = _a.button;
+    return (react_1.default.createElement(newskit_1.Stack, { "data-testid": dataTestId || 'upgrade-subscription' },
+        react_1.default.createElement(shared_components_1.Header, __assign({ fullWidthTitle: true }, header)),
+        react_1.default.createElement(StyledStack, __assign({ paddingBlock: "space040", paddingInline: "space040", marginBlockEnd: "space070", flow: { xs: 'vertical-stretch', md: 'horizontal-center' } }, containerOverrides),
+            (description === null || description === void 0 ? void 0 : description.text) && (react_1.default.createElement(newskit_1.TextBlock, __assign({ typographyPreset: "editorialParagraph010", stylePreset: "inkBase" }, description.overrides), description.text)),
+            button && (react_1.default.createElement(newskit_1.Button, { href: button.href, eventContext: button.eventContext, overrides: __assign({ marginBlockStart: { xs: 'space050', md: 'space000' }, marginInlineStart: { xs: 'space000', md: 'space050' }, minWidth: '168px' }, button.overrides) }, button.children)))));
+};
+exports.UpgradeSection = UpgradeSection;
+var templateObject_1;
+//# sourceMappingURL=UpgradeSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"UpgradeSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/UserHub/UpgradeSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAgF;AAChF,uEAA0D;AAG1D,IAAM,WAAW,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,qGAAA,4BAE7B,EAAmD,IACtD,KADG,IAAA,8BAAoB,EAAC,aAAa,EAAE,cAAc,CAAC,CACtD,CAAA;AAEM,IAAM,cAAc,GAAG,UAAC,EAMP;QALtB,UAAU,gBAAA,EACV,kBAAkB,wBAAA,EAClB,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,MAAM,YAAA;IACqB,OAAA,CAC3B,8BAAC,eAAK,mBAAc,UAAU,IAAI,sBAAsB;QACtD,8BAAC,0BAAM,aAAC,cAAc,UAAK,MAAM,EAAI;QACrC,8BAAC,WAAW,aACV,YAAY,EAAC,UAAU,EACvB,aAAa,EAAC,UAAU,EACxB,cAAc,EAAC,UAAU,EACzB,IAAI,EAAE,EAAE,EAAE,EAAE,kBAAkB,EAAE,EAAE,EAAE,mBAAmB,EAAE,IACrD,kBAAkB;YAErB,CAAA,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,IAAI,KAAI,CACpB,8BAAC,mBAAS,aACR,gBAAgB,EAAC,uBAAuB,EACxC,WAAW,EAAC,SAAS,IACjB,WAAW,CAAC,SAAS,GAExB,WAAW,CAAC,IAAI,CACP,CACb;YACA,MAAM,IAAI,CACT,8BAAC,gBAAM,IACL,IAAI,EAAE,MAAM,CAAC,IAAI,EACjB,YAAY,EAAE,MAAM,CAAC,YAAY,EACjC,SAAS,aACP,gBAAgB,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,EACpD,iBAAiB,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,EACrD,QAAQ,EAAE,OAAO,IACd,MAAM,CAAC,SAAS,KAGpB,MAAM,CAAC,QAAQ,CACT,CACV,CACW,CACR,CACT;AAnC4B,CAmC5B,CAAA;AAzCY,QAAA,cAAc,kBAyC1B"}

package/dist/cjs/Components/SharedTypes/GridLayoutProps.d.ts

@@ -0,0 +1,37 @@
+import { MQ } from 'newskit';
+export interface GridLayoutProps {
+    rowGap?: MQ<string> | undefined;
+    columnGap?: MQ<string> | undefined;
+    rows?: MQ<string> | undefined;
+    columns?: MQ<string> | undefined;
+    justifyContent?: MQ<string> | undefined;
+    alignContent?: MQ<string> | undefined;
+    justifyItems?: MQ<string> | undefined;
+    alignItems?: MQ<string> | undefined;
+    areas?: MQ<string> | undefined;
+    inline?: MQ<boolean> | undefined;
+    autoColumns?: MQ<string> | undefined;
+    autoRows?: MQ<string> | undefined;
+    autoFlow?: MQ<string> | undefined;
+    children?: React.ReactNode;
+    overrides?: {
+        width?: MQ<string> | undefined;
+        minWidth?: MQ<string> | undefined;
+        maxWidth?: MQ<string> | undefined;
+        height?: MQ<string> | undefined;
+        minHeight?: MQ<string> | undefined;
+        maxHeight?: MQ<string> | undefined;
+        paddingInlineStart?: MQ<string>;
+        paddingInlineEnd?: MQ<string>;
+        paddingInline?: MQ<string>;
+        paddingBlockStart?: MQ<string>;
+        paddingBlockEnd?: MQ<string>;
+        paddingBlock?: MQ<string>;
+        marginInlineStart?: MQ<string>;
+        marginInlineEnd?: MQ<string>;
+        marginInline?: MQ<string>;
+        marginBlockStart?: MQ<string>;
+        marginBlockEnd?: MQ<string>;
+        marginBlock?: MQ<string>;
+    };
+}

package/dist/cjs/Components/SharedTypes/GridLayoutProps.js

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

package/dist/cjs/Components/SharedTypes/GridLayoutProps.js.map

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

package/dist/cjs/Components/Templates/AccountDeletionErrorRender.d.ts

@@ -0,0 +1 @@
+export declare const AccountDeletionErrorRender: () => JSX.Element;

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

@@ -0,0 +1,35 @@
+"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.AccountDeletionErrorRender = void 0;
+var react_1 = __importDefault(require("react"));
+var shared_components_1 = require("@newskit-render/shared-components");
+var context_1 = require("../../context");
+var types_1 = require("../../context/types");
+var newskit_1 = require("newskit");
+var AccountDeletionErrorRender = function () {
+    var contextName = types_1.ContextName.accountDeletion;
+    var context = (0, context_1.useAccountContext)(contextName);
+    var header = context.header, _a = context.error, error = _a === void 0 ? {} : _a;
+    var button = error.button, title = error.title, description = error.description, infoMessage = error.infoMessage;
+    return (react_1.default.createElement(newskit_1.GridLayout, { justifyContent: "center" },
+        react_1.default.createElement(shared_components_1.Header, __assign({}, header, { title: title })),
+        react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityBody020", marginBlockStart: "space045", marginInline: "auto" }, description),
+        react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: "utilityHeading010", stylePreset: "inkNegative", marginBlockStart: "space020", marginBlockEnd: "space045", marginInline: "auto" }, infoMessage),
+        react_1.default.createElement(newskit_1.Button, __assign({}, button), button === null || button === void 0 ? void 0 : button.text)));
+};
+exports.AccountDeletionErrorRender = AccountDeletionErrorRender;
+//# sourceMappingURL=AccountDeletionErrorRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccountDeletionErrorRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/AccountDeletionErrorRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,uEAA0D;AAC1D,yCAAgF;AAChF,6CAAiD;AACjD,mCAAuD;AAEhD,IAAM,0BAA0B,GAAG;IACxC,IAAM,WAAW,GAAG,mBAAW,CAAC,eAAe,CAAA;IAE/C,IAAM,OAAO,GAAG,IAAA,2BAAiB,EAC/B,WAAW,CACqB,CAAA;IAC1B,IAAA,MAAM,GAAiB,OAAO,OAAxB,EAAE,KAAe,OAAO,MAAZ,EAAV,KAAK,mBAAG,EAAE,KAAA,CAAY;IAC9B,IAAA,MAAM,GAAsC,KAAK,OAA3C,EAAE,KAAK,GAA+B,KAAK,MAApC,EAAE,WAAW,GAAkB,KAAK,YAAvB,EAAE,WAAW,GAAK,KAAK,YAAV,CAAU;IAEzD,OAAO,CACL,8BAAC,oBAAU,IAAC,cAAc,EAAC,QAAQ;QACjC,8BAAC,0BAAM,eAAK,MAAM,IAAE,KAAK,EAAE,KAAK,IAAI;QAEpC,8BAAC,mBAAS,IACR,gBAAgB,EAAC,gBAAgB,EACjC,gBAAgB,EAAC,UAAU,EAC3B,YAAY,EAAC,MAAM,IAElB,WAAW,CACF;QAEZ,8BAAC,mBAAS,IACR,gBAAgB,EAAC,mBAAmB,EACpC,WAAW,EAAC,aAAa,EACzB,gBAAgB,EAAC,UAAU,EAC3B,cAAc,EAAC,UAAU,EACzB,YAAY,EAAC,MAAM,IAElB,WAAW,CACF;QAEZ,8BAAC,gBAAM,eAAK,MAAM,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAU,CAChC,CACd,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,0BAA0B,8BAkCtC"}

package/dist/cjs/Components/Templates/AccountDeletionSuccessRender.d.ts

@@ -0,0 +1 @@
+export declare const AccountDeletionSuccessRender: () => JSX.Element;

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

@@ -0,0 +1,35 @@
+"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.AccountDeletionSuccessRender = void 0;
+var react_1 = __importDefault(require("react"));
+var shared_components_1 = require("@newskit-render/shared-components");
+var context_1 = require("../../context");
+var types_1 = require("../../context/types");
+var newskit_1 = require("newskit");
+var AccountDeletionSuccessRender = function () {
+    var contextName = types_1.ContextName.accountDeletion;
+    var context = (0, context_1.useAccountContext)(contextName);
+    var header = context.header, _a = context.success, success = _a === void 0 ? {} : _a;
+    var button = success.button, title = success.title, content = success.content;
+    return (react_1.default.createElement(newskit_1.Block, null,
+        react_1.default.createElement(shared_components_1.Header, __assign({}, header, { title: title })),
+        react_1.default.createElement(newskit_1.Block, { marginBlockStart: "space045", marginBlockEnd: "space050" }, content),
+        react_1.default.createElement(newskit_1.Stack, { flow: "horizontal-center", stackDistribution: "center" },
+            react_1.default.createElement(newskit_1.Button, __assign({}, button), button === null || button === void 0 ? void 0 : button.text))));
+};
+exports.AccountDeletionSuccessRender = AccountDeletionSuccessRender;
+//# sourceMappingURL=AccountDeletionSuccessRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccountDeletionSuccessRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/AccountDeletionSuccessRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,uEAA0D;AAC1D,yCAAgF;AAChF,6CAAiD;AACjD,mCAA8C;AAEvC,IAAM,4BAA4B,GAAG;IAC1C,IAAM,WAAW,GAAG,mBAAW,CAAC,eAAe,CAAA;IAE/C,IAAM,OAAO,GAAG,IAAA,2BAAiB,EAC/B,WAAW,CACqB,CAAA;IAC1B,IAAA,MAAM,GAAmB,OAAO,OAA1B,EAAE,KAAiB,OAAO,QAAZ,EAAZ,OAAO,mBAAG,EAAE,KAAA,CAAY;IAChC,IAAA,MAAM,GAAqB,OAAO,OAA5B,EAAE,KAAK,GAAc,OAAO,MAArB,EAAE,OAAO,GAAK,OAAO,QAAZ,CAAY;IAE1C,OAAO,CACL,8BAAC,eAAK;QACJ,8BAAC,0BAAM,eAAK,MAAM,IAAE,KAAK,EAAE,KAAK,IAAI;QAEpC,8BAAC,eAAK,IAAC,gBAAgB,EAAC,UAAU,EAAC,cAAc,EAAC,UAAU,IACzD,OAAO,CACF;QAER,8BAAC,eAAK,IAAC,IAAI,EAAC,mBAAmB,EAAC,iBAAiB,EAAC,QAAQ;YACxD,8BAAC,gBAAM,eAAK,MAAM,GAAG,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,CAAU,CACrC,CACF,CACT,CAAA;AACH,CAAC,CAAA;AAtBY,QAAA,4BAA4B,gCAsBxC"}

package/dist/cjs/Components/Templates/AddRender.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare const addComponentMap: {
+    'holiday-stop': React.FC<import("../Sections/Form/HolidayStop").HolidayStopProps>;
+    'bonus-accounts': (props: import("@newskit-render/shared-components").FormProps) => JSX.Element;
+};
+declare const AddRender: React.FC<{
+    type: string;
+}>;
+export default AddRender;

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

@@ -0,0 +1,56 @@
+"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.addComponentMap = void 0;
+var react_1 = __importDefault(require("react"));
+var router_1 = require("next/router");
+var shared_components_1 = require("@newskit-render/shared-components");
+var helpers_1 = require("../../helpers");
+var HolidayStop_1 = __importDefault(require("../Sections/Form/HolidayStop"));
+var InviteFamilyMember_1 = require("../Sections/Form/InviteFamilyMember");
+var types_1 = require("../../context/types");
+var context_1 = require("../../context");
+exports.addComponentMap = {
+    'holiday-stop': HolidayStop_1.default,
+    'bonus-accounts': InviteFamilyMember_1.InviteFamilyMember,
+};
+var AddRender = function (_a) {
+    var _b, _c, _d;
+    var type = _a.type;
+    var router = (0, router_1.useRouter)();
+    var contextName = types_1.ContextName.addField;
+    var _e = (0, context_1.useAccountContext)(contextName), header = _e.header, forms = _e.forms, buttonGroupProps = _e.buttonGroupProps, baseUrl = _e.baseUrl, requestHeaders = _e.requestHeaders;
+    var SectionComponent = exports.addComponentMap[type];
+    if (!SectionComponent) {
+        return react_1.default.createElement(react_1.default.Fragment, null);
+    }
+    var pageViewContext = (_b = forms[type]) === null || _b === void 0 ? void 0 : _b.tealiumContext;
+    var form = forms[type] || forms.default;
+    var _f = (0, helpers_1.getEmbeddedModeAndOnboardingQueryStatus)(router, requestHeaders), isUserVisitingFromOnboardingModal = _f.isUserVisitingFromOnboardingModal, isEmbeddedModeOn = _f.isEmbeddedModeOn;
+    (0, shared_components_1.usePageViewTracking)((0, helpers_1.updateTealiumContextForOnboarding)(isUserVisitingFromOnboardingModal, isEmbeddedModeOn, pageViewContext));
+    var mergedButtonGroupProps = (0, helpers_1.mergeButtonGroupProps)(baseUrl, __assign({}, buttonGroupProps), form.props.buttonGroupProps);
+    if (mergedButtonGroupProps.primaryButton) {
+        mergedButtonGroupProps.primaryButton.eventContext = __assign(__assign({}, mergedButtonGroupProps.primaryButton.eventContext), { page_name: "".concat((_c = header.title) === null || _c === void 0 ? void 0 : _c.toLocaleLowerCase()) });
+    }
+    if (mergedButtonGroupProps.secondaryButton) {
+        mergedButtonGroupProps.secondaryButton.eventContext = __assign(__assign({}, mergedButtonGroupProps.secondaryButton.eventContext), { page_name: "".concat((_d = header.title) === null || _d === void 0 ? void 0 : _d.toLocaleLowerCase()) });
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(shared_components_1.Header, __assign({}, header, form.header)),
+        react_1.default.createElement(SectionComponent, __assign({ "data-testid": "".concat(type, "-form") }, form.props, { buttonGroupProps: mergedButtonGroupProps, contextName: contextName, isUserVisitingFromOnboardingModal: isUserVisitingFromOnboardingModal, isEmbeddedModeOn: isEmbeddedModeOn }))));
+};
+exports.default = AddRender;
+//# sourceMappingURL=AddRender.js.map