@alfalab/core-components 31.1.0 → 31.2.0

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../component-9d370342.js');
+var components_selectField_component = require('../component-70b05274.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../../component-9d370342.js');
+var components_selectField_component = require('../../component-70b05274.js');
 var React = require('react');
 require('classnames');
 require('react-merge-refs');
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"component":"intl-phone-input__component_1r3so","option":"intl-phone-input__option_1r3so","flag":"intl-phone-input__flag_1r3so","countryName":"intl-phone-input__countryName_1r3so","dialCode":"intl-phone-input__dialCode_1r3so"};
+var styles = {"component":"intl-phone-input__component_1gvms","option":"intl-phone-input__option_1gvms","flag":"intl-phone-input__flag_1gvms","countryName":"intl-phone-input__countryName_1gvms","dialCode":"intl-phone-input__dialCode_1gvms"};
 require('./index.css');
 
 var CountriesSelect = function (_a) {

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

@@ -17,24 +17,24 @@
 :root {
     --text-secondary-color: var(--color-light-text-secondary);
 }
-.intl-phone-input__component_1r3so {
+.intl-phone-input__component_1gvms {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
 }
-.intl-phone-input__option_1r3so {
+.intl-phone-input__option_1gvms {
     display: flex;
     align-items: flex-start;
 }
-.intl-phone-input__flag_1r3so {
+.intl-phone-input__flag_1gvms {
     flex-shrink: 0;
     margin-top: var(--gap-2xs);
     margin-right: var(--gap-xs);
 }
-.intl-phone-input__countryName_1r3so {
+.intl-phone-input__countryName_1gvms {
     margin-right: var(--gap-xs);
 }
-.intl-phone-input__dialCode_1r3so {
+.intl-phone-input__dialCode_1gvms {
     color: var(--text-secondary-color);
 }

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../component-9d370342.js');
+require('../../component-70b05274.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../../component-9d370342.js');
+var components_selectField_component = require('../../component-70b05274.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

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

@@ -19,13 +19,13 @@
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
 }
-.intl-phone-input__component_15e0b {
+.intl-phone-input__component_1ybzg {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
 }
-.intl-phone-input__flagIconContainer_15e0b {
+.intl-phone-input__flagIconContainer_1ybzg {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -33,10 +33,10 @@
     height: 24px;
     margin-right: var(--gap-2xs);
 }
-.intl-phone-input__disabled_15e0b {
+.intl-phone-input__disabled_1ybzg {
     cursor: var(--disabled-cursor);
 }
-.intl-phone-input__inner_15e0b {
+.intl-phone-input__inner_1ybzg {
     position: relative;
     display: flex;
     align-items: center;
@@ -44,11 +44,11 @@
     padding-left: var(--gap-s);
     outline: none;
 }
-.intl-phone-input__l_15e0b .intl-phone-input__inner_15e0b,
-.intl-phone-input__xl_15e0b .intl-phone-input__inner_15e0b {
+.intl-phone-input__l_1ybzg .intl-phone-input__inner_1ybzg,
+.intl-phone-input__xl_1ybzg .intl-phone-input__inner_1ybzg {
     padding-left: var(--gap-m);
 }
-.intl-phone-input__focusVisible_15e0b {
+.intl-phone-input__focusVisible_1ybzg {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

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

@@ -1 +1 @@
-export * from "../../component-9d370342";
+export * from "../../component-70b05274";

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../../component-9d370342.js');
+var components_selectField_component = require('../../component-70b05274.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

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

@@ -39,7 +39,7 @@ type IntlPhoneInputProps = Partial<Omit<InputAutocompleteProps, 'onChange'>> & P
      */
     maxPhoneLen?: MaxPhoneLenByCountry;
 };
-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"> & {
+declare const IntlPhoneInput: React.ForwardRefExoticComponent<Partial<Pick<InputAutocompleteProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "labelView" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onInput" | "onScroll" | "value" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "multiple" | "readOnly" | "success" | "selected" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "inputProps" | "optionsListClassName" | "optionClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList" | "Input">> & Pick<SelectProps, "preventFlip"> & {
     /**
      * Значение
      */

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

@@ -32,9 +32,10 @@ var DEFAULT_MAX_PHONE_LEN_BY_COUNTRY = { RU: 11 };
 var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     var _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.readOnly, readOnly = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? 'm' : _d, _e = _a.colors, colors = _e === void 0 ? 'default' : _e, _f = _a.options, options = _f === void 0 ? [] : _f, _g = _a.countries, countries = _g === void 0 ? utils.getCountries() : _g, _h = _a.clearableCountryCode, clearableCountryCode = _h === void 0 ? true : _h, className = _a.className, value = _a.value, onChange = _a.onChange, onCountryChange = _a.onCountryChange, _j = _a.defaultCountryIso2, defaultCountryIso2 = _j === void 0 ? 'ru' : _j, preventFlip = _a.preventFlip, inputProps = _a.inputProps, _k = _a.maxPhoneLen, maxPhoneLen = _k === void 0 ? DEFAULT_MAX_PHONE_LEN_BY_COUNTRY : _k, restProps = components_selectField_component.__rest(_a, ["disabled", "readOnly", "size", "colors", "options", "countries", "clearableCountryCode", "className", "value", "onChange", "onCountryChange", "defaultCountryIso2", "preventFlip", "inputProps", "maxPhoneLen"]);
     var _l = React.useState(defaultCountryIso2.toLowerCase()), countryIso2 = _l[0], setCountryIso2 = _l[1];
+    var _m = React.useState(0), fieldWidth = _m[0], setFieldWidth = _m[1];
     var inputRef = React.useRef(null);
-    var _m = React.useState(null), inputWrapperRef = _m[0], setInputWrapperRef = _m[1];
-    var _o = React.useState(), caretPos = _o[0], setCaretPos = _o[1];
+    var _o = React.useState(null), inputWrapperRef = _o[0], setInputWrapperRef = _o[1];
+    var _p = React.useState(), caretPos = _p[0], setCaretPos = _p[1];
     var phoneLibUtils = React.useRef();
     var formatPhone = function (inputValue) {
         var newValue = inputValue;
@@ -210,7 +211,12 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         /* eslint-disable-next-line react-hooks/exhaustive-deps */
     }, [value]);
     useCaretAvoidCountryCode.useCaretAvoidCountryCode({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
-    return (React__default['default'].createElement(coreComponentsInputAutocomplete.InputAutocomplete, components_selectField_component.__assign({}, restProps, { ref: ref, inputProps: components_selectField_component.__assign(components_selectField_component.__assign({}, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn__default['default'](className, styles__default['default'][size]), addonsClassName: styles__default['default'].addons, onKeyDown: handleKeyDown, leftAddons: countries.length > 1 && (React__default['default'].createElement(components_select_component.CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: inputWrapperRef && inputWrapperRef.getBoundingClientRect().width, preventFlip: preventFlip })) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
+    React.useEffect(function () {
+        if (inputWrapperRef) {
+            setFieldWidth(inputWrapperRef.getBoundingClientRect().width);
+        }
+    }, [inputWrapperRef]);
+    return (React__default['default'].createElement(coreComponentsInputAutocomplete.InputAutocomplete, components_selectField_component.__assign({}, restProps, { ref: ref, inputProps: components_selectField_component.__assign(components_selectField_component.__assign({}, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn__default['default'](className, styles__default['default'][size]), addonsClassName: styles__default['default'].addons, onKeyDown: handleKeyDown, leftAddons: countries.length > 1 && (React__default['default'].createElement(components_select_component.CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: fieldWidth, preventFlip: preventFlip })) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
 });
 IntlPhoneInput.defaultProps = {
     size: 'm',

package/intl-phone-input/esm/{component-b10b3ab3.js → component-18c29b99.js}

@@ -43,7 +43,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"intl-phone-input__component_15e0b","flagIconContainer":"intl-phone-input__flagIconContainer_15e0b","disabled":"intl-phone-input__disabled_15e0b","inner":"intl-phone-input__inner_15e0b","l":"intl-phone-input__l_15e0b","xl":"intl-phone-input__xl_15e0b","focusVisible":"intl-phone-input__focusVisible_15e0b"};
+var styles = {"component":"intl-phone-input__component_1ybzg","flagIconContainer":"intl-phone-input__flagIconContainer_1ybzg","disabled":"intl-phone-input__disabled_1ybzg","inner":"intl-phone-input__inner_1ybzg","l":"intl-phone-input__l_1ybzg","xl":"intl-phone-input__xl_1ybzg","focusVisible":"intl-phone-input__focusVisible_1ybzg"};
 require('./components/select-field/index.css');
 
 var SelectField = function (_a) {

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

@@ -39,7 +39,7 @@ type IntlPhoneInputProps = Partial<Omit<InputAutocompleteProps, 'onChange'>> & P
      */
     maxPhoneLen?: MaxPhoneLenByCountry;
 };
-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"> & {
+declare const IntlPhoneInput: React.ForwardRefExoticComponent<Partial<Pick<InputAutocompleteProps, "block" | "size" | "className" | "fieldClassName" | "disabled" | "error" | "hint" | "label" | "labelView" | "dataTestId" | "id" | "placeholder" | "onFocus" | "onBlur" | "onInput" | "onScroll" | "value" | "preventFlip" | "popperClassName" | "open" | "name" | "options" | "multiple" | "readOnly" | "success" | "selected" | "valueRenderer" | "Optgroup" | "optionsListWidth" | "visibleOptions" | "Arrow" | "optionGroupClassName" | "Option" | "inputProps" | "optionsListClassName" | "optionClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList" | "Input">> & Pick<SelectProps, "preventFlip"> & {
     /**
      * Значение
      */

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

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 import './components/flag-icon/component.js';
-import { _ as __rest, a as __assign } from './component-b10b3ab3.js';
+import { _ as __rest, a as __assign } from './component-18c29b99.js';
 import { getCountriesHash, getCountries } from '@alfalab/utils';
 import { InputAutocomplete } from '../../input-autocomplete/esm';
 import '../../select/esm';
@@ -12,7 +12,7 @@ import { formatPhoneWithUnclearableCountryCode } from './utils/format-phone-with
 import { calculateCaretPos } from './utils/calculateCaretPos.js';
 import { useCaretAvoidCountryCode } from './useCaretAvoidCountryCode.js';
 
-var styles = {"addons":"intl-phone-input__addons_1gdsk","l":"intl-phone-input__l_1gdsk","xl":"intl-phone-input__xl_1gdsk"};
+var styles = {"addons":"intl-phone-input__addons_1fivj","l":"intl-phone-input__l_1fivj","xl":"intl-phone-input__xl_1fivj"};
 require('./index.css');
 
 var countriesHash = getCountriesHash();
@@ -23,9 +23,10 @@ var DEFAULT_MAX_PHONE_LEN_BY_COUNTRY = { RU: 11 };
 var IntlPhoneInput = 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 ? 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 = __rest(_a, ["disabled", "readOnly", "size", "colors", "options", "countries", "clearableCountryCode", "className", "value", "onChange", "onCountryChange", "defaultCountryIso2", "preventFlip", "inputProps", "maxPhoneLen"]);
     var _l = useState(defaultCountryIso2.toLowerCase()), countryIso2 = _l[0], setCountryIso2 = _l[1];
+    var _m = useState(0), fieldWidth = _m[0], setFieldWidth = _m[1];
     var inputRef = useRef(null);
-    var _m = useState(null), inputWrapperRef = _m[0], setInputWrapperRef = _m[1];
-    var _o = useState(), caretPos = _o[0], setCaretPos = _o[1];
+    var _o = useState(null), inputWrapperRef = _o[0], setInputWrapperRef = _o[1];
+    var _p = useState(), caretPos = _p[0], setCaretPos = _p[1];
     var phoneLibUtils = useRef();
     var formatPhone = function (inputValue) {
         var newValue = inputValue;
@@ -192,7 +193,7 @@ var IntlPhoneInput = forwardRef(function (_a, ref) {
         if (phoneLibUtils.current)
             return;
         import(
-        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-0dd2f896.js')
+        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-72804423.js')
             .then(function (utils) {
             phoneLibUtils.current = utils.AsYouType;
             setCountryByDialCode(value);
@@ -201,7 +202,12 @@ var IntlPhoneInput = forwardRef(function (_a, ref) {
         /* eslint-disable-next-line react-hooks/exhaustive-deps */
     }, [value]);
     useCaretAvoidCountryCode({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
-    return (React.createElement(InputAutocomplete, __assign({}, restProps, { ref: ref, inputProps: __assign(__assign({}, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn(className, styles[size]), addonsClassName: styles.addons, onKeyDown: handleKeyDown, leftAddons: countries.length > 1 && (React.createElement(CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: inputWrapperRef && inputWrapperRef.getBoundingClientRect().width, preventFlip: preventFlip })) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
+    useEffect(function () {
+        if (inputWrapperRef) {
+            setFieldWidth(inputWrapperRef.getBoundingClientRect().width);
+        }
+    }, [inputWrapperRef]);
+    return (React.createElement(InputAutocomplete, __assign({}, restProps, { ref: ref, inputProps: __assign(__assign({}, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn(className, styles[size]), addonsClassName: styles.addons, onKeyDown: handleKeyDown, leftAddons: countries.length > 1 && (React.createElement(CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: fieldWidth, preventFlip: preventFlip })) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
 });
 IntlPhoneInput.defaultProps = {
     size: 'm',

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"flagIcon":"intl-phone-input__flagIcon_1x9g2","ac":"intl-phone-input__ac_1x9g2","ad":"intl-phone-input__ad_1x9g2","ae":"intl-phone-input__ae_1x9g2","af":"intl-phone-input__af_1x9g2","ag":"intl-phone-input__ag_1x9g2","ai":"intl-phone-input__ai_1x9g2","al":"intl-phone-input__al_1x9g2","am":"intl-phone-input__am_1x9g2","ao":"intl-phone-input__ao_1x9g2","aq":"intl-phone-input__aq_1x9g2","ar":"intl-phone-input__ar_1x9g2","as":"intl-phone-input__as_1x9g2","at":"intl-phone-input__at_1x9g2","au":"intl-phone-input__au_1x9g2","aw":"intl-phone-input__aw_1x9g2","ax":"intl-phone-input__ax_1x9g2","az":"intl-phone-input__az_1x9g2","ba":"intl-phone-input__ba_1x9g2","bb":"intl-phone-input__bb_1x9g2","bd":"intl-phone-input__bd_1x9g2","be":"intl-phone-input__be_1x9g2","bf":"intl-phone-input__bf_1x9g2","bg":"intl-phone-input__bg_1x9g2","bh":"intl-phone-input__bh_1x9g2","bi":"intl-phone-input__bi_1x9g2","bj":"intl-phone-input__bj_1x9g2","bl":"intl-phone-input__bl_1x9g2","bm":"intl-phone-input__bm_1x9g2","bn":"intl-phone-input__bn_1x9g2","bo":"intl-phone-input__bo_1x9g2","bq":"intl-phone-input__bq_1x9g2","br":"intl-phone-input__br_1x9g2","bs":"intl-phone-input__bs_1x9g2","bt":"intl-phone-input__bt_1x9g2","bv":"intl-phone-input__bv_1x9g2","bw":"intl-phone-input__bw_1x9g2","by":"intl-phone-input__by_1x9g2","bz":"intl-phone-input__bz_1x9g2","ca":"intl-phone-input__ca_1x9g2","cc":"intl-phone-input__cc_1x9g2","cd":"intl-phone-input__cd_1x9g2","cf":"intl-phone-input__cf_1x9g2","cg":"intl-phone-input__cg_1x9g2","ch":"intl-phone-input__ch_1x9g2","ci":"intl-phone-input__ci_1x9g2","ck":"intl-phone-input__ck_1x9g2","cl":"intl-phone-input__cl_1x9g2","cm":"intl-phone-input__cm_1x9g2","cn":"intl-phone-input__cn_1x9g2","co":"intl-phone-input__co_1x9g2","cp":"intl-phone-input__cp_1x9g2","cr":"intl-phone-input__cr_1x9g2","cu":"intl-phone-input__cu_1x9g2","cv":"intl-phone-input__cv_1x9g2","cw":"intl-phone-input__cw_1x9g2","cx":"intl-phone-input__cx_1x9g2","cy":"intl-phone-input__cy_1x9g2","cz":"intl-phone-input__cz_1x9g2","de":"intl-phone-input__de_1x9g2","dg":"intl-phone-input__dg_1x9g2","dj":"intl-phone-input__dj_1x9g2","dk":"intl-phone-input__dk_1x9g2","dm":"intl-phone-input__dm_1x9g2","do":"intl-phone-input__do_1x9g2","dz":"intl-phone-input__dz_1x9g2","ea":"intl-phone-input__ea_1x9g2","ec":"intl-phone-input__ec_1x9g2","ee":"intl-phone-input__ee_1x9g2","eg":"intl-phone-input__eg_1x9g2","eh":"intl-phone-input__eh_1x9g2","er":"intl-phone-input__er_1x9g2","es":"intl-phone-input__es_1x9g2","et":"intl-phone-input__et_1x9g2","eu":"intl-phone-input__eu_1x9g2","fi":"intl-phone-input__fi_1x9g2","fj":"intl-phone-input__fj_1x9g2","fk":"intl-phone-input__fk_1x9g2","fm":"intl-phone-input__fm_1x9g2","fo":"intl-phone-input__fo_1x9g2","fr":"intl-phone-input__fr_1x9g2","ga":"intl-phone-input__ga_1x9g2","gb":"intl-phone-input__gb_1x9g2","gd":"intl-phone-input__gd_1x9g2","ge":"intl-phone-input__ge_1x9g2","gf":"intl-phone-input__gf_1x9g2","gg":"intl-phone-input__gg_1x9g2","gh":"intl-phone-input__gh_1x9g2","gi":"intl-phone-input__gi_1x9g2","gl":"intl-phone-input__gl_1x9g2","gm":"intl-phone-input__gm_1x9g2","gn":"intl-phone-input__gn_1x9g2","gp":"intl-phone-input__gp_1x9g2","gq":"intl-phone-input__gq_1x9g2","gr":"intl-phone-input__gr_1x9g2","gs":"intl-phone-input__gs_1x9g2","gt":"intl-phone-input__gt_1x9g2","gu":"intl-phone-input__gu_1x9g2","gw":"intl-phone-input__gw_1x9g2","gy":"intl-phone-input__gy_1x9g2","hk":"intl-phone-input__hk_1x9g2","hm":"intl-phone-input__hm_1x9g2","hn":"intl-phone-input__hn_1x9g2","hr":"intl-phone-input__hr_1x9g2","ht":"intl-phone-input__ht_1x9g2","hu":"intl-phone-input__hu_1x9g2","ic":"intl-phone-input__ic_1x9g2","id":"intl-phone-input__id_1x9g2","ie":"intl-phone-input__ie_1x9g2","il":"intl-phone-input__il_1x9g2","im":"intl-phone-input__im_1x9g2","in":"intl-phone-input__in_1x9g2","io":"intl-phone-input__io_1x9g2","iq":"intl-phone-input__iq_1x9g2","ir":"intl-phone-input__ir_1x9g2","is":"intl-phone-input__is_1x9g2","it":"intl-phone-input__it_1x9g2","je":"intl-phone-input__je_1x9g2","jm":"intl-phone-input__jm_1x9g2","jo":"intl-phone-input__jo_1x9g2","jp":"intl-phone-input__jp_1x9g2","ke":"intl-phone-input__ke_1x9g2","kg":"intl-phone-input__kg_1x9g2","kh":"intl-phone-input__kh_1x9g2","ki":"intl-phone-input__ki_1x9g2","km":"intl-phone-input__km_1x9g2","kn":"intl-phone-input__kn_1x9g2","kp":"intl-phone-input__kp_1x9g2","kr":"intl-phone-input__kr_1x9g2","kw":"intl-phone-input__kw_1x9g2","ky":"intl-phone-input__ky_1x9g2","kz":"intl-phone-input__kz_1x9g2","la":"intl-phone-input__la_1x9g2","lb":"intl-phone-input__lb_1x9g2","lc":"intl-phone-input__lc_1x9g2","li":"intl-phone-input__li_1x9g2","lk":"intl-phone-input__lk_1x9g2","lr":"intl-phone-input__lr_1x9g2","ls":"intl-phone-input__ls_1x9g2","lt":"intl-phone-input__lt_1x9g2","lu":"intl-phone-input__lu_1x9g2","lv":"intl-phone-input__lv_1x9g2","ly":"intl-phone-input__ly_1x9g2","ma":"intl-phone-input__ma_1x9g2","mc":"intl-phone-input__mc_1x9g2","md":"intl-phone-input__md_1x9g2","me":"intl-phone-input__me_1x9g2","mf":"intl-phone-input__mf_1x9g2","mg":"intl-phone-input__mg_1x9g2","mh":"intl-phone-input__mh_1x9g2","mk":"intl-phone-input__mk_1x9g2","ml":"intl-phone-input__ml_1x9g2","mm":"intl-phone-input__mm_1x9g2","mn":"intl-phone-input__mn_1x9g2","mo":"intl-phone-input__mo_1x9g2","mp":"intl-phone-input__mp_1x9g2","mq":"intl-phone-input__mq_1x9g2","mr":"intl-phone-input__mr_1x9g2","ms":"intl-phone-input__ms_1x9g2","mt":"intl-phone-input__mt_1x9g2","mu":"intl-phone-input__mu_1x9g2","mv":"intl-phone-input__mv_1x9g2","mw":"intl-phone-input__mw_1x9g2","mx":"intl-phone-input__mx_1x9g2","my":"intl-phone-input__my_1x9g2","mz":"intl-phone-input__mz_1x9g2","na":"intl-phone-input__na_1x9g2","nc":"intl-phone-input__nc_1x9g2","ne":"intl-phone-input__ne_1x9g2","nf":"intl-phone-input__nf_1x9g2","ng":"intl-phone-input__ng_1x9g2","ni":"intl-phone-input__ni_1x9g2","nl":"intl-phone-input__nl_1x9g2","no":"intl-phone-input__no_1x9g2","np":"intl-phone-input__np_1x9g2","nr":"intl-phone-input__nr_1x9g2","nu":"intl-phone-input__nu_1x9g2","nz":"intl-phone-input__nz_1x9g2","om":"intl-phone-input__om_1x9g2","pa":"intl-phone-input__pa_1x9g2","pe":"intl-phone-input__pe_1x9g2","pf":"intl-phone-input__pf_1x9g2","pg":"intl-phone-input__pg_1x9g2","ph":"intl-phone-input__ph_1x9g2","pk":"intl-phone-input__pk_1x9g2","pl":"intl-phone-input__pl_1x9g2","pm":"intl-phone-input__pm_1x9g2","pn":"intl-phone-input__pn_1x9g2","pr":"intl-phone-input__pr_1x9g2","ps":"intl-phone-input__ps_1x9g2","pt":"intl-phone-input__pt_1x9g2","pw":"intl-phone-input__pw_1x9g2","py":"intl-phone-input__py_1x9g2","qa":"intl-phone-input__qa_1x9g2","re":"intl-phone-input__re_1x9g2","ro":"intl-phone-input__ro_1x9g2","rs":"intl-phone-input__rs_1x9g2","ru":"intl-phone-input__ru_1x9g2","rw":"intl-phone-input__rw_1x9g2","sa":"intl-phone-input__sa_1x9g2","sb":"intl-phone-input__sb_1x9g2","sc":"intl-phone-input__sc_1x9g2","sd":"intl-phone-input__sd_1x9g2","se":"intl-phone-input__se_1x9g2","sg":"intl-phone-input__sg_1x9g2","sh":"intl-phone-input__sh_1x9g2","si":"intl-phone-input__si_1x9g2","sj":"intl-phone-input__sj_1x9g2","sk":"intl-phone-input__sk_1x9g2","sl":"intl-phone-input__sl_1x9g2","sm":"intl-phone-input__sm_1x9g2","sn":"intl-phone-input__sn_1x9g2","so":"intl-phone-input__so_1x9g2","sr":"intl-phone-input__sr_1x9g2","ss":"intl-phone-input__ss_1x9g2","st":"intl-phone-input__st_1x9g2","sv":"intl-phone-input__sv_1x9g2","sx":"intl-phone-input__sx_1x9g2","sy":"intl-phone-input__sy_1x9g2","sz":"intl-phone-input__sz_1x9g2","ta":"intl-phone-input__ta_1x9g2","tc":"intl-phone-input__tc_1x9g2","td":"intl-phone-input__td_1x9g2","tf":"intl-phone-input__tf_1x9g2","tg":"intl-phone-input__tg_1x9g2","th":"intl-phone-input__th_1x9g2","tj":"intl-phone-input__tj_1x9g2","tk":"intl-phone-input__tk_1x9g2","tl":"intl-phone-input__tl_1x9g2","tm":"intl-phone-input__tm_1x9g2","tn":"intl-phone-input__tn_1x9g2","to":"intl-phone-input__to_1x9g2","tr":"intl-phone-input__tr_1x9g2","tt":"intl-phone-input__tt_1x9g2","tv":"intl-phone-input__tv_1x9g2","tw":"intl-phone-input__tw_1x9g2","tz":"intl-phone-input__tz_1x9g2","ua":"intl-phone-input__ua_1x9g2","ug":"intl-phone-input__ug_1x9g2","um":"intl-phone-input__um_1x9g2","un":"intl-phone-input__un_1x9g2","us":"intl-phone-input__us_1x9g2","uy":"intl-phone-input__uy_1x9g2","uz":"intl-phone-input__uz_1x9g2","va":"intl-phone-input__va_1x9g2","vc":"intl-phone-input__vc_1x9g2","ve":"intl-phone-input__ve_1x9g2","vg":"intl-phone-input__vg_1x9g2","vi":"intl-phone-input__vi_1x9g2","vn":"intl-phone-input__vn_1x9g2","vu":"intl-phone-input__vu_1x9g2","wf":"intl-phone-input__wf_1x9g2","ws":"intl-phone-input__ws_1x9g2","xk":"intl-phone-input__xk_1x9g2","ye":"intl-phone-input__ye_1x9g2","yt":"intl-phone-input__yt_1x9g2","za":"intl-phone-input__za_1x9g2","zm":"intl-phone-input__zm_1x9g2","zw":"intl-phone-input__zw_1x9g2"};
+var styles = {"flagIcon":"intl-phone-input__flagIcon_1orb9","ac":"intl-phone-input__ac_1orb9","ad":"intl-phone-input__ad_1orb9","ae":"intl-phone-input__ae_1orb9","af":"intl-phone-input__af_1orb9","ag":"intl-phone-input__ag_1orb9","ai":"intl-phone-input__ai_1orb9","al":"intl-phone-input__al_1orb9","am":"intl-phone-input__am_1orb9","ao":"intl-phone-input__ao_1orb9","aq":"intl-phone-input__aq_1orb9","ar":"intl-phone-input__ar_1orb9","as":"intl-phone-input__as_1orb9","at":"intl-phone-input__at_1orb9","au":"intl-phone-input__au_1orb9","aw":"intl-phone-input__aw_1orb9","ax":"intl-phone-input__ax_1orb9","az":"intl-phone-input__az_1orb9","ba":"intl-phone-input__ba_1orb9","bb":"intl-phone-input__bb_1orb9","bd":"intl-phone-input__bd_1orb9","be":"intl-phone-input__be_1orb9","bf":"intl-phone-input__bf_1orb9","bg":"intl-phone-input__bg_1orb9","bh":"intl-phone-input__bh_1orb9","bi":"intl-phone-input__bi_1orb9","bj":"intl-phone-input__bj_1orb9","bl":"intl-phone-input__bl_1orb9","bm":"intl-phone-input__bm_1orb9","bn":"intl-phone-input__bn_1orb9","bo":"intl-phone-input__bo_1orb9","bq":"intl-phone-input__bq_1orb9","br":"intl-phone-input__br_1orb9","bs":"intl-phone-input__bs_1orb9","bt":"intl-phone-input__bt_1orb9","bv":"intl-phone-input__bv_1orb9","bw":"intl-phone-input__bw_1orb9","by":"intl-phone-input__by_1orb9","bz":"intl-phone-input__bz_1orb9","ca":"intl-phone-input__ca_1orb9","cc":"intl-phone-input__cc_1orb9","cd":"intl-phone-input__cd_1orb9","cf":"intl-phone-input__cf_1orb9","cg":"intl-phone-input__cg_1orb9","ch":"intl-phone-input__ch_1orb9","ci":"intl-phone-input__ci_1orb9","ck":"intl-phone-input__ck_1orb9","cl":"intl-phone-input__cl_1orb9","cm":"intl-phone-input__cm_1orb9","cn":"intl-phone-input__cn_1orb9","co":"intl-phone-input__co_1orb9","cp":"intl-phone-input__cp_1orb9","cr":"intl-phone-input__cr_1orb9","cu":"intl-phone-input__cu_1orb9","cv":"intl-phone-input__cv_1orb9","cw":"intl-phone-input__cw_1orb9","cx":"intl-phone-input__cx_1orb9","cy":"intl-phone-input__cy_1orb9","cz":"intl-phone-input__cz_1orb9","de":"intl-phone-input__de_1orb9","dg":"intl-phone-input__dg_1orb9","dj":"intl-phone-input__dj_1orb9","dk":"intl-phone-input__dk_1orb9","dm":"intl-phone-input__dm_1orb9","do":"intl-phone-input__do_1orb9","dz":"intl-phone-input__dz_1orb9","ea":"intl-phone-input__ea_1orb9","ec":"intl-phone-input__ec_1orb9","ee":"intl-phone-input__ee_1orb9","eg":"intl-phone-input__eg_1orb9","eh":"intl-phone-input__eh_1orb9","er":"intl-phone-input__er_1orb9","es":"intl-phone-input__es_1orb9","et":"intl-phone-input__et_1orb9","eu":"intl-phone-input__eu_1orb9","fi":"intl-phone-input__fi_1orb9","fj":"intl-phone-input__fj_1orb9","fk":"intl-phone-input__fk_1orb9","fm":"intl-phone-input__fm_1orb9","fo":"intl-phone-input__fo_1orb9","fr":"intl-phone-input__fr_1orb9","ga":"intl-phone-input__ga_1orb9","gb":"intl-phone-input__gb_1orb9","gd":"intl-phone-input__gd_1orb9","ge":"intl-phone-input__ge_1orb9","gf":"intl-phone-input__gf_1orb9","gg":"intl-phone-input__gg_1orb9","gh":"intl-phone-input__gh_1orb9","gi":"intl-phone-input__gi_1orb9","gl":"intl-phone-input__gl_1orb9","gm":"intl-phone-input__gm_1orb9","gn":"intl-phone-input__gn_1orb9","gp":"intl-phone-input__gp_1orb9","gq":"intl-phone-input__gq_1orb9","gr":"intl-phone-input__gr_1orb9","gs":"intl-phone-input__gs_1orb9","gt":"intl-phone-input__gt_1orb9","gu":"intl-phone-input__gu_1orb9","gw":"intl-phone-input__gw_1orb9","gy":"intl-phone-input__gy_1orb9","hk":"intl-phone-input__hk_1orb9","hm":"intl-phone-input__hm_1orb9","hn":"intl-phone-input__hn_1orb9","hr":"intl-phone-input__hr_1orb9","ht":"intl-phone-input__ht_1orb9","hu":"intl-phone-input__hu_1orb9","ic":"intl-phone-input__ic_1orb9","id":"intl-phone-input__id_1orb9","ie":"intl-phone-input__ie_1orb9","il":"intl-phone-input__il_1orb9","im":"intl-phone-input__im_1orb9","in":"intl-phone-input__in_1orb9","io":"intl-phone-input__io_1orb9","iq":"intl-phone-input__iq_1orb9","ir":"intl-phone-input__ir_1orb9","is":"intl-phone-input__is_1orb9","it":"intl-phone-input__it_1orb9","je":"intl-phone-input__je_1orb9","jm":"intl-phone-input__jm_1orb9","jo":"intl-phone-input__jo_1orb9","jp":"intl-phone-input__jp_1orb9","ke":"intl-phone-input__ke_1orb9","kg":"intl-phone-input__kg_1orb9","kh":"intl-phone-input__kh_1orb9","ki":"intl-phone-input__ki_1orb9","km":"intl-phone-input__km_1orb9","kn":"intl-phone-input__kn_1orb9","kp":"intl-phone-input__kp_1orb9","kr":"intl-phone-input__kr_1orb9","kw":"intl-phone-input__kw_1orb9","ky":"intl-phone-input__ky_1orb9","kz":"intl-phone-input__kz_1orb9","la":"intl-phone-input__la_1orb9","lb":"intl-phone-input__lb_1orb9","lc":"intl-phone-input__lc_1orb9","li":"intl-phone-input__li_1orb9","lk":"intl-phone-input__lk_1orb9","lr":"intl-phone-input__lr_1orb9","ls":"intl-phone-input__ls_1orb9","lt":"intl-phone-input__lt_1orb9","lu":"intl-phone-input__lu_1orb9","lv":"intl-phone-input__lv_1orb9","ly":"intl-phone-input__ly_1orb9","ma":"intl-phone-input__ma_1orb9","mc":"intl-phone-input__mc_1orb9","md":"intl-phone-input__md_1orb9","me":"intl-phone-input__me_1orb9","mf":"intl-phone-input__mf_1orb9","mg":"intl-phone-input__mg_1orb9","mh":"intl-phone-input__mh_1orb9","mk":"intl-phone-input__mk_1orb9","ml":"intl-phone-input__ml_1orb9","mm":"intl-phone-input__mm_1orb9","mn":"intl-phone-input__mn_1orb9","mo":"intl-phone-input__mo_1orb9","mp":"intl-phone-input__mp_1orb9","mq":"intl-phone-input__mq_1orb9","mr":"intl-phone-input__mr_1orb9","ms":"intl-phone-input__ms_1orb9","mt":"intl-phone-input__mt_1orb9","mu":"intl-phone-input__mu_1orb9","mv":"intl-phone-input__mv_1orb9","mw":"intl-phone-input__mw_1orb9","mx":"intl-phone-input__mx_1orb9","my":"intl-phone-input__my_1orb9","mz":"intl-phone-input__mz_1orb9","na":"intl-phone-input__na_1orb9","nc":"intl-phone-input__nc_1orb9","ne":"intl-phone-input__ne_1orb9","nf":"intl-phone-input__nf_1orb9","ng":"intl-phone-input__ng_1orb9","ni":"intl-phone-input__ni_1orb9","nl":"intl-phone-input__nl_1orb9","no":"intl-phone-input__no_1orb9","np":"intl-phone-input__np_1orb9","nr":"intl-phone-input__nr_1orb9","nu":"intl-phone-input__nu_1orb9","nz":"intl-phone-input__nz_1orb9","om":"intl-phone-input__om_1orb9","pa":"intl-phone-input__pa_1orb9","pe":"intl-phone-input__pe_1orb9","pf":"intl-phone-input__pf_1orb9","pg":"intl-phone-input__pg_1orb9","ph":"intl-phone-input__ph_1orb9","pk":"intl-phone-input__pk_1orb9","pl":"intl-phone-input__pl_1orb9","pm":"intl-phone-input__pm_1orb9","pn":"intl-phone-input__pn_1orb9","pr":"intl-phone-input__pr_1orb9","ps":"intl-phone-input__ps_1orb9","pt":"intl-phone-input__pt_1orb9","pw":"intl-phone-input__pw_1orb9","py":"intl-phone-input__py_1orb9","qa":"intl-phone-input__qa_1orb9","re":"intl-phone-input__re_1orb9","ro":"intl-phone-input__ro_1orb9","rs":"intl-phone-input__rs_1orb9","ru":"intl-phone-input__ru_1orb9","rw":"intl-phone-input__rw_1orb9","sa":"intl-phone-input__sa_1orb9","sb":"intl-phone-input__sb_1orb9","sc":"intl-phone-input__sc_1orb9","sd":"intl-phone-input__sd_1orb9","se":"intl-phone-input__se_1orb9","sg":"intl-phone-input__sg_1orb9","sh":"intl-phone-input__sh_1orb9","si":"intl-phone-input__si_1orb9","sj":"intl-phone-input__sj_1orb9","sk":"intl-phone-input__sk_1orb9","sl":"intl-phone-input__sl_1orb9","sm":"intl-phone-input__sm_1orb9","sn":"intl-phone-input__sn_1orb9","so":"intl-phone-input__so_1orb9","sr":"intl-phone-input__sr_1orb9","ss":"intl-phone-input__ss_1orb9","st":"intl-phone-input__st_1orb9","sv":"intl-phone-input__sv_1orb9","sx":"intl-phone-input__sx_1orb9","sy":"intl-phone-input__sy_1orb9","sz":"intl-phone-input__sz_1orb9","ta":"intl-phone-input__ta_1orb9","tc":"intl-phone-input__tc_1orb9","td":"intl-phone-input__td_1orb9","tf":"intl-phone-input__tf_1orb9","tg":"intl-phone-input__tg_1orb9","th":"intl-phone-input__th_1orb9","tj":"intl-phone-input__tj_1orb9","tk":"intl-phone-input__tk_1orb9","tl":"intl-phone-input__tl_1orb9","tm":"intl-phone-input__tm_1orb9","tn":"intl-phone-input__tn_1orb9","to":"intl-phone-input__to_1orb9","tr":"intl-phone-input__tr_1orb9","tt":"intl-phone-input__tt_1orb9","tv":"intl-phone-input__tv_1orb9","tw":"intl-phone-input__tw_1orb9","tz":"intl-phone-input__tz_1orb9","ua":"intl-phone-input__ua_1orb9","ug":"intl-phone-input__ug_1orb9","um":"intl-phone-input__um_1orb9","un":"intl-phone-input__un_1orb9","us":"intl-phone-input__us_1orb9","uy":"intl-phone-input__uy_1orb9","uz":"intl-phone-input__uz_1orb9","va":"intl-phone-input__va_1orb9","vc":"intl-phone-input__vc_1orb9","ve":"intl-phone-input__ve_1orb9","vg":"intl-phone-input__vg_1orb9","vi":"intl-phone-input__vi_1orb9","vn":"intl-phone-input__vn_1orb9","vu":"intl-phone-input__vu_1orb9","wf":"intl-phone-input__wf_1orb9","ws":"intl-phone-input__ws_1orb9","xk":"intl-phone-input__xk_1orb9","ye":"intl-phone-input__ye_1orb9","yt":"intl-phone-input__yt_1orb9","za":"intl-phone-input__za_1orb9","zm":"intl-phone-input__zm_1orb9","zw":"intl-phone-input__zw_1orb9"};
 require('./index.css');
 
 /**