@mvf/external-components 3.16.1 → 3.16.2-dev.1

package/Components/Molecules/PhoneNumberTextField/IPhoneNumberTextFieldProps.d.ts

@@ -13,10 +13,12 @@ interface IPhoneNumberTextFieldProps {
     label: string;
     onBlur: () => void;
     onChange: (item: IPhoneNumberTextFieldCallbackParams) => void;
+    onCountryChange: (item: IPhoneNumberTextFieldCallbackParams) => void;
     onClick: MouseEventHandler<HTMLInputElement>;
     placeholder?: string;
     value: string;
     isSafari: boolean;
     isAutoFilledActive: boolean;
+    countryCodeIso2: string;
 }
 export default IPhoneNumberTextFieldProps;

package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js

@@ -10,6 +10,29 @@ var __assign = (this && this.__assign) || function () {
     };
     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 __rest = (this && this.__rest) || function (s, e) {
     var t = {};
     for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
@@ -31,50 +54,55 @@ var FormControl_1 = __importDefault(require("@mui/material/FormControl"));
 var FormHelperText_1 = __importDefault(require("@mui/material/FormHelperText"));
 var intl_tel_input_1 = __importDefault(require("intl-tel-input"));
 var react_1 = require("react");
-var Input_1 = __importDefault(require("../../../Components/Atoms/Input"));
-var InputLabel_1 = __importDefault(require("../../../Components/Atoms/InputLabel"));
+var Input_1 = __importDefault(require("../../Atoms/Input/Input"));
+var InputLabel_1 = __importDefault(require("../../Atoms/InputLabel/InputLabel"));
 var defaultProps_1 = __importDefault(require("./defaultProps"));
 var makeFormControlPhoneNumberStyling_1 = __importDefault(require("./makeFormControlPhoneNumberStyling"));
-var makeFormControlStyles_1 = __importDefault(require("../../../Components/Atoms/FormControl/makeFormControlStyles"));
-var setUserAgent = function (userAgent) {
-    Object.defineProperty(navigator, 'userAgent', {
-        get: function () {
-            return userAgent; // customized user agent
-        },
-        configurable: true,
-    });
-};
-var getInput = function (id) {
-    return document.querySelector("#".concat(id));
-};
-var initIntlTelInput = function (input) {
-    // Keep the initial userAgent
-    var initialUserAgent = navigator.userAgent;
-    // Set mobile layout in userAgent
-    setUserAgent('iPhone');
-    // Init plugin
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-call
-    (0, intl_tel_input_1.default)(input, {
-        utilsScript: 'https://cdnjs.cloudflare.com/ajax/libs/intl-tel-input/17.0.13/js/utils.min.js',
-    });
-    // Restore the initial userAgent
-    setUserAgent(initialUserAgent);
-};
+var makeFormControlStyles_1 = __importDefault(require("../../Atoms/FormControl/makeFormControlStyles"));
 var PhoneNumberTextField = function (_a) {
-    var errorMessage = _a.errorMessage, id = _a.id, isAnswered = _a.isAnswered, onChange = _a.onChange, value = _a.value, label = _a.label, isSafari = _a.isSafari, isAutoFilledActive = _a.isAutoFilledActive, props = __rest(_a, ["errorMessage", "id", "isAnswered", "onChange", "value", "label", "isSafari", "isAutoFilledActive"]);
+    var errorMessage = _a.errorMessage, id = _a.id, isAnswered = _a.isAnswered, onChange = _a.onChange, onCountryChange = _a.onCountryChange, value = _a.value, label = _a.label, isSafari = _a.isSafari, isAutoFilledActive = _a.isAutoFilledActive, _b = _a.countryCodeIso2, countryCodeIso2 = _b === void 0 ? 'us' : _b, props = __rest(_a, ["errorMessage", "id", "isAnswered", "onChange", "onCountryChange", "value", "label", "isSafari", "isAutoFilledActive", "countryCodeIso2"]);
+    var inputRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(function () {
-        var input = getInput(id);
-        initIntlTelInput(input);
+        var input = inputRef.current;
+        if (!input)
+            return;
+        var options = {
+            allowDropdown: true,
+            separateDialCode: false,
+            showFlags: true,
+            searchInput: true,
+            showDialCodeInSelection: true,
+            countryOrder: ['us', 'gb'],
+            separateDialCodeInDropdown: true,
+            nationalMode: false, // ensure placeholder is shown
+            customContainer: 'iti iti--container iti--fullscreen-popup hide-search',
+            useFullscreenPopup: true,
+            initialCountry: countryCodeIso2,
+            loadUtils: function () { return Promise.resolve().then(function () { return __importStar(require('intl-tel-input/build/js/utils')); }); },
+        };
+        var iti = (0, intl_tel_input_1.default)(input, options);
         input.addEventListener('countrychange', function (e) {
+            var countryData = iti === null || iti === void 0 ? void 0 : iti.getSelectedCountryData();
+            if (countryData === null || countryData === void 0 ? void 0 : countryData.iso2) {
+                onCountryChange({
+                    id: id,
+                    value: countryData.iso2,
+                });
+            }
             // eslint-disable-next-line @typescript-eslint/ban-ts-comment
             // @ts-ignore
             onChange({ id: id, value: e.target.value });
         });
+        return function () {
+            if (iti && iti.destroy) {
+                iti.destroy();
+            }
+        };
     }, []);
     return ((0, jsx_runtime_1.jsxs)(FormControl_1.default, { variant: "standard", error: !!errorMessage, fullWidth: true, css: [
             (0, makeFormControlPhoneNumberStyling_1.default)({ isAnswered: isAnswered }),
             (0, makeFormControlStyles_1.default)({ isAutoFilledActive: isAutoFilledActive, isSafari: isSafari }),
-        ], children: [label && ((0, jsx_runtime_1.jsx)(InputLabel_1.default, { isAnswered: isAnswered, htmlFor: id, shrink: true, children: label })), (0, jsx_runtime_1.jsx)(Input_1.default, __assign({ error: !!errorMessage, id: id, onChange: onChange, isAnswered: isAnswered, value: value, isSafari: isSafari, isAutoFilledActive: isAutoFilledActive }, props)), errorMessage && (0, jsx_runtime_1.jsx)(FormHelperText_1.default, { children: errorMessage })] }));
+        ], children: [label && ((0, jsx_runtime_1.jsx)(InputLabel_1.default, { isAnswered: isAnswered, htmlFor: id, shrink: true, children: label })), (0, jsx_runtime_1.jsx)(Input_1.default, __assign({ error: !!errorMessage, id: id, onChange: onChange, isAnswered: isAnswered, value: value, isSafari: isSafari, isAutoFilledActive: isAutoFilledActive, inputRef: inputRef }, props)), errorMessage && (0, jsx_runtime_1.jsx)(FormHelperText_1.default, { children: errorMessage })] }));
 };
 PhoneNumberTextField.defaultProps = defaultProps_1.default;
 exports.default = PhoneNumberTextField;

package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneNumberTextField.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,0EAAoD;AACpD,gFAA0D;AAC1D,kEAA0C;AAC1C,+BAAkC;AAClC,0EAAoD;AACpD,oFAA8D;AAG9D,gEAA0C;AAC1C,0GAAoF;AACpF,sHAAgG;AAQhG,IAAM,YAAY,GAAG,UAAC,SAAiB;IACrC,MAAM,CAAC,cAAc,CAAC,SAAS,EAAE,WAAW,EAAE;QAC5C,GAAG;YACD,OAAO,SAAS,CAAC,CAAC,wBAAwB;QAC5C,CAAC;QACD,YAAY,EAAE,IAAI;KACnB,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,IAAM,QAAQ,GAAG,UAAC,EAAU;IAC1B,OAAO,QAAQ,CAAC,aAAa,CAAC,WAAI,EAAE,CAAE,CAAqB,CAAC;AAC9D,CAAC,CAAC;AAEF,IAAM,gBAAgB,GAAG,UAAC,KAAc;IACtC,6BAA6B;IAC7B,IAAM,gBAAgB,GAAG,SAAS,CAAC,SAAS,CAAC;IAE7C,iCAAiC;IACjC,YAAY,CAAC,QAAQ,CAAC,CAAC;IAEvB,cAAc;IACd,6DAA6D;IAC7D,IAAA,wBAAY,EAAC,KAAK,EAAE;QAClB,WAAW,EACT,+EAA+E;KAClF,CAAC,CAAC;IAEH,gCAAgC;IAChC,YAAY,CAAC,gBAAgB,CAAC,CAAC;AACjC,CAAC,CAAC;AAEF,IAAM,oBAAoB,GAA6B,UAAC,EAUvD;IATC,IAAA,YAAY,kBAAA,EACZ,EAAE,QAAA,EACF,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,kBAAkB,wBAAA,EACf,KAAK,cAT8C,oGAUvD,CADS;IAER,IAAA,iBAAS,EAAC;QACR,IAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;QAC3B,gBAAgB,CAAC,KAAK,CAAC,CAAC;QAExB,KAAK,CAAC,gBAAgB,CAAC,eAAe,EAAE,UAAC,CAAC;YACxC,6DAA6D;YAC7D,aAAa;YACb,QAAQ,CAAC,EAAE,EAAE,IAAA,EAAE,KAAK,EAAE,CAAC,CAAC,MAAM,CAAC,KAAgB,EAAE,CAAC,CAAC;QACrD,CAAC,CAAC,CAAC;IACL,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,wBAAC,qBAAW,IACV,OAAO,EAAC,UAAU,EAClB,KAAK,EAAE,CAAC,CAAC,YAAY,EACrB,SAAS,EAAE,IAAI,EACf,GAAG,EAAE;YACH,IAAA,2CAAiC,EAAC,EAAE,UAAU,YAAA,EAAE,CAAC;YACjD,IAAA,+BAAqB,EAAC,EAAE,kBAAkB,oBAAA,EAAE,QAAQ,UAAA,EAAE,CAAC;SACxD,aAEA,KAAK,IAAI,CACR,uBAAC,oBAAU,IAAC,UAAU,EAAE,UAAU,EAAE,OAAO,EAAE,EAAE,EAAE,MAAM,kBACpD,KAAK,GACK,CACd,EACD,uBAAC,eAAK,aACJ,KAAK,EAAE,CAAC,CAAC,YAAY,EACrB,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,IAClC,KAAK,EACT,EACD,YAAY,IAAI,uBAAC,wBAAc,cAAE,YAAY,GAAkB,IACpD,CACf,CAAC;AACJ,CAAC,CAAC;AAEF,oBAAoB,CAAC,YAAY,GAAG,sBAAY,CAAC;AAEjD,kBAAe,oBAAoB,CAAC"}
+{"version":3,"file":"PhoneNumberTextField.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.tsx"],"names":[],"mappings":"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"}

package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.d.ts

@@ -10,6 +10,7 @@ type StoryType = React.FunctionComponent<{
     parentContainerMaxWidth: number;
     isSafari: boolean;
     isAutoFilledActive: boolean;
+    countryCodeIso2: string;
 }>;
 declare const PhoneNumberTextFieldStory: StoryType;
 export default PhoneNumberTextFieldStory;

package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.js

@@ -7,26 +7,19 @@ var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 var addon_actions_1 = require("@storybook/addon-actions");
 require("intl-tel-input/build/css/intlTelInput.css");
 var PhoneNumberTextField_1 = __importDefault(require("./PhoneNumberTextField"));
-var getInput = function (id) {
-    return document.querySelector("#".concat(id));
-};
-var getCountryCode = function (id) {
-    var input = getInput(id);
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-unsafe-assignment
-    var iti = window.intlTelInputGlobals.getInstance(input);
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-call,@typescript-eslint/no-unsafe-member-access,@typescript-eslint/no-unsafe-assignment
-    var iso2 = iti.getSelectedCountryData().iso2;
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-return
-    return iso2;
-};
-var handleChange = function (_a) {
-    var id = _a.id, value = _a.value;
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-    (0, addon_actions_1.action)('Input Change')({ phone: value, countryCode: getCountryCode(id) });
-};
 var PhoneNumberTextFieldStory = function (_a) {
     var disabled = _a.disabled, errorMessage = _a.errorMessage, type = _a.type, isAnswered = _a.isAnswered, label = _a.label, placeholder = _a.placeholder, parentContainerMaxWidth = _a.parentContainerMaxWidth, isSafari = _a.isSafari, isAutoFilledActive = _a.isAutoFilledActive;
-    return ((0, jsx_runtime_1.jsx)("div", { style: { maxWidth: parentContainerMaxWidth }, children: (0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { disabled: disabled, errorMessage: errorMessage, onChange: handleChange, type: type, id: "id", isAnswered: isAnswered, label: label, placeholder: placeholder, isSafari: isSafari, isAutoFilledActive: isAutoFilledActive }) }));
+    var countryCodeIso2 = 'us';
+    var handleCountryChange = function (_a) {
+        var id = _a.id, value = _a.value;
+        countryCodeIso2 = value;
+        (0, addon_actions_1.action)('Country Change')({ id: id, phone: value });
+    };
+    var handleChange = function (_a) {
+        var id = _a.id, value = _a.value;
+        (0, addon_actions_1.action)('Input Change')({ id: id, phone: value });
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { style: { maxWidth: parentContainerMaxWidth }, children: (0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { disabled: disabled, errorMessage: errorMessage, onChange: handleChange, onCountryChange: handleCountryChange, type: type, id: "id", isAnswered: isAnswered, label: label, placeholder: placeholder, isSafari: isSafari, isAutoFilledActive: isAutoFilledActive, countryCodeIso2: countryCodeIso2 }) }));
 };
 exports.default = PhoneNumberTextFieldStory;
 //# sourceMappingURL=PhoneNumberTextFieldStory.js.map

package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.js.map

@@ -1 +1 @@
-{"version":3,"file":"PhoneNumberTextFieldStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAkD;AAClD,qDAAmD;AAGnD,gFAA0D;AAc1D,IAAM,QAAQ,GAAG,UAAC,EAAU;IAC1B,OAAO,QAAQ,CAAC,aAAa,CAAC,WAAI,EAAE,CAAE,CAAqB,CAAC;AAC9D,CAAC,CAAC;AAEF,IAAM,cAAc,GAAG,UAAC,EAAU;IAChC,IAAM,KAAK,GAAG,QAAQ,CAAC,EAAE,CAAC,CAAC;IAC3B,gJAAgJ;IAChJ,IAAM,GAAG,GAAG,MAAM,CAAC,mBAAmB,CAAC,WAAW,CAAC,KAAK,CAAC,CAAC;IAC1D,gJAAgJ;IACxI,IAAA,IAAI,GAAK,GAAG,CAAC,sBAAsB,EAAE,KAAjC,CAAkC;IAC9C,+DAA+D;IAC/D,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,IAAM,YAAY,GAAG,UAAC,EAAkD;QAAhD,EAAE,QAAA,EAAE,KAAK,WAAA;IAC/B,mEAAmE;IACnE,IAAA,sBAAM,EAAC,cAAc,CAAC,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,WAAW,EAAE,cAAc,CAAC,EAAE,CAAC,EAAE,CAAC,CAAC;AAC5E,CAAC,CAAC;AAEF,IAAM,yBAAyB,GAAc,UAAC,EAU7C;QATC,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,uBAAuB,6BAAA,EACvB,QAAQ,cAAA,EACR,kBAAkB,wBAAA;IAElB,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,uBAAuB,EAAE,YAC/C,uBAAC,8BAAoB,IACnB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAE,IAAI,EACV,EAAE,EAAC,IAAI,EACP,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,GACtC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,yBAAyB,CAAC"}
+{"version":3,"file":"PhoneNumberTextFieldStory.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/PhoneNumberTextFieldStory.tsx"],"names":[],"mappings":";;;;;;AAAA,0DAAkD;AAClD,qDAAmD;AAGnD,gFAA0D;AAe1D,IAAM,yBAAyB,GAAc,UAAC,EAU7C;QATC,QAAQ,cAAA,EACR,YAAY,kBAAA,EACZ,IAAI,UAAA,EACJ,UAAU,gBAAA,EACV,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,uBAAuB,6BAAA,EACvB,QAAQ,cAAA,EACR,kBAAkB,wBAAA;IAElB,IAAI,eAAe,GAAG,IAAI,CAAC;IAE3B,IAAM,mBAAmB,GAAG,UAAC,EAGS;YAFpC,EAAE,QAAA,EACF,KAAK,WAAA;QAEL,eAAe,GAAG,KAAK,CAAC;QACxB,IAAA,sBAAM,EAAC,gBAAgB,CAAC,CAAC,EAAE,EAAE,IAAA,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;IACjD,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,EAAkD;YAAhD,EAAE,QAAA,EAAE,KAAK,WAAA;QAC/B,IAAA,sBAAM,EAAC,cAAc,CAAC,CAAC,EAAE,EAAE,IAAA,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;IAC/C,CAAC,CAAC;IAEF,OAAO,CACL,gCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,uBAAuB,EAAE,YAC/C,uBAAC,8BAAoB,IACnB,QAAQ,EAAE,QAAQ,EAClB,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,YAAY,EACtB,eAAe,EAAE,mBAAmB,EACpC,IAAI,EAAE,IAAI,EACV,EAAE,EAAC,IAAI,EACP,UAAU,EAAE,UAAU,EACtB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,EAClB,kBAAkB,EAAE,kBAAkB,EACtC,eAAe,EAAE,eAAe,GAChC,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,yBAAyB,CAAC"}

package/Components/Molecules/PhoneNumberTextField/__tests__/PhoneNumberTextField.test.js

@@ -0,0 +1,215 @@
+"use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+/* eslint-disable @typescript-eslint/no-unsafe-return */
+/* eslint-disable @typescript-eslint/no-unsafe-call */
+/* eslint-disable @typescript-eslint/no-unsafe-member-access */
+/* eslint-disable @typescript-eslint/no-unsafe-assignment */
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
+var react_1 = require("@testing-library/react");
+var renderWithProviders_1 = __importDefault(require("../../../../Helpers/React/renderWithProviders"));
+var PhoneNumberTextField_1 = __importDefault(require("../PhoneNumberTextField"));
+// Mock the main package
+jest.mock('intl-tel-input', function () {
+    var instances = new Set();
+    var mockIti = {
+        getNumber: jest.fn(function () { return '+1234567890'; }),
+        getNumberType: jest.fn(function () { return 1; }),
+        getSelectedCountryData: jest.fn(function () { return ({
+            name: 'United States',
+            iso2: 'us',
+            dialCode: '1',
+        }); }),
+        isValidNumber: jest.fn(function () { return true; }),
+        setCountry: jest.fn(),
+        setNumber: jest.fn(),
+        destroy: jest.fn(function () {
+            instances.delete(this);
+        }),
+    };
+    // This is the constructor function that gets called with 'new'
+    var constructor = jest.fn(function (input, options) {
+        var _a;
+        // Create the flag container structure
+        var container = document.createElement('div');
+        container.className = 'iti iti--container';
+        var flagContainer = document.createElement('div');
+        flagContainer.className = 'iti__flag-container';
+        var selectedFlag = document.createElement('div');
+        // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
+        selectedFlag.className = "iti__selected-flag iti__".concat(options.initialCountry);
+        selectedFlag.setAttribute('role', 'button');
+        selectedFlag.setAttribute('aria-label', 'Select country');
+        var flag = document.createElement('div');
+        // eslint-disable-next-line @typescript-eslint/restrict-template-expressions
+        flag.className = "iti__flag iti__".concat(options.initialCountry);
+        selectedFlag.appendChild(flag);
+        flagContainer.appendChild(selectedFlag);
+        container.appendChild(flagContainer);
+        // Insert the container before the input
+        (_a = input.parentNode) === null || _a === void 0 ? void 0 : _a.insertBefore(container, input);
+        // Format the input value whenever it changes
+        var originalAddEventListener = input.addEventListener.bind(input);
+        input.addEventListener = jest.fn(function (event, handler) {
+            if (event === 'input' || event === 'change') {
+                var originalHandler_1 = handler;
+                handler = function (e) {
+                    var target = e.target;
+                    var value = target.value;
+                    if (value.length === 10) {
+                        target.value = "(".concat(value.slice(0, 3), ") ").concat(value.slice(3, 6), "-").concat(value.slice(6));
+                    }
+                    originalHandler_1(e);
+                };
+            }
+            return originalAddEventListener(event, handler);
+        });
+        // Add click handler to flag
+        selectedFlag.addEventListener('click', function () {
+            // Simulate country change
+            mockIti.getSelectedCountryData.mockReturnValue({
+                name: 'United Kingdom',
+                iso2: 'gb',
+                dialCode: '44',
+            });
+            var countryChangeEvent = new Event('countrychange');
+            input.dispatchEvent(countryChangeEvent);
+        });
+        // Create a new instance with its own container reference
+        var instance = __assign(__assign({}, mockIti), { container: container, destroy: function () {
+                container.remove();
+                input.removeEventListener = originalAddEventListener;
+                instances.delete(this);
+            } });
+        instances.add(instance);
+        return instance;
+    });
+    return constructor;
+});
+// Mock utils
+jest.mock('intl-tel-input/build/js/utils', function () { return ({
+    __esModule: true,
+    default: {
+        formatNumber: function (number) {
+            if (number.length === 10) {
+                return "(".concat(number.slice(0, 3), ") ").concat(number.slice(3, 6), "-").concat(number.slice(6));
+            }
+            return number;
+        },
+        numberType: {
+            FIXED_LINE: 0,
+            MOBILE: 1,
+            FIXED_LINE_OR_MOBILE: 2,
+            TOLL_FREE: 3,
+            PREMIUM_RATE: 4,
+            SHARED_COST: 5,
+            VOIP: 6,
+            PERSONAL_NUMBER: 7,
+            PAGER: 8,
+            UAN: 9,
+            VOICEMAIL: 10,
+            UNKNOWN: -1,
+        },
+        getNumberType: function () { return 1; },
+        isValidNumber: function () { return true; },
+        getValidationError: function () { return null; },
+        getExampleNumber: function () { return '123 1233 1234'; },
+    },
+}); });
+describe('PhoneNumberTextField', function () {
+    var mockOnCountryChange = jest.fn();
+    var mockGetNumber = jest.fn(function () { return '+1234567890'; });
+    var mockIsValidNumber = jest.fn(function () { return true; });
+    beforeEach(function () {
+        mockOnCountryChange.mockClear();
+        mockGetNumber.mockClear();
+        mockIsValidNumber.mockClear();
+        jest.clearAllMocks();
+    });
+    afterEach(function () {
+        jest.resetAllMocks();
+    });
+    it('should display PhoneNumberTextField Component', function () {
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Question", id: "phone-input", onCountryChange: mockOnCountryChange, countryCodeIso2: "us" })).getByText;
+        expect(getByText('Question')).toBeTruthy();
+    });
+    it('should be able to input values', function () {
+        var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Zipcode", id: "phone-input", onCountryChange: mockOnCountryChange, countryCodeIso2: "us" })).getByRole;
+        user_event_1.default.type(getByRole('textbox'), '90210');
+        expect(getByRole('textbox')).toHaveValue('90210');
+    });
+    it('should have an input type of tel by default', function () {
+        var _a;
+        var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", onCountryChange: mockOnCountryChange, countryCodeIso2: "us" })).container;
+        expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('tel');
+    });
+    it('should pass text input type through', function () {
+        var _a;
+        var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone?", id: "phone-input", type: "text", onCountryChange: mockOnCountryChange, countryCodeIso2: "us" })).container;
+        expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('text');
+    });
+    it('should display validity icon on error', function () {
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", errorMessage: "test error message", onCountryChange: mockOnCountryChange, countryCodeIso2: "us" })).getByTestId;
+        expect(getByTestId('endAdornment-invalid')).toBeTruthy();
+    });
+    it('should display validity icon on validation success', function () {
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", isAnswered: true, onCountryChange: mockOnCountryChange, countryCodeIso2: "us" })).getByTestId;
+        expect(getByTestId('endAdornment-valid')).toBeTruthy();
+    });
+    it('should display error icon on validation success and error message', function () {
+        var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", isAnswered: true, errorMessage: "test error message", onCountryChange: mockOnCountryChange, countryCodeIso2: "us" })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
+        expect(getByTestId('endAdornment-invalid')).toBeTruthy();
+        expect(queryByTestId('endAdornment-valid')).not.toBeTruthy();
+    });
+    it('should call onChange with the input value', function () {
+        var mockOnChange = jest.fn();
+        var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", onCountryChange: mockOnCountryChange, countryCodeIso2: "us", onChange: mockOnChange })).getByRole;
+        // Update the mock implementation to capture the formatted value
+        var input = getByRole('textbox');
+        react_1.fireEvent.change(input, { target: { value: '1234567890' } });
+        // The mock intl-tel-input will format the number, so we should expect the formatted value
+        expect(mockOnChange).toHaveBeenCalledWith({
+            id: 'phone-input',
+            value: '1234567890',
+        });
+    });
+    it('should call onCountryChange when country is changed', function () {
+        var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", onCountryChange: mockOnCountryChange, countryCodeIso2: "us" })).container;
+        // Find and click the country selector
+        var countrySelector = container.querySelector('.iti__selected-flag');
+        if (countrySelector) {
+            react_1.fireEvent.click(countrySelector);
+            expect(mockOnCountryChange).toHaveBeenCalledWith({
+                id: 'phone-input',
+                value: 'gb',
+            });
+        }
+    });
+    it('should handle invalid phone numbers', function () {
+        var _a;
+        // Mock isValidNumber to return false for this test
+        var originalIsValidNumber = (_a = jest.requireMock('intl-tel-input').mock.instances[0]) === null || _a === void 0 ? void 0 : _a.isValidNumber;
+        if (originalIsValidNumber) {
+            originalIsValidNumber.mockImplementationOnce(function () { return false; });
+        }
+        var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", onCountryChange: mockOnCountryChange, countryCodeIso2: "us" })).getByRole;
+        var input = getByRole('textbox');
+        react_1.fireEvent.change(input, { target: { value: 'invalid' } });
+        expect(input).toHaveValue('invalid');
+    });
+});
+//# sourceMappingURL=PhoneNumberTextField.test.js.map

package/Components/Molecules/PhoneNumberTextField/__tests__/PhoneNumberTextField.test.js.map

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

package/Components/Molecules/PhoneNumberTextField/makeFormControlPhoneNumberStyling.js

@@ -26,25 +26,25 @@ var makeFormControlPhoneNumberStyling = function (_a) {
             width: 'calc(100% - 71px)',
             paddingLeft: '1.2rem !important',
         },
-        '& .iti__flag-container': __assign({ borderRight: "".concat(theme.mvf.border.width.thin, "px solid ").concat(theme.mvf.palette.component.answerUnselectedColor), '& .iti__selected-flag': {
-                paddingLeft: theme.mvf.spacing.smedium,
-                paddingRight: theme.mvf.spacing.smedium,
+        '& .iti__country-container': __assign({ borderRight: "".concat(theme.mvf.border.width.thin, "px solid ").concat(theme.mvf.palette.component.answerUnselectedColor), '& .iti__selected-country': {
+                paddingLeft: theme.mvf.spacing.petite,
+                paddingRight: theme.mvf.spacing.petite,
             } }, (isAnswered && {
             borderRight: "".concat(theme.mvf.border.width.thin, "px solid ").concat(theme.mvf.palette.component.answerSelectedColor),
         })),
-        '& .Mui-error .iti__flag-container': {
+        '& .Mui-error .iti__country-container': {
             borderRight: "".concat(theme.mvf.border.width.thin, "px solid ").concat(theme.mvf.palette.status.error),
         },
-        '&:hover .Mui-error .iti__flag-container': {
+        '&:hover .Mui-error .iti__country-container': {
             borderRight: "".concat(theme.mvf.border.width.thin, "px solid ").concat(theme.mvf.palette.status.error),
         },
-        '& .Mui-focused .iti__flag-container': {
+        '& .Mui-focused .iti__country-container': {
             borderColor: theme.mvf.palette.component.answerSelectedColor,
         },
-        '&:hover .iti__flag-container': {
+        '&:hover .iti__country-container': {
             borderColor: theme.mvf.palette.component.answerSelectedColor,
         },
-        '& .iti--allow-dropdown .iti__flag-container:hover .iti__selected-flag': {
+        '& .iti--allow-dropdown .iti__country-container:hover .iti__selected-country': {
             backgroundColor: (0, material_1.lighten)(theme.mvf.palette.component.answerSelectedColor, theme.mvf.filters.lighten.extreme),
         },
         '& .MuiInputBase-root.MuiInputBase-formControl': {
@@ -54,6 +54,18 @@ var makeFormControlPhoneNumberStyling = function (_a) {
             width: '100%',
             position: 'unset',
         },
+        '& #iti-0__dropdown-content.iti__dropdown-content .iti__search-input': {
+            display: 'none',
+        },
+        '& .iti__dropdown-content.iti--flexible-dropdown-width .iti__search-input': {
+            display: 'none',
+        },
+        '& .iti__search-input': {
+            display: 'none !important',
+        },
+        '.iti--hide-search .iti__search-input': {
+            display: 'none !important',
+        },
     });
 };
 exports.default = makeFormControlPhoneNumberStyling;

package/Components/Molecules/PhoneNumberTextField/makeFormControlPhoneNumberStyling.js.map

@@ -1 +1 @@
-{"version":3,"file":"makeFormControlPhoneNumberStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/makeFormControlPhoneNumberStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA+C;AAC/C,0CAAwC;AAMxC,IAAM,iCAAiC,GAAG,UAAC,EAED;QADxC,UAAU,gBAAA;IAEV,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,OAAO,IAAA,WAAG,EAAC;QACT,KAAK,EAAE,MAAM;QACb,yBAAyB,EAAE;YACzB,UAAU,EAAE,EAAE;SACf;QACD,4BAA4B,EAAE;YAC5B,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,mBAAmB;YAC1B,WAAW,EAAE,mBAAmB;SACjC;QACD,wBAAwB,aACtB,WAAW,EAAE,UAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,sBAAY,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,qBAAqB,CAAE,EAC1G,uBAAuB,EAAE;gBACvB,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO;gBACtC,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO;aACxC,IACE,CAAC,UAAU,IAAI;YAChB,WAAW,EAAE,UAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,sBAAY,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB,CAAE;SACzG,CAAC,CACH;QACD,mCAAmC,EAAE;YACnC,WAAW,EAAE,UAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,sBAAY,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAE;SACxF;QACD,yCAAyC,EAAE;YACzC,WAAW,EAAE,UAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,sBAAY,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAE;SACxF;QACD,qCAAqC,EAAE;YACrC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;SAC7D;QACD,8BAA8B,EAAE;YAC9B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;SAC7D;QACD,uEAAuE,EAAE;YACvE,eAAe,EAAE,IAAA,kBAAO,EACtB,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB,EAC/C,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAClC;SACF;QACD,+CAA+C,EAAE;YAC/C,KAAK,EAAE,MAAM;SACd;QACD,wBAAwB,EAAE;YACxB,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,OAAO;SAClB;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,iCAAiC,CAAC"}
+{"version":3,"file":"makeFormControlPhoneNumberStyling.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/makeFormControlPhoneNumberStyling.ts"],"names":[],"mappings":";;;;;;;;;;;;;AAAA,wCAA+C;AAC/C,0CAAwC;AAMxC,IAAM,iCAAiC,GAAG,UAAC,EAED;QADxC,UAAU,gBAAA;IAEV,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IACzB,OAAO,IAAA,WAAG,EAAC;QACT,KAAK,EAAE,MAAM;QACb,yBAAyB,EAAE;YACzB,UAAU,EAAE,EAAE;SACf;QACD,4BAA4B,EAAE;YAC5B,IAAI,EAAE,EAAE;YACR,KAAK,EAAE,mBAAmB;YAC1B,WAAW,EAAE,mBAAmB;SACjC;QACD,2BAA2B,aACzB,WAAW,EAAE,UAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,sBAAY,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,qBAAqB,CAAE,EAC1G,0BAA0B,EAAE;gBAC1B,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;gBACrC,YAAY,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM;aACvC,IACE,CAAC,UAAU,IAAI;YAChB,WAAW,EAAE,UAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,sBAAY,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB,CAAE;SACzG,CAAC,CACH;QACD,sCAAsC,EAAE;YACtC,WAAW,EAAE,UAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,sBAAY,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAE;SACxF;QACD,4CAA4C,EAAE;YAC5C,WAAW,EAAE,UAAG,KAAK,CAAC,GAAG,CAAC,MAAM,CAAC,KAAK,CAAC,IAAI,sBAAY,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,MAAM,CAAC,KAAK,CAAE;SACxF;QACD,wCAAwC,EAAE;YACxC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;SAC7D;QACD,iCAAiC,EAAE;YACjC,WAAW,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB;SAC7D;QACD,6EAA6E,EAC3E;YACE,eAAe,EAAE,IAAA,kBAAO,EACtB,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,SAAS,CAAC,mBAAmB,EAC/C,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,OAAO,CAAC,OAAO,CAClC;SACF;QACH,+CAA+C,EAAE;YAC/C,KAAK,EAAE,MAAM;SACd;QACD,wBAAwB,EAAE;YACxB,KAAK,EAAE,MAAM;YACb,QAAQ,EAAE,OAAO;SAClB;QACD,qEAAqE,EAAE;YACrE,OAAO,EAAE,MAAM;SAChB;QACD,0EAA0E,EACxE;YACE,OAAO,EAAE,MAAM;SAChB;QACH,sBAAsB,EAAE;YACtB,OAAO,EAAE,iBAAiB;SAC3B;QACD,sCAAsC,EAAE;YACtC,OAAO,EAAE,iBAAiB;SAC3B;KACF,CAAC,CAAC;AACL,CAAC,CAAC;AAEF,kBAAe,iCAAiC,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mvf/external-components",
-  "version": "3.16.1",
+  "version": "3.16.2-dev.1",
   "license": "UNLICENSED",
   "scripts": {
     "dev": "scripts/up.sh",
@@ -12,7 +12,10 @@
     "lint:fix": "npm run lint -- --fix"
   },
   "devDependencies": {
-    "@babel/core": "^7.22.0",
+    "@babel/core": "^7.26.9",
+    "@babel/preset-env": "^7.26.9",
+    "@babel/preset-react": "^7.26.3",
+    "@babel/preset-typescript": "^7.26.0",
     "@mui/codemod": "^5.14.11",
     "@mvf/eslint-config-mvf-typescript-react": "^1.0.2",
     "@storybook/addon-actions": "^6.5.16",
@@ -25,14 +28,14 @@
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.0.0",
     "@testing-library/user-event": "^13.2.1",
-    "@types/intl-tel-input": "^17.0.4",
-    "@types/jest": "^29.5.11",
+    "@types/jest": "^27.0.4",
     "@types/lodash": "^4.14.171",
     "@types/node": "^16.4.5",
     "@types/react": "^17.0.15",
     "@types/react-dom": "^17.0.9",
     "@typescript-eslint/eslint-plugin": "^5.29.0",
     "@typescript-eslint/parser": "^5.0.0",
+    "babel-jest": "^29.7.0",
     "babel-loader": "^8.3.0",
     "eslint": "^8.18.0",
     "eslint-config-airbnb-typescript": "^17.0.0",
@@ -60,7 +63,7 @@
     "@mui/styles": "^5.14.11",
     "@mui/x-date-pickers": "^6.16.2",
     "date-fns": "^2.29.3",
-    "intl-tel-input": "^17.0.16",
+    "intl-tel-input": "25.3.0",
     "lodash": "^4.17.21",
     "react": "^17.0.2",
     "react-dom": "^17.0.2"

package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.js

@@ -1,44 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var user_event_1 = __importDefault(require("@testing-library/user-event"));
-var renderWithProviders_1 = __importDefault(require("../../../Helpers/React/renderWithProviders"));
-var PhoneNumberTextField_1 = __importDefault(require("./PhoneNumberTextField"));
-describe('PhoneNumberTextField', function () {
-    it('should display PhoneNumberTextField Component', function () {
-        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Question", id: "phone-input" })).getByText;
-        expect(getByText('Question')).toBeTruthy();
-    });
-    it('should be able to input values', function () {
-        var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Zipcode", id: "phone-input" })).getByRole;
-        user_event_1.default.type(getByRole('textbox'), '90210');
-        expect(getByRole('textbox')).toHaveValue('90210');
-    });
-    it('should have an input type of tel by default', function () {
-        var _a;
-        var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input" })).container;
-        expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('tel');
-    });
-    it('should pass text input type through', function () {
-        var _a;
-        var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone?", id: "phone-input", type: "text" })).container;
-        expect((_a = container.querySelector('input')) === null || _a === void 0 ? void 0 : _a.type).toEqual('text');
-    });
-    it('should display validity icon on error', function () {
-        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", errorMessage: "test error message" })).getByTestId;
-        expect(getByTestId('endAdornment-invalid')).toBeTruthy();
-    });
-    it('should display validity icon on validation success', function () {
-        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", isAnswered: true })).getByTestId;
-        expect(getByTestId('endAdornment-valid')).toBeTruthy();
-    });
-    it('should display error icon on validation success and error message', function () {
-        var _a = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", isAnswered: true, errorMessage: "test error message" })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
-        expect(getByTestId('endAdornment-invalid')).toBeTruthy();
-        expect(queryByTestId('endAdornment-valid')).not.toBeTruthy();
-    });
-});
-//# sourceMappingURL=PhoneNumberTextField.test.js.map

package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.test.js.map

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