@mvf/external-components 3.17.0 → 3.18.1-dev.0

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,80 @@ 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, experimentName = _a.experimentName, props = __rest(_a, ["errorMessage", "id", "isAnswered", "onChange", "value", "label", "isSafari", "isAutoFilledActive", "experimentName"]);
+    var errorMessage = _a.errorMessage, id = _a.id, isAnswered = _a.isAnswered, onChange = _a.onChange, onBlur = _a.onBlur, onCountryChange = _a.onCountryChange, onValidationChange = _a.onValidationChange, value = _a.value, label = _a.label, isSafari = _a.isSafari, isAutoFilledActive = _a.isAutoFilledActive, experimentName = _a.experimentName, _b = _a.countryCodeIso2, countryCodeIso2 = _b === void 0 ? 'us' : _b, props = __rest(_a, ["errorMessage", "id", "isAnswered", "onChange", "onBlur", "onCountryChange", "onValidationChange", "value", "label", "isSafari", "isAutoFilledActive", "experimentName", "countryCodeIso2"]);
+    var inputRef = (0, react_1.useRef)(null);
+    var itiRef = (0, react_1.useRef)(null);
     (0, react_1.useEffect)(function () {
-        var input = getInput(id);
-        initIntlTelInput(input);
-        input.addEventListener('countrychange', function (e) {
-            // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-            // @ts-ignore
-            onChange({ id: id, value: e.target.value });
-        });
+        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')); }); },
+        };
+        itiRef.current = (0, intl_tel_input_1.default)(input, options);
+        console.log(9999, itiRef.current);
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        var handleCountryChange = function (e) {
+            var _a;
+            var countryData = (_a = itiRef.current) === null || _a === void 0 ? void 0 : _a.getSelectedCountryData();
+            if (countryData === null || countryData === void 0 ? void 0 : countryData.iso2) {
+                onCountryChange({
+                    id: id,
+                    value: countryData.iso2,
+                });
+            }
+        };
+        var handleInput = function (e) {
+            var target = e.target;
+            onChange({ id: id, value: target.value });
+        };
+        input.addEventListener('countrychange', handleCountryChange);
+        input.addEventListener('input', handleInput);
+        return function () {
+            if (itiRef.current && itiRef.current.destroy) {
+                itiRef.current.destroy();
+                itiRef.current = null;
+            }
+            input.removeEventListener('countrychange', handleCountryChange);
+            input.removeEventListener('input', handleInput);
+        };
     }, []);
-    return ((0, jsx_runtime_1.jsxs)(FormControl_1.default, __assign({ variant: "standard", error: !!errorMessage, fullWidth: true, css: [
+    (0, react_1.useEffect)(function () {
+        var _a, _b;
+        console.log(1111, value, countryCodeIso2, (_a = itiRef.current) === null || _a === void 0 ? void 0 : _a.isValidNumber());
+        if (!itiRef.current || !itiRef.current.isValidNumber)
+            return;
+        var isValid = itiRef.current.isValidNumber();
+        if (onValidationChange && isValid !== null) {
+            onValidationChange({
+                id: id,
+                isValid: isValid,
+                value: ((_b = itiRef.current) === null || _b === void 0 ? void 0 : _b.getNumber()) || '',
+                countryCodeIso2: countryCodeIso2,
+            });
+        }
+    }, [onValidationChange, value, countryCodeIso2]);
+    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, __assign({ isAnswered: isAnswered, htmlFor: id, shrink: true, experimentName: experimentName }, { 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, experimentName: experimentName }, 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, experimentName: experimentName, children: label })), (0, jsx_runtime_1.jsx)(Input_1.default, __assign({ error: !!errorMessage, id: id, onChange: onChange, onBlur: onBlur, isAnswered: isAnswered, value: value, isSafari: isSafari, isAutoFilledActive: isAutoFilledActive, inputRef: inputRef, experimentName: experimentName }, 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,EAWvD;IAVC,IAAA,YAAY,kBAAA,EACZ,EAAE,QAAA,EACF,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,kBAAkB,wBAAA,EAClB,cAAc,oBAAA,EACX,KAAK,cAV8C,sHAWvD,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,aACV,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,iBAEA,KAAK,IAAI,CACR,uBAAC,oBAAU,aACT,UAAU,EAAE,UAAU,EACtB,OAAO,EAAE,EAAE,EACX,MAAM,QACN,cAAc,EAAE,cAAc,gBAE7B,KAAK,IACK,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,EACtC,cAAc,EAAE,cAAc,IAC1B,KAAK,EACT,EACD,YAAY,IAAI,uBAAC,wBAAc,cAAE,YAAY,GAAkB,KACpD,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/PhoneNumberTextField.test.js

@@ -8,35 +8,36 @@ 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 () {
+    var mockOnCountryChange = jest.fn();
     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", experimentName: "default" })).getByText;
+        var getByText = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Question", id: "phone-input", experimentName: "default", 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", experimentName: "default" })).getByRole;
-        user_event_1.default.type(getByRole('textbox'), '90210');
-        expect(getByRole('textbox')).toHaveValue('90210');
+        var getByRole = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Zipcode", id: "phone-input", experimentName: "default", onCountryChange: mockOnCountryChange, countryCodeIso2: "us" })).getByRole;
+        user_event_1.default.type(getByRole('textbox'), '5555551234');
+        expect(getByRole('textbox')).toHaveValue('(555) 555-1234');
     });
     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", experimentName: "default" })).container;
+        var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", experimentName: "default", 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", experimentName: "default" })).container;
+        var container = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone?", id: "phone-input", type: "text", experimentName: "default", 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", experimentName: "default" })).getByTestId;
+        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", experimentName: "default", 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, experimentName: "default" })).getByTestId;
+        var getByTestId = (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { label: "Phone", id: "phone-input", type: "none", isAnswered: true, experimentName: "default", 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", experimentName: "default" })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
+        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", experimentName: "default", onCountryChange: mockOnCountryChange, countryCodeIso2: "us" })), getByTestId = _a.getByTestId, queryByTestId = _a.queryByTestId;
         expect(getByTestId('endAdornment-invalid')).toBeTruthy();
         expect(queryByTestId('endAdornment-valid')).not.toBeTruthy();
     });

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

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

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

@@ -1,6 +1,6 @@
 import 'intl-tel-input/build/css/intlTelInput.css';
 import * as React from 'react';
-declare type StoryType = React.FunctionComponent<{
+type StoryType = React.FunctionComponent<{
     disabled: boolean;
     errorMessage: string;
     isAnswered: boolean;
@@ -10,6 +10,7 @@ declare 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

@@ -1,14 +1,26 @@
 "use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
 };
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
@@ -17,27 +29,30 @@ Object.defineProperty(exports, "__esModule", { value: true });
 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 React = __importStar(require("react"));
 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", __assign({ 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, experimentName: "default" }) })));
+    var _b = React.useState('us'), countryCodeIso2 = _b[0], setCountryCodeIso2 = _b[1];
+    var _c = React.useState(''), inputValue = _c[0], setInputValue = _c[1];
+    var handleCountryChange = function (_a) {
+        var id = _a.id, value = _a.value;
+        setCountryCodeIso2(value);
+        (0, addon_actions_1.action)('Country Change')({ id: id, value: value });
+    };
+    var handleChange = function (_a) {
+        var id = _a.id, value = _a.value;
+        setInputValue(value);
+        (0, addon_actions_1.action)('Input Change')({ id: id, value: value });
+    };
+    var handleValidationChange = function (_a) {
+        var id = _a.id, isValid = _a.isValid;
+        (0, addon_actions_1.action)('Validation Change')({ id: id, isValid: isValid });
+    };
+    var handleBlur = function () {
+        (0, addon_actions_1.action)('Blur')();
+    };
+    return ((0, jsx_runtime_1.jsx)("div", { style: { maxWidth: parentContainerMaxWidth }, children: (0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { disabled: disabled, errorMessage: errorMessage, onBlur: handleBlur, onChange: handleChange, onCountryChange: handleCountryChange, onValidationChange: handleValidationChange, value: inputValue, type: type, id: "id", isAnswered: isAnswered, label: label, placeholder: placeholder, isSafari: isSafari, isAutoFilledActive: isAutoFilledActive, countryCodeIso2: countryCodeIso2, experimentName: "default" }) }));
 };
 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,yCAAK,KAAK,EAAE,EAAE,QAAQ,EAAE,uBAAuB,EAAE,gBAC/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,EACtC,cAAc,EAAC,SAAS,GACxB,IACE,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;AACnD,2CAA+B;AAK/B,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;IAEZ,IAAA,KAAwC,KAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAA3D,eAAe,QAAA,EAAE,kBAAkB,QAAwB,CAAC;IAC7D,IAAA,KAA8B,KAAK,CAAC,QAAQ,CAAC,EAAE,CAAC,EAA/C,UAAU,QAAA,EAAE,aAAa,QAAsB,CAAC;IAEvD,IAAM,mBAAmB,GAAG,UAAC,EAGS;YAFpC,EAAE,QAAA,EACF,KAAK,WAAA;QAEL,kBAAkB,CAAC,KAAK,CAAC,CAAC;QAC1B,IAAA,sBAAM,EAAC,gBAAgB,CAAC,CAAC,EAAE,EAAE,IAAA,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;IAC1C,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,EAAkD;YAAhD,EAAE,QAAA,EAAE,KAAK,WAAA;QAC/B,aAAa,CAAC,KAAK,CAAC,CAAC;QACrB,IAAA,sBAAM,EAAC,cAAc,CAAC,CAAC,EAAE,EAAE,IAAA,EAAE,KAAK,OAAA,EAAE,CAAC,CAAC;IACxC,CAAC,CAAC;IAEF,IAAM,sBAAsB,GAAG,UAAC,EAAsC;YAApC,EAAE,QAAA,EAAE,OAAO,aAAA;QAC3C,IAAA,sBAAM,EAAC,mBAAmB,CAAC,CAAC,EAAE,EAAE,IAAA,EAAE,OAAO,SAAA,EAAE,CAAC,CAAC;IAC/C,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG;QACjB,IAAA,sBAAM,EAAC,MAAM,CAAC,EAAE,CAAC;IACnB,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,MAAM,EAAE,UAAU,EAClB,QAAQ,EAAE,YAAY,EACtB,eAAe,EAAE,mBAAmB,EACpC,kBAAkB,EAAE,sBAAsB,EAC1C,KAAK,EAAE,UAAU,EACjB,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,EAChC,cAAc,EAAC,SAAS,GACxB,GACE,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,yBAAyB,CAAC"}

package/Components/Molecules/PhoneNumberTextField/__tests__/PhoneNumberTextField.test.d.ts

@@ -0,0 +1 @@
+export {};

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", experimentName: "default" })).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", experimentName: "default" })).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", experimentName: "default" })).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", experimentName: "default" })).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", experimentName: "default" })).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", experimentName: "default" })).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", experimentName: "default" })), 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, experimentName: "default" })).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", experimentName: "default" })).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", experimentName: "default" })).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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"}