@newskit-render/my-account 0.0.0-e16014a0

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

@@ -0,0 +1,101 @@
+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, { useState } from 'react';
+import { Block, TextBlock, Button, Flag, GridLayout, GridLayoutItem, Stack, StackChild, Divider, styled, toNewsKitIcon, getMediaQueryFromTheme, } from 'newskit';
+import { Person as FilledPerson } from '@emotion-icons/material';
+import { Header, NextLink, usePageViewTracking, } from '@newskit-render/shared-components';
+import { useAccountContext } from '../../context';
+import { ContextName, FamilyMemberStatusTypes, } from '../../context/types';
+import { replaceBaseURL } from '../../helpers/dataUtils';
+import FamilyMemberInvitationStatus from '../Elements/FamilyMemberInvitationStatus';
+import { combineAccountData } from '../../helpers';
+var StyledDividerWrapper = styled(Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
+var StyledTextBlock = styled(TextBlock)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  ", " {\n    max-width: 100%;\n  }\n\n  ", " {\n    max-width: 90%;\n  }\n\n  ", " {\n    max-width: 70%;\n  }\n"], ["\n  ", " {\n    max-width: 100%;\n  }\n\n  ", " {\n    max-width: 90%;\n  }\n\n  ", " {\n    max-width: 70%;\n  }\n"])), getMediaQueryFromTheme('xs'), getMediaQueryFromTheme('sm'), getMediaQueryFromTheme('lg'));
+var PersonFilledIcon = toNewsKitIcon(FilledPerson);
+var sortMembersListByStatusType = function (members) {
+    if (!(members === null || members === void 0 ? void 0 : members.length))
+        return [];
+    // ACTIVE before PENDING
+    return members.sort(function (a, b) {
+        if (a.status === FamilyMemberStatusTypes.ACTIVE &&
+            b.status === FamilyMemberStatusTypes.PENDING) {
+            return -1;
+        }
+        else if (a.status === FamilyMemberStatusTypes.PENDING &&
+            b.status === FamilyMemberStatusTypes.ACTIVE) {
+            return 1;
+        }
+        else {
+            return 0; // the order remains unchanged
+        }
+    });
+};
+export var FamilyRender = function () {
+    var contextName = ContextName.family;
+    var _a = useAccountContext(contextName), header = _a.header, _b = _a.userData, groupAccounts = _b.groupAccounts, isUserFamilyAccountPrimary = _b.isUserFamilyAccountPrimary, tealiumContext = _a.tealiumContext, mainGridLayoutOverrides = _a.mainGridLayoutOverrides, accountDataGridLayoutOverrides = _a.accountDataGridLayoutOverrides, allocatedMembersFlag = _a.allocatedMembersFlag, activeMembersFlag = _a.activeMembersFlag, invitedMembersFlag = _a.invitedMembersFlag, addMemberButtonOverrides = _a.addMemberButtonOverrides, removeMemberMessageOverrides = _a.removeMemberMessageOverrides, allocatedMembersDefaultCount = _a.allocatedMembersDefaultCount, baseUrl = _a.baseUrl, termsAndConditionsLinkOverrides = _a.termsAndConditionsLinkOverrides;
+    usePageViewTracking(tealiumContext);
+    var groupAccountData = ((groupAccounts === null || groupAccounts === void 0 ? void 0 : groupAccounts.length)
+        ? groupAccounts
+        : [{ maxShares: allocatedMembersDefaultCount, shares: [] }])[0];
+    var maxShares = groupAccountData.maxShares, shares = groupAccountData.shares;
+    var _c = useState(sortMembersListByStatusType(shares)), membersList = _c[0], setMembersList = _c[1];
+    var _d = useState(combineAccountData(shares, maxShares)), shareStatusData = _d[0], setShareStatusData = _d[1];
+    var handleRemoveMemberFromList = function (id) {
+        setMembersList(function (prevMembersList) {
+            var filteredMemberList = prevMembersList.filter(function (member) { return member.shareId !== id; });
+            setShareStatusData(combineAccountData(filteredMemberList, maxShares));
+            return sortMembersListByStatusType(filteredMemberList);
+        });
+    };
+    return (React.createElement(Block, null,
+        React.createElement(Header, __assign({}, header)),
+        isUserFamilyAccountPrimary && (React.createElement(React.Fragment, null,
+            React.createElement(GridLayout, { rowGap: mainGridLayoutOverrides.rowGap },
+                React.createElement(GridLayoutItem, { "data-testid": "account-data", stylePreset: "contentListView", paddingBlock: 'space050', paddingInline: 'space040' },
+                    React.createElement(GridLayout, { rowGap: accountDataGridLayoutOverrides.rowGap },
+                        React.createElement(GridLayoutItem, null,
+                            React.createElement(Stack, { flow: "horizontal-stretch", wrap: "wrap" },
+                                React.createElement(StackChild, null,
+                                    React.createElement(Flag, { overrides: allocatedMembersFlag.overrides, size: allocatedMembersFlag.size, "data-testid": "max-shares" },
+                                        React.createElement(PersonFilledIcon, null),
+                                        " ",
+                                        maxShares,
+                                        allocatedMembersFlag.text),
+                                    React.createElement(StyledDividerWrapper, { marginInline: "space020" },
+                                        React.createElement(Divider, { vertical: true, overrides: {
+                                                stylePreset: 'familyMembersDivider',
+                                            } }))),
+                                React.createElement(StackChild, null,
+                                    React.createElement(Flag, { overrides: activeMembersFlag.overrides, size: activeMembersFlag.size, "data-testid": "active-members" },
+                                        shareStatusData.active,
+                                        activeMembersFlag.text),
+                                    React.createElement(StyledDividerWrapper, { marginInline: "space020" },
+                                        React.createElement(Divider, { vertical: true, overrides: {
+                                                stylePreset: 'familyMembersDivider',
+                                            } }))),
+                                React.createElement(StackChild, null,
+                                    React.createElement(Flag, { overrides: invitedMembersFlag.overrides, size: invitedMembersFlag.size, "data-testid": "invited-members" },
+                                        shareStatusData.pending,
+                                        invitedMembersFlag.text)))),
+                        React.createElement(GridLayoutItem, null, shareStatusData.isMaxCapacity ? (React.createElement(StyledTextBlock, { stylePreset: removeMemberMessageOverrides.stylePreset, typographyPreset: removeMemberMessageOverrides.typographyPreset, "data-testid": "remove-member-message" }, removeMemberMessageOverrides.text)) : (React.createElement(Button, { size: addMemberButtonOverrides.size, overrides: addMemberButtonOverrides.overrides, href: replaceBaseURL(baseUrl, addMemberButtonOverrides.href), "data-testid": "add-members-button", eventContext: addMemberButtonOverrides.eventContext }, addMemberButtonOverrides.text))))),
+                membersList && membersList.length !== 0 && (React.createElement(GridLayoutItem, { "data-testid": "member-rows-wrapper", stylePreset: "contentListView" }, membersList.map(function (share) { return (React.createElement(FamilyMemberInvitationStatus, { memberData: share, handleRemoveMemberFromList: handleRemoveMemberFromList, key: share.shareId })); })))),
+            termsAndConditionsLinkOverrides && (React.createElement(Block, { marginBlock: termsAndConditionsLinkOverrides.overrides.marginBlock, "data-testid": "terms-and-conditions-link" },
+                React.createElement(NextLink, { type: "standalone", href: termsAndConditionsLinkOverrides.href, overrides: {
+                        typographyPreset: termsAndConditionsLinkOverrides.overrides.typographyPreset,
+                    }, external: false }, termsAndConditionsLinkOverrides.text)))))));
+};
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=FamilyRender.js.map

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

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

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

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const HolidayStopCancellation: React.FC<{
+    onDismiss: () => void;
+    showModal: boolean;
+    holidayStopId: string;
+}>;
+export default HolidayStopCancellation;

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

@@ -0,0 +1,126 @@
+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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
+    return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import React, { useState } from 'react';
+import { ContextName } from '../../context/types';
+import { useAccountContext } from '../../context';
+import merge from 'lodash.merge';
+import { Modal } from '@newskit-render/shared-components';
+import onFormSubmit from '../Sections/Form/onFormSubmit';
+import { useRouter } from 'next/router';
+import { navigationSecondaryWidth } from '../Sections/NavigationSecondary';
+import { LayerOrganizer } from 'newskit';
+import { zIndexModal } from '../../Components/Sections/LayoutContentContainer';
+var HolidayStopCancellation = function (_a) {
+    var onDismiss = _a.onDismiss, showModal = _a.showModal, holidayStopId = _a.holidayStopId;
+    var contextName = ContextName.holidayStop;
+    var _b = useAccountContext(contextName), _c = _b.cancellation, confirmationModal = _c.confirmationModal, baseUrl = _c.baseUrl, errorMessages = _c.errorMessages, genericErrorMessage = _c.genericErrorMessage, handleError = _b.handleError, handleSuccess = _b.handleSuccess, handleLoading = _b.handleLoading, pageTitle = _b.head.pageTitle;
+    var router = useRouter();
+    var _d = useState(false), loading = _d[0], setLoading = _d[1];
+    var handleFormSuccess = function () {
+        if (handleSuccess) {
+            handleSuccess();
+            router.reload();
+        }
+    };
+    var handleFormError = function () {
+        if (handleError)
+            handleError('deleteUserHolidayStop', errorMessages, genericErrorMessage);
+    };
+    var onSubmit = function () { return __awaiter(void 0, void 0, void 0, function () {
+        var e_1;
+        return __generator(this, function (_a) {
+            switch (_a.label) {
+                case 0:
+                    _a.trys.push([0, 2, , 3]);
+                    setLoading(true);
+                    if (handleLoading) {
+                        handleLoading('deleteUserHolidayStop', errorMessages, genericErrorMessage);
+                    }
+                    return [4 /*yield*/, onFormSubmit({
+                            id: holidayStopId,
+                        }, 'deleteUserHolidayStop', router, handleFormError, handleFormSuccess, baseUrl)];
+                case 1:
+                    _a.sent();
+                    setLoading(false);
+                    onDismiss();
+                    return [3 /*break*/, 3];
+                case 2:
+                    e_1 = _a.sent();
+                    setLoading(false);
+                    if (handleError) {
+                        handleError('deleteUserHolidayStop', errorMessages, genericErrorMessage, '');
+                    }
+                    return [3 /*break*/, 3];
+                case 3: return [2 /*return*/];
+            }
+        });
+    }); };
+    var buttonGroup = merge({}, confirmationModal.buttonGroup, {
+        primaryButton: {
+            eventContext: {
+                event_navigation_name: 'confirm holiday cancellation',
+                page_name: "".concat(pageTitle === null || pageTitle === void 0 ? void 0 : pageTitle.toLocaleLowerCase()),
+            },
+            onClick: function () { return onSubmit(); },
+        },
+        secondaryButton: {
+            eventContext: {
+                event_navigation_name: 'keep holiday stop',
+                page_name: "".concat(pageTitle === null || pageTitle === void 0 ? void 0 : pageTitle.toLocaleLowerCase()),
+            },
+            onClick: function () { return onDismiss(); },
+        },
+        loading: loading,
+    });
+    if (!showModal)
+        return null;
+    return (React.createElement(LayerOrganizer, { zIndex: zIndexModal },
+        React.createElement(Modal, __assign({ open: showModal, onDismiss: onDismiss }, confirmationModal, { buttonGroup: buttonGroup, useFixedWrapper: true, fixedWrapperLeft: navigationSecondaryWidth }))));
+};
+export default HolidayStopCancellation;
+//# sourceMappingURL=HolidayStopCancellation.js.map

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

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

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

@@ -0,0 +1,6 @@
+import React from 'react';
+import { DateItemType } from '@newskit-render/shared-components';
+export declare const HolidayStopListRender: React.FC<{
+    holidayStops: DateItemType[];
+    holidayStopType: 'upcoming' | 'previous';
+}>;

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

@@ -0,0 +1,54 @@
+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, { useState } from 'react';
+import { ContentListView, Header, DateItemButtons, DateItemStatus, } from '@newskit-render/shared-components';
+import { styled } from 'newskit';
+import sortby from 'lodash.sortby';
+import { useAccountContext } from '../../context';
+import { ContextName } from '../../context/types';
+import { isInProgress } from '../../helpers/holidayStopsUtils';
+import HolidayStopCancellation from './HolidayStopCancellation';
+var RelativeWrapper = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+export var HolidayStopListRender = function (_a) {
+    var holidayStops = _a.holidayStops, holidayStopType = _a.holidayStopType;
+    var contextName = ContextName.holidayStop;
+    var _b = useAccountContext(contextName), header = _b.header, inProgressStatusOverrides = _b.inProgressStatusOverrides, baseUrl = _b.baseUrl;
+    var _c = useState(false), showModal = _c[0], setShowModal = _c[1];
+    var _d = useState(''), cancelHolidayStopId = _d[0], setCancelHolidayStopId = _d[1];
+    var orderedHolidayStops = sortby(holidayStops, 'startDate');
+    return (React.createElement(RelativeWrapper, null,
+        React.createElement(Header, __assign({}, header)),
+        React.createElement(ContentListView, { marginBlockEnd: "space050" }, orderedHolidayStops.map(function (holidayStop) {
+            var inProgress = isInProgress(holidayStop);
+            var DateItem = holidayStopType === 'previous' || inProgress
+                ? DateItemStatus
+                : DateItemButtons;
+            return (React.createElement(DateItem, { 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(HolidayStopCancellation, { showModal: showModal, holidayStopId: cancelHolidayStopId, onDismiss: function () { return setShowModal(false); } })));
+};
+var templateObject_1;
+//# sourceMappingURL=HolidayStopListRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HolidayStopListRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/HolidayStopListRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EACL,eAAe,EACf,MAAM,EACN,eAAe,EACf,cAAc,GAEf,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AAChC,OAAO,MAAM,MAAM,eAAe,CAAA;AAClC,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,WAAW,EAA6B,MAAM,qBAAqB,CAAA;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAC9D,OAAO,uBAAuB,MAAM,2BAA2B,CAAA;AAE/D,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,8FAAA,2BAEjC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,qBAAqB,GAG7B,UAAC,EAAiC;QAA/B,YAAY,kBAAA,EAAE,eAAe,qBAAA;IACnC,IAAM,WAAW,GAAG,WAAW,CAAC,WAAW,CAAA;IACrC,IAAA,KAAiD,iBAAiB,CACtE,WAAW,CACiB,EAFtB,MAAM,YAAA,EAAE,yBAAyB,+BAAA,EAAE,OAAO,aAEpB,CAAA;IAExB,IAAA,KAA4B,QAAQ,CAAU,KAAK,CAAC,EAAnD,SAAS,QAAA,EAAE,YAAY,QAA4B,CAAA;IACpD,IAAA,KAAgD,QAAQ,CAAS,EAAE,CAAC,EAAnE,mBAAmB,QAAA,EAAE,sBAAsB,QAAwB,CAAA;IAE1E,IAAM,mBAAmB,GAAG,MAAM,CAAC,YAAY,EAAE,WAAW,CAAC,CAAA;IAE7D,OAAO,CACL,oBAAC,eAAe;QACd,oBAAC,MAAM,eAAK,MAAM,EAAI;QACtB,oBAAC,eAAe,IAAC,cAAc,EAAC,UAAU,IACvC,mBAAmB,CAAC,GAAG,CAAC,UAAC,WAAW;YACnC,IAAM,UAAU,GAAG,YAAY,CAAC,WAAW,CAAC,CAAA;YAE5C,IAAM,QAAQ,GACZ,eAAe,KAAK,UAAU,IAAI,UAAU;gBAC1C,CAAC,CAAC,cAAc;gBAChB,CAAC,CAAC,eAAe,CAAA;YAErB,OAAO,CACL,oBAAC,QAAQ,IACP,GAAG,EAAE,WAAW,CAAC,EAAE,EACnB,IAAI,EAAE,WAAW,EACjB,aAAa,EAAE;oBACb,QAAQ,EAAE,IAAI;oBACd,aAAa,EAAE,iCAA0B,WAAW,CAAC,EAAE,CAAE;iBAC1D,EACD,aAAa,EAAE;oBACb,eAAe,EAAE,UAAU;wBACzB,CAAC,CAAC,yBAAyB;wBAC3B,CAAC,CAAC,SAAS;iBACd,EACD,QAAQ,EAAE;oBACR,sBAAsB,CAAC,WAAW,CAAC,EAAE,CAAC,CAAA;oBACtC,YAAY,CAAC,IAAI,CAAC,CAAA;gBACpB,CAAC,EACD,WAAW,EAAE,UAAG,OAAO,mCAAyB,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,CAAE,GACvD,CACb,CAAA;QACH,CAAC,CAAC,CACc;QAClB,oBAAC,uBAAuB,IACtB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,mBAAmB,EAClC,SAAS,EAAE,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,GACpC,CACc,CACnB,CAAA;AACH,CAAC,CAAA"}

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

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

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":";;;;;;;;;;;;;;;AAAA,OAAO,EACL,eAAe,EACf,MAAM,EACN,aAAa,EACb,eAAe,EACf,cAAc,EAEd,mBAAmB,GACpB,MAAM,mCAAmC,CAAA;AAC1C,OAAO,EAAE,iBAAiB,EAAE,MAAM,eAAe,CAAA;AACjD,OAAO,EAAE,WAAW,EAA6B,MAAM,qBAAqB,CAAA;AAC5E,OAAO,EACL,KAAK,EACL,MAAM,EACN,YAAY,EACZ,cAAc,EACd,kBAAkB,EAClB,kBAAkB,EAClB,MAAM,EACN,SAAS,GACV,MAAM,SAAS,CAAA;AAChB,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,uBAAuB,MAAM,2BAA2B,CAAA;AAC/D,OAAO,EACL,YAAY,EACZ,iBAAiB,GAClB,MAAM,iCAAiC,CAAA;AACxC,OAAO,MAAM,MAAM,eAAe,CAAA;AAElC,IAAM,sBAAsB,GAAG,CAAC,CAAA;AAEhC,IAAM,eAAe,GAAG,MAAM,CAAC,GAAG,8FAAA,2BAEjC,IAAA,CAAA;AAED,MAAM,CAAC,IAAM,iBAAiB,GAAa;;IACzC,IAAM,WAAW,GAAG,WAAW,CAAC,WAAW,CAAA;IACrC,IAAA,KAYF,iBAAiB,CAAC,WAAW,CAA8B,EAX7D,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,iBAAiB,uBAAA,EACjB,oBAAoB,0BAAA,EACpB,aAAa,mBAAA,EACb,sBAAsB,4BAAA,EACtB,qBAAqB,2BAAA,EACrB,YAAY,kBAAA,EACZ,yBAAyB,+BAAA,EACzB,OAAO,aAAA,EACP,cAAc,oBAC+C,CAAA;IAC/D,mBAAmB,CAAC,cAAc,CAAC,CAAA;IAC7B,IAAA,KAA4B,QAAQ,CAAU,KAAK,CAAC,EAAnD,SAAS,QAAA,EAAE,YAAY,QAA4B,CAAA;IACpD,IAAA,KAAgD,QAAQ,CAAS,EAAE,CAAC,EAAnE,mBAAmB,QAAA,EAAE,sBAAsB,QAAwB,CAAA;IAE1E,IAAM,gBAAgB,GAAG,MAAA,QAAQ,CAAC,aAAa,0CAAG,CAAC,EAAE,IAAI,CAAA;IACzD,IAAM,YAAY,GAAG,iBAAiB,CAAC,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,WAAW,EAAE,CAAC,CAAA;IAEvE,IAAM,mBAAmB,GAAG,iBAAiB,CAAC,QAAQ,CAAC,YAAY,CAAC,CAAA;IACpE,IAAM,oBAAoB,GAAmB,MAAM,CACjD,mBAAmB,CAAC,QAAQ,EAC5B,WAAW,CACZ,CAAA;IACD,IAAM,oBAAoB,GAAmB,MAAM,CACjD,mBAAmB,CAAC,QAAQ,EAC5B,WAAW,CACZ,CAAA;IAED,IAAM,sBAAsB,GAAG;QAC7B,aAAa,eAAA;QACb,sBAAsB,wBAAA;QACtB,eAAe,EAAE,qBAAqB;QACtC,YAAY,cAAA;KACb,CAAA;IAED,OAAO,CACL,oBAAC,eAAe;QACd,oBAAC,MAAM,eAAK,MAAM,EAAI;QACtB,oBAAC,aAAa,aAAC,IAAI,EAAE,YAAY,IAAM,sBAAsB,EAAI;QACjE,oBAAC,KAAK,IACJ,gBAAgB,EAAE,oBAAoB,CAAC,gBAAgB,EACvD,cAAc,EAAE,oBAAoB,CAAC,cAAc;YAEnD,oBAAC,MAAM,IACL,SAAS,EAAE,oBAAoB,CAAC,SAAS,EACzC,IAAI,EAAE,UAAG,OAAO,sBAAmB,EACnC,eAAe,EAAC,yBAAyB,EACzC,YAAY,EAAE;oBACZ,uBAAuB,EAAE,YAAY;oBACrC,gCAAgC,EAAE,YAAY,CAAC,KAAK;oBACpD,qBAAqB,EAAE,kBAAkB;oBACzC,SAAS,EAAE,cAAc;iBAC1B,IAEA,oBAAoB,CAAC,KAAK,CACpB,CACH;QACR,oBAAC,SAAS,IACR,cAAc,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,EAClD,gBAAgB,EAAE;gBAChB,EAAE,EAAE,sBAAsB;aAC3B,6BAGS;QACZ,oBAAC,eAAe,IAAC,cAAc,EAAC,UAAU,IACvC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAC7B,oBAAoB;aACjB,KAAK,CAAC,CAAC,EAAE,sBAAsB,CAAC;aAChC,GAAG,CAAC,UAAC,WAAW;YACf,IAAM,UAAU,GAAG,YAAY,CAAC,WAAW,CAAC,CAAA;YAE5C,IAAM,sBAAsB,GAAG,UAAU;gBACvC,CAAC,CAAC,cAAc;gBAChB,CAAC,CAAC,eAAe,CAAA;YAEnB,OAAO,CACL,oBAAC,sBAAsB,IACrB,GAAG,EAAE,WAAW,CAAC,EAAE,EACnB,IAAI,EAAE,WAAW,EACjB,aAAa,EAAE;oBACb,QAAQ,EAAE,IAAI;oBACd,aAAa,EAAE,iCAA0B,WAAW,CAAC,EAAE,CAAE;iBAC1D,EACD,aAAa,EAAE;oBACb,eAAe,EAAE,UAAU;wBACzB,CAAC,CAAC,yBAAyB;wBAC3B,CAAC,CAAC,SAAS;iBACd,EACD,QAAQ,EAAE;oBACR,sBAAsB,CAAC,WAAW,CAAC,EAAE,CAAC,CAAA;oBACtC,YAAY,CAAC,IAAI,CAAC,CAAA;gBACpB,CAAC,EACD,WAAW,EAAE,UAAG,OAAO,mCAAyB,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,EAAE,CAAE,GACzC,CAC3B,CAAA;QACH,CAAC,CAAC,CACL,CAAC,CAAC,CAAC,CACF,oBAAC,kBAAkB;YACjB,oBAAC,kBAAkB,IAAC,KAAK,EAAC,QAAQ;gBAChC,oBAAC,SAAS,uDAEE,CACO,CACF,CACtB,CACe;QACjB,oBAAoB,CAAC,MAAM,GAAG,sBAAsB,IAAI,CACvD,oBAAC,cAAc,mBACD,6BAA6B,EACzC,IAAI,EAAE,UAAG,OAAO,yCAAsC,EACtD,eAAe,EAAC,MAAM,EACtB,YAAY,EAAE;gBACZ,uBAAuB,EAAE,YAAY;gBACrC,gCAAgC,EAAE,YAAY,CAAC,KAAK;gBACpD,qBAAqB,EAAE,6BAA6B;gBACpD,SAAS,EAAE,cAAc;aAC1B,IAEA,mCAAmC,CACrB,CAClB;QACD,oBAAC,KAAK,IAAC,cAAc,EAAC,UAAU,GAAS;QAEzC,oBAAC,SAAS,IACR,cAAc,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE,EAClD,gBAAgB,EAAE;gBAChB,EAAE,EAAE,sBAAsB;aAC3B,6BAGS;QACZ,oBAAC,eAAe,IAAC,cAAc,EAAC,UAAU,IACvC,oBAAoB,CAAC,MAAM,CAAC,CAAC,CAAC,CAC7B,oBAAoB;aACjB,KAAK,CAAC,CAAC,EAAE,sBAAsB,CAAC;aAChC,GAAG,CAAC,UAAC,WAAW,IAAK,OAAA,CACpB,oBAAC,cAAc,IACb,GAAG,EAAE,WAAW,CAAC,EAAE,EACnB,IAAI,EAAE,WAAW,EACjB,aAAa,EAAE;gBACb,QAAQ,EAAE,IAAI;gBACd,aAAa,EAAE,iCAA0B,WAAW,CAAC,EAAE,CAAE;aAC1D,GACe,CACnB,EATqB,CASrB,CAAC,CACL,CAAC,CAAC,CAAC,CACF,oBAAC,kBAAkB;YACjB,oBAAC,kBAAkB,IAAC,KAAK,EAAC,QAAQ;gBAChC,oBAAC,SAAS,wDAAqD,CAC5C,CACF,CACtB,CACe;QAClB,oBAAC,uBAAuB,IACtB,SAAS,EAAE,SAAS,EACpB,aAAa,EAAE,mBAAmB,EAClC,SAAS,EAAE,cAAM,OAAA,YAAY,CAAC,KAAK,CAAC,EAAnB,CAAmB,GACpC;QACD,oBAAoB,CAAC,MAAM,GAAG,sBAAsB,IAAI,CACvD,oBAAC,cAAc,IACb,IAAI,EAAE,UAAG,OAAO,yCAAsC,iBAC1C,6BAA6B,EACzC,eAAe,EAAC,MAAM,EACtB,YAAY,EAAE;gBACZ,uBAAuB,EAAE,YAAY;gBACrC,gCAAgC,EAAE,YAAY,CAAC,KAAK;gBACpD,qBAAqB,EAAE,6BAA6B;gBACpD,SAAS,EAAE,cAAc;aAC1B,IAEA,mCAAmC,CACrB,CAClB,CACe,CACnB,CAAA;AACH,CAAC,CAAA"}

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