@mvf/external-components 3.31.0 → 3.31.1-dev.4

package/Components/Molecules/PhoneNumberTextField/CountryModal.js

@@ -0,0 +1,180 @@
+"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");
+/** @jsxImportSource @emotion/react */
+var Modal_1 = __importDefault(require("@mui/material/Modal"));
+var Box_1 = __importDefault(require("@mui/material/Box"));
+var MenuItem_1 = __importDefault(require("@mui/material/MenuItem"));
+var InputBase_1 = __importDefault(require("@mui/material/InputBase"));
+var IconButton_1 = __importDefault(require("@mui/material/IconButton"));
+var Close_1 = __importDefault(require("@mui/icons-material/Close"));
+var Typography_1 = __importDefault(require("@mui/material/Typography"));
+var react_1 = require("react");
+var react_2 = require("@emotion/react");
+var countryData_1 = require("./countryData");
+var CountryModal = function (_a) {
+    var selectedCountry = _a.selectedCountry, onCountryChange = _a.onCountryChange, _b = _a.enableCountrySearch, enableCountrySearch = _b === void 0 ? false : _b, open = _a.open, onClose = _a.onClose;
+    var _c = (0, react_1.useState)(''), searchTerm = _c[0], setSearchTerm = _c[1];
+    var _d = (0, react_1.useState)(-1), selectedIndex = _d[0], setSelectedIndex = _d[1];
+    var _e = (0, react_1.useState)(false), isClosing = _e[0], setIsClosing = _e[1];
+    var searchInputRef = (0, react_1.useRef)(null);
+    var theme = (0, react_2.useTheme)();
+    var countries = (0, react_1.useMemo)(function () { return (0, countryData_1.getCountryData)(); }, []);
+    var filteredCountries = (0, react_1.useMemo)(function () {
+        if (!searchTerm)
+            return countries;
+        var term = searchTerm.toLowerCase();
+        return countries.filter(function (country) {
+            return country.name.toLowerCase().includes(term) ||
+                country.dialCode.toLowerCase().includes(term) ||
+                country.code.toLowerCase().includes(term);
+        });
+    }, [countries, searchTerm]);
+    var handleCountrySelect = function (country) {
+        onCountryChange(country);
+        setSearchTerm('');
+        setSelectedIndex(-1);
+        setIsClosing(true);
+        // Delay the actual close to allow animation to complete
+        setTimeout(function () {
+            onClose();
+            setIsClosing(false);
+        }, 195); // Match the animation duration
+    };
+    var handleModalClose = function () {
+        setIsClosing(true);
+        setTimeout(function () {
+            onClose();
+            setIsClosing(false);
+        }, 195);
+    };
+    var handleSearchChange = function (event) {
+        setSearchTerm(event.target.value);
+        setSelectedIndex(-1);
+    };
+    var handleKeyDown = function (event) {
+        switch (event.key) {
+            case 'ArrowDown':
+                event.preventDefault();
+                setSelectedIndex(function (prev) {
+                    return prev < filteredCountries.length - 1 ? prev + 1 : prev;
+                });
+                break;
+            case 'ArrowUp':
+                event.preventDefault();
+                setSelectedIndex(function (prev) { return (prev > 0 ? prev - 1 : -1); });
+                break;
+            case 'Enter':
+                event.preventDefault();
+                if (selectedIndex >= 0 && selectedIndex < filteredCountries.length) {
+                    var country = filteredCountries[selectedIndex];
+                    handleCountrySelect(country);
+                }
+                break;
+            case 'Escape':
+                event.preventDefault();
+                handleModalClose();
+                break;
+        }
+    };
+    var modalStyle = {
+        position: 'absolute',
+        top: '50%',
+        left: '50%',
+        transform: 'translate(-50%, -50%)',
+        width: '90%',
+        height: '90%',
+        bgcolor: theme.mvf.palette.background.answerBackgroundColor,
+        boxShadow: theme.mvf.boxShadow.fierce,
+        borderRadius: 1,
+        outline: 'none',
+        display: 'flex',
+        flexDirection: 'column',
+    };
+    return ((0, jsx_runtime_1.jsx)(Modal_1.default, __assign({ open: open, onClose: handleModalClose, "aria-labelledby": "country-selection-modal", "aria-describedby": "country-selection-modal-description", closeAfterTransition: true }, { children: (0, jsx_runtime_1.jsxs)(Box_1.default, __assign({ sx: __assign(__assign({}, modalStyle), { animation: isClosing
+                    ? 'modalExit 195ms cubic-bezier(0.4, 0, 1, 1)'
+                    : 'modalEnter 225ms cubic-bezier(0.4, 0, 0.2, 1)', '@keyframes modalEnter': {
+                    '0%': {
+                        opacity: 0,
+                        transform: 'translate(-50%, -50%) scale(0.8)',
+                    },
+                    '100%': {
+                        opacity: 1,
+                        transform: 'translate(-50%, -50%) scale(1)',
+                    },
+                }, '@keyframes modalExit': {
+                    '0%': {
+                        opacity: 1,
+                        transform: 'translate(-50%, -50%) scale(1)',
+                    },
+                    '100%': {
+                        opacity: 0,
+                        transform: 'translate(-50%, -50%) scale(0.8)',
+                    },
+                } }) }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ style: {
+                        display: 'flex',
+                        alignItems: 'center',
+                        justifyContent: 'space-between',
+                        padding: '16px 20px',
+                        borderBottom: '1px solid rgba(0, 0, 0, 0.12)',
+                        backgroundColor: '#ffffff',
+                        borderTopLeftRadius: '4px',
+                        borderTopRightRadius: '4px',
+                    } }, { children: [(0, jsx_runtime_1.jsx)(Typography_1.default, __assign({ variant: "h6", component: "h2", style: {
+                                fontSize: '18px',
+                                fontWeight: 500,
+                                color: 'rgba(0, 0, 0, 0.87)',
+                                margin: 0,
+                            } }, { children: "Select Country" })), (0, jsx_runtime_1.jsx)(IconButton_1.default, __assign({ onClick: handleModalClose, size: "small", sx: {
+                                color: 'rgba(0, 0, 0, 0.6)',
+                                '&:hover': {
+                                    backgroundColor: 'rgba(0, 0, 0, 0.04)',
+                                },
+                            }, "aria-label": "Close" }, { children: (0, jsx_runtime_1.jsx)(Close_1.default, {}) }))] })), enableCountrySearch && ((0, jsx_runtime_1.jsx)(MenuItem_1.default, __assign({ style: {
+                        padding: '8px 12px',
+                        borderBottom: '1px solid rgba(0, 0, 0, 0.12)',
+                    }, onClick: function (e) { return e.stopPropagation(); }, sx: {
+                        '&.Mui-focusVisible': {
+                            backgroundColor: 'transparent',
+                        },
+                    } }, { children: (0, jsx_runtime_1.jsx)(InputBase_1.default, { ref: searchInputRef, className: "country-search-input", placeholder: "Search countries...", value: searchTerm, onChange: handleSearchChange, onKeyDown: handleKeyDown, style: { width: '100%' }, onClick: function (e) { return e.stopPropagation(); }, autoFocus: true }) }))), (0, jsx_runtime_1.jsx)("div", __assign({ style: {
+                        flex: 1,
+                        overflowY: 'auto',
+                        display: 'flex',
+                        flexDirection: 'column',
+                    } }, { children: filteredCountries.map(function (country, index) { return ((0, jsx_runtime_1.jsx)(MenuItem_1.default, __assign({ className: index === selectedIndex ? 'Mui-selected' : '', onClick: function (e) {
+                            e.stopPropagation();
+                            handleCountrySelect(country);
+                        }, onMouseEnter: function () { return setSelectedIndex(index); }, sx: {
+                            transition: 'background-color 0.2s ease',
+                            '&.Mui-selected': {
+                                backgroundColor: 'rgba(0, 0, 0, 0.08)',
+                            },
+                            '&:hover': {
+                                backgroundColor: 'rgba(0, 0, 0, 0.04)',
+                            },
+                            '&.Mui-focusVisible': {
+                                backgroundColor: 'transparent',
+                            },
+                        } }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ style: {
+                                display: 'flex',
+                                alignItems: 'center',
+                                width: '100%',
+                            } }, { children: [(0, jsx_runtime_1.jsx)("span", __assign({ style: { marginRight: '8px', fontSize: '16px' } }, { children: country.flag })), (0, jsx_runtime_1.jsx)("span", __assign({ style: { flex: 1 } }, { children: country.name })), (0, jsx_runtime_1.jsx)("span", __assign({ style: { opacity: 0.7 } }, { children: country.dialCode }))] })) }), country.code)); }) }))] })) })));
+};
+exports.default = CountryModal;
+//# sourceMappingURL=CountryModal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CountryModal.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/CountryModal.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,8DAAwC;AACxC,0DAAoC;AACpC,oEAA8C;AAC9C,sEAAgD;AAChD,wEAAkD;AAClD,oEAAkD;AAClD,wEAAkD;AAClD,+BAAkD;AAClD,wCAA0C;AAC1C,6CAA4D;AAU5D,IAAM,YAAY,GAAgC,UAAC,EAMlD;QALC,eAAe,qBAAA,EACf,eAAe,qBAAA,EACf,2BAA2B,EAA3B,mBAAmB,mBAAG,KAAK,KAAA,EAC3B,IAAI,UAAA,EACJ,OAAO,aAAA;IAED,IAAA,KAA8B,IAAA,gBAAQ,EAAC,EAAE,CAAC,EAAzC,UAAU,QAAA,EAAE,aAAa,QAAgB,CAAC;IAC3C,IAAA,KAAoC,IAAA,gBAAQ,EAAC,CAAC,CAAC,CAAC,EAA/C,aAAa,QAAA,EAAE,gBAAgB,QAAgB,CAAC;IACjD,IAAA,KAA4B,IAAA,gBAAQ,EAAC,KAAK,CAAC,EAA1C,SAAS,QAAA,EAAE,YAAY,QAAmB,CAAC;IAClD,IAAM,cAAc,GAAG,IAAA,cAAM,EAAmB,IAAI,CAAC,CAAC;IACtD,IAAM,KAAK,GAAG,IAAA,gBAAQ,GAAE,CAAC;IAEzB,IAAM,SAAS,GAAG,IAAA,eAAO,EAAC,cAAM,OAAA,IAAA,4BAAc,GAAE,EAAhB,CAAgB,EAAE,EAAE,CAAC,CAAC;IAEtD,IAAM,iBAAiB,GAAG,IAAA,eAAO,EAAC;QAChC,IAAI,CAAC,UAAU;YAAE,OAAO,SAAS,CAAC;QAClC,IAAM,IAAI,GAAG,UAAU,CAAC,WAAW,EAAE,CAAC;QACtC,OAAO,SAAS,CAAC,MAAM,CACrB,UAAC,OAAO;YACN,OAAA,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;gBACzC,OAAO,CAAC,QAAQ,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;gBAC7C,OAAO,CAAC,IAAI,CAAC,WAAW,EAAE,CAAC,QAAQ,CAAC,IAAI,CAAC;QAFzC,CAEyC,CAC5C,CAAC;IACJ,CAAC,EAAE,CAAC,SAAS,EAAE,UAAU,CAAC,CAAC,CAAC;IAE5B,IAAM,mBAAmB,GAAG,UAAC,OAAoB;QAC/C,eAAe,CAAC,OAAO,CAAC,CAAC;QACzB,aAAa,CAAC,EAAE,CAAC,CAAC;QAClB,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;QACrB,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,wDAAwD;QACxD,UAAU,CAAC;YACT,OAAO,EAAE,CAAC;YACV,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,EAAE,GAAG,CAAC,CAAC,CAAC,+BAA+B;IAC1C,CAAC,CAAC;IAEF,IAAM,gBAAgB,GAAG;QACvB,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,UAAU,CAAC;YACT,OAAO,EAAE,CAAC;YACV,YAAY,CAAC,KAAK,CAAC,CAAC;QACtB,CAAC,EAAE,GAAG,CAAC,CAAC;IACV,CAAC,CAAC;IAEF,IAAM,kBAAkB,GAAG,UAAC,KAA0C;QACpE,aAAa,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;QAClC,gBAAgB,CAAC,CAAC,CAAC,CAAC,CAAC;IACvB,CAAC,CAAC;IAEF,IAAM,aAAa,GAAG,UAAC,KAA0B;QAC/C,QAAQ,KAAK,CAAC,GAAG,EAAE;YACjB,KAAK,WAAW;gBACd,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,gBAAgB,CAAC,UAAC,IAAI;oBACpB,OAAA,IAAI,GAAG,iBAAiB,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI;gBAArD,CAAqD,CACtD,CAAC;gBACF,MAAM;YACR,KAAK,SAAS;gBACZ,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,gBAAgB,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,EAA1B,CAA0B,CAAC,CAAC;gBACvD,MAAM;YACR,KAAK,OAAO;gBACV,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,IAAI,aAAa,IAAI,CAAC,IAAI,aAAa,GAAG,iBAAiB,CAAC,MAAM,EAAE;oBAClE,IAAM,OAAO,GAAG,iBAAiB,CAAC,aAAa,CAAC,CAAC;oBACjD,mBAAmB,CAAC,OAAO,CAAC,CAAC;iBAC9B;gBACD,MAAM;YACR,KAAK,QAAQ;gBACX,KAAK,CAAC,cAAc,EAAE,CAAC;gBACvB,gBAAgB,EAAE,CAAC;gBACnB,MAAM;SACT;IACH,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG;QACjB,QAAQ,EAAE,UAAmB;QAC7B,GAAG,EAAE,KAAK;QACV,IAAI,EAAE,KAAK;QACX,SAAS,EAAE,uBAAuB;QAClC,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;QACb,OAAO,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,CAAC,UAAU,CAAC,qBAAqB;QAC3D,SAAS,EAAE,KAAK,CAAC,GAAG,CAAC,SAAS,CAAC,MAAM;QACrC,YAAY,EAAE,CAAC;QACf,OAAO,EAAE,MAAM;QACf,OAAO,EAAE,MAAM;QACf,aAAa,EAAE,QAAiB;KACjC,CAAC;IAEF,OAAO,CACL,uBAAC,eAAK,aACJ,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,gBAAgB,qBACT,yBAAyB,sBACxB,qCAAqC,EACtD,oBAAoB,sBAEpB,wBAAC,aAAG,aACF,EAAE,wBACG,UAAU,KACb,SAAS,EAAE,SAAS;oBAClB,CAAC,CAAC,4CAA4C;oBAC9C,CAAC,CAAC,+CAA+C,EACnD,uBAAuB,EAAE;oBACvB,IAAI,EAAE;wBACJ,OAAO,EAAE,CAAC;wBACV,SAAS,EAAE,kCAAkC;qBAC9C;oBACD,MAAM,EAAE;wBACN,OAAO,EAAE,CAAC;wBACV,SAAS,EAAE,gCAAgC;qBAC5C;iBACF,EACD,sBAAsB,EAAE;oBACtB,IAAI,EAAE;wBACJ,OAAO,EAAE,CAAC;wBACV,SAAS,EAAE,gCAAgC;qBAC5C;oBACD,MAAM,EAAE;wBACN,OAAO,EAAE,CAAC;wBACV,SAAS,EAAE,kCAAkC;qBAC9C;iBACF,oBAGH,0CACE,KAAK,EAAE;wBACL,OAAO,EAAE,MAAM;wBACf,UAAU,EAAE,QAAQ;wBACpB,cAAc,EAAE,eAAe;wBAC/B,OAAO,EAAE,WAAW;wBACpB,YAAY,EAAE,+BAA+B;wBAC7C,eAAe,EAAE,SAAS;wBAC1B,mBAAmB,EAAE,KAAK;wBAC1B,oBAAoB,EAAE,KAAK;qBAC5B,iBAED,uBAAC,oBAAU,aACT,OAAO,EAAC,IAAI,EACZ,SAAS,EAAC,IAAI,EACd,KAAK,EAAE;gCACL,QAAQ,EAAE,MAAM;gCAChB,UAAU,EAAE,GAAG;gCACf,KAAK,EAAE,qBAAqB;gCAC5B,MAAM,EAAE,CAAC;6BACV,oCAGU,EACb,uBAAC,oBAAU,aACT,OAAO,EAAE,gBAAgB,EACzB,IAAI,EAAC,OAAO,EACZ,EAAE,EAAE;gCACF,KAAK,EAAE,oBAAoB;gCAC3B,SAAS,EAAE;oCACT,eAAe,EAAE,qBAAqB;iCACvC;6BACF,gBACU,OAAO,gBAElB,uBAAC,eAAS,KAAG,IACF,KACT,EAEL,mBAAmB,IAAI,CACtB,uBAAC,kBAAQ,aACP,KAAK,EAAE;wBACL,OAAO,EAAE,UAAU;wBACnB,YAAY,EAAE,+BAA+B;qBAC9C,EACD,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,EACnC,EAAE,EAAE;wBACF,oBAAoB,EAAE;4BACpB,eAAe,EAAE,aAAa;yBAC/B;qBACF,gBAED,uBAAC,mBAAS,IACR,GAAG,EAAE,cAAc,EACnB,SAAS,EAAC,sBAAsB,EAChC,WAAW,EAAC,qBAAqB,EACjC,KAAK,EAAE,UAAU,EACjB,QAAQ,EAAE,kBAAkB,EAC5B,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EACxB,OAAO,EAAE,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,eAAe,EAAE,EAAnB,CAAmB,EACnC,SAAS,SACT,IACO,CACZ,EACD,yCACE,KAAK,EAAE;wBACL,IAAI,EAAE,CAAC;wBACP,SAAS,EAAE,MAAM;wBACjB,OAAO,EAAE,MAAM;wBACf,aAAa,EAAE,QAAQ;qBACxB,gBAEA,iBAAiB,CAAC,GAAG,CAAC,UAAC,OAAO,EAAE,KAAK,IAAK,OAAA,CACzC,uBAAC,kBAAQ,aAEP,SAAS,EAAE,KAAK,KAAK,aAAa,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,EACxD,OAAO,EAAE,UAAC,CAAC;4BACT,CAAC,CAAC,eAAe,EAAE,CAAC;4BACpB,mBAAmB,CAAC,OAAO,CAAC,CAAC;wBAC/B,CAAC,EACD,YAAY,EAAE,cAAM,OAAA,gBAAgB,CAAC,KAAK,CAAC,EAAvB,CAAuB,EAC3C,EAAE,EAAE;4BACF,UAAU,EAAE,4BAA4B;4BACxC,gBAAgB,EAAE;gCAChB,eAAe,EAAE,qBAAqB;6BACvC;4BACD,SAAS,EAAE;gCACT,eAAe,EAAE,qBAAqB;6BACvC;4BACD,oBAAoB,EAAE;gCACpB,eAAe,EAAE,aAAa;6BAC/B;yBACF,gBAED,0CACE,KAAK,EAAE;gCACL,OAAO,EAAE,MAAM;gCACf,UAAU,EAAE,QAAQ;gCACpB,KAAK,EAAE,MAAM;6BACd,iBAED,0CAAM,KAAK,EAAE,EAAE,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,gBAClD,OAAO,CAAC,IAAI,IACR,EACP,0CAAM,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,gBAAG,OAAO,CAAC,IAAI,IAAQ,EAC/C,0CAAM,KAAK,EAAE,EAAE,OAAO,EAAE,GAAG,EAAE,gBAAG,OAAO,CAAC,QAAQ,IAAQ,KACpD,KAhCD,OAAO,CAAC,IAAI,CAiCR,CACZ,EApC0C,CAoC1C,CAAC,IACE,KACF,IACA,CACT,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}

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

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

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

@@ -0,0 +1,54 @@
+"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");
+var react_1 = require("@testing-library/react");
+var CountryModal_1 = __importDefault(require("./CountryModal"));
+var countryData_1 = require("./countryData");
+describe('CountryModal', function () {
+    var mockCountry = (0, countryData_1.getCountryData)()[0];
+    var mockOnCountryChange = jest.fn();
+    var mockOnClose = jest.fn();
+    var defaultProps = {
+        selectedCountry: mockCountry,
+        onCountryChange: mockOnCountryChange,
+        enableCountrySearch: false,
+        open: false,
+        onClose: mockOnClose,
+    };
+    beforeEach(function () {
+        jest.clearAllMocks();
+    });
+    it('renders without crashing', function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(CountryModal_1.default, __assign({}, defaultProps)));
+        // Modal should not be visible when open is false
+        expect(react_1.screen.queryByText('Select Country')).not.toBeInTheDocument();
+    });
+    it('renders modal content when open is true', function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(CountryModal_1.default, __assign({}, defaultProps, { open: true })));
+        expect(react_1.screen.getByText('Select Country')).toBeInTheDocument();
+    });
+    it('renders search input when enableCountrySearch is true', function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(CountryModal_1.default, __assign({}, defaultProps, { open: true, enableCountrySearch: true })));
+        expect(react_1.screen.getByPlaceholderText('Search countries...')).toBeInTheDocument();
+    });
+    it('displays country list when open', function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(CountryModal_1.default, __assign({}, defaultProps, { open: true })));
+        // Should show at least the first country
+        expect(react_1.screen.getByText(mockCountry.name)).toBeInTheDocument();
+    });
+});
+//# sourceMappingURL=CountryModal.test.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"CountryModal.test.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextField/CountryModal.test.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAwD;AACxD,gEAA0C;AAC1C,6CAA+C;AAE/C,QAAQ,CAAC,cAAc,EAAE;IACvB,IAAM,WAAW,GAAG,IAAA,4BAAc,GAAE,CAAC,CAAC,CAAC,CAAC;IACxC,IAAM,mBAAmB,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;IACtC,IAAM,WAAW,GAAG,IAAI,CAAC,EAAE,EAAE,CAAC;IAE9B,IAAM,YAAY,GAAG;QACnB,eAAe,EAAE,WAAW;QAC5B,eAAe,EAAE,mBAAmB;QACpC,mBAAmB,EAAE,KAAK;QAC1B,IAAI,EAAE,KAAK;QACX,OAAO,EAAE,WAAW;KACrB,CAAC;IAEF,UAAU,CAAC;QACT,IAAI,CAAC,aAAa,EAAE,CAAC;IACvB,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,0BAA0B,EAAE;QAC7B,IAAA,cAAM,EAAC,uBAAC,sBAAY,eAAK,YAAY,EAAI,CAAC,CAAC;QAC3C,iDAAiD;QACjD,MAAM,CAAC,cAAM,CAAC,WAAW,CAAC,gBAAgB,CAAC,CAAC,CAAC,GAAG,CAAC,iBAAiB,EAAE,CAAC;IACvE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,yCAAyC,EAAE;QAC5C,IAAA,cAAM,EAAC,uBAAC,sBAAY,eAAK,YAAY,IAAE,IAAI,EAAE,IAAI,IAAI,CAAC,CAAC;QACvD,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,gBAAgB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACjE,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,uDAAuD,EAAE;QAC1D,IAAA,cAAM,EACJ,uBAAC,sBAAY,eACP,YAAY,IAChB,IAAI,EAAE,IAAI,EACV,mBAAmB,EAAE,IAAI,IACzB,CACH,CAAC;QACF,MAAM,CAAC,cAAM,CAAC,oBAAoB,CAAC,qBAAqB,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACjF,CAAC,CAAC,CAAC;IAEH,EAAE,CAAC,iCAAiC,EAAE;QACpC,IAAA,cAAM,EAAC,uBAAC,sBAAY,eAAK,YAAY,IAAE,IAAI,EAAE,IAAI,IAAI,CAAC,CAAC;QACvD,yCAAyC;QACzC,MAAM,CAAC,cAAM,CAAC,SAAS,CAAC,WAAW,CAAC,IAAI,CAAC,CAAC,CAAC,iBAAiB,EAAE,CAAC;IACjE,CAAC,CAAC,CAAC;AACL,CAAC,CAAC,CAAC"}

package/Components/Molecules/PhoneNumberTextField/PhoneNumberTextField.js

@@ -29,8 +29,9 @@ var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
 /** @jsxImportSource @emotion/react */
 var FormControl_1 = __importDefault(require("@mui/material/FormControl"));
 var FormHelperText_1 = __importDefault(require("@mui/material/FormHelperText"));
+var react_1 = require("@emotion/react");
 var intl_tel_input_1 = __importDefault(require("intl-tel-input"));
-var react_1 = require("react");
+var react_2 = require("react");
 var Input_1 = __importDefault(require("../../../Components/Atoms/Input"));
 var InputLabel_1 = __importDefault(require("../../../Components/Atoms/InputLabel"));
 var defaultProps_1 = __importDefault(require("./defaultProps"));
@@ -62,7 +63,8 @@ var initIntlTelInput = function (input) {
 };
 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"]);
-    (0, react_1.useEffect)(function () {
+    var theme = (0, react_1.useTheme)();
+    (0, react_2.useEffect)(function () {
         var input = getInput(id);
         initIntlTelInput(input);
         input.addEventListener('countrychange', function (e) {
@@ -71,10 +73,10 @@ var PhoneNumberTextField = function (_a) {
             onChange({ id: id, value: e.target.value });
         });
     }, []);
-    return ((0, jsx_runtime_1.jsxs)(FormControl_1.default, __assign({ variant: "standard", error: !!errorMessage, fullWidth: true, css: [
+    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 })] })));
+            (0, makeFormControlStyles_1.default)({ isAutoFilledActive: isAutoFilledActive, isSafari: isSafari, theme: theme }),
+        ], 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, isAnswered: isAnswered, value: value, isSafari: isSafari, isAutoFilledActive: isAutoFilledActive, 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/PhoneNumberTextFieldStory.js

@@ -1,15 +1,4 @@
 "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 };
 };
@@ -37,7 +26,7 @@ var handleChange = function (_a) {
 };
 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" }) })));
+    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, 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;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,EACtC,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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"}

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

@@ -0,0 +1,13 @@
+declare const supportedCountries: readonly ["US", "GB", "CA", "AU", "DE", "FR", "IT", "ES", "NL", "BE", "SE", "NO", "DK", "FI", "CH", "AT", "IE", "NZ", "JP", "KR", "CN", "IN", "BR", "MX", "AR", "CL", "CO", "PE", "VE", "EC", "BO", "PY", "UY", "GY", "SR", "FK", "GF", "AD", "AE", "AF", "AG", "AI", "AL", "AM", "AO", "AS", "AW", "AZ", "BA", "BB", "BD", "BF", "BG", "BH", "BI", "BJ", "BL", "BM", "BN", "BS", "BT", "BW", "BY", "BZ", "CD", "CF", "CG", "CI", "CM", "CR", "CU", "CV", "CY", "CZ", "DJ", "DM", "DO", "DZ", "EG", "EH", "ER", "ET", "FJ", "FM", "FO", "GA", "GD", "GE", "GH", "GI", "GL", "GM", "GN", "GP", "GQ", "GT", "GU", "GW", "HK", "HN", "HR", "HT", "HU", "ID", "IL", "IQ", "IR", "IS", "JM", "JO", "KE", "KG", "KH", "KI", "KM", "KN", "KP", "KW", "KY", "KZ", "LA", "LB", "LC", "LI", "LK", "LR", "LS", "LT", "LU", "LV", "LY", "MA", "MC", "MD", "ME", "MF", "MG", "MH", "MK", "ML", "MM", "MN", "MO", "MP", "MQ", "MR", "MS", "MT", "MU", "MV", "MW", "MY", "MZ", "NA", "NC", "NE", "NF", "NG", "NI", "NP", "NR", "NU", "OM", "PA", "PF", "PG", "PH", "PK", "PL", "PM", "PR", "PS", "PW", "QA", "RE", "RO", "RS", "RU", "RW", "SA", "SB", "SC", "SD", "SG", "SH", "SI", "SJ", "SK", "SL", "SM", "SN", "SO", "ST", "SV", "SY", "TC", "TD", "TG", "TH", "TJ", "TK", "TL", "TM", "TN", "TO", "TR", "TT", "TV", "TW", "UA", "UG", "VA", "VC", "VG", "VI", "VN", "VU", "WF", "WS", "YE", "YT", "ZM"];
+export type CountryCode = (typeof supportedCountries)[number];
+export interface CountryData {
+    code: CountryCode;
+    name: string;
+    dialCode: string;
+    flag: string;
+    example: string;
+}
+export declare const getCountryData: () => CountryData[];
+export declare const getCountryByCode: (code: CountryCode) => CountryData | undefined;
+export declare const getCountryByDialCode: (dialCode: string) => CountryData | undefined;
+export {};