@mvf/external-components 3.31.1-dev.6 → 3.31.1

package/index.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.RadioGroup = exports.TileLayout = exports.ListLayout = exports.PhoneNumberTextFieldCustom = exports.PhoneNumberTextField = exports.ThankYouBanner = exports.TextField = exports.ScrollContainer = exports.RadioButton = exports.NavBar = exports.IconTileRadioButton = exports.IconTileCheckBox = exports.DropDownSelect = exports.DatePicker = exports.CheckBox = exports.AnimationWrapper = exports.InfoPanel = exports.Text = exports.ProgressBar = exports.Modal = exports.LoadingIndicator = exports.Link = exports.InputLabel = exports.Input = exports.IconButton = exports.FormControl = exports.ErrorMessageProvider = exports.ErrorMessage = exports.CircularProgress = exports.CardButton = exports.Button = exports.StoryThemeWrapper = exports.themes = exports.palettes = exports.atlanticPalette = exports.atlanticTheme = exports.rhubarbPalette = exports.rhubarbTheme = exports.indigoPalette = exports.indigoTheme = exports.gowizardPalette = exports.gowizardTheme = exports.chameleonPalette = exports.chameleonTheme = void 0;
+exports.RadioGroup = exports.TileLayout = exports.ListLayout = exports.PhoneNumberTextField = exports.ThankYouBanner = exports.TextField = exports.ScrollContainer = exports.RadioButton = exports.NavBar = exports.IconTileRadioButton = exports.IconTileCheckBox = exports.DropDownSelect = exports.DatePicker = exports.CheckBox = exports.AnimationWrapper = exports.InfoPanel = exports.Text = exports.ProgressBar = exports.Modal = exports.LoadingIndicator = exports.Link = exports.InputLabel = exports.Input = exports.IconButton = exports.FormControl = exports.ErrorMessageProvider = exports.ErrorMessage = exports.CircularProgress = exports.CardButton = exports.Button = exports.StoryThemeWrapper = exports.themes = exports.palettes = exports.atlanticPalette = exports.atlanticTheme = exports.rhubarbPalette = exports.rhubarbTheme = exports.indigoPalette = exports.indigoTheme = exports.gowizardPalette = exports.gowizardTheme = exports.chameleonPalette = exports.chameleonTheme = void 0;
 // Themes
 var Themes_1 = require("./Themes");
 Object.defineProperty(exports, "chameleonTheme", { enumerable: true, get: function () { return Themes_1.chameleonTheme; } });
@@ -47,7 +47,6 @@ Object.defineProperty(exports, "ScrollContainer", { enumerable: true, get: funct
 Object.defineProperty(exports, "TextField", { enumerable: true, get: function () { return Molecules_1.TextField; } });
 Object.defineProperty(exports, "ThankYouBanner", { enumerable: true, get: function () { return Molecules_1.ThankYouBanner; } });
 Object.defineProperty(exports, "PhoneNumberTextField", { enumerable: true, get: function () { return Molecules_1.PhoneNumberTextField; } });
-Object.defineProperty(exports, "PhoneNumberTextFieldCustom", { enumerable: true, get: function () { return Molecules_1.PhoneNumberTextFieldCustom; } });
 // Organisms
 var Organisms_1 = require("./Components/Organisms");
 Object.defineProperty(exports, "ListLayout", { enumerable: true, get: function () { return Organisms_1.ListLayout; } });

package/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,SAAS;AACT,mCAgBkB;AAfhB,wGAAA,cAAc,OAAA;AACd,0GAAA,gBAAgB,OAAA;AAChB,uGAAA,aAAa,OAAA;AACb,yGAAA,eAAe,OAAA;AACf,qGAAA,WAAW,OAAA;AACX,uGAAA,aAAa,OAAA;AACb,sGAAA,YAAY,OAAA;AACZ,wGAAA,cAAc,OAAA;AACd,uGAAA,aAAa,OAAA;AACb,yGAAA,eAAe,OAAA;AACf,kGAAA,QAAQ,OAAA;AACR,gGAAA,MAAM,OAAA;AAGN,2GAAA,iBAAiB,OAAA;AAGnB,QAAQ;AACR,4CAiB4B;AAhB1B,+FAAA,MAAM,OAAA;AACN,mGAAA,UAAU,OAAA;AACV,yGAAA,gBAAgB,OAAA;AAChB,qGAAA,YAAY,OAAA;AACZ,6GAAA,oBAAoB,OAAA;AACpB,oGAAA,WAAW,OAAA;AACX,mGAAA,UAAU,OAAA;AACV,8FAAA,KAAK,OAAA;AACL,mGAAA,UAAU,OAAA;AACV,6FAAA,IAAI,OAAA;AACJ,yGAAA,gBAAgB,OAAA;AAChB,8FAAA,KAAK,OAAA;AACL,oGAAA,WAAW,OAAA;AACX,6FAAA,IAAI,OAAA;AACJ,kGAAA,SAAS,OAAA;AACT,yGAAA,gBAAgB,OAAA;AAGlB,YAAY;AACZ,oDAagC;AAZ9B,qGAAA,QAAQ,OAAA;AACR,uGAAA,UAAU,OAAA;AACV,2GAAA,cAAc,OAAA;AACd,6GAAA,gBAAgB,OAAA;AAChB,gHAAA,mBAAmB,OAAA;AACnB,mGAAA,MAAM,OAAA;AACN,wGAAA,WAAW,OAAA;AACX,4GAAA,eAAe,OAAA;AACf,sGAAA,SAAS,OAAA;AACT,2GAAA,cAAc,OAAA;AACd,iHAAA,oBAAoB,OAAA;AACpB,uHAAA,0BAA0B,OAAA;AAG5B,YAAY;AACZ,oDAA4E;AAAnE,uGAAA,UAAU,OAAA;AAAE,uGAAA,UAAU,OAAA;AAAE,uGAAA,UAAU,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":";;;AAAA,SAAS;AACT,mCAgBkB;AAfhB,wGAAA,cAAc,OAAA;AACd,0GAAA,gBAAgB,OAAA;AAChB,uGAAA,aAAa,OAAA;AACb,yGAAA,eAAe,OAAA;AACf,qGAAA,WAAW,OAAA;AACX,uGAAA,aAAa,OAAA;AACb,sGAAA,YAAY,OAAA;AACZ,wGAAA,cAAc,OAAA;AACd,uGAAA,aAAa,OAAA;AACb,yGAAA,eAAe,OAAA;AACf,kGAAA,QAAQ,OAAA;AACR,gGAAA,MAAM,OAAA;AAGN,2GAAA,iBAAiB,OAAA;AAGnB,QAAQ;AACR,4CAiB4B;AAhB1B,+FAAA,MAAM,OAAA;AACN,mGAAA,UAAU,OAAA;AACV,yGAAA,gBAAgB,OAAA;AAChB,qGAAA,YAAY,OAAA;AACZ,6GAAA,oBAAoB,OAAA;AACpB,oGAAA,WAAW,OAAA;AACX,mGAAA,UAAU,OAAA;AACV,8FAAA,KAAK,OAAA;AACL,mGAAA,UAAU,OAAA;AACV,6FAAA,IAAI,OAAA;AACJ,yGAAA,gBAAgB,OAAA;AAChB,8FAAA,KAAK,OAAA;AACL,oGAAA,WAAW,OAAA;AACX,6FAAA,IAAI,OAAA;AACJ,kGAAA,SAAS,OAAA;AACT,yGAAA,gBAAgB,OAAA;AAGlB,YAAY;AACZ,oDAYgC;AAX9B,qGAAA,QAAQ,OAAA;AACR,uGAAA,UAAU,OAAA;AACV,2GAAA,cAAc,OAAA;AACd,6GAAA,gBAAgB,OAAA;AAChB,gHAAA,mBAAmB,OAAA;AACnB,mGAAA,MAAM,OAAA;AACN,wGAAA,WAAW,OAAA;AACX,4GAAA,eAAe,OAAA;AACf,sGAAA,SAAS,OAAA;AACT,2GAAA,cAAc,OAAA;AACd,iHAAA,oBAAoB,OAAA;AAGtB,YAAY;AACZ,oDAA4E;AAAnE,uGAAA,UAAU,OAAA;AAAE,uGAAA,UAAU,OAAA;AAAE,uGAAA,UAAU,OAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mvf/external-components",
-  "version": "3.31.1-dev.6",
+  "version": "3.31.1",
   "license": "UNLICENSED",
   "scripts": {
     "dev": "scripts/up.sh",
@@ -25,7 +25,6 @@
     "@testing-library/jest-dom": "^5.14.1",
     "@testing-library/react": "^12.0.0",
     "@testing-library/user-event": "^13.2.1",
-    "@types/google-libphonenumber": "^7.4.30",
     "@types/intl-tel-input": "^17.0.4",
     "@types/jest": "^29.5.11",
     "@types/lodash": "^4.14.171",
@@ -61,7 +60,6 @@
     "@mui/styles": "^5.14.11",
     "@mui/x-date-pickers": "^6.16.2",
     "date-fns": "^2.29.3",
-    "google-libphonenumber": "^3.2.42",
     "intl-tel-input": "^17.0.16",
     "lodash": "^4.17.21",
     "react": "^17.0.2",

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

@@ -1,57 +0,0 @@
-import { MouseEventHandler } from 'react';
-import { CountryData } from './__helpers__/utils/countryData';
-import { PhoneValidationResult } from './__helpers__/utils/phoneValidation';
-export interface IPhoneNumberChangeParams {
-    id: string;
-    phoneNumber: string;
-    e164Number: string;
-}
-export interface ICountryChangeParams {
-    id: string;
-    selectedCountry: CountryData;
-    previousCountry: CountryData;
-}
-export interface IValidationChangeParams {
-    id: string;
-    isValid: boolean;
-    validationResult: PhoneValidationResult;
-    phoneNumber: string;
-}
-export interface IFormattedValueChangeParams {
-    id: string;
-    formattedValue: string;
-    e164Value: string;
-}
-export interface IPhoneNumberTextFieldCallbackParams {
-    id: string;
-    value: string;
-    isValid: boolean;
-    selectedCountry: CountryData;
-    validationResult?: PhoneValidationResult;
-}
-interface IPhoneNumberTextFieldProps {
-    disabled: boolean;
-    errorMessage?: string;
-    type: string;
-    id: string;
-    inputRef?: React.Ref<HTMLInputElement>;
-    isAnswered: boolean;
-    label: string;
-    onBlur: () => void;
-    onPhoneNumberChange?: (params: IPhoneNumberChangeParams) => void;
-    onCountryChange?: (params: ICountryChangeParams) => void;
-    onValidationChange?: (params: IValidationChangeParams) => void;
-    onFormattedValueChange?: (params: IFormattedValueChangeParams) => void;
-    onChange?: (item: IPhoneNumberTextFieldCallbackParams) => void;
-    onClick: MouseEventHandler<HTMLInputElement>;
-    placeholder?: string;
-    value: string;
-    initialCountry?: string;
-    isSafari: boolean;
-    isAutoFilledActive: boolean;
-    enableCountryChange?: boolean;
-    enableCountrySearch?: boolean;
-    useModalForCountrySelection?: boolean;
-    strictMode?: boolean;
-}
-export default IPhoneNumberTextFieldProps;

package/Components/Molecules/PhoneNumberTextFieldCustom/IPhoneNumberTextFieldProps.js

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

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

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

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

@@ -1,33 +0,0 @@
-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

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

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

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

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

@@ -1,7 +0,0 @@
-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

@@ -1,216 +0,0 @@
-"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("./__helpers__/components/ui/CountryDropdown"));
-var CountryModal_1 = __importDefault(require("./__helpers__/components/ui/CountryModal"));
-var PhoneInput_1 = __importDefault(require("./__helpers__/components/forms/PhoneInput"));
-var CountrySelector_1 = __importDefault(require("./__helpers__/components/ui/CountrySelector"));
-var ErrorDisplay_1 = __importDefault(require("./__helpers__/components/display/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,
-        enableCountryChange: enableCountryChange,
-    });
-    var countrySelector = (0, useCountrySelector_1.useCountrySelector)({
-        enableCountryChange: enableCountryChange,
-        disabled: disabled,
-    });
-    // 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 auto-detected country changes
-    (0, react_1.useEffect)(function () {
-        if (phoneNumber.autoDetectedCountryChange) {
-            var _a = phoneNumber.autoDetectedCountryChange, newCountry = _a.newCountry, previousCountry = _a.previousCountry;
-            // Trigger the country change callback for auto-detection
-            onCountryChange === null || onCountryChange === void 0 ? void 0 : onCountryChange({
-                id: id,
-                selectedCountry: newCountry,
-                previousCountry: previousCountry,
-            });
-            // Clear the auto-detected country change flag
-            phoneNumber.clearAutoDetectedCountryChange();
-        }
-    }, [
-        phoneNumber.autoDetectedCountryChange,
-        phoneNumber.clearAutoDetectedCountryChange,
-        onCountryChange,
-        id,
-    ]);
-    // 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;
-        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, disabled: disabled, 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

@@ -1 +0,0 @@
-{"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

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