@alfalab/core-components-intl-phone-input 6.5.0 → 6.6.0

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.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
+
+
+
+
+
 # [6.5.0](https://github.com/core-ds/core-components/compare/@alfalab/core-components-intl-phone-input@6.4.0...@alfalab/core-components-intl-phone-input@6.5.0) (2022-06-28)
 
 

package/dist/{component-76a7efef.js → component-20a9879c.js}

@@ -51,7 +51,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"intl-phone-input__component_38ou7","flagIconContainer":"intl-phone-input__flagIconContainer_38ou7","disabled":"intl-phone-input__disabled_38ou7","inner":"intl-phone-input__inner_38ou7","l":"intl-phone-input__l_38ou7","xl":"intl-phone-input__xl_38ou7","focusVisible":"intl-phone-input__focusVisible_38ou7"};
+var styles = {"component":"intl-phone-input__component_tk4od","flagIconContainer":"intl-phone-input__flagIconContainer_tk4od","disabled":"intl-phone-input__disabled_tk4od","inner":"intl-phone-input__inner_tk4od","l":"intl-phone-input__l_tk4od","xl":"intl-phone-input__xl_tk4od","focusVisible":"intl-phone-input__focusVisible_tk4od"};
 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-76a7efef.js');
+var components_selectField_component = require('./component-20a9879c.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_tw23y","l":"intl-phone-input__l_tw23y","xl":"intl-phone-input__xl_tw23y"};
+var styles = {"addons":"intl-phone-input__addons_18w6v","l":"intl-phone-input__l_18w6v","xl":"intl-phone-input__xl_18w6v"};
 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-91dd916e.js'); })
+        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-3a240a9d.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_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"};
+var styles = {"flagIcon":"intl-phone-input__flagIcon_k7dcd","ac":"intl-phone-input__ac_k7dcd","ad":"intl-phone-input__ad_k7dcd","ae":"intl-phone-input__ae_k7dcd","af":"intl-phone-input__af_k7dcd","ag":"intl-phone-input__ag_k7dcd","ai":"intl-phone-input__ai_k7dcd","al":"intl-phone-input__al_k7dcd","am":"intl-phone-input__am_k7dcd","ao":"intl-phone-input__ao_k7dcd","aq":"intl-phone-input__aq_k7dcd","ar":"intl-phone-input__ar_k7dcd","as":"intl-phone-input__as_k7dcd","at":"intl-phone-input__at_k7dcd","au":"intl-phone-input__au_k7dcd","aw":"intl-phone-input__aw_k7dcd","ax":"intl-phone-input__ax_k7dcd","az":"intl-phone-input__az_k7dcd","ba":"intl-phone-input__ba_k7dcd","bb":"intl-phone-input__bb_k7dcd","bd":"intl-phone-input__bd_k7dcd","be":"intl-phone-input__be_k7dcd","bf":"intl-phone-input__bf_k7dcd","bg":"intl-phone-input__bg_k7dcd","bh":"intl-phone-input__bh_k7dcd","bi":"intl-phone-input__bi_k7dcd","bj":"intl-phone-input__bj_k7dcd","bl":"intl-phone-input__bl_k7dcd","bm":"intl-phone-input__bm_k7dcd","bn":"intl-phone-input__bn_k7dcd","bo":"intl-phone-input__bo_k7dcd","bq":"intl-phone-input__bq_k7dcd","br":"intl-phone-input__br_k7dcd","bs":"intl-phone-input__bs_k7dcd","bt":"intl-phone-input__bt_k7dcd","bv":"intl-phone-input__bv_k7dcd","bw":"intl-phone-input__bw_k7dcd","by":"intl-phone-input__by_k7dcd","bz":"intl-phone-input__bz_k7dcd","ca":"intl-phone-input__ca_k7dcd","cc":"intl-phone-input__cc_k7dcd","cd":"intl-phone-input__cd_k7dcd","cf":"intl-phone-input__cf_k7dcd","cg":"intl-phone-input__cg_k7dcd","ch":"intl-phone-input__ch_k7dcd","ci":"intl-phone-input__ci_k7dcd","ck":"intl-phone-input__ck_k7dcd","cl":"intl-phone-input__cl_k7dcd","cm":"intl-phone-input__cm_k7dcd","cn":"intl-phone-input__cn_k7dcd","co":"intl-phone-input__co_k7dcd","cp":"intl-phone-input__cp_k7dcd","cr":"intl-phone-input__cr_k7dcd","cu":"intl-phone-input__cu_k7dcd","cv":"intl-phone-input__cv_k7dcd","cw":"intl-phone-input__cw_k7dcd","cx":"intl-phone-input__cx_k7dcd","cy":"intl-phone-input__cy_k7dcd","cz":"intl-phone-input__cz_k7dcd","de":"intl-phone-input__de_k7dcd","dg":"intl-phone-input__dg_k7dcd","dj":"intl-phone-input__dj_k7dcd","dk":"intl-phone-input__dk_k7dcd","dm":"intl-phone-input__dm_k7dcd","do":"intl-phone-input__do_k7dcd","dz":"intl-phone-input__dz_k7dcd","ea":"intl-phone-input__ea_k7dcd","ec":"intl-phone-input__ec_k7dcd","ee":"intl-phone-input__ee_k7dcd","eg":"intl-phone-input__eg_k7dcd","eh":"intl-phone-input__eh_k7dcd","er":"intl-phone-input__er_k7dcd","es":"intl-phone-input__es_k7dcd","et":"intl-phone-input__et_k7dcd","eu":"intl-phone-input__eu_k7dcd","fi":"intl-phone-input__fi_k7dcd","fj":"intl-phone-input__fj_k7dcd","fk":"intl-phone-input__fk_k7dcd","fm":"intl-phone-input__fm_k7dcd","fo":"intl-phone-input__fo_k7dcd","fr":"intl-phone-input__fr_k7dcd","ga":"intl-phone-input__ga_k7dcd","gb":"intl-phone-input__gb_k7dcd","gd":"intl-phone-input__gd_k7dcd","ge":"intl-phone-input__ge_k7dcd","gf":"intl-phone-input__gf_k7dcd","gg":"intl-phone-input__gg_k7dcd","gh":"intl-phone-input__gh_k7dcd","gi":"intl-phone-input__gi_k7dcd","gl":"intl-phone-input__gl_k7dcd","gm":"intl-phone-input__gm_k7dcd","gn":"intl-phone-input__gn_k7dcd","gp":"intl-phone-input__gp_k7dcd","gq":"intl-phone-input__gq_k7dcd","gr":"intl-phone-input__gr_k7dcd","gs":"intl-phone-input__gs_k7dcd","gt":"intl-phone-input__gt_k7dcd","gu":"intl-phone-input__gu_k7dcd","gw":"intl-phone-input__gw_k7dcd","gy":"intl-phone-input__gy_k7dcd","hk":"intl-phone-input__hk_k7dcd","hm":"intl-phone-input__hm_k7dcd","hn":"intl-phone-input__hn_k7dcd","hr":"intl-phone-input__hr_k7dcd","ht":"intl-phone-input__ht_k7dcd","hu":"intl-phone-input__hu_k7dcd","ic":"intl-phone-input__ic_k7dcd","id":"intl-phone-input__id_k7dcd","ie":"intl-phone-input__ie_k7dcd","il":"intl-phone-input__il_k7dcd","im":"intl-phone-input__im_k7dcd","in":"intl-phone-input__in_k7dcd","io":"intl-phone-input__io_k7dcd","iq":"intl-phone-input__iq_k7dcd","ir":"intl-phone-input__ir_k7dcd","is":"intl-phone-input__is_k7dcd","it":"intl-phone-input__it_k7dcd","je":"intl-phone-input__je_k7dcd","jm":"intl-phone-input__jm_k7dcd","jo":"intl-phone-input__jo_k7dcd","jp":"intl-phone-input__jp_k7dcd","ke":"intl-phone-input__ke_k7dcd","kg":"intl-phone-input__kg_k7dcd","kh":"intl-phone-input__kh_k7dcd","ki":"intl-phone-input__ki_k7dcd","km":"intl-phone-input__km_k7dcd","kn":"intl-phone-input__kn_k7dcd","kp":"intl-phone-input__kp_k7dcd","kr":"intl-phone-input__kr_k7dcd","kw":"intl-phone-input__kw_k7dcd","ky":"intl-phone-input__ky_k7dcd","kz":"intl-phone-input__kz_k7dcd","la":"intl-phone-input__la_k7dcd","lb":"intl-phone-input__lb_k7dcd","lc":"intl-phone-input__lc_k7dcd","li":"intl-phone-input__li_k7dcd","lk":"intl-phone-input__lk_k7dcd","lr":"intl-phone-input__lr_k7dcd","ls":"intl-phone-input__ls_k7dcd","lt":"intl-phone-input__lt_k7dcd","lu":"intl-phone-input__lu_k7dcd","lv":"intl-phone-input__lv_k7dcd","ly":"intl-phone-input__ly_k7dcd","ma":"intl-phone-input__ma_k7dcd","mc":"intl-phone-input__mc_k7dcd","md":"intl-phone-input__md_k7dcd","me":"intl-phone-input__me_k7dcd","mf":"intl-phone-input__mf_k7dcd","mg":"intl-phone-input__mg_k7dcd","mh":"intl-phone-input__mh_k7dcd","mk":"intl-phone-input__mk_k7dcd","ml":"intl-phone-input__ml_k7dcd","mm":"intl-phone-input__mm_k7dcd","mn":"intl-phone-input__mn_k7dcd","mo":"intl-phone-input__mo_k7dcd","mp":"intl-phone-input__mp_k7dcd","mq":"intl-phone-input__mq_k7dcd","mr":"intl-phone-input__mr_k7dcd","ms":"intl-phone-input__ms_k7dcd","mt":"intl-phone-input__mt_k7dcd","mu":"intl-phone-input__mu_k7dcd","mv":"intl-phone-input__mv_k7dcd","mw":"intl-phone-input__mw_k7dcd","mx":"intl-phone-input__mx_k7dcd","my":"intl-phone-input__my_k7dcd","mz":"intl-phone-input__mz_k7dcd","na":"intl-phone-input__na_k7dcd","nc":"intl-phone-input__nc_k7dcd","ne":"intl-phone-input__ne_k7dcd","nf":"intl-phone-input__nf_k7dcd","ng":"intl-phone-input__ng_k7dcd","ni":"intl-phone-input__ni_k7dcd","nl":"intl-phone-input__nl_k7dcd","no":"intl-phone-input__no_k7dcd","np":"intl-phone-input__np_k7dcd","nr":"intl-phone-input__nr_k7dcd","nu":"intl-phone-input__nu_k7dcd","nz":"intl-phone-input__nz_k7dcd","om":"intl-phone-input__om_k7dcd","pa":"intl-phone-input__pa_k7dcd","pe":"intl-phone-input__pe_k7dcd","pf":"intl-phone-input__pf_k7dcd","pg":"intl-phone-input__pg_k7dcd","ph":"intl-phone-input__ph_k7dcd","pk":"intl-phone-input__pk_k7dcd","pl":"intl-phone-input__pl_k7dcd","pm":"intl-phone-input__pm_k7dcd","pn":"intl-phone-input__pn_k7dcd","pr":"intl-phone-input__pr_k7dcd","ps":"intl-phone-input__ps_k7dcd","pt":"intl-phone-input__pt_k7dcd","pw":"intl-phone-input__pw_k7dcd","py":"intl-phone-input__py_k7dcd","qa":"intl-phone-input__qa_k7dcd","re":"intl-phone-input__re_k7dcd","ro":"intl-phone-input__ro_k7dcd","rs":"intl-phone-input__rs_k7dcd","ru":"intl-phone-input__ru_k7dcd","rw":"intl-phone-input__rw_k7dcd","sa":"intl-phone-input__sa_k7dcd","sb":"intl-phone-input__sb_k7dcd","sc":"intl-phone-input__sc_k7dcd","sd":"intl-phone-input__sd_k7dcd","se":"intl-phone-input__se_k7dcd","sg":"intl-phone-input__sg_k7dcd","sh":"intl-phone-input__sh_k7dcd","si":"intl-phone-input__si_k7dcd","sj":"intl-phone-input__sj_k7dcd","sk":"intl-phone-input__sk_k7dcd","sl":"intl-phone-input__sl_k7dcd","sm":"intl-phone-input__sm_k7dcd","sn":"intl-phone-input__sn_k7dcd","so":"intl-phone-input__so_k7dcd","sr":"intl-phone-input__sr_k7dcd","ss":"intl-phone-input__ss_k7dcd","st":"intl-phone-input__st_k7dcd","sv":"intl-phone-input__sv_k7dcd","sx":"intl-phone-input__sx_k7dcd","sy":"intl-phone-input__sy_k7dcd","sz":"intl-phone-input__sz_k7dcd","ta":"intl-phone-input__ta_k7dcd","tc":"intl-phone-input__tc_k7dcd","td":"intl-phone-input__td_k7dcd","tf":"intl-phone-input__tf_k7dcd","tg":"intl-phone-input__tg_k7dcd","th":"intl-phone-input__th_k7dcd","tj":"intl-phone-input__tj_k7dcd","tk":"intl-phone-input__tk_k7dcd","tl":"intl-phone-input__tl_k7dcd","tm":"intl-phone-input__tm_k7dcd","tn":"intl-phone-input__tn_k7dcd","to":"intl-phone-input__to_k7dcd","tr":"intl-phone-input__tr_k7dcd","tt":"intl-phone-input__tt_k7dcd","tv":"intl-phone-input__tv_k7dcd","tw":"intl-phone-input__tw_k7dcd","tz":"intl-phone-input__tz_k7dcd","ua":"intl-phone-input__ua_k7dcd","ug":"intl-phone-input__ug_k7dcd","um":"intl-phone-input__um_k7dcd","un":"intl-phone-input__un_k7dcd","us":"intl-phone-input__us_k7dcd","uy":"intl-phone-input__uy_k7dcd","uz":"intl-phone-input__uz_k7dcd","va":"intl-phone-input__va_k7dcd","vc":"intl-phone-input__vc_k7dcd","ve":"intl-phone-input__ve_k7dcd","vg":"intl-phone-input__vg_k7dcd","vi":"intl-phone-input__vi_k7dcd","vn":"intl-phone-input__vn_k7dcd","vu":"intl-phone-input__vu_k7dcd","wf":"intl-phone-input__wf_k7dcd","ws":"intl-phone-input__ws_k7dcd","xk":"intl-phone-input__xk_k7dcd","ye":"intl-phone-input__ye_k7dcd","yt":"intl-phone-input__yt_k7dcd","za":"intl-phone-input__za_k7dcd","zm":"intl-phone-input__zm_k7dcd","zw":"intl-phone-input__zw_k7dcd"};
 require('./index.css')
 
 /**