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

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

@@ -0,0 +1 @@
+{"version":3,"file":"ConfirmAccountDeletionRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/ConfirmAccountDeletionRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,KAAK,MAAM,aAAa,CAAA;AAC/B,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAEL,iBAAiB,GAClB,MAAM,eAAe,CAAA;AACtB,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AACjD,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,SAAS,CAAA;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,iBAAiB,CAAA;AAExD,MAAM,CAAC,IAAM,4BAA4B,GAAG;IAC1C,IAAM,WAAW,GAAG,WAAW,CAAC,sBAAsB,CAAA;IAEtD,IAAM,OAAO,GAAG,iBAAiB,CAC/B,WAAW,CAC4B,CAAA;IACjC,IAAA,MAAM,GAAgD,OAAO,OAAvD,EAAE,OAAO,GAAuC,OAAO,QAA9C,EAAE,KAAqC,OAAO,QAAhC,EAAZ,OAAO,mBAAG,EAAE,KAAA,EAAE,SAAS,GAAc,OAAO,UAArB,EAAE,OAAO,GAAK,OAAO,QAAZ,CAAY;IAC7D,IAAA,KACN,OAAO,QAD0B,EAAlB,aAAa,mBAAG,EAAE,KAAA,EAAE,KACnC,OAAO,UAD2D,EAApB,eAAe,mBAAG,EAAE,KAAA,CAC3D;IAEH,IAAA,KAAwC,QAAQ,CAAC,KAAK,CAAC,EAAtD,eAAe,QAAA,EAAE,kBAAkB,QAAmB,CAAA;IAE7D,IAAM,wBAAwB,GAAG;;;;;oBAC/B,IAAI,eAAe;wBAAE,sBAAM;oBAC3B,kBAAkB,CAAC,IAAI,CAAC,CAAA;;;;oBAGL,qBAAM,KAAK,CAAC,qBAAqB,EAAE;4BAClD,MAAM,EAAE,MAAM;4BACd,IAAI,EAAE,IAAI,CAAC,SAAS,CAAC;gCACnB,mBAAmB,EAAE,gBAAgB;gCACrC,KAAK,EAAE,sBAAsB;6BAC9B,CAAC;yBACH,CAAC,EAAA;;oBANI,QAAQ,GAAG,SAMf;oBACF,IAAI,CAAC,QAAQ,CAAC,EAAE,EAAE;wBAChB,MAAM,IAAI,KAAK,EAAE,CAAA;qBAClB;oBACD,SAAS,aAAT,SAAS,uBAAT,SAAS,EAAI,CAAA;;;;oBAEb,OAAO,aAAP,OAAO,uBAAP,OAAO,EAAI,CAAA;;;oBAEX,kBAAkB,CAAC,KAAK,CAAC,CAAA;;;;;SAE5B,CAAA;IAED,OAAO,CACL;QACE,oBAAC,MAAM,eAAK,MAAM,EAAI;QAEtB,oBAAC,KAAK,IAAC,gBAAgB,EAAC,UAAU,EAAC,cAAc,EAAC,UAAU,IACzD,OAAO,CACF;QAER,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,aACL,OAAO,EAAE,eAAe,EACxB,OAAO,EAAE,wBAAwB,IAC7B,eAAe,GAElB,eAAe,CAAC,IAAI,CACd,CACE,CACZ,CACJ,CAAA;AACH,CAAC,CAAA"}

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

@@ -0,0 +1,10 @@
+import React from 'react';
+import { ContextName } from '../../context/types';
+type DisplayRenderProps = {
+    contextName: ContextName;
+    subscriptionDisplayType?: string;
+    isNoBillingSubscription?: boolean;
+    id?: string;
+};
+declare const DisplayRenderer: React.FC<DisplayRenderProps>;
+export default DisplayRenderer;

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

@@ -0,0 +1,57 @@
+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 from 'react';
+import { Block, styled } from 'newskit';
+import { Header } from '@newskit-render/shared-components';
+import { useAccountContext, } from '../../context';
+import { SubscriptionType, SectionTypes, SectionBillingType, } from '../../context/types';
+import ContentContainer from '../Sections/ContentContainer';
+import CardContentContainer from '../Sections/CardContentContainer';
+var StyledBlock = styled(Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  clear: both;\n"], ["\n  clear: both;\n"])));
+var DisplayRenderer = function (_a) {
+    var _b, _c, _d;
+    var id = _a.id, contextName = _a.contextName, isNoBillingSubscription = _a.isNoBillingSubscription;
+    var _e = useAccountContext(contextName), header = _e.header, sections = _e.sections, userData = _e.userData;
+    var subscriptionType = ((_c = (_b = userData === null || userData === void 0 ? void 0 : userData.subscriptions) === null || _b === void 0 ? void 0 : _b[0]) === null || _c === void 0 ? void 0 : _c.type) &&
+        userData.subscriptions[0].type.toLowerCase();
+    return (React.createElement(React.Fragment, null,
+        ((_d = sections[0]) === null || _d === void 0 ? void 0 : _d.componentType) === 'cardComposable' ? null : (React.createElement(Header, __assign({ descriptionOverrides: {
+                marginBlockEnd: { xs: 'space050', md: 'space080' },
+            } }, header))),
+        React.createElement(StyledBlock, null, Array.isArray(sections) &&
+            sections.map(function (section, i) {
+                var ComponentToRender;
+                if (section.componentType === 'cardComposable') {
+                    ComponentToRender = CardContentContainer;
+                }
+                else {
+                    ComponentToRender = ContentContainer;
+                }
+                if (isNoBillingSubscription) {
+                    if (section.billingType === SectionBillingType.Billing)
+                        return null;
+                    return (React.createElement(ComponentToRender, __assign({}, section.props, { contextName: contextName, id: id, key: i })));
+                }
+                if (section.billingType === SectionBillingType.NoBilling)
+                    return null;
+                var printSubscriptionsOnlySection = subscriptionType === SubscriptionType.digital &&
+                    section.type !== SectionTypes.Digital;
+                return printSubscriptionsOnlySection ? null : (React.createElement(ComponentToRender, __assign({}, section.props, { contextName: contextName, id: id, key: i })));
+            }))));
+};
+export default DisplayRenderer;
+var templateObject_1;
+//# sourceMappingURL=DisplayRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DisplayRenderer.js","sourceRoot":"","sources":["../../../../src/Components/Templates/DisplayRenderer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EAAE,KAAK,EAAE,MAAM,EAAE,MAAM,SAAS,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAE1D,OAAO,EAEL,iBAAiB,GAClB,MAAM,eAAe,CAAA;AACtB,OAAO,EAEL,gBAAgB,EAChB,YAAY,EACZ,kBAAkB,GACnB,MAAM,qBAAqB,CAAA;AAC5B,OAAO,gBAAgB,MAAM,8BAA8B,CAAA;AAC3D,OAAO,oBAAoB,MAAM,kCAAkC,CAAA;AAEnE,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,uFAAA,oBAEhC,IAAA,CAAA;AAQD,IAAM,eAAe,GAAiC,UAAC,EAItD;;QAHC,EAAE,QAAA,EACF,WAAW,iBAAA,EACX,uBAAuB,6BAAA;IAEjB,IAAA,KAAiC,iBAAiB,CACtD,WAAW,CACwB,EAF7B,MAAM,YAAA,EAAE,QAAQ,cAAA,EAAE,QAAQ,cAEG,CAAA;IAErC,IAAM,gBAAgB,GACpB,CAAA,MAAA,MAAA,QAAQ,aAAR,QAAQ,uBAAR,QAAQ,CAAE,aAAa,0CAAG,CAAC,CAAC,0CAAE,IAAI;QAClC,QAAQ,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,IAAI,CAAC,WAAW,EAAE,CAAA;IAE9C,OAAO,CACL;QACG,CAAA,MAAA,QAAQ,CAAC,CAAC,CAAC,0CAAE,aAAa,MAAK,gBAAgB,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CACxD,oBAAC,MAAM,aACL,oBAAoB,EAAE;gBACpB,cAAc,EAAE,EAAE,EAAE,EAAE,UAAU,EAAE,EAAE,EAAE,UAAU,EAAE;aACnD,IACG,MAAM,EACV,CACH;QAED,oBAAC,WAAW,QACT,KAAK,CAAC,OAAO,CAAC,QAAQ,CAAC;YACtB,QAAQ,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,CAAC;gBACtB,IAAI,iBAAiB,CAAA;gBACrB,IAAI,OAAO,CAAC,aAAa,KAAK,gBAAgB,EAAE;oBAC9C,iBAAiB,GAAG,oBAAoB,CAAA;iBACzC;qBAAM;oBACL,iBAAiB,GAAG,gBAAgB,CAAA;iBACrC;gBAED,IAAI,uBAAuB,EAAE;oBAC3B,IAAI,OAAO,CAAC,WAAW,KAAK,kBAAkB,CAAC,OAAO;wBACpD,OAAO,IAAI,CAAA;oBACb,OAAO,CACL,oBAAC,iBAAiB,eACZ,OAAO,CAAC,KAAK,IACjB,WAAW,EAAE,WAAW,EACxB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,CAAC,IACN,CACH,CAAA;iBACF;gBAED,IAAI,OAAO,CAAC,WAAW,KAAK,kBAAkB,CAAC,SAAS;oBACtD,OAAO,IAAI,CAAA;gBAEb,IAAM,6BAA6B,GACjC,gBAAgB,KAAK,gBAAgB,CAAC,OAAO;oBAC7C,OAAO,CAAC,IAAI,KAAK,YAAY,CAAC,OAAO,CAAA;gBAEvC,OAAO,6BAA6B,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAC5C,oBAAC,iBAAiB,eACZ,OAAO,CAAC,KAAK,IACjB,WAAW,EAAE,WAAW,EACxB,EAAE,EAAE,EAAE,EACN,GAAG,EAAE,CAAC,IACN,CACH,CAAA;YACH,CAAC,CAAC,CACQ,CACb,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,eAAe,CAAA"}

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { DynamicPageProps } from './types';
+export declare const DynamicPage: ({ objectMap, pageName, Component, componentProps, errorPageContext, ...rest }: DynamicPageProps) => JSX.Element;

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

@@ -0,0 +1,33 @@
+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 { NotFound } from '../../pages/Error';
+import React from 'react';
+export var DynamicPage = function (_a) {
+    var objectMap = _a.objectMap, pageName = _a.pageName, Component = _a.Component, componentProps = _a.componentProps, errorPageContext = _a.errorPageContext, rest = __rest(_a, ["objectMap", "pageName", "Component", "componentProps", "errorPageContext"]);
+    var doesPageExist = Object.keys(objectMap).includes(pageName);
+    if (doesPageExist) {
+        return React.createElement(Component, __assign({}, componentProps, rest));
+    }
+    return React.createElement(NotFound, __assign({}, rest, { context: errorPageContext }));
+};
+//# sourceMappingURL=DynamicPage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DynamicPage.js","sourceRoot":"","sources":["../../../../src/Components/Templates/DynamicPage.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAA;AAC5C,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,CAAC,IAAM,WAAW,GAAG,UAAC,EAOT;IANjB,IAAA,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,cAAc,oBAAA,EACd,gBAAgB,sBAAA,EACb,IAAI,cANmB,4EAO3B,CADQ;IAEP,IAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAAC,SAAS,CAAC,CAAC,QAAQ,CAAC,QAAQ,CAAC,CAAA;IAC/D,IAAI,aAAa,EAAE;QACjB,OAAO,oBAAC,SAAS,eAAK,cAAc,EAAM,IAAI,EAAI,CAAA;KACnD;IACD,OAAO,oBAAC,QAAQ,eAAK,IAAI,IAAE,OAAO,EAAE,gBAAgB,IAAI,CAAA;AAC1D,CAAC,CAAA"}

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

@@ -0,0 +1,18 @@
+import React from 'react';
+export declare const editComponentMap: {
+    address: React.FC<import("../Sections/Form/Address/types").AddressProps>;
+    name: React.FC<import("@newskit-render/shared-components").FormWrapperProps>;
+    email: (props: import("@newskit-render/shared-components").FormProps) => JSX.Element;
+    displayName: React.FC<import("@newskit-render/shared-components").FormWrapperProps>;
+    password: React.FC<import("../Sections/Form/Password").PasswordProps>;
+    landline: React.FC<import("@newskit-render/shared-components").FormWrapperProps>;
+    mobile: React.FC<import("@newskit-render/shared-components").FormWrapperProps>;
+    'commenting-notifications': React.FC<import("../Sections/Form/CommentingNotifications").CommentingNotificationsProps>;
+    'delivery-instructions': React.FC<import("../Sections/Form/DeliveryInstructions").DeliveryInstructionsProps>;
+    'holiday-stop': React.FC<import("../Sections/Form/HolidayStop").HolidayStopProps>;
+    vouchers: React.FC<import("../Sections/Form/Vouchers").VouchersProps>;
+};
+declare const EditRenderer: React.FC<{
+    type: string;
+}>;
+export default EditRenderer;

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

@@ -0,0 +1,71 @@
+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, usePageViewTracking } from '@newskit-render/shared-components';
+import FormName from '../Sections/Form/Name';
+import DisplayName from '../Sections/Form/DisplayName';
+import Password from '../Sections/Form/Password';
+import Email from '../Sections/Form/Email';
+import Vouchers from '../Sections/Form/Vouchers';
+import { useAccountContext } from '../../context';
+import Landline from '../Sections/Form/Landline';
+import Mobile from '../Sections/Form/Mobile';
+import FormAddress from '../Sections/Form/Address/FormAddress';
+import CommentingNotifications from '../Sections/Form/CommentingNotifications';
+import DeliveryInstructions from '../Sections/Form/DeliveryInstructions';
+import HolidayStop from '../Sections/Form/HolidayStop';
+import { mergeButtonGroupProps } from '../../helpers';
+import { ContextName } from '../../context/types';
+export var editComponentMap = {
+    address: FormAddress,
+    name: FormName,
+    email: Email,
+    displayName: DisplayName,
+    password: Password,
+    landline: Landline,
+    mobile: Mobile,
+    'commenting-notifications': CommentingNotifications,
+    'delivery-instructions': DeliveryInstructions,
+    'holiday-stop': HolidayStop,
+    vouchers: Vouchers,
+};
+var EditRenderer = function (_a) {
+    var _b, _c, _d, _e, _f;
+    var type = _a.type;
+    var contextName = ContextName.editField;
+    var _g = useAccountContext(contextName), header = _g.header, forms = _g.forms, buttonGroupProps = _g.buttonGroupProps, baseUrl = _g.baseUrl;
+    var pageViewContext = (_b = forms[type]) === null || _b === void 0 ? void 0 : _b.tealiumContext;
+    usePageViewTracking(pageViewContext);
+    var SectionComponent = editComponentMap[type];
+    if (!SectionComponent) {
+        return React.createElement(React.Fragment, null);
+    }
+    var form = forms[type] || forms.default;
+    var mergedButtonGroupProps = mergeButtonGroupProps(baseUrl, __assign({}, buttonGroupProps), form.props.buttonGroupProps);
+    if (mergedButtonGroupProps.primaryButton) {
+        mergedButtonGroupProps.primaryButton.eventContext = __assign(__assign({}, mergedButtonGroupProps.primaryButton.eventContext), { page_name: "".concat((mergedButtonGroupProps.primaryButton.eventContext &&
+                'page_name' in mergedButtonGroupProps.primaryButton.eventContext &&
+                ((_c = mergedButtonGroupProps.primaryButton.eventContext) === null || _c === void 0 ? void 0 : _c.page_name)) ||
+                ((_d = header.title) === null || _d === void 0 ? void 0 : _d.toLocaleLowerCase())) });
+    }
+    if (mergedButtonGroupProps.secondaryButton) {
+        mergedButtonGroupProps.secondaryButton.eventContext = __assign(__assign({}, mergedButtonGroupProps.secondaryButton.eventContext), { page_name: "".concat((mergedButtonGroupProps.secondaryButton.eventContext &&
+                'page_name' in mergedButtonGroupProps.secondaryButton.eventContext &&
+                ((_e = mergedButtonGroupProps.secondaryButton.eventContext) === null || _e === void 0 ? void 0 : _e.page_name)) ||
+                ((_f = header.title) === null || _f === void 0 ? void 0 : _f.toLocaleLowerCase())) });
+    }
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Header, __assign({}, header, form.header)),
+        React.createElement(SectionComponent, __assign({ "data-testid": "".concat(type, "-form") }, form.props, { buttonGroupProps: mergedButtonGroupProps, contextName: contextName }))));
+};
+export default EditRenderer;
+//# sourceMappingURL=EditRenderer.js.map

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

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

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

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

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, navigationPrimary = _b.navigationPrimary;
+    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, fixedWrapperTop: (navigationPrimary === null || navigationPrimary === void 0 ? void 0 : navigationPrimary.navMinHeight) || '' }))));
+};
+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;