@newskit-render/my-account 0.0.0-e16014a0

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

@@ -0,0 +1,25 @@
+export declare enum PaymentTypes {
+    'creditcard' = "creditcard",
+    'debitcard' = "debitcard",
+    'creditcardreferencetransaction' = "creditcardreferencetransaction",
+    'paypal' = "paypal",
+    'banktransfer' = "banktransfer"
+}
+export declare enum CardTypes {
+    'visa' = "visa",
+    'mastercard' = "mastercard",
+    'discover' = "discover",
+    'diners' = "diners",
+    'americanexpress' = "amex",
+    'amex' = "amex",
+    'unionpay' = "unionpay",
+    'jcb' = "jcb"
+}
+export declare enum WalletTypes {
+    'apple_pay' = "apple_pay",
+    'google_pay' = "google_pay"
+}
+export declare enum PaymentProvider {
+    Zuora = "Zuora",
+    Stripe = "Stripe"
+}

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

@@ -0,0 +1,30 @@
+export var PaymentTypes;
+(function (PaymentTypes) {
+    PaymentTypes["creditcard"] = "creditcard";
+    PaymentTypes["debitcard"] = "debitcard";
+    PaymentTypes["creditcardreferencetransaction"] = "creditcardreferencetransaction";
+    PaymentTypes["paypal"] = "paypal";
+    PaymentTypes["banktransfer"] = "banktransfer";
+})(PaymentTypes || (PaymentTypes = {}));
+export var CardTypes;
+(function (CardTypes) {
+    CardTypes["visa"] = "visa";
+    CardTypes["mastercard"] = "mastercard";
+    CardTypes["discover"] = "discover";
+    CardTypes["diners"] = "diners";
+    CardTypes["americanexpress"] = "amex";
+    CardTypes["amex"] = "amex";
+    CardTypes["unionpay"] = "unionpay";
+    CardTypes["jcb"] = "jcb";
+})(CardTypes || (CardTypes = {}));
+export var WalletTypes;
+(function (WalletTypes) {
+    WalletTypes["apple_pay"] = "apple_pay";
+    WalletTypes["google_pay"] = "google_pay";
+})(WalletTypes || (WalletTypes = {}));
+export var PaymentProvider;
+(function (PaymentProvider) {
+    PaymentProvider["Zuora"] = "Zuora";
+    PaymentProvider["Stripe"] = "Stripe";
+})(PaymentProvider || (PaymentProvider = {}));
+//# sourceMappingURL=types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../../../src/Components/Sections/Form/Payment/types.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,YAMX;AAND,WAAY,YAAY;IACtB,yCAA2B,CAAA;IAC3B,uCAAyB,CAAA;IACzB,iFAAmE,CAAA;IACnE,iCAAmB,CAAA;IACnB,6CAA+B,CAAA;AACjC,CAAC,EANW,YAAY,KAAZ,YAAY,QAMvB;AAED,MAAM,CAAN,IAAY,SASX;AATD,WAAY,SAAS;IACnB,0BAAe,CAAA;IACf,sCAA2B,CAAA;IAC3B,kCAAuB,CAAA;IACvB,8BAAmB,CAAA;IACnB,qCAA0B,CAAA;IAC1B,0BAAe,CAAA;IACf,kCAAuB,CAAA;IACvB,wBAAa,CAAA;AACf,CAAC,EATW,SAAS,KAAT,SAAS,QASpB;AAED,MAAM,CAAN,IAAY,WAGX;AAHD,WAAY,WAAW;IACrB,sCAAyB,CAAA;IACzB,wCAA2B,CAAA;AAC7B,CAAC,EAHW,WAAW,KAAX,WAAW,QAGtB;AAED,MAAM,CAAN,IAAY,eAGX;AAHD,WAAY,eAAe;IACzB,kCAAe,CAAA;IACf,oCAAiB,CAAA;AACnB,CAAC,EAHW,eAAe,KAAf,eAAe,QAG1B"}

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

@@ -0,0 +1,7 @@
+import React from 'react';
+import { Theme } from 'newskit';
+import { PhoneProps } from './types';
+declare const _default: React.ComponentType<PhoneProps & {
+    theme?: Theme | undefined;
+}>;
+export default _default;

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

@@ -0,0 +1,165 @@
+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 (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+import React, { useState } from 'react';
+import { useAccountContext } from '../../../../context';
+import { withTheme, ScreenReaderOnly, useInstrumentation, toNewsKitIcon, Label, AssistiveText, Global, css, } from 'newskit';
+import { ButtonGroup, FormGrid, createClickEvent, } 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 { ContextName } from '../../../../context/types';
+import { phoneInputCSS, styledInputs, InputIconContainerBlock, IconContainer, AssistiveTextWrapper, } from './styled';
+import { Error as FilledError } from '@emotion-icons/material/Error';
+import { CheckCircle as FilledCheckCircle } from '@emotion-icons/material/CheckCircle';
+import unescape from 'lodash.unescape';
+var IconFilledError = toNewsKitIcon(FilledError);
+var IconFilledCheckCircle = toNewsKitIcon(FilledCheckCircle);
+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" }))));
+};
+var phoneTypeMap = {
+    mobile: 'mobile',
+    phoneNumber: 'landline',
+};
+var Phone = function (_a) {
+    var _b;
+    var buttonGroupProps = _a.buttonGroupProps, inputText = _a.inputText, type = _a.type;
+    var contextName = ContextName.editField;
+    var phoneDisplayName = phoneTypeMap[type];
+    var _c = 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 = useState(unescape(value)), inputValue = _d[0], setInputValue = _d[1];
+    var router = useRouter();
+    var _e = useState(false), error = _e[0], setError = _e[1];
+    var _f = useState(false), success = _f[0], setSuccess = _f[1];
+    var _g = useState(''), errMessage = _g[0], setErrMessage = _g[1];
+    var fireEvent = useInstrumentation().fireEvent;
+    //Аssume the phone is GB
+    var parsedPhone = value && 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);
+                    onSubmit((_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.createElement(FormGrid, { xsMargin: "space000", xsColumnGutter: "space000", xsRowGutter: "space000", isFooterVisible: isFooterVisible },
+        React.createElement(Global, { styles: css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n          ", "", "\n        "], ["\n          ", "", "\n        "])), phoneInputCSS, styledInputs) }),
+        React.createElement(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.createElement(InputIconContainerBlock, { id: "Input-Icon-Container", marginBlockEnd: "space080" },
+            React.createElement(ScreenReaderOnly, null,
+                React.createElement("span", null, phoneDisplayName)),
+            React.createElement(PhoneInput, { 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(createClickEvent('phone-input', "personal details update:phone number"));
+                } }),
+            (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(AssistiveTextWrapper, { paddingInlineEnd: "space020" },
+                    React.createElement(AssistiveText, { "data-testid": "ErrorMessage", state: "invalid" }, errMessage)))))),
+        React.createElement(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 }))));
+};
+export default withTheme(Phone);
+var templateObject_1;
+//# 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/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/esm/Components/Sections/Form/Phone/styled.js

@@ -0,0 +1,13 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+import { Block, getMediaQueryFromTheme, getSpacingCssFromTheme, styled, } from 'newskit';
+export var 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 var 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 var InputIconContainer = 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"])), getSpacingCssFromTheme('marginBottom', 'space080'), getMediaQueryFromTheme('xs'), getMediaQueryFromTheme('md'));
+export var InputIconContainerBlock = styled(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"])), getMediaQueryFromTheme('xs'), getMediaQueryFromTheme('md'));
+export var IconContainer = 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"])));
+export var AssistiveTextWrapper = styled(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/esm/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,OAAO,EACL,KAAK,EACL,sBAAsB,EACtB,sBAAsB,EACtB,MAAM,GACP,MAAM,SAAS,CAAA;AAEhB,MAAM,CAAC,IAAM,aAAa,GAAG,yjHAqH5B,CAAA;AACD,MAAM,CAAC,IAAM,YAAY,GAAG,udA2B3B,CAAA;AAED,MAAM,CAAC,IAAM,kBAAkB,GAAG,MAAM,CAAC,GAAG,uKAAA,6BAExC,EAAkD,MAClD,EAA4B,+BAG5B,EAA4B,4BAG/B,KAPG,sBAAsB,CAAC,cAAc,EAAE,UAAU,CAAC,EAClD,sBAAsB,CAAC,IAAI,CAAC,EAG5B,sBAAsB,CAAC,IAAI,CAAC,CAG/B,CAAA;AAED,MAAM,CAAC,IAAM,uBAAuB,GAAG,MAAM,CAAC,KAAK,CAAC,+JAAA,6BAEhD,EAA4B,+BAG5B,EAA4B,4BAG/B,KANG,sBAAsB,CAAC,IAAI,CAAC,EAG5B,sBAAsB,CAAC,IAAI,CAAC,CAG/B,CAAA;AAED,MAAM,CAAC,IAAM,aAAa,GAAG,MAAM,CAAC,IAAI,8JAAA,2FAKvC,IAAA,CAAA;AACD,MAAM,CAAC,IAAM,oBAAoB,GAAG,MAAM,CAAC,KAAK,CAAC,8FAAA,2BAEhD,IAAA,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/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/esm/Components/Sections/Form/Vouchers/Vouchers.js

@@ -0,0 +1,91 @@
+var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
+    if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
+    return cooked;
+};
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+import React, { useState } from 'react';
+import { useAccountContext } from '../../../../context';
+import { ContextName } from '../../../../context/types';
+import { Block, TextBlock, styled, InlineMessage } from 'newskit';
+import { getDefaultItemValue, formateDate, getEditField, } from '../../../../helpers/dataUtils';
+import { ButtonGroup, FormGrid } from '@newskit-render/shared-components';
+import onFormSubmit from '../../Form/onFormSubmit';
+import { useRouter } from 'next/router';
+var replaceDatePlaceholder = function (text, nextVoucherBookletDueDate) {
+    return nextVoucherBookletDueDate
+        ? text.replace('[DD/MM/YY]', formateDate(nextVoucherBookletDueDate, {
+            day: 'numeric',
+            month: 'long',
+            year: 'numeric',
+        }))
+        : text;
+};
+var TextBlockInline = styled(TextBlock)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: inline-block;\n"], ["\n  display: inline-block;\n"])));
+var BlockInline = styled(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 = useState(false), loading = _e[0], setLoading = _e[1];
+    var router = useRouter();
+    var _f = useAccountContext(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 = getEditField(data, 'nextVoucherBookletDueDate').value;
+    var address = getEditField(data, 'address').value;
+    var subscriptionId = 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);
+            }
+            onFormSubmit({
+                code: subscriptionId,
+            }, 'vouchers', undefined, handleVoucherError, handleFormSuccess);
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(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.createElement(Block, { key: i, marginBlockEnd: textOneOverrides === null || textOneOverrides === void 0 ? void 0 : textOneOverrides.marginBlockEnd },
+                    React.createElement(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.createElement(Block, { marginBlockEnd: addressOverrides === null || addressOverrides === void 0 ? void 0 : addressOverrides.marginBlockEnd },
+                React.createElement(BlockInline, { marginInlineEnd: (_b = addressOverrides === null || addressOverrides === void 0 ? void 0 : addressOverrides.label) === null || _b === void 0 ? void 0 : _b.marginInlineEnd },
+                    React.createElement(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.createElement(TextBlockInline, { typographyPreset: addressOverrides === null || addressOverrides === void 0 ? void 0 : addressOverrides.typographyPreset, stylePreset: addressOverrides === null || addressOverrides === void 0 ? void 0 : addressOverrides.stylePreset }, getDefaultItemValue({ address: address }, 'address', ''))),
+            inlineMessage && React.createElement(InlineMessage, __assign({}, inlineMessage)),
+            textTwo &&
+                textTwo.map(function (p, i) { return (React.createElement(Block, { key: i, marginBlockEnd: textTwoOverrides === null || textTwoOverrides === void 0 ? void 0 : textTwoOverrides.marginBlockEnd },
+                    React.createElement(TextBlock, { stylePreset: textTwoOverrides === null || textTwoOverrides === void 0 ? void 0 : textTwoOverrides.stylePreset, typographyPreset: textTwoOverrides === null || textTwoOverrides === void 0 ? void 0 : textTwoOverrides.typographyPreset }, p))); })),
+        React.createElement(ButtonGroup, __assign({}, __assign(__assign({}, buttonGroupProps), { loading: loading, primaryButton: __assign(__assign({}, buttonGroupProps === null || buttonGroupProps === void 0 ? void 0 : buttonGroupProps.primaryButton), { onClick: function () { return reorderVouchers(); } }) })))));
+};
+export default Vouchers;
+var templateObject_1, templateObject_2;
+//# sourceMappingURL=Vouchers.js.map

package/dist/esm/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":";;;;;;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAEvC,OAAO,EAA2B,iBAAiB,EAAE,MAAM,qBAAqB,CAAA;AAChF,OAAO,EAAE,WAAW,EAAE,MAAM,2BAA2B,CAAA;AACvD,OAAO,EAAE,KAAK,EAAE,SAAS,EAAE,MAAM,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AACjE,OAAO,EACL,mBAAmB,EACnB,WAAW,EACX,YAAY,GACb,MAAM,+BAA+B,CAAA;AAEtC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,mCAAmC,CAAA;AACzE,OAAO,YAAY,MAAM,yBAAyB,CAAA;AAClD,OAAO,EAAc,SAAS,EAAE,MAAM,aAAa,CAAA;AAEnD,IAAM,sBAAsB,GAAG,UAC7B,IAAY,EACZ,yBAAkC;IAElC,OAAO,yBAAyB;QAC9B,CAAC,CAAC,IAAI,CAAC,OAAO,CACV,YAAY,EACZ,WAAW,CAAC,yBAAyB,EAAE;YACrC,GAAG,EAAE,SAAS;YACd,KAAK,EAAE,MAAM;YACb,IAAI,EAAE,SAAS;SAChB,CAAC,CACH;QACH,CAAC,CAAC,IAAI,CAAA;AACV,CAAC,CAAA;AAED,IAAM,eAAe,GAAG,MAAM,CAAC,SAAS,CAAC,iGAAA,8BAExC,IAAA,CAAA;AAED,IAAM,WAAW,GAAG,MAAM,CAAC,KAAK,CAAC,iGAAA,8BAEhC,IAAA,CAAA;AAED,IAAM,QAAQ,GAA4B,UAAC,EAS1C;;QARC,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,OAAO,aAAA,EACP,gBAAgB,sBAAA,EAChB,gBAAgB,sBAAA,EAChB,aAAa,mBAAA,EACb,gBAAgB,sBAAA,EAChB,SAAS,eAAA;IAEH,IAAA,KAAwB,QAAQ,CAAC,KAAK,CAAC,EAAtC,OAAO,QAAA,EAAE,UAAU,QAAmB,CAAA;IAC7C,IAAM,MAAM,GAAe,SAAS,EAAE,CAAA;IAChC,IAAA,KASF,iBAAiB,CAAC,WAAW,CAAC,SAAS,CAA4B,EARrE,IAAI,UAAA,EACJ,WAAW,iBAAA,EACX,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,aAAa,mBAAA,EACb,mBAAmB,yBAAA,EACnB,OAAO,aAAA,EACP,eAAe,qBACsD,CAAA;IACvE,IAAM,yBAAyB,GAAG,YAAY,CAC5C,IAAI,EACJ,2BAA2B,CAC5B,CAAC,KAAe,CAAA;IACjB,IAAM,OAAO,GAAG,YAAY,CAAC,IAAI,EAAE,SAAS,CAAC,CAAC,KAA2B,CAAA;IACzE,IAAM,cAAc,GAAG,YAAY,CAAC,IAAI,EAAE,gBAAgB,CAAC,CAAC,KAAe,CAAA;IAE3E,IAAM,iBAAiB,GAAG;QACxB,kBAAkB;QAClB,IAAI,aAAa,EAAE;YACjB,UAAU,CAAC,KAAK,CAAC,CAAA;YACjB,aAAa,EAAE,CAAA;YACf,MAAM,CAAC,IAAI,CAAC,UAAG,OAAO,8BAA2B,CAAC,CAAA,CAAC,2BAA2B;SAC/E;IACH,CAAC,CAAA;IAED,IAAM,kBAAkB,GAAG,UAAC,OAA2B;QACrD,UAAU,CAAC,KAAK,CAAC,CAAA;QACjB,IAAI,WAAW,EAAE;YACf,IAAI,OAAO,KAAK,oBAAoB,EAAE;gBACpC,WAAW,CAAC,oBAAoB,EAAE,aAAa,EAAE,mBAAmB,CAAC,CAAA;aACtE;iBAAM;gBACL,WAAW,CAAC,UAAU,EAAE,aAAa,EAAE,mBAAmB,CAAC,CAAA;aAC5D;SACF;IACH,CAAC,CAAA;IAED,IAAM,eAAe,GAAG;QACtB,IAAI,cAAc,EAAE;YAClB,UAAU,CAAC,IAAI,CAAC,CAAA;YAChB,IAAI,aAAa,EAAE;gBACjB,aAAa,CAAC,UAAU,EAAE,aAAa,EAAE,mBAAmB,CAAC,CAAA;aAC9D;YACD,YAAY,CACV;gBACE,IAAI,EAAE,cAAc;aACrB,EACD,UAAU,EACV,SAAS,EACT,kBAAkB,EAClB,iBAAiB,CAClB,CAAA;SACF;IACH,CAAC,CAAA;IAED,OAAO,CACL;QACE,oBAAC,QAAQ,IACP,QAAQ,EAAE,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,QAAQ,KAAI,UAAU,EAC3C,cAAc,EAAE,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,cAAc,KAAI,UAAU,EACvD,WAAW,EAAE,CAAA,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,WAAW,KAAI,UAAU,EACjD,eAAe,EAAE,eAAe;YAE/B,OAAO;gBACN,OAAO,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CACpB,oBAAC,KAAK,IAAC,GAAG,EAAE,CAAC,EAAE,cAAc,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,cAAc;oBAC7D,oBAAC,SAAS,IACR,WAAW,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,WAAW,EAC1C,gBAAgB,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,gBAAgB,IAEnD,sBAAsB,CAAC,CAAC,EAAE,yBAAyB,CAAC,CAC3C,CACN,CACT,EATqB,CASrB,CAAC;YAEJ,oBAAC,KAAK,IAAC,cAAc,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,cAAc;gBACrD,oBAAC,WAAW,IACV,eAAe,EAAE,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,KAAK,0CAAE,eAAe;oBAEzD,oBAAC,SAAS,IACR,gBAAgB,EAAE,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,KAAK,0CAAE,gBAAgB,EAC3D,WAAW,EAAE,MAAA,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,KAAK,0CAAE,WAAW,cAGvC,CACA;gBACd,oBAAC,eAAe,IACd,gBAAgB,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,gBAAgB,EACpD,WAAW,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,WAAW,IAEzC,mBAAmB,CAAC,EAAE,OAAO,SAAA,EAAc,EAAE,SAAS,EAAE,EAAE,CAAC,CAC5C,CACZ;YACP,aAAa,IAAI,oBAAC,aAAa,eAAK,aAAa,EAAI;YACrD,OAAO;gBACN,OAAO,CAAC,GAAG,CAAC,UAAC,CAAC,EAAE,CAAC,IAAK,OAAA,CACpB,oBAAC,KAAK,IAAC,GAAG,EAAE,CAAC,EAAE,cAAc,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,cAAc;oBAC7D,oBAAC,SAAS,IACR,WAAW,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,WAAW,EAC1C,gBAAgB,EAAE,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,gBAAgB,IAEnD,CAAC,CACQ,CACN,CACT,EATqB,CASrB,CAAC,CACK;QACX,oBAAC,WAAW,qCAEL,gBAAgB,KACnB,OAAO,SAAA,EACP,aAAa,wBACR,gBAAgB,aAAhB,gBAAgB,uBAAhB,gBAAgB,CAAE,aAAa,KAClC,OAAO,EAAE,cAAM,OAAA,eAAe,EAAE,EAAjB,CAAiB,QAGpC,CACD,CACJ,CAAA;AACH,CAAC,CAAA;AAED,eAAe,QAAQ,CAAA"}

package/dist/esm/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/esm/Components/Sections/Form/Vouchers/index.js

@@ -0,0 +1,3 @@
+import Vouchers from './Vouchers';
+export default Vouchers;
+//# sourceMappingURL=index.js.map

package/dist/esm/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,OAAO,QAAQ,MAAM,YAAY,CAAA;AAIjC,eAAe,QAAQ,CAAA"}

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

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

package/dist/esm/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/esm/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;