@alfalab/core-components-intl-phone-input 7.0.17 → 8.0.0

package/{component-493e5f4b.d.ts → component-e5dc042a.d.ts}

@@ -31,5 +31,9 @@ declare function __classPrivateFieldGet(receiver: any, privateMap: any): any;
 declare function __classPrivateFieldSet(receiver: any, privateMap: any, value: any): any;
 declare function __assign(...args: any[]): any;
 declare function __createBinding(o: any, m: any, k: any, k2: any): void;
+declare const EMPTY_COUNTRY_SELECT_FIELD: {
+    value: string;
+    key: string;
+};
 declare const SelectField: FC<FieldProps>;
-export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __assign, __createBinding, SelectField };
+export { __extends, __rest, __decorate, __param, __metadata, __awaiter, __generator, __exportStar, __values, __read, __spread, __spreadArrays, __await, __asyncGenerator, __asyncDelegator, __asyncValues, __makeTemplateObject, __importStar, __importDefault, __classPrivateFieldGet, __classPrivateFieldSet, __assign, __createBinding, EMPTY_COUNTRY_SELECT_FIELD, SelectField };

package/{component-493e5f4b.js → component-e5dc042a.js}

@@ -2,6 +2,7 @@
 
 var React = require('react');
 var cn = require('classnames');
+var WorldMagnifierMIcon = require('@alfalab/icons-glyph/WorldMagnifierMIcon');
 var mergeRefs = require('react-merge-refs');
 var hooks = require('@alfalab/hooks');
 var components_flagIcon_component = require('./components/flag-icon/component.js');
@@ -10,6 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var WorldMagnifierMIcon__default = /*#__PURE__*/_interopDefaultLegacy(WorldMagnifierMIcon);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
 
 /*! *****************************************************************************
@@ -51,9 +53,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"intl-phone-input__component_vwysr","flagIconContainer":"intl-phone-input__flagIconContainer_vwysr","disabled":"intl-phone-input__disabled_vwysr","inner":"intl-phone-input__inner_vwysr","l":"intl-phone-input__l_vwysr","xl":"intl-phone-input__xl_vwysr","focusVisible":"intl-phone-input__focusVisible_vwysr"};
+var styles = {"component":"intl-phone-input__component_1t5ac","flagIconContainer":"intl-phone-input__flagIconContainer_1t5ac","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1t5ac","disabled":"intl-phone-input__disabled_1t5ac","inner":"intl-phone-input__inner_1t5ac","l":"intl-phone-input__l_1t5ac","xl":"intl-phone-input__xl_1t5ac","focusVisible":"intl-phone-input__focusVisible_1t5ac"};
 require('./components/select-field/index.css')
 
+var EMPTY_COUNTRY_SELECT_FIELD = {
+    value: 'EMPTY_COUNTRY_SELECT_VALUE',
+    key: 'EMPTY_COUNTRY_SELECT_KEY',
+};
 var SelectField = function (_a) {
     var _b;
     var selected = _a.selected, Arrow = _a.Arrow, size = _a.size, disabled = _a.disabled, _c = _a.innerProps, innerProps = _c === void 0 ? {} : _c;
@@ -65,10 +71,10 @@ var SelectField = function (_a) {
             _b[styles.disabled] = disabled,
             _b)) },
         React__default['default'].createElement("div", exports.__assign({}, innerProps, { className: styles.inner }),
-            selected && (React__default['default'].createElement("span", { className: styles.flagIconContainer },
-                React__default['default'].createElement(components_flagIcon_component.FlagIcon, { country: selected.value }))),
+            React__default['default'].createElement("span", { className: styles.flagIconContainer }, !selected || selected === EMPTY_COUNTRY_SELECT_FIELD ? (React__default['default'].createElement(WorldMagnifierMIcon__default['default'], { className: styles.emptyCountryIcon })) : (React__default['default'].createElement(components_flagIcon_component.FlagIcon, { country: selected.value }))),
             Arrow)));
 };
 
+exports.EMPTY_COUNTRY_SELECT_FIELD = EMPTY_COUNTRY_SELECT_FIELD;
 exports.SelectField = SelectField;
 exports.__rest = __rest;

package/component.d.ts

@@ -25,7 +25,7 @@ type IntlPhoneInputProps = Partial<Omit<InputAutocompleteProps, 'onChange'>> & P
     /**
      * Обработчик события изменения страны
      */
-    onCountryChange?: (countryCode: CountryCode) => void;
+    onCountryChange?: (countryCode?: CountryCode) => void;
     /**
      * Список стран
      */
@@ -38,8 +38,12 @@ type IntlPhoneInputProps = Partial<Omit<InputAutocompleteProps, 'onChange'>> & P
      * Ограничение длин вводимых номеров по странам.
      */
     maxPhoneLen?: MaxPhoneLenByCountry;
+    hideCountrySelect?: boolean;
+    canBeEmptyCountry?: boolean;
+    ruNumberPriority?: boolean;
+    clear?: boolean;
 };
-declare const IntlPhoneInput: React.ForwardRefExoticComponent<Partial<Pick<InputAutocompleteProps, "error" | "block" | "size" | "className" | "fieldClassName" | "disabled" | "hint" | "label" | "labelView" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onInput" | "onScroll" | "value" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "multiple" | "readOnly" | "success" | "selected" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "inputProps" | "optionsListClassName" | "optionClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList" | "Input">> & Pick<SelectProps, "preventFlip"> & {
+declare const IntlPhoneInput: React.ForwardRefExoticComponent<Partial<Pick<InputAutocompleteProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "labelView" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onInput" | "onScroll" | "value" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "multiple" | "readOnly" | "success" | "selected" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "inputProps" | "optionsListClassName" | "optionClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList" | "Input">> & Pick<SelectProps, "preventFlip"> & {
     /**
      * Значение
      */
@@ -59,7 +63,7 @@ declare const IntlPhoneInput: React.ForwardRefExoticComponent<Partial<Pick<Input
     /**
      * Обработчик события изменения страны
      */
-    onCountryChange?: ((countryCode: CountryCode) => void) | undefined;
+    onCountryChange?: ((countryCode?: "AC" | "AD" | "AE" | "AF" | "AG" | "AI" | "AL" | "AM" | "AO" | "AR" | "AS" | "AT" | "AU" | "AW" | "AX" | "AZ" | "BA" | "BB" | "BD" | "BE" | "BF" | "BG" | "BH" | "BI" | "BJ" | "BL" | "BM" | "BN" | "BO" | "BQ" | "BR" | "BS" | "BT" | "BW" | "BY" | "BZ" | "CA" | "CC" | "CD" | "CF" | "CG" | "CH" | "CI" | "CK" | "CL" | "CM" | "CN" | "CO" | "CR" | "CU" | "CV" | "CW" | "CX" | "CY" | "CZ" | "DE" | "DJ" | "DK" | "DM" | "DO" | "DZ" | "EC" | "EE" | "EG" | "EH" | "ER" | "ES" | "ET" | "FI" | "FJ" | "FK" | "FM" | "FO" | "FR" | "GA" | "GB" | "GD" | "GE" | "GF" | "GG" | "GH" | "GI" | "GL" | "GM" | "GN" | "GP" | "GQ" | "GR" | "GT" | "GU" | "GW" | "GY" | "HK" | "HN" | "HR" | "HT" | "HU" | "ID" | "IE" | "IL" | "IM" | "IN" | "IO" | "IQ" | "IR" | "IS" | "IT" | "JE" | "JM" | "JO" | "JP" | "KE" | "KG" | "KH" | "KI" | "KM" | "KN" | "KP" | "KR" | "KW" | "KY" | "KZ" | "LA" | "LB" | "LC" | "LI" | "LK" | "LR" | "LS" | "LT" | "LU" | "LV" | "LY" | "MA" | "MC" | "MD" | "ME" | "MF" | "MG" | "MH" | "MK" | "ML" | "MM" | "MN" | "MO" | "MP" | "MQ" | "MR" | "MS" | "MT" | "MU" | "MV" | "MW" | "MX" | "MY" | "MZ" | "NA" | "NC" | "NE" | "NF" | "NG" | "NI" | "NL" | "NO" | "NP" | "NR" | "NU" | "NZ" | "OM" | "PA" | "PE" | "PF" | "PG" | "PH" | "PK" | "PL" | "PM" | "PR" | "PS" | "PT" | "PW" | "PY" | "QA" | "RE" | "RO" | "RS" | "RU" | "RW" | "SA" | "SB" | "SC" | "SD" | "SE" | "SG" | "SH" | "SI" | "SJ" | "SK" | "SL" | "SM" | "SN" | "SO" | "SR" | "SS" | "ST" | "SV" | "SX" | "SY" | "SZ" | "TA" | "TC" | "TD" | "TG" | "TH" | "TJ" | "TK" | "TL" | "TM" | "TN" | "TO" | "TR" | "TT" | "TV" | "TW" | "TZ" | "UA" | "UG" | "US" | "UY" | "UZ" | "VA" | "VC" | "VE" | "VG" | "VI" | "VN" | "VU" | "WF" | "WS" | "XK" | "YE" | "YT" | "ZA" | "ZM" | "ZW" | undefined) => void) | undefined;
     /**
      * Список стран
      */
@@ -72,5 +76,9 @@ declare const IntlPhoneInput: React.ForwardRefExoticComponent<Partial<Pick<Input
      * Ограничение длин вводимых номеров по странам.
      */
     maxPhoneLen?: Record<string, number> | undefined;
+    hideCountrySelect?: boolean | undefined;
+    canBeEmptyCountry?: boolean | undefined;
+    ruNumberPriority?: boolean | undefined;
+    clear?: boolean | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
 export { IntlPhoneInputProps, IntlPhoneInput };

package/component.js

@@ -2,26 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('./component-493e5f4b.js');
+var components_selectField_component = require('./component-e5dc042a.js');
 var React = require('react');
 var cn = require('classnames');
 var utils = require('@alfalab/utils');
 var coreComponentsInputAutocomplete = require('@alfalab/core-components-input-autocomplete');
+var WorldMagnifierMIcon = require('@alfalab/icons-glyph/WorldMagnifierMIcon');
 require('react-merge-refs');
 require('@alfalab/hooks');
-require('./components/flag-icon/component.js');
+var components_flagIcon_component = require('./components/flag-icon/component.js');
 require('@alfalab/core-components-select');
 var components_select_component = require('./components/select/component.js');
 var utils_formatPhoneWithUnclearableCountryCode = require('./utils/format-phone-with-unclearable-country-code.js');
 var utils_calculateCaretPos = require('./utils/calculateCaretPos.js');
 var useCaretAvoidCountryCode = require('./useCaretAvoidCountryCode.js');
+var utils_preparePasteData = require('./utils/preparePasteData.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var WorldMagnifierMIcon__default = /*#__PURE__*/_interopDefaultLegacy(WorldMagnifierMIcon);
 
-var styles = {"addons":"intl-phone-input__addons_lm7s9","l":"intl-phone-input__l_lm7s9","xl":"intl-phone-input__xl_lm7s9"};
+var styles = {"addons":"intl-phone-input__addons_1ukqy","l":"intl-phone-input__l_1ukqy","xl":"intl-phone-input__xl_1ukqy","flagIconWrapper":"intl-phone-input__flagIconWrapper_1ukqy","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1ukqy"};
 require('./index.css')
 
 var countriesHash = utils.getCountriesHash();
@@ -30,20 +33,31 @@ var MASK_SYMBOLS = [' ', '-', '(', ')'];
 var MAX_PHONE_LEN = 15;
 var DEFAULT_MAX_PHONE_LEN_BY_COUNTRY = { RU: 11 };
 var IntlPhoneInput = React.forwardRef(function (_a, ref) {
-    var _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.readOnly, readOnly = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? 'm' : _d, _e = _a.colors, colors = _e === void 0 ? 'default' : _e, _f = _a.options, options = _f === void 0 ? [] : _f, _g = _a.countries, countries = _g === void 0 ? utils.getCountries() : _g, _h = _a.clearableCountryCode, clearableCountryCode = _h === void 0 ? true : _h, className = _a.className, value = _a.value, onChange = _a.onChange, onCountryChange = _a.onCountryChange, _j = _a.defaultCountryIso2, defaultCountryIso2 = _j === void 0 ? 'ru' : _j, preventFlip = _a.preventFlip, inputProps = _a.inputProps, _k = _a.maxPhoneLen, maxPhoneLen = _k === void 0 ? DEFAULT_MAX_PHONE_LEN_BY_COUNTRY : _k, restProps = components_selectField_component.__rest(_a, ["disabled", "readOnly", "size", "colors", "options", "countries", "clearableCountryCode", "className", "value", "onChange", "onCountryChange", "defaultCountryIso2", "preventFlip", "inputProps", "maxPhoneLen"]);
-    var _l = React.useState(defaultCountryIso2.toLowerCase()), countryIso2 = _l[0], setCountryIso2 = _l[1];
-    var _m = React.useState(0), fieldWidth = _m[0], setFieldWidth = _m[1];
+    var _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.readOnly, readOnly = _c === void 0 ? false : _c, _d = _a.hideCountrySelect, hideCountrySelect = _d === void 0 ? false : _d, _e = _a.canBeEmptyCountry, canBeEmptyCountry = _e === void 0 ? false : _e, _f = _a.ruNumberPriority, ruNumberPriority = _f === void 0 ? false : _f, _g = _a.clear, clear = _g === void 0 ? false : _g, _h = _a.size, size = _h === void 0 ? 'm' : _h, _j = _a.colors, colors = _j === void 0 ? 'default' : _j, _k = _a.options, options = _k === void 0 ? [] : _k, _l = _a.countries, countries = _l === void 0 ? utils.getCountries() : _l, _m = _a.clearableCountryCode, clearableCountryCode = _m === void 0 ? true : _m, className = _a.className, value = _a.value, onChange = _a.onChange, onCountryChange = _a.onCountryChange, _o = _a.defaultCountryIso2, defaultCountryIso2 = _o === void 0 ? 'ru' : _o, preventFlip = _a.preventFlip, inputProps = _a.inputProps, _p = _a.maxPhoneLen, maxPhoneLen = _p === void 0 ? DEFAULT_MAX_PHONE_LEN_BY_COUNTRY : _p, restProps = components_selectField_component.__rest(_a, ["disabled", "readOnly", "hideCountrySelect", "canBeEmptyCountry", "ruNumberPriority", "clear", "size", "colors", "options", "countries", "clearableCountryCode", "className", "value", "onChange", "onCountryChange", "defaultCountryIso2", "preventFlip", "inputProps", "maxPhoneLen"]);
+    var _q = React.useState(defaultCountryIso2.toLowerCase()), countryIso2 = _q[0], setCountryIso2 = _q[1];
     var inputRef = React.useRef(null);
-    var _o = React.useState(null), inputWrapperRef = _o[0], setInputWrapperRef = _o[1];
-    var _p = React.useState(), caretPos = _p[0], setCaretPos = _p[1];
+    var _r = React.useState(null), inputWrapperRef = _r[0], setInputWrapperRef = _r[1];
+    var _s = React.useState(), caretPos = _s[0], setCaretPos = _s[1];
     var phoneLibUtils = React.useRef();
     var formatPhone = function (inputValue) {
         var newValue = inputValue;
         if (phoneLibUtils.current) {
             var Utils = phoneLibUtils.current;
-            var utils = new Utils(countryIso2.toUpperCase());
+            var utils = new Utils(countryIso2 ? countryIso2.toUpperCase() : undefined);
             newValue = utils.input(inputValue);
         }
+        if (countryIso2 === 'ru') {
+            var parts = newValue.split(' ');
+            newValue = parts.reduce(function (acc, part, index) {
+                if (index === 0) {
+                    return part;
+                }
+                if (index > 2) {
+                    return acc + "-" + part;
+                }
+                return acc + " " + part;
+            }, '');
+        }
         return newValue;
     };
     var setCountryByIso2 = function (iso2) {
@@ -55,49 +69,64 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     };
     var handleCountryChange = function (countryCode) {
         if (onCountryChange) {
-            onCountryChange(countryCode.toUpperCase());
+            onCountryChange(countryCode ? countryCode.toUpperCase() : undefined);
         }
     };
-    var setCountryByDialCode = function (inputValue) {
-        for (var i = 0; i < countries.length; i++) {
-            var country_1 = countries[i];
-            if (new RegExp("^\\+" + country_1.dialCode).test(inputValue)) {
+    var getCountryByNumber = function (inputValue) {
+        // dialcode казахстанских номеров совпадает с российскими, поэтому проверяем отдельно
+        if (new RegExp('^\\+7(\\s)?7').test(inputValue)) {
+            var kzCoutry = countries.find(function (item) { return item.iso2 === 'kz'; });
+            if (kzCoutry) {
+                return kzCoutry;
+            }
+        }
+        var targetCountry = countries.find(function (country) {
+            if (new RegExp("^\\+" + country.dialCode).test(inputValue)) {
                 // Сначала проверяем, если приоритет не указан
-                if (country_1.priority === undefined) {
-                    onChange(formatPhone(inputValue));
-                    setCountryIso2(country_1.iso2);
-                    handleCountryChange(country_1.iso2);
-                    break;
+                if (country.priority === undefined) {
+                    return true;
                 }
                 // Если страна уже была выставлена через селект, и коды совпадают
-                if (countryIso2 === country_1.iso2) {
-                    onChange(formatPhone(inputValue));
-                    setCountryIso2(country_1.iso2);
-                    handleCountryChange(country_1.iso2);
-                    break;
-                    // Если не совпадают - выбираем по приоритету
+                if (countryIso2 === country.iso2 && countryIso2 !== 'kz') {
+                    return true;
                 }
-                else if (country_1.priority === 0) {
-                    onChange(formatPhone(inputValue));
-                    setCountryIso2(country_1.iso2);
-                    handleCountryChange(country_1.iso2);
-                    break;
+                // Если не совпадают - выбираем по приоритету
+                if (country.priority === 0) {
+                    return true;
                 }
+                return false;
             }
+            return false;
+        });
+        return targetCountry;
+    };
+    var setCountryByDialCode = function (inputValue) {
+        var country = getCountryByNumber(inputValue);
+        onChange(formatPhone(inputValue));
+        if (country) {
+            setCountryIso2(country.iso2);
+            handleCountryChange(country.iso2);
+        }
+        else if (canBeEmptyCountry) {
+            setCountryIso2(undefined);
+            handleCountryChange(undefined);
         }
     };
     var setCountryByDialCodeWithLengthCheck = function (inputValue) {
-        if (value.length < MAX_DIAL_CODE_LENGTH) {
-            setCountryByDialCode(inputValue);
+        if (inputRef.current) {
+            var selectionStart = inputRef.current.selectionStart;
+            if ((selectionStart || 0) <= MAX_DIAL_CODE_LENGTH) {
+                setCountryByDialCode(inputValue);
+            }
         }
     };
     var addCountryCode = function (inputValue) {
-        var country = countriesHash[countryIso2];
-        if (clearableCountryCode) {
+        if (clearableCountryCode || !countryIso2) {
             return inputValue.length === 1 && inputValue !== '+'
                 ? "+" + inputValue
                 : inputValue;
         }
+        var country = countriesHash[countryIso2];
         return utils_formatPhoneWithUnclearableCountryCode.formatPhoneWithUnclearableCountryCode(inputValue, country);
     };
     var handleInputChange = function (event) {
@@ -107,13 +136,13 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     var handleSelectChange = function (_a) {
         var selected = _a.selected;
         if (selected) {
-            var country_2 = setCountryByIso2(selected.value);
-            var inputValue = "+" + country_2.dialCode;
+            var country_1 = setCountryByIso2(selected.value);
+            var inputValue = "+" + country_1.dialCode;
             if (inputRef.current) {
                 inputRef.current.focus();
                 inputRef.current.setSelectionRange(inputValue.length, inputValue.length);
             }
-            handleCountryChange(country_2.iso2);
+            handleCountryChange(country_1.iso2);
         }
     };
     var handleChange = function (payload) {
@@ -123,12 +152,15 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         setCountryByDialCodeWithLengthCheck(selected.key);
         onChange(formatPhone(selected.key));
     };
-    var country = countriesHash[countryIso2];
-    var countryCodeLength = ("+" + country.dialCode).length;
+    var country = countryIso2 && countriesHash[countryIso2];
+    var countryCodeLength = country ? ("+" + country.dialCode).length : 0;
+    var isEmptyValue = clearableCountryCode
+        ? value === '' || value === '+'
+        : value.length <= countryCodeLength;
     var handleInputNewChar = function (event, caretPosition) {
         var input = event.target;
         var currentValue = input.value;
-        var maxPhoneLength = (maxPhoneLen === null || maxPhoneLen === void 0 ? void 0 : maxPhoneLen[countryIso2.toUpperCase()]) || MAX_PHONE_LEN;
+        var maxPhoneLength = (countryIso2 && (maxPhoneLen === null || maxPhoneLen === void 0 ? void 0 : maxPhoneLen[countryIso2.toUpperCase()])) || MAX_PHONE_LEN;
         // Если номер полностью заполнен, то перезатираем цифры, если каретка не в самом конце.
         var shouldReplace = maxPhoneLength === currentValue.replace(/\D/g, '').length;
         var endPhonePart = currentValue.slice(caretPosition);
@@ -140,15 +172,27 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
             endPhonePart = endPhonePart.slice(cursor + 1);
         }
         var newValue = currentValue.slice(0, caretPosition) + event.key + endPhonePart;
+        var newValueDecimal = newValue.replace(/\D/g, '');
         // Запрещаем ввод, если номер уже заполнен.
-        if (newValue.replace(/\D/g, '').length > maxPhoneLength) {
+        if (newValueDecimal.length > maxPhoneLength) {
             newValue = newValue.slice(0, -1);
         }
+        if (ruNumberPriority && !value && countryIso2 === 'ru') {
+            if (newValue === '7' || newValue === '8') {
+                newValue = '+7';
+            }
+            else if (newValueDecimal.length === 1) {
+                newValue = "+7" + newValueDecimal;
+            }
+        }
         newValue = formatPhone(addCountryCode(newValue));
         var phonePartWithoutMask = currentValue.slice(0, caretPosition).replace(/\D/g, '') + event.key;
         if (shouldReplace && phonePartWithoutMask.length > maxPhoneLength) {
             phonePartWithoutMask = phonePartWithoutMask.slice(0, -1);
         }
+        if (newValue && newValue[0] !== '+') {
+            newValue = "+" + newValue;
+        }
         setCaretPos(utils_calculateCaretPos.calculateCaretPos(phonePartWithoutMask, newValue));
         setCountryByDialCodeWithLengthCheck(newValue);
         onChange(newValue);
@@ -192,6 +236,35 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
             handleInputNewChar(event, caretPosition);
         }
     };
+    var handleClear = function () {
+        if (clearableCountryCode) {
+            onChange('+');
+            if (canBeEmptyCountry) {
+                setCountryIso2(undefined);
+                handleCountryChange(undefined);
+            }
+        }
+        else {
+            onChange(value.substring(0, countryCodeLength));
+        }
+    };
+    var handlePaste = function (event) {
+        var _a;
+        event.preventDefault();
+        var text = (_a = event.clipboardData) === null || _a === void 0 ? void 0 : _a.getData('Text');
+        if (!text || !inputRef.current) {
+            return;
+        }
+        var _b = inputRef.current, selectionStart = _b.selectionStart, selectionEnd = _b.selectionEnd;
+        var preparedNumber = utils_preparePasteData.preparePasteData(value, text, selectionStart || 0, selectionEnd || 0);
+        var targetCountry = getCountryByNumber(preparedNumber);
+        var maxPhoneLength = (targetCountry && (maxPhoneLen === null || maxPhoneLen === void 0 ? void 0 : maxPhoneLen[targetCountry.iso2.toUpperCase()])) || MAX_PHONE_LEN;
+        var resultNumber = preparedNumber.substring(0, maxPhoneLength + 1);
+        if (resultNumber) {
+            setCountryIso2(targetCountry ? targetCountry.iso2 : undefined);
+            onChange(formatPhone(addCountryCode(resultNumber)));
+        }
+    };
     React.useEffect(function () {
         if (inputRef.current && caretPos !== undefined) {
             inputRef.current.setSelectionRange(caretPos, caretPos);
@@ -202,21 +275,21 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         if (phoneLibUtils.current)
             return;
         Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-05992324.js'); })
+        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-ebc21c40.js'); })
             .then(function (utils) {
             phoneLibUtils.current = utils.AsYouType;
-            setCountryByDialCode(value);
+            if (canBeEmptyCountry) {
+                onChange(formatPhone(value));
+            }
+            else {
+                setCountryByDialCode(value);
+            }
         })
             .catch(function (error) { return "An error occurred while loading libphonenumber-js:\n" + error; });
         /* eslint-disable-next-line react-hooks/exhaustive-deps */
     }, [value]);
     useCaretAvoidCountryCode.useCaretAvoidCountryCode({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
-    React.useEffect(function () {
-        if (inputWrapperRef) {
-            setFieldWidth(inputWrapperRef.getBoundingClientRect().width);
-        }
-    }, [inputWrapperRef]);
-    return (React__default['default'].createElement(coreComponentsInputAutocomplete.InputAutocomplete, components_selectField_component.__assign({}, restProps, { ref: ref, inputProps: components_selectField_component.__assign(components_selectField_component.__assign({}, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn__default['default'](className, styles[size]), addonsClassName: styles.addons, onKeyDown: handleKeyDown, leftAddons: countries.length > 1 && (React__default['default'].createElement(components_select_component.CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: fieldWidth, preventFlip: preventFlip })) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
+    return (React__default['default'].createElement(coreComponentsInputAutocomplete.InputAutocomplete, components_selectField_component.__assign({}, restProps, { ref: ref, inputProps: components_selectField_component.__assign(components_selectField_component.__assign({ clear: clear && !isEmptyValue, onClear: handleClear }, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn__default['default'](className, styles[size]), addonsClassName: styles.addons, onKeyDown: handleKeyDown, onPaste: handlePaste, leftAddons: hideCountrySelect ? (React__default['default'].createElement("span", { className: styles.flagIconWrapper }, countryIso2 ? (React__default['default'].createElement(components_flagIcon_component.FlagIcon, { country: countryIso2 })) : (React__default['default'].createElement(WorldMagnifierMIcon__default['default'], { className: styles.emptyCountryIcon })))) : (countries.length > 1 && (React__default['default'].createElement(components_select_component.CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: inputWrapperRef && inputWrapperRef.getBoundingClientRect().width, preventFlip: preventFlip }))) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
 });
 IntlPhoneInput.defaultProps = {
     size: 'm',

package/components/flag-icon/component.js

@@ -10,7 +10,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"flagIcon":"intl-phone-input__flagIcon_szwsx","ac":"intl-phone-input__ac_szwsx","ad":"intl-phone-input__ad_szwsx","ae":"intl-phone-input__ae_szwsx","af":"intl-phone-input__af_szwsx","ag":"intl-phone-input__ag_szwsx","ai":"intl-phone-input__ai_szwsx","al":"intl-phone-input__al_szwsx","am":"intl-phone-input__am_szwsx","ao":"intl-phone-input__ao_szwsx","aq":"intl-phone-input__aq_szwsx","ar":"intl-phone-input__ar_szwsx","as":"intl-phone-input__as_szwsx","at":"intl-phone-input__at_szwsx","au":"intl-phone-input__au_szwsx","aw":"intl-phone-input__aw_szwsx","ax":"intl-phone-input__ax_szwsx","az":"intl-phone-input__az_szwsx","ba":"intl-phone-input__ba_szwsx","bb":"intl-phone-input__bb_szwsx","bd":"intl-phone-input__bd_szwsx","be":"intl-phone-input__be_szwsx","bf":"intl-phone-input__bf_szwsx","bg":"intl-phone-input__bg_szwsx","bh":"intl-phone-input__bh_szwsx","bi":"intl-phone-input__bi_szwsx","bj":"intl-phone-input__bj_szwsx","bl":"intl-phone-input__bl_szwsx","bm":"intl-phone-input__bm_szwsx","bn":"intl-phone-input__bn_szwsx","bo":"intl-phone-input__bo_szwsx","bq":"intl-phone-input__bq_szwsx","br":"intl-phone-input__br_szwsx","bs":"intl-phone-input__bs_szwsx","bt":"intl-phone-input__bt_szwsx","bv":"intl-phone-input__bv_szwsx","bw":"intl-phone-input__bw_szwsx","by":"intl-phone-input__by_szwsx","bz":"intl-phone-input__bz_szwsx","ca":"intl-phone-input__ca_szwsx","cc":"intl-phone-input__cc_szwsx","cd":"intl-phone-input__cd_szwsx","cf":"intl-phone-input__cf_szwsx","cg":"intl-phone-input__cg_szwsx","ch":"intl-phone-input__ch_szwsx","ci":"intl-phone-input__ci_szwsx","ck":"intl-phone-input__ck_szwsx","cl":"intl-phone-input__cl_szwsx","cm":"intl-phone-input__cm_szwsx","cn":"intl-phone-input__cn_szwsx","co":"intl-phone-input__co_szwsx","cp":"intl-phone-input__cp_szwsx","cr":"intl-phone-input__cr_szwsx","cu":"intl-phone-input__cu_szwsx","cv":"intl-phone-input__cv_szwsx","cw":"intl-phone-input__cw_szwsx","cx":"intl-phone-input__cx_szwsx","cy":"intl-phone-input__cy_szwsx","cz":"intl-phone-input__cz_szwsx","de":"intl-phone-input__de_szwsx","dg":"intl-phone-input__dg_szwsx","dj":"intl-phone-input__dj_szwsx","dk":"intl-phone-input__dk_szwsx","dm":"intl-phone-input__dm_szwsx","do":"intl-phone-input__do_szwsx","dz":"intl-phone-input__dz_szwsx","ea":"intl-phone-input__ea_szwsx","ec":"intl-phone-input__ec_szwsx","ee":"intl-phone-input__ee_szwsx","eg":"intl-phone-input__eg_szwsx","eh":"intl-phone-input__eh_szwsx","er":"intl-phone-input__er_szwsx","es":"intl-phone-input__es_szwsx","et":"intl-phone-input__et_szwsx","eu":"intl-phone-input__eu_szwsx","fi":"intl-phone-input__fi_szwsx","fj":"intl-phone-input__fj_szwsx","fk":"intl-phone-input__fk_szwsx","fm":"intl-phone-input__fm_szwsx","fo":"intl-phone-input__fo_szwsx","fr":"intl-phone-input__fr_szwsx","ga":"intl-phone-input__ga_szwsx","gb":"intl-phone-input__gb_szwsx","gd":"intl-phone-input__gd_szwsx","ge":"intl-phone-input__ge_szwsx","gf":"intl-phone-input__gf_szwsx","gg":"intl-phone-input__gg_szwsx","gh":"intl-phone-input__gh_szwsx","gi":"intl-phone-input__gi_szwsx","gl":"intl-phone-input__gl_szwsx","gm":"intl-phone-input__gm_szwsx","gn":"intl-phone-input__gn_szwsx","gp":"intl-phone-input__gp_szwsx","gq":"intl-phone-input__gq_szwsx","gr":"intl-phone-input__gr_szwsx","gs":"intl-phone-input__gs_szwsx","gt":"intl-phone-input__gt_szwsx","gu":"intl-phone-input__gu_szwsx","gw":"intl-phone-input__gw_szwsx","gy":"intl-phone-input__gy_szwsx","hk":"intl-phone-input__hk_szwsx","hm":"intl-phone-input__hm_szwsx","hn":"intl-phone-input__hn_szwsx","hr":"intl-phone-input__hr_szwsx","ht":"intl-phone-input__ht_szwsx","hu":"intl-phone-input__hu_szwsx","ic":"intl-phone-input__ic_szwsx","id":"intl-phone-input__id_szwsx","ie":"intl-phone-input__ie_szwsx","il":"intl-phone-input__il_szwsx","im":"intl-phone-input__im_szwsx","in":"intl-phone-input__in_szwsx","io":"intl-phone-input__io_szwsx","iq":"intl-phone-input__iq_szwsx","ir":"intl-phone-input__ir_szwsx","is":"intl-phone-input__is_szwsx","it":"intl-phone-input__it_szwsx","je":"intl-phone-input__je_szwsx","jm":"intl-phone-input__jm_szwsx","jo":"intl-phone-input__jo_szwsx","jp":"intl-phone-input__jp_szwsx","ke":"intl-phone-input__ke_szwsx","kg":"intl-phone-input__kg_szwsx","kh":"intl-phone-input__kh_szwsx","ki":"intl-phone-input__ki_szwsx","km":"intl-phone-input__km_szwsx","kn":"intl-phone-input__kn_szwsx","kp":"intl-phone-input__kp_szwsx","kr":"intl-phone-input__kr_szwsx","kw":"intl-phone-input__kw_szwsx","ky":"intl-phone-input__ky_szwsx","kz":"intl-phone-input__kz_szwsx","la":"intl-phone-input__la_szwsx","lb":"intl-phone-input__lb_szwsx","lc":"intl-phone-input__lc_szwsx","li":"intl-phone-input__li_szwsx","lk":"intl-phone-input__lk_szwsx","lr":"intl-phone-input__lr_szwsx","ls":"intl-phone-input__ls_szwsx","lt":"intl-phone-input__lt_szwsx","lu":"intl-phone-input__lu_szwsx","lv":"intl-phone-input__lv_szwsx","ly":"intl-phone-input__ly_szwsx","ma":"intl-phone-input__ma_szwsx","mc":"intl-phone-input__mc_szwsx","md":"intl-phone-input__md_szwsx","me":"intl-phone-input__me_szwsx","mf":"intl-phone-input__mf_szwsx","mg":"intl-phone-input__mg_szwsx","mh":"intl-phone-input__mh_szwsx","mk":"intl-phone-input__mk_szwsx","ml":"intl-phone-input__ml_szwsx","mm":"intl-phone-input__mm_szwsx","mn":"intl-phone-input__mn_szwsx","mo":"intl-phone-input__mo_szwsx","mp":"intl-phone-input__mp_szwsx","mq":"intl-phone-input__mq_szwsx","mr":"intl-phone-input__mr_szwsx","ms":"intl-phone-input__ms_szwsx","mt":"intl-phone-input__mt_szwsx","mu":"intl-phone-input__mu_szwsx","mv":"intl-phone-input__mv_szwsx","mw":"intl-phone-input__mw_szwsx","mx":"intl-phone-input__mx_szwsx","my":"intl-phone-input__my_szwsx","mz":"intl-phone-input__mz_szwsx","na":"intl-phone-input__na_szwsx","nc":"intl-phone-input__nc_szwsx","ne":"intl-phone-input__ne_szwsx","nf":"intl-phone-input__nf_szwsx","ng":"intl-phone-input__ng_szwsx","ni":"intl-phone-input__ni_szwsx","nl":"intl-phone-input__nl_szwsx","no":"intl-phone-input__no_szwsx","np":"intl-phone-input__np_szwsx","nr":"intl-phone-input__nr_szwsx","nu":"intl-phone-input__nu_szwsx","nz":"intl-phone-input__nz_szwsx","om":"intl-phone-input__om_szwsx","pa":"intl-phone-input__pa_szwsx","pe":"intl-phone-input__pe_szwsx","pf":"intl-phone-input__pf_szwsx","pg":"intl-phone-input__pg_szwsx","ph":"intl-phone-input__ph_szwsx","pk":"intl-phone-input__pk_szwsx","pl":"intl-phone-input__pl_szwsx","pm":"intl-phone-input__pm_szwsx","pn":"intl-phone-input__pn_szwsx","pr":"intl-phone-input__pr_szwsx","ps":"intl-phone-input__ps_szwsx","pt":"intl-phone-input__pt_szwsx","pw":"intl-phone-input__pw_szwsx","py":"intl-phone-input__py_szwsx","qa":"intl-phone-input__qa_szwsx","re":"intl-phone-input__re_szwsx","ro":"intl-phone-input__ro_szwsx","rs":"intl-phone-input__rs_szwsx","ru":"intl-phone-input__ru_szwsx","rw":"intl-phone-input__rw_szwsx","sa":"intl-phone-input__sa_szwsx","sb":"intl-phone-input__sb_szwsx","sc":"intl-phone-input__sc_szwsx","sd":"intl-phone-input__sd_szwsx","se":"intl-phone-input__se_szwsx","sg":"intl-phone-input__sg_szwsx","sh":"intl-phone-input__sh_szwsx","si":"intl-phone-input__si_szwsx","sj":"intl-phone-input__sj_szwsx","sk":"intl-phone-input__sk_szwsx","sl":"intl-phone-input__sl_szwsx","sm":"intl-phone-input__sm_szwsx","sn":"intl-phone-input__sn_szwsx","so":"intl-phone-input__so_szwsx","sr":"intl-phone-input__sr_szwsx","ss":"intl-phone-input__ss_szwsx","st":"intl-phone-input__st_szwsx","sv":"intl-phone-input__sv_szwsx","sx":"intl-phone-input__sx_szwsx","sy":"intl-phone-input__sy_szwsx","sz":"intl-phone-input__sz_szwsx","ta":"intl-phone-input__ta_szwsx","tc":"intl-phone-input__tc_szwsx","td":"intl-phone-input__td_szwsx","tf":"intl-phone-input__tf_szwsx","tg":"intl-phone-input__tg_szwsx","th":"intl-phone-input__th_szwsx","tj":"intl-phone-input__tj_szwsx","tk":"intl-phone-input__tk_szwsx","tl":"intl-phone-input__tl_szwsx","tm":"intl-phone-input__tm_szwsx","tn":"intl-phone-input__tn_szwsx","to":"intl-phone-input__to_szwsx","tr":"intl-phone-input__tr_szwsx","tt":"intl-phone-input__tt_szwsx","tv":"intl-phone-input__tv_szwsx","tw":"intl-phone-input__tw_szwsx","tz":"intl-phone-input__tz_szwsx","ua":"intl-phone-input__ua_szwsx","ug":"intl-phone-input__ug_szwsx","um":"intl-phone-input__um_szwsx","un":"intl-phone-input__un_szwsx","us":"intl-phone-input__us_szwsx","uy":"intl-phone-input__uy_szwsx","uz":"intl-phone-input__uz_szwsx","va":"intl-phone-input__va_szwsx","vc":"intl-phone-input__vc_szwsx","ve":"intl-phone-input__ve_szwsx","vg":"intl-phone-input__vg_szwsx","vi":"intl-phone-input__vi_szwsx","vn":"intl-phone-input__vn_szwsx","vu":"intl-phone-input__vu_szwsx","wf":"intl-phone-input__wf_szwsx","ws":"intl-phone-input__ws_szwsx","xk":"intl-phone-input__xk_szwsx","ye":"intl-phone-input__ye_szwsx","yt":"intl-phone-input__yt_szwsx","za":"intl-phone-input__za_szwsx","zm":"intl-phone-input__zm_szwsx","zw":"intl-phone-input__zw_szwsx"};
+var styles = {"flagIcon":"intl-phone-input__flagIcon_19pfu","ac":"intl-phone-input__ac_19pfu","ad":"intl-phone-input__ad_19pfu","ae":"intl-phone-input__ae_19pfu","af":"intl-phone-input__af_19pfu","ag":"intl-phone-input__ag_19pfu","ai":"intl-phone-input__ai_19pfu","al":"intl-phone-input__al_19pfu","am":"intl-phone-input__am_19pfu","ao":"intl-phone-input__ao_19pfu","aq":"intl-phone-input__aq_19pfu","ar":"intl-phone-input__ar_19pfu","as":"intl-phone-input__as_19pfu","at":"intl-phone-input__at_19pfu","au":"intl-phone-input__au_19pfu","aw":"intl-phone-input__aw_19pfu","ax":"intl-phone-input__ax_19pfu","az":"intl-phone-input__az_19pfu","ba":"intl-phone-input__ba_19pfu","bb":"intl-phone-input__bb_19pfu","bd":"intl-phone-input__bd_19pfu","be":"intl-phone-input__be_19pfu","bf":"intl-phone-input__bf_19pfu","bg":"intl-phone-input__bg_19pfu","bh":"intl-phone-input__bh_19pfu","bi":"intl-phone-input__bi_19pfu","bj":"intl-phone-input__bj_19pfu","bl":"intl-phone-input__bl_19pfu","bm":"intl-phone-input__bm_19pfu","bn":"intl-phone-input__bn_19pfu","bo":"intl-phone-input__bo_19pfu","bq":"intl-phone-input__bq_19pfu","br":"intl-phone-input__br_19pfu","bs":"intl-phone-input__bs_19pfu","bt":"intl-phone-input__bt_19pfu","bv":"intl-phone-input__bv_19pfu","bw":"intl-phone-input__bw_19pfu","by":"intl-phone-input__by_19pfu","bz":"intl-phone-input__bz_19pfu","ca":"intl-phone-input__ca_19pfu","cc":"intl-phone-input__cc_19pfu","cd":"intl-phone-input__cd_19pfu","cf":"intl-phone-input__cf_19pfu","cg":"intl-phone-input__cg_19pfu","ch":"intl-phone-input__ch_19pfu","ci":"intl-phone-input__ci_19pfu","ck":"intl-phone-input__ck_19pfu","cl":"intl-phone-input__cl_19pfu","cm":"intl-phone-input__cm_19pfu","cn":"intl-phone-input__cn_19pfu","co":"intl-phone-input__co_19pfu","cp":"intl-phone-input__cp_19pfu","cr":"intl-phone-input__cr_19pfu","cu":"intl-phone-input__cu_19pfu","cv":"intl-phone-input__cv_19pfu","cw":"intl-phone-input__cw_19pfu","cx":"intl-phone-input__cx_19pfu","cy":"intl-phone-input__cy_19pfu","cz":"intl-phone-input__cz_19pfu","de":"intl-phone-input__de_19pfu","dg":"intl-phone-input__dg_19pfu","dj":"intl-phone-input__dj_19pfu","dk":"intl-phone-input__dk_19pfu","dm":"intl-phone-input__dm_19pfu","do":"intl-phone-input__do_19pfu","dz":"intl-phone-input__dz_19pfu","ea":"intl-phone-input__ea_19pfu","ec":"intl-phone-input__ec_19pfu","ee":"intl-phone-input__ee_19pfu","eg":"intl-phone-input__eg_19pfu","eh":"intl-phone-input__eh_19pfu","er":"intl-phone-input__er_19pfu","es":"intl-phone-input__es_19pfu","et":"intl-phone-input__et_19pfu","eu":"intl-phone-input__eu_19pfu","fi":"intl-phone-input__fi_19pfu","fj":"intl-phone-input__fj_19pfu","fk":"intl-phone-input__fk_19pfu","fm":"intl-phone-input__fm_19pfu","fo":"intl-phone-input__fo_19pfu","fr":"intl-phone-input__fr_19pfu","ga":"intl-phone-input__ga_19pfu","gb":"intl-phone-input__gb_19pfu","gd":"intl-phone-input__gd_19pfu","ge":"intl-phone-input__ge_19pfu","gf":"intl-phone-input__gf_19pfu","gg":"intl-phone-input__gg_19pfu","gh":"intl-phone-input__gh_19pfu","gi":"intl-phone-input__gi_19pfu","gl":"intl-phone-input__gl_19pfu","gm":"intl-phone-input__gm_19pfu","gn":"intl-phone-input__gn_19pfu","gp":"intl-phone-input__gp_19pfu","gq":"intl-phone-input__gq_19pfu","gr":"intl-phone-input__gr_19pfu","gs":"intl-phone-input__gs_19pfu","gt":"intl-phone-input__gt_19pfu","gu":"intl-phone-input__gu_19pfu","gw":"intl-phone-input__gw_19pfu","gy":"intl-phone-input__gy_19pfu","hk":"intl-phone-input__hk_19pfu","hm":"intl-phone-input__hm_19pfu","hn":"intl-phone-input__hn_19pfu","hr":"intl-phone-input__hr_19pfu","ht":"intl-phone-input__ht_19pfu","hu":"intl-phone-input__hu_19pfu","ic":"intl-phone-input__ic_19pfu","id":"intl-phone-input__id_19pfu","ie":"intl-phone-input__ie_19pfu","il":"intl-phone-input__il_19pfu","im":"intl-phone-input__im_19pfu","in":"intl-phone-input__in_19pfu","io":"intl-phone-input__io_19pfu","iq":"intl-phone-input__iq_19pfu","ir":"intl-phone-input__ir_19pfu","is":"intl-phone-input__is_19pfu","it":"intl-phone-input__it_19pfu","je":"intl-phone-input__je_19pfu","jm":"intl-phone-input__jm_19pfu","jo":"intl-phone-input__jo_19pfu","jp":"intl-phone-input__jp_19pfu","ke":"intl-phone-input__ke_19pfu","kg":"intl-phone-input__kg_19pfu","kh":"intl-phone-input__kh_19pfu","ki":"intl-phone-input__ki_19pfu","km":"intl-phone-input__km_19pfu","kn":"intl-phone-input__kn_19pfu","kp":"intl-phone-input__kp_19pfu","kr":"intl-phone-input__kr_19pfu","kw":"intl-phone-input__kw_19pfu","ky":"intl-phone-input__ky_19pfu","kz":"intl-phone-input__kz_19pfu","la":"intl-phone-input__la_19pfu","lb":"intl-phone-input__lb_19pfu","lc":"intl-phone-input__lc_19pfu","li":"intl-phone-input__li_19pfu","lk":"intl-phone-input__lk_19pfu","lr":"intl-phone-input__lr_19pfu","ls":"intl-phone-input__ls_19pfu","lt":"intl-phone-input__lt_19pfu","lu":"intl-phone-input__lu_19pfu","lv":"intl-phone-input__lv_19pfu","ly":"intl-phone-input__ly_19pfu","ma":"intl-phone-input__ma_19pfu","mc":"intl-phone-input__mc_19pfu","md":"intl-phone-input__md_19pfu","me":"intl-phone-input__me_19pfu","mf":"intl-phone-input__mf_19pfu","mg":"intl-phone-input__mg_19pfu","mh":"intl-phone-input__mh_19pfu","mk":"intl-phone-input__mk_19pfu","ml":"intl-phone-input__ml_19pfu","mm":"intl-phone-input__mm_19pfu","mn":"intl-phone-input__mn_19pfu","mo":"intl-phone-input__mo_19pfu","mp":"intl-phone-input__mp_19pfu","mq":"intl-phone-input__mq_19pfu","mr":"intl-phone-input__mr_19pfu","ms":"intl-phone-input__ms_19pfu","mt":"intl-phone-input__mt_19pfu","mu":"intl-phone-input__mu_19pfu","mv":"intl-phone-input__mv_19pfu","mw":"intl-phone-input__mw_19pfu","mx":"intl-phone-input__mx_19pfu","my":"intl-phone-input__my_19pfu","mz":"intl-phone-input__mz_19pfu","na":"intl-phone-input__na_19pfu","nc":"intl-phone-input__nc_19pfu","ne":"intl-phone-input__ne_19pfu","nf":"intl-phone-input__nf_19pfu","ng":"intl-phone-input__ng_19pfu","ni":"intl-phone-input__ni_19pfu","nl":"intl-phone-input__nl_19pfu","no":"intl-phone-input__no_19pfu","np":"intl-phone-input__np_19pfu","nr":"intl-phone-input__nr_19pfu","nu":"intl-phone-input__nu_19pfu","nz":"intl-phone-input__nz_19pfu","om":"intl-phone-input__om_19pfu","pa":"intl-phone-input__pa_19pfu","pe":"intl-phone-input__pe_19pfu","pf":"intl-phone-input__pf_19pfu","pg":"intl-phone-input__pg_19pfu","ph":"intl-phone-input__ph_19pfu","pk":"intl-phone-input__pk_19pfu","pl":"intl-phone-input__pl_19pfu","pm":"intl-phone-input__pm_19pfu","pn":"intl-phone-input__pn_19pfu","pr":"intl-phone-input__pr_19pfu","ps":"intl-phone-input__ps_19pfu","pt":"intl-phone-input__pt_19pfu","pw":"intl-phone-input__pw_19pfu","py":"intl-phone-input__py_19pfu","qa":"intl-phone-input__qa_19pfu","re":"intl-phone-input__re_19pfu","ro":"intl-phone-input__ro_19pfu","rs":"intl-phone-input__rs_19pfu","ru":"intl-phone-input__ru_19pfu","rw":"intl-phone-input__rw_19pfu","sa":"intl-phone-input__sa_19pfu","sb":"intl-phone-input__sb_19pfu","sc":"intl-phone-input__sc_19pfu","sd":"intl-phone-input__sd_19pfu","se":"intl-phone-input__se_19pfu","sg":"intl-phone-input__sg_19pfu","sh":"intl-phone-input__sh_19pfu","si":"intl-phone-input__si_19pfu","sj":"intl-phone-input__sj_19pfu","sk":"intl-phone-input__sk_19pfu","sl":"intl-phone-input__sl_19pfu","sm":"intl-phone-input__sm_19pfu","sn":"intl-phone-input__sn_19pfu","so":"intl-phone-input__so_19pfu","sr":"intl-phone-input__sr_19pfu","ss":"intl-phone-input__ss_19pfu","st":"intl-phone-input__st_19pfu","sv":"intl-phone-input__sv_19pfu","sx":"intl-phone-input__sx_19pfu","sy":"intl-phone-input__sy_19pfu","sz":"intl-phone-input__sz_19pfu","ta":"intl-phone-input__ta_19pfu","tc":"intl-phone-input__tc_19pfu","td":"intl-phone-input__td_19pfu","tf":"intl-phone-input__tf_19pfu","tg":"intl-phone-input__tg_19pfu","th":"intl-phone-input__th_19pfu","tj":"intl-phone-input__tj_19pfu","tk":"intl-phone-input__tk_19pfu","tl":"intl-phone-input__tl_19pfu","tm":"intl-phone-input__tm_19pfu","tn":"intl-phone-input__tn_19pfu","to":"intl-phone-input__to_19pfu","tr":"intl-phone-input__tr_19pfu","tt":"intl-phone-input__tt_19pfu","tv":"intl-phone-input__tv_19pfu","tw":"intl-phone-input__tw_19pfu","tz":"intl-phone-input__tz_19pfu","ua":"intl-phone-input__ua_19pfu","ug":"intl-phone-input__ug_19pfu","um":"intl-phone-input__um_19pfu","un":"intl-phone-input__un_19pfu","us":"intl-phone-input__us_19pfu","uy":"intl-phone-input__uy_19pfu","uz":"intl-phone-input__uz_19pfu","va":"intl-phone-input__va_19pfu","vc":"intl-phone-input__vc_19pfu","ve":"intl-phone-input__ve_19pfu","vg":"intl-phone-input__vg_19pfu","vi":"intl-phone-input__vi_19pfu","vn":"intl-phone-input__vn_19pfu","vu":"intl-phone-input__vu_19pfu","wf":"intl-phone-input__wf_19pfu","ws":"intl-phone-input__ws_19pfu","xk":"intl-phone-input__xk_19pfu","ye":"intl-phone-input__ye_19pfu","yt":"intl-phone-input__yt_19pfu","za":"intl-phone-input__za_19pfu","zm":"intl-phone-input__zm_19pfu","zw":"intl-phone-input__zw_19pfu"};
 require('./index.css')
 
 /**