@alfalab/core-components-intl-phone-input 6.5.1 → 6.6.1

package/CHANGELOG.md

@@ -3,6 +3,36 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [6.6.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-intl-phone-input@6.6.0...@alfalab/core-components-intl-phone-input@6.6.1) (2022-07-11)
+
+**Note:** Version bump only for package @alfalab/core-components-intl-phone-input
+
+
+
+
+
+# [6.6.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-intl-phone-input@6.5.2...@alfalab/core-components-intl-phone-input@6.6.0) (2022-07-01)
+
+
+### Features
+
+* **select:** add select-modal-mobile ([#47](https://github.com/core-ds/core-components/issues/47)) ([5ec4268](https://github.com/core-ds/core-components/commit/5ec42688065bb279d721541ec21bde242675ab8a))
+
+
+
+
+
+## [6.5.2](https://github.com/core-ds/core-components/compare/@alfalab/core-components-intl-phone-input@6.5.1...@alfalab/core-components-intl-phone-input@6.5.2) (2022-06-30)
+
+
+### Bug Fixes
+
+* **intl-phone-input:** fixed caret jumps ([#112](https://github.com/core-ds/core-components/issues/112)) ([1d219e7](https://github.com/core-ds/core-components/commit/1d219e7663b8b19d64d3f099bbea01cf76defcd8))
+
+
+
+
+
 ## [6.5.1](https://github.com/core-ds/core-components/compare/@alfalab/core-components-intl-phone-input@6.5.0...@alfalab/core-components-intl-phone-input@6.5.1) (2022-06-29)
 
 **Note:** Version bump only for package @alfalab/core-components-intl-phone-input

package/dist/{component-2792ba97.js → component-aed93486.js}

@@ -51,7 +51,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"intl-phone-input__component_krvra","flagIconContainer":"intl-phone-input__flagIconContainer_krvra","disabled":"intl-phone-input__disabled_krvra","inner":"intl-phone-input__inner_krvra","l":"intl-phone-input__l_krvra","xl":"intl-phone-input__xl_krvra","focusVisible":"intl-phone-input__focusVisible_krvra"};
+var styles = {"component":"intl-phone-input__component_zoihn","flagIconContainer":"intl-phone-input__flagIconContainer_zoihn","disabled":"intl-phone-input__disabled_zoihn","inner":"intl-phone-input__inner_zoihn","l":"intl-phone-input__l_zoihn","xl":"intl-phone-input__xl_zoihn","focusVisible":"intl-phone-input__focusVisible_zoihn"};
 require('./components/select-field/index.css')
 
 var SelectField = function (_a) {

package/dist/component.d.ts

@@ -4,7 +4,7 @@ import { CountryCode } from 'libphonenumber-js';
 import { SelectProps } from "@alfalab/core-components-select";
 import { Country } from '@alfalab/utils';
 import { InputAutocompleteProps } from "@alfalab/core-components-input-autocomplete";
-type MaxPhoneLen = Record<string, number>;
+type MaxPhoneLenByCountry = Record<string, number>;
 type IntlPhoneInputProps = Partial<Omit<InputAutocompleteProps, 'onChange'>> & Pick<SelectProps, 'preventFlip'> & {
     /**
      * Значение
@@ -37,9 +37,9 @@ type IntlPhoneInputProps = Partial<Omit<InputAutocompleteProps, 'onChange'>> & P
     /**
      * Ограничение длин вводимых номеров по странам.
      */
-    maxPhoneLen?: MaxPhoneLen;
+    maxPhoneLen?: MaxPhoneLenByCountry;
 };
-declare const IntlPhoneInput: React.ForwardRefExoticComponent<Partial<Pick<InputAutocompleteProps, "selected" | "valueRenderer" | "Optgroup" | "size" | "value" | "disabled" | "multiple" | "name" | "placeholder" | "readOnly" | "className" | "id" | "onFocus" | "onBlur" | "onInput" | "onScroll" | "optionsListWidth" | "options" | "visibleOptions" | "open" | "label" | "error" | "hint" | "Arrow" | "dataTestId" | "fieldClassName" | "success" | "block" | "optionGroupClassName" | "Option" | "inputProps" | "optionsListClassName" | "optionClassName" | "popperClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "preventFlip" | "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" | "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"> & {
     /**
      * Значение
      */

package/dist/component.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('./component-2792ba97.js');
+var components_selectField_component = require('./component-aed93486.js');
 var React = require('react');
 var cn = require('classnames');
 var utils = require('@alfalab/utils');
@@ -13,6 +13,7 @@ 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');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -20,15 +21,16 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"addons":"intl-phone-input__addons_arabf","l":"intl-phone-input__l_arabf","xl":"intl-phone-input__xl_arabf"};
+var styles = {"addons":"intl-phone-input__addons_c4x4a","l":"intl-phone-input__l_c4x4a","xl":"intl-phone-input__xl_c4x4a"};
 require('./index.css')
 
 var countriesHash = utils.getCountriesHash();
 var MAX_DIAL_CODE_LENGTH = 4;
 var MASK_SYMBOLS = [' ', '-', '(', ')'];
-var DEFAULT_MAX_PHONE_LEN = { RU: 11 };
+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 : _k, restProps = components_selectField_component.__rest(_a, ["disabled", "readOnly", "size", "colors", "options", "countries", "clearableCountryCode", "className", "value", "onChange", "onCountryChange", "defaultCountryIso2", "preventFlip", "inputProps", "maxPhoneLen"]);
+    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 inputRef = React.useRef(null);
     var _m = React.useState(null), inputWrapperRef = _m[0], setInputWrapperRef = _m[1];
@@ -125,9 +127,9 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     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 maxPhoneLength = (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);
         if (shouldReplace) {
             var cursor = 0;
@@ -137,45 +139,16 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
             endPhonePart = endPhonePart.slice(cursor + 1);
         }
         var newValue = currentValue.slice(0, caretPosition) + event.key + endPhonePart;
-        // Запрещаем ввод, если указана длина номера и номер уже заполнен.
-        if (maxLen && newValue.replace(/\D/g, '').length > maxLen) {
+        // Запрещаем ввод, если номер уже заполнен.
+        if (newValue.replace(/\D/g, '').length > maxPhoneLength) {
             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;
+        var phonePartWithoutMask = currentValue.slice(0, caretPosition).replace(/\D/g, '') + event.key;
+        if (shouldReplace && phonePartWithoutMask.length > maxPhoneLength) {
+            phonePartWithoutMask = phonePartWithoutMask.slice(0, -1);
         }
-        setCaretPos(newCaretPosition);
+        setCaretPos(utils_calculateCaretPos.calculateCaretPos(phonePartWithoutMask, newValue));
         setCountryByDialCodeWithLengthCheck(newValue);
         onChange(newValue);
     };
@@ -184,39 +157,32 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         if (!clearableCountryCode && caretPosition <= countryCodeLength)
             return;
         var currentValue = input.value;
+        var isMaskSymbol = function (count) {
+            var isMask = MASK_SYMBOLS.includes(currentValue.charAt(caretPosition - count));
+            var isPossibleToRemove = clearableCountryCode
+                ? caretPosition - count > 0
+                : caretPosition - count > countryCodeLength;
+            return isMask && isPossibleToRemove;
+        };
         var deletedCharsCount = 1;
-        // Высчитываем новое положение каретки с учетом символов маски.
-        while (caretPosition - deletedCharsCount > 0 &&
-            MASK_SYMBOLS.includes(currentValue.charAt(caretPosition - deletedCharsCount))) {
+        // Высчитываем кол-во символов, которые нужно удалить.
+        while (isMaskSymbol(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);
+        var phonePart = currentValue.slice(0, caretPosition - deletedCharsCount);
+        var newValue = formatPhone(addCountryCode(phonePart + currentValue.slice(caretPosition)));
+        var phonePartWithoutMask = phonePart.replace(/[^0-9+]+/g, '');
+        setCaretPos(utils_calculateCaretPos.calculateCaretPos(phonePartWithoutMask, newValue));
         setCountryByDialCodeWithLengthCheck(newValue);
         onChange(newValue);
     };
     var handleKeyDown = function (event) {
         var input = event.target;
-        var caretPosition = input.selectionStart;
-        if (!caretPosition) {
-            return;
-        }
-        if (event.key === 'Backspace') {
+        var caretPosition = input.selectionStart || 0;
+        // Нажат только Backspace, не сочетание клавиш с ним.
+        if (!event.shiftKey && !event.ctrlKey && !event.metaKey && event.key === 'Backspace') {
+            if (!caretPosition)
+                return;
             event.preventDefault();
             handleDeleteChar(event, caretPosition);
         }
@@ -235,7 +201,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         if (phoneLibUtils.current)
             return;
         Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-f76d88ab.js'); })
+        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-ab66ec65.js'); })
             .then(function (utils) {
             phoneLibUtils.current = utils.AsYouType;
             setCountryByDialCode(value);

package/dist/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_14laa","ac":"intl-phone-input__ac_14laa","ad":"intl-phone-input__ad_14laa","ae":"intl-phone-input__ae_14laa","af":"intl-phone-input__af_14laa","ag":"intl-phone-input__ag_14laa","ai":"intl-phone-input__ai_14laa","al":"intl-phone-input__al_14laa","am":"intl-phone-input__am_14laa","ao":"intl-phone-input__ao_14laa","aq":"intl-phone-input__aq_14laa","ar":"intl-phone-input__ar_14laa","as":"intl-phone-input__as_14laa","at":"intl-phone-input__at_14laa","au":"intl-phone-input__au_14laa","aw":"intl-phone-input__aw_14laa","ax":"intl-phone-input__ax_14laa","az":"intl-phone-input__az_14laa","ba":"intl-phone-input__ba_14laa","bb":"intl-phone-input__bb_14laa","bd":"intl-phone-input__bd_14laa","be":"intl-phone-input__be_14laa","bf":"intl-phone-input__bf_14laa","bg":"intl-phone-input__bg_14laa","bh":"intl-phone-input__bh_14laa","bi":"intl-phone-input__bi_14laa","bj":"intl-phone-input__bj_14laa","bl":"intl-phone-input__bl_14laa","bm":"intl-phone-input__bm_14laa","bn":"intl-phone-input__bn_14laa","bo":"intl-phone-input__bo_14laa","bq":"intl-phone-input__bq_14laa","br":"intl-phone-input__br_14laa","bs":"intl-phone-input__bs_14laa","bt":"intl-phone-input__bt_14laa","bv":"intl-phone-input__bv_14laa","bw":"intl-phone-input__bw_14laa","by":"intl-phone-input__by_14laa","bz":"intl-phone-input__bz_14laa","ca":"intl-phone-input__ca_14laa","cc":"intl-phone-input__cc_14laa","cd":"intl-phone-input__cd_14laa","cf":"intl-phone-input__cf_14laa","cg":"intl-phone-input__cg_14laa","ch":"intl-phone-input__ch_14laa","ci":"intl-phone-input__ci_14laa","ck":"intl-phone-input__ck_14laa","cl":"intl-phone-input__cl_14laa","cm":"intl-phone-input__cm_14laa","cn":"intl-phone-input__cn_14laa","co":"intl-phone-input__co_14laa","cp":"intl-phone-input__cp_14laa","cr":"intl-phone-input__cr_14laa","cu":"intl-phone-input__cu_14laa","cv":"intl-phone-input__cv_14laa","cw":"intl-phone-input__cw_14laa","cx":"intl-phone-input__cx_14laa","cy":"intl-phone-input__cy_14laa","cz":"intl-phone-input__cz_14laa","de":"intl-phone-input__de_14laa","dg":"intl-phone-input__dg_14laa","dj":"intl-phone-input__dj_14laa","dk":"intl-phone-input__dk_14laa","dm":"intl-phone-input__dm_14laa","do":"intl-phone-input__do_14laa","dz":"intl-phone-input__dz_14laa","ea":"intl-phone-input__ea_14laa","ec":"intl-phone-input__ec_14laa","ee":"intl-phone-input__ee_14laa","eg":"intl-phone-input__eg_14laa","eh":"intl-phone-input__eh_14laa","er":"intl-phone-input__er_14laa","es":"intl-phone-input__es_14laa","et":"intl-phone-input__et_14laa","eu":"intl-phone-input__eu_14laa","fi":"intl-phone-input__fi_14laa","fj":"intl-phone-input__fj_14laa","fk":"intl-phone-input__fk_14laa","fm":"intl-phone-input__fm_14laa","fo":"intl-phone-input__fo_14laa","fr":"intl-phone-input__fr_14laa","ga":"intl-phone-input__ga_14laa","gb":"intl-phone-input__gb_14laa","gd":"intl-phone-input__gd_14laa","ge":"intl-phone-input__ge_14laa","gf":"intl-phone-input__gf_14laa","gg":"intl-phone-input__gg_14laa","gh":"intl-phone-input__gh_14laa","gi":"intl-phone-input__gi_14laa","gl":"intl-phone-input__gl_14laa","gm":"intl-phone-input__gm_14laa","gn":"intl-phone-input__gn_14laa","gp":"intl-phone-input__gp_14laa","gq":"intl-phone-input__gq_14laa","gr":"intl-phone-input__gr_14laa","gs":"intl-phone-input__gs_14laa","gt":"intl-phone-input__gt_14laa","gu":"intl-phone-input__gu_14laa","gw":"intl-phone-input__gw_14laa","gy":"intl-phone-input__gy_14laa","hk":"intl-phone-input__hk_14laa","hm":"intl-phone-input__hm_14laa","hn":"intl-phone-input__hn_14laa","hr":"intl-phone-input__hr_14laa","ht":"intl-phone-input__ht_14laa","hu":"intl-phone-input__hu_14laa","ic":"intl-phone-input__ic_14laa","id":"intl-phone-input__id_14laa","ie":"intl-phone-input__ie_14laa","il":"intl-phone-input__il_14laa","im":"intl-phone-input__im_14laa","in":"intl-phone-input__in_14laa","io":"intl-phone-input__io_14laa","iq":"intl-phone-input__iq_14laa","ir":"intl-phone-input__ir_14laa","is":"intl-phone-input__is_14laa","it":"intl-phone-input__it_14laa","je":"intl-phone-input__je_14laa","jm":"intl-phone-input__jm_14laa","jo":"intl-phone-input__jo_14laa","jp":"intl-phone-input__jp_14laa","ke":"intl-phone-input__ke_14laa","kg":"intl-phone-input__kg_14laa","kh":"intl-phone-input__kh_14laa","ki":"intl-phone-input__ki_14laa","km":"intl-phone-input__km_14laa","kn":"intl-phone-input__kn_14laa","kp":"intl-phone-input__kp_14laa","kr":"intl-phone-input__kr_14laa","kw":"intl-phone-input__kw_14laa","ky":"intl-phone-input__ky_14laa","kz":"intl-phone-input__kz_14laa","la":"intl-phone-input__la_14laa","lb":"intl-phone-input__lb_14laa","lc":"intl-phone-input__lc_14laa","li":"intl-phone-input__li_14laa","lk":"intl-phone-input__lk_14laa","lr":"intl-phone-input__lr_14laa","ls":"intl-phone-input__ls_14laa","lt":"intl-phone-input__lt_14laa","lu":"intl-phone-input__lu_14laa","lv":"intl-phone-input__lv_14laa","ly":"intl-phone-input__ly_14laa","ma":"intl-phone-input__ma_14laa","mc":"intl-phone-input__mc_14laa","md":"intl-phone-input__md_14laa","me":"intl-phone-input__me_14laa","mf":"intl-phone-input__mf_14laa","mg":"intl-phone-input__mg_14laa","mh":"intl-phone-input__mh_14laa","mk":"intl-phone-input__mk_14laa","ml":"intl-phone-input__ml_14laa","mm":"intl-phone-input__mm_14laa","mn":"intl-phone-input__mn_14laa","mo":"intl-phone-input__mo_14laa","mp":"intl-phone-input__mp_14laa","mq":"intl-phone-input__mq_14laa","mr":"intl-phone-input__mr_14laa","ms":"intl-phone-input__ms_14laa","mt":"intl-phone-input__mt_14laa","mu":"intl-phone-input__mu_14laa","mv":"intl-phone-input__mv_14laa","mw":"intl-phone-input__mw_14laa","mx":"intl-phone-input__mx_14laa","my":"intl-phone-input__my_14laa","mz":"intl-phone-input__mz_14laa","na":"intl-phone-input__na_14laa","nc":"intl-phone-input__nc_14laa","ne":"intl-phone-input__ne_14laa","nf":"intl-phone-input__nf_14laa","ng":"intl-phone-input__ng_14laa","ni":"intl-phone-input__ni_14laa","nl":"intl-phone-input__nl_14laa","no":"intl-phone-input__no_14laa","np":"intl-phone-input__np_14laa","nr":"intl-phone-input__nr_14laa","nu":"intl-phone-input__nu_14laa","nz":"intl-phone-input__nz_14laa","om":"intl-phone-input__om_14laa","pa":"intl-phone-input__pa_14laa","pe":"intl-phone-input__pe_14laa","pf":"intl-phone-input__pf_14laa","pg":"intl-phone-input__pg_14laa","ph":"intl-phone-input__ph_14laa","pk":"intl-phone-input__pk_14laa","pl":"intl-phone-input__pl_14laa","pm":"intl-phone-input__pm_14laa","pn":"intl-phone-input__pn_14laa","pr":"intl-phone-input__pr_14laa","ps":"intl-phone-input__ps_14laa","pt":"intl-phone-input__pt_14laa","pw":"intl-phone-input__pw_14laa","py":"intl-phone-input__py_14laa","qa":"intl-phone-input__qa_14laa","re":"intl-phone-input__re_14laa","ro":"intl-phone-input__ro_14laa","rs":"intl-phone-input__rs_14laa","ru":"intl-phone-input__ru_14laa","rw":"intl-phone-input__rw_14laa","sa":"intl-phone-input__sa_14laa","sb":"intl-phone-input__sb_14laa","sc":"intl-phone-input__sc_14laa","sd":"intl-phone-input__sd_14laa","se":"intl-phone-input__se_14laa","sg":"intl-phone-input__sg_14laa","sh":"intl-phone-input__sh_14laa","si":"intl-phone-input__si_14laa","sj":"intl-phone-input__sj_14laa","sk":"intl-phone-input__sk_14laa","sl":"intl-phone-input__sl_14laa","sm":"intl-phone-input__sm_14laa","sn":"intl-phone-input__sn_14laa","so":"intl-phone-input__so_14laa","sr":"intl-phone-input__sr_14laa","ss":"intl-phone-input__ss_14laa","st":"intl-phone-input__st_14laa","sv":"intl-phone-input__sv_14laa","sx":"intl-phone-input__sx_14laa","sy":"intl-phone-input__sy_14laa","sz":"intl-phone-input__sz_14laa","ta":"intl-phone-input__ta_14laa","tc":"intl-phone-input__tc_14laa","td":"intl-phone-input__td_14laa","tf":"intl-phone-input__tf_14laa","tg":"intl-phone-input__tg_14laa","th":"intl-phone-input__th_14laa","tj":"intl-phone-input__tj_14laa","tk":"intl-phone-input__tk_14laa","tl":"intl-phone-input__tl_14laa","tm":"intl-phone-input__tm_14laa","tn":"intl-phone-input__tn_14laa","to":"intl-phone-input__to_14laa","tr":"intl-phone-input__tr_14laa","tt":"intl-phone-input__tt_14laa","tv":"intl-phone-input__tv_14laa","tw":"intl-phone-input__tw_14laa","tz":"intl-phone-input__tz_14laa","ua":"intl-phone-input__ua_14laa","ug":"intl-phone-input__ug_14laa","um":"intl-phone-input__um_14laa","un":"intl-phone-input__un_14laa","us":"intl-phone-input__us_14laa","uy":"intl-phone-input__uy_14laa","uz":"intl-phone-input__uz_14laa","va":"intl-phone-input__va_14laa","vc":"intl-phone-input__vc_14laa","ve":"intl-phone-input__ve_14laa","vg":"intl-phone-input__vg_14laa","vi":"intl-phone-input__vi_14laa","vn":"intl-phone-input__vn_14laa","vu":"intl-phone-input__vu_14laa","wf":"intl-phone-input__wf_14laa","ws":"intl-phone-input__ws_14laa","xk":"intl-phone-input__xk_14laa","ye":"intl-phone-input__ye_14laa","yt":"intl-phone-input__yt_14laa","za":"intl-phone-input__za_14laa","zm":"intl-phone-input__zm_14laa","zw":"intl-phone-input__zw_14laa"};
+var styles = {"flagIcon":"intl-phone-input__flagIcon_6h10k","ac":"intl-phone-input__ac_6h10k","ad":"intl-phone-input__ad_6h10k","ae":"intl-phone-input__ae_6h10k","af":"intl-phone-input__af_6h10k","ag":"intl-phone-input__ag_6h10k","ai":"intl-phone-input__ai_6h10k","al":"intl-phone-input__al_6h10k","am":"intl-phone-input__am_6h10k","ao":"intl-phone-input__ao_6h10k","aq":"intl-phone-input__aq_6h10k","ar":"intl-phone-input__ar_6h10k","as":"intl-phone-input__as_6h10k","at":"intl-phone-input__at_6h10k","au":"intl-phone-input__au_6h10k","aw":"intl-phone-input__aw_6h10k","ax":"intl-phone-input__ax_6h10k","az":"intl-phone-input__az_6h10k","ba":"intl-phone-input__ba_6h10k","bb":"intl-phone-input__bb_6h10k","bd":"intl-phone-input__bd_6h10k","be":"intl-phone-input__be_6h10k","bf":"intl-phone-input__bf_6h10k","bg":"intl-phone-input__bg_6h10k","bh":"intl-phone-input__bh_6h10k","bi":"intl-phone-input__bi_6h10k","bj":"intl-phone-input__bj_6h10k","bl":"intl-phone-input__bl_6h10k","bm":"intl-phone-input__bm_6h10k","bn":"intl-phone-input__bn_6h10k","bo":"intl-phone-input__bo_6h10k","bq":"intl-phone-input__bq_6h10k","br":"intl-phone-input__br_6h10k","bs":"intl-phone-input__bs_6h10k","bt":"intl-phone-input__bt_6h10k","bv":"intl-phone-input__bv_6h10k","bw":"intl-phone-input__bw_6h10k","by":"intl-phone-input__by_6h10k","bz":"intl-phone-input__bz_6h10k","ca":"intl-phone-input__ca_6h10k","cc":"intl-phone-input__cc_6h10k","cd":"intl-phone-input__cd_6h10k","cf":"intl-phone-input__cf_6h10k","cg":"intl-phone-input__cg_6h10k","ch":"intl-phone-input__ch_6h10k","ci":"intl-phone-input__ci_6h10k","ck":"intl-phone-input__ck_6h10k","cl":"intl-phone-input__cl_6h10k","cm":"intl-phone-input__cm_6h10k","cn":"intl-phone-input__cn_6h10k","co":"intl-phone-input__co_6h10k","cp":"intl-phone-input__cp_6h10k","cr":"intl-phone-input__cr_6h10k","cu":"intl-phone-input__cu_6h10k","cv":"intl-phone-input__cv_6h10k","cw":"intl-phone-input__cw_6h10k","cx":"intl-phone-input__cx_6h10k","cy":"intl-phone-input__cy_6h10k","cz":"intl-phone-input__cz_6h10k","de":"intl-phone-input__de_6h10k","dg":"intl-phone-input__dg_6h10k","dj":"intl-phone-input__dj_6h10k","dk":"intl-phone-input__dk_6h10k","dm":"intl-phone-input__dm_6h10k","do":"intl-phone-input__do_6h10k","dz":"intl-phone-input__dz_6h10k","ea":"intl-phone-input__ea_6h10k","ec":"intl-phone-input__ec_6h10k","ee":"intl-phone-input__ee_6h10k","eg":"intl-phone-input__eg_6h10k","eh":"intl-phone-input__eh_6h10k","er":"intl-phone-input__er_6h10k","es":"intl-phone-input__es_6h10k","et":"intl-phone-input__et_6h10k","eu":"intl-phone-input__eu_6h10k","fi":"intl-phone-input__fi_6h10k","fj":"intl-phone-input__fj_6h10k","fk":"intl-phone-input__fk_6h10k","fm":"intl-phone-input__fm_6h10k","fo":"intl-phone-input__fo_6h10k","fr":"intl-phone-input__fr_6h10k","ga":"intl-phone-input__ga_6h10k","gb":"intl-phone-input__gb_6h10k","gd":"intl-phone-input__gd_6h10k","ge":"intl-phone-input__ge_6h10k","gf":"intl-phone-input__gf_6h10k","gg":"intl-phone-input__gg_6h10k","gh":"intl-phone-input__gh_6h10k","gi":"intl-phone-input__gi_6h10k","gl":"intl-phone-input__gl_6h10k","gm":"intl-phone-input__gm_6h10k","gn":"intl-phone-input__gn_6h10k","gp":"intl-phone-input__gp_6h10k","gq":"intl-phone-input__gq_6h10k","gr":"intl-phone-input__gr_6h10k","gs":"intl-phone-input__gs_6h10k","gt":"intl-phone-input__gt_6h10k","gu":"intl-phone-input__gu_6h10k","gw":"intl-phone-input__gw_6h10k","gy":"intl-phone-input__gy_6h10k","hk":"intl-phone-input__hk_6h10k","hm":"intl-phone-input__hm_6h10k","hn":"intl-phone-input__hn_6h10k","hr":"intl-phone-input__hr_6h10k","ht":"intl-phone-input__ht_6h10k","hu":"intl-phone-input__hu_6h10k","ic":"intl-phone-input__ic_6h10k","id":"intl-phone-input__id_6h10k","ie":"intl-phone-input__ie_6h10k","il":"intl-phone-input__il_6h10k","im":"intl-phone-input__im_6h10k","in":"intl-phone-input__in_6h10k","io":"intl-phone-input__io_6h10k","iq":"intl-phone-input__iq_6h10k","ir":"intl-phone-input__ir_6h10k","is":"intl-phone-input__is_6h10k","it":"intl-phone-input__it_6h10k","je":"intl-phone-input__je_6h10k","jm":"intl-phone-input__jm_6h10k","jo":"intl-phone-input__jo_6h10k","jp":"intl-phone-input__jp_6h10k","ke":"intl-phone-input__ke_6h10k","kg":"intl-phone-input__kg_6h10k","kh":"intl-phone-input__kh_6h10k","ki":"intl-phone-input__ki_6h10k","km":"intl-phone-input__km_6h10k","kn":"intl-phone-input__kn_6h10k","kp":"intl-phone-input__kp_6h10k","kr":"intl-phone-input__kr_6h10k","kw":"intl-phone-input__kw_6h10k","ky":"intl-phone-input__ky_6h10k","kz":"intl-phone-input__kz_6h10k","la":"intl-phone-input__la_6h10k","lb":"intl-phone-input__lb_6h10k","lc":"intl-phone-input__lc_6h10k","li":"intl-phone-input__li_6h10k","lk":"intl-phone-input__lk_6h10k","lr":"intl-phone-input__lr_6h10k","ls":"intl-phone-input__ls_6h10k","lt":"intl-phone-input__lt_6h10k","lu":"intl-phone-input__lu_6h10k","lv":"intl-phone-input__lv_6h10k","ly":"intl-phone-input__ly_6h10k","ma":"intl-phone-input__ma_6h10k","mc":"intl-phone-input__mc_6h10k","md":"intl-phone-input__md_6h10k","me":"intl-phone-input__me_6h10k","mf":"intl-phone-input__mf_6h10k","mg":"intl-phone-input__mg_6h10k","mh":"intl-phone-input__mh_6h10k","mk":"intl-phone-input__mk_6h10k","ml":"intl-phone-input__ml_6h10k","mm":"intl-phone-input__mm_6h10k","mn":"intl-phone-input__mn_6h10k","mo":"intl-phone-input__mo_6h10k","mp":"intl-phone-input__mp_6h10k","mq":"intl-phone-input__mq_6h10k","mr":"intl-phone-input__mr_6h10k","ms":"intl-phone-input__ms_6h10k","mt":"intl-phone-input__mt_6h10k","mu":"intl-phone-input__mu_6h10k","mv":"intl-phone-input__mv_6h10k","mw":"intl-phone-input__mw_6h10k","mx":"intl-phone-input__mx_6h10k","my":"intl-phone-input__my_6h10k","mz":"intl-phone-input__mz_6h10k","na":"intl-phone-input__na_6h10k","nc":"intl-phone-input__nc_6h10k","ne":"intl-phone-input__ne_6h10k","nf":"intl-phone-input__nf_6h10k","ng":"intl-phone-input__ng_6h10k","ni":"intl-phone-input__ni_6h10k","nl":"intl-phone-input__nl_6h10k","no":"intl-phone-input__no_6h10k","np":"intl-phone-input__np_6h10k","nr":"intl-phone-input__nr_6h10k","nu":"intl-phone-input__nu_6h10k","nz":"intl-phone-input__nz_6h10k","om":"intl-phone-input__om_6h10k","pa":"intl-phone-input__pa_6h10k","pe":"intl-phone-input__pe_6h10k","pf":"intl-phone-input__pf_6h10k","pg":"intl-phone-input__pg_6h10k","ph":"intl-phone-input__ph_6h10k","pk":"intl-phone-input__pk_6h10k","pl":"intl-phone-input__pl_6h10k","pm":"intl-phone-input__pm_6h10k","pn":"intl-phone-input__pn_6h10k","pr":"intl-phone-input__pr_6h10k","ps":"intl-phone-input__ps_6h10k","pt":"intl-phone-input__pt_6h10k","pw":"intl-phone-input__pw_6h10k","py":"intl-phone-input__py_6h10k","qa":"intl-phone-input__qa_6h10k","re":"intl-phone-input__re_6h10k","ro":"intl-phone-input__ro_6h10k","rs":"intl-phone-input__rs_6h10k","ru":"intl-phone-input__ru_6h10k","rw":"intl-phone-input__rw_6h10k","sa":"intl-phone-input__sa_6h10k","sb":"intl-phone-input__sb_6h10k","sc":"intl-phone-input__sc_6h10k","sd":"intl-phone-input__sd_6h10k","se":"intl-phone-input__se_6h10k","sg":"intl-phone-input__sg_6h10k","sh":"intl-phone-input__sh_6h10k","si":"intl-phone-input__si_6h10k","sj":"intl-phone-input__sj_6h10k","sk":"intl-phone-input__sk_6h10k","sl":"intl-phone-input__sl_6h10k","sm":"intl-phone-input__sm_6h10k","sn":"intl-phone-input__sn_6h10k","so":"intl-phone-input__so_6h10k","sr":"intl-phone-input__sr_6h10k","ss":"intl-phone-input__ss_6h10k","st":"intl-phone-input__st_6h10k","sv":"intl-phone-input__sv_6h10k","sx":"intl-phone-input__sx_6h10k","sy":"intl-phone-input__sy_6h10k","sz":"intl-phone-input__sz_6h10k","ta":"intl-phone-input__ta_6h10k","tc":"intl-phone-input__tc_6h10k","td":"intl-phone-input__td_6h10k","tf":"intl-phone-input__tf_6h10k","tg":"intl-phone-input__tg_6h10k","th":"intl-phone-input__th_6h10k","tj":"intl-phone-input__tj_6h10k","tk":"intl-phone-input__tk_6h10k","tl":"intl-phone-input__tl_6h10k","tm":"intl-phone-input__tm_6h10k","tn":"intl-phone-input__tn_6h10k","to":"intl-phone-input__to_6h10k","tr":"intl-phone-input__tr_6h10k","tt":"intl-phone-input__tt_6h10k","tv":"intl-phone-input__tv_6h10k","tw":"intl-phone-input__tw_6h10k","tz":"intl-phone-input__tz_6h10k","ua":"intl-phone-input__ua_6h10k","ug":"intl-phone-input__ug_6h10k","um":"intl-phone-input__um_6h10k","un":"intl-phone-input__un_6h10k","us":"intl-phone-input__us_6h10k","uy":"intl-phone-input__uy_6h10k","uz":"intl-phone-input__uz_6h10k","va":"intl-phone-input__va_6h10k","vc":"intl-phone-input__vc_6h10k","ve":"intl-phone-input__ve_6h10k","vg":"intl-phone-input__vg_6h10k","vi":"intl-phone-input__vi_6h10k","vn":"intl-phone-input__vn_6h10k","vu":"intl-phone-input__vu_6h10k","wf":"intl-phone-input__wf_6h10k","ws":"intl-phone-input__ws_6h10k","xk":"intl-phone-input__xk_6h10k","ye":"intl-phone-input__ye_6h10k","yt":"intl-phone-input__yt_6h10k","za":"intl-phone-input__za_6h10k","zm":"intl-phone-input__zm_6h10k","zw":"intl-phone-input__zw_6h10k"};
 require('./index.css')
 
 /**