@alfalab/core-components 27.8.1 → 27.10.0

package/intl-phone-input/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('./component-b0e90bb7.js');
+var components_selectField_component = require('./component-76a7efef.js');
 var React = require('react');
 var cn = require('classnames');
 var utils = require('@alfalab/utils');
@@ -12,102 +12,94 @@ require('../select');
 var components_select_component = require('./components/select/component.js');
 var utils_formatPhoneWithUnclearableCountryCode = require('./utils/format-phone-with-unclearable-country-code.js');
 var useCaretAvoidCountryCode = require('./useCaretAvoidCountryCode.js');
-var usePreventCaretReset = require('./usePreventCaretReset.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 styles = {"addons":"intl-phone-input__addons_11n03","l":"intl-phone-input__l_11n03","xl":"intl-phone-input__xl_11n03"};
+var styles = {"addons":"intl-phone-input__addons_tw23y","l":"intl-phone-input__l_tw23y","xl":"intl-phone-input__xl_tw23y"};
 require('./index.css');
 
 var countriesHash = utils.getCountriesHash();
 var MAX_DIAL_CODE_LENGTH = 4;
+var MASK_SYMBOLS = [' ', '-', '(', ')'];
+var DEFAULT_MAX_PHONE_LEN = { 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, restProps = components_selectField_component.__rest(_a, ["disabled", "readOnly", "size", "colors", "options", "countries", "clearableCountryCode", "className", "value", "onChange", "onCountryChange", "defaultCountryIso2", "preventFlip", "inputProps"]);
-    var _k = React.useState(defaultCountryIso2.toLowerCase()), countryIso2 = _k[0], setCountryIso2 = _k[1];
+    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 : _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 inputRef = React.useRef(null);
-    var _l = React.useState(null), inputWrapperRef = _l[0], setInputWrapperRef = _l[1];
+    var _m = React.useState(null), inputWrapperRef = _m[0], setInputWrapperRef = _m[1];
+    var _o = React.useState(), caretPos = _o[0], setCaretPos = _o[1];
     var phoneLibUtils = React.useRef();
-    var setCountryByIso2 = React.useCallback(function (iso2) {
-        var country = countriesHash[iso2];
-        var inputValue = "+" + country.dialCode;
-        onChange(inputValue);
-        setCountryIso2(country.iso2);
-        return country;
-    }, [onChange]);
-    var setValue = React.useCallback(function (inputValue) {
+    var formatPhone = function (inputValue) {
         var newValue = inputValue;
         if (phoneLibUtils.current) {
             var Utils = phoneLibUtils.current;
             var utils = new Utils(countryIso2.toUpperCase());
             newValue = utils.input(inputValue);
         }
-        onChange(newValue);
-    }, [countryIso2, onChange]);
-    var handleCountryChange = React.useCallback(function (countryCode) {
+        return newValue;
+    };
+    var setCountryByIso2 = function (iso2) {
+        var country = countriesHash[iso2];
+        var inputValue = "+" + country.dialCode;
+        onChange(inputValue);
+        setCountryIso2(country.iso2);
+        return country;
+    };
+    var handleCountryChange = function (countryCode) {
         if (onCountryChange) {
             onCountryChange(countryCode.toUpperCase());
         }
-    }, [onCountryChange]);
-    var setCountryByDialCode = React.useCallback(function (inputValue) {
+    };
+    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)) {
                 // Сначала проверяем, если приоритет не указан
                 if (country_1.priority === undefined) {
-                    setValue(inputValue);
+                    onChange(formatPhone(inputValue));
                     setCountryIso2(country_1.iso2);
                     handleCountryChange(country_1.iso2);
                     break;
                 }
                 // Если страна уже была выставлена через селект, и коды совпадают
                 if (countryIso2 === country_1.iso2) {
-                    setValue(inputValue);
+                    onChange(formatPhone(inputValue));
                     setCountryIso2(country_1.iso2);
                     handleCountryChange(country_1.iso2);
                     break;
                     // Если не совпадают - выбираем по приоритету
                 }
                 else if (country_1.priority === 0) {
-                    setValue(inputValue);
+                    onChange(formatPhone(inputValue));
                     setCountryIso2(country_1.iso2);
                     handleCountryChange(country_1.iso2);
                     break;
                 }
             }
         }
-    }, [countries, countryIso2, setValue, handleCountryChange]);
-    var loadPhoneUtils = React.useCallback(function () {
-        // prettier-ignore
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-ae09ffbf.js'); })
-            .then(function (utils) {
-            phoneLibUtils.current = utils.AsYouType;
-        })
-            .catch(function (error) { return "An error occurred while loading libphonenumber-js:\n" + error; });
-    }, []);
-    var handleInputChange = React.useCallback(function (event) {
-        var targetValue = event.target.value;
+    };
+    var setCountryByDialCodeWithLengthCheck = function (inputValue) {
+        if (value.length < MAX_DIAL_CODE_LENGTH) {
+            setCountryByDialCode(inputValue);
+        }
+    };
+    var addCountryCode = function (inputValue) {
         var country = countriesHash[countryIso2];
         if (clearableCountryCode) {
-            var newValue = targetValue.length === 1 && targetValue !== '+'
-                ? "+" + targetValue
-                : targetValue;
-            setValue(newValue);
-            if (value.length < MAX_DIAL_CODE_LENGTH) {
-                setCountryByDialCode(newValue);
-            }
-            return;
+            return inputValue.length === 1 && inputValue !== '+'
+                ? "+" + inputValue
+                : inputValue;
         }
-        if (!clearableCountryCode) {
-            var newValue = utils_formatPhoneWithUnclearableCountryCode.formatPhoneWithUnclearableCountryCode(targetValue, country);
-            setValue(newValue);
-            return;
-        }
-        setValue(targetValue);
-    }, [clearableCountryCode, countryIso2, setCountryByDialCode, setValue, value.length]);
-    var handleSelectChange = React.useCallback(function (_a) {
+        return utils_formatPhoneWithUnclearableCountryCode.formatPhoneWithUnclearableCountryCode(inputValue, country);
+    };
+    var handleInputChange = function (event) {
+        setCountryByDialCodeWithLengthCheck(event.target.value);
+        onChange(formatPhone(addCountryCode(event.target.value)));
+    };
+    var handleSelectChange = function (_a) {
         var selected = _a.selected;
         if (selected) {
             var country_2 = setCountryByIso2(selected.value);
@@ -118,28 +110,139 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
             }
             handleCountryChange(country_2.iso2);
         }
-    }, [setCountryByIso2, handleCountryChange]);
-    var handleChange = React.useCallback(function (payload) {
+    };
+    var handleChange = function (payload) {
         var selected = payload.selected;
         if (!selected)
             return;
-        if (selected.key.length < MAX_DIAL_CODE_LENGTH) {
-            setCountryByDialCode(selected.key);
+        setCountryByDialCodeWithLengthCheck(selected.key);
+        onChange(formatPhone(selected.key));
+    };
+    var country = countriesHash[countryIso2];
+    var countryCodeLength = ("+" + country.dialCode).length;
+    var handleInputNewChar = function (event, caretPosition) {
+        var input = event.target;
+        var currentValue = input.value;
+        var maxLen = maxPhoneLen === null || maxPhoneLen === void 0 ? void 0 : maxPhoneLen[countryIso2.toUpperCase()];
+        // Если задана длина номера и номер полностью заполнен, то перезатираем цифры, если каретка не в самом конце.
+        var shouldReplace = !!maxLen && maxLen === currentValue.replace(/\D/g, '').length;
+        var endPhonePart = currentValue.slice(caretPosition);
+        if (shouldReplace) {
+            var cursor = 0;
+            while (MASK_SYMBOLS.includes(endPhonePart.charAt(cursor))) {
+                cursor += 1;
+            }
+            endPhonePart = endPhonePart.slice(cursor + 1);
+        }
+        var newValue = currentValue.slice(0, caretPosition) + event.key + endPhonePart;
+        // Запрещаем ввод, если указана длина номера и номер уже заполнен.
+        if (maxLen && newValue.replace(/\D/g, '').length > maxLen) {
+            newValue = newValue.slice(0, -1);
+        }
+        newValue = formatPhone(addCountryCode(newValue));
+        var newCaretPosition;
+        var isFormatJumps = !shouldReplace && newValue.length - currentValue.length <= 0;
+        // Ситуация, когда происходят скачки номера из-за форматирования, например +7 999 999 99 99 -> +799999999999
+        if (isFormatJumps) {
+            var phonePart = currentValue.slice(0, caretPosition) + event.key;
+            var cursor = 0;
+            while (cursor < phonePart.length && cursor <= newValue.length) {
+                var currChar = phonePart.charAt(cursor);
+                var newValChar = newValue.charAt(cursor);
+                if (currChar !== newValChar) {
+                    if (MASK_SYMBOLS.includes(currChar)) {
+                        phonePart = phonePart.slice(0, cursor) + phonePart.slice(cursor + 1);
+                        // eslint-disable-next-line no-continue
+                        continue;
+                    }
+                    else {
+                        phonePart =
+                            phonePart.slice(0, cursor) + newValChar + phonePart.slice(cursor);
+                    }
+                }
+                cursor += 1;
+            }
+            newCaretPosition = cursor;
+        }
+        else {
+            var cursor = 0;
+            while (newValue.charAt(caretPosition + cursor) &&
+                newValue.charAt(caretPosition + cursor) !== event.key) {
+                cursor += 1;
+            }
+            cursor += 1;
+            newCaretPosition = caretPosition + cursor;
+        }
+        setCaretPos(newCaretPosition);
+        setCountryByDialCodeWithLengthCheck(newValue);
+        onChange(newValue);
+    };
+    var handleDeleteChar = function (event, caretPosition) {
+        var input = event.target;
+        if (!clearableCountryCode && caretPosition <= countryCodeLength)
+            return;
+        var currentValue = input.value;
+        var deletedCharsCount = 1;
+        // Высчитываем новое положение каретки с учетом символов маски.
+        while (caretPosition - deletedCharsCount > 0 &&
+            MASK_SYMBOLS.includes(currentValue.charAt(caretPosition - deletedCharsCount))) {
+            deletedCharsCount += 1;
+        }
+        var newCaretPosition = caretPosition - deletedCharsCount;
+        var newValue = formatPhone(addCountryCode(currentValue.slice(0, newCaretPosition) + currentValue.slice(caretPosition)));
+        var isFormatJumps = newValue.length - currentValue.length >= 0;
+        // Обрабатываем ситуацию, когда происходят скачки номера из-за форматирования, например +799999999999 => +7 999 999 99 99
+        if (isFormatJumps) {
+            var phonePart = currentValue.slice(0, newCaretPosition);
+            var cursor = 0;
+            while (cursor < phonePart.length) {
+                var currChar = newValue.charAt(cursor);
+                if (currChar !== phonePart.charAt(cursor)) {
+                    phonePart = phonePart.slice(0, cursor) + currChar + phonePart.slice(cursor);
+                }
+                cursor += 1;
+            }
+            newCaretPosition = cursor;
+        }
+        setCaretPos(newCaretPosition);
+        setCountryByDialCodeWithLengthCheck(newValue);
+        onChange(newValue);
+    };
+    var handleKeyDown = function (event) {
+        var input = event.target;
+        var caretPosition = input.selectionStart;
+        if (!caretPosition) {
+            return;
+        }
+        if (event.key === 'Backspace') {
+            event.preventDefault();
+            handleDeleteChar(event, caretPosition);
         }
-        setValue(selected.key);
-    }, [setValue, setCountryByDialCode]);
+        if (event.key.length === 1 && /[0-9+]/.test(event.key)) {
+            event.preventDefault();
+            handleInputNewChar(event, caretPosition);
+        }
+    };
     React.useEffect(function () {
-        if (!phoneLibUtils.current) {
-            loadPhoneUtils().then(function () {
-                setCountryByDialCode(value);
-            });
+        if (inputRef.current && caretPos !== undefined) {
+            inputRef.current.setSelectionRange(caretPos, caretPos);
+            setCaretPos(undefined);
         }
-    }, [countryIso2, loadPhoneUtils, setCountryByDialCode, value]);
-    var country = countriesHash[countryIso2];
-    var countryCodeLength = ("+" + country.dialCode).length;
+    }, [caretPos]);
+    React.useEffect(function () {
+        if (phoneLibUtils.current)
+            return;
+        Promise.resolve().then(function () { return require(
+        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-91dd916e.js'); })
+            .then(function (utils) {
+            phoneLibUtils.current = utils.AsYouType;
+            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 });
-    usePreventCaretReset.usePreventCaretReset({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
-    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, 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: 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 })));
+    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: 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/intl-phone-input/components/flag-icon/component.js

@@ -8,7 +8,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_1i71l","ac":"intl-phone-input__ac_1i71l","ad":"intl-phone-input__ad_1i71l","ae":"intl-phone-input__ae_1i71l","af":"intl-phone-input__af_1i71l","ag":"intl-phone-input__ag_1i71l","ai":"intl-phone-input__ai_1i71l","al":"intl-phone-input__al_1i71l","am":"intl-phone-input__am_1i71l","ao":"intl-phone-input__ao_1i71l","aq":"intl-phone-input__aq_1i71l","ar":"intl-phone-input__ar_1i71l","as":"intl-phone-input__as_1i71l","at":"intl-phone-input__at_1i71l","au":"intl-phone-input__au_1i71l","aw":"intl-phone-input__aw_1i71l","ax":"intl-phone-input__ax_1i71l","az":"intl-phone-input__az_1i71l","ba":"intl-phone-input__ba_1i71l","bb":"intl-phone-input__bb_1i71l","bd":"intl-phone-input__bd_1i71l","be":"intl-phone-input__be_1i71l","bf":"intl-phone-input__bf_1i71l","bg":"intl-phone-input__bg_1i71l","bh":"intl-phone-input__bh_1i71l","bi":"intl-phone-input__bi_1i71l","bj":"intl-phone-input__bj_1i71l","bl":"intl-phone-input__bl_1i71l","bm":"intl-phone-input__bm_1i71l","bn":"intl-phone-input__bn_1i71l","bo":"intl-phone-input__bo_1i71l","bq":"intl-phone-input__bq_1i71l","br":"intl-phone-input__br_1i71l","bs":"intl-phone-input__bs_1i71l","bt":"intl-phone-input__bt_1i71l","bv":"intl-phone-input__bv_1i71l","bw":"intl-phone-input__bw_1i71l","by":"intl-phone-input__by_1i71l","bz":"intl-phone-input__bz_1i71l","ca":"intl-phone-input__ca_1i71l","cc":"intl-phone-input__cc_1i71l","cd":"intl-phone-input__cd_1i71l","cf":"intl-phone-input__cf_1i71l","cg":"intl-phone-input__cg_1i71l","ch":"intl-phone-input__ch_1i71l","ci":"intl-phone-input__ci_1i71l","ck":"intl-phone-input__ck_1i71l","cl":"intl-phone-input__cl_1i71l","cm":"intl-phone-input__cm_1i71l","cn":"intl-phone-input__cn_1i71l","co":"intl-phone-input__co_1i71l","cp":"intl-phone-input__cp_1i71l","cr":"intl-phone-input__cr_1i71l","cu":"intl-phone-input__cu_1i71l","cv":"intl-phone-input__cv_1i71l","cw":"intl-phone-input__cw_1i71l","cx":"intl-phone-input__cx_1i71l","cy":"intl-phone-input__cy_1i71l","cz":"intl-phone-input__cz_1i71l","de":"intl-phone-input__de_1i71l","dg":"intl-phone-input__dg_1i71l","dj":"intl-phone-input__dj_1i71l","dk":"intl-phone-input__dk_1i71l","dm":"intl-phone-input__dm_1i71l","do":"intl-phone-input__do_1i71l","dz":"intl-phone-input__dz_1i71l","ea":"intl-phone-input__ea_1i71l","ec":"intl-phone-input__ec_1i71l","ee":"intl-phone-input__ee_1i71l","eg":"intl-phone-input__eg_1i71l","eh":"intl-phone-input__eh_1i71l","er":"intl-phone-input__er_1i71l","es":"intl-phone-input__es_1i71l","et":"intl-phone-input__et_1i71l","eu":"intl-phone-input__eu_1i71l","fi":"intl-phone-input__fi_1i71l","fj":"intl-phone-input__fj_1i71l","fk":"intl-phone-input__fk_1i71l","fm":"intl-phone-input__fm_1i71l","fo":"intl-phone-input__fo_1i71l","fr":"intl-phone-input__fr_1i71l","ga":"intl-phone-input__ga_1i71l","gb":"intl-phone-input__gb_1i71l","gd":"intl-phone-input__gd_1i71l","ge":"intl-phone-input__ge_1i71l","gf":"intl-phone-input__gf_1i71l","gg":"intl-phone-input__gg_1i71l","gh":"intl-phone-input__gh_1i71l","gi":"intl-phone-input__gi_1i71l","gl":"intl-phone-input__gl_1i71l","gm":"intl-phone-input__gm_1i71l","gn":"intl-phone-input__gn_1i71l","gp":"intl-phone-input__gp_1i71l","gq":"intl-phone-input__gq_1i71l","gr":"intl-phone-input__gr_1i71l","gs":"intl-phone-input__gs_1i71l","gt":"intl-phone-input__gt_1i71l","gu":"intl-phone-input__gu_1i71l","gw":"intl-phone-input__gw_1i71l","gy":"intl-phone-input__gy_1i71l","hk":"intl-phone-input__hk_1i71l","hm":"intl-phone-input__hm_1i71l","hn":"intl-phone-input__hn_1i71l","hr":"intl-phone-input__hr_1i71l","ht":"intl-phone-input__ht_1i71l","hu":"intl-phone-input__hu_1i71l","ic":"intl-phone-input__ic_1i71l","id":"intl-phone-input__id_1i71l","ie":"intl-phone-input__ie_1i71l","il":"intl-phone-input__il_1i71l","im":"intl-phone-input__im_1i71l","in":"intl-phone-input__in_1i71l","io":"intl-phone-input__io_1i71l","iq":"intl-phone-input__iq_1i71l","ir":"intl-phone-input__ir_1i71l","is":"intl-phone-input__is_1i71l","it":"intl-phone-input__it_1i71l","je":"intl-phone-input__je_1i71l","jm":"intl-phone-input__jm_1i71l","jo":"intl-phone-input__jo_1i71l","jp":"intl-phone-input__jp_1i71l","ke":"intl-phone-input__ke_1i71l","kg":"intl-phone-input__kg_1i71l","kh":"intl-phone-input__kh_1i71l","ki":"intl-phone-input__ki_1i71l","km":"intl-phone-input__km_1i71l","kn":"intl-phone-input__kn_1i71l","kp":"intl-phone-input__kp_1i71l","kr":"intl-phone-input__kr_1i71l","kw":"intl-phone-input__kw_1i71l","ky":"intl-phone-input__ky_1i71l","kz":"intl-phone-input__kz_1i71l","la":"intl-phone-input__la_1i71l","lb":"intl-phone-input__lb_1i71l","lc":"intl-phone-input__lc_1i71l","li":"intl-phone-input__li_1i71l","lk":"intl-phone-input__lk_1i71l","lr":"intl-phone-input__lr_1i71l","ls":"intl-phone-input__ls_1i71l","lt":"intl-phone-input__lt_1i71l","lu":"intl-phone-input__lu_1i71l","lv":"intl-phone-input__lv_1i71l","ly":"intl-phone-input__ly_1i71l","ma":"intl-phone-input__ma_1i71l","mc":"intl-phone-input__mc_1i71l","md":"intl-phone-input__md_1i71l","me":"intl-phone-input__me_1i71l","mf":"intl-phone-input__mf_1i71l","mg":"intl-phone-input__mg_1i71l","mh":"intl-phone-input__mh_1i71l","mk":"intl-phone-input__mk_1i71l","ml":"intl-phone-input__ml_1i71l","mm":"intl-phone-input__mm_1i71l","mn":"intl-phone-input__mn_1i71l","mo":"intl-phone-input__mo_1i71l","mp":"intl-phone-input__mp_1i71l","mq":"intl-phone-input__mq_1i71l","mr":"intl-phone-input__mr_1i71l","ms":"intl-phone-input__ms_1i71l","mt":"intl-phone-input__mt_1i71l","mu":"intl-phone-input__mu_1i71l","mv":"intl-phone-input__mv_1i71l","mw":"intl-phone-input__mw_1i71l","mx":"intl-phone-input__mx_1i71l","my":"intl-phone-input__my_1i71l","mz":"intl-phone-input__mz_1i71l","na":"intl-phone-input__na_1i71l","nc":"intl-phone-input__nc_1i71l","ne":"intl-phone-input__ne_1i71l","nf":"intl-phone-input__nf_1i71l","ng":"intl-phone-input__ng_1i71l","ni":"intl-phone-input__ni_1i71l","nl":"intl-phone-input__nl_1i71l","no":"intl-phone-input__no_1i71l","np":"intl-phone-input__np_1i71l","nr":"intl-phone-input__nr_1i71l","nu":"intl-phone-input__nu_1i71l","nz":"intl-phone-input__nz_1i71l","om":"intl-phone-input__om_1i71l","pa":"intl-phone-input__pa_1i71l","pe":"intl-phone-input__pe_1i71l","pf":"intl-phone-input__pf_1i71l","pg":"intl-phone-input__pg_1i71l","ph":"intl-phone-input__ph_1i71l","pk":"intl-phone-input__pk_1i71l","pl":"intl-phone-input__pl_1i71l","pm":"intl-phone-input__pm_1i71l","pn":"intl-phone-input__pn_1i71l","pr":"intl-phone-input__pr_1i71l","ps":"intl-phone-input__ps_1i71l","pt":"intl-phone-input__pt_1i71l","pw":"intl-phone-input__pw_1i71l","py":"intl-phone-input__py_1i71l","qa":"intl-phone-input__qa_1i71l","re":"intl-phone-input__re_1i71l","ro":"intl-phone-input__ro_1i71l","rs":"intl-phone-input__rs_1i71l","ru":"intl-phone-input__ru_1i71l","rw":"intl-phone-input__rw_1i71l","sa":"intl-phone-input__sa_1i71l","sb":"intl-phone-input__sb_1i71l","sc":"intl-phone-input__sc_1i71l","sd":"intl-phone-input__sd_1i71l","se":"intl-phone-input__se_1i71l","sg":"intl-phone-input__sg_1i71l","sh":"intl-phone-input__sh_1i71l","si":"intl-phone-input__si_1i71l","sj":"intl-phone-input__sj_1i71l","sk":"intl-phone-input__sk_1i71l","sl":"intl-phone-input__sl_1i71l","sm":"intl-phone-input__sm_1i71l","sn":"intl-phone-input__sn_1i71l","so":"intl-phone-input__so_1i71l","sr":"intl-phone-input__sr_1i71l","ss":"intl-phone-input__ss_1i71l","st":"intl-phone-input__st_1i71l","sv":"intl-phone-input__sv_1i71l","sx":"intl-phone-input__sx_1i71l","sy":"intl-phone-input__sy_1i71l","sz":"intl-phone-input__sz_1i71l","ta":"intl-phone-input__ta_1i71l","tc":"intl-phone-input__tc_1i71l","td":"intl-phone-input__td_1i71l","tf":"intl-phone-input__tf_1i71l","tg":"intl-phone-input__tg_1i71l","th":"intl-phone-input__th_1i71l","tj":"intl-phone-input__tj_1i71l","tk":"intl-phone-input__tk_1i71l","tl":"intl-phone-input__tl_1i71l","tm":"intl-phone-input__tm_1i71l","tn":"intl-phone-input__tn_1i71l","to":"intl-phone-input__to_1i71l","tr":"intl-phone-input__tr_1i71l","tt":"intl-phone-input__tt_1i71l","tv":"intl-phone-input__tv_1i71l","tw":"intl-phone-input__tw_1i71l","tz":"intl-phone-input__tz_1i71l","ua":"intl-phone-input__ua_1i71l","ug":"intl-phone-input__ug_1i71l","um":"intl-phone-input__um_1i71l","un":"intl-phone-input__un_1i71l","us":"intl-phone-input__us_1i71l","uy":"intl-phone-input__uy_1i71l","uz":"intl-phone-input__uz_1i71l","va":"intl-phone-input__va_1i71l","vc":"intl-phone-input__vc_1i71l","ve":"intl-phone-input__ve_1i71l","vg":"intl-phone-input__vg_1i71l","vi":"intl-phone-input__vi_1i71l","vn":"intl-phone-input__vn_1i71l","vu":"intl-phone-input__vu_1i71l","wf":"intl-phone-input__wf_1i71l","ws":"intl-phone-input__ws_1i71l","xk":"intl-phone-input__xk_1i71l","ye":"intl-phone-input__ye_1i71l","yt":"intl-phone-input__yt_1i71l","za":"intl-phone-input__za_1i71l","zm":"intl-phone-input__zm_1i71l","zw":"intl-phone-input__zw_1i71l"};
+var styles = {"flagIcon":"intl-phone-input__flagIcon_j2j83","ac":"intl-phone-input__ac_j2j83","ad":"intl-phone-input__ad_j2j83","ae":"intl-phone-input__ae_j2j83","af":"intl-phone-input__af_j2j83","ag":"intl-phone-input__ag_j2j83","ai":"intl-phone-input__ai_j2j83","al":"intl-phone-input__al_j2j83","am":"intl-phone-input__am_j2j83","ao":"intl-phone-input__ao_j2j83","aq":"intl-phone-input__aq_j2j83","ar":"intl-phone-input__ar_j2j83","as":"intl-phone-input__as_j2j83","at":"intl-phone-input__at_j2j83","au":"intl-phone-input__au_j2j83","aw":"intl-phone-input__aw_j2j83","ax":"intl-phone-input__ax_j2j83","az":"intl-phone-input__az_j2j83","ba":"intl-phone-input__ba_j2j83","bb":"intl-phone-input__bb_j2j83","bd":"intl-phone-input__bd_j2j83","be":"intl-phone-input__be_j2j83","bf":"intl-phone-input__bf_j2j83","bg":"intl-phone-input__bg_j2j83","bh":"intl-phone-input__bh_j2j83","bi":"intl-phone-input__bi_j2j83","bj":"intl-phone-input__bj_j2j83","bl":"intl-phone-input__bl_j2j83","bm":"intl-phone-input__bm_j2j83","bn":"intl-phone-input__bn_j2j83","bo":"intl-phone-input__bo_j2j83","bq":"intl-phone-input__bq_j2j83","br":"intl-phone-input__br_j2j83","bs":"intl-phone-input__bs_j2j83","bt":"intl-phone-input__bt_j2j83","bv":"intl-phone-input__bv_j2j83","bw":"intl-phone-input__bw_j2j83","by":"intl-phone-input__by_j2j83","bz":"intl-phone-input__bz_j2j83","ca":"intl-phone-input__ca_j2j83","cc":"intl-phone-input__cc_j2j83","cd":"intl-phone-input__cd_j2j83","cf":"intl-phone-input__cf_j2j83","cg":"intl-phone-input__cg_j2j83","ch":"intl-phone-input__ch_j2j83","ci":"intl-phone-input__ci_j2j83","ck":"intl-phone-input__ck_j2j83","cl":"intl-phone-input__cl_j2j83","cm":"intl-phone-input__cm_j2j83","cn":"intl-phone-input__cn_j2j83","co":"intl-phone-input__co_j2j83","cp":"intl-phone-input__cp_j2j83","cr":"intl-phone-input__cr_j2j83","cu":"intl-phone-input__cu_j2j83","cv":"intl-phone-input__cv_j2j83","cw":"intl-phone-input__cw_j2j83","cx":"intl-phone-input__cx_j2j83","cy":"intl-phone-input__cy_j2j83","cz":"intl-phone-input__cz_j2j83","de":"intl-phone-input__de_j2j83","dg":"intl-phone-input__dg_j2j83","dj":"intl-phone-input__dj_j2j83","dk":"intl-phone-input__dk_j2j83","dm":"intl-phone-input__dm_j2j83","do":"intl-phone-input__do_j2j83","dz":"intl-phone-input__dz_j2j83","ea":"intl-phone-input__ea_j2j83","ec":"intl-phone-input__ec_j2j83","ee":"intl-phone-input__ee_j2j83","eg":"intl-phone-input__eg_j2j83","eh":"intl-phone-input__eh_j2j83","er":"intl-phone-input__er_j2j83","es":"intl-phone-input__es_j2j83","et":"intl-phone-input__et_j2j83","eu":"intl-phone-input__eu_j2j83","fi":"intl-phone-input__fi_j2j83","fj":"intl-phone-input__fj_j2j83","fk":"intl-phone-input__fk_j2j83","fm":"intl-phone-input__fm_j2j83","fo":"intl-phone-input__fo_j2j83","fr":"intl-phone-input__fr_j2j83","ga":"intl-phone-input__ga_j2j83","gb":"intl-phone-input__gb_j2j83","gd":"intl-phone-input__gd_j2j83","ge":"intl-phone-input__ge_j2j83","gf":"intl-phone-input__gf_j2j83","gg":"intl-phone-input__gg_j2j83","gh":"intl-phone-input__gh_j2j83","gi":"intl-phone-input__gi_j2j83","gl":"intl-phone-input__gl_j2j83","gm":"intl-phone-input__gm_j2j83","gn":"intl-phone-input__gn_j2j83","gp":"intl-phone-input__gp_j2j83","gq":"intl-phone-input__gq_j2j83","gr":"intl-phone-input__gr_j2j83","gs":"intl-phone-input__gs_j2j83","gt":"intl-phone-input__gt_j2j83","gu":"intl-phone-input__gu_j2j83","gw":"intl-phone-input__gw_j2j83","gy":"intl-phone-input__gy_j2j83","hk":"intl-phone-input__hk_j2j83","hm":"intl-phone-input__hm_j2j83","hn":"intl-phone-input__hn_j2j83","hr":"intl-phone-input__hr_j2j83","ht":"intl-phone-input__ht_j2j83","hu":"intl-phone-input__hu_j2j83","ic":"intl-phone-input__ic_j2j83","id":"intl-phone-input__id_j2j83","ie":"intl-phone-input__ie_j2j83","il":"intl-phone-input__il_j2j83","im":"intl-phone-input__im_j2j83","in":"intl-phone-input__in_j2j83","io":"intl-phone-input__io_j2j83","iq":"intl-phone-input__iq_j2j83","ir":"intl-phone-input__ir_j2j83","is":"intl-phone-input__is_j2j83","it":"intl-phone-input__it_j2j83","je":"intl-phone-input__je_j2j83","jm":"intl-phone-input__jm_j2j83","jo":"intl-phone-input__jo_j2j83","jp":"intl-phone-input__jp_j2j83","ke":"intl-phone-input__ke_j2j83","kg":"intl-phone-input__kg_j2j83","kh":"intl-phone-input__kh_j2j83","ki":"intl-phone-input__ki_j2j83","km":"intl-phone-input__km_j2j83","kn":"intl-phone-input__kn_j2j83","kp":"intl-phone-input__kp_j2j83","kr":"intl-phone-input__kr_j2j83","kw":"intl-phone-input__kw_j2j83","ky":"intl-phone-input__ky_j2j83","kz":"intl-phone-input__kz_j2j83","la":"intl-phone-input__la_j2j83","lb":"intl-phone-input__lb_j2j83","lc":"intl-phone-input__lc_j2j83","li":"intl-phone-input__li_j2j83","lk":"intl-phone-input__lk_j2j83","lr":"intl-phone-input__lr_j2j83","ls":"intl-phone-input__ls_j2j83","lt":"intl-phone-input__lt_j2j83","lu":"intl-phone-input__lu_j2j83","lv":"intl-phone-input__lv_j2j83","ly":"intl-phone-input__ly_j2j83","ma":"intl-phone-input__ma_j2j83","mc":"intl-phone-input__mc_j2j83","md":"intl-phone-input__md_j2j83","me":"intl-phone-input__me_j2j83","mf":"intl-phone-input__mf_j2j83","mg":"intl-phone-input__mg_j2j83","mh":"intl-phone-input__mh_j2j83","mk":"intl-phone-input__mk_j2j83","ml":"intl-phone-input__ml_j2j83","mm":"intl-phone-input__mm_j2j83","mn":"intl-phone-input__mn_j2j83","mo":"intl-phone-input__mo_j2j83","mp":"intl-phone-input__mp_j2j83","mq":"intl-phone-input__mq_j2j83","mr":"intl-phone-input__mr_j2j83","ms":"intl-phone-input__ms_j2j83","mt":"intl-phone-input__mt_j2j83","mu":"intl-phone-input__mu_j2j83","mv":"intl-phone-input__mv_j2j83","mw":"intl-phone-input__mw_j2j83","mx":"intl-phone-input__mx_j2j83","my":"intl-phone-input__my_j2j83","mz":"intl-phone-input__mz_j2j83","na":"intl-phone-input__na_j2j83","nc":"intl-phone-input__nc_j2j83","ne":"intl-phone-input__ne_j2j83","nf":"intl-phone-input__nf_j2j83","ng":"intl-phone-input__ng_j2j83","ni":"intl-phone-input__ni_j2j83","nl":"intl-phone-input__nl_j2j83","no":"intl-phone-input__no_j2j83","np":"intl-phone-input__np_j2j83","nr":"intl-phone-input__nr_j2j83","nu":"intl-phone-input__nu_j2j83","nz":"intl-phone-input__nz_j2j83","om":"intl-phone-input__om_j2j83","pa":"intl-phone-input__pa_j2j83","pe":"intl-phone-input__pe_j2j83","pf":"intl-phone-input__pf_j2j83","pg":"intl-phone-input__pg_j2j83","ph":"intl-phone-input__ph_j2j83","pk":"intl-phone-input__pk_j2j83","pl":"intl-phone-input__pl_j2j83","pm":"intl-phone-input__pm_j2j83","pn":"intl-phone-input__pn_j2j83","pr":"intl-phone-input__pr_j2j83","ps":"intl-phone-input__ps_j2j83","pt":"intl-phone-input__pt_j2j83","pw":"intl-phone-input__pw_j2j83","py":"intl-phone-input__py_j2j83","qa":"intl-phone-input__qa_j2j83","re":"intl-phone-input__re_j2j83","ro":"intl-phone-input__ro_j2j83","rs":"intl-phone-input__rs_j2j83","ru":"intl-phone-input__ru_j2j83","rw":"intl-phone-input__rw_j2j83","sa":"intl-phone-input__sa_j2j83","sb":"intl-phone-input__sb_j2j83","sc":"intl-phone-input__sc_j2j83","sd":"intl-phone-input__sd_j2j83","se":"intl-phone-input__se_j2j83","sg":"intl-phone-input__sg_j2j83","sh":"intl-phone-input__sh_j2j83","si":"intl-phone-input__si_j2j83","sj":"intl-phone-input__sj_j2j83","sk":"intl-phone-input__sk_j2j83","sl":"intl-phone-input__sl_j2j83","sm":"intl-phone-input__sm_j2j83","sn":"intl-phone-input__sn_j2j83","so":"intl-phone-input__so_j2j83","sr":"intl-phone-input__sr_j2j83","ss":"intl-phone-input__ss_j2j83","st":"intl-phone-input__st_j2j83","sv":"intl-phone-input__sv_j2j83","sx":"intl-phone-input__sx_j2j83","sy":"intl-phone-input__sy_j2j83","sz":"intl-phone-input__sz_j2j83","ta":"intl-phone-input__ta_j2j83","tc":"intl-phone-input__tc_j2j83","td":"intl-phone-input__td_j2j83","tf":"intl-phone-input__tf_j2j83","tg":"intl-phone-input__tg_j2j83","th":"intl-phone-input__th_j2j83","tj":"intl-phone-input__tj_j2j83","tk":"intl-phone-input__tk_j2j83","tl":"intl-phone-input__tl_j2j83","tm":"intl-phone-input__tm_j2j83","tn":"intl-phone-input__tn_j2j83","to":"intl-phone-input__to_j2j83","tr":"intl-phone-input__tr_j2j83","tt":"intl-phone-input__tt_j2j83","tv":"intl-phone-input__tv_j2j83","tw":"intl-phone-input__tw_j2j83","tz":"intl-phone-input__tz_j2j83","ua":"intl-phone-input__ua_j2j83","ug":"intl-phone-input__ug_j2j83","um":"intl-phone-input__um_j2j83","un":"intl-phone-input__un_j2j83","us":"intl-phone-input__us_j2j83","uy":"intl-phone-input__uy_j2j83","uz":"intl-phone-input__uz_j2j83","va":"intl-phone-input__va_j2j83","vc":"intl-phone-input__vc_j2j83","ve":"intl-phone-input__ve_j2j83","vg":"intl-phone-input__vg_j2j83","vi":"intl-phone-input__vi_j2j83","vn":"intl-phone-input__vn_j2j83","vu":"intl-phone-input__vu_j2j83","wf":"intl-phone-input__wf_j2j83","ws":"intl-phone-input__ws_j2j83","xk":"intl-phone-input__xk_j2j83","ye":"intl-phone-input__ye_j2j83","yt":"intl-phone-input__yt_j2j83","za":"intl-phone-input__za_j2j83","zm":"intl-phone-input__zm_j2j83","zw":"intl-phone-input__zw_j2j83"};
 require('./index.css');
 
 /**