@newskit-render/my-account 0.0.0-e16014a0

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

@@ -0,0 +1,193 @@
+"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 __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 context_1 = require("../../../../context");
+var newskit_1 = require("newskit");
+var shared_components_1 = require("@newskit-render/shared-components");
+var router_1 = require("next/router");
+var onFormSubmit_1 = __importDefault(require("../onFormSubmit"));
+var max_1 = __importDefault(require("react-phone-number-input/max"));
+var react_phone_number_input_1 = require("react-phone-number-input");
+var types_1 = require("../../../../context/types");
+var styled_1 = require("./styled");
+var Error_1 = require("@emotion-icons/material/Error");
+var CheckCircle_1 = require("@emotion-icons/material/CheckCircle");
+var lodash_unescape_1 = __importDefault(require("lodash.unescape"));
+var IconFilledError = (0, newskit_1.toNewsKitIcon)(Error_1.Error);
+var IconFilledCheckCircle = (0, newskit_1.toNewsKitIcon)(CheckCircle_1.CheckCircle);
+var Arrow = function () {
+    return (react_1.default.createElement("svg", { width: "24", height: "25", viewBox: "0 0 24 25", fill: "none", xmlns: "http://www.w3.org/2000/svg" },
+        react_1.default.createElement("mask", { id: "mask0", "mask-type": "alpha", maskUnits: "userSpaceOnUse", x: "0", y: "0", width: "24", height: "25" },
+            react_1.default.createElement("path", { d: "M7 10.066L12 15.066L17 10.066H7Z", fill: "#0A0A0A" })),
+        react_1.default.createElement("g", { mask: "url(#mask0)" },
+            react_1.default.createElement("rect", { y: "0.065979", width: "24", height: "24", fill: "#535353" }))));
+};
+var phoneTypeMap = {
+    mobile: 'mobile',
+    phoneNumber: 'landline',
+};
+var Phone = function (_a) {
+    var _b;
+    var buttonGroupProps = _a.buttonGroupProps, inputText = _a.inputText, type = _a.type;
+    var contextName = types_1.ContextName.editField;
+    var phoneDisplayName = phoneTypeMap[type];
+    var _c = (0, context_1.useAccountContext)(contextName), data = _c.data, validation = _c.validation, handleError = _c.handleError, handleSuccess = _c.handleSuccess, handleLoading = _c.handleLoading, baseUrl = _c.baseUrl, errorMessages = _c.errorMessages, genericErrorMessage = _c.genericErrorMessage, isFooterVisible = _c.isFooterVisible;
+    var fields = data.fields;
+    var value = fields && fields[0].value ? fields[0].value : '';
+    var _d = (0, react_1.useState)((0, lodash_unescape_1.default)(value)), inputValue = _d[0], setInputValue = _d[1];
+    var router = (0, router_1.useRouter)();
+    var _e = (0, react_1.useState)(false), error = _e[0], setError = _e[1];
+    var _f = (0, react_1.useState)(false), success = _f[0], setSuccess = _f[1];
+    var _g = (0, react_1.useState)(''), errMessage = _g[0], setErrMessage = _g[1];
+    var fireEvent = (0, newskit_1.useInstrumentation)().fireEvent;
+    //Аssume the phone is GB
+    var parsedPhone = value && (0, react_phone_number_input_1.parsePhoneNumber)(value);
+    var isGBPhone = parsedPhone
+        ? parsedPhone.country === 'GB' || parsedPhone.countryCallingCode === '44'
+        : true;
+    if (parsedPhone && isGBPhone && !parsedPhone.country)
+        parsedPhone.country = 'GB';
+    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(false);
+                    (0, onFormSubmit_1.default)((_b = {}, _b[type] = inputValue === undefined ? '' : inputValue, _b), type, router, handleFormError, handleSuccess, baseUrl);
+                    return [3 /*break*/, 4];
+                case 3:
+                    e_1 = _c.sent();
+                    setErrMessage(e_1.message);
+                    setError(true);
+                    return [3 /*break*/, 4];
+                case 4: return [2 /*return*/];
+            }
+        });
+    }); };
+    return (react_1.default.createElement(shared_components_1.FormGrid, { xsMargin: "space000", xsColumnGutter: "space000", xsRowGutter: "space000", isFooterVisible: isFooterVisible },
+        react_1.default.createElement(newskit_1.Global, { styles: (0, newskit_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          ", "", "\n        "], ["\n          ", "", "\n        "])), styled_1.phoneInputCSS, styled_1.styledInputs) }),
+        react_1.default.createElement(newskit_1.Label, __assign({ htmlFor: "".concat(type, "-phone-input") }, inputText === null || inputText === void 0 ? void 0 : inputText.labelProps), "".concat(phoneDisplayName.charAt(0).toUpperCase() + phoneDisplayName.slice(1), " phone number")),
+        react_1.default.createElement(styled_1.InputIconContainerBlock, { id: "Input-Icon-Container", marginBlockEnd: "space080" },
+            react_1.default.createElement(newskit_1.ScreenReaderOnly, null,
+                react_1.default.createElement("span", null, phoneDisplayName)),
+            react_1.default.createElement(max_1.default, { id: "".concat(type, "-phone-input"), defaultCountry: "GB", initialValueFormat: isGBPhone ? 'national' : undefined, value: inputValue, name: type, onChange: function (number) {
+                    setInputValue(number);
+                }, countrySelectProps: { arrowComponent: Arrow }, "data-testid": 'phone-input', onClick: function () {
+                    return fireEvent((0, shared_components_1.createClickEvent)('phone-input', "personal details update:phone number"));
+                } }),
+            (error || success) && (react_1.default.createElement(react_1.default.Fragment, null,
+                react_1.default.createElement(styled_1.IconContainer, { "data-testid": "IconContainer" },
+                    error && (react_1.default.createElement(IconFilledError, { "data-testid": "ErrorIcon", overrides: {
+                            size: 'iconSize020',
+                            stylePreset: 'iconNegative',
+                        } })),
+                    success && (react_1.default.createElement(IconFilledCheckCircle, { "data-testid": "SuccessIcon", overrides: {
+                            size: 'iconSize020',
+                            stylePreset: 'iconPositive',
+                        } }))),
+                error && (react_1.default.createElement(styled_1.AssistiveTextWrapper, { paddingInlineEnd: "space020" },
+                    react_1.default.createElement(newskit_1.AssistiveText, { "data-testid": "ErrorMessage", state: "invalid" }, errMessage)))))),
+        react_1.default.createElement(shared_components_1.ButtonGroup, __assign({}, buttonGroupProps, { primaryButton: __assign(__assign({}, buttonGroupProps === null || buttonGroupProps === void 0 ? void 0 : buttonGroupProps.primaryButton), { onClick: onSubmitPhone, text: ((_b = buttonGroupProps === null || buttonGroupProps === void 0 ? void 0 : buttonGroupProps.primaryButton) === null || _b === void 0 ? void 0 : _b.text) || 'Save' }), loading: success }))));
+};
+exports.default = (0, newskit_1.withTheme)(Phone);
+var templateObject_1;
+//# sourceMappingURL=Phone.js.map

package/dist/cjs/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/cjs/Components/Sections/Form/Phone/index.d.ts

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

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

@@ -0,0 +1,23 @@
+"use strict";
+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 __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var Phone_1 = __importDefault(require("./Phone"));
+__exportStar(require("./types"), exports);
+exports.default = Phone_1.default;
+//# sourceMappingURL=index.js.map

package/dist/cjs/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,kDAA2B;AAE3B,0CAAuB;AACvB,kBAAe,eAAK,CAAA"}

package/dist/cjs/Components/Sections/Form/Phone/styled.d.ts

@@ -0,0 +1,17 @@
+/// <reference types="react" />
+export declare const phoneInputCSS = "\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";
+export declare const styledInputs = "\n.PhoneInput{\n  margin-bottom: 8px;\n}\n.PhoneInputInput{\n  height: 48px;\n  padding-left: 12px;\n  padding-right: 40px;\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";
+export declare const InputIconContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const InputIconContainerBlock: import("@emotion/styled").StyledComponent<import("newskit").BlockProps & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;
+export declare const IconContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any> | undefined;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const AssistiveTextWrapper: import("@emotion/styled").StyledComponent<import("newskit").BlockProps & import("react").RefAttributes<HTMLDivElement> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}, {}, {}>;

package/dist/cjs/Components/Sections/Form/Phone/styled.js

@@ -0,0 +1,16 @@
+"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;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.AssistiveTextWrapper = exports.IconContainer = exports.InputIconContainerBlock = exports.InputIconContainer = exports.styledInputs = exports.phoneInputCSS = void 0;
+var newskit_1 = require("newskit");
+exports.phoneInputCSS = "\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";
+exports.styledInputs = "\n.PhoneInput{\n  margin-bottom: 8px;\n}\n.PhoneInputInput{\n  height: 48px;\n  padding-left: 12px;\n  padding-right: 40px;\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";
+exports.InputIconContainer = newskit_1.styled.div(templateObject_1 || (templateObject_1 = __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"])), (0, newskit_1.getSpacingCssFromTheme)('marginBottom', 'space080'), (0, newskit_1.getMediaQueryFromTheme)('xs'), (0, newskit_1.getMediaQueryFromTheme)('md'));
+exports.InputIconContainerBlock = (0, newskit_1.styled)(newskit_1.Block)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n  ", " {\n    width: 100%;\n  }\n  ", " {\n    width: 80%;\n  }\n"], ["\n  position: relative;\n  ", " {\n    width: 100%;\n  }\n  ", " {\n    width: 80%;\n  }\n"])), (0, newskit_1.getMediaQueryFromTheme)('xs'), (0, newskit_1.getMediaQueryFromTheme)('md'));
+exports.IconContainer = newskit_1.styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  position: absolute;\n  right: 10px;\n  top: 37px;\n  transform: translate(0, -90%);\n"], ["\n  position: absolute;\n  right: 10px;\n  top: 37px;\n  transform: translate(0, -90%);\n"])));
+exports.AssistiveTextWrapper = (0, newskit_1.styled)(newskit_1.Block)(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  position: absolute;\n"], ["\n  position: absolute;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+//# sourceMappingURL=styled.js.map

package/dist/cjs/Components/Sections/Form/Phone/styled.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"styled.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/Phone/styled.tsx"],"names":[],"mappings":";;;;;;;AAAA,mCAKgB;AAEH,QAAA,aAAa,GAAG,yjHAqH5B,CAAA;AACY,QAAA,YAAY,GAAG,udA2B3B,CAAA;AAEY,QAAA,kBAAkB,GAAG,gBAAM,CAAC,GAAG,uKAAA,6BAExC,EAAkD,MAClD,EAA4B,+BAG5B,EAA4B,4BAG/B,KAPG,IAAA,gCAAsB,EAAC,cAAc,EAAE,UAAU,CAAC,EAClD,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAG5B,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAG/B;AAEY,QAAA,uBAAuB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,+JAAA,6BAEhD,EAA4B,+BAG5B,EAA4B,4BAG/B,KANG,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAG5B,IAAA,gCAAsB,EAAC,IAAI,CAAC,EAG/B;AAEY,QAAA,aAAa,GAAG,gBAAM,CAAC,IAAI,8JAAA,2FAKvC,KAAA;AACY,QAAA,oBAAoB,GAAG,IAAA,gBAAM,EAAC,eAAK,CAAC,8FAAA,2BAEhD,KAAA"}

package/dist/cjs/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/cjs/Components/Sections/Form/Phone/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/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/cjs/Components/Sections/Form/Vouchers/Vouchers.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { VouchersProps } from './types';
+declare const Vouchers: React.FC<VouchersProps>;
+export default Vouchers;

package/dist/cjs/Components/Sections/Form/Vouchers/Vouchers.js

@@ -0,0 +1,119 @@
+"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 });
+var react_1 = __importStar(require("react"));
+var context_1 = require("../../../../context");
+var types_1 = require("../../../../context/types");
+var newskit_1 = require("newskit");
+var dataUtils_1 = require("../../../../helpers/dataUtils");
+var shared_components_1 = require("@newskit-render/shared-components");
+var onFormSubmit_1 = __importDefault(require("../../Form/onFormSubmit"));
+var router_1 = require("next/router");
+var replaceDatePlaceholder = function (text, nextVoucherBookletDueDate) {
+    return nextVoucherBookletDueDate
+        ? text.replace('[DD/MM/YY]', (0, dataUtils_1.formateDate)(nextVoucherBookletDueDate, {
+            day: 'numeric',
+            month: 'long',
+            year: 'numeric',
+        }))
+        : text;
+};
+var TextBlockInline = (0, newskit_1.styled)(newskit_1.TextBlock)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-block;\n"], ["\n  display: inline-block;\n"])));
+var BlockInline = (0, newskit_1.styled)(newskit_1.Block)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: inline-block;\n"], ["\n  display: inline-block;\n"])));
+var Vouchers = function (_a) {
+    var _b, _c, _d;
+    var textOne = _a.textOne, textOneOverrides = _a.textOneOverrides, textTwo = _a.textTwo, textTwoOverrides = _a.textTwoOverrides, addressOverrides = _a.addressOverrides, inlineMessage = _a.inlineMessage, buttonGroupProps = _a.buttonGroupProps, gridProps = _a.gridProps;
+    var _e = (0, react_1.useState)(false), loading = _e[0], setLoading = _e[1];
+    var router = (0, router_1.useRouter)();
+    var _f = (0, context_1.useAccountContext)(types_1.ContextName.editField), data = _f.data, handleError = _f.handleError, handleSuccess = _f.handleSuccess, handleLoading = _f.handleLoading, errorMessages = _f.errorMessages, genericErrorMessage = _f.genericErrorMessage, baseUrl = _f.baseUrl, isFooterVisible = _f.isFooterVisible;
+    var nextVoucherBookletDueDate = (0, dataUtils_1.getEditField)(data, 'nextVoucherBookletDueDate').value;
+    var address = (0, dataUtils_1.getEditField)(data, 'address').value;
+    var subscriptionId = (0, dataUtils_1.getEditField)(data, 'subscriptionId').value;
+    var handleFormSuccess = function () {
+        // TBC - add model
+        if (handleSuccess) {
+            setLoading(false);
+            handleSuccess();
+            router.push("".concat(baseUrl, "/subscription-and-billing")); // removed when modal added
+        }
+    };
+    var handleVoucherError = function (message) {
+        setLoading(false);
+        if (handleError) {
+            if (message === 'reordered-in-cycle') {
+                handleError('reordered-in-cycle', errorMessages, genericErrorMessage);
+            }
+            else {
+                handleError('vouchers', errorMessages, genericErrorMessage);
+            }
+        }
+    };
+    var reorderVouchers = function () {
+        if (subscriptionId) {
+            setLoading(true);
+            if (handleLoading) {
+                handleLoading('vouchers', errorMessages, genericErrorMessage);
+            }
+            (0, onFormSubmit_1.default)({
+                code: subscriptionId,
+            }, 'vouchers', undefined, handleVoucherError, handleFormSuccess);
+        }
+    };
+    return (react_1.default.createElement(react_1.default.Fragment, null,
+        react_1.default.createElement(shared_components_1.FormGrid, { xsMargin: (gridProps === null || gridProps === void 0 ? void 0 : gridProps.xsMargin) || 'space000', xsColumnGutter: (gridProps === null || gridProps === void 0 ? void 0 : gridProps.xsColumnGutter) || 'space000', xsRowGutter: (gridProps === null || gridProps === void 0 ? void 0 : gridProps.xsRowGutter) || 'space000', isFooterVisible: isFooterVisible },
+            textOne &&
+                textOne.map(function (p, i) { return (react_1.default.createElement(newskit_1.Block, { key: i, marginBlockEnd: textOneOverrides === null || textOneOverrides === void 0 ? void 0 : textOneOverrides.marginBlockEnd },
+                    react_1.default.createElement(newskit_1.TextBlock, { stylePreset: textOneOverrides === null || textOneOverrides === void 0 ? void 0 : textOneOverrides.stylePreset, typographyPreset: textOneOverrides === null || textOneOverrides === void 0 ? void 0 : textOneOverrides.typographyPreset }, replaceDatePlaceholder(p, nextVoucherBookletDueDate)))); }),
+            react_1.default.createElement(newskit_1.Block, { marginBlockEnd: addressOverrides === null || addressOverrides === void 0 ? void 0 : addressOverrides.marginBlockEnd },
+                react_1.default.createElement(BlockInline, { marginInlineEnd: (_b = addressOverrides === null || addressOverrides === void 0 ? void 0 : addressOverrides.label) === null || _b === void 0 ? void 0 : _b.marginInlineEnd },
+                    react_1.default.createElement(newskit_1.TextBlock, { typographyPreset: (_c = addressOverrides === null || addressOverrides === void 0 ? void 0 : addressOverrides.label) === null || _c === void 0 ? void 0 : _c.typographyPreset, stylePreset: (_d = addressOverrides === null || addressOverrides === void 0 ? void 0 : addressOverrides.label) === null || _d === void 0 ? void 0 : _d.stylePreset }, "Address")),
+                react_1.default.createElement(TextBlockInline, { typographyPreset: addressOverrides === null || addressOverrides === void 0 ? void 0 : addressOverrides.typographyPreset, stylePreset: addressOverrides === null || addressOverrides === void 0 ? void 0 : addressOverrides.stylePreset }, (0, dataUtils_1.getDefaultItemValue)({ address: address }, 'address', ''))),
+            inlineMessage && react_1.default.createElement(newskit_1.InlineMessage, __assign({}, inlineMessage)),
+            textTwo &&
+                textTwo.map(function (p, i) { return (react_1.default.createElement(newskit_1.Block, { key: i, marginBlockEnd: textTwoOverrides === null || textTwoOverrides === void 0 ? void 0 : textTwoOverrides.marginBlockEnd },
+                    react_1.default.createElement(newskit_1.TextBlock, { stylePreset: textTwoOverrides === null || textTwoOverrides === void 0 ? void 0 : textTwoOverrides.stylePreset, typographyPreset: textTwoOverrides === null || textTwoOverrides === void 0 ? void 0 : textTwoOverrides.typographyPreset }, p))); })),
+        react_1.default.createElement(shared_components_1.ButtonGroup, __assign({}, __assign(__assign({}, buttonGroupProps), { loading: loading, primaryButton: __assign(__assign({}, buttonGroupProps === null || buttonGroupProps === void 0 ? void 0 : buttonGroupProps.primaryButton), { onClick: function () { return reorderVouchers(); } }) })))));
+};
+exports.default = Vouchers;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=Vouchers.js.map

package/dist/cjs/Components/Sections/Form/Vouchers/Vouchers.js.map

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

package/dist/cjs/Components/Sections/Form/Vouchers/index.d.ts

@@ -0,0 +1,4 @@
+import Vouchers from './Vouchers';
+import { VouchersProps } from './types';
+export { VouchersProps };
+export default Vouchers;

package/dist/cjs/Components/Sections/Form/Vouchers/index.js

@@ -0,0 +1,8 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var Vouchers_1 = __importDefault(require("./Vouchers"));
+exports.default = Vouchers_1.default;
+//# sourceMappingURL=index.js.map

package/dist/cjs/Components/Sections/Form/Vouchers/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/Vouchers/index.ts"],"names":[],"mappings":";;;;;AAAA,wDAAiC;AAIjC,kBAAe,kBAAQ,CAAA"}

package/dist/cjs/Components/Sections/Form/Vouchers/types.d.ts

@@ -0,0 +1,35 @@
+import { MQ, InlineMessageProps } from 'newskit';
+import { ButtonGroupProps } from '@newskit-render/shared-components';
+export interface VouchersProps {
+    textOne?: string[];
+    textOneOverrides?: {
+        marginBlockEnd?: MQ<string>;
+        stylePreset?: MQ<string>;
+        typographyPreset?: MQ<string>;
+    };
+    textTwo?: string[];
+    textTwoOverrides?: {
+        marginBlockEnd?: MQ<string>;
+        stylePreset?: MQ<string>;
+        typographyPreset?: MQ<string>;
+    };
+    addressOverrides?: {
+        label?: {
+            marginInlineEnd?: MQ<string>;
+            stylePreset?: MQ<string>;
+            typographyPreset?: MQ<string>;
+        };
+        marginBlockEnd?: MQ<string>;
+        stylePreset?: MQ<string>;
+        typographyPreset?: MQ<string>;
+    };
+    inlineMessage?: InlineMessageProps & {
+        marginInlineEnd?: MQ<string>;
+    };
+    buttonGroupProps?: ButtonGroupProps;
+    gridProps?: {
+        xsMargin: string;
+        xsColumnGutter: string;
+        xsRowGutter: string;
+    };
+}

package/dist/cjs/Components/Sections/Form/Vouchers/types.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/cjs/Components/Sections/Form/Vouchers/types.js.map

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

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

@@ -0,0 +1,7 @@
+import { Dispatch, SetStateAction } from 'react';
+import { NextRouter } from 'next/router';
+import { Subscription } from '../../Sections/Form/Address/types';
+declare const onSubmit: (e: {
+    [x: string]: any;
+}, validationSchemaKey: string | unknown, router?: NextRouter, handleError?: (overrideMessage?: string) => void, handleSuccess?: () => void, redirectUrl?: string, setShowModal?: Dispatch<SetStateAction<boolean>> | undefined, subscriptions?: Array<Subscription>) => Promise<Response>;
+export default onSubmit;