@newskit-render/my-account 0.0.0-e16014a0

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

@@ -0,0 +1,135 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HolidayStopRender = void 0;
+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 react_1 = __importStar(require("react"));
+var HolidayStopCancellation_1 = __importDefault(require("./HolidayStopCancellation"));
+var holidayStopsUtils_1 = require("../../helpers/holidayStopsUtils");
+var lodash_sortby_1 = __importDefault(require("lodash.sortby"));
+var HOLIDAY_STOP_MAX_COUNT = 5;
+var RelativeWrapper = newskit_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+var HolidayStopRender = function () {
+    var _a;
+    var contextName = types_1.ContextName.holidayStop;
+    var _b = (0, context_1.useAccountContext)(contextName), userData = _b.userData, header = _b.header, subscriptionTypes = _b.subscriptionTypes, addHolidayStopButton = _b.addHolidayStopButton, textOverrides = _b.textOverrides, unorderedListOverrides = _b.unorderedListOverrides, expandButtonOverrides = _b.expandButtonOverrides, expandButton = _b.expandButton, inProgressStatusOverrides = _b.inProgressStatusOverrides, baseUrl = _b.baseUrl, tealiumContext = _b.tealiumContext;
+    (0, shared_components_1.usePageViewTracking)(tealiumContext);
+    var _c = (0, react_1.useState)(false), showModal = _c[0], setShowModal = _c[1];
+    var _d = (0, react_1.useState)(''), cancelHolidayStopId = _d[0], setCancelHolidayStopId = _d[1];
+    var subscriptionType = (_a = userData.subscriptions) === null || _a === void 0 ? void 0 : _a[0].type;
+    var subscription = subscriptionTypes[subscriptionType === null || subscriptionType === void 0 ? void 0 : subscriptionType.toLowerCase()];
+    var splitedHolidayStops = (0, holidayStopsUtils_1.splitHolidayStops)(userData.holidayStops);
+    var upcomingHolidayStops = (0, lodash_sortby_1.default)(splitedHolidayStops.upcoming, 'startDate');
+    var previousHolidayStops = (0, lodash_sortby_1.default)(splitedHolidayStops.previous, 'startDate');
+    var expandSectionOverrides = {
+        textOverrides: textOverrides,
+        unorderedListOverrides: unorderedListOverrides,
+        buttonOverrides: expandButtonOverrides,
+        expandButton: expandButton,
+    };
+    return (react_1.default.createElement(RelativeWrapper, null,
+        react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
+        react_1.default.createElement(shared_components_1.ExpandSection, __assign({ data: subscription }, expandSectionOverrides)),
+        react_1.default.createElement(newskit_1.Block, { marginBlockStart: addHolidayStopButton.marginBlockStart, marginBlockEnd: addHolidayStopButton.marginBlockEnd },
+            react_1.default.createElement(newskit_1.Button, { overrides: addHolidayStopButton.overrides, href: "".concat(baseUrl, "/add/holiday-stop"), eventOriginator: "add holiday stop button", eventContext: {
+                    event_navigation_action: 'navigation',
+                    event_navigation_browsing_method: newskit_1.EventTrigger.Click,
+                    event_navigation_name: 'add holiday stop',
+                    page_name: 'holiday stop',
+                } }, addHolidayStopButton.label)),
+        react_1.default.createElement(newskit_1.TextBlock, { marginBlockEnd: { xs: 'space050', md: 'space060' }, typographyPreset: {
+                xs: 'editorialHeadline030',
+            } }, "Upcoming Holiday Stops"),
+        react_1.default.createElement(shared_components_1.ContentListView, { marginBlockEnd: "space050" }, upcomingHolidayStops.length ? (upcomingHolidayStops
+            .slice(0, HOLIDAY_STOP_MAX_COUNT)
+            .map(function (holidayStop) {
+            var inProgress = (0, holidayStopsUtils_1.isInProgress)(holidayStop);
+            var DateItemStatusOrButton = inProgress
+                ? shared_components_1.DateItemStatus
+                : shared_components_1.DateItemButtons;
+            return (react_1.default.createElement(DateItemStatusOrButton, { key: holidayStop.id, item: holidayStop, listItemProps: {
+                    hideIcon: true,
+                    'data-testid': "content-list-date-item-".concat(holidayStop.id),
+                }, listCellProps: {
+                    statusOverrides: inProgress
+                        ? inProgressStatusOverrides
+                        : undefined,
+                }, onCancel: function () {
+                    setCancelHolidayStopId(holidayStop.id);
+                    setShowModal(true);
+                }, redirectUrl: "".concat(baseUrl, "/edit/holiday-stop?id=").concat(holidayStop === null || holidayStop === void 0 ? void 0 : holidayStop.id) }));
+        })) : (react_1.default.createElement(newskit_1.StructuredListItem, null,
+            react_1.default.createElement(newskit_1.StructuredListCell, { align: "center" },
+                react_1.default.createElement(newskit_1.TextBlock, null, "You currently have no upcoming Holiday Stops"))))),
+        upcomingHolidayStops.length > HOLIDAY_STOP_MAX_COUNT && (react_1.default.createElement(newskit_1.LinkStandalone, { "data-testid": "upcoming-holiday-stops-link", href: "".concat(baseUrl, "/holiday-stop/upcoming-holiday-stops"), eventOriginator: "link", eventContext: {
+                event_navigation_action: 'navigation',
+                event_navigation_browsing_method: newskit_1.EventTrigger.Click,
+                event_navigation_name: 'view upcoming holiday stops',
+                page_name: 'holiday stop',
+            } }, 'View all upcoming holiday stops >')),
+        react_1.default.createElement(newskit_1.Block, { marginBlockEnd: "space100" }),
+        react_1.default.createElement(newskit_1.TextBlock, { marginBlockEnd: { xs: 'space050', md: 'space060' }, typographyPreset: {
+                xs: 'editorialHeadline030',
+            } }, "Previous Holiday Stops"),
+        react_1.default.createElement(shared_components_1.ContentListView, { marginBlockEnd: "space050" }, previousHolidayStops.length ? (previousHolidayStops
+            .slice(0, HOLIDAY_STOP_MAX_COUNT)
+            .map(function (holidayStop) { return (react_1.default.createElement(shared_components_1.DateItemStatus, { key: holidayStop.id, item: holidayStop, listItemProps: {
+                hideIcon: true,
+                'data-testid': "content-list-date-item-".concat(holidayStop.id),
+            } })); })) : (react_1.default.createElement(newskit_1.StructuredListItem, null,
+            react_1.default.createElement(newskit_1.StructuredListCell, { align: "center" },
+                react_1.default.createElement(newskit_1.TextBlock, null, "You haven\u2019t booked any Holiday Stops yet"))))),
+        react_1.default.createElement(HolidayStopCancellation_1.default, { showModal: showModal, holidayStopId: cancelHolidayStopId, onDismiss: function () { return setShowModal(false); } }),
+        previousHolidayStops.length > HOLIDAY_STOP_MAX_COUNT && (react_1.default.createElement(newskit_1.LinkStandalone, { href: "".concat(baseUrl, "/holiday-stop/previous-holiday-stops"), "data-testid": "previous-holiday-stops-link", eventOriginator: "link", eventContext: {
+                event_navigation_action: 'navigation',
+                event_navigation_browsing_method: newskit_1.EventTrigger.Click,
+                event_navigation_name: 'view previous holiday stops',
+                page_name: 'holiday stop',
+            } }, 'View all previous holiday stops >'))));
+};
+exports.HolidayStopRender = HolidayStopRender;
+var templateObject_1;
+//# sourceMappingURL=HolidayStopRender.js.map

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

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

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const AccountDeletionRender: () => JSX.Element;

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

@@ -0,0 +1,36 @@
+"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.AccountDeletionRender = 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 AccountDeletionRender = function () {
+    var contextName = types_1.ContextName.accountDeletion;
+    var context = (0, context_1.useAccountContext)(contextName);
+    var header = context.header, content = context.content, _a = context.buttons, buttons = _a === void 0 ? {} : _a;
+    var _b = buttons.primary, primaryButton = _b === void 0 ? {} : _b, _c = buttons.secondary, secondaryButton = _c === void 0 ? {} : _c;
+    return (react_1.default.createElement(newskit_1.GridLayout, { rowGap: "space045" },
+        react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
+        content && (react_1.default.createElement(newskit_1.Block, { paddingBlock: "space030", paddingInline: "space040", stylePreset: "accountDeletionInfoBlock" }, content)),
+        react_1.default.createElement(newskit_1.GridLayout, { autoFlow: { xs: 'row', md: 'column' }, rowGap: "space030", columnGap: "space030" },
+            react_1.default.createElement(newskit_1.Button, __assign({}, primaryButton), primaryButton.text),
+            react_1.default.createElement(newskit_1.Button, __assign({}, secondaryButton), secondaryButton.text))));
+};
+exports.AccountDeletionRender = AccountDeletionRender;
+//# sourceMappingURL=InitiateAccountDeletionRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InitiateAccountDeletionRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/InitiateAccountDeletionRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,uEAA0D;AAC1D,yCAAgF;AAChF,6CAAiD;AACjD,mCAAmD;AAE5C,IAAM,qBAAqB,GAAG;IACnC,IAAM,WAAW,GAAG,mBAAW,CAAC,eAAe,CAAA;IAE/C,IAAM,OAAO,GAAG,IAAA,2BAAiB,EAC/B,WAAW,CACqB,CAAA;IAC1B,IAAA,MAAM,GAA4B,OAAO,OAAnC,EAAE,OAAO,GAAmB,OAAO,QAA1B,EAAE,KAAiB,OAAO,QAAZ,EAAZ,OAAO,mBAAG,EAAE,KAAA,CAAY;IACzC,IAAA,KACN,OAAO,QAD0B,EAAlB,aAAa,mBAAG,EAAE,KAAA,EAAE,KACnC,OAAO,UAD2D,EAApB,eAAe,mBAAG,EAAE,KAAA,CAC3D;IAET,OAAO,CACL,8BAAC,oBAAU,IAAC,MAAM,EAAC,UAAU;QAC3B,8BAAC,0BAAM,eAAK,MAAM,EAAI;QAErB,OAAO,IAAI,CACV,8BAAC,eAAK,IACJ,YAAY,EAAC,UAAU,EACvB,aAAa,EAAC,UAAU,EACxB,WAAW,EAAC,0BAA0B,IAErC,OAAO,CACF,CACT;QAED,8BAAC,oBAAU,IACT,QAAQ,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,EACrC,MAAM,EAAC,UAAU,EACjB,SAAS,EAAC,UAAU;YAEpB,8BAAC,gBAAM,eAAK,aAAa,GAAG,aAAa,CAAC,IAAI,CAAU;YACxD,8BAAC,gBAAM,eAAK,eAAe,GAAG,eAAe,CAAC,IAAI,CAAU,CACjD,CACF,CACd,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,qBAAqB,yBAkCjC"}

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { LayoutProps } from './types';
+export declare const BaseLayoutTemplate: React.FC<LayoutProps>;
+export declare const LayoutTemplate: ({ ...props }: {
+    [x: string]: any;
+}) => JSX.Element;

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

@@ -0,0 +1,52 @@
+"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.LayoutTemplate = exports.BaseLayoutTemplate = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var shared_components_1 = require("@newskit-render/shared-components");
+var context_1 = require("../../context");
+var Head_1 = __importDefault(require("../Elements/Head"));
+var LayoutContentContainer_1 = __importDefault(require("../Sections/LayoutContentContainer"));
+var withMediaQueryProvider = function (Component) {
+    return function (_a) {
+        var props = __rest(_a, []);
+        return (react_1.default.createElement(newskit_1.MediaQueryProvider, null,
+            react_1.default.createElement(Component, __assign({}, props, { children: props.children, context: props.context, contextName: props.contextName }))));
+    };
+};
+var BaseLayoutTemplate = function (_a) {
+    var customTheme = _a.customTheme, context = _a.context, toastProviderProps = _a.toastProviderProps, contextName = _a.contextName, rest = __rest(_a, ["customTheme", "context", "toastProviderProps", "contextName"]);
+    return (react_1.default.createElement(context_1.AccountContextProvider, { context: context, contextName: contextName },
+        react_1.default.createElement(Head_1.default, { contextName: contextName }),
+        react_1.default.createElement(newskit_1.ThemeProvider, { theme: customTheme || shared_components_1.sharedTheme },
+            react_1.default.createElement(LayoutContentContainer_1.default, __assign({}, rest, { contextName: contextName, customTheme: customTheme })),
+            react_1.default.createElement(newskit_1.ToastProvider, __assign({ position: 'bottom-center' }, toastProviderProps)))));
+};
+exports.BaseLayoutTemplate = BaseLayoutTemplate;
+exports.LayoutTemplate = withMediaQueryProvider(exports.BaseLayoutTemplate);
+//# sourceMappingURL=LayoutTemplate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutTemplate.js","sourceRoot":"","sources":["../../../../src/Components/Templates/LayoutTemplate.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAA0E;AAC1E,uEAA+D;AAE/D,yCAAsD;AACtD,0DAAmC;AACnC,8FAAuE;AAEvE,IAAM,sBAAsB,GAC1B,UAAC,SAAgC;IACjC,OAAA,UAAC,EAAY;YAAP,KAAK,cAAV,EAAY,CAAF;QACT,OAAA,CACE,8BAAC,4BAAkB;YACjB,8BAAC,SAAS,eACJ,KAAK,IACT,QAAQ,EAAE,KAAK,CAAC,QAAQ,EACxB,OAAO,EAAE,KAAK,CAAC,OAAO,EACtB,WAAW,EAAE,KAAK,CAAC,WAAW,IAC9B,CACiB,CACtB,CAAA;KAAA;AAVH,CAUG,CAAA;AAEE,IAAM,kBAAkB,GAA0B,UAAC,EAMzD;IALC,IAAA,WAAW,iBAAA,EACX,OAAO,aAAA,EACP,kBAAkB,wBAAA,EAClB,WAAW,iBAAA,EACR,IAAI,cALiD,+DAMzD,CADQ;IAEP,OAAO,CACL,8BAAC,gCAAsB,IAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW;QAChE,8BAAC,cAAI,IAAC,WAAW,EAAE,WAAW,GAAI;QAElC,8BAAC,uBAAa,IAAC,KAAK,EAAE,WAAW,IAAI,+BAAW;YAC9C,8BAAC,gCAAsB,eACjB,IAAI,IACR,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,IACxB;YAEF,8BAAC,uBAAa,aAAC,QAAQ,EAAE,eAAe,IAAM,kBAAkB,EAAI,CACtD,CACO,CAC1B,CAAA;AACH,CAAC,CAAA;AAtBY,QAAA,kBAAkB,sBAsB9B;AAEY,QAAA,cAAc,GAAG,sBAAsB,CAAC,0BAAkB,CAAC,CAAA"}

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

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

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

@@ -0,0 +1,96 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.NewslettersRender = void 0;
+var react_1 = __importStar(require("react"));
+var newskit_1 = require("newskit");
+var shared_components_1 = require("@newskit-render/shared-components");
+var NewsletterCard_1 = __importDefault(require("../Elements/NewsletterCard"));
+var context_1 = require("../../context");
+var types_1 = require("../../context/types");
+var StyledRelativeWrapper = newskit_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+var NewslettersRender = function () {
+    var contextName = types_1.ContextName.newsletters;
+    var _a = (0, context_1.useAccountContext)(contextName), header = _a.header, newsletters = _a.userData.newsletters, gridLayoutOverrides = _a.gridLayoutOverrides, featuredNewsletterIds = _a.featuredNewsletterIds, newsletterOrderIds = _a.newsletterOrderIds, tealiumContext = _a.tealiumContext;
+    (0, shared_components_1.usePageViewTracking)(tealiumContext);
+    var _b = (0, react_1.useMemo)(function () {
+        if (!newsletters || !(newsletters === null || newsletters === void 0 ? void 0 : newsletters.length)) {
+            return {
+                filteredNewsletters: [],
+                featuredNewsletters: [],
+            };
+        }
+        var orderedNewsletters = newsletters;
+        if (newsletterOrderIds === null || newsletterOrderIds === void 0 ? void 0 : newsletterOrderIds.length) {
+            orderedNewsletters = newsletters.sort(function (a, b) {
+                return (newsletterOrderIds.indexOf(a.bulletinId) -
+                    newsletterOrderIds.indexOf(b.bulletinId));
+            });
+        }
+        if (featuredNewsletterIds === null || featuredNewsletterIds === void 0 ? void 0 : featuredNewsletterIds.length) {
+            var filtered_1 = [];
+            var featured_1 = [];
+            orderedNewsletters.forEach(function (newsletter) {
+                if (featuredNewsletterIds.includes(newsletter.bulletinId)) {
+                    featured_1.push(newsletter);
+                }
+                else {
+                    filtered_1.push(newsletter);
+                }
+            });
+            return {
+                filteredNewsletters: filtered_1,
+                featuredNewsletters: featured_1,
+            };
+        }
+        return { filteredNewsletters: orderedNewsletters, featuredNewsletters: [] };
+    }, [newsletters, featuredNewsletterIds]), filteredNewsletters = _b.filteredNewsletters, featuredNewsletters = _b.featuredNewsletters;
+    return (react_1.default.createElement(StyledRelativeWrapper, null,
+        react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
+        featuredNewsletters && featuredNewsletters.length !== 0 && (react_1.default.createElement(newskit_1.Block, { marginBlockEnd: 'space070' },
+            react_1.default.createElement(newskit_1.GridLayout, { columns: gridLayoutOverrides.columns, columnGap: gridLayoutOverrides.columnGap, autoFlow: gridLayoutOverrides.autoFlow, rowGap: gridLayoutOverrides.rowGap, "data-testid": "newsletters-grid-featured" }, featuredNewsletters.map(function (newsletter) { return (react_1.default.createElement(NewsletterCard_1.default, { newsletter: newsletter, key: newsletter.bulletinId })); })))),
+        filteredNewsletters && filteredNewsletters.length !== 0 && (react_1.default.createElement(newskit_1.GridLayout, { columns: gridLayoutOverrides.columns, columnGap: gridLayoutOverrides.columnGap, autoFlow: gridLayoutOverrides.autoFlow, rowGap: gridLayoutOverrides.rowGap, "data-testid": "newsletters-grid" }, filteredNewsletters.map(function (newsletter) { return (react_1.default.createElement(NewsletterCard_1.default, { newsletter: newsletter, key: newsletter.bulletinId })); })))));
+};
+exports.NewslettersRender = NewslettersRender;
+var templateObject_1;
+//# sourceMappingURL=NewslettersRender.js.map

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

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

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

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

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

@@ -0,0 +1,46 @@
+"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.PaymentMethodsRender = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var shared_components_1 = require("@newskit-render/shared-components");
+var context_1 = require("../../context");
+var types_1 = require("../../context/types");
+var helpers_1 = require("../../helpers");
+var PaymentMethodsRender = function () {
+    var _a, _b, _c, _d;
+    var _e = (0, context_1.useAccountContext)(types_1.ContextName.paymentMethods), header = _e.header, items = _e.items, listItemProps = _e.listItemProps, listCellProps = _e.listCellProps, baseUrl = _e.baseUrl, userData = _e.userData, infoPanel = _e.infoPanel, tealiumContext = _e.tealiumContext;
+    (0, shared_components_1.usePageViewTracking)(tealiumContext);
+    var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
+    var filteredItems = (0, shared_components_1.filterListItems)(items, userData);
+    var shouldShowOutstandingBalanceMsg = (((_a = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _a === void 0 ? void 0 : _a.length) &&
+        ((_b = userData.subscriptions[0]) === null || _b === void 0 ? void 0 : _b.isActive) &&
+        ((_c = userData === null || userData === void 0 ? void 0 : userData.paymentFailure) === null || _c === void 0 ? void 0 : _c.active) &&
+        (userData === null || userData === void 0 ? void 0 : userData.badDebt) &&
+        userData.badDebt.hasBadDebt) ||
+        false;
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
+        react_1.default.createElement(shared_components_1.ContentListView, null, filteredItems.map(function (item, i) { return (react_1.default.createElement(shared_components_1.ListItem, { key: i, item: __assign(__assign({}, item), { href: (0, helpers_1.replaceBaseURL)(baseUrl, item.href) }), listItemProps: __assign(__assign({}, listItemProps), { 'data-testid': "content-list-item-".concat(i), onClick: function () {
+                    return fireEvent((0, shared_components_1.createClickEvent)('content list item', "".concat(item.label.toLocaleLowerCase()), undefined, undefined, 'payment methods'));
+                } }), listCellProps: listCellProps })); })),
+        shouldShowOutstandingBalanceMsg ? (react_1.default.createElement(newskit_1.InlineMessage, { icon: infoPanel.icon, title: infoPanel.title, children: (_d = infoPanel.children) === null || _d === void 0 ? void 0 : _d.toLocaleString().replace('##OUTSTANDING_BALANCE##', 
+            // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+            userData.badDebt.outstandingBalance), overrides: infoPanel.overrides || {} })) : null));
+};
+exports.PaymentMethodsRender = PaymentMethodsRender;
+//# sourceMappingURL=PaymentMethodsRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodsRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/PaymentMethodsRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAA2D;AAC3D,uEAO0C;AAE1C,yCAAiD;AACjD,6CAA+E;AAC/E,yCAA8C;AAGvC,IAAM,oBAAoB,GAAa;;IACtC,IAAA,KASF,IAAA,2BAAiB,EACnB,mBAAW,CAAC,cAAc,CACK,EAV/B,MAAM,YAAA,EACN,KAAK,WAAA,EACL,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,cAAc,oBAGiB,CAAA;IACjC,IAAA,uCAAmB,EAAC,cAAc,CAAC,CAAA;IAC3B,IAAA,SAAS,GAAK,IAAA,4BAAkB,GAAE,UAAzB,CAAyB;IAC1C,IAAM,aAAa,GAAG,IAAA,mCAAe,EAAW,KAAK,EAAE,QAAQ,CAAC,CAAA;IAEhE,IAAM,+BAA+B,GACnC,CAAC,CAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,0CAAE,MAAM;SAC9B,MAAA,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,0CAAE,QAAQ,CAAA;SACnC,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,cAAc,0CAAE,MAAM,CAAA;SAChC,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,OAAO,CAAA;QACjB,QAAQ,CAAC,OAAO,CAAC,UAAU,CAAC;QAC9B,KAAK,CAAA;IAEP,OAAO,CACL;QACE,8BAAC,0BAAM,eAAK,MAAM,EAAI;QACtB,8BAAC,mCAAe,QACb,aAAa,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,CAAC,IAAK,OAAA,CAC9B,8BAAC,4BAAQ,IACP,GAAG,EAAE,CAAC,EACN,IAAI,wBACC,IAAI,KACP,IAAI,EAAE,IAAA,wBAAc,EAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,KAE1C,aAAa,wBACR,aAAa,KAChB,aAAa,EAAE,4BAAqB,CAAC,CAAE,EACvC,OAAO,EAAE;oBACP,OAAA,SAAS,CACP,IAAA,oCAAgB,EACd,mBAAmB,EACnB,UAAG,IAAI,CAAC,KAAK,CAAC,iBAAiB,EAAE,CAAE,EACnC,SAAS,EACT,SAAS,EACT,iBAAiB,CAClB,CACF;gBARD,CAQC,KAEL,aAAa,EAAE,aAAa,GAC5B,CACH,EAvB+B,CAuB/B,CAAC,CACc;QACjB,+BAA+B,CAAC,CAAC,CAAC,CACjC,8BAAC,uBAAa,IACZ,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,KAAK,EAAE,SAAS,CAAC,KAAK,EACtB,QAAQ,EAAE,MAAA,SAAS,CAAC,QAAQ,0CAAE,cAAc,GAAG,OAAO,CACpD,yBAAyB;YACzB,oEAAoE;YACpE,QAAQ,CAAC,OAAQ,CAAC,kBAAkB,CACrC,EACD,SAAS,EAAE,SAAS,CAAC,SAAS,IAAI,EAAE,GACpC,CACH,CAAC,CAAC,CAAC,IAAI,CACP,CACJ,CAAA;AACH,CAAC,CAAA;AApEY,QAAA,oBAAoB,wBAoEhC"}

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

@@ -0,0 +1,13 @@
+import React from 'react';
+export declare const componentMap: {
+    Stripe: React.ComponentType<import("@newskit-render/shared-components").FormWrapperProps & {
+        theme?: import("newskit").Theme | undefined;
+    }>;
+    Zuora: React.FC<{
+        paymentMethod: string;
+    }>;
+};
+declare const PaymentRender: React.FC<{
+    paymentMethod: string;
+}>;
+export default PaymentRender;

package/dist/cjs/Components/Templates/PaymentRender.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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.componentMap = void 0;
+var react_1 = __importDefault(require("react"));
+var newskit_1 = require("newskit");
+var shared_components_1 = require("@newskit-render/shared-components");
+var context_1 = require("../../context");
+var helpers_1 = require("../../helpers");
+var paymentUtils_1 = require("../../helpers/paymentUtils");
+var Payment_1 = require("../Sections/Form/Payment");
+var types_1 = require("../Sections/Form/Payment/types");
+var types_2 = require("../../context/types");
+exports.componentMap = {
+    Stripe: Payment_1.Stripe,
+    Zuora: Payment_1.Zuora,
+};
+var PaymentRender = function (_a) {
+    var _b, _c, _d;
+    var paymentMethod = _a.paymentMethod;
+    var contextName = (0, paymentUtils_1.getPaymentContextName)(paymentMethod);
+    var _e = (0, context_1.useAccountContext)(types_2.ContextName[contextName]), userData = _e.userData, header = _e.header, buttonGroupProps = _e.buttonGroupProps, paymentProvider = _e.paymentProvider, baseUrl = _e.baseUrl, infoPanel = _e.infoPanel, tealiumContext = _e.tealiumContext;
+    var type = (_d = (_c = (_b = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _b === void 0 ? void 0 : _b[0].billingDetails) === null || _c === void 0 ? void 0 : _c.paymentMethod) === null || _d === void 0 ? void 0 : _d.type;
+    var ProviderComponent = exports.componentMap[paymentProvider];
+    if (header && header.backButton) {
+        header.backButton.href =
+            (0, helpers_1.replaceBaseURL)(baseUrl, baseUrl, header.backButton.href) || '/';
+    }
+    (0, shared_components_1.usePageViewTracking)(tealiumContext);
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
+        (type === null || type === void 0 ? void 0 : type.toLowerCase()) === types_1.PaymentTypes.paypal && (react_1.default.createElement(newskit_1.InlineMessage, { "data-testid": "".concat(paymentProvider, "-inline"), icon: infoPanel.icon, children: infoPanel.children, overrides: infoPanel.overrides || {} })),
+        react_1.default.createElement(ProviderComponent, { paymentMethod: paymentMethod, "data-testid": "".concat(paymentProvider, "-form"), buttonGroupProps: (0, helpers_1.mergeButtonGroupProps)(baseUrl, undefined, buttonGroupProps) })));
+};
+exports.default = PaymentRender;
+//# sourceMappingURL=PaymentRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/PaymentRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,mCAAuC;AACvC,uEAA+E;AAC/E,yCAA4E;AAC5E,yCAAqE;AACrE,2DAAkE;AAClE,oDAAyE;AACzE,wDAA6D;AAC7D,6CAAiD;AAEpC,QAAA,YAAY,GAAG;IAC1B,MAAM,kBAAA;IACN,KAAK,iBAAA;CACN,CAAA;AAED,IAAM,aAAa,GAAwC,UAAC,EAE3D;;QADC,aAAa,mBAAA;IAEb,IAAM,WAAW,GAAG,IAAA,oCAAqB,EAAC,aAAa,CAAC,CAAA;IAElD,IAAA,KAQF,IAAA,2BAAiB,EAAC,mBAAW,CAAC,WAAW,CAAC,CAA8B,EAP1E,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,gBAAgB,sBAAA,EAChB,eAAe,qBAAA,EACf,OAAO,aAAA,EACP,SAAS,eAAA,EACT,cAAc,oBAC4D,CAAA;IAE5E,IAAM,IAAI,GAAG,MAAA,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,0CAAG,CAAC,EAAE,cAAc,0CAAE,aAAa,0CAAE,IAAI,CAAA;IAC7E,IAAM,iBAAiB,GAAG,oBAAY,CAAC,eAAkC,CAAC,CAAA;IAE1E,IAAI,MAAM,IAAI,MAAM,CAAC,UAAU,EAAE;QAC/B,MAAM,CAAC,UAAU,CAAC,IAAI;YACpB,IAAA,wBAAc,EAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,GAAG,CAAA;KAClE;IAED,IAAA,uCAAmB,EAAC,cAAc,CAAC,CAAA;IAEnC,OAAO,CACL;QACE,8BAAC,0BAAM,eAAK,MAAM,EAAI;QACrB,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,EAAE,MAAK,oBAAY,CAAC,MAAM,IAAI,CAC9C,8BAAC,uBAAa,mBACC,UAAG,eAAe,YAAS,EACxC,IAAI,EAAE,SAAS,CAAC,IAAI,EACpB,QAAQ,EAAE,SAAS,CAAC,QAAQ,EAC5B,SAAS,EAAE,SAAS,CAAC,SAAS,IAAI,EAAE,GACpC,CACH;QACD,8BAAC,iBAAiB,IAChB,aAAa,EAAE,aAAa,iBACf,UAAG,eAAe,UAAO,EACtC,gBAAgB,EAAE,IAAA,+BAAqB,EACrC,OAAO,EACP,SAAS,EACT,gBAAgB,CACjB,GACD,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,aAAa,CAAA"}

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

@@ -0,0 +1,4 @@
+import React from 'react';
+import { ContextNameProps } from '../../context/types';
+declare const SubscriptionAndBillingRender: React.FC<ContextNameProps>;
+export default SubscriptionAndBillingRender;

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

@@ -0,0 +1,79 @@
+"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 });
+var react_1 = __importDefault(require("react"));
+var context_1 = require("../../context");
+var _1 = require("./");
+var NoSubscription_1 = require("../Sections/NoSubscription");
+var helpers_1 = require("../../helpers");
+var constants_1 = require("../../constants");
+var shared_components_1 = require("@newskit-render/shared-components");
+var replaceDescription = function (description, type, serviceCancellationDate) {
+    if (type && serviceCancellationDate) {
+        return description
+            .replace('${serviceCancellationDate}', (0, helpers_1.formateDate)(serviceCancellationDate))
+            .replace('${subscriptionName}', type);
+    }
+    return description.replace('On ${serviceCancellationDate} your ${subscriptionName} subscription expired. ', '');
+};
+var SubscriptionAndBillingRender = function (_a) {
+    var _b;
+    var contextName = _a.contextName;
+    var _c = (0, context_1.useAccountContext)(contextName), header = _c.header, userData = _c.userData, noSubscription = _c.noSubscription, previousSubscription = _c.previousSubscription, pendingSubscription = _c.pendingSubscription, freeSubscription = _c.freeSubscription, tealiumContext = _c.tealiumContext, sections = _c.sections;
+    // For backwards compatibility if multiple subscriptions are enabled by the context (i.e. componentType is cardComposable) then render all of them, otherwise just the first one
+    var subscriptions = ((_b = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _b === void 0 ? void 0 : _b.length) > 0
+        ? sections[0].componentType === 'cardComposable'
+            ? userData.subscriptions
+            : [userData.subscriptions[0]]
+        : [];
+    var paymentFailure = userData.paymentFailure;
+    (0, shared_components_1.usePageViewTracking)(tealiumContext);
+    if (!subscriptions ||
+        (Array.isArray(subscriptions) && !subscriptions.length)) {
+        return react_1.default.createElement(NoSubscription_1.SubscriptionStatus, __assign({}, noSubscription));
+    }
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        sections[0].componentType === 'cardComposable' ? (react_1.default.createElement(shared_components_1.Header, __assign({ descriptionOverrides: {
+                marginBlockEnd: { xs: 'space050', md: 'space080' },
+            } }, header))) : null,
+        subscriptions.map(function (subscription) {
+            var _a;
+            if ((subscription === null || subscription === void 0 ? void 0 : subscription.status) &&
+                (subscription.status === constants_1.CANCELLED_SUBSCRIPTION ||
+                    subscription.status === constants_1.TERMINATED_SUBSCRIPTION)) {
+                var type = subscription.type, serviceCancellationDate = subscription.serviceCancellationDate;
+                var header_1 = ((_a = previousSubscription === null || previousSubscription === void 0 ? void 0 : previousSubscription.header) === null || _a === void 0 ? void 0 : _a.description) &&
+                    !Array.isArray(previousSubscription.header.description)
+                    ? __assign(__assign({}, previousSubscription.header), { description: replaceDescription(previousSubscription.header.description, type, serviceCancellationDate) }) : previousSubscription === null || previousSubscription === void 0 ? void 0 : previousSubscription.header;
+                return (react_1.default.createElement(NoSubscription_1.SubscriptionStatus, __assign({ key: subscription.id }, previousSubscription, { header: header_1 })));
+            }
+            if ((subscription === null || subscription === void 0 ? void 0 : subscription.status) === constants_1.PENDING_ACTIVATION_SUBSCRIPTION) {
+                return (react_1.default.createElement(NoSubscription_1.SubscriptionStatus, __assign({ key: subscription.id }, pendingSubscription)));
+            }
+            var isSubscriptionTypeFree = (subscription === null || subscription === void 0 ? void 0 : subscription.status) === constants_1.ACTIVE_SUBSCRIPTION &&
+                !paymentFailure.active &&
+                (subscription === null || subscription === void 0 ? void 0 : subscription.billingDetails.paymentMethod.type) === null;
+            if (isSubscriptionTypeFree && freeSubscription) {
+                return (react_1.default.createElement(NoSubscription_1.SubscriptionStatus, __assign({ key: subscription.id }, freeSubscription)));
+            }
+            if (isSubscriptionTypeFree && !freeSubscription) {
+                return (react_1.default.createElement(_1.DisplayRenderer, { key: subscription.id, id: subscription.id, contextName: contextName, isNoBillingSubscription: true }));
+            }
+            return (react_1.default.createElement(_1.DisplayRenderer, { key: subscription === null || subscription === void 0 ? void 0 : subscription.id, id: subscription === null || subscription === void 0 ? void 0 : subscription.id, contextName: contextName }));
+        })));
+};
+exports.default = SubscriptionAndBillingRender;
+//# sourceMappingURL=SubscriptionAndBillingRender.js.map

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

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

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

@@ -0,0 +1,20 @@
+import { LayoutTemplate as Layout } from './LayoutTemplate';
+import DisplayRenderer from './DisplayRenderer';
+import { DynamicPage } from './DynamicPage';
+import EditRenderer, { editComponentMap } from './EditRenderer';
+import CancellationRender from './CancellationRender';
+import PaymentRender from './PaymentRender';
+import SubscriptionAndBillingRender from './SubscriptionAndBillingRender';
+import { HolidayStopRender } from './HolidayStopRender';
+import AddRenderer, { addComponentMap } from './AddRender';
+import { HolidayStopListRender } from './HolidayStopListRender';
+import { PaymentMethodsRender } from './PaymentMethodsRender';
+import { NewslettersRender } from './NewslettersRender';
+import { AccountDeletionRender } from './InitiateAccountDeletionRender';
+import { ConfirmAccountDeletionRender } from './ConfirmAccountDeletionRender';
+import { AccountDeletionSuccessRender } from './AccountDeletionSuccessRender';
+import { AccountDeletionErrorRender } from './AccountDeletionErrorRender';
+import { FamilyRender } from './FamilyRender';
+export * from './types';
+export { DynamicPage, DisplayRenderer, EditRenderer, editComponentMap, CancellationRender, PaymentRender, SubscriptionAndBillingRender, HolidayStopRender, AddRenderer, addComponentMap, HolidayStopListRender, PaymentMethodsRender, NewslettersRender, FamilyRender, AccountDeletionRender, ConfirmAccountDeletionRender, AccountDeletionSuccessRender, AccountDeletionErrorRender, };
+export default Layout;