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

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

@@ -0,0 +1,536 @@
+"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 __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __generator = (this && this.__generator) || function (thisArg, body) {
+    var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g = Object.create((typeof Iterator === "function" ? Iterator : Object).prototype);
+    return g.next = verb(0), g["throw"] = verb(1), g["return"] = verb(2), typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
+    function verb(n) { return function (v) { return step([n, v]); }; }
+    function step(op) {
+        if (f) throw new TypeError("Generator is already executing.");
+        while (g && (g = 0, op[0] && (_ = 0)), _) try {
+            if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
+            if (y = 0, t) op = [op[0] & 2, t.value];
+            switch (op[0]) {
+                case 0: case 1: t = op; break;
+                case 4: _.label++; return { value: op[1], done: false };
+                case 5: _.label++; y = op[1]; op = [0]; continue;
+                case 7: op = _.ops.pop(); _.trys.pop(); continue;
+                default:
+                    if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
+                    if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
+                    if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
+                    if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
+                    if (t[2]) _.ops.pop();
+                    _.trys.pop(); continue;
+            }
+            op = body.call(thisArg, _);
+        } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
+        if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
+    }
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = require("@testing-library/react");
+var user_event_1 = __importDefault(require("@testing-library/user-event"));
+var renderWithProviders_1 = __importDefault(require("../../../Helpers/React/renderWithProviders"));
+var PhoneNumberTextField_1 = __importDefault(require("./PhoneNumberTextField"));
+var countryData_1 = require("./__helpers__/utils/countryData");
+describe('PhoneNumberTextField', function () {
+    var defaultProps = {
+        label: 'Phone Number',
+        id: 'phone-input',
+        experimentName: 'default',
+        value: '',
+        isAnswered: false,
+        disabled: false,
+        isSafari: false,
+        isAutoFilledActive: false,
+        type: 'tel',
+        onBlur: jest.fn(),
+        onClick: jest.fn(),
+    };
+    beforeEach(function () {
+        jest.clearAllMocks();
+    });
+    describe('Basic Rendering', function () {
+        it('should display PhoneNumberTextField Component with label', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps)));
+            expect(react_1.screen.getByText('Phone Number')).toBeInTheDocument();
+        });
+        it('should render with default country (first in list)', function () {
+            var countries = (0, countryData_1.getCountryData)();
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps)));
+            // Should show the first country's flag and example
+            var input = react_1.screen.getByRole('textbox');
+            expect(input).toHaveAttribute('placeholder', countries[0].example);
+        });
+        it('should render with specified initial country', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { initialCountry: "GB" })));
+            // Should show UK's example
+            var input = react_1.screen.getByRole('textbox');
+            var ukCountry = (0, countryData_1.getCountryData)().find(function (c) { return c.code === 'GB'; });
+            expect(input).toHaveAttribute('placeholder', ukCountry === null || ukCountry === void 0 ? void 0 : ukCountry.example);
+        });
+        it('should have tel input type by default', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps)));
+            var input = react_1.screen.getByRole('textbox');
+            expect(input).toHaveAttribute('type', 'tel');
+        });
+        it('should accept custom input type', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { type: "text" })));
+            var input = react_1.screen.getByRole('textbox');
+            expect(input).toHaveAttribute('type', 'text');
+        });
+    });
+    describe('Phone Number Input and Formatting', function () {
+        it('should format phone number as user types', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var input;
+            return __generator(this, function (_a) {
+                (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps)));
+                input = react_1.screen.getByRole('textbox');
+                // Type a US phone number
+                user_event_1.default.type(input, '2023456789');
+                // Should be formatted
+                expect(input).toHaveValue('(202) 345-6789');
+                return [2 /*return*/];
+            });
+        }); });
+        it('should handle international phone number input', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var input;
+            return __generator(this, function (_a) {
+                (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps)));
+                input = react_1.screen.getByRole('textbox');
+                // Type an international number
+                user_event_1.default.type(input, '+441212345678');
+                // Should be formatted and country should change
+                expect(input.value).toContain('121 234 5678');
+                return [2 /*return*/];
+            });
+        }); });
+        it('should call phone number change callbacks', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var mockOnPhoneNumberChange, mockOnValidationChange, mockOnFormattedValueChange, mockOnChange, input;
+            return __generator(this, function (_a) {
+                mockOnPhoneNumberChange = jest.fn();
+                mockOnValidationChange = jest.fn();
+                mockOnFormattedValueChange = jest.fn();
+                mockOnChange = jest.fn();
+                (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { onPhoneNumberChange: mockOnPhoneNumberChange, onValidationChange: mockOnValidationChange, onFormattedValueChange: mockOnFormattedValueChange, onChange: mockOnChange })));
+                input = react_1.screen.getByRole('textbox');
+                user_event_1.default.type(input, '2023456789');
+                expect(mockOnPhoneNumberChange).toHaveBeenCalled();
+                expect(mockOnValidationChange).toHaveBeenCalled();
+                expect(mockOnFormattedValueChange).toHaveBeenCalled();
+                expect(mockOnChange).toHaveBeenCalled();
+                return [2 /*return*/];
+            });
+        }); });
+        it('should validate phone numbers correctly', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var mockOnValidationChange, input, calls;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        mockOnValidationChange = jest.fn();
+                        (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { onValidationChange: mockOnValidationChange })));
+                        input = react_1.screen.getByRole('textbox');
+                        // Type a US number
+                        user_event_1.default.type(input, '2023456789');
+                        // Should call validation callback for each digit
+                        return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                                expect(mockOnValidationChange).toHaveBeenCalled();
+                            })];
+                    case 1:
+                        // Should call validation callback for each digit
+                        _a.sent();
+                        calls = mockOnValidationChange.mock.calls;
+                        expect(calls.length).toBeGreaterThan(0);
+                        // Check that all calls have the expected structure
+                        calls.forEach(function (call) {
+                            var callData = call[0];
+                            expect(callData).toEqual(expect.objectContaining({
+                                id: 'phone-input',
+                                isValid: expect.any(Boolean),
+                                phoneNumber: expect.any(String),
+                                validationResult: expect.any(Object),
+                            }));
+                        });
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should show validation error for invalid numbers', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var input;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps)));
+                        input = react_1.screen.getByRole('textbox');
+                        // Type incomplete number
+                        user_event_1.default.type(input, '555');
+                        // Should show error
+                        return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                                expect(react_1.screen.getByText('Please enter a valid phone number')).toBeInTheDocument();
+                            })];
+                    case 1:
+                        // Should show error
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+    describe('Country Selection', function () {
+        it('should show country selector when enableCountryChange is true (default)', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps)));
+            var countrySelector = react_1.screen.getByRole('button', {
+                name: /select country/i,
+            });
+            expect(countrySelector).toBeInTheDocument();
+            expect(countrySelector).toHaveStyle('cursor: pointer');
+        });
+        it('should disable country selector when enableCountryChange is false', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { enableCountryChange: false })));
+            var countryDisplay = react_1.screen.getByLabelText(/country:/i);
+            expect(countryDisplay).toBeInTheDocument();
+            expect(countryDisplay).toHaveStyle('cursor: default');
+        });
+        it('should open country dropdown when country selector is clicked', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var countrySelector;
+            return __generator(this, function (_a) {
+                (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { useModalForCountrySelection: false })));
+                countrySelector = react_1.screen.getByRole('button', {
+                    name: /select country/i,
+                });
+                user_event_1.default.click(countrySelector);
+                // Should open dropdown listbox
+                expect(react_1.screen.getByRole('listbox')).toBeInTheDocument();
+                return [2 /*return*/];
+            });
+        }); });
+        it('should open country modal when useModalForCountrySelection is true', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var countrySelector;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { useModalForCountrySelection: true })));
+                        countrySelector = react_1.screen.getByRole('button', {
+                            name: /select country/i,
+                        });
+                        user_event_1.default.click(countrySelector);
+                        // Should open modal
+                        return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                                expect(react_1.screen.getByRole('dialog')).toBeInTheDocument();
+                            })];
+                    case 1:
+                        // Should open modal
+                        _a.sent();
+                        expect(react_1.screen.getByText('Select Country')).toBeInTheDocument();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should call onCountryChange when country is selected', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var mockOnCountryChange, countrySelector, countries, targetCountry, countryOption;
+            return __generator(this, function (_a) {
+                mockOnCountryChange = jest.fn();
+                (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { onCountryChange: mockOnCountryChange, useModalForCountrySelection: false })));
+                countrySelector = react_1.screen.getByRole('button', {
+                    name: /select country/i,
+                });
+                user_event_1.default.click(countrySelector);
+                countries = (0, countryData_1.getCountryData)();
+                targetCountry = countries.find(function (c) { return c.code !== countries[0].code; });
+                if (targetCountry) {
+                    countryOption = react_1.screen.getByRole('option', {
+                        name: new RegExp(targetCountry.name),
+                    });
+                    user_event_1.default.click(countryOption);
+                    expect(mockOnCountryChange).toHaveBeenCalledWith(expect.objectContaining({
+                        selectedCountry: targetCountry,
+                        previousCountry: countries[0],
+                        id: 'phone-input',
+                    }));
+                }
+                return [2 /*return*/];
+            });
+        }); });
+        it('should preserve and reformat phone number when country changes', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var input, countrySelector, countries, targetCountry, countryOption;
+            return __generator(this, function (_a) {
+                (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { useModalForCountrySelection: false })));
+                input = react_1.screen.getByRole('textbox');
+                // Type a number first
+                user_event_1.default.type(input, '2023456789');
+                expect(input).toHaveValue('(202) 345-6789');
+                countrySelector = react_1.screen.getByRole('button', {
+                    name: /select country/i,
+                });
+                user_event_1.default.click(countrySelector);
+                countries = (0, countryData_1.getCountryData)();
+                targetCountry = countries.find(function (c) { return c.code !== countries[0].code; });
+                if (targetCountry) {
+                    countryOption = react_1.screen.getByRole('option', {
+                        name: new RegExp(targetCountry.name),
+                    });
+                    user_event_1.default.click(countryOption);
+                    // Phone number should be preserved (though it may be reformatted for the new country)
+                    expect(input).not.toHaveValue('');
+                    // The original digits should still be present in some form
+                    expect(input.value).toMatch(/2023456789/);
+                }
+                return [2 /*return*/];
+            });
+        }); });
+    });
+    describe('Error States', function () {
+        it('should display external error message', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { errorMessage: "This field is required" })));
+            expect(react_1.screen.getByText('This field is required')).toBeInTheDocument();
+        });
+        it('should prioritize external error over validation error', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var input;
+            return __generator(this, function (_a) {
+                (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { errorMessage: "This field is required" })));
+                input = react_1.screen.getByRole('textbox');
+                // Type invalid number (would normally show validation error)
+                user_event_1.default.type(input, '123');
+                // Should still show external error, not validation error
+                expect(react_1.screen.getByText('This field is required')).toBeInTheDocument();
+                expect(react_1.screen.queryByText('Please enter a valid phone number')).not.toBeInTheDocument();
+                return [2 /*return*/];
+            });
+        }); });
+    });
+    describe('Value Prop and Controlled State', function () {
+        it('should parse and display value with country code', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { value: "+441212345678" })));
+            var input = react_1.screen.getByRole('textbox');
+            // Should show formatted UK number
+            expect(input.value).toContain('0121 234 5678');
+        });
+        it('should detect country from international number', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { value: "+441212345678" })));
+            // Should detect UK and show UK flag (test indirectly via placeholder)
+            var input = react_1.screen.getByRole('textbox');
+            var ukCountry = (0, countryData_1.getCountryData)().find(function (c) { return c.code === 'GB'; });
+            expect(input).toHaveAttribute('placeholder', ukCountry === null || ukCountry === void 0 ? void 0 : ukCountry.example);
+        });
+    });
+    describe('Accessibility', function () {
+        it('should have proper ARIA labels', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps)));
+            var input = react_1.screen.getByRole('textbox');
+            expect(input).toHaveAttribute('id', 'phone-input');
+            var label = react_1.screen.getByText('Phone Number');
+            expect(label).toHaveAttribute('for', 'phone-input');
+        });
+        it('should support keyboard navigation for country selector', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var countrySelector;
+            return __generator(this, function (_a) {
+                (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps)));
+                countrySelector = react_1.screen.getByRole('button', {
+                    name: /select country/i,
+                });
+                // Test Enter key
+                countrySelector.focus();
+                user_event_1.default.keyboard('{Enter}');
+                expect(react_1.screen.getByRole('listbox')).toBeInTheDocument();
+                return [2 /*return*/];
+            });
+        }); });
+        it('should support space key for country selector', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var countrySelector;
+            return __generator(this, function (_a) {
+                (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps)));
+                countrySelector = react_1.screen.getByRole('button', {
+                    name: /select country/i,
+                });
+                // Test Space key
+                countrySelector.focus();
+                user_event_1.default.keyboard(' ');
+                expect(react_1.screen.getByRole('listbox')).toBeInTheDocument();
+                return [2 /*return*/];
+            });
+        }); });
+    });
+    describe('Country Search Feature', function () {
+        it('should enable country search by default', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var countrySelector;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { useModalForCountrySelection: true, enableCountrySearch: true })));
+                        countrySelector = react_1.screen.getByRole('button', {
+                            name: /select country/i,
+                        });
+                        user_event_1.default.click(countrySelector);
+                        // Should show search input in modal
+                        return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                                expect(react_1.screen.getByPlaceholderText('Search countries...')).toBeInTheDocument();
+                            })];
+                    case 1:
+                        // Should show search input in modal
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should disable country search when enableCountrySearch is false', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var countrySelector;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { enableCountrySearch: false, useModalForCountrySelection: true })));
+                        countrySelector = react_1.screen.getByRole('button', {
+                            name: /select country/i,
+                        });
+                        user_event_1.default.click(countrySelector);
+                        // Should not show search input in modal
+                        return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                                expect(react_1.screen.queryByPlaceholderText('Search countries...')).not.toBeInTheDocument();
+                            })];
+                    case 1:
+                        // Should not show search input in modal
+                        _a.sent();
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+    describe('Edge Cases', function () {
+        it('should handle empty value gracefully', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { value: "" })));
+            var input = react_1.screen.getByRole('textbox');
+            expect(input).toHaveValue('');
+        });
+        it('should handle invalid initial country code', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps, { initialCountry: "INVALID" })));
+            // Should fallback to first country
+            var countries = (0, countryData_1.getCountryData)();
+            var input = react_1.screen.getByRole('textbox');
+            expect(input).toHaveAttribute('placeholder', countries[0].example);
+        });
+        it('should handle cursor position correctly during formatting', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var input;
+            return __generator(this, function (_a) {
+                (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, __assign({}, defaultProps)));
+                input = react_1.screen.getByRole('textbox');
+                // Type partial number
+                user_event_1.default.type(input, '202345');
+                // Set cursor in middle
+                input.setSelectionRange(3, 3);
+                // Type more digits
+                user_event_1.default.type(input, '9');
+                // Cursor should be in reasonable position (exact position may vary due to formatting)
+                expect(input.selectionStart).toBeGreaterThan(0);
+                return [2 /*return*/];
+            });
+        }); });
+    });
+    describe('enableCountryChange disabled behavior', function () {
+        it('should not change country when typing international number and enableCountryChange is false', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var onCountryChange, onPhoneNumberChange, input, lastCall, lastCallData;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        onCountryChange = jest.fn();
+                        onPhoneNumberChange = jest.fn();
+                        (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { id: "test-phone", label: "Phone Number", value: "", initialCountry: "US", enableCountryChange: false, onBlur: function () { }, onClick: function () { }, disabled: false, isAnswered: false, isSafari: false, isAutoFilledActive: false, type: "tel", experimentName: "test", onCountryChange: onCountryChange, onPhoneNumberChange: onPhoneNumberChange }));
+                        input = react_1.screen.getByRole('textbox');
+                        // Type a UK number (+44) while US is selected
+                        user_event_1.default.type(input, '+447769481232');
+                        // Wait for state updates
+                        return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                                expect(onPhoneNumberChange).toHaveBeenCalled();
+                            })];
+                    case 1:
+                        // Wait for state updates
+                        _a.sent();
+                        // Country should NOT have changed to GB
+                        expect(onCountryChange).not.toHaveBeenCalled();
+                        lastCall = onPhoneNumberChange.mock.calls[onPhoneNumberChange.mock.calls.length - 1];
+                        lastCallData = lastCall[0];
+                        expect(lastCallData.phoneNumber).toContain('+447769481232');
+                        // Should still be using US country code context (validation should be against US)
+                        expect(lastCallData.phoneNumber).not.toMatch(/^\+44 7769 481232$/); // UK format
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+        it('should validate against selected country only when enableCountryChange is false', function () { return __awaiter(void 0, void 0, void 0, function () {
+            var onValidationChange, input, lastCall, lastCallData;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        onValidationChange = jest.fn();
+                        (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { id: "test-phone", label: "Phone Number", value: "", initialCountry: "US", enableCountryChange: false, onBlur: function () { }, onClick: function () { }, disabled: false, isAnswered: false, isSafari: false, isAutoFilledActive: false, type: "tel", experimentName: "test", onValidationChange: onValidationChange }));
+                        input = react_1.screen.getByRole('textbox');
+                        // Type a UK number that's invalid for US
+                        user_event_1.default.type(input, '+447769481231');
+                        // Wait for validation
+                        return [4 /*yield*/, (0, react_1.waitFor)(function () {
+                                expect(onValidationChange).toHaveBeenCalled();
+                            })];
+                    case 1:
+                        // Wait for validation
+                        _a.sent();
+                        lastCall = onValidationChange.mock.calls[onValidationChange.mock.calls.length - 1];
+                        lastCallData = lastCall[0];
+                        expect(lastCallData.isValid).toBe(false);
+                        return [2 /*return*/];
+                }
+            });
+        }); });
+    });
+    describe('disabled behavior', function () {
+        it('should disable country selector when disabled is true', function () {
+            var onCountryChange = jest.fn();
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { id: "test-phone", label: "Phone Number", value: "", initialCountry: "US", enableCountryChange: true, onBlur: function () { }, onClick: function () { }, disabled: true, isAnswered: false, isSafari: false, isAutoFilledActive: false, type: "tel", experimentName: "test", onCountryChange: onCountryChange }));
+            // Find the country selector by its aria-label (when disabled, it's not a button)
+            var countrySelector = react_1.screen.getByLabelText('Country: United States');
+            // When disabled, the country selector should not be interactive
+            // It should not have a button role and should not respond to clicks
+            expect(countrySelector).toBeInTheDocument();
+            expect(countrySelector).not.toHaveAttribute('role', 'button');
+            // The country selector should have reduced opacity (this is handled by CSS)
+            // We can verify the disabled state by checking that clicking doesn't open the dropdown
+            user_event_1.default.click(countrySelector);
+            // Since it's disabled, no country change should occur
+            expect(onCountryChange).not.toHaveBeenCalled();
+        });
+        it('should disable both phone input and country selector when disabled is true', function () {
+            (0, renderWithProviders_1.default)((0, jsx_runtime_1.jsx)(PhoneNumberTextField_1.default, { id: "test-phone", label: "Phone Number", value: "", initialCountry: "US", enableCountryChange: true, onBlur: function () { }, onClick: function () { }, disabled: true, isAnswered: false, isSafari: false, isAutoFilledActive: false, type: "tel", experimentName: "test" }));
+            var input = react_1.screen.getByRole('textbox');
+            var countrySelector = react_1.screen.getByLabelText('Country: United States');
+            // Both should be disabled
+            expect(input).toBeDisabled();
+            expect(countrySelector).toBeInTheDocument();
+            // The country selector should not be clickable when disabled
+            user_event_1.default.click(countrySelector);
+            // No dropdown should appear (this is handled by the useCountrySelector hook)
+            // We can verify this by checking that the country selector doesn't have button role
+            expect(countrySelector).not.toHaveAttribute('role', 'button');
+        });
+    });
+});
+//# sourceMappingURL=PhoneNumberTextField.test.js.map

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

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

package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/display/ErrorDisplay.d.ts

@@ -0,0 +1,8 @@
+export interface ErrorDisplayProps {
+    id?: string;
+    errorMessage?: string;
+    role?: string;
+    'aria-live'?: 'off' | 'polite' | 'assertive';
+}
+declare const ErrorDisplay: React.FC<ErrorDisplayProps>;
+export default ErrorDisplay;

package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/display/ErrorDisplay.js

@@ -0,0 +1,17 @@
+"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");
+/** @jsxImportSource @emotion/react */
+var FormHelperText_1 = __importDefault(require("@mui/material/FormHelperText"));
+var ErrorDisplay = function (_a) {
+    var id = _a.id, errorMessage = _a.errorMessage, role = _a.role, ariaLive = _a["aria-live"];
+    if (errorMessage) {
+        return ((0, jsx_runtime_1.jsx)(FormHelperText_1.default, { id: id, error: true, role: role, "aria-live": ariaLive, children: errorMessage }));
+    }
+    return null;
+};
+exports.default = ErrorDisplay;
+//# sourceMappingURL=ErrorDisplay.js.map

package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/display/ErrorDisplay.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ErrorDisplay.js","sourceRoot":"","sources":["../../../../../../../src/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/display/ErrorDisplay.tsx"],"names":[],"mappings":";;;;;;AAAA,sCAAsC;AACtC,gFAA0D;AAS1D,IAAM,YAAY,GAAgC,UAAC,EAKlD;QAJC,EAAE,QAAA,EACF,YAAY,kBAAA,EACZ,IAAI,UAAA,EACS,QAAQ,kBAAA;IAErB,IAAI,YAAY,EAAE,CAAC;QACjB,OAAO,CACL,uBAAC,wBAAc,IAAC,EAAE,EAAE,EAAE,EAAE,KAAK,QAAC,IAAI,EAAE,IAAI,eAAa,QAAQ,YAC1D,YAAY,GACE,CAClB,CAAC;IACJ,CAAC;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC;AAEF,kBAAe,YAAY,CAAC"}

package/Components/Molecules/PhoneNumberTextFieldCustom/__helpers__/components/forms/PhoneInput.d.ts

@@ -0,0 +1,22 @@
+export interface PhoneInputProps {
+    id: string;
+    value: string;
+    placeholder?: string;
+    disabled?: boolean;
+    error?: boolean;
+    isAnswered?: boolean;
+    isSafari?: boolean;
+    isAutoFilledActive?: boolean;
+    experimentName?: string;
+    type?: string;
+    onChange: (params: {
+        id: string;
+        value: string;
+    }) => void;
+    onBlur?: () => void;
+    onClick?: (event: React.MouseEvent<HTMLInputElement>) => void;
+    strictMode?: boolean;
+    [key: string]: any;
+}
+declare const PhoneInput: import("react").ForwardRefExoticComponent<Omit<PhoneInputProps, "ref"> & import("react").RefAttributes<HTMLInputElement>>;
+export default PhoneInput;