@newskit-render/my-account 0.138.1 → 0.141.0

package/dist/esm/Components/Sections/Form/Phone/Phone.js

@@ -0,0 +1,170 @@
+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 __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 (_) 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 { useAccountContext } from '../../../../context';
+import { styled, Grid, getMediaQueryFromTheme, IconFilledError, getSpacingCssFromTheme, TextBlock, getStylePreset, getTypographyPreset, getResponsiveSpacingStackHorizontal, getResponsiveSpacingInlineHorizontal, getFontsFromTheme, getColorCssFromTheme, withTheme, IconFilledCheckCircle, ScreenReaderOnly, } from 'newskit';
+import { ButtonGroup } from '@newskit-render/shared-components';
+import { useRouter } from 'next/router';
+import onSubmit from '../onFormSubmit';
+import PhoneInput from 'react-phone-number-input/max';
+import { parsePhoneNumber } from 'react-phone-number-input';
+import { styleToString } from '../../../../helpers/dataUtils';
+import { ContextName } from '../../../../context/types';
+var StyledGrid = styled(Grid)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding-bottom: 224px;\n  ", " {\n    padding-bottom: 0;\n  }\n"], ["\n  padding-bottom: 224px;\n  ", " {\n    padding-bottom: 0;\n  }\n"])), getMediaQueryFromTheme('sm'));
+export var StyledLabel = styled.label(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: block;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  letter-spacing: ", ";\n  ", ";\n  ", "\n  ", "\n  ", "\n  ", ";\n"], ["\n  display: block;\n  font-family: ", ";\n  font-size: ", ";\n  font-weight: ", ";\n  line-height: ", ";\n  letter-spacing: ", ";\n  ", ";\n  ", "\n  ", "\n  ", "\n  ", ";\n"])), getFontsFromTheme('fontFamily030'), getFontsFromTheme('fontSize030'), getFontsFromTheme('fontWeight020'), getFontsFromTheme('fontLineHeight040'), getFontsFromTheme('fontLetterSpacing030'), getSpacingCssFromTheme('marginBottom', 'space040'), getStylePreset("textInput.medium.label", 'label'), getTypographyPreset("textInput.medium.label", 'label', {
+    withCrop: true,
+}), getResponsiveSpacingStackHorizontal("textInput.medium.label", 'label'), getResponsiveSpacingInlineHorizontal("textInput.medium.label", 'label'));
+export var InputIconContainer = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: relative;\n  ", "\n  ", " {\n    width: 100%;\n  }\n  ", " {\n    width: 80%;\n  }\n"], ["\n  position: relative;\n  ", "\n  ", " {\n    width: 100%;\n  }\n  ", " {\n    width: 80%;\n  }\n"])), getSpacingCssFromTheme('marginBottom', 'space080'), getMediaQueryFromTheme('xs'), getMediaQueryFromTheme('md'));
+export var IconContainer = styled.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  display: flex;\n  position: absolute;\n  right: 10px;\n  top: 50%;\n  transform: translate(0, -65%);\n"], ["\n  display: flex;\n  position: absolute;\n  right: 10px;\n  top: 50%;\n  transform: translate(0, -65%);\n"])));
+export var StyledAssistiveText = styled(TextBlock)(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  position: absolute;\n  ", ";\n  font-family: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  font-weight: ", ";\n  letter-spacing: ", ";\n  ", "\n\n  ", "\n"], ["\n  position: absolute;\n  ", ";\n  font-family: ", ";\n  font-size: ", ";\n  line-height: ", ";\n  font-weight: ", ";\n  letter-spacing: ", ";\n  ", "\n\n  ", "\n"])), getColorCssFromTheme('color', 'red070'), getFontsFromTheme('fontFamily030'), getFontsFromTheme('fontSize020'), getFontsFromTheme('fontLineHeight040'), getFontsFromTheme('fontWeight020'), getFontsFromTheme('fontLetterSpacing030'), getStylePreset("textInput.medium.assistiveText", 'assistiveText', {
+    isInvalid: true,
+}), getTypographyPreset("textInput.medium.assistiveText", 'assistiveText', {
+    withCrop: true,
+}));
+var Arrow = function () {
+    return (React.createElement("svg", { width: "24", height: "25", viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        React.createElement("mask", { id: "mask0", "mask-type": "alpha", maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "24", height: "25" },
+            React.createElement("path", { d: "M7 10.066L12 15.066L17 10.066H7Z", fill: "#0A0A0A" })),
+        React.createElement("g", { mask: "url(#mask0)" },
+            React.createElement("rect", { y: "0.065979", width: "24", height: "24", fill: "#535353" }))));
+};
+// Include the css from react-phone-number-component here,
+// because next.js does not support importing global CSS from node_modules.
+var css = "\n:root {\n  --PhoneInput-color--focus: #03b2cb;\n  --PhoneInputInternationalIconPhone-opacity: 0.8;\n  --PhoneInputInternationalIconGlobe-opacity: 0.65;\n  --PhoneInputCountrySelect-marginRight: 0.35em;\n  --PhoneInputCountrySelectArrow-width: 0.3em;\n  --PhoneInputCountrySelectArrow-marginLeft: var(--PhoneInputCountrySelect-marginRight);\n  --PhoneInputCountrySelectArrow-borderWidth: 1px;\n  --PhoneInputCountrySelectArrow-opacity: 0.45;\n  --PhoneInputCountrySelectArrow-color: inherit;\n  --PhoneInputCountrySelectArrow-color--focus: var(--PhoneInput-color--focus);\n  --PhoneInputCountrySelectArrow-transform: rotate(45deg);\n  --PhoneInputCountryFlag-aspectRatio: 1.5;\n  --PhoneInputCountryFlag-height: 1em;\n  --PhoneInputCountryFlag-borderWidth: 1px;\n  --PhoneInputCountryFlag-borderColor: rgba(0,0,0,0.5);\n  --PhoneInputCountryFlag-borderColor--focus: var(--PhoneInput-color--focus);\n  --PhoneInputCountryFlag-backgroundColor--loading: rgba(0,0,0,0.1);\n}\n\n.PhoneInput {\n  display: flex;\n  align-items: center;\n}\n\n.PhoneInputInput {\n  flex: 1;\n  min-width: 0;\n}\n\n.PhoneInputCountryIcon {\n  width: calc(var(--PhoneInputCountryFlag-height) * var(--PhoneInputCountryFlag-aspectRatio));\n  height: var(--PhoneInputCountryFlag-height);\n}\n\n.PhoneInputCountryIcon--square {\n  width: var(--PhoneInputCountryFlag-height);\n}\n\n.PhoneInputCountryIcon--border {\n\n  background-color: var(--PhoneInputCountryFlag-backgroundColor--loading);\n  box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor),\n  inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor);\n}\n\n.PhoneInputCountryIconImg {\n\n  display: block;\n\n  width: 100%;\n  height: 100%;\n}\n\n.PhoneInputInternationalIconPhone {\n  opacity: var(--PhoneInputInternationalIconPhone-opacity);\n}\n\n.PhoneInputInternationalIconGlobe {\n  opacity: var(--PhoneInputInternationalIconGlobe-opacity);\n}\n\n\n.PhoneInputCountry {\n  position: relative;\n  align-self: stretch;\n  display: flex;\n  align-items: center;\n  margin-right: var(--PhoneInputCountrySelect-marginRight);\n}\n\n.PhoneInputCountrySelect {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n  z-index: 1;\n  border: 0;\n  opacity: 0;\n  cursor: pointer;\n}\n\n.PhoneInputCountrySelect[disabled] {\n  cursor: default;\n}\n\n.PhoneInputCountrySelectArrow {\n  display: block;\n  width: var(--PhoneInputCountrySelectArrow-width);\n  height: var(--PhoneInputCountrySelectArrow-width);\n  margin-left: var(--PhoneInputCountrySelectArrow-marginLeft);\n  border-style: solid;\n  border-color: var(--PhoneInputCountrySelectArrow-color);\n  border-top-width: 0;\n  border-bottom-width: var(--PhoneInputCountrySelectArrow-borderWidth);\n  border-left-width: 0;\n  border-right-width: var(--PhoneInputCountrySelectArrow-borderWidth);\n  transform: var(--PhoneInputCountrySelectArrow-transform);\n  opacity: var(--PhoneInputCountrySelectArrow-opacity);\n}\n\n.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon + .PhoneInputCountrySelectArrow {\n  opacity: 1;\n  color: var(--PhoneInputCountrySelectArrow-color--focus);\n}\n\n.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon--border {\n  box-shadow: 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus),\n  inset 0 0 0 var(--PhoneInputCountryFlag-borderWidth) var(--PhoneInputCountryFlag-borderColor--focus);\n}\n\n.PhoneInputCountrySelect:focus + .PhoneInputCountryIcon .PhoneInputInternationalIconGlobe {\n  opacity: 1;\n  color: var(--PhoneInputCountrySelectArrow-color--focus);\n}\n";
+var phoneTypeMap = {
+    mobile: 'mobile',
+    phoneNumber: 'landline',
+};
+var Phone = function (_a) {
+    var buttonGroupProps = _a.buttonGroupProps, type = _a.type, theme = _a.theme;
+    var contextName = ContextName.editField;
+    var phoneDisplayName = phoneTypeMap[type];
+    var _b = useAccountContext(contextName), data = _b.data, validation = _b.validation, handleError = _b.handleError, handleSuccess = _b.handleSuccess, handleLoading = _b.handleLoading, baseUrl = _b.baseUrl, errorMessages = _b.errorMessages, genericErrorMessage = _b.genericErrorMessage;
+    var fields = data.fields;
+    var value = fields && fields[0].value ? fields[0].value : '';
+    var _c = useState(value), inputValue = _c[0], setInputValue = _c[1];
+    var router = useRouter();
+    var _d = useState(''), error = _d[0], setError = _d[1];
+    var _e = useState(false), success = _e[0], setSuccess = _e[1];
+    //Asssume the phone is GB
+    var parsedPhone = value && parsePhoneNumber(value);
+    var isGBPhone = parsedPhone ? parsedPhone.country === 'GB' : true;
+    var fieldSchema = validation[type];
+    var handleFormError = function () {
+        setError(true);
+        setSuccess(false);
+        if (handleError)
+            handleError(phoneDisplayName, errorMessages, genericErrorMessage);
+    };
+    var onSubmitPhone = function (e) { return __awaiter(void 0, void 0, void 0, function () {
+        var e_1;
+        var _a, _b;
+        return __generator(this, function (_c) {
+            switch (_c.label) {
+                case 0:
+                    e.preventDefault();
+                    _c.label = 1;
+                case 1:
+                    _c.trys.push([1, 3, , 4]);
+                    return [4 /*yield*/, fieldSchema.validate((_a = {},
+                            _a[type] = inputValue,
+                            _a))];
+                case 2:
+                    _c.sent();
+                    if (handleLoading)
+                        handleLoading(phoneDisplayName, errorMessages, genericErrorMessage);
+                    setSuccess(true);
+                    setError('');
+                    onSubmit((_b = {}, _b[type] = inputValue, _b), type, router, handleFormError, handleSuccess, baseUrl);
+                    return [3 /*break*/, 4];
+                case 3:
+                    e_1 = _c.sent();
+                    setError(e_1.message);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    //Remove font family from typography, because it breaks the styling
+    var typographyPreset = Object.assign({}, getTypographyPreset("textInput.medium.input", 'input', {
+        withCrop: true,
+    })({ theme: theme }));
+    delete typographyPreset.fontFamily;
+    var styledInputs = "\n  .PhoneInput{\n    margin-bottom: 8px;\n  }\n  .PhoneInputInput{\n    height: 48px;\n    padding-left: 12px;\n    padding-right: 40px;\n    " + styleToString(getStylePreset("textInput.medium.input", 'input', {
+        isInvalid: !!error && typeof error === 'string',
+        isValid: success,
+    })({ theme: theme })) + "\n    " + styleToString(typographyPreset) + ";\n    border-radius: 0px 8px 8px 0px;\n   \n  }\n  .PhoneInputCountry{\n    background: #FAFAFA;\n    border: 1px solid #E4E4E4;\n    padding: 10px;\n    margin: 0px;\n    border-radius: 8px 0px 0px 8px;\n    border-right: none;\n  }\n  .PhoneInputCountryIcon{\n    margin-right: 7px;\n  }\n  @media screen and (max-width: 480px)  {\n    .PhoneInput{\n      width: 100%;\n    }\n  }\n  ";
+    return (React.createElement(StyledGrid, { xsMargin: "space000", xsColumnGutter: "space000", xsRowGutter: "space000" },
+        React.createElement("style", null, css),
+        React.createElement("style", null, styledInputs),
+        React.createElement(StyledLabel, null, phoneDisplayName.charAt(0).toUpperCase() + phoneDisplayName.slice(1) + " phone number"),
+        React.createElement(InputIconContainer, null,
+            React.createElement("label", null,
+                React.createElement(ScreenReaderOnly, null,
+                    React.createElement("span", null, phoneDisplayName)),
+                React.createElement(PhoneInput, { initialValueFormat: isGBPhone ? 'national' : undefined, value: inputValue, name: type, onChange: function (number) { return setInputValue(number); }, countrySelectProps: { arrowComponent: Arrow }, "data-testid": 'phone-input' })),
+            (error || success) && (React.createElement(React.Fragment, null,
+                React.createElement(IconContainer, { "data-testid": "IconContainer" },
+                    error && (React.createElement(IconFilledError, { "data-testid": "ErrorIcon", overrides: {
+                            size: 'iconSize020',
+                            stylePreset: 'iconNegative',
+                        } })),
+                    success && (React.createElement(IconFilledCheckCircle, { "data-testid": "SuccessIcon", overrides: {
+                            size: 'iconSize020',
+                            stylePreset: 'iconPositive',
+                        } }))),
+                error && (React.createElement(StyledAssistiveText, { "data-testid": "ErrorMessage" }, error))))),
+        React.createElement(ButtonGroup, __assign({ hasError: !!error }, buttonGroupProps, { primaryButton: __assign(__assign({}, buttonGroupProps === null || buttonGroupProps === void 0 ? void 0 : buttonGroupProps.primaryButton), { onClick: onSubmitPhone }) }))));
+};
+export default withTheme(Phone);
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+//# sourceMappingURL=Phone.js.map

package/dist/esm/Components/Sections/Form/Phone/Phone.js.map

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

package/dist/esm/Components/Sections/Form/Phone/index.d.ts

@@ -0,0 +1,3 @@
+import Phone from './Phone';
+export * from './types';
+export default Phone;

package/dist/esm/Components/Sections/Form/Phone/index.js

@@ -0,0 +1,4 @@
+import Phone from './Phone';
+export * from './types';
+export default Phone;
+//# sourceMappingURL=index.js.map

package/dist/esm/Components/Sections/Form/Phone/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/Phone/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,SAAS,CAAA;AAE3B,cAAc,SAAS,CAAA;AACvB,eAAe,KAAK,CAAA"}

package/dist/esm/Components/Sections/Form/Phone/types.d.ts

@@ -0,0 +1,5 @@
+import { FormWrapperProps } from '@newskit-render/shared-components';
+export interface PhoneProps extends FormWrapperProps {
+    disable?: boolean;
+    type: 'phoneNumber' | 'mobile';
+}

package/dist/esm/Components/Sections/Form/Phone/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/Components/Sections/Form/Phone/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/Phone/types.ts"],"names":[],"mappings":""}

package/dist/esm/Components/Sections/Form/onFormSubmit.d.ts

@@ -0,0 +1,5 @@
+import { NextRouter } from 'next/router';
+declare const onSubmit: (e: {
+    [x: string]: any;
+}, validationSchemaKey: string | unknown, router?: NextRouter, handleError?: (overrideMessage?: string) => void, handleSuccess?: () => void, redirectUrl?: string) => Promise<Response>;
+export default onSubmit;

package/dist/esm/Components/Sections/Form/onFormSubmit.js

@@ -0,0 +1,98 @@
+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 (_) 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 fetch from 'cross-fetch';
+import { saveLocalStorage } from '../../../helpers/localStorage';
+import cookie from 'cookie';
+var onSubmit = function (e, validationSchemaKey, router, handleError, handleSuccess, redirectUrl) { return __awaiter(void 0, void 0, void 0, function () {
+    var body, cookies, result, parsedText;
+    return __generator(this, function (_a) {
+        switch (_a.label) {
+            case 0:
+                body = JSON.stringify(__assign(__assign({}, e), { validationSchemaKey: validationSchemaKey }));
+                cookies = cookie.parse(document.cookie);
+                return [4 /*yield*/, fetch('/api/account/mutate', {
+                        method: 'POST',
+                        redirect: 'follow',
+                        headers: {
+                            'Content-Type': 'application/json',
+                            acs: cookie.serialize(process.env.MAIN_COOKIE_NAME, cookies[process.env.MAIN_COOKIE_NAME]),
+                        },
+                        body: body,
+                    })];
+            case 1:
+                result = _a.sent();
+                if (result === null || result === void 0 ? void 0 : result.ok) {
+                    if (validationSchemaKey === 'password' || validationSchemaKey === 'email') {
+                        saveLocalStorage(validationSchemaKey);
+                    }
+                }
+                //Redirect to personal details page.
+                if ((result === null || result === void 0 ? void 0 : result.ok) && router) {
+                    router
+                        .push((redirectUrl || '/') + "?success=" + encodeURIComponent(validationSchemaKey))
+                        .then(function () {
+                        if ((result === null || result === void 0 ? void 0 : result.ok) && handleSuccess) {
+                            handleSuccess();
+                        }
+                    });
+                }
+                else if ((result === null || result === void 0 ? void 0 : result.ok) && handleSuccess) {
+                    handleSuccess && handleSuccess();
+                }
+                if (!(!result.ok && handleError)) return [3 /*break*/, 3];
+                return [4 /*yield*/, result.text()];
+            case 2:
+                parsedText = _a.sent();
+                handleError(parsedText);
+                _a.label = 3;
+            case 3: return [2 /*return*/, result];
+        }
+    });
+}); };
+export default onSubmit;
+//# sourceMappingURL=onFormSubmit.js.map

package/dist/esm/Components/Sections/Form/onFormSubmit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"onFormSubmit.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/Form/onFormSubmit.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,aAAa,CAAA;AAE/B,OAAO,EAAE,gBAAgB,EAAE,MAAM,+BAA+B,CAAA;AAChE,OAAO,MAAM,MAAM,QAAQ,CAAA;AAE3B,IAAM,QAAQ,GASW,UACvB,CAAuB,EACvB,mBAAqC,EACrC,MAAmB,EACnB,WAAgD,EAChD,aAA0B,EAC1B,WAAoB;;;;;gBAEd,IAAI,GAAG,IAAI,CAAC,SAAS,uBAAM,CAAC,KAAE,mBAAmB,qBAAA,IAAG,CAAA;gBAEpD,OAAO,GAAG,MAAM,CAAC,KAAK,CAAC,QAAQ,CAAC,MAAM,CAAC,CAAA;gBAE9B,qBAAM,KAAK,CAAC,qBAAqB,EAAE;wBAChD,MAAM,EAAE,MAAM;wBACd,QAAQ,EAAE,QAAQ;wBAClB,OAAO,EAAE;4BACP,cAAc,EAAE,kBAAkB;4BAClC,GAAG,EAAE,MAAM,CAAC,SAAS,CACnB,OAAO,CAAC,GAAG,CAAC,gBAAgB,EAC5B,OAAO,CAAC,OAAO,CAAC,GAAG,CAAC,gBAAgB,CAAC,CACtC;yBACF;wBACD,IAAI,MAAA;qBACL,CAAC,EAAA;;gBAXI,MAAM,GAAG,SAWb;gBAEF,IAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE,EAAE;oBACd,IAAI,mBAAmB,KAAK,UAAU,IAAI,mBAAmB,KAAK,OAAO,EAAE;wBACzE,gBAAgB,CAAC,mBAAmB,CAAC,CAAA;qBACtC;iBACF;gBAED,oCAAoC;gBACpC,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE,KAAI,MAAM,EAAE;oBACxB,MAAM;yBACH,IAAI,CACH,CAAG,WAAW,IAAI,GAAG,kBAAY,kBAAkB,CACjD,mBAA6B,CAC5B,CACJ;yBACA,IAAI,CAAC;wBACJ,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE,KAAI,aAAa,EAAE;4BAC/B,aAAa,EAAE,CAAA;yBAChB;oBACH,CAAC,CAAC,CAAA;iBACL;qBAAM,IAAI,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,EAAE,KAAI,aAAa,EAAE;oBACtC,aAAa,IAAI,aAAa,EAAE,CAAA;iBACjC;qBAEG,CAAA,CAAC,MAAM,CAAC,EAAE,IAAI,WAAW,CAAA,EAAzB,wBAAyB;gBACR,qBAAM,MAAM,CAAC,IAAI,EAAE,EAAA;;gBAAhC,UAAU,GAAG,SAAmB;gBACtC,WAAW,CAAC,UAAU,CAAC,CAAA;;oBAGzB,sBAAO,MAAM,EAAA;;;KACd,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/esm/Components/Sections/NavigationSecondary/NavigationSecondary.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { ContextName } from '../../../context/types';
+export declare const navigationSecondaryHeight = "48px";
+declare type NavigationSecondaryProps = {
+    contextName: ContextName;
+};
+declare const NavigationSecondary: React.FC<NavigationSecondaryProps>;
+export default NavigationSecondary;

package/dist/esm/Components/Sections/NavigationSecondary/NavigationSecondary.js

@@ -0,0 +1,41 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import React from 'react';
+import { styled, getColorCssFromTheme, getMediaQueryFromTheme, Menu, MenuItem, Block, Scroll, } from 'newskit';
+import { useAccountContext, } from '../../../context';
+import { replaceBaseURL } from '../../../helpers';
+import { FALLBACK_URL_REPLACEMENT } from '../../../constants';
+export var navigationSecondaryHeight = '48px';
+var NavContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  overflow: auto;\n  height: ", ";\n  ", ";\n  width: 100%;\n  ", " {\n    width: 300px;\n    min-height: 100vh;\n    position: fixed;\n    left: 0;\n  }\n"], ["\n  overflow: auto;\n  height: ", ";\n  ", ";\n  width: 100%;\n  ", " {\n    width: 300px;\n    min-height: 100vh;\n    position: fixed;\n    left: 0;\n  }\n"])), navigationSecondaryHeight, function (_a) {
+    var backgroundColor = _a.backgroundColor;
+    return backgroundColor &&
+        getColorCssFromTheme('backgroundColor', backgroundColor);
+}, getMediaQueryFromTheme('lg'));
+var StyledScroll = styled(Scroll)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  overflow-x: auto;\n  overflow-y: auto;\n  ", " {\n    overflow-x: initial;\n    overflow-y: initial;\n  }\n"], ["\n  overflow-x: auto;\n  overflow-y: auto;\n  ", " {\n    overflow-x: initial;\n    overflow-y: initial;\n  }\n"])), getMediaQueryFromTheme('lg'));
+var StyledMenu = styled(Menu)(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  > ul {\n    flex-direction: row;\n    ", " {\n      flex-direction: column;\n    }\n  }\n\n  > ul li {\n    margin-bottom: 0px;\n  }\n\n  > ul li a:focus-visible {\n    border: none;\n    margin-bottom: 2px;\n    margin-top: 2px;\n    min-height: 44px;\n  }\n"], ["\n  > ul {\n    flex-direction: row;\n    ", " {\n      flex-direction: column;\n    }\n  }\n\n  > ul li {\n    margin-bottom: 0px;\n  }\n\n  > ul li a:focus-visible {\n    border: none;\n    margin-bottom: 2px;\n    margin-top: 2px;\n    min-height: 44px;\n  }\n"])), getMediaQueryFromTheme('lg'));
+var StyledMenuItem = styled(MenuItem)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  white-space: nowrap;\n"], ["\n  white-space: nowrap;\n"])));
+var NavigationSecondary = function (_a) {
+    var contextName = _a.contextName;
+    var _b = useAccountContext(contextName), sideNav = _b.sideNav, sideNavSelected = _b.sideNavSelected, sideNavOverrides = _b.sideNavOverrides, baseUrl = _b.baseUrl;
+    return (React.createElement(NavContainer, { "data-testid": "NavigationSecondary", backgroundColor: sideNavOverrides === null || sideNavOverrides === void 0 ? void 0 : sideNavOverrides.backgroundColor },
+        React.createElement(Block, { spaceStack: {
+                lg: 'space070',
+            } }),
+        React.createElement(Block, null,
+            React.createElement(StyledScroll, { tabIndex: undefined, overrides: {
+                    overlays: {
+                        size: {
+                            xs: 'sizing090',
+                            lg: 'sizing000',
+                        },
+                    },
+                } }, Array.isArray(sideNav) && (React.createElement(StyledMenu, { vertical: true, "aria-label": "main" }, sideNav.map(function (_a) {
+                var id = _a.id, href = _a.href, text = _a.text;
+                return (React.createElement(StyledMenuItem, { href: replaceBaseURL(baseUrl, href, FALLBACK_URL_REPLACEMENT.home), key: id, selected: sideNavSelected === id, overrides: sideNavOverrides === null || sideNavOverrides === void 0 ? void 0 : sideNavOverrides.menuItemOverrides }, text));
+            })))))));
+};
+export default NavigationSecondary;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=NavigationSecondary.js.map

package/dist/esm/Components/Sections/NavigationSecondary/NavigationSecondary.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationSecondary.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NavigationSecondary/NavigationSecondary.tsx"],"names":[],"mappings":";;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AACzB,OAAO,EACL,MAAM,EACN,oBAAoB,EACpB,sBAAsB,EACtB,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,MAAM,GACP,MAAM,SAAS,CAAA;AAChB,OAAO,EAEL,iBAAiB,GAClB,MAAM,kBAAkB,CAAA;AACzB,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AACjD,OAAO,EAAE,wBAAwB,EAAE,MAAM,oBAAoB,CAAA;AAE7D,MAAM,CAAC,IAAM,yBAAyB,GAAG,MAAM,CAAA;AAE/C,IAAM,YAAY,GAAG,MAAM,CAAC,GAAG,kOAA0C,iCAE7D,EAAyB,OACjC,EAEwD,uBAExD,EAA4B,0FAM/B,KAXW,yBAAyB,EACjC,UAAC,EAAmB;QAAjB,eAAe,qBAAA;IAClB,OAAA,eAAe;QACf,oBAAoB,CAAC,iBAAiB,EAAE,eAAe,CAAC;AADxD,CACwD,EAExD,sBAAsB,CAAC,IAAI,CAAC,CAM/B,CAAA;AAED,IAAM,YAAY,GAAG,MAAM,CAAC,MAAM,CAAC,oLAAA,gDAG/B,EAA4B,+DAI/B,KAJG,sBAAsB,CAAC,IAAI,CAAC,CAI/B,CAAA;AAED,IAAM,UAAU,GAAG,MAAM,CAAC,IAAI,CAAC,4UAAA,4CAGzB,EAA4B,2NAejC,KAfK,sBAAsB,CAAC,IAAI,CAAC,CAejC,CAAA;AAED,IAAM,cAAc,GAAG,MAAM,CAAC,QAAQ,CAAC,+FAAA,4BAEtC,IAAA,CAAA;AAMD,IAAM,mBAAmB,GAAuC,UAAC,EAEhE;QADC,WAAW,iBAAA;IAEL,IAAA,KAKF,iBAAiB,CAAC,WAAW,CAAqC,EAJpE,OAAO,aAAA,EACP,eAAe,qBAAA,EACf,gBAAgB,sBAAA,EAChB,OAAO,aAC6D,CAAA;IAEtE,OAAO,CACL,oBAAC,YAAY,mBACC,qBAAqB,EACjC,eAAe,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,eAAe;QAElD,oBAAC,KAAK,IACJ,UAAU,EAAE;gBACV,EAAE,EAAE,UAAU;aACf,GACD;QACF,oBAAC,KAAK;YACJ,oBAAC,YAAY,IACX,QAAQ,EAAE,SAAS,EACnB,SAAS,EAAE;oBACT,QAAQ,EAAE;wBACR,IAAI,EAAE;4BACJ,EAAE,EAAE,WAAW;4BACf,EAAE,EAAE,WAAW;yBAChB;qBACF;iBACF,IAEA,KAAK,CAAC,OAAO,CAAC,OAAO,CAAC,IAAI,CACzB,oBAAC,UAAU,IAAC,QAAQ,sBAAY,MAAM,IACnC,OAAO,CAAC,GAAG,CAAC,UAAC,EAAkB;oBAAhB,EAAE,QAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAA;gBAAO,OAAA,CACnC,oBAAC,cAAc,IACb,IAAI,EAAE,cAAc,CAClB,OAAO,EACP,IAAI,EACJ,wBAAwB,CAAC,IAAI,CAC9B,EACD,GAAG,EAAE,EAAE,EACP,QAAQ,EAAE,eAAe,KAAK,EAAE,EAChC,SAAS,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,iBAAiB,IAE7C,IAAI,CACU,CAClB;YAboC,CAapC,CAAC,CACS,CACd,CACY,CACT,CACK,CAChB,CAAA;AACH,CAAC,CAAA;AAED,eAAe,mBAAmB,CAAA"}

package/dist/esm/Components/Sections/NavigationSecondary/NavigationSecondary.stories.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { Meta } from '@storybook/react';
+declare const _default: Meta<import("@storybook/react").Args>;
+export default _default;
+export declare const Primary: React.FC;

package/dist/esm/Components/Sections/NavigationSecondary/NavigationSecondary.stories.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import NavigationSecondary from '.';
+import { ContextName } from '../../../context/types';
+export default {
+    title: 'Components/Sections/NavigationSecondary',
+    component: NavigationSecondary,
+};
+export var Primary = function () { return (React.createElement(NavigationSecondary, { contextName: ContextName.personalDetails })); };
+//# sourceMappingURL=NavigationSecondary.stories.js.map

package/dist/esm/Components/Sections/NavigationSecondary/NavigationSecondary.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavigationSecondary.stories.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NavigationSecondary/NavigationSecondary.stories.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,mBAAmB,MAAM,GAAG,CAAA;AACnC,OAAO,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAA;AAEpD,eAAe;IACb,KAAK,EAAE,yCAAyC;IAChD,SAAS,EAAE,mBAAmB;CACvB,CAAA;AAET,MAAM,CAAC,IAAM,OAAO,GAAa,cAAM,OAAA,CACrC,oBAAC,mBAAmB,IAAC,WAAW,EAAE,WAAW,CAAC,eAAe,GAAI,CAClE,EAFsC,CAEtC,CAAA"}

package/dist/esm/Components/Sections/NavigationSecondary/index.d.ts

@@ -0,0 +1,4 @@
+import NavigationSecondary, { navigationSecondaryHeight } from './NavigationSecondary';
+export * from './types';
+export { navigationSecondaryHeight };
+export default NavigationSecondary;

package/dist/esm/Components/Sections/NavigationSecondary/index.js

@@ -0,0 +1,5 @@
+import NavigationSecondary, { navigationSecondaryHeight, } from './NavigationSecondary';
+export * from './types';
+export { navigationSecondaryHeight };
+export default NavigationSecondary;
+//# sourceMappingURL=index.js.map

package/dist/esm/Components/Sections/NavigationSecondary/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NavigationSecondary/index.tsx"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,EAAE,EAC1B,yBAAyB,GAC1B,MAAM,uBAAuB,CAAA;AAC9B,cAAc,SAAS,CAAA;AAEvB,OAAO,EAAE,yBAAyB,EAAE,CAAA;AAEpC,eAAe,mBAAmB,CAAA"}

package/dist/esm/Components/Sections/NavigationSecondary/types.d.ts

@@ -0,0 +1,15 @@
+import { MQ } from 'newskit';
+export interface NavigationSecondaryOverrides {
+    menuItemOverrides?: {
+        stylePreset?: MQ<string>;
+        typographyPreset?: MQ<string>;
+        spaceInset?: MQ<string>;
+    };
+    backgroundColor?: string;
+}
+export interface NavigationSecondaryInterface {
+    text: string;
+    href: string;
+    id: string;
+}
+export declare type NavigationSecondarySelected = string;

package/dist/esm/Components/Sections/NavigationSecondary/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/Components/Sections/NavigationSecondary/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NavigationSecondary/types.ts"],"names":[],"mappings":""}

package/dist/esm/Components/Sections/NoSubscription/NoSubscription.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+import { NoSubscriptionProps } from './types';
+export declare const NoSubscription: React.FC<NoSubscriptionProps>;

package/dist/esm/Components/Sections/NoSubscription/NoSubscription.js

@@ -0,0 +1,20 @@
+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, ButtonGroup } from '@newskit-render/shared-components';
+export var NoSubscription = function (_a) {
+    var header = _a.header, buttonGroupProps = _a.buttonGroupProps;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Header, __assign({}, header)),
+        React.createElement(ButtonGroup, __assign({}, buttonGroupProps, { hasError: false }))));
+};
+//# sourceMappingURL=NoSubscription.js.map

package/dist/esm/Components/Sections/NoSubscription/NoSubscription.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"NoSubscription.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NoSubscription/NoSubscription.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAEzB,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,mCAAmC,CAAA;AAEvE,MAAM,CAAC,IAAM,cAAc,GAAkC,UAAC,EAG7D;QAFC,MAAM,YAAA,EACN,gBAAgB,sBAAA;IACZ,OAAA,CACJ;QACE,oBAAC,MAAM,eAAK,MAAM,EAAI;QACtB,oBAAC,WAAW,eAAK,gBAAgB,IAAE,QAAQ,EAAE,KAAK,IAAI,CACrD,CACJ;AALK,CAKL,CAAA"}

package/dist/esm/Components/Sections/NoSubscription/index.d.ts

@@ -0,0 +1,2 @@
+export * from './NoSubscription';
+export * from './types';

package/dist/esm/Components/Sections/NoSubscription/index.js

@@ -0,0 +1,3 @@
+export * from './NoSubscription';
+export * from './types';
+//# sourceMappingURL=index.js.map

package/dist/esm/Components/Sections/NoSubscription/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NoSubscription/index.ts"],"names":[],"mappings":"AAAA,cAAc,kBAAkB,CAAA;AAChC,cAAc,SAAS,CAAA"}

package/dist/esm/Components/Sections/NoSubscription/types.d.ts

@@ -0,0 +1,5 @@
+import { HeaderProps, ButtonGroupProps } from '@newskit-render/shared-components';
+export interface NoSubscriptionProps {
+    header?: HeaderProps;
+    buttonGroupProps?: Partial<ButtonGroupProps>;
+}

package/dist/esm/Components/Sections/NoSubscription/types.js

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=types.js.map

package/dist/esm/Components/Sections/NoSubscription/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../src/Components/Sections/NoSubscription/types.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare const componentMap: {
+    reason: React.FC<import("../Sections/Form/CancellationReason").ControlledCancellationReasonProps>;
+    confirm: React.FC<import("../Sections/Form/ConfirmCancellation").ConfirmCancellationProps>;
+};
+declare const CancellationRender: React.FC;
+export default CancellationRender;

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

@@ -0,0 +1,41 @@
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React, { useState } from 'react';
+import { Header } from '@newskit-render/shared-components';
+import { useAccountContext } from '../../context';
+import CancellationReason from '../Sections/Form/CancellationReason';
+import { mergeButtonGroupProps } from '../../helpers';
+import ConfirmCancellation from '../Sections/Form/ConfirmCancellation';
+import { ContextName } from '../../context/types';
+export var componentMap = {
+    reason: CancellationReason,
+    confirm: ConfirmCancellation,
+};
+var CancellationRender = function () {
+    var _a;
+    var contextName = ContextName.cancellation;
+    var _b = useAccountContext(contextName), header = _b.header, cancellation = _b.cancellation, validation = _b.validation, buttonGroupProps = _b.buttonGroupProps, baseUrl = _b.baseUrl;
+    var _c = useState('reason'), componentToRender = _c[0], setComponentToRender = _c[1];
+    var _d = useState({ answer: '' }), cancellationReason = _d[0], setCancellationReason = _d[1];
+    var SectionComponent = componentMap[componentToRender];
+    var pageHeader = cancellation && cancellation[componentToRender].header;
+    var sectionProps = cancellation && cancellation[componentToRender].props;
+    var cancelButtonGroupProps = cancellation && ((_a = cancellation[componentToRender].props) === null || _a === void 0 ? void 0 : _a.buttonGroupProps);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Header, __assign({}, header, pageHeader, { fullWidthTitle: true })),
+        React.createElement(SectionComponent, __assign({}, sectionProps, { validation: validation, cancellationReason: cancellationReason, onCancellationReasonSelected: function (reason) {
+                setCancellationReason(reason);
+                setComponentToRender('confirm');
+            }, buttonGroupProps: mergeButtonGroupProps(baseUrl, buttonGroupProps, cancelButtonGroupProps) }))));
+};
+export default CancellationRender;
+//# sourceMappingURL=CancellationRender.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CancellationRender.js","sourceRoot":"","sources":["../../../../src/Components/Templates/CancellationRender.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,mCAAmC,CAAA;AAC1D,OAAO,EAA8B,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAC7E,OAAO,kBAAkB,MAAM,qCAAqC,CAAA;AACpE,OAAO,EAAE,qBAAqB,EAAE,MAAM,eAAe,CAAA;AACrD,OAAO,mBAAmB,MAAM,sCAAsC,CAAA;AAEtE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAA;AAEjD,MAAM,CAAC,IAAM,YAAY,GAAG;IAC1B,MAAM,EAAE,kBAAkB;IAC1B,OAAO,EAAE,mBAAmB;CAC7B,CAAA;AAED,IAAM,kBAAkB,GAAa;;IACnC,IAAM,WAAW,GAAG,WAAW,CAAC,YAAY,CAAA;IACtC,IAAA,KAMF,iBAAiB,CAAC,WAAW,CAA+B,EAL9D,MAAM,YAAA,EACN,YAAY,kBAAA,EACZ,UAAU,gBAAA,EACV,gBAAgB,sBAAA,EAChB,OAAO,aACuD,CAAA;IAE1D,IAAA,KAA4C,QAAQ,CAExD,QAAQ,CAAC,EAFJ,iBAAiB,QAAA,EAAE,oBAAoB,QAEnC,CAAA;IACL,IAAA,KAGF,QAAQ,CAA4B,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,EAFrD,kBAAkB,QAAA,EAClB,qBAAqB,QACgC,CAAA;IAEvD,IAAM,gBAAgB,GAAG,YAAY,CAAC,iBAAiB,CAAC,CAAA;IACxD,IAAM,UAAU,GAAG,YAAY,IAAI,YAAY,CAAC,iBAAiB,CAAC,CAAC,MAAM,CAAA;IACzE,IAAM,YAAY,GAAG,YAAY,IAAI,YAAY,CAAC,iBAAiB,CAAC,CAAC,KAAK,CAAA;IAC1E,IAAM,sBAAsB,GAC1B,YAAY,KAAI,MAAA,YAAY,CAAC,iBAAiB,CAAC,CAAC,KAAK,0CAAE,gBAAgB,CAAA,CAAA;IAEzE,OAAO,CACL;QACE,oBAAC,MAAM,eAAK,MAAM,EAAM,UAAU,IAAE,cAAc,UAAG;QACrD,oBAAC,gBAAgB,eACX,YAAY,IAChB,UAAU,EAAE,UAAU,EACtB,kBAAkB,EAAE,kBAAkB,EACtC,4BAA4B,EAAE,UAAC,MAAM;gBACnC,qBAAqB,CAAC,MAAM,CAAC,CAAA;gBAC7B,oBAAoB,CAAC,SAAS,CAAC,CAAA;YACjC,CAAC,EACD,gBAAgB,EAAE,qBAAqB,CACrC,OAAO,EACP,gBAAgB,EAChB,sBAAsB,CACvB,IACD,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,kBAAkB,CAAA"}

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

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