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

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

@@ -0,0 +1,61 @@
+"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.ListSection = void 0;
+var react_1 = __importDefault(require("react"));
+var shared_components_1 = require("@newskit-render/shared-components");
+var helpers_1 = require("../../../helpers");
+var newskit_1 = require("newskit");
+var context_1 = require("../../../context");
+var types_1 = require("../../../context/types");
+var utils_1 = require("./utils");
+var StyledStructuredList = (0, newskit_1.styled)(newskit_1.StructuredList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid;\n  ", "\n"], ["\n  border: 1px solid;\n  ", "\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'));
+var ListSection = function (_a) {
+    var header = _a.header, items = _a.items, containerOverrides = _a.containerOverrides, baseUrl = _a.baseUrl, divider = _a.divider;
+    var contextName = types_1.ContextName.userHubPage;
+    var _b = (0, context_1.useAccountContext)(contextName), userCapabilities = _b.userData.userCapabilities, featureFlags = _b.featureFlags;
+    var _c = userCapabilities || {}, isRegisteredUser = _c.isRegisteredUser, hasPaymentData = _c.hasPaymentData;
+    var itemsToRender = (0, utils_1.filterList)(items, {
+        featureFlags: featureFlags,
+        isRegisteredUser: isRegisteredUser,
+        hasPaymentData: hasPaymentData,
+    });
+    return (react_1.default.createElement(newskit_1.Stack, { flow: "vertical-stretch" },
+        react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
+        react_1.default.createElement(StyledStructuredList, { divider: divider }, itemsToRender === null || itemsToRender === void 0 ? void 0 : itemsToRender.map(function (_a) {
+            var href = _a.href, componentType = _a.componentType, props = __rest(_a, ["href", "componentType"]);
+            var RenderList = (0, utils_1.getListComponent)(componentType);
+            return (react_1.default.createElement(RenderList, __assign({ key: props.id }, props, { containerOverrides: containerOverrides, href: (0, helpers_1.replaceBaseURL)(baseUrl || '', href) })));
+        }))));
+};
+exports.ListSection = ListSection;
+var templateObject_1;
+//# sourceMappingURL=ListSection.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ListSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/SectionContainer/ListSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,uEAA0D;AAC1D,4CAAiD;AACjD,mCAA6E;AAC7E,4CAA2E;AAC3E,gDAAoD;AACpD,iCAAsD;AAGtD,IAAM,oBAAoB,GAAG,IAAA,gBAAM,EAAC,wBAAc,CAAC,qGAAA,4BAE/C,EAAmD,IACtD,KADG,IAAA,8BAAoB,EAAC,aAAa,EAAE,cAAc,CAAC,CACtD,CAAA;AAEM,IAAM,WAAW,GAAG,UAAC,EAMT;QALjB,MAAM,YAAA,EACN,KAAK,WAAA,EACL,kBAAkB,wBAAA,EAClB,OAAO,aAAA,EACP,OAAO,aAAA;IAEP,IAAM,WAAW,GAAG,mBAAW,CAAC,WAAW,CAAA;IACrC,IAAA,KAGF,IAAA,2BAAiB,EAAC,WAAW,CAA0B,EAF7C,gBAAgB,+BAAA,EAC5B,YAAY,kBAC6C,CAAA;IACrD,IAAA,KAAuC,gBAAgB,IAAI,EAAE,EAA3D,gBAAgB,sBAAA,EAAE,cAAc,oBAA2B,CAAA;IAEnE,IAAM,aAAa,GAAG,IAAA,kBAAU,EAAC,KAAK,EAAE;QACtC,YAAY,cAAA;QACZ,gBAAgB,kBAAA;QAChB,cAAc,gBAAA;KACf,CAAC,CAAA;IAEF,OAAO,CACL,8BAAC,eAAK,IAAC,IAAI,EAAC,kBAAkB;QAC5B,8BAAC,0BAAM,eAAK,MAAM,EAAI;QAEtB,8BAAC,oBAAoB,IAAC,OAAO,EAAE,OAAO,IACnC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,GAAG,CAAC,UAAC,EAAiC;YAA/B,IAAA,IAAI,UAAA,EAAE,aAAa,mBAAA,EAAK,KAAK,cAA/B,yBAAiC,CAAF;YAClD,IAAM,UAAU,GAAG,IAAA,wBAAgB,EAAC,aAAa,CAAC,CAAA;YAClD,OAAO,CACL,8BAAC,UAAU,aACT,GAAG,EAAE,KAAK,CAAC,EAAE,IACT,KAAK,IACT,kBAAkB,EAAE,kBAAkB,EACtC,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,IAAI,EAAE,EAAE,IAAI,CAAC,IACzC,CACH,CAAA;QACH,CAAC,CAAC,CACmB,CACjB,CACT,CAAA;AACH,CAAC,CAAA;AAvCY,QAAA,WAAW,eAuCvB"}

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

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare const containerComponentsMap: {
+    list: ({ header, items, containerOverrides, baseUrl, divider, }: import("./types").BaseSectionProps) => JSX.Element;
+    grid: React.FC<import("./types").GridSectionProps>;
+};
+export type ContainerComponentNames = keyof typeof containerComponentsMap;
+export declare const getContainerComponent: (componentPreset: string | undefined) => any;
+export declare const SectionContainer: ({ layoutType, ...props }: {
+    [x: string]: any;
+    layoutType: any;
+}) => JSX.Element;

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

@@ -0,0 +1,49 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SectionContainer = exports.getContainerComponent = exports.containerComponentsMap = void 0;
+var react_1 = __importDefault(require("react"));
+var GridSection_1 = require("./GridSection");
+var ListSection_1 = require("./ListSection");
+exports.containerComponentsMap = {
+    list: ListSection_1.ListSection,
+    grid: GridSection_1.GridSection,
+};
+var getContainerComponent = function (componentPreset) {
+    if (!componentPreset || !exports.containerComponentsMap[componentPreset]) {
+        return exports.containerComponentsMap.list;
+    }
+    return exports.containerComponentsMap[componentPreset];
+};
+exports.getContainerComponent = getContainerComponent;
+var SectionContainer = function (_a) {
+    var layoutType = _a.layoutType, props = __rest(_a, ["layoutType"]);
+    var Container = (0, exports.getContainerComponent)(layoutType);
+    return react_1.default.createElement(Container, __assign({}, props));
+};
+exports.SectionContainer = SectionContainer;
+//# sourceMappingURL=SectionContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SectionContainer.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/SectionContainer/SectionContainer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,6CAA2C;AAC3C,6CAA2C;AAE9B,QAAA,sBAAsB,GAAG;IACpC,IAAI,EAAE,yBAAW;IACjB,IAAI,EAAE,yBAAW;CAClB,CAAA;AAIM,IAAM,qBAAqB,GAAG,UAAC,eAAmC;IACvE,IAAI,CAAC,eAAe,IAAI,CAAC,8BAAsB,CAAC,eAAe,CAAC,EAAE,CAAC;QACjE,OAAO,8BAAsB,CAAC,IAAI,CAAA;IACpC,CAAC;IAED,OAAO,8BAAsB,CAAC,eAAe,CAAC,CAAA;AAChD,CAAC,CAAA;AANY,QAAA,qBAAqB,yBAMjC;AAEM,IAAM,gBAAgB,GAAG,UAAC,EAAwB;IAAtB,IAAA,UAAU,gBAAA,EAAK,KAAK,cAAtB,cAAwB,CAAF;IACrD,IAAM,SAAS,GAAG,IAAA,6BAAqB,EAAC,UAAU,CAAC,CAAA;IACnD,OAAO,8BAAC,SAAS,eAAK,KAAK,EAAI,CAAA;AACjC,CAAC,CAAA;AAHY,QAAA,gBAAgB,oBAG5B"}

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,39 @@
+import { InfoPanel, IntroductionProps, ModalProps, ListItemType, InvoiceOverrides, 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, StepController } from '../../Templates/CancellationStepperRender';
+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?: InvoiceOverrides;
+    belowContentExtra?: BelowContentExtra;
+};
+export interface BaseSectionProps extends CancellationSection, CancellationItem {
+    baseUrl?: string;
+    divider?: boolean;
+    gridLayoutOverrides?: NewslettersGridOverrides;
+}
+export interface GridSectionProps extends CancellationSection {
+    baseUrl?: string;
+    onNextStep: StepController;
+    handleCardClick: HandleCardClick;
+    eventContext?: EventContext;
+}

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,29 @@
+"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) {
+    if (!props.hasPaymentData || props.isRegisteredUser) {
+        return items.filter(function (_a) {
+            var id = _a.id;
+            return id !== 'payment-details-tile';
+        });
+    }
+    return items;
+};
+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,IAAI,CAAC,KAAK,CAAC,cAAc,IAAI,KAAK,CAAC,gBAAgB,EAAE,CAAC;QACpD,OAAO,KAAK,CAAC,MAAM,CAAC,UAAC,EAAM;gBAAJ,EAAE,QAAA;YAAO,OAAA,EAAE,KAAK,sBAAsB;QAA7B,CAA6B,CAAC,CAAA;IAChE,CAAC;IACD,OAAO,KAAK,CAAA;AACd,CAAC,CAAA;AALY,QAAA,UAAU,cAKtB;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.js

@@ -31,18 +31,28 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.BaseSection = void 0;
 var shared_components_1 = require("@newskit-render/shared-components");
-var UserHubListItem_1 = require("../../Elements/UserHubListItem");
 var helpers_1 = require("../../../helpers");
 var newskit_1 = require("newskit");
 var react_1 = __importDefault(require("react"));
+var context_1 = require("../../../context");
+var types_1 = require("../../../context/types");
+var SectionListItem_1 = require("../../Elements/SectionListItem");
 var StyledStructuredList = (0, newskit_1.styled)(newskit_1.StructuredList)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid;\n  ", "\n"], ["\n  border: 1px solid;\n  ", "\n"])), (0, newskit_1.getColorCssFromTheme)('borderColor', 'interface030'));
 var BaseSection = function (_a) {
     var dataTestId = _a.dataTestId, header = _a.header, items = _a.items, containerOverrides = _a.containerOverrides, baseUrl = _a.baseUrl;
+    var contextName = types_1.ContextName.userHubPage;
+    var userCapabilities = (0, context_1.useAccountContext)(contextName).userData.userCapabilities;
+    var _b = userCapabilities || {}, isRegisteredUser = _b.isRegisteredUser, hasPaymentData = _b.hasPaymentData;
+    var itemsToRender = items.filter(function (_a) {
+        var id = _a.id;
+        var shouldHidePaymentDetails = id === 'payment-details-tile' && (!hasPaymentData || isRegisteredUser);
+        return !shouldHidePaymentDetails;
+    });
     return (react_1.default.createElement(newskit_1.Stack, { flow: "vertical-stretch", "data-testid": dataTestId },
         react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
-        react_1.default.createElement(StyledStructuredList, { divider: true }, items.map(function (_a) {
+        react_1.default.createElement(StyledStructuredList, { divider: true }, itemsToRender.map(function (_a) {
             var href = _a.href, props = __rest(_a, ["href"]);
-            return (react_1.default.createElement(UserHubListItem_1.UserHubListItem, __assign({ key: props.id }, props, { containerOverrides: containerOverrides, href: (0, helpers_1.replaceBaseURL)(baseUrl, 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;

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

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

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

@@ -1,6 +1,8 @@
 import { UserHubNewslettersSection } from '../../../context/types';
-import { NewsletterDetails } from '../../../pages/types';
+import { NewsletterDetails, UserCapabilitiesDecisions } from '../../../pages/types';
 export interface NewslettersSectionProps extends UserHubNewslettersSection {
     newsletters: NewsletterDetails[];
+    capabilities?: UserCapabilitiesDecisions;
+    featureFlags?: Record<string, boolean>;
 }
-export declare const NewslettersSection: ({ header, newsletters, newslettersListProps, ...rest }: NewslettersSectionProps) => JSX.Element | null;
+export declare const NewslettersSection: ({ header, newsletters, newslettersListProps, capabilities, featureFlags, ...rest }: NewslettersSectionProps) => JSX.Element | null;

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

@@ -59,18 +59,28 @@ 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  &:last-child {\n    display: none;\n  }\n  ", " {\n    &:last-child {\n      display: grid;\n    }\n  }\n"], ["\n  &:last-child {\n    display: none;\n  }\n  ", " {\n    &:last-child {\n      display: grid;\n    }\n  }\n"])), (0, newskit_1.getMediaQueryFromTheme)('md'));
+var userNewsletterMap = {
+    basicPack: 'default',
+    lightPack: 'default',
+    registered: 'registered',
+    full: 'full',
+};
 var NewslettersSection = function (_a) {
-    var header = _a.header, newsletters = _a.newsletters, newslettersListProps = _a.newslettersListProps, rest = __rest(_a, ["header", "newsletters", "newslettersListProps"]);
+    var header = _a.header, newsletters = _a.newsletters, newslettersListProps = _a.newslettersListProps, capabilities = _a.capabilities, featureFlags = _a.featureFlags, rest = __rest(_a, ["header", "newsletters", "newslettersListProps", "capabilities", "featureFlags"]);
     var newslettersList = (0, react_1.useMemo)(function () {
         if (!newsletters || !(newsletters === null || newsletters === void 0 ? void 0 : newsletters.length)) {
             return [];
         }
         var userHubNewslettersIds = newslettersListProps.userHubNewslettersIds;
+        var _a = capabilities || {}, lightPack = _a.lightPack, basicPack = _a.basicPack, registered = _a.registered;
+        var packs = { lightPack: lightPack, basicPack: basicPack, registered: registered };
+        var entitlement = Object.keys(packs).find(function (key) { return packs[key] && key; }) || 'full';
+        var newslettersForUser = userHubNewslettersIds[userNewsletterMap[entitlement]];
         return newsletters
-            .filter(function (n) { return userHubNewslettersIds.some(function (nl) { return nl === n.bulletinId; }); })
+            .filter(function (n) { return newslettersForUser.some(function (nl) { return nl === n.bulletinId; }); })
             .sort(function (a, b) {
-            return userHubNewslettersIds.indexOf(a.bulletinId) -
-                userHubNewslettersIds.indexOf(b.bulletinId);
+            return newslettersForUser.indexOf(a.bulletinId) -
+                newslettersForUser.indexOf(b.bulletinId);
         });
     }, [newslettersListProps, newsletters]);
     if (newslettersList.length === 0)

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

@@ -1 +1 @@
-{"version":3,"file":"NewslettersSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/UserHub/NewslettersSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA0D;AAC1D,mCAA+D;AAC/D,6CAAsC;AAGtC,sDAAoD;AACpD,+FAAwE;AAKxE,IAAM,oBAAoB,GAAG,IAAA,gBAAM,EAAC,wBAAc,CAAC,kLAAA,iDAI/C,EAA4B,4DAK/B,KALG,IAAA,gCAAsB,EAAC,IAAI,CAAC,CAK/B,CAAA;AAEM,IAAM,kBAAkB,GAAG,UAAC,EAKT;IAJxB,IAAA,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACjB,IAAI,cAJ0B,iDAKlC,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;QACO,IAAA,qBAAqB,GAAK,oBAAoB,sBAAzB,CAAyB;QACtD,OAAO,WAAW;aACf,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,qBAAqB,CAAC,IAAI,CAAC,UAAC,EAAE,IAAK,OAAA,EAAE,KAAK,CAAC,CAAC,UAAU,EAAnB,CAAmB,CAAC,EAAvD,CAAuD,CAAC;aACtE,IAAI,CACH,UAAC,CAAC,EAAE,CAAC;YACH,OAAA,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC;gBAC3C,qBAAqB,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC;QAD3C,CAC2C,CAC9C,CAAA;IACL,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,IAE5D,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;AAxCY,QAAA,kBAAkB,sBAwC9B"}
+{"version":3,"file":"NewslettersSection.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/UserHub/NewslettersSection.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,uEAA0D;AAC1D,mCAA+D;AAC/D,6CAAsC;AAMtC,sDAAoD;AACpD,+FAAwE;AAOxE,IAAM,oBAAoB,GAAG,IAAA,gBAAM,EAAC,wBAAc,CAAC,kLAAA,iDAI/C,EAA4B,4DAK/B,KALG,IAAA,gCAAsB,EAAC,IAAI,CAAC,CAK/B,CAAA;AAED,IAAM,iBAAiB,GAAG;IACxB,SAAS,EAAE,SAAS;IACpB,SAAS,EAAE,SAAS;IACpB,UAAU,EAAE,YAAY;IACxB,IAAI,EAAE,MAAM;CACb,CAAA;AAEM,IAAM,kBAAkB,GAAG,UAAC,EAOT;IANxB,IAAA,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,oBAAoB,0BAAA,EACpB,YAAY,kBAAA,EACZ,YAAY,kBAAA,EACT,IAAI,cAN0B,iFAOlC,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;QACO,IAAA,qBAAqB,GAAK,oBAAoB,sBAAzB,CAAyB;QAChD,IAAA,KAAuC,YAAY,IAAI,EAAE,EAAvD,SAAS,eAAA,EAAE,SAAS,eAAA,EAAE,UAAU,gBAAuB,CAAA;QAC/D,IAAM,KAAK,GAAG,EAAE,SAAS,WAAA,EAAE,SAAS,WAAA,EAAE,UAAU,YAAA,EAAE,CAAA;QAClD,IAAM,WAAW,GACf,MAAM,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,IAAI,CAAC,UAAC,GAAG,IAAK,OAAA,KAAK,CAAC,GAAG,CAAC,IAAI,GAAG,EAAjB,CAAiB,CAAC,IAAI,MAAM,CAAA;QAC/D,IAAM,kBAAkB,GACtB,qBAAqB,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,CAAA;QAEvD,OAAO,WAAW;aACf,MAAM,CAAC,UAAC,CAAC,IAAK,OAAA,kBAAkB,CAAC,IAAI,CAAC,UAAC,EAAE,IAAK,OAAA,EAAE,KAAK,CAAC,CAAC,UAAU,EAAnB,CAAmB,CAAC,EAApD,CAAoD,CAAC;aACnE,IAAI,CACH,UAAC,CAAC,EAAE,CAAC;YACH,OAAA,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC;gBACxC,kBAAkB,CAAC,OAAO,CAAC,CAAC,CAAC,UAAU,CAAC;QADxC,CACwC,CAC3C,CAAA;IACL,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,IAE5D,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;AAjDY,QAAA,kBAAkB,sBAiD9B"}

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

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

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

@@ -25,7 +25,6 @@ var types_1 = require("../../context/types");
 var context_1 = require("../../context");
 exports.addComponentMap = {
     'holiday-stop': HolidayStop_1.default,
-    family: InviteFamilyMember_1.InviteFamilyMember,
     'bonus-accounts': InviteFamilyMember_1.InviteFamilyMember,
 };
 var AddRender = function (_a) {

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

@@ -1 +1 @@
-{"version":3,"file":"AddRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/AddRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,sCAAuC;AAEvC,uEAA+E;AAE/E,yCAIsB;AACtB,6EAAsD;AACtD,0EAAwE;AACxE,6CAAiD;AACjD,yCAAwE;AAE3D,QAAA,eAAe,GAAG;IAC7B,cAAc,EAAE,qBAAW;IAC3B,MAAM,EAAE,uCAAkB;IAC1B,gBAAgB,EAAE,uCAAkB;CACrC,CAAA;AAED,IAAM,SAAS,GAA+B,UAAC,EAAQ;;QAAN,IAAI,UAAA;IACnD,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAA;IAE1B,IAAM,WAAW,GAAG,mBAAW,CAAC,QAAQ,CAAA;IAClC,IAAA,KACJ,IAAA,2BAAiB,EAAC,WAAW,CAA0B,EADjD,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,gBAAgB,sBAAA,EAAE,OAAO,aAAA,EAAE,cAAc,oBACP,CAAA;IAEzD,IAAM,gBAAgB,GAAG,uBAAe,CAAC,IAAI,CAAC,CAAA;IAE9C,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,OAAO,6DAAK,CAAA;IACd,CAAC;IAED,IAAM,eAAe,GAAG,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,cAAc,CAAA;IACnD,IAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,OAAO,CAAA;IAEnC,IAAA,KACJ,IAAA,iDAAuC,EAAC,MAAM,EAAE,cAAc,CAAC,EADzD,iCAAiC,uCAAA,EAAE,gBAAgB,sBACM,CAAA;IAEjE,IAAA,uCAAmB,EACjB,IAAA,2CAAiC,EAC/B,iCAAiC,EACjC,gBAAgB,EAChB,eAAe,CAChB,CACF,CAAA;IAED,IAAM,sBAAsB,GAAG,IAAA,+BAAqB,EAClD,OAAO,eACF,gBAAgB,GACrB,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAC5B,CAAA;IAED,IAAI,sBAAsB,CAAC,aAAa,EAAE,CAAC;QACzC,sBAAsB,CAAC,aAAa,CAAC,YAAY,yBAC5C,sBAAsB,CAAC,aAAa,CAAC,YAAY,KACpD,SAAS,EAAE,UAAG,MAAA,MAAM,CAAC,KAAK,0CAAE,iBAAiB,EAAE,CAAE,GAClD,CAAA;IACH,CAAC;IAED,IAAI,sBAAsB,CAAC,eAAe,EAAE,CAAC;QAC3C,sBAAsB,CAAC,eAAe,CAAC,YAAY,yBAC9C,sBAAsB,CAAC,eAAe,CAAC,YAAY,KACtD,SAAS,EAAE,UAAG,MAAA,MAAM,CAAC,KAAK,0CAAE,iBAAiB,EAAE,CAAE,GAClD,CAAA;IACH,CAAC;IAED,OAAO,CACL;QACE,8BAAC,0BAAM,eAAK,MAAM,EAAM,IAAI,CAAC,MAAM,EAAI;QACvC,8BAAC,gBAAgB,4BACF,UAAG,IAAI,UAAO,IACvB,IAAI,CAAC,KAAK,IACd,gBAAgB,EAAE,sBAAsB,EACxC,WAAW,EAAE,WAAW,EACxB,iCAAiC,EAAE,iCAAiC,EACpE,gBAAgB,EAAE,gBAAgB,IAClC,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,SAAS,CAAA"}
+{"version":3,"file":"AddRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/AddRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,sCAAuC;AAEvC,uEAA+E;AAE/E,yCAIsB;AACtB,6EAAsD;AACtD,0EAAwE;AACxE,6CAAiD;AACjD,yCAAwE;AAE3D,QAAA,eAAe,GAAG;IAC7B,cAAc,EAAE,qBAAW;IAC3B,gBAAgB,EAAE,uCAAkB;CACrC,CAAA;AAED,IAAM,SAAS,GAA+B,UAAC,EAAQ;;QAAN,IAAI,UAAA;IACnD,IAAM,MAAM,GAAG,IAAA,kBAAS,GAAE,CAAA;IAE1B,IAAM,WAAW,GAAG,mBAAW,CAAC,QAAQ,CAAA;IAClC,IAAA,KACJ,IAAA,2BAAiB,EAAC,WAAW,CAA0B,EADjD,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,gBAAgB,sBAAA,EAAE,OAAO,aAAA,EAAE,cAAc,oBACP,CAAA;IAEzD,IAAM,gBAAgB,GAAG,uBAAe,CAAC,IAAI,CAAC,CAAA;IAE9C,IAAI,CAAC,gBAAgB,EAAE,CAAC;QACtB,OAAO,6DAAK,CAAA;IACd,CAAC;IAED,IAAM,eAAe,GAAG,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,cAAc,CAAA;IACnD,IAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,OAAO,CAAA;IAEnC,IAAA,KACJ,IAAA,iDAAuC,EAAC,MAAM,EAAE,cAAc,CAAC,EADzD,iCAAiC,uCAAA,EAAE,gBAAgB,sBACM,CAAA;IAEjE,IAAA,uCAAmB,EACjB,IAAA,2CAAiC,EAC/B,iCAAiC,EACjC,gBAAgB,EAChB,eAAe,CAChB,CACF,CAAA;IAED,IAAM,sBAAsB,GAAG,IAAA,+BAAqB,EAClD,OAAO,eACF,gBAAgB,GACrB,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAC5B,CAAA;IAED,IAAI,sBAAsB,CAAC,aAAa,EAAE,CAAC;QACzC,sBAAsB,CAAC,aAAa,CAAC,YAAY,yBAC5C,sBAAsB,CAAC,aAAa,CAAC,YAAY,KACpD,SAAS,EAAE,UAAG,MAAA,MAAM,CAAC,KAAK,0CAAE,iBAAiB,EAAE,CAAE,GAClD,CAAA;IACH,CAAC;IAED,IAAI,sBAAsB,CAAC,eAAe,EAAE,CAAC;QAC3C,sBAAsB,CAAC,eAAe,CAAC,YAAY,yBAC9C,sBAAsB,CAAC,eAAe,CAAC,YAAY,KACtD,SAAS,EAAE,UAAG,MAAA,MAAM,CAAC,KAAK,0CAAE,iBAAiB,EAAE,CAAE,GAClD,CAAA;IACH,CAAC;IAED,OAAO,CACL;QACE,8BAAC,0BAAM,eAAK,MAAM,EAAM,IAAI,CAAC,MAAM,EAAI;QACvC,8BAAC,gBAAgB,4BACF,UAAG,IAAI,UAAO,IACvB,IAAI,CAAC,KAAK,IACd,gBAAgB,EAAE,sBAAsB,EACxC,WAAW,EAAE,WAAW,EACxB,iCAAiC,EAAE,iCAAiC,EACpE,gBAAgB,EAAE,gBAAgB,IAClC,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,SAAS,CAAA"}

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

@@ -0,0 +1,17 @@
+import React from 'react';
+import { EventContext } from '@newskit-render/shared-components';
+export declare const componentMap: {
+    reason: ({ belowItemExtra, onNextStep, handleCardClick, ...props }: import("../Sections/SectionContainer").GridSectionProps) => JSX.Element;
+    downgrade: React.FC<import("../Sections/CancelSubscriptionDowngrade/CancelSubscriptionDowngrade").CancelSubscriptionDowngradeProps>;
+    preCancellation: ({ header, containerOverrides, user, subscriptionName, subscriptionEnd, selectedReason, defaultCancellationReason, dividerOverrides, continueButton, genericErrorMessage, setServiceCancellationDate, handleError, onNextStep, }: import("../Sections/CancellationDetails").CancellationDetailsProps) => JSX.Element;
+    confirmCancel: ({ image, buttonOverrides, buttonText, introduction, buttonEventContext, buttonUrl, baseUrl, serviceCancellationDate, }: import("../Sections/ConfirmCancellation/ConfirmCancellation").ConfirmCancellationStepProps) => JSX.Element;
+};
+export type SelectionData = {
+    id: string;
+    label?: string;
+    eventContext?: EventContext;
+};
+export type StepController = (event: React.MouseEvent, override?: string | null, eventContext?: Record<string, string>) => void;
+export type HandleCardClick = (event: React.MouseEvent, selectionData: SelectionData) => void;
+declare const CancellationStepperRender: React.FC;
+export default CancellationStepperRender;

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

@@ -0,0 +1,157 @@
+"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 __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentMap = void 0;
+var react_1 = __importStar(require("react"));
+var shared_components_1 = require("@newskit-render/shared-components");
+var context_1 = require("../../context");
+var types_1 = require("../../context/types");
+var navigation_1 = require("next/navigation");
+var CancellationReasons_1 = require("../Sections/CancellationReasons");
+var CancellationDetails_1 = require("../Sections/CancellationDetails");
+var helpers_1 = require("../../helpers");
+var CancelSubscriptionDowngrade_1 = require("../Sections/CancelSubscriptionDowngrade");
+var ConfirmCancellation_1 = require("../Sections/ConfirmCancellation/ConfirmCancellation");
+var newskit_1 = require("newskit");
+exports.componentMap = {
+    reason: CancellationReasons_1.CancellationReasons,
+    downgrade: CancelSubscriptionDowngrade_1.CancelSubscriptionDowngrade,
+    preCancellation: CancellationDetails_1.CancellationDetails,
+    confirmCancel: ConfirmCancellation_1.ConfirmCancellation,
+};
+var CancellationStepperRender = function () {
+    var _a, _b, _c, _d, _e;
+    var contextName = types_1.ContextName.CancellationStepper;
+    var _f = (0, context_1.useAccountContext)(contextName), header = _f.header, components = _f.components, componentSequence = _f.componentSequence, showBackButton = _f.showBackButton, userData = _f.userData, baseUrl = _f.baseUrl, handleError = _f.handleError;
+    var backButtonHref = (_a = header === null || header === void 0 ? void 0 : header.backButton) === null || _a === void 0 ? void 0 : _a.href;
+    var hederBackButtonProps = header === null || header === void 0 ? void 0 : header.backButton;
+    var router = (0, navigation_1.useRouter)();
+    var searchParams = (0, navigation_1.useSearchParams)();
+    var type = (_c = (_b = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.type;
+    if (!type || !componentSequence[type])
+        return null;
+    var _g = (0, react_1.useState)(null), selections = _g[0], setSelections = _g[1];
+    var pagesInOrder = componentSequence[type];
+    var _h = (0, react_1.useState)(null), overrideComponent = _h[0], setOverrideComponent = _h[1];
+    var _j = (0, react_1.useState)([]), filteredPages = _j[0], setFilteredPages = _j[1];
+    var _k = (0, react_1.useState)(null), serviceCancellationDate = _k[0], setServiceCancellationDate = _k[1];
+    var stepFromUrl = searchParams.get('step');
+    var currentStepComponent = overrideComponent || stepFromUrl || pagesInOrder[0];
+    var activePages = filteredPages.length > 0 ? filteredPages : pagesInOrder;
+    var stepIndex = activePages.findIndex(function (page) { return page === currentStepComponent; });
+    var SectionComponent = exports.componentMap[currentStepComponent];
+    var componentProps = components[currentStepComponent];
+    var updateUrlWithStep = function (step, isInitialStep) {
+        if (isInitialStep === void 0) { isInitialStep = false; }
+        var params = new URLSearchParams(searchParams.toString());
+        params.set('step', step);
+        if (isInitialStep)
+            router.replace("?".concat(params.toString()));
+        else
+            router.push("?".concat(params.toString()));
+    };
+    (0, react_1.useEffect)(function () {
+        if (!stepFromUrl) {
+            var defaultStep = pagesInOrder[0];
+            updateUrlWithStep(defaultStep, true);
+        }
+    }, []);
+    var handleBackBtn = function (event) {
+        event === null || event === void 0 ? void 0 : event.preventDefault();
+        if (overrideComponent) {
+            setOverrideComponent(null);
+            setFilteredPages([]);
+            router.back();
+            return;
+        }
+        if (stepIndex <= 0) {
+            router.push((0, helpers_1.replaceBaseURL)(baseUrl || '', backButtonHref));
+            return;
+        }
+        updateUrlWithStep(activePages[stepIndex - 1]);
+    };
+    var stepController = function (event, override) {
+        var _a;
+        if (override === void 0) { override = null; }
+        (_a = event === null || event === void 0 ? void 0 : event.preventDefault) === null || _a === void 0 ? void 0 : _a.call(event);
+        // Default behaviour - go to next step
+        if (!override) {
+            var nextStep = activePages[stepIndex + 1];
+            updateUrlWithStep(nextStep);
+            return;
+        }
+        setOverrideComponent(override);
+        setFilteredPages(pagesInOrder.filter(function (page) { return page !== override; }));
+        updateUrlWithStep(override);
+    };
+    var handleCardClick = function (_event, selectionData) {
+        setSelections(selectionData);
+    };
+    var pageEventContext = (0, react_1.useMemo)(function () {
+        var _a, _b, _c;
+        return {
+            originator: ((_a = componentProps === null || componentProps === void 0 ? void 0 : componentProps.tealiumContext) === null || _a === void 0 ? void 0 : _a.originator) || 'cancellation-stepper',
+            context: __assign(__assign({}, (((_b = componentProps === null || componentProps === void 0 ? void 0 : componentProps.tealiumContext) === null || _b === void 0 ? void 0 : _b.context) || {})), { cancellation_type: ((_c = selections === null || selections === void 0 ? void 0 : selections.eventContext) === null || _c === void 0 ? void 0 : _c.article_parent_name) || '' }),
+        };
+    }, [componentProps]);
+    var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
+    // this is a copy of usePageViewTracking but it changes when the eventContext changes, changing that in usePageViewTracking might cause double reporting
+    (0, react_1.useEffect)(function () {
+        var _a;
+        if (!stepFromUrl)
+            return;
+        if (!pageEventContext ||
+            !pageEventContext.originator) {
+            return;
+        }
+        var _b = pageEventContext, originator = _b.originator, context = _b.context;
+        fireEvent({
+            originator: originator,
+            trigger: newskit_1.EventTrigger.Load,
+            context: __assign(__assign({}, context), { cancellation_type: ((_a = selections === null || selections === void 0 ? void 0 : selections.eventContext) === null || _a === void 0 ? void 0 : _a.article_parent_name) || '' }),
+        });
+    }, [pageEventContext, stepFromUrl]);
+    if (!currentStepComponent || !SectionComponent) {
+        return null;
+    }
+    var shouldShowBackButton = (_d = componentProps === null || componentProps === void 0 ? void 0 : componentProps.showBackButton) !== null && _d !== void 0 ? _d : showBackButton;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        shouldShowBackButton && hederBackButtonProps && (react_1.default.createElement(shared_components_1.BackButton, { backButton: __assign(__assign({}, hederBackButtonProps), { href: '' }), backButtonOverrides: header.backButtonOverrides, eventContext: __assign(__assign({}, hederBackButtonProps === null || hederBackButtonProps === void 0 ? void 0 : hederBackButtonProps.eventContext), { page_name: (_e = componentProps.tealiumContext) === null || _e === void 0 ? void 0 : _e.context.page_name }), onClick: handleBackBtn })),
+        react_1.default.createElement(shared_components_1.ContentContainer, __assign({ "data-testid": "section-container" }, componentProps === null || componentProps === void 0 ? void 0 : componentProps.contentContainerOverrides),
+            react_1.default.createElement(SectionComponent, __assign({}, componentProps, { baseUrl: baseUrl, onNextStep: stepController, handleCardClick: handleCardClick, user: userData, selectedReason: selections, handleError: handleError, serviceCancellationDate: serviceCancellationDate, setServiceCancellationDate: setServiceCancellationDate })))));
+};
+exports.default = CancellationStepperRender;
+//# sourceMappingURL=CancellationStepperRender.js.map