@newskit-render/my-account 0.0.0-e16014a0

package/dist/cjs/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: React.FC<import("@newskit-render/shared-components").FormWrapperProps>;
+    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/cjs/Components/Templates/EditRenderer.js

@@ -0,0 +1,77 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.editComponentMap = void 0;
+var react_1 = __importDefault(require("react"));
+var shared_components_1 = require("@newskit-render/shared-components");
+var Name_1 = __importDefault(require("../Sections/Form/Name"));
+var DisplayName_1 = __importDefault(require("../Sections/Form/DisplayName"));
+var Password_1 = __importDefault(require("../Sections/Form/Password"));
+var Email_1 = __importDefault(require("../Sections/Form/Email"));
+var Vouchers_1 = __importDefault(require("../Sections/Form/Vouchers"));
+var context_1 = require("../../context");
+var Landline_1 = __importDefault(require("../Sections/Form/Landline"));
+var Mobile_1 = __importDefault(require("../Sections/Form/Mobile"));
+var FormAddress_1 = __importDefault(require("../Sections/Form/Address/FormAddress"));
+var CommentingNotifications_1 = __importDefault(require("../Sections/Form/CommentingNotifications"));
+var DeliveryInstructions_1 = __importDefault(require("../Sections/Form/DeliveryInstructions"));
+var HolidayStop_1 = __importDefault(require("../Sections/Form/HolidayStop"));
+var helpers_1 = require("../../helpers");
+var types_1 = require("../../context/types");
+exports.editComponentMap = {
+    address: FormAddress_1.default,
+    name: Name_1.default,
+    email: Email_1.default,
+    displayName: DisplayName_1.default,
+    password: Password_1.default,
+    landline: Landline_1.default,
+    mobile: Mobile_1.default,
+    'commenting-notifications': CommentingNotifications_1.default,
+    'delivery-instructions': DeliveryInstructions_1.default,
+    'holiday-stop': HolidayStop_1.default,
+    vouchers: Vouchers_1.default,
+};
+var EditRenderer = function (_a) {
+    var _b, _c, _d, _e, _f;
+    var type = _a.type;
+    var contextName = types_1.ContextName.editField;
+    var _g = (0, context_1.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;
+    (0, shared_components_1.usePageViewTracking)(pageViewContext);
+    var SectionComponent = exports.editComponentMap[type];
+    if (!SectionComponent) {
+        return react_1.default.createElement(react_1.default.Fragment, null);
+    }
+    var form = forms[type] || forms.default;
+    var mergedButtonGroupProps = (0, helpers_1.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_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(shared_components_1.Header, __assign({}, header, form.header)),
+        react_1.default.createElement(SectionComponent, __assign({ "data-testid": "".concat(type, "-form") }, form.props, { buttonGroupProps: mergedButtonGroupProps, contextName: contextName }))));
+};
+exports.default = EditRenderer;
+//# sourceMappingURL=EditRenderer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EditRenderer.js","sourceRoot":"","sources":["../../../../src/Components/Templates/EditRenderer.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AAEzB,uEAA+E;AAE/E,+DAA4C;AAC5C,6EAAsD;AACtD,uEAAgD;AAChD,iEAA0C;AAC1C,uEAAgD;AAChD,yCAA0E;AAC1E,uEAAgD;AAChD,mEAA4C;AAC5C,qFAA8D;AAC9D,qGAA8E;AAC9E,+FAAwE;AACxE,6EAAsD;AACtD,yCAAqD;AACrD,6CAAiD;AAEpC,QAAA,gBAAgB,GAAG;IAC9B,OAAO,EAAE,qBAAW;IACpB,IAAI,EAAE,cAAQ;IACd,KAAK,EAAE,eAAK;IACZ,WAAW,EAAE,qBAAW;IACxB,QAAQ,EAAE,kBAAQ;IAClB,QAAQ,EAAE,kBAAQ;IAClB,MAAM,EAAE,gBAAM;IACd,0BAA0B,EAAE,iCAAuB;IACnD,uBAAuB,EAAE,8BAAoB;IAC7C,cAAc,EAAE,qBAAW;IAC3B,QAAQ,EAAE,kBAAQ;CACnB,CAAA;AAED,IAAM,YAAY,GAA+B,UAAC,EAAQ;;QAAN,IAAI,UAAA;IACtD,IAAM,WAAW,GAAG,mBAAW,CAAC,SAAS,CAAA;IACnC,IAAA,KAA+C,IAAA,2BAAiB,EACpE,WAAW,CACe,EAFpB,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,gBAAgB,sBAAA,EAAE,OAAO,aAEpB,CAAA;IAE5B,IAAM,eAAe,GAAG,MAAA,KAAK,CAAC,IAAI,CAAC,0CAAE,cAAc,CAAA;IAEnD,IAAA,uCAAmB,EAAC,eAAe,CAAC,CAAA;IACpC,IAAM,gBAAgB,GAAG,wBAAgB,CAAC,IAAI,CAAC,CAAA;IAC/C,IAAI,CAAC,gBAAgB,EAAE;QACrB,OAAO,6DAAK,CAAA;KACb;IAED,IAAM,IAAI,GAAG,KAAK,CAAC,IAAI,CAAC,IAAI,KAAK,CAAC,OAAO,CAAA;IAEzC,IAAM,sBAAsB,GAAG,IAAA,+BAAqB,EAClD,OAAO,eACF,gBAAgB,GACrB,IAAI,CAAC,KAAK,CAAC,gBAAgB,CAC5B,CAAA;IAED,IAAI,sBAAsB,CAAC,aAAa,EAAE;QACxC,sBAAsB,CAAC,aAAa,CAAC,YAAY,yBAC5C,sBAAsB,CAAC,aAAa,CAAC,YAAY,KACpD,SAAS,EAAE,UACT,CAAC,sBAAsB,CAAC,aAAa,CAAC,YAAY;gBAChD,WAAW,IAAI,sBAAsB,CAAC,aAAa,CAAC,YAAY;iBAChE,MAAA,sBAAsB,CAAC,aAAa,CAAC,YAAY,0CAAE,SAAS,CAAA,CAAC;iBAC/D,MAAA,MAAM,CAAC,KAAK,0CAAE,iBAAiB,EAAE,CAAA,CACjC,GACH,CAAA;KACF;IAED,IAAI,sBAAsB,CAAC,eAAe,EAAE;QAC1C,sBAAsB,CAAC,eAAe,CAAC,YAAY,yBAC9C,sBAAsB,CAAC,eAAe,CAAC,YAAY,KACtD,SAAS,EAAE,UACT,CAAC,sBAAsB,CAAC,eAAe,CAAC,YAAY;gBAClD,WAAW,IAAI,sBAAsB,CAAC,eAAe,CAAC,YAAY;iBAClE,MAAA,sBAAsB,CAAC,eAAe,CAAC,YAAY,0CAAE,SAAS,CAAA,CAAC;iBACjE,MAAA,MAAM,CAAC,KAAK,0CAAE,iBAAiB,EAAE,CAAA,CACjC,GACH,CAAA;KACF;IAED,OAAO,CACL;QACE,8BAAC,0BAAM,eAAK,MAAM,EAAM,IAAI,CAAC,MAAM,EAAI;QACvC,8BAAC,gBAAgB,4BACF,UAAG,IAAI,UAAO,IACvB,IAAI,CAAC,KAAK,IACd,gBAAgB,EAAE,sBAAsB,EACxC,WAAW,EAAE,WAAW,IACxB,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,kBAAe,YAAY,CAAA"}

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

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

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

@@ -0,0 +1,131 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FamilyRender = void 0;
+var react_1 = __importStar(require("react"));
+var newskit_1 = require("newskit");
+var material_1 = require("@emotion-icons/material");
+var shared_components_1 = require("@newskit-render/shared-components");
+var context_1 = require("../../context");
+var types_1 = require("../../context/types");
+var dataUtils_1 = require("../../helpers/dataUtils");
+var FamilyMemberInvitationStatus_1 = __importDefault(require("../Elements/FamilyMemberInvitationStatus"));
+var helpers_1 = require("../../helpers");
+var StyledDividerWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
+var StyledTextBlock = (0, newskit_1.styled)(newskit_1.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"])), (0, newskit_1.getMediaQueryFromTheme)('xs'), (0, newskit_1.getMediaQueryFromTheme)('sm'), (0, newskit_1.getMediaQueryFromTheme)('lg'));
+var PersonFilledIcon = (0, newskit_1.toNewsKitIcon)(material_1.Person);
+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 === types_1.FamilyMemberStatusTypes.ACTIVE &&
+            b.status === types_1.FamilyMemberStatusTypes.PENDING) {
+            return -1;
+        }
+        else if (a.status === types_1.FamilyMemberStatusTypes.PENDING &&
+            b.status === types_1.FamilyMemberStatusTypes.ACTIVE) {
+            return 1;
+        }
+        else {
+            return 0; // the order remains unchanged
+        }
+    });
+};
+var FamilyRender = function () {
+    var contextName = types_1.ContextName.family;
+    var _a = (0, context_1.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;
+    (0, shared_components_1.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 = (0, react_1.useState)(sortMembersListByStatusType(shares)), membersList = _c[0], setMembersList = _c[1];
+    var _d = (0, react_1.useState)((0, helpers_1.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((0, helpers_1.combineAccountData)(filteredMemberList, maxShares));
+            return sortMembersListByStatusType(filteredMemberList);
+        });
+    };
+    return (react_1.default.createElement(newskit_1.Block, null,
+        react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
+        isUserFamilyAccountPrimary && (react_1.default.createElement(react_1.default.Fragment, null,
+            react_1.default.createElement(newskit_1.GridLayout, { rowGap: mainGridLayoutOverrides.rowGap },
+                react_1.default.createElement(newskit_1.GridLayoutItem, { "data-testid": "account-data", stylePreset: "contentListView", paddingBlock: 'space050', paddingInline: 'space040' },
+                    react_1.default.createElement(newskit_1.GridLayout, { rowGap: accountDataGridLayoutOverrides.rowGap },
+                        react_1.default.createElement(newskit_1.GridLayoutItem, null,
+                            react_1.default.createElement(newskit_1.Stack, { flow: "horizontal-stretch", wrap: "wrap" },
+                                react_1.default.createElement(newskit_1.StackChild, null,
+                                    react_1.default.createElement(newskit_1.Flag, { overrides: allocatedMembersFlag.overrides, size: allocatedMembersFlag.size, "data-testid": "max-shares" },
+                                        react_1.default.createElement(PersonFilledIcon, null),
+                                        " ",
+                                        maxShares,
+                                        allocatedMembersFlag.text),
+                                    react_1.default.createElement(StyledDividerWrapper, { marginInline: "space020" },
+                                        react_1.default.createElement(newskit_1.Divider, { vertical: true, overrides: {
+                                                stylePreset: 'familyMembersDivider',
+                                            } }))),
+                                react_1.default.createElement(newskit_1.StackChild, null,
+                                    react_1.default.createElement(newskit_1.Flag, { overrides: activeMembersFlag.overrides, size: activeMembersFlag.size, "data-testid": "active-members" },
+                                        shareStatusData.active,
+                                        activeMembersFlag.text),
+                                    react_1.default.createElement(StyledDividerWrapper, { marginInline: "space020" },
+                                        react_1.default.createElement(newskit_1.Divider, { vertical: true, overrides: {
+                                                stylePreset: 'familyMembersDivider',
+                                            } }))),
+                                react_1.default.createElement(newskit_1.StackChild, null,
+                                    react_1.default.createElement(newskit_1.Flag, { overrides: invitedMembersFlag.overrides, size: invitedMembersFlag.size, "data-testid": "invited-members" },
+                                        shareStatusData.pending,
+                                        invitedMembersFlag.text)))),
+                        react_1.default.createElement(newskit_1.GridLayoutItem, null, shareStatusData.isMaxCapacity ? (react_1.default.createElement(StyledTextBlock, { stylePreset: removeMemberMessageOverrides.stylePreset, typographyPreset: removeMemberMessageOverrides.typographyPreset, "data-testid": "remove-member-message" }, removeMemberMessageOverrides.text)) : (react_1.default.createElement(newskit_1.Button, { size: addMemberButtonOverrides.size, overrides: addMemberButtonOverrides.overrides, href: (0, dataUtils_1.replaceBaseURL)(baseUrl, addMemberButtonOverrides.href), "data-testid": "add-members-button", eventContext: addMemberButtonOverrides.eventContext }, addMemberButtonOverrides.text))))),
+                membersList && membersList.length !== 0 && (react_1.default.createElement(newskit_1.GridLayoutItem, { "data-testid": "member-rows-wrapper", stylePreset: "contentListView" }, membersList.map(function (share) { return (react_1.default.createElement(FamilyMemberInvitationStatus_1.default, { memberData: share, handleRemoveMemberFromList: handleRemoveMemberFromList, key: share.shareId })); })))),
+            termsAndConditionsLinkOverrides && (react_1.default.createElement(newskit_1.Block, { marginBlock: termsAndConditionsLinkOverrides.overrides.marginBlock, "data-testid": "terms-and-conditions-link" },
+                react_1.default.createElement(shared_components_1.NextLink, { type: "standalone", href: termsAndConditionsLinkOverrides.href, overrides: {
+                        typographyPreset: termsAndConditionsLinkOverrides.overrides.typographyPreset,
+                    }, external: false }, termsAndConditionsLinkOverrides.text)))))));
+};
+exports.FamilyRender = FamilyRender;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=FamilyRender.js.map

package/dist/cjs/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/cjs/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/cjs/Components/Templates/HolidayStopCancellation.js

@@ -0,0 +1,154 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+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 };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var react_1 = __importStar(require("react"));
+var types_1 = require("../../context/types");
+var context_1 = require("../../context");
+var lodash_merge_1 = __importDefault(require("lodash.merge"));
+var shared_components_1 = require("@newskit-render/shared-components");
+var onFormSubmit_1 = __importDefault(require("../Sections/Form/onFormSubmit"));
+var router_1 = require("next/router");
+var NavigationSecondary_1 = require("../Sections/NavigationSecondary");
+var newskit_1 = require("newskit");
+var LayoutContentContainer_1 = require("../../Components/Sections/LayoutContentContainer");
+var HolidayStopCancellation = function (_a) {
+    var onDismiss = _a.onDismiss, showModal = _a.showModal, holidayStopId = _a.holidayStopId;
+    var contextName = types_1.ContextName.holidayStop;
+    var _b = (0, context_1.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 = (0, router_1.useRouter)();
+    var _d = (0, react_1.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*/, (0, onFormSubmit_1.default)({
+                            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 = (0, lodash_merge_1.default)({}, 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_1.default.createElement(newskit_1.LayerOrganizer, { zIndex: LayoutContentContainer_1.zIndexModal },
+        react_1.default.createElement(shared_components_1.Modal, __assign({ open: showModal, onDismiss: onDismiss }, confirmationModal, { buttonGroup: buttonGroup, useFixedWrapper: true, fixedWrapperLeft: NavigationSecondary_1.navigationSecondaryWidth }))));
+};
+exports.default = HolidayStopCancellation;
+//# sourceMappingURL=HolidayStopCancellation.js.map

package/dist/cjs/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/cjs/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/cjs/Components/Templates/HolidayStopListRender.js

@@ -0,0 +1,84 @@
+"use strict";
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.HolidayStopListRender = void 0;
+var react_1 = __importStar(require("react"));
+var shared_components_1 = require("@newskit-render/shared-components");
+var newskit_1 = require("newskit");
+var lodash_sortby_1 = __importDefault(require("lodash.sortby"));
+var context_1 = require("../../context");
+var types_1 = require("../../context/types");
+var holidayStopsUtils_1 = require("../../helpers/holidayStopsUtils");
+var HolidayStopCancellation_1 = __importDefault(require("./HolidayStopCancellation"));
+var RelativeWrapper = newskit_1.styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+var HolidayStopListRender = function (_a) {
+    var holidayStops = _a.holidayStops, holidayStopType = _a.holidayStopType;
+    var contextName = types_1.ContextName.holidayStop;
+    var _b = (0, context_1.useAccountContext)(contextName), header = _b.header, inProgressStatusOverrides = _b.inProgressStatusOverrides, baseUrl = _b.baseUrl;
+    var _c = (0, react_1.useState)(false), showModal = _c[0], setShowModal = _c[1];
+    var _d = (0, react_1.useState)(''), cancelHolidayStopId = _d[0], setCancelHolidayStopId = _d[1];
+    var orderedHolidayStops = (0, lodash_sortby_1.default)(holidayStops, 'startDate');
+    return (react_1.default.createElement(RelativeWrapper, null,
+        react_1.default.createElement(shared_components_1.Header, __assign({}, header)),
+        react_1.default.createElement(shared_components_1.ContentListView, { marginBlockEnd: "space050" }, orderedHolidayStops.map(function (holidayStop) {
+            var inProgress = (0, holidayStopsUtils_1.isInProgress)(holidayStop);
+            var DateItem = holidayStopType === 'previous' || inProgress
+                ? shared_components_1.DateItemStatus
+                : shared_components_1.DateItemButtons;
+            return (react_1.default.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_1.default.createElement(HolidayStopCancellation_1.default, { showModal: showModal, holidayStopId: cancelHolidayStopId, onDismiss: function () { return setShowModal(false); } })));
+};
+exports.HolidayStopListRender = HolidayStopListRender;
+var templateObject_1;
+//# sourceMappingURL=HolidayStopListRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HolidayStopListRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/HolidayStopListRender.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAuC;AACvC,uEAM0C;AAC1C,mCAAgC;AAChC,gEAAkC;AAClC,yCAAiD;AACjD,6CAA4E;AAC5E,qEAA8D;AAC9D,sFAA+D;AAE/D,IAAM,eAAe,GAAG,gBAAM,CAAC,GAAG,8FAAA,2BAEjC,IAAA,CAAA;AAEM,IAAM,qBAAqB,GAG7B,UAAC,EAAiC;QAA/B,YAAY,kBAAA,EAAE,eAAe,qBAAA;IACnC,IAAM,WAAW,GAAG,mBAAW,CAAC,WAAW,CAAA;IACrC,IAAA,KAAiD,IAAA,2BAAiB,EACtE,WAAW,CACiB,EAFtB,MAAM,YAAA,EAAE,yBAAyB,+BAAA,EAAE,OAAO,aAEpB,CAAA;IAExB,IAAA,KAA4B,IAAA,gBAAQ,EAAU,KAAK,CAAC,EAAnD,SAAS,QAAA,EAAE,YAAY,QAA4B,CAAA;IACpD,IAAA,KAAgD,IAAA,gBAAQ,EAAS,EAAE,CAAC,EAAnE,mBAAmB,QAAA,EAAE,sBAAsB,QAAwB,CAAA;IAE1E,IAAM,mBAAmB,GAAG,IAAA,uBAAM,EAAC,YAAY,EAAE,WAAW,CAAC,CAAA;IAE7D,OAAO,CACL,8BAAC,eAAe;QACd,8BAAC,0BAAM,eAAK,MAAM,EAAI;QACtB,8BAAC,mCAAe,IAAC,cAAc,EAAC,UAAU,IACvC,mBAAmB,CAAC,GAAG,CAAC,UAAC,WAAW;YACnC,IAAM,UAAU,GAAG,IAAA,gCAAY,EAAC,WAAW,CAAC,CAAA;YAE5C,IAAM,QAAQ,GACZ,eAAe,KAAK,UAAU,IAAI,UAAU;gBAC1C,CAAC,CAAC,kCAAc;gBAChB,CAAC,CAAC,mCAAe,CAAA;YAErB,OAAO,CACL,8BAAC,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,8BAAC,iCAAuB,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;AAvDY,QAAA,qBAAqB,yBAuDjC"}

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

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