@alfalab/core-components 27.13.0 → 27.13.1

package/intl-phone-input/esm/components/index.js

@@ -3,6 +3,6 @@ import 'classnames';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 export { FlagIcon } from './flag-icon/component.js';
-export { S as SelectField } from '../component-fbf65716.js';
+export { S as SelectField } from '../component-25b3eb47.js';
 import '../../../select/esm';
 export { CountriesSelect } from './select/component.js';

package/intl-phone-input/esm/components/select/component.js

@@ -3,10 +3,10 @@ import 'classnames';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 import { FlagIcon } from '../flag-icon/component.js';
-import { a as __assign, S as SelectField } from '../../component-fbf65716.js';
+import { a as __assign, S as SelectField } from '../../component-25b3eb47.js';
 import { VirtualOptionsList, Select } from '../../../../select/esm';
 
-var styles = {"component":"intl-phone-input__component_1i3d7","option":"intl-phone-input__option_1i3d7","flag":"intl-phone-input__flag_1i3d7","countryName":"intl-phone-input__countryName_1i3d7","dialCode":"intl-phone-input__dialCode_1i3d7"};
+var styles = {"component":"intl-phone-input__component_1c2vg","option":"intl-phone-input__option_1c2vg","flag":"intl-phone-input__flag_1c2vg","countryName":"intl-phone-input__countryName_1c2vg","dialCode":"intl-phone-input__dialCode_1c2vg"};
 require('./index.css');
 
 var CountriesSelect = function (_a) {

package/intl-phone-input/esm/components/select/index.css

@@ -722,24 +722,24 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.intl-phone-input__component_1i3d7 {
+.intl-phone-input__component_1c2vg {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
 }
-.intl-phone-input__option_1i3d7 {
+.intl-phone-input__option_1c2vg {
     display: flex;
     align-items: flex-start;
 }
-.intl-phone-input__flag_1i3d7 {
+.intl-phone-input__flag_1c2vg {
     flex-shrink: 0;
     margin-top: var(--gap-2xs);
     margin-right: var(--gap-xs);
 }
-.intl-phone-input__countryName_1i3d7 {
+.intl-phone-input__countryName_1c2vg {
     margin-right: var(--gap-xs);
 }
-.intl-phone-input__dialCode_1i3d7 {
+.intl-phone-input__dialCode_1c2vg {
     color: var(--text-secondary-color);
 }

package/intl-phone-input/esm/components/select/index.js

@@ -3,6 +3,6 @@ import 'classnames';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 import '../flag-icon/component.js';
-import '../../component-fbf65716.js';
+import '../../component-25b3eb47.js';
 import '../../../../select/esm';
 export { CountriesSelect } from './component.js';

package/intl-phone-input/esm/components/select-field/component.js

@@ -3,4 +3,4 @@ import 'classnames';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 import '../flag-icon/component.js';
-export { S as SelectField } from '../../component-fbf65716.js';
+export { S as SelectField } from '../../component-25b3eb47.js';

package/intl-phone-input/esm/components/select-field/index.css

@@ -722,13 +722,13 @@
     --size-l-height: 64px;
     --size-xl-height: 72px;
 }
-.intl-phone-input__component_1ggwk {
+.intl-phone-input__component_14z08 {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
 }
-.intl-phone-input__flagIconContainer_1ggwk {
+.intl-phone-input__flagIconContainer_14z08 {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -736,10 +736,10 @@
     height: 24px;
     margin-right: var(--gap-2xs);
 }
-.intl-phone-input__disabled_1ggwk {
+.intl-phone-input__disabled_14z08 {
     cursor: var(--disabled-cursor);
 }
-.intl-phone-input__inner_1ggwk {
+.intl-phone-input__inner_14z08 {
     position: relative;
     display: flex;
     align-items: center;
@@ -747,11 +747,11 @@
     padding-left: var(--gap-s);
     outline: none;
 }
-.intl-phone-input__l_1ggwk .intl-phone-input__inner_1ggwk,
-.intl-phone-input__xl_1ggwk .intl-phone-input__inner_1ggwk {
+.intl-phone-input__l_14z08 .intl-phone-input__inner_14z08,
+.intl-phone-input__xl_14z08 .intl-phone-input__inner_14z08 {
     padding-left: var(--gap-m);
 }
-.intl-phone-input__focusVisible_1ggwk {
+.intl-phone-input__focusVisible_14z08 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

package/intl-phone-input/esm/components/select-field/index.d.ts

@@ -1 +1 @@
-export * from "../../component-fbf65716";
+export * from "../../component-25b3eb47";

package/intl-phone-input/esm/components/select-field/index.js

@@ -3,4 +3,4 @@ import 'classnames';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 import '../flag-icon/component.js';
-export { S as SelectField } from '../../component-fbf65716.js';
+export { S as SelectField } from '../../component-25b3eb47.js';

package/intl-phone-input/esm/index.css

@@ -1,8 +1,8 @@
 /* hash: qasyq */
-.intl-phone-input__addons_120p2 {
+.intl-phone-input__addons_rhr68 {
     padding-left: 0;
 }
 
-.intl-phone-input__l_120p2 .intl-phone-input__addons_120p2, .intl-phone-input__xl_120p2 .intl-phone-input__addons_120p2 {
+.intl-phone-input__l_rhr68 .intl-phone-input__addons_rhr68, .intl-phone-input__xl_rhr68 .intl-phone-input__addons_rhr68 {
         padding-left: 0;
     }

package/intl-phone-input/esm/index.js

@@ -3,11 +3,12 @@ import 'classnames';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 import './components/flag-icon/component.js';
-import './component-fbf65716.js';
+import './component-25b3eb47.js';
 import '@alfalab/utils';
 import '../../input-autocomplete/esm';
 import '../../select/esm';
 import './components/select/component.js';
 import './utils/format-phone-with-unclearable-country-code.js';
+import './utils/calculateCaretPos.js';
 import './useCaretAvoidCountryCode.js';
 export { IntlPhoneInput } from './component.js';

package/intl-phone-input/esm/useCaretAvoidCountryCode.js

@@ -1,29 +1,33 @@
-import { useCallback, useEffect } from 'react';
+import { useEffect } from 'react';
 
 function useCaretAvoidCountryCode(_a) {
     var inputRef = _a.inputRef, countryCodeLength = _a.countryCodeLength, clearableCountryCode = _a.clearableCountryCode;
-    var input = inputRef.current;
-    var moveCaretFromCountryCode = useCallback(function () {
-        if (!input)
-            return;
-        var selectionStart = input.selectionStart || 0;
-        if (selectionStart < countryCodeLength) {
-            input.focus();
-            input.setSelectionRange(countryCodeLength, countryCodeLength);
-        }
-    }, [input, countryCodeLength]);
-    var preventCaretMovingOnCountryCode = useCallback(function (event) {
-        if (!input)
-            return;
-        var selectionStart = input.selectionStart || 0;
-        var toLeftKey = event.keyCode === 37;
-        if (toLeftKey && selectionStart <= countryCodeLength) {
-            event.preventDefault();
-        }
-    }, [input, countryCodeLength]);
     useEffect(function () {
+        var input = inputRef.current;
         if (!input || clearableCountryCode)
             return;
+        var moveCaretFromCountryCode = function () {
+            var selectionStart = input.selectionStart || 0;
+            if (selectionStart < countryCodeLength) {
+                input.focus();
+                input.setSelectionRange(countryCodeLength, countryCodeLength);
+            }
+        };
+        var preventCaretMovingOnCountryCode = function (event) {
+            var selectionStart = input.selectionStart || 0;
+            var toLeftKey = event.keyCode === 37;
+            if (toLeftKey) {
+                if (selectionStart <= countryCodeLength) {
+                    event.preventDefault();
+                }
+                // Если нажали ctrl + arrowLeft, то восстанавливаем положение каретки.
+                if (event.metaKey || event.ctrlKey) {
+                    requestAnimationFrame(function () {
+                        moveCaretFromCountryCode();
+                    });
+                }
+            }
+        };
         input.addEventListener('click', moveCaretFromCountryCode);
         input.addEventListener('keydown', preventCaretMovingOnCountryCode);
         // eslint-disable-next-line consistent-return
@@ -31,7 +35,7 @@ function useCaretAvoidCountryCode(_a) {
             input.removeEventListener('click', moveCaretFromCountryCode);
             input.removeEventListener('keydown', preventCaretMovingOnCountryCode);
         };
-    }, [clearableCountryCode, input, preventCaretMovingOnCountryCode, moveCaretFromCountryCode]);
+    }, [clearableCountryCode, countryCodeLength, inputRef]);
 }
 
 export { useCaretAvoidCountryCode };

package/intl-phone-input/esm/utils/calculateCaretPos.d.ts

@@ -0,0 +1,7 @@
+/**
+ * Расчет нового положения каретки.
+ * @param phonePart Шаблон с которым сравнивается новое значение. (Часть телефона без маски с учетом удаленных и добавленных цифр).
+ * @param newVal Новый отформатированный телефон.
+ */
+declare function calculateCaretPos(phonePart: string, newVal: string): number;
+export { calculateCaretPos };

package/intl-phone-input/esm/utils/calculateCaretPos.js

@@ -0,0 +1,23 @@
+/**
+ * Расчет нового положения каретки.
+ * @param phonePart Шаблон с которым сравнивается новое значение. (Часть телефона без маски с учетом удаленных и добавленных цифр).
+ * @param newVal Новый отформатированный телефон.
+ */
+function calculateCaretPos(phonePart, newVal) {
+    var newCaretPosition = 0;
+    for (var idx = 0; idx < phonePart.length; idx++) {
+        var digit = phonePart.charAt(idx);
+        if (digit !== newVal.charAt(newCaretPosition)) {
+            idx -= 1;
+        }
+        newCaretPosition += 1;
+        // Если произошла непредвиденная ситуация, то прерываем цикл и ставим каретку в самый конец номера.
+        if (newCaretPosition > newVal.length) {
+            newCaretPosition = newVal.length;
+            break;
+        }
+    }
+    return newCaretPosition;
+}
+
+export { calculateCaretPos };

package/intl-phone-input/index.css

@@ -1,8 +1,8 @@
 /* hash: qasyq */
-.intl-phone-input__addons_120p2 {
+.intl-phone-input__addons_rhr68 {
     padding-left: 0;
 }
 
-.intl-phone-input__l_120p2 .intl-phone-input__addons_120p2, .intl-phone-input__xl_120p2 .intl-phone-input__addons_120p2 {
+.intl-phone-input__l_rhr68 .intl-phone-input__addons_rhr68, .intl-phone-input__xl_rhr68 .intl-phone-input__addons_rhr68 {
         padding-left: 0;
     }

package/intl-phone-input/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./component-d6594440.js');
+require('./component-fbf58e08.js');
 require('react');
 require('classnames');
 require('@alfalab/utils');
@@ -11,6 +11,7 @@ require('./components/flag-icon/component.js');
 require('../select');
 require('./components/select/component.js');
 require('./utils/format-phone-with-unclearable-country-code.js');
+require('./utils/calculateCaretPos.js');
 require('./useCaretAvoidCountryCode.js');
 var component = require('./component.js');
 

package/intl-phone-input/modern/component.d.ts

@@ -4,7 +4,7 @@ import { CountryCode } from 'libphonenumber-js';
 import { SelectProps } from "../../select";
 import { Country } from '@alfalab/utils';
 import { InputAutocompleteProps } from "../../input-autocomplete";
-type MaxPhoneLen = Record<string, number>;
+type MaxPhoneLenByCountry = Record<string, number>;
 type IntlPhoneInputProps = Partial<Omit<InputAutocompleteProps, 'onChange'>> & Pick<SelectProps, 'preventFlip'> & {
     /**
      * Значение
@@ -37,7 +37,7 @@ 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"> & {
     /**

package/intl-phone-input/modern/component.js

@@ -9,16 +9,18 @@ import './components/select-field/component.js';
 import '../../select/modern';
 import { CountriesSelect } from './components/select/component.js';
 import { formatPhoneWithUnclearableCountryCode } from './utils/format-phone-with-unclearable-country-code.js';
+import { calculateCaretPos } from './utils/calculateCaretPos.js';
 import { useCaretAvoidCountryCode } from './useCaretAvoidCountryCode.js';
 
-var styles = {"addons":"intl-phone-input__addons_120p2","l":"intl-phone-input__l_120p2","xl":"intl-phone-input__xl_120p2"};
+var styles = {"addons":"intl-phone-input__addons_rhr68","l":"intl-phone-input__l_rhr68","xl":"intl-phone-input__xl_rhr68"};
 require('./index.css');
 
 const countriesHash = getCountriesHash();
 const MAX_DIAL_CODE_LENGTH = 4;
 const MASK_SYMBOLS = [' ', '-', '(', ')'];
-const DEFAULT_MAX_PHONE_LEN = { RU: 11 };
-const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, size = 'm', colors = 'default', options = [], countries = getCountries(), clearableCountryCode = true, className, value, onChange, onCountryChange, defaultCountryIso2 = 'ru', preventFlip, inputProps, maxPhoneLen = DEFAULT_MAX_PHONE_LEN, ...restProps }, ref) => {
+const MAX_PHONE_LEN = 15;
+const DEFAULT_MAX_PHONE_LEN_BY_COUNTRY = { RU: 11 };
+const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, size = 'm', colors = 'default', options = [], countries = getCountries(), clearableCountryCode = true, className, value, onChange, onCountryChange, defaultCountryIso2 = 'ru', preventFlip, inputProps, maxPhoneLen = DEFAULT_MAX_PHONE_LEN_BY_COUNTRY, ...restProps }, ref) => {
     const [countryIso2, setCountryIso2] = useState(defaultCountryIso2.toLowerCase());
     const inputRef = useRef(null);
     const [inputWrapperRef, setInputWrapperRef] = useState(null);
@@ -114,9 +116,9 @@ const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, size =
     const handleInputNewChar = (event, caretPosition) => {
         const input = event.target;
         const currentValue = input.value;
-        const maxLen = maxPhoneLen?.[countryIso2.toUpperCase()];
-        // Если задана длина номера и номер полностью заполнен, то перезатираем цифры, если каретка не в самом конце.
-        const shouldReplace = !!maxLen && maxLen === currentValue.replace(/\D/g, '').length;
+        const maxPhoneLength = maxPhoneLen?.[countryIso2.toUpperCase()] || MAX_PHONE_LEN;
+        // Если номер полностью заполнен, то перезатираем цифры, если каретка не в самом конце.
+        const shouldReplace = maxPhoneLength === currentValue.replace(/\D/g, '').length;
         let endPhonePart = currentValue.slice(caretPosition);
         if (shouldReplace) {
             let cursor = 0;
@@ -126,45 +128,16 @@ const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, size =
             endPhonePart = endPhonePart.slice(cursor + 1);
         }
         let 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));
-        let newCaretPosition;
-        const isFormatJumps = !shouldReplace && newValue.length - currentValue.length <= 0;
-        // Ситуация, когда происходят скачки номера из-за форматирования, например +7 999 999 99 99 -> +799999999999
-        if (isFormatJumps) {
-            let phonePart = currentValue.slice(0, caretPosition) + event.key;
-            let cursor = 0;
-            while (cursor < phonePart.length && cursor <= newValue.length) {
-                const currChar = phonePart.charAt(cursor);
-                const 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 {
-            let cursor = 0;
-            while (newValue.charAt(caretPosition + cursor) &&
-                newValue.charAt(caretPosition + cursor) !== event.key) {
-                cursor += 1;
-            }
-            cursor += 1;
-            newCaretPosition = caretPosition + cursor;
+        let phonePartWithoutMask = currentValue.slice(0, caretPosition).replace(/\D/g, '') + event.key;
+        if (shouldReplace && phonePartWithoutMask.length > maxPhoneLength) {
+            phonePartWithoutMask = phonePartWithoutMask.slice(0, -1);
         }
-        setCaretPos(newCaretPosition);
+        setCaretPos(calculateCaretPos(phonePartWithoutMask, newValue));
         setCountryByDialCodeWithLengthCheck(newValue);
         onChange(newValue);
     };
@@ -173,39 +146,32 @@ const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, size =
         if (!clearableCountryCode && caretPosition <= countryCodeLength)
             return;
         const currentValue = input.value;
+        const isMaskSymbol = (count) => {
+            const isMask = MASK_SYMBOLS.includes(currentValue.charAt(caretPosition - count));
+            const isPossibleToRemove = clearableCountryCode
+                ? caretPosition - count > 0
+                : caretPosition - count > countryCodeLength;
+            return isMask && isPossibleToRemove;
+        };
         let deletedCharsCount = 1;
-        // Высчитываем новое положение каретки с учетом символов маски.
-        while (caretPosition - deletedCharsCount > 0 &&
-            MASK_SYMBOLS.includes(currentValue.charAt(caretPosition - deletedCharsCount))) {
+        // Высчитываем кол-во символов, которые нужно удалить.
+        while (isMaskSymbol(deletedCharsCount)) {
             deletedCharsCount += 1;
         }
-        let newCaretPosition = caretPosition - deletedCharsCount;
-        const newValue = formatPhone(addCountryCode(currentValue.slice(0, newCaretPosition) + currentValue.slice(caretPosition)));
-        const isFormatJumps = newValue.length - currentValue.length >= 0;
-        // Обрабатываем ситуацию, когда происходят скачки номера из-за форматирования, например +799999999999 => +7 999 999 99 99
-        if (isFormatJumps) {
-            let phonePart = currentValue.slice(0, newCaretPosition);
-            let cursor = 0;
-            while (cursor < phonePart.length) {
-                const currChar = newValue.charAt(cursor);
-                if (currChar !== phonePart.charAt(cursor)) {
-                    phonePart = phonePart.slice(0, cursor) + currChar + phonePart.slice(cursor);
-                }
-                cursor += 1;
-            }
-            newCaretPosition = cursor;
-        }
-        setCaretPos(newCaretPosition);
+        const phonePart = currentValue.slice(0, caretPosition - deletedCharsCount);
+        const newValue = formatPhone(addCountryCode(phonePart + currentValue.slice(caretPosition)));
+        const phonePartWithoutMask = phonePart.replace(/[^0-9+]+/g, '');
+        setCaretPos(calculateCaretPos(phonePartWithoutMask, newValue));
         setCountryByDialCodeWithLengthCheck(newValue);
         onChange(newValue);
     };
     const handleKeyDown = (event) => {
         const input = event.target;
-        const caretPosition = input.selectionStart;
-        if (!caretPosition) {
-            return;
-        }
-        if (event.key === 'Backspace') {
+        const caretPosition = input.selectionStart || 0;
+        // Нажат только Backspace, не сочетание клавиш с ним.
+        if (!event.shiftKey && !event.ctrlKey && !event.metaKey && event.key === 'Backspace') {
+            if (!caretPosition)
+                return;
             event.preventDefault();
             handleDeleteChar(event, caretPosition);
         }
@@ -224,7 +190,7 @@ const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, size =
         if (phoneLibUtils.current)
             return;
         import(
-        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-d6c2d7e6.js')
+        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-24f2609b.js')
             .then(utils => {
             phoneLibUtils.current = utils.AsYouType;
             setCountryByDialCode(value);

package/intl-phone-input/modern/components/flag-icon/component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"flagIcon":"intl-phone-input__flagIcon_dbvje","ac":"intl-phone-input__ac_dbvje","ad":"intl-phone-input__ad_dbvje","ae":"intl-phone-input__ae_dbvje","af":"intl-phone-input__af_dbvje","ag":"intl-phone-input__ag_dbvje","ai":"intl-phone-input__ai_dbvje","al":"intl-phone-input__al_dbvje","am":"intl-phone-input__am_dbvje","ao":"intl-phone-input__ao_dbvje","aq":"intl-phone-input__aq_dbvje","ar":"intl-phone-input__ar_dbvje","as":"intl-phone-input__as_dbvje","at":"intl-phone-input__at_dbvje","au":"intl-phone-input__au_dbvje","aw":"intl-phone-input__aw_dbvje","ax":"intl-phone-input__ax_dbvje","az":"intl-phone-input__az_dbvje","ba":"intl-phone-input__ba_dbvje","bb":"intl-phone-input__bb_dbvje","bd":"intl-phone-input__bd_dbvje","be":"intl-phone-input__be_dbvje","bf":"intl-phone-input__bf_dbvje","bg":"intl-phone-input__bg_dbvje","bh":"intl-phone-input__bh_dbvje","bi":"intl-phone-input__bi_dbvje","bj":"intl-phone-input__bj_dbvje","bl":"intl-phone-input__bl_dbvje","bm":"intl-phone-input__bm_dbvje","bn":"intl-phone-input__bn_dbvje","bo":"intl-phone-input__bo_dbvje","bq":"intl-phone-input__bq_dbvje","br":"intl-phone-input__br_dbvje","bs":"intl-phone-input__bs_dbvje","bt":"intl-phone-input__bt_dbvje","bv":"intl-phone-input__bv_dbvje","bw":"intl-phone-input__bw_dbvje","by":"intl-phone-input__by_dbvje","bz":"intl-phone-input__bz_dbvje","ca":"intl-phone-input__ca_dbvje","cc":"intl-phone-input__cc_dbvje","cd":"intl-phone-input__cd_dbvje","cf":"intl-phone-input__cf_dbvje","cg":"intl-phone-input__cg_dbvje","ch":"intl-phone-input__ch_dbvje","ci":"intl-phone-input__ci_dbvje","ck":"intl-phone-input__ck_dbvje","cl":"intl-phone-input__cl_dbvje","cm":"intl-phone-input__cm_dbvje","cn":"intl-phone-input__cn_dbvje","co":"intl-phone-input__co_dbvje","cp":"intl-phone-input__cp_dbvje","cr":"intl-phone-input__cr_dbvje","cu":"intl-phone-input__cu_dbvje","cv":"intl-phone-input__cv_dbvje","cw":"intl-phone-input__cw_dbvje","cx":"intl-phone-input__cx_dbvje","cy":"intl-phone-input__cy_dbvje","cz":"intl-phone-input__cz_dbvje","de":"intl-phone-input__de_dbvje","dg":"intl-phone-input__dg_dbvje","dj":"intl-phone-input__dj_dbvje","dk":"intl-phone-input__dk_dbvje","dm":"intl-phone-input__dm_dbvje","do":"intl-phone-input__do_dbvje","dz":"intl-phone-input__dz_dbvje","ea":"intl-phone-input__ea_dbvje","ec":"intl-phone-input__ec_dbvje","ee":"intl-phone-input__ee_dbvje","eg":"intl-phone-input__eg_dbvje","eh":"intl-phone-input__eh_dbvje","er":"intl-phone-input__er_dbvje","es":"intl-phone-input__es_dbvje","et":"intl-phone-input__et_dbvje","eu":"intl-phone-input__eu_dbvje","fi":"intl-phone-input__fi_dbvje","fj":"intl-phone-input__fj_dbvje","fk":"intl-phone-input__fk_dbvje","fm":"intl-phone-input__fm_dbvje","fo":"intl-phone-input__fo_dbvje","fr":"intl-phone-input__fr_dbvje","ga":"intl-phone-input__ga_dbvje","gb":"intl-phone-input__gb_dbvje","gd":"intl-phone-input__gd_dbvje","ge":"intl-phone-input__ge_dbvje","gf":"intl-phone-input__gf_dbvje","gg":"intl-phone-input__gg_dbvje","gh":"intl-phone-input__gh_dbvje","gi":"intl-phone-input__gi_dbvje","gl":"intl-phone-input__gl_dbvje","gm":"intl-phone-input__gm_dbvje","gn":"intl-phone-input__gn_dbvje","gp":"intl-phone-input__gp_dbvje","gq":"intl-phone-input__gq_dbvje","gr":"intl-phone-input__gr_dbvje","gs":"intl-phone-input__gs_dbvje","gt":"intl-phone-input__gt_dbvje","gu":"intl-phone-input__gu_dbvje","gw":"intl-phone-input__gw_dbvje","gy":"intl-phone-input__gy_dbvje","hk":"intl-phone-input__hk_dbvje","hm":"intl-phone-input__hm_dbvje","hn":"intl-phone-input__hn_dbvje","hr":"intl-phone-input__hr_dbvje","ht":"intl-phone-input__ht_dbvje","hu":"intl-phone-input__hu_dbvje","ic":"intl-phone-input__ic_dbvje","id":"intl-phone-input__id_dbvje","ie":"intl-phone-input__ie_dbvje","il":"intl-phone-input__il_dbvje","im":"intl-phone-input__im_dbvje","in":"intl-phone-input__in_dbvje","io":"intl-phone-input__io_dbvje","iq":"intl-phone-input__iq_dbvje","ir":"intl-phone-input__ir_dbvje","is":"intl-phone-input__is_dbvje","it":"intl-phone-input__it_dbvje","je":"intl-phone-input__je_dbvje","jm":"intl-phone-input__jm_dbvje","jo":"intl-phone-input__jo_dbvje","jp":"intl-phone-input__jp_dbvje","ke":"intl-phone-input__ke_dbvje","kg":"intl-phone-input__kg_dbvje","kh":"intl-phone-input__kh_dbvje","ki":"intl-phone-input__ki_dbvje","km":"intl-phone-input__km_dbvje","kn":"intl-phone-input__kn_dbvje","kp":"intl-phone-input__kp_dbvje","kr":"intl-phone-input__kr_dbvje","kw":"intl-phone-input__kw_dbvje","ky":"intl-phone-input__ky_dbvje","kz":"intl-phone-input__kz_dbvje","la":"intl-phone-input__la_dbvje","lb":"intl-phone-input__lb_dbvje","lc":"intl-phone-input__lc_dbvje","li":"intl-phone-input__li_dbvje","lk":"intl-phone-input__lk_dbvje","lr":"intl-phone-input__lr_dbvje","ls":"intl-phone-input__ls_dbvje","lt":"intl-phone-input__lt_dbvje","lu":"intl-phone-input__lu_dbvje","lv":"intl-phone-input__lv_dbvje","ly":"intl-phone-input__ly_dbvje","ma":"intl-phone-input__ma_dbvje","mc":"intl-phone-input__mc_dbvje","md":"intl-phone-input__md_dbvje","me":"intl-phone-input__me_dbvje","mf":"intl-phone-input__mf_dbvje","mg":"intl-phone-input__mg_dbvje","mh":"intl-phone-input__mh_dbvje","mk":"intl-phone-input__mk_dbvje","ml":"intl-phone-input__ml_dbvje","mm":"intl-phone-input__mm_dbvje","mn":"intl-phone-input__mn_dbvje","mo":"intl-phone-input__mo_dbvje","mp":"intl-phone-input__mp_dbvje","mq":"intl-phone-input__mq_dbvje","mr":"intl-phone-input__mr_dbvje","ms":"intl-phone-input__ms_dbvje","mt":"intl-phone-input__mt_dbvje","mu":"intl-phone-input__mu_dbvje","mv":"intl-phone-input__mv_dbvje","mw":"intl-phone-input__mw_dbvje","mx":"intl-phone-input__mx_dbvje","my":"intl-phone-input__my_dbvje","mz":"intl-phone-input__mz_dbvje","na":"intl-phone-input__na_dbvje","nc":"intl-phone-input__nc_dbvje","ne":"intl-phone-input__ne_dbvje","nf":"intl-phone-input__nf_dbvje","ng":"intl-phone-input__ng_dbvje","ni":"intl-phone-input__ni_dbvje","nl":"intl-phone-input__nl_dbvje","no":"intl-phone-input__no_dbvje","np":"intl-phone-input__np_dbvje","nr":"intl-phone-input__nr_dbvje","nu":"intl-phone-input__nu_dbvje","nz":"intl-phone-input__nz_dbvje","om":"intl-phone-input__om_dbvje","pa":"intl-phone-input__pa_dbvje","pe":"intl-phone-input__pe_dbvje","pf":"intl-phone-input__pf_dbvje","pg":"intl-phone-input__pg_dbvje","ph":"intl-phone-input__ph_dbvje","pk":"intl-phone-input__pk_dbvje","pl":"intl-phone-input__pl_dbvje","pm":"intl-phone-input__pm_dbvje","pn":"intl-phone-input__pn_dbvje","pr":"intl-phone-input__pr_dbvje","ps":"intl-phone-input__ps_dbvje","pt":"intl-phone-input__pt_dbvje","pw":"intl-phone-input__pw_dbvje","py":"intl-phone-input__py_dbvje","qa":"intl-phone-input__qa_dbvje","re":"intl-phone-input__re_dbvje","ro":"intl-phone-input__ro_dbvje","rs":"intl-phone-input__rs_dbvje","ru":"intl-phone-input__ru_dbvje","rw":"intl-phone-input__rw_dbvje","sa":"intl-phone-input__sa_dbvje","sb":"intl-phone-input__sb_dbvje","sc":"intl-phone-input__sc_dbvje","sd":"intl-phone-input__sd_dbvje","se":"intl-phone-input__se_dbvje","sg":"intl-phone-input__sg_dbvje","sh":"intl-phone-input__sh_dbvje","si":"intl-phone-input__si_dbvje","sj":"intl-phone-input__sj_dbvje","sk":"intl-phone-input__sk_dbvje","sl":"intl-phone-input__sl_dbvje","sm":"intl-phone-input__sm_dbvje","sn":"intl-phone-input__sn_dbvje","so":"intl-phone-input__so_dbvje","sr":"intl-phone-input__sr_dbvje","ss":"intl-phone-input__ss_dbvje","st":"intl-phone-input__st_dbvje","sv":"intl-phone-input__sv_dbvje","sx":"intl-phone-input__sx_dbvje","sy":"intl-phone-input__sy_dbvje","sz":"intl-phone-input__sz_dbvje","ta":"intl-phone-input__ta_dbvje","tc":"intl-phone-input__tc_dbvje","td":"intl-phone-input__td_dbvje","tf":"intl-phone-input__tf_dbvje","tg":"intl-phone-input__tg_dbvje","th":"intl-phone-input__th_dbvje","tj":"intl-phone-input__tj_dbvje","tk":"intl-phone-input__tk_dbvje","tl":"intl-phone-input__tl_dbvje","tm":"intl-phone-input__tm_dbvje","tn":"intl-phone-input__tn_dbvje","to":"intl-phone-input__to_dbvje","tr":"intl-phone-input__tr_dbvje","tt":"intl-phone-input__tt_dbvje","tv":"intl-phone-input__tv_dbvje","tw":"intl-phone-input__tw_dbvje","tz":"intl-phone-input__tz_dbvje","ua":"intl-phone-input__ua_dbvje","ug":"intl-phone-input__ug_dbvje","um":"intl-phone-input__um_dbvje","un":"intl-phone-input__un_dbvje","us":"intl-phone-input__us_dbvje","uy":"intl-phone-input__uy_dbvje","uz":"intl-phone-input__uz_dbvje","va":"intl-phone-input__va_dbvje","vc":"intl-phone-input__vc_dbvje","ve":"intl-phone-input__ve_dbvje","vg":"intl-phone-input__vg_dbvje","vi":"intl-phone-input__vi_dbvje","vn":"intl-phone-input__vn_dbvje","vu":"intl-phone-input__vu_dbvje","wf":"intl-phone-input__wf_dbvje","ws":"intl-phone-input__ws_dbvje","xk":"intl-phone-input__xk_dbvje","ye":"intl-phone-input__ye_dbvje","yt":"intl-phone-input__yt_dbvje","za":"intl-phone-input__za_dbvje","zm":"intl-phone-input__zm_dbvje","zw":"intl-phone-input__zw_dbvje"};
+var styles = {"flagIcon":"intl-phone-input__flagIcon_2sxng","ac":"intl-phone-input__ac_2sxng","ad":"intl-phone-input__ad_2sxng","ae":"intl-phone-input__ae_2sxng","af":"intl-phone-input__af_2sxng","ag":"intl-phone-input__ag_2sxng","ai":"intl-phone-input__ai_2sxng","al":"intl-phone-input__al_2sxng","am":"intl-phone-input__am_2sxng","ao":"intl-phone-input__ao_2sxng","aq":"intl-phone-input__aq_2sxng","ar":"intl-phone-input__ar_2sxng","as":"intl-phone-input__as_2sxng","at":"intl-phone-input__at_2sxng","au":"intl-phone-input__au_2sxng","aw":"intl-phone-input__aw_2sxng","ax":"intl-phone-input__ax_2sxng","az":"intl-phone-input__az_2sxng","ba":"intl-phone-input__ba_2sxng","bb":"intl-phone-input__bb_2sxng","bd":"intl-phone-input__bd_2sxng","be":"intl-phone-input__be_2sxng","bf":"intl-phone-input__bf_2sxng","bg":"intl-phone-input__bg_2sxng","bh":"intl-phone-input__bh_2sxng","bi":"intl-phone-input__bi_2sxng","bj":"intl-phone-input__bj_2sxng","bl":"intl-phone-input__bl_2sxng","bm":"intl-phone-input__bm_2sxng","bn":"intl-phone-input__bn_2sxng","bo":"intl-phone-input__bo_2sxng","bq":"intl-phone-input__bq_2sxng","br":"intl-phone-input__br_2sxng","bs":"intl-phone-input__bs_2sxng","bt":"intl-phone-input__bt_2sxng","bv":"intl-phone-input__bv_2sxng","bw":"intl-phone-input__bw_2sxng","by":"intl-phone-input__by_2sxng","bz":"intl-phone-input__bz_2sxng","ca":"intl-phone-input__ca_2sxng","cc":"intl-phone-input__cc_2sxng","cd":"intl-phone-input__cd_2sxng","cf":"intl-phone-input__cf_2sxng","cg":"intl-phone-input__cg_2sxng","ch":"intl-phone-input__ch_2sxng","ci":"intl-phone-input__ci_2sxng","ck":"intl-phone-input__ck_2sxng","cl":"intl-phone-input__cl_2sxng","cm":"intl-phone-input__cm_2sxng","cn":"intl-phone-input__cn_2sxng","co":"intl-phone-input__co_2sxng","cp":"intl-phone-input__cp_2sxng","cr":"intl-phone-input__cr_2sxng","cu":"intl-phone-input__cu_2sxng","cv":"intl-phone-input__cv_2sxng","cw":"intl-phone-input__cw_2sxng","cx":"intl-phone-input__cx_2sxng","cy":"intl-phone-input__cy_2sxng","cz":"intl-phone-input__cz_2sxng","de":"intl-phone-input__de_2sxng","dg":"intl-phone-input__dg_2sxng","dj":"intl-phone-input__dj_2sxng","dk":"intl-phone-input__dk_2sxng","dm":"intl-phone-input__dm_2sxng","do":"intl-phone-input__do_2sxng","dz":"intl-phone-input__dz_2sxng","ea":"intl-phone-input__ea_2sxng","ec":"intl-phone-input__ec_2sxng","ee":"intl-phone-input__ee_2sxng","eg":"intl-phone-input__eg_2sxng","eh":"intl-phone-input__eh_2sxng","er":"intl-phone-input__er_2sxng","es":"intl-phone-input__es_2sxng","et":"intl-phone-input__et_2sxng","eu":"intl-phone-input__eu_2sxng","fi":"intl-phone-input__fi_2sxng","fj":"intl-phone-input__fj_2sxng","fk":"intl-phone-input__fk_2sxng","fm":"intl-phone-input__fm_2sxng","fo":"intl-phone-input__fo_2sxng","fr":"intl-phone-input__fr_2sxng","ga":"intl-phone-input__ga_2sxng","gb":"intl-phone-input__gb_2sxng","gd":"intl-phone-input__gd_2sxng","ge":"intl-phone-input__ge_2sxng","gf":"intl-phone-input__gf_2sxng","gg":"intl-phone-input__gg_2sxng","gh":"intl-phone-input__gh_2sxng","gi":"intl-phone-input__gi_2sxng","gl":"intl-phone-input__gl_2sxng","gm":"intl-phone-input__gm_2sxng","gn":"intl-phone-input__gn_2sxng","gp":"intl-phone-input__gp_2sxng","gq":"intl-phone-input__gq_2sxng","gr":"intl-phone-input__gr_2sxng","gs":"intl-phone-input__gs_2sxng","gt":"intl-phone-input__gt_2sxng","gu":"intl-phone-input__gu_2sxng","gw":"intl-phone-input__gw_2sxng","gy":"intl-phone-input__gy_2sxng","hk":"intl-phone-input__hk_2sxng","hm":"intl-phone-input__hm_2sxng","hn":"intl-phone-input__hn_2sxng","hr":"intl-phone-input__hr_2sxng","ht":"intl-phone-input__ht_2sxng","hu":"intl-phone-input__hu_2sxng","ic":"intl-phone-input__ic_2sxng","id":"intl-phone-input__id_2sxng","ie":"intl-phone-input__ie_2sxng","il":"intl-phone-input__il_2sxng","im":"intl-phone-input__im_2sxng","in":"intl-phone-input__in_2sxng","io":"intl-phone-input__io_2sxng","iq":"intl-phone-input__iq_2sxng","ir":"intl-phone-input__ir_2sxng","is":"intl-phone-input__is_2sxng","it":"intl-phone-input__it_2sxng","je":"intl-phone-input__je_2sxng","jm":"intl-phone-input__jm_2sxng","jo":"intl-phone-input__jo_2sxng","jp":"intl-phone-input__jp_2sxng","ke":"intl-phone-input__ke_2sxng","kg":"intl-phone-input__kg_2sxng","kh":"intl-phone-input__kh_2sxng","ki":"intl-phone-input__ki_2sxng","km":"intl-phone-input__km_2sxng","kn":"intl-phone-input__kn_2sxng","kp":"intl-phone-input__kp_2sxng","kr":"intl-phone-input__kr_2sxng","kw":"intl-phone-input__kw_2sxng","ky":"intl-phone-input__ky_2sxng","kz":"intl-phone-input__kz_2sxng","la":"intl-phone-input__la_2sxng","lb":"intl-phone-input__lb_2sxng","lc":"intl-phone-input__lc_2sxng","li":"intl-phone-input__li_2sxng","lk":"intl-phone-input__lk_2sxng","lr":"intl-phone-input__lr_2sxng","ls":"intl-phone-input__ls_2sxng","lt":"intl-phone-input__lt_2sxng","lu":"intl-phone-input__lu_2sxng","lv":"intl-phone-input__lv_2sxng","ly":"intl-phone-input__ly_2sxng","ma":"intl-phone-input__ma_2sxng","mc":"intl-phone-input__mc_2sxng","md":"intl-phone-input__md_2sxng","me":"intl-phone-input__me_2sxng","mf":"intl-phone-input__mf_2sxng","mg":"intl-phone-input__mg_2sxng","mh":"intl-phone-input__mh_2sxng","mk":"intl-phone-input__mk_2sxng","ml":"intl-phone-input__ml_2sxng","mm":"intl-phone-input__mm_2sxng","mn":"intl-phone-input__mn_2sxng","mo":"intl-phone-input__mo_2sxng","mp":"intl-phone-input__mp_2sxng","mq":"intl-phone-input__mq_2sxng","mr":"intl-phone-input__mr_2sxng","ms":"intl-phone-input__ms_2sxng","mt":"intl-phone-input__mt_2sxng","mu":"intl-phone-input__mu_2sxng","mv":"intl-phone-input__mv_2sxng","mw":"intl-phone-input__mw_2sxng","mx":"intl-phone-input__mx_2sxng","my":"intl-phone-input__my_2sxng","mz":"intl-phone-input__mz_2sxng","na":"intl-phone-input__na_2sxng","nc":"intl-phone-input__nc_2sxng","ne":"intl-phone-input__ne_2sxng","nf":"intl-phone-input__nf_2sxng","ng":"intl-phone-input__ng_2sxng","ni":"intl-phone-input__ni_2sxng","nl":"intl-phone-input__nl_2sxng","no":"intl-phone-input__no_2sxng","np":"intl-phone-input__np_2sxng","nr":"intl-phone-input__nr_2sxng","nu":"intl-phone-input__nu_2sxng","nz":"intl-phone-input__nz_2sxng","om":"intl-phone-input__om_2sxng","pa":"intl-phone-input__pa_2sxng","pe":"intl-phone-input__pe_2sxng","pf":"intl-phone-input__pf_2sxng","pg":"intl-phone-input__pg_2sxng","ph":"intl-phone-input__ph_2sxng","pk":"intl-phone-input__pk_2sxng","pl":"intl-phone-input__pl_2sxng","pm":"intl-phone-input__pm_2sxng","pn":"intl-phone-input__pn_2sxng","pr":"intl-phone-input__pr_2sxng","ps":"intl-phone-input__ps_2sxng","pt":"intl-phone-input__pt_2sxng","pw":"intl-phone-input__pw_2sxng","py":"intl-phone-input__py_2sxng","qa":"intl-phone-input__qa_2sxng","re":"intl-phone-input__re_2sxng","ro":"intl-phone-input__ro_2sxng","rs":"intl-phone-input__rs_2sxng","ru":"intl-phone-input__ru_2sxng","rw":"intl-phone-input__rw_2sxng","sa":"intl-phone-input__sa_2sxng","sb":"intl-phone-input__sb_2sxng","sc":"intl-phone-input__sc_2sxng","sd":"intl-phone-input__sd_2sxng","se":"intl-phone-input__se_2sxng","sg":"intl-phone-input__sg_2sxng","sh":"intl-phone-input__sh_2sxng","si":"intl-phone-input__si_2sxng","sj":"intl-phone-input__sj_2sxng","sk":"intl-phone-input__sk_2sxng","sl":"intl-phone-input__sl_2sxng","sm":"intl-phone-input__sm_2sxng","sn":"intl-phone-input__sn_2sxng","so":"intl-phone-input__so_2sxng","sr":"intl-phone-input__sr_2sxng","ss":"intl-phone-input__ss_2sxng","st":"intl-phone-input__st_2sxng","sv":"intl-phone-input__sv_2sxng","sx":"intl-phone-input__sx_2sxng","sy":"intl-phone-input__sy_2sxng","sz":"intl-phone-input__sz_2sxng","ta":"intl-phone-input__ta_2sxng","tc":"intl-phone-input__tc_2sxng","td":"intl-phone-input__td_2sxng","tf":"intl-phone-input__tf_2sxng","tg":"intl-phone-input__tg_2sxng","th":"intl-phone-input__th_2sxng","tj":"intl-phone-input__tj_2sxng","tk":"intl-phone-input__tk_2sxng","tl":"intl-phone-input__tl_2sxng","tm":"intl-phone-input__tm_2sxng","tn":"intl-phone-input__tn_2sxng","to":"intl-phone-input__to_2sxng","tr":"intl-phone-input__tr_2sxng","tt":"intl-phone-input__tt_2sxng","tv":"intl-phone-input__tv_2sxng","tw":"intl-phone-input__tw_2sxng","tz":"intl-phone-input__tz_2sxng","ua":"intl-phone-input__ua_2sxng","ug":"intl-phone-input__ug_2sxng","um":"intl-phone-input__um_2sxng","un":"intl-phone-input__un_2sxng","us":"intl-phone-input__us_2sxng","uy":"intl-phone-input__uy_2sxng","uz":"intl-phone-input__uz_2sxng","va":"intl-phone-input__va_2sxng","vc":"intl-phone-input__vc_2sxng","ve":"intl-phone-input__ve_2sxng","vg":"intl-phone-input__vg_2sxng","vi":"intl-phone-input__vi_2sxng","vn":"intl-phone-input__vn_2sxng","vu":"intl-phone-input__vu_2sxng","wf":"intl-phone-input__wf_2sxng","ws":"intl-phone-input__ws_2sxng","xk":"intl-phone-input__xk_2sxng","ye":"intl-phone-input__ye_2sxng","yt":"intl-phone-input__yt_2sxng","za":"intl-phone-input__za_2sxng","zm":"intl-phone-input__zm_2sxng","zw":"intl-phone-input__zw_2sxng"};
 require('./index.css');
 
 /**