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

package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneInput.js

@@ -0,0 +1,59 @@
+"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 __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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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 react_1 = require("react");
+var Input_1 = __importDefault(require("../../../Components/Atoms/Input"));
+var PhoneInput = (0, react_1.forwardRef)(function (_a, ref) {
+    var id = _a.id, value = _a.value, placeholder = _a.placeholder, disabled = _a.disabled, error = _a.error, isAnswered = _a.isAnswered, isSafari = _a.isSafari, isAutoFilledActive = _a.isAutoFilledActive, experimentName = _a.experimentName, _b = _a.type, type = _b === void 0 ? 'tel' : _b, onChange = _a.onChange, onBlur = _a.onBlur, onClick = _a.onClick, strictMode = _a.strictMode, props = __rest(_a, ["id", "value", "placeholder", "disabled", "error", "isAnswered", "isSafari", "isAutoFilledActive", "experimentName", "type", "onChange", "onBlur", "onClick", "strictMode"]);
+    var sanitizeStrict = function (raw) {
+        var MAX_DIGITS = 15; // E.164 allows up to 15 digits
+        var input = raw || '';
+        var cleaned = input.replace(/[^\d+]/g, '');
+        if (cleaned.startsWith('+')) {
+            var digitsOnly_1 = cleaned
+                .slice(1)
+                .replace(/\+/g, '')
+                .replace(/[^\d]/g, '');
+            return "+".concat(digitsOnly_1.slice(0, MAX_DIGITS));
+        }
+        var digitsOnly = cleaned.replace(/\+/g, '').replace(/[^\d]/g, '');
+        return digitsOnly.slice(0, MAX_DIGITS);
+    };
+    var handleChange = function (params) {
+        if (!strictMode) {
+            onChange(params);
+            return;
+        }
+        onChange({ id: params.id, value: sanitizeStrict(params.value) });
+    };
+    return ((0, jsx_runtime_1.jsx)(Input_1.default, __assign({ error: error, id: id, onChange: handleChange, valueTransform: strictMode ? sanitizeStrict : undefined, isAnswered: isAnswered !== null && isAnswered !== void 0 ? isAnswered : false, value: value, isSafari: isSafari !== null && isSafari !== void 0 ? isSafari : false, isAutoFilledActive: isAutoFilledActive !== null && isAutoFilledActive !== void 0 ? isAutoFilledActive : false, experimentName: experimentName !== null && experimentName !== void 0 ? experimentName : '', type: type, placeholder: placeholder, inputRef: ref, disabled: disabled, onBlur: onBlur, onClick: onClick, "aria-invalid": error }, props)));
+});
+PhoneInput.displayName = 'PhoneInput';
+exports.default = PhoneInput;
+//# sourceMappingURL=PhoneInput.js.map

package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneInput.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextFieldCustom/PhoneInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,sCAAsC;AACtC,+BAAmC;AACnC,0EAAoD;AAqBpD,IAAM,UAAU,GAAG,IAAA,kBAAU,EAC3B,UACE,EAgBC,EACD,GAAG;IAhBD,IAAA,EAAE,QAAA,EACF,KAAK,WAAA,EACL,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,kBAAkB,wBAAA,EAClB,cAAc,oBAAA,EACd,YAAY,EAAZ,IAAI,mBAAG,KAAK,KAAA,EACZ,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,OAAO,aAAA,EACP,UAAU,gBAAA,EACP,KAAK,cAfV,4KAgBC,CADS;IAIV,IAAM,cAAc,GAAG,UAAC,GAAW;QACjC,IAAM,UAAU,GAAG,EAAE,CAAC,CAAC,+BAA+B;QACtD,IAAM,KAAK,GAAG,GAAG,IAAI,EAAE,CAAC;QACxB,IAAM,OAAO,GAAG,KAAK,CAAC,OAAO,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC;QAC7C,IAAI,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,EAAE,CAAC;YAC5B,IAAM,YAAU,GAAG,OAAO;iBACvB,KAAK,CAAC,CAAC,CAAC;iBACR,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC;iBAClB,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;YACzB,OAAO,WAAI,YAAU,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,CAAE,CAAC;QAC/C,CAAC;QACD,IAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,QAAQ,EAAE,EAAE,CAAC,CAAC;QACpE,OAAO,UAAU,CAAC,KAAK,CAAC,CAAC,EAAE,UAAU,CAAC,CAAC;IACzC,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG,UAAC,MAAqC;QACzD,IAAI,CAAC,UAAU,EAAE,CAAC;YAChB,QAAQ,CAAC,MAAM,CAAC,CAAC;YACjB,OAAO;QACT,CAAC;QACD,QAAQ,CAAC,EAAE,EAAE,EAAE,MAAM,CAAC,EAAE,EAAE,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC;IACnE,CAAC,CAAC;IAEF,OAAO,CACL,uBAAC,eAAK,aACJ,KAAK,EAAE,KAAK,EACZ,EAAE,EAAE,EAAE,EACN,QAAQ,EAAE,YAAY,EACtB,cAAc,EAAE,UAAU,CAAC,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,SAAS,EACvD,UAAU,EAAE,UAAU,aAAV,UAAU,cAAV,UAAU,GAAI,KAAK,EAC/B,KAAK,EAAE,KAAK,EACZ,QAAQ,EAAE,QAAQ,aAAR,QAAQ,cAAR,QAAQ,GAAI,KAAK,EAC3B,kBAAkB,EAAE,kBAAkB,aAAlB,kBAAkB,cAAlB,kBAAkB,GAAI,KAAK,EAC/C,cAAc,EAAE,cAAc,aAAd,cAAc,cAAd,cAAc,GAAI,EAAE,EACpC,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,GAAG,EACb,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,OAAO,kBACF,KAAK,IACf,KAAK,EACT,CACH,CAAC;AACJ,CAAC,CACF,CAAC;AAEF,UAAU,CAAC,WAAW,GAAG,YAAY,CAAC;AAEtC,kBAAe,UAAU,CAAC"}

package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneInput.test.d.ts

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

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

@@ -0,0 +1,159 @@
+"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 __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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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 PhoneInput_1 = __importDefault(require("./PhoneInput"));
+// Mock the Input component
+jest.mock('../../../Components/Atoms/Input', function () {
+    return function MockInput(_a) {
+        var onChange = _a.onChange, props = __rest(_a, ["onChange"]);
+        return ((0, jsx_runtime_1.jsx)("input", __assign({}, props, { onChange: function (e) {
+                onChange({ id: props.id, value: e.target.value });
+            }, "data-testid": "phone-input" })));
+    };
+});
+describe('PhoneInput', function () {
+    var defaultProps = {
+        id: 'test-phone',
+        value: '',
+        onChange: jest.fn(),
+    };
+    beforeEach(function () {
+        jest.clearAllMocks();
+    });
+    it('renders without crashing', function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(PhoneInput_1.default, __assign({}, defaultProps)));
+        expect(react_1.screen.getByTestId('phone-input')).toBeInTheDocument();
+    });
+    it('calls onChange when input changes', function () {
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(PhoneInput_1.default, __assign({}, defaultProps)));
+        var input = react_1.screen.getByTestId('phone-input');
+        react_1.fireEvent.change(input, { target: { value: '123' } });
+        expect(defaultProps.onChange).toHaveBeenCalledWith({
+            id: 'test-phone',
+            value: '123',
+        });
+    });
+    describe('strictMode disabled (default)', function () {
+        it('allows all characters when strictMode is false', function () {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(PhoneInput_1.default, __assign({}, defaultProps, { strictMode: false })));
+            var input = react_1.screen.getByTestId('phone-input');
+            react_1.fireEvent.change(input, { target: { value: 'abc123def' } });
+            expect(defaultProps.onChange).toHaveBeenCalledWith({
+                id: 'test-phone',
+                value: 'abc123def',
+            });
+        });
+        it('allows special characters when strictMode is false', function () {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(PhoneInput_1.default, __assign({}, defaultProps, { strictMode: false })));
+            var input = react_1.screen.getByTestId('phone-input');
+            react_1.fireEvent.change(input, { target: { value: '123-456-7890' } });
+            expect(defaultProps.onChange).toHaveBeenCalledWith({
+                id: 'test-phone',
+                value: '123-456-7890',
+            });
+        });
+        it('allows multiple plus signs when strictMode is false', function () {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(PhoneInput_1.default, __assign({}, defaultProps, { strictMode: false })));
+            var input = react_1.screen.getByTestId('phone-input');
+            react_1.fireEvent.change(input, { target: { value: '++123++456' } });
+            expect(defaultProps.onChange).toHaveBeenCalledWith({
+                id: 'test-phone',
+                value: '++123++456',
+            });
+        });
+    });
+    describe('strictMode enabled', function () {
+        it('filters out non-numeric characters when strictMode is true', function () {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(PhoneInput_1.default, __assign({}, defaultProps, { strictMode: true })));
+            var input = react_1.screen.getByTestId('phone-input');
+            react_1.fireEvent.change(input, { target: { value: 'abc123def' } });
+            expect(defaultProps.onChange).toHaveBeenCalledWith({
+                id: 'test-phone',
+                value: '123',
+            });
+        });
+        it('filters out special characters when strictMode is true', function () {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(PhoneInput_1.default, __assign({}, defaultProps, { strictMode: true })));
+            var input = react_1.screen.getByTestId('phone-input');
+            react_1.fireEvent.change(input, { target: { value: '123-456-7890' } });
+            expect(defaultProps.onChange).toHaveBeenCalledWith({
+                id: 'test-phone',
+                value: '1234567890',
+            });
+        });
+        it('keeps only the first plus sign at the beginning when strictMode is true', function () {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(PhoneInput_1.default, __assign({}, defaultProps, { strictMode: true })));
+            var input = react_1.screen.getByTestId('phone-input');
+            react_1.fireEvent.change(input, { target: { value: '++123++456' } });
+            expect(defaultProps.onChange).toHaveBeenCalledWith({
+                id: 'test-phone',
+                value: '+123456',
+            });
+        });
+        it('removes plus signs that are not at the beginning when strictMode is true', function () {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(PhoneInput_1.default, __assign({}, defaultProps, { strictMode: true })));
+            var input = react_1.screen.getByTestId('phone-input');
+            react_1.fireEvent.change(input, { target: { value: '123+456+789' } });
+            expect(defaultProps.onChange).toHaveBeenCalledWith({
+                id: 'test-phone',
+                value: '123456789',
+            });
+        });
+        it('allows valid phone number format when strictMode is true', function () {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(PhoneInput_1.default, __assign({}, defaultProps, { strictMode: true })));
+            var input = react_1.screen.getByTestId('phone-input');
+            react_1.fireEvent.change(input, { target: { value: '+15551234567' } });
+            expect(defaultProps.onChange).toHaveBeenCalledWith({
+                id: 'test-phone',
+                value: '+15551234567',
+            });
+        });
+        it('caps length at maximum valid phone number length when strictMode is true', function () {
+            (0, react_1.render)((0, jsx_runtime_1.jsx)(PhoneInput_1.default, __assign({}, defaultProps, { strictMode: true })));
+            var input = react_1.screen.getByTestId('phone-input');
+            // Try to input more than 16 characters (max allowed)
+            var longInput = '+155512345678901234567890';
+            react_1.fireEvent.change(input, { target: { value: longInput } });
+            expect(defaultProps.onChange).toHaveBeenCalledWith({
+                id: 'test-phone',
+                value: '+155512345678901', // Should be capped at 15 digits + 1 plus sign = 16 characters
+            });
+        });
+    });
+    it('passes through other props to Input component', function () {
+        var customProps = __assign(__assign({}, defaultProps), { placeholder: 'Enter phone number', disabled: true, 'data-custom': 'test-value' });
+        (0, react_1.render)((0, jsx_runtime_1.jsx)(PhoneInput_1.default, __assign({}, customProps)));
+        var input = react_1.screen.getByTestId('phone-input');
+        expect(input).toHaveAttribute('placeholder', 'Enter phone number');
+        expect(input).toBeDisabled();
+        expect(input).toHaveAttribute('data-custom', 'test-value');
+    });
+    // Note: Empty input test is covered by the basic onChange test above
+});
+//# sourceMappingURL=PhoneInput.test.js.map

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

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

package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberCallbacks.d.ts

@@ -0,0 +1,33 @@
+import { CountryData } from './__helpers__/utils/countryData';
+import { PhoneValidationResult } from './__helpers__/utils/phoneValidation';
+export interface PhoneNumberChangeEvent {
+    id: string;
+    phoneNumber: string;
+    e164Number: string;
+    isValid: boolean;
+    selectedCountry: CountryData;
+    validationResult: PhoneValidationResult | null;
+}
+export interface CountryChangeEvent {
+    id: string;
+    selectedCountry: CountryData;
+    previousCountry: CountryData;
+}
+export interface ValidationChangeEvent {
+    id: string;
+    isValid: boolean;
+    validationResult: PhoneValidationResult;
+    phoneNumber: string;
+}
+export interface FormattedValueChangeEvent {
+    id: string;
+    formattedValue: string;
+    e164Value: string;
+}
+export interface PhoneNumberTextFieldCallbacks {
+    onPhoneNumberChange?: (event: PhoneNumberChangeEvent) => void;
+    onCountryChange?: (event: CountryChangeEvent) => void;
+    onValidationChange?: (event: ValidationChangeEvent) => void;
+    onFormattedValueChange?: (event: FormattedValueChangeEvent) => void;
+    onChange?: (event: PhoneNumberChangeEvent) => void;
+}

package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberCallbacks.js

@@ -0,0 +1,3 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=PhoneNumberCallbacks.js.map

package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberCallbacks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PhoneNumberCallbacks.js","sourceRoot":"","sources":["../../../../src/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberCallbacks.ts"],"names":[],"mappings":""}

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

@@ -0,0 +1,7 @@
+import { FunctionComponentWithDefaultProps } from '../../../Helpers/React';
+import IPhoneNumberTextFieldProps from './IPhoneNumberTextFieldProps';
+import defaultProps from './__helpers__/utils/defaultProps';
+import WithExperimentName from '../../../@types/WithExperimentName';
+export type PhoneNumberTextFieldType = FunctionComponentWithDefaultProps<WithExperimentName<IPhoneNumberTextFieldProps>, typeof defaultProps>;
+declare const PhoneNumberTextField: PhoneNumberTextFieldType;
+export default PhoneNumberTextField;

package/Components/Molecules/PhoneNumberTextFieldCustom/PhoneNumberTextField.js

@@ -0,0 +1,195 @@
+"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 __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)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+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 FormControl_1 = __importDefault(require("@mui/material/FormControl"));
+var react_1 = require("react");
+var react_2 = require("@emotion/react");
+var InputLabel_1 = __importDefault(require("../../../Components/Atoms/InputLabel"));
+var defaultProps_1 = __importDefault(require("./__helpers__/utils/defaultProps"));
+var makeFormControlPhoneNumberStyling_1 = __importDefault(require("./__helpers__/styling/makeFormControlPhoneNumberStyling"));
+var makeFormControlStyles_1 = __importDefault(require("../../../Components/Atoms/FormControl/makeFormControlStyles"));
+var CountryDropdown_1 = __importDefault(require("./CountryDropdown"));
+var CountryModal_1 = __importDefault(require("./CountryModal"));
+var PhoneInput_1 = __importDefault(require("./PhoneInput"));
+var CountrySelector_1 = __importDefault(require("./CountrySelector"));
+var ErrorDisplay_1 = __importDefault(require("./ErrorDisplay"));
+var usePhoneNumber_1 = require("./__helpers__/hooks/usePhoneNumber");
+var useCountrySelector_1 = require("./__helpers__/hooks/useCountrySelector");
+var PhoneNumberTextField = function (_a) {
+    var _b, _c;
+    var 
+    // Core props
+    id = _a.id, _d = _a.value, value = _d === void 0 ? '' : _d, label = _a.label, errorMessage = _a.errorMessage, disabled = _a.disabled, placeholder = _a.placeholder, 
+    // Country settings
+    initialCountry = _a.initialCountry, enableCountryChange = _a.enableCountryChange, enableCountrySearch = _a.enableCountrySearch, useModalForCountrySelection = _a.useModalForCountrySelection, 
+    // UI state
+    isAnswered = _a.isAnswered, isSafari = _a.isSafari, isAutoFilledActive = _a.isAutoFilledActive, experimentName = _a.experimentName, 
+    // Input filtering settings
+    strictMode = _a.strictMode, 
+    // Callbacks
+    onPhoneNumberChange = _a.onPhoneNumberChange, onCountryChange = _a.onCountryChange, onValidationChange = _a.onValidationChange, onFormattedValueChange = _a.onFormattedValueChange, onChange = _a.onChange, // Legacy support
+    // Event handlers
+    onBlur = _a.onBlur, onClick = _a.onClick, type = _a.type, props = __rest(_a, ["id", "value", "label", "errorMessage", "disabled", "placeholder", "initialCountry", "enableCountryChange", "enableCountrySearch", "useModalForCountrySelection", "isAnswered", "isSafari", "isAutoFilledActive", "experimentName", "strictMode", "onPhoneNumberChange", "onCountryChange", "onValidationChange", "onFormattedValueChange", "onChange", "onBlur", "onClick", "type"]);
+    var theme = (0, react_2.useTheme)();
+    var countrySelectorRef = (0, react_1.useRef)(null);
+    var inputRef = (0, react_1.useRef)(null);
+    // Custom hooks for clean separation of concerns
+    var phoneNumber = (0, usePhoneNumber_1.usePhoneNumber)({
+        initialCountry: initialCountry,
+        initialValue: value,
+    });
+    var countrySelector = (0, useCountrySelector_1.useCountrySelector)({
+        enableCountryChange: enableCountryChange,
+    });
+    // Use refs to track previous values
+    var prevPhoneNumberRef = (0, react_1.useRef)('');
+    var prevE164Ref = (0, react_1.useRef)('');
+    var prevIsValidRef = (0, react_1.useRef)(false);
+    var prevCountryCodeRef = (0, react_1.useRef)('');
+    // Handle phone number change events with proper change detection
+    (0, react_1.useEffect)(function () {
+        var _a, _b;
+        var currentPhoneNumber = phoneNumber.phoneNumber;
+        var currentE164 = phoneNumber.formattedE164;
+        var currentIsValid = phoneNumber.isValid;
+        var currentCountryCode = (_b = (_a = phoneNumber.selectedCountry) === null || _a === void 0 ? void 0 : _a.code) !== null && _b !== void 0 ? _b : '';
+        // Only trigger callbacks if values have actually changed
+        var phoneNumberChanged = currentPhoneNumber !== prevPhoneNumberRef.current;
+        var e164Changed = currentE164 !== prevE164Ref.current;
+        var validityChanged = currentIsValid !== prevIsValidRef.current;
+        var countryChanged = currentCountryCode !== prevCountryCodeRef.current;
+        if (phoneNumberChanged ||
+            e164Changed ||
+            validityChanged ||
+            countryChanged) {
+            // Update refs first to prevent re-triggering
+            prevPhoneNumberRef.current = currentPhoneNumber;
+            prevE164Ref.current = currentE164;
+            prevIsValidRef.current = currentIsValid;
+            prevCountryCodeRef.current = currentCountryCode;
+            // Call specific callbacks with properly separated concerns
+            if (phoneNumberChanged || e164Changed) {
+                onPhoneNumberChange === null || onPhoneNumberChange === void 0 ? void 0 : onPhoneNumberChange({
+                    id: id,
+                    phoneNumber: currentPhoneNumber, // What user sees (national format)
+                    e164Number: currentE164, // E164 format for backend
+                });
+            }
+            if (phoneNumber.validationResult &&
+                (phoneNumberChanged || validityChanged)) {
+                onValidationChange === null || onValidationChange === void 0 ? void 0 : onValidationChange({
+                    id: id,
+                    isValid: currentIsValid,
+                    validationResult: phoneNumber.validationResult,
+                    phoneNumber: currentPhoneNumber,
+                });
+            }
+            if (phoneNumberChanged || e164Changed) {
+                onFormattedValueChange === null || onFormattedValueChange === void 0 ? void 0 : onFormattedValueChange({
+                    id: id,
+                    formattedValue: currentPhoneNumber, // What user sees (national format)
+                    e164Value: currentE164, // What gets submitted (international format)
+                });
+            }
+            // Call legacy callback for backward compatibility
+            if (phoneNumber.validationResult &&
+                (phoneNumberChanged || e164Changed || validityChanged)) {
+                onChange === null || onChange === void 0 ? void 0 : onChange({
+                    id: id,
+                    value: currentE164, // This is E164 format for backend
+                    isValid: currentIsValid,
+                    selectedCountry: phoneNumber.selectedCountry,
+                    validationResult: phoneNumber.validationResult,
+                });
+            }
+        }
+    }, [
+        id,
+        phoneNumber.phoneNumber,
+        phoneNumber.formattedE164,
+        phoneNumber.isValid,
+        (_b = phoneNumber.selectedCountry) === null || _b === void 0 ? void 0 : _b.code,
+        phoneNumber.validationResult,
+        onPhoneNumberChange,
+        onValidationChange,
+        onFormattedValueChange,
+        onChange,
+    ]);
+    // Memoized callbacks to prevent unnecessary re-renders
+    var handlePhoneChange = (0, react_1.useCallback)(function (params) {
+        phoneNumber.setPhoneNumber(params.value);
+    }, [phoneNumber.setPhoneNumber]);
+    // Handle country changes
+    var handleCountryChange = (0, react_1.useCallback)(function (country) {
+        var previousCountry = phoneNumber.selectedCountry;
+        phoneNumber.setSelectedCountry(country);
+        onCountryChange === null || onCountryChange === void 0 ? void 0 : onCountryChange({
+            id: id,
+            selectedCountry: country,
+            previousCountry: previousCountry,
+        });
+    }, [
+        phoneNumber.setSelectedCountry,
+        phoneNumber.selectedCountry,
+        id,
+        onCountryChange,
+    ]);
+    // Memoized error state computation
+    var _e = (0, react_1.useMemo)(function () {
+        var shouldShow = Boolean(errorMessage) ||
+            Boolean(phoneNumber.validationResult &&
+                !phoneNumber.validationResult.isValid &&
+                phoneNumber.phoneNumber.length > 0);
+        var finalError = errorMessage || phoneNumber.errorMessage;
+        return { shouldShowError: shouldShow, finalErrorMessage: finalError };
+    }, [
+        errorMessage,
+        phoneNumber.validationResult,
+        phoneNumber.phoneNumber.length,
+        phoneNumber.errorMessage,
+    ]), shouldShowError = _e.shouldShowError, finalErrorMessage = _e.finalErrorMessage;
+    var formControlStyles = [
+        (0, makeFormControlPhoneNumberStyling_1.default)({
+            isAnswered: isAnswered !== null && isAnswered !== void 0 ? isAnswered : false,
+            isAutoFilledActive: isAutoFilledActive !== null && isAutoFilledActive !== void 0 ? isAutoFilledActive : false,
+            isSafari: isSafari !== null && isSafari !== void 0 ? isSafari : false,
+            hasError: !!shouldShowError,
+            theme: theme,
+        }),
+        (0, makeFormControlStyles_1.default)({
+            isAutoFilledActive: isAutoFilledActive !== null && isAutoFilledActive !== void 0 ? isAutoFilledActive : false,
+            isSafari: isSafari !== null && isSafari !== void 0 ? isSafari : false,
+            theme: theme,
+        }),
+    ];
+    return ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsxs)(FormControl_1.default, { variant: "standard", error: !!shouldShowError, fullWidth: true, css: formControlStyles, sx: { position: 'relative' }, children: [label && ((0, jsx_runtime_1.jsx)(InputLabel_1.default, { id: "".concat(id, "-label"), isAnswered: isAnswered !== null && isAnswered !== void 0 ? isAnswered : false, htmlFor: id, shrink: true, experimentName: experimentName, children: label })), (0, jsx_runtime_1.jsxs)("div", { className: "phone-input-container", role: "group", "aria-labelledby": label ? "".concat(id, "-label") : undefined, "aria-describedby": finalErrorMessage ? "".concat(id, "-error") : undefined, children: [(0, jsx_runtime_1.jsx)(CountrySelector_1.default, { ref: countrySelectorRef, selectedCountry: phoneNumber.selectedCountry, enableCountryChange: enableCountryChange, isCountryMenuOpen: countrySelector.isCountryMenuOpen, onClick: countrySelector.handleCountrySelectClick, onKeyDown: countrySelector.handleKeyDown }), (0, jsx_runtime_1.jsx)(PhoneInput_1.default, __assign({ ref: inputRef, id: id, value: phoneNumber.phoneNumber, placeholder: (0, react_1.useMemo)(function () { var _a; return placeholder || ((_a = phoneNumber.selectedCountry) === null || _a === void 0 ? void 0 : _a.example) || ''; }, [placeholder, (_c = phoneNumber.selectedCountry) === null || _c === void 0 ? void 0 : _c.example]), disabled: disabled, error: !!shouldShowError, isAnswered: isAnswered, isSafari: isSafari, isAutoFilledActive: isAutoFilledActive, experimentName: experimentName, type: type, strictMode: strictMode, onChange: handlePhoneChange, onBlur: onBlur, onClick: onClick }, props))] }), (0, jsx_runtime_1.jsx)(ErrorDisplay_1.default, { id: "".concat(id, "-error"), errorMessage: finalErrorMessage, role: "alert", "aria-live": "polite" })] }), enableCountryChange && useModalForCountrySelection ? ((0, jsx_runtime_1.jsx)(CountryModal_1.default, { selectedCountry: phoneNumber.selectedCountry, onCountryChange: handleCountryChange, enableCountrySearch: enableCountrySearch, open: countrySelector.isCountryMenuOpen, onClose: countrySelector.closeCountryMenu })) : ((0, jsx_runtime_1.jsx)(CountryDropdown_1.default, { selectedCountry: phoneNumber.selectedCountry, onCountryChange: handleCountryChange, enableCountrySearch: enableCountrySearch, anchorEl: countrySelectorRef.current, open: countrySelector.isCountryMenuOpen, onClose: countrySelector.closeCountryMenu }))] }));
+};
+PhoneNumberTextField.defaultProps = defaultProps_1.default;
+exports.default = PhoneNumberTextField;
+//# sourceMappingURL=PhoneNumberTextField.js.map

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

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

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

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