@newskit-render/my-account 0.0.0-014af081

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

@@ -0,0 +1,105 @@
+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);
+};
+import { ContentListView, Header, ExpandSection, DateItemButtons, DateItemStatus, usePageViewTracking, } from '@newskit-render/shared-components';
+import { useAccountContext } from '../../context';
+import { ContextName } from '../../context/types';
+import { Block, Button, EventTrigger, LinkStandalone, StructuredListCell, StructuredListItem, styled, TextBlock, } from 'newskit';
+import React, { useState } from 'react';
+import HolidayStopCancellation from './HolidayStopCancellation';
+import { isInProgress, splitHolidayStops, } from '../../helpers/holidayStopsUtils';
+import sortby from 'lodash.sortby';
+var HOLIDAY_STOP_MAX_COUNT = 5;
+var RelativeWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+export var HolidayStopRender = function () {
+    var _a;
+    var contextName = ContextName.holidayStop;
+    var _b = 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;
+    usePageViewTracking(tealiumContext);
+    var _c = useState(false), showModal = _c[0], setShowModal = _c[1];
+    var _d = 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 = splitHolidayStops(userData.holidayStops);
+    var upcomingHolidayStops = sortby(splitedHolidayStops.upcoming, 'startDate');
+    var previousHolidayStops = sortby(splitedHolidayStops.previous, 'startDate');
+    var expandSectionOverrides = {
+        textOverrides: textOverrides,
+        unorderedListOverrides: unorderedListOverrides,
+        buttonOverrides: expandButtonOverrides,
+        expandButton: expandButton,
+    };
+    return (React.createElement(RelativeWrapper, null,
+        React.createElement(Header, __assign({}, header)),
+        React.createElement(ExpandSection, __assign({ data: subscription }, expandSectionOverrides)),
+        React.createElement(Block, { marginBlockStart: addHolidayStopButton.marginBlockStart, marginBlockEnd: addHolidayStopButton.marginBlockEnd },
+            React.createElement(Button, { overrides: addHolidayStopButton.overrides, href: "".concat(baseUrl, "/add/holiday-stop"), eventOriginator: "add holiday stop button", eventContext: {
+                    event_navigation_action: 'navigation',
+                    event_navigation_browsing_method: EventTrigger.Click,
+                    event_navigation_name: 'add holiday stop',
+                    page_name: 'holiday stop',
+                } }, addHolidayStopButton.label)),
+        React.createElement(TextBlock, { marginBlockEnd: { xs: 'space050', md: 'space060' }, typographyPreset: {
+                xs: 'editorialHeadline030',
+            } }, "Upcoming Holiday Stops"),
+        React.createElement(ContentListView, { marginBlockEnd: "space050" }, upcomingHolidayStops.length ? (upcomingHolidayStops
+            .slice(0, HOLIDAY_STOP_MAX_COUNT)
+            .map(function (holidayStop) {
+            var inProgress = isInProgress(holidayStop);
+            var DateItemStatusOrButton = inProgress
+                ? DateItemStatus
+                : DateItemButtons;
+            return (React.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.createElement(StructuredListItem, null,
+            React.createElement(StructuredListCell, { align: "center" },
+                React.createElement(TextBlock, null, "You currently have no upcoming Holiday Stops"))))),
+        upcomingHolidayStops.length > HOLIDAY_STOP_MAX_COUNT && (React.createElement(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: EventTrigger.Click,
+                event_navigation_name: 'view upcoming holiday stops',
+                page_name: 'holiday stop',
+            } }, 'View all upcoming holiday stops >')),
+        React.createElement(Block, { marginBlockEnd: "space100" }),
+        React.createElement(TextBlock, { marginBlockEnd: { xs: 'space050', md: 'space060' }, typographyPreset: {
+                xs: 'editorialHeadline030',
+            } }, "Previous Holiday Stops"),
+        React.createElement(ContentListView, { marginBlockEnd: "space050" }, previousHolidayStops.length ? (previousHolidayStops
+            .slice(0, HOLIDAY_STOP_MAX_COUNT)
+            .map(function (holidayStop) { return (React.createElement(DateItemStatus, { key: holidayStop.id, item: holidayStop, listItemProps: {
+                hideIcon: true,
+                'data-testid': "content-list-date-item-".concat(holidayStop.id),
+            } })); })) : (React.createElement(StructuredListItem, null,
+            React.createElement(StructuredListCell, { align: "center" },
+                React.createElement(TextBlock, null, "You haven\u2019t booked any Holiday Stops yet"))))),
+        React.createElement(HolidayStopCancellation, { showModal: showModal, holidayStopId: cancelHolidayStopId, onDismiss: function () { return setShowModal(false); } }),
+        previousHolidayStops.length > HOLIDAY_STOP_MAX_COUNT && (React.createElement(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: EventTrigger.Click,
+                event_navigation_name: 'view previous holiday stops',
+                page_name: 'holiday stop',
+            } }, 'View all previous holiday stops >'))));
+};
+var templateObject_1;
+//# sourceMappingURL=HolidayStopRender.js.map

package/dist/esm/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/esm/Components/Templates/InitiateAccountDeletionRender.d.ts

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

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

@@ -0,0 +1,29 @@
+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);
+};
+import React from 'react';
+import { Header } from '@newskit-render/shared-components';
+import { useAccountContext } from '../../context';
+import { ContextName } from '../../context/types';
+import { Block, Button, GridLayout } from 'newskit';
+export var AccountDeletionRender = function () {
+    var contextName = ContextName.accountDeletion;
+    var context = 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.createElement(GridLayout, { rowGap: "space045" },
+        React.createElement(Header, __assign({}, header)),
+        content && (React.createElement(Block, { paddingBlock: "space030", paddingInline: "space040", stylePreset: "accountDeletionInfoBlock" }, content)),
+        React.createElement(GridLayout, { autoFlow: { xs: 'row', md: 'column' }, rowGap: "space030", columnGap: "space030" },
+            React.createElement(Button, __assign({}, primaryButton), primaryButton.text),
+            React.createElement(Button, __assign({}, secondaryButton), secondaryButton.text))));
+};
+//# sourceMappingURL=InitiateAccountDeletionRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"InitiateAccountDeletionRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/InitiateAccountDeletionRender.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAiC,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAEnD,MAAM,CAAC,IAAM,qBAAqB,GAAG;IACnC,IAAM,WAAW,GAAG,WAAW,CAAC,eAAe,CAAA;IAE/C,IAAM,OAAO,GAAG,iBAAiB,CAC/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,oBAAC,UAAU,IAAC,MAAM,EAAC,UAAU;QAC3B,oBAAC,MAAM,eAAK,MAAM,EAAI;QAErB,OAAO,IAAI,CACV,oBAAC,KAAK,IACJ,YAAY,EAAC,UAAU,EACvB,aAAa,EAAC,UAAU,EACxB,WAAW,EAAC,0BAA0B,IAErC,OAAO,CACF,CACT;QAED,oBAAC,UAAU,IACT,QAAQ,EAAE,EAAE,EAAE,EAAE,KAAK,EAAE,EAAE,EAAE,QAAQ,EAAE,EACrC,MAAM,EAAC,UAAU,EACjB,SAAS,EAAC,UAAU;YAEpB,oBAAC,MAAM,eAAK,aAAa,GAAG,aAAa,CAAC,IAAI,CAAU;YACxD,oBAAC,MAAM,eAAK,eAAe,GAAG,eAAe,CAAC,IAAI,CAAU,CACjD,CACF,CACd,CAAA;AACH,CAAC,CAAA"}

package/dist/esm/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/esm/Components/Templates/LayoutTemplate.js

@@ -0,0 +1,45 @@
+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;
+};
+import React from 'react';
+import { ThemeProvider, ToastProvider, MediaQueryProvider } from 'newskit';
+import { sharedTheme } from '@newskit-render/shared-components';
+import { AccountContextProvider } from '../../context';
+import Head from '../Elements/Head';
+import LayoutContentContainer from '../Sections/LayoutContentContainer';
+var withMediaQueryProvider = function (Component) {
+    return function (_a) {
+        var props = __rest(_a, []);
+        return (React.createElement(MediaQueryProvider, null,
+            React.createElement(Component, __assign({}, props, { children: props.children, context: props.context, contextName: props.contextName }))));
+    };
+};
+export 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.createElement(AccountContextProvider, { context: context, contextName: contextName },
+        React.createElement(Head, { contextName: contextName }),
+        React.createElement(ThemeProvider, { theme: customTheme || sharedTheme },
+            React.createElement(LayoutContentContainer, __assign({}, rest, { contextName: contextName, customTheme: customTheme })),
+            React.createElement(ToastProvider, __assign({ position: 'bottom-center' }, toastProviderProps)))));
+};
+export var LayoutTemplate = withMediaQueryProvider(BaseLayoutTemplate);
+//# sourceMappingURL=LayoutTemplate.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LayoutTemplate.js","sourceRoot":"","sources":["../../../../src/Components/Templates/LayoutTemplate.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAC1E,OAAO,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;AAE/D,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAA;AACtD,OAAO,IAAI,MAAM,kBAAkB,CAAA;AACnC,OAAO,sBAAsB,MAAM,oCAAoC,CAAA;AAEvE,IAAM,sBAAsB,GAC1B,UAAC,SAAgC;IACjC,OAAA,UAAC,EAAY;YAAP,KAAK,cAAV,EAAY,CAAF;QACT,OAAA,CACE,oBAAC,kBAAkB;YACjB,oBAAC,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;AAEL,MAAM,CAAC,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,oBAAC,sBAAsB,IAAC,OAAO,EAAE,OAAO,EAAE,WAAW,EAAE,WAAW;QAChE,oBAAC,IAAI,IAAC,WAAW,EAAE,WAAW,GAAI;QAElC,oBAAC,aAAa,IAAC,KAAK,EAAE,WAAW,IAAI,WAAW;YAC9C,oBAAC,sBAAsB,eACjB,IAAI,IACR,WAAW,EAAE,WAAW,EACxB,WAAW,EAAE,WAAW,IACxB;YAEF,oBAAC,aAAa,aAAC,QAAQ,EAAE,eAAe,IAAM,kBAAkB,EAAI,CACtD,CACO,CAC1B,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,IAAM,cAAc,GAAG,sBAAsB,CAAC,kBAAkB,CAAC,CAAA"}

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

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

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

@@ -0,0 +1,66 @@
+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);
+};
+import React, { useMemo } from 'react';
+import { styled, GridLayout, Block } from 'newskit';
+import { Header, usePageViewTracking } from '@newskit-render/shared-components';
+import NewsletterCard from '../Elements/NewsletterCard';
+import { useAccountContext } from '../../context';
+import { ContextName } from '../../context/types';
+var StyledRelativeWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+export var NewslettersRender = function () {
+    var contextName = ContextName.newsletters;
+    var _a = useAccountContext(contextName), header = _a.header, newsletters = _a.userData.newsletters, gridLayoutOverrides = _a.gridLayoutOverrides, featuredNewsletterIds = _a.featuredNewsletterIds, newsletterOrderIds = _a.newsletterOrderIds, tealiumContext = _a.tealiumContext;
+    usePageViewTracking(tealiumContext);
+    var _b = 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.createElement(StyledRelativeWrapper, null,
+        React.createElement(Header, __assign({}, header)),
+        featuredNewsletters && featuredNewsletters.length !== 0 && (React.createElement(Block, { marginBlockEnd: 'space070' },
+            React.createElement(GridLayout, { columns: gridLayoutOverrides.columns, columnGap: gridLayoutOverrides.columnGap, autoFlow: gridLayoutOverrides.autoFlow, rowGap: gridLayoutOverrides.rowGap, "data-testid": "newsletters-grid-featured" }, featuredNewsletters.map(function (newsletter) { return (React.createElement(NewsletterCard, { newsletter: newsletter, key: newsletter.bulletinId })); })))),
+        filteredNewsletters && filteredNewsletters.length !== 0 && (React.createElement(GridLayout, { columns: gridLayoutOverrides.columns, columnGap: gridLayoutOverrides.columnGap, autoFlow: gridLayoutOverrides.autoFlow, rowGap: gridLayoutOverrides.rowGap, "data-testid": "newsletters-grid" }, filteredNewsletters.map(function (newsletter) { return (React.createElement(NewsletterCard, { newsletter: newsletter, key: newsletter.bulletinId })); })))));
+};
+var templateObject_1;
+//# sourceMappingURL=NewslettersRender.js.map

package/dist/esm/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/esm/Components/Templates/PaymentMethodsRender.d.ts

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

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

@@ -0,0 +1,39 @@
+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);
+};
+import React from 'react';
+import { InlineMessage, useInstrumentation } from 'newskit';
+import { Header, ContentListView, ListItem, filterListItems, usePageViewTracking, createClickEvent, } from '@newskit-render/shared-components';
+import { useAccountContext } from '../../context';
+import { ContextName } from '../../context/types';
+import { replaceBaseURL } from '../../helpers';
+export var PaymentMethodsRender = function () {
+    var _a, _b, _c, _d;
+    var _e = useAccountContext(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;
+    usePageViewTracking(tealiumContext);
+    var fireEvent = useInstrumentation().fireEvent;
+    var filteredItems = 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.createElement(React.Fragment, null,
+        React.createElement(Header, __assign({}, header)),
+        React.createElement(ContentListView, null, filteredItems.map(function (item, i) { return (React.createElement(ListItem, { key: i, item: __assign(__assign({}, item), { href: replaceBaseURL(baseUrl, item.href) }), listItemProps: __assign(__assign({}, listItemProps), { 'data-testid': "content-list-item-".concat(i), onClick: function () {
+                    return fireEvent(createClickEvent('content list item', "".concat(item.label.toLocaleLowerCase()), undefined, undefined, 'payment methods'));
+                } }), listCellProps: listCellProps })); })),
+        shouldShowOutstandingBalanceMsg ? (React.createElement(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));
+};
+//# sourceMappingURL=PaymentMethodsRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentMethodsRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/PaymentMethodsRender.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAA;AAC3D,OAAO,EACL,MAAM,EACN,eAAe,EACf,QAAQ,EACR,eAAe,EACf,mBAAmB,EACnB,gBAAgB,GACjB,MAAM,mCAAmC,CAAA;AAE1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,WAAW,EAAgC,MAAM,qBAAqB,CAAA;AAC/E,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAG9C,MAAM,CAAC,IAAM,oBAAoB,GAAa;;IACtC,IAAA,KASF,iBAAiB,CACnB,WAAW,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,mBAAmB,CAAC,cAAc,CAAC,CAAA;IAC3B,IAAA,SAAS,GAAK,kBAAkB,EAAE,UAAzB,CAAyB;IAC1C,IAAM,aAAa,GAAG,eAAe,CAAW,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,oBAAC,MAAM,eAAK,MAAM,EAAI;QACtB,oBAAC,eAAe,QACb,aAAa,CAAC,GAAG,CAAC,UAAC,IAAI,EAAE,CAAC,IAAK,OAAA,CAC9B,oBAAC,QAAQ,IACP,GAAG,EAAE,CAAC,EACN,IAAI,wBACC,IAAI,KACP,IAAI,EAAE,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAAC,KAE1C,aAAa,wBACR,aAAa,KAChB,aAAa,EAAE,4BAAqB,CAAC,CAAE,EACvC,OAAO,EAAE;oBACP,OAAA,SAAS,CACP,gBAAgB,CACd,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,oBAAC,aAAa,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"}

package/dist/esm/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/esm/Components/Templates/PaymentRender.js

@@ -0,0 +1,43 @@
+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);
+};
+import React from 'react';
+import { InlineMessage } from 'newskit';
+import { Header, usePageViewTracking } from '@newskit-render/shared-components';
+import { useAccountContext } from '../../context';
+import { mergeButtonGroupProps, replaceBaseURL } from '../../helpers';
+import { getPaymentContextName } from '../../helpers/paymentUtils';
+import { Zuora, Stripe } from '../Sections/Form/Payment';
+import { PaymentTypes } from '../Sections/Form/Payment/types';
+import { ContextName } from '../../context/types';
+export var componentMap = {
+    Stripe: Stripe,
+    Zuora: Zuora,
+};
+var PaymentRender = function (_a) {
+    var _b, _c, _d;
+    var paymentMethod = _a.paymentMethod;
+    var contextName = getPaymentContextName(paymentMethod);
+    var _e = useAccountContext(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 = componentMap[paymentProvider];
+    if (header && header.backButton) {
+        header.backButton.href =
+            replaceBaseURL(baseUrl, baseUrl, header.backButton.href) || '/';
+    }
+    usePageViewTracking(tealiumContext);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Header, __assign({}, header)),
+        (type === null || type === void 0 ? void 0 : type.toLowerCase()) === PaymentTypes.paypal && (React.createElement(InlineMessage, { "data-testid": "".concat(paymentProvider, "-inline"), icon: infoPanel.icon, children: infoPanel.children, overrides: infoPanel.overrides || {} })),
+        React.createElement(ProviderComponent, { paymentMethod: paymentMethod, "data-testid": "".concat(paymentProvider, "-form"), buttonGroupProps: mergeButtonGroupProps(baseUrl, undefined, buttonGroupProps) })));
+};
+export default PaymentRender;
+//# sourceMappingURL=PaymentRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"PaymentRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/PaymentRender.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,mBAAmB,EAAE,MAAM,mCAAmC,CAAA;AAC/E,OAAO,EAA6B,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAC5E,OAAO,EAAE,qBAAqB,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AACrE,OAAO,EAAE,qBAAqB,EAAE,MAAM,4BAA4B,CAAA;AAClE,OAAO,EAAE,KAAK,EAAE,MAAM,EAAmB,MAAM,0BAA0B,CAAA;AACzE,OAAO,EAAE,YAAY,EAAE,MAAM,gCAAgC,CAAA;AAC7D,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEjD,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,MAAM,QAAA;IACN,KAAK,OAAA;CACN,CAAA;AAED,IAAM,aAAa,GAAwC,UAAC,EAE3D;;QADC,aAAa,mBAAA;IAEb,IAAM,WAAW,GAAG,qBAAqB,CAAC,aAAa,CAAC,CAAA;IAElD,IAAA,KAQF,iBAAiB,CAAC,WAAW,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,YAAY,CAAC,eAAkC,CAAC,CAAA;IAE1E,IAAI,MAAM,IAAI,MAAM,CAAC,UAAU,EAAE;QAC/B,MAAM,CAAC,UAAU,CAAC,IAAI;YACpB,cAAc,CAAC,OAAO,EAAE,OAAO,EAAE,MAAM,CAAC,UAAU,CAAC,IAAI,CAAC,IAAI,GAAG,CAAA;KAClE;IAED,mBAAmB,CAAC,cAAc,CAAC,CAAA;IAEnC,OAAO,CACL;QACE,oBAAC,MAAM,eAAK,MAAM,EAAI;QACrB,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,EAAE,MAAK,YAAY,CAAC,MAAM,IAAI,CAC9C,oBAAC,aAAa,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,oBAAC,iBAAiB,IAChB,aAAa,EAAE,aAAa,iBACf,UAAG,eAAe,UAAO,EACtC,gBAAgB,EAAE,qBAAqB,CACrC,OAAO,EACP,SAAS,EACT,gBAAgB,CACjB,GACD,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,aAAa,CAAA"}

package/dist/esm/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/esm/Components/Templates/SubscriptionAndBillingRender.js

@@ -0,0 +1,85 @@
+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);
+};
+import React from 'react';
+import { useAccountContext } from '../../context';
+import { DisplayRenderer } from './';
+import { SubscriptionStatus } from '../Sections/NoSubscription';
+import { formateDate, getCookieValue } from '../../helpers';
+import { CANCELLED_SUBSCRIPTION, PENDING_ACTIVATION_SUBSCRIPTION, TERMINATED_SUBSCRIPTION, ACTIVE_SUBSCRIPTION, } from '../../constants';
+import { checkRequestHeaders, Header, usePageViewTracking, UserPlatform, } from '@newskit-render/shared-components';
+import { ContentPassInfoField } from '../Elements/ContentPassInfo';
+var replaceDescription = function (description, type, serviceCancellationDate) {
+    if (type && serviceCancellationDate) {
+        return description
+            .replace('${serviceCancellationDate}', 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 = 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, contentPass = _c.contentPass, requestHeaders = _c.requestHeaders, featureFlags = _c.featureFlags;
+    var name = getCookieValue('_cpauthhint', requestHeaders).name;
+    var isContentPassAccount = name === '_cpauthhint';
+    var isNativeAppUser = checkRequestHeaders(requestHeaders, UserPlatform.native_tm_apps);
+    // 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;
+    usePageViewTracking(tealiumContext);
+    if (!subscriptions ||
+        (Array.isArray(subscriptions) && !subscriptions.length)) {
+        var enhancedNoSubscriptionContext = __assign(__assign({}, noSubscription), { contentPass: contentPass });
+        return !isNativeAppUser && (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags['content_pass-enabled']) ? (React.createElement(SubscriptionStatus, __assign({}, enhancedNoSubscriptionContext))) : (React.createElement(SubscriptionStatus, __assign({}, noSubscription)));
+    }
+    return (React.createElement(React.Fragment, null,
+        sections[0].componentType === 'cardComposable' ? (React.createElement(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 === CANCELLED_SUBSCRIPTION ||
+                    subscription.status === 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.createElement(SubscriptionStatus, __assign({ key: subscription.id }, previousSubscription, { header: header_1 })));
+            }
+            if ((subscription === null || subscription === void 0 ? void 0 : subscription.status) === PENDING_ACTIVATION_SUBSCRIPTION) {
+                return (React.createElement(SubscriptionStatus, __assign({ key: subscription.id }, pendingSubscription)));
+            }
+            var isSubscriptionTypeFree = (subscription === null || subscription === void 0 ? void 0 : subscription.status) === ACTIVE_SUBSCRIPTION &&
+                !paymentFailure.active &&
+                (subscription === null || subscription === void 0 ? void 0 : subscription.billingDetails.paymentMethod.type) === null;
+            if (isSubscriptionTypeFree && freeSubscription) {
+                return (React.createElement(SubscriptionStatus, __assign({ key: subscription.id }, freeSubscription)));
+            }
+            if (isSubscriptionTypeFree && !freeSubscription) {
+                return (React.createElement(DisplayRenderer, { key: subscription.id, id: subscription.id, contextName: contextName, isNoBillingSubscription: true }));
+            }
+            return (React.createElement(React.Fragment, null,
+                React.createElement(DisplayRenderer, { key: subscription === null || subscription === void 0 ? void 0 : subscription.id, id: subscription === null || subscription === void 0 ? void 0 : subscription.id, contextName: contextName }),
+                isNativeAppUser
+                    ? null
+                    : (featureFlags === null || featureFlags === void 0 ? void 0 : featureFlags['content_pass-enabled']) &&
+                        contentPass &&
+                        isContentPassAccount && (React.createElement(ContentPassInfoField, __assign({}, contentPass)))));
+        })));
+};
+export default SubscriptionAndBillingRender;
+//# sourceMappingURL=SubscriptionAndBillingRender.js.map

package/dist/esm/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/esm/Components/Templates/UserHubRender.d.ts

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

package/dist/esm/Components/Templates/UserHubRender.js

@@ -0,0 +1,41 @@
+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;
+};
+import React from 'react';
+import { Header } from '@newskit-render/shared-components';
+import { useAccountContext } from '../../context';
+import { ContextName } from '../../context/types';
+import { Stack, StackChild } from 'newskit';
+import { replaceBaseURL } from '../../helpers';
+import { Tile } from '../../Components/Elements/Tile';
+export var UserHubRender = function () {
+    var contextName = ContextName.userHubPage;
+    var _a = useAccountContext(contextName), baseUrl = _a.baseUrl, header = _a.header, tiles = _a.tiles;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Header, __assign({}, header, { fullWidthTitle: true })),
+        React.createElement(Stack, null, tiles.map(function (_a) {
+            var href = _a.href, props = __rest(_a, ["href"]);
+            return (React.createElement(StackChild, null,
+                React.createElement(Tile, __assign({}, props, { href: replaceBaseURL(baseUrl, href) }))));
+        }))));
+};
+//# sourceMappingURL=UserHubRender.js.map

package/dist/esm/Components/Templates/UserHubRender.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"UserHubRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/UserHubRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAAyB,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAExE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AAC3C,OAAO,EAAE,cAAc,EAAE,MAAM,eAAe,CAAA;AAC9C,OAAO,EAAE,IAAI,EAAE,MAAM,gCAAgC,CAAA;AAErD,MAAM,CAAC,IAAM,aAAa,GAAa;IACrC,IAAM,WAAW,GAAG,WAAW,CAAC,WAAW,CAAA;IACrC,IAAA,KAA6B,iBAAiB,CAClD,WAAW,CACa,EAFlB,OAAO,aAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAEJ,CAAA;IAE1B,OAAO,CACL;QACE,oBAAC,MAAM,eAAK,MAAM,IAAE,cAAc,UAAG;QACrC,oBAAC,KAAK,QACH,KAAK,CAAC,GAAG,CAAC,UAAC,EAAkB;YAAhB,IAAA,IAAI,UAAA,EAAK,KAAK,cAAhB,QAAkB,CAAF;YAAO,OAAA,CACjC,oBAAC,UAAU;gBACT,oBAAC,IAAI,eAAK,KAAK,IAAE,IAAI,EAAE,cAAc,CAAC,OAAO,EAAE,IAAI,CAAC,IAAI,CAC7C,CACd,CAAA;SAAA,CAAC,CACI,CACP,CACJ,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,21 @@
+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';
+import { UserHubRender } from './UserHubRender';
+export * from './types';
+export { DynamicPage, DisplayRenderer, EditRenderer, editComponentMap, CancellationRender, PaymentRender, SubscriptionAndBillingRender, HolidayStopRender, AddRenderer, addComponentMap, HolidayStopListRender, PaymentMethodsRender, NewslettersRender, FamilyRender, UserHubRender, AccountDeletionRender, ConfirmAccountDeletionRender, AccountDeletionSuccessRender, AccountDeletionErrorRender, };
+export default Layout;

package/dist/esm/Components/Templates/index.js

@@ -0,0 +1,22 @@
+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';
+import { UserHubRender } from './UserHubRender';
+export * from './types';
+export { DynamicPage, DisplayRenderer, EditRenderer, editComponentMap, CancellationRender, PaymentRender, SubscriptionAndBillingRender, HolidayStopRender, AddRenderer, addComponentMap, HolidayStopListRender, PaymentMethodsRender, NewslettersRender, FamilyRender, UserHubRender, AccountDeletionRender, ConfirmAccountDeletionRender, AccountDeletionSuccessRender, AccountDeletionErrorRender, };
+export default Layout;
+//# sourceMappingURL=index.js.map