@alfalab/core-components 27.4.0 → 27.5.0-beta.1

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../component-2ca8cc5c.js');
+var components_selectField_component = require('../component-e1246f94.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-2ca8cc5c.js');
+var components_selectField_component = require('../../component-e1246f94.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_1rwhd","option":"intl-phone-input__option_1rwhd","flag":"intl-phone-input__flag_1rwhd","countryName":"intl-phone-input__countryName_1rwhd","dialCode":"intl-phone-input__dialCode_1rwhd"};
+var styles = {"component":"intl-phone-input__component_19bc0","option":"intl-phone-input__option_19bc0","flag":"intl-phone-input__flag_19bc0","countryName":"intl-phone-input__countryName_19bc0","dialCode":"intl-phone-input__dialCode_19bc0"};
 require('./index.css');
 
 var CountriesSelect = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: ci00i */
+/* hash: 1m97y */
 :root {
     --color-light-text-secondary: #546272;
 }
@@ -17,24 +17,24 @@
 :root {
     --text-secondary-color: var(--color-light-text-secondary);
 }
-.intl-phone-input__component_1rwhd {
+.intl-phone-input__component_19bc0 {
     position: static;
     display: flex;
     min-width: initial;
     height: 100%;
 }
-.intl-phone-input__option_1rwhd {
+.intl-phone-input__option_19bc0 {
     display: flex;
     align-items: flex-start;
 }
-.intl-phone-input__flag_1rwhd {
+.intl-phone-input__flag_19bc0 {
     flex-shrink: 0;
     margin-top: var(--gap-2xs);
     margin-right: var(--gap-xs);
 }
-.intl-phone-input__countryName_1rwhd {
+.intl-phone-input__countryName_19bc0 {
     margin-right: var(--gap-xs);
 }
-.intl-phone-input__dialCode_1rwhd {
+.intl-phone-input__dialCode_19bc0 {
     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-2ca8cc5c.js');
+require('../../component-e1246f94.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-2ca8cc5c.js');
+var components_selectField_component = require('../../component-e1246f94.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

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

@@ -1,4 +1,4 @@
-/* hash: 1viqt */
+/* hash: r4ez1 */
 :root {
     --color-light-border-link: #007aff;
 }
@@ -19,13 +19,13 @@
     --focus-color: var(--color-light-border-link);
     --disabled-cursor: not-allowed;
 }
-.intl-phone-input__component_o2iqb {
+.intl-phone-input__component_12z7d {
     height: 100%;
     cursor: pointer;
     outline: none;
     position: relative;
 }
-.intl-phone-input__flagIconContainer_o2iqb {
+.intl-phone-input__flagIconContainer_12z7d {
     display: flex;
     justify-content: center;
     align-items: center;
@@ -33,10 +33,10 @@
     height: 24px;
     margin-right: var(--gap-2xs);
 }
-.intl-phone-input__disabled_o2iqb {
+.intl-phone-input__disabled_12z7d {
     cursor: var(--disabled-cursor);
 }
-.intl-phone-input__inner_o2iqb {
+.intl-phone-input__inner_12z7d {
     position: relative;
     display: flex;
     align-items: center;
@@ -44,11 +44,11 @@
     padding-left: var(--gap-s);
     outline: none;
 }
-.intl-phone-input__l_o2iqb .intl-phone-input__inner_o2iqb,
-.intl-phone-input__xl_o2iqb .intl-phone-input__inner_o2iqb {
+.intl-phone-input__l_12z7d .intl-phone-input__inner_12z7d,
+.intl-phone-input__xl_12z7d .intl-phone-input__inner_12z7d {
     padding-left: var(--gap-m);
 }
-.intl-phone-input__focusVisible_o2iqb {
+.intl-phone-input__focusVisible_12z7d {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }

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

@@ -1 +1 @@
-export * from "../../component-2ca8cc5c";
+export * from "../../component-e1246f94";

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-2ca8cc5c.js');
+var components_selectField_component = require('../../component-e1246f94.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

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

@@ -29,8 +29,9 @@ var MAX_DIAL_CODE_LENGTH = 4;
 var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     var _b = _a.disabled, disabled = _b === void 0 ? false : _b, _c = _a.readOnly, readOnly = _c === void 0 ? false : _c, _d = _a.size, size = _d === void 0 ? 'm' : _d, _e = _a.colors, colors = _e === void 0 ? 'default' : _e, _f = _a.options, options = _f === void 0 ? [] : _f, _g = _a.countries, countries = _g === void 0 ? utils.getCountries() : _g, _h = _a.clearableCountryCode, clearableCountryCode = _h === void 0 ? true : _h, className = _a.className, value = _a.value, onChange = _a.onChange, onCountryChange = _a.onCountryChange, _j = _a.defaultCountryIso2, defaultCountryIso2 = _j === void 0 ? 'ru' : _j, preventFlip = _a.preventFlip, inputProps = _a.inputProps, restProps = components_selectField_component.__rest(_a, ["disabled", "readOnly", "size", "colors", "options", "countries", "clearableCountryCode", "className", "value", "onChange", "onCountryChange", "defaultCountryIso2", "preventFlip", "inputProps"]);
     var _k = React.useState(defaultCountryIso2.toLowerCase()), countryIso2 = _k[0], setCountryIso2 = _k[1];
+    var _l = React.useState(0), fieldWidth = _l[0], setFieldWidth = _l[1];
     var inputRef = React.useRef(null);
-    var _l = React.useState(null), inputWrapperRef = _l[0], setInputWrapperRef = _l[1];
+    var _m = React.useState(null), inputWrapperRef = _m[0], setInputWrapperRef = _m[1];
     var phoneLibUtils = React.useRef();
     var setCountryByIso2 = React.useCallback(function (iso2) {
         var country = countriesHash[iso2];
@@ -141,7 +142,12 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     var countryCodeLength = ("+" + country.dialCode).length;
     useCaretAvoidCountryCode.useCaretAvoidCountryCode({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
     usePreventCaretReset.usePreventCaretReset({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
-    return (React__default['default'].createElement(coreComponentsInputAutocomplete.InputAutocomplete, components_selectField_component.__assign({}, restProps, { ref: ref, inputProps: components_selectField_component.__assign(components_selectField_component.__assign({}, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn__default['default'](className, styles__default['default'][size]), addonsClassName: styles__default['default'].addons, leftAddons: countries.length > 1 && (React__default['default'].createElement(components_select_component.CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: inputWrapperRef && inputWrapperRef.getBoundingClientRect().width, preventFlip: preventFlip })) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
+    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, 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-c76330e7.js → component-09d8ae3e.js}

@@ -43,7 +43,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"intl-phone-input__component_o2iqb","flagIconContainer":"intl-phone-input__flagIconContainer_o2iqb","disabled":"intl-phone-input__disabled_o2iqb","inner":"intl-phone-input__inner_o2iqb","l":"intl-phone-input__l_o2iqb","xl":"intl-phone-input__xl_o2iqb","focusVisible":"intl-phone-input__focusVisible_o2iqb"};
+var styles = {"component":"intl-phone-input__component_12z7d","flagIconContainer":"intl-phone-input__flagIconContainer_12z7d","disabled":"intl-phone-input__disabled_12z7d","inner":"intl-phone-input__inner_12z7d","l":"intl-phone-input__l_12z7d","xl":"intl-phone-input__xl_12z7d","focusVisible":"intl-phone-input__focusVisible_12z7d"};
 require('./components/select-field/index.css');
 
 var SelectField = function (_a) {

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-c76330e7.js';
+import { _ as __rest, a as __assign } from './component-09d8ae3e.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 { useCaretAvoidCountryCode } from './useCaretAvoidCountryCode.js';
 import { usePreventCaretReset } from './usePreventCaretReset.js';
 
-var styles = {"addons":"intl-phone-input__addons_z25pn","l":"intl-phone-input__l_z25pn","xl":"intl-phone-input__xl_z25pn"};
+var styles = {"addons":"intl-phone-input__addons_rb7qi","l":"intl-phone-input__l_rb7qi","xl":"intl-phone-input__xl_rb7qi"};
 require('./index.css');
 
 var countriesHash = getCountriesHash();
@@ -20,8 +20,9 @@ var MAX_DIAL_CODE_LENGTH = 4;
 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, restProps = __rest(_a, ["disabled", "readOnly", "size", "colors", "options", "countries", "clearableCountryCode", "className", "value", "onChange", "onCountryChange", "defaultCountryIso2", "preventFlip", "inputProps"]);
     var _k = useState(defaultCountryIso2.toLowerCase()), countryIso2 = _k[0], setCountryIso2 = _k[1];
+    var _l = useState(0), fieldWidth = _l[0], setFieldWidth = _l[1];
     var inputRef = useRef(null);
-    var _l = useState(null), inputWrapperRef = _l[0], setInputWrapperRef = _l[1];
+    var _m = useState(null), inputWrapperRef = _m[0], setInputWrapperRef = _m[1];
     var phoneLibUtils = useRef();
     var setCountryByIso2 = useCallback(function (iso2) {
         var country = countriesHash[iso2];
@@ -74,7 +75,7 @@ var IntlPhoneInput = forwardRef(function (_a, ref) {
     }, [countries, countryIso2, setValue, handleCountryChange]);
     var loadPhoneUtils = useCallback(function () {
         // prettier-ignore
-        return import(/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-43f3a7fb.js')
+        return import(/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-9c36b30c.js')
             .then(function (utils) {
             phoneLibUtils.current = utils.AsYouType;
         })
@@ -132,7 +133,12 @@ var IntlPhoneInput = forwardRef(function (_a, ref) {
     var countryCodeLength = ("+" + country.dialCode).length;
     useCaretAvoidCountryCode({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
     usePreventCaretReset({ 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, 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, 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_igj1v","ac":"intl-phone-input__ac_igj1v","ad":"intl-phone-input__ad_igj1v","ae":"intl-phone-input__ae_igj1v","af":"intl-phone-input__af_igj1v","ag":"intl-phone-input__ag_igj1v","ai":"intl-phone-input__ai_igj1v","al":"intl-phone-input__al_igj1v","am":"intl-phone-input__am_igj1v","ao":"intl-phone-input__ao_igj1v","aq":"intl-phone-input__aq_igj1v","ar":"intl-phone-input__ar_igj1v","as":"intl-phone-input__as_igj1v","at":"intl-phone-input__at_igj1v","au":"intl-phone-input__au_igj1v","aw":"intl-phone-input__aw_igj1v","ax":"intl-phone-input__ax_igj1v","az":"intl-phone-input__az_igj1v","ba":"intl-phone-input__ba_igj1v","bb":"intl-phone-input__bb_igj1v","bd":"intl-phone-input__bd_igj1v","be":"intl-phone-input__be_igj1v","bf":"intl-phone-input__bf_igj1v","bg":"intl-phone-input__bg_igj1v","bh":"intl-phone-input__bh_igj1v","bi":"intl-phone-input__bi_igj1v","bj":"intl-phone-input__bj_igj1v","bl":"intl-phone-input__bl_igj1v","bm":"intl-phone-input__bm_igj1v","bn":"intl-phone-input__bn_igj1v","bo":"intl-phone-input__bo_igj1v","bq":"intl-phone-input__bq_igj1v","br":"intl-phone-input__br_igj1v","bs":"intl-phone-input__bs_igj1v","bt":"intl-phone-input__bt_igj1v","bv":"intl-phone-input__bv_igj1v","bw":"intl-phone-input__bw_igj1v","by":"intl-phone-input__by_igj1v","bz":"intl-phone-input__bz_igj1v","ca":"intl-phone-input__ca_igj1v","cc":"intl-phone-input__cc_igj1v","cd":"intl-phone-input__cd_igj1v","cf":"intl-phone-input__cf_igj1v","cg":"intl-phone-input__cg_igj1v","ch":"intl-phone-input__ch_igj1v","ci":"intl-phone-input__ci_igj1v","ck":"intl-phone-input__ck_igj1v","cl":"intl-phone-input__cl_igj1v","cm":"intl-phone-input__cm_igj1v","cn":"intl-phone-input__cn_igj1v","co":"intl-phone-input__co_igj1v","cp":"intl-phone-input__cp_igj1v","cr":"intl-phone-input__cr_igj1v","cu":"intl-phone-input__cu_igj1v","cv":"intl-phone-input__cv_igj1v","cw":"intl-phone-input__cw_igj1v","cx":"intl-phone-input__cx_igj1v","cy":"intl-phone-input__cy_igj1v","cz":"intl-phone-input__cz_igj1v","de":"intl-phone-input__de_igj1v","dg":"intl-phone-input__dg_igj1v","dj":"intl-phone-input__dj_igj1v","dk":"intl-phone-input__dk_igj1v","dm":"intl-phone-input__dm_igj1v","do":"intl-phone-input__do_igj1v","dz":"intl-phone-input__dz_igj1v","ea":"intl-phone-input__ea_igj1v","ec":"intl-phone-input__ec_igj1v","ee":"intl-phone-input__ee_igj1v","eg":"intl-phone-input__eg_igj1v","eh":"intl-phone-input__eh_igj1v","er":"intl-phone-input__er_igj1v","es":"intl-phone-input__es_igj1v","et":"intl-phone-input__et_igj1v","eu":"intl-phone-input__eu_igj1v","fi":"intl-phone-input__fi_igj1v","fj":"intl-phone-input__fj_igj1v","fk":"intl-phone-input__fk_igj1v","fm":"intl-phone-input__fm_igj1v","fo":"intl-phone-input__fo_igj1v","fr":"intl-phone-input__fr_igj1v","ga":"intl-phone-input__ga_igj1v","gb":"intl-phone-input__gb_igj1v","gd":"intl-phone-input__gd_igj1v","ge":"intl-phone-input__ge_igj1v","gf":"intl-phone-input__gf_igj1v","gg":"intl-phone-input__gg_igj1v","gh":"intl-phone-input__gh_igj1v","gi":"intl-phone-input__gi_igj1v","gl":"intl-phone-input__gl_igj1v","gm":"intl-phone-input__gm_igj1v","gn":"intl-phone-input__gn_igj1v","gp":"intl-phone-input__gp_igj1v","gq":"intl-phone-input__gq_igj1v","gr":"intl-phone-input__gr_igj1v","gs":"intl-phone-input__gs_igj1v","gt":"intl-phone-input__gt_igj1v","gu":"intl-phone-input__gu_igj1v","gw":"intl-phone-input__gw_igj1v","gy":"intl-phone-input__gy_igj1v","hk":"intl-phone-input__hk_igj1v","hm":"intl-phone-input__hm_igj1v","hn":"intl-phone-input__hn_igj1v","hr":"intl-phone-input__hr_igj1v","ht":"intl-phone-input__ht_igj1v","hu":"intl-phone-input__hu_igj1v","ic":"intl-phone-input__ic_igj1v","id":"intl-phone-input__id_igj1v","ie":"intl-phone-input__ie_igj1v","il":"intl-phone-input__il_igj1v","im":"intl-phone-input__im_igj1v","in":"intl-phone-input__in_igj1v","io":"intl-phone-input__io_igj1v","iq":"intl-phone-input__iq_igj1v","ir":"intl-phone-input__ir_igj1v","is":"intl-phone-input__is_igj1v","it":"intl-phone-input__it_igj1v","je":"intl-phone-input__je_igj1v","jm":"intl-phone-input__jm_igj1v","jo":"intl-phone-input__jo_igj1v","jp":"intl-phone-input__jp_igj1v","ke":"intl-phone-input__ke_igj1v","kg":"intl-phone-input__kg_igj1v","kh":"intl-phone-input__kh_igj1v","ki":"intl-phone-input__ki_igj1v","km":"intl-phone-input__km_igj1v","kn":"intl-phone-input__kn_igj1v","kp":"intl-phone-input__kp_igj1v","kr":"intl-phone-input__kr_igj1v","kw":"intl-phone-input__kw_igj1v","ky":"intl-phone-input__ky_igj1v","kz":"intl-phone-input__kz_igj1v","la":"intl-phone-input__la_igj1v","lb":"intl-phone-input__lb_igj1v","lc":"intl-phone-input__lc_igj1v","li":"intl-phone-input__li_igj1v","lk":"intl-phone-input__lk_igj1v","lr":"intl-phone-input__lr_igj1v","ls":"intl-phone-input__ls_igj1v","lt":"intl-phone-input__lt_igj1v","lu":"intl-phone-input__lu_igj1v","lv":"intl-phone-input__lv_igj1v","ly":"intl-phone-input__ly_igj1v","ma":"intl-phone-input__ma_igj1v","mc":"intl-phone-input__mc_igj1v","md":"intl-phone-input__md_igj1v","me":"intl-phone-input__me_igj1v","mf":"intl-phone-input__mf_igj1v","mg":"intl-phone-input__mg_igj1v","mh":"intl-phone-input__mh_igj1v","mk":"intl-phone-input__mk_igj1v","ml":"intl-phone-input__ml_igj1v","mm":"intl-phone-input__mm_igj1v","mn":"intl-phone-input__mn_igj1v","mo":"intl-phone-input__mo_igj1v","mp":"intl-phone-input__mp_igj1v","mq":"intl-phone-input__mq_igj1v","mr":"intl-phone-input__mr_igj1v","ms":"intl-phone-input__ms_igj1v","mt":"intl-phone-input__mt_igj1v","mu":"intl-phone-input__mu_igj1v","mv":"intl-phone-input__mv_igj1v","mw":"intl-phone-input__mw_igj1v","mx":"intl-phone-input__mx_igj1v","my":"intl-phone-input__my_igj1v","mz":"intl-phone-input__mz_igj1v","na":"intl-phone-input__na_igj1v","nc":"intl-phone-input__nc_igj1v","ne":"intl-phone-input__ne_igj1v","nf":"intl-phone-input__nf_igj1v","ng":"intl-phone-input__ng_igj1v","ni":"intl-phone-input__ni_igj1v","nl":"intl-phone-input__nl_igj1v","no":"intl-phone-input__no_igj1v","np":"intl-phone-input__np_igj1v","nr":"intl-phone-input__nr_igj1v","nu":"intl-phone-input__nu_igj1v","nz":"intl-phone-input__nz_igj1v","om":"intl-phone-input__om_igj1v","pa":"intl-phone-input__pa_igj1v","pe":"intl-phone-input__pe_igj1v","pf":"intl-phone-input__pf_igj1v","pg":"intl-phone-input__pg_igj1v","ph":"intl-phone-input__ph_igj1v","pk":"intl-phone-input__pk_igj1v","pl":"intl-phone-input__pl_igj1v","pm":"intl-phone-input__pm_igj1v","pn":"intl-phone-input__pn_igj1v","pr":"intl-phone-input__pr_igj1v","ps":"intl-phone-input__ps_igj1v","pt":"intl-phone-input__pt_igj1v","pw":"intl-phone-input__pw_igj1v","py":"intl-phone-input__py_igj1v","qa":"intl-phone-input__qa_igj1v","re":"intl-phone-input__re_igj1v","ro":"intl-phone-input__ro_igj1v","rs":"intl-phone-input__rs_igj1v","ru":"intl-phone-input__ru_igj1v","rw":"intl-phone-input__rw_igj1v","sa":"intl-phone-input__sa_igj1v","sb":"intl-phone-input__sb_igj1v","sc":"intl-phone-input__sc_igj1v","sd":"intl-phone-input__sd_igj1v","se":"intl-phone-input__se_igj1v","sg":"intl-phone-input__sg_igj1v","sh":"intl-phone-input__sh_igj1v","si":"intl-phone-input__si_igj1v","sj":"intl-phone-input__sj_igj1v","sk":"intl-phone-input__sk_igj1v","sl":"intl-phone-input__sl_igj1v","sm":"intl-phone-input__sm_igj1v","sn":"intl-phone-input__sn_igj1v","so":"intl-phone-input__so_igj1v","sr":"intl-phone-input__sr_igj1v","ss":"intl-phone-input__ss_igj1v","st":"intl-phone-input__st_igj1v","sv":"intl-phone-input__sv_igj1v","sx":"intl-phone-input__sx_igj1v","sy":"intl-phone-input__sy_igj1v","sz":"intl-phone-input__sz_igj1v","ta":"intl-phone-input__ta_igj1v","tc":"intl-phone-input__tc_igj1v","td":"intl-phone-input__td_igj1v","tf":"intl-phone-input__tf_igj1v","tg":"intl-phone-input__tg_igj1v","th":"intl-phone-input__th_igj1v","tj":"intl-phone-input__tj_igj1v","tk":"intl-phone-input__tk_igj1v","tl":"intl-phone-input__tl_igj1v","tm":"intl-phone-input__tm_igj1v","tn":"intl-phone-input__tn_igj1v","to":"intl-phone-input__to_igj1v","tr":"intl-phone-input__tr_igj1v","tt":"intl-phone-input__tt_igj1v","tv":"intl-phone-input__tv_igj1v","tw":"intl-phone-input__tw_igj1v","tz":"intl-phone-input__tz_igj1v","ua":"intl-phone-input__ua_igj1v","ug":"intl-phone-input__ug_igj1v","um":"intl-phone-input__um_igj1v","un":"intl-phone-input__un_igj1v","us":"intl-phone-input__us_igj1v","uy":"intl-phone-input__uy_igj1v","uz":"intl-phone-input__uz_igj1v","va":"intl-phone-input__va_igj1v","vc":"intl-phone-input__vc_igj1v","ve":"intl-phone-input__ve_igj1v","vg":"intl-phone-input__vg_igj1v","vi":"intl-phone-input__vi_igj1v","vn":"intl-phone-input__vn_igj1v","vu":"intl-phone-input__vu_igj1v","wf":"intl-phone-input__wf_igj1v","ws":"intl-phone-input__ws_igj1v","xk":"intl-phone-input__xk_igj1v","ye":"intl-phone-input__ye_igj1v","yt":"intl-phone-input__yt_igj1v","za":"intl-phone-input__za_igj1v","zm":"intl-phone-input__zm_igj1v","zw":"intl-phone-input__zw_igj1v"};
+var styles = {"flagIcon":"intl-phone-input__flagIcon_1id4q","ac":"intl-phone-input__ac_1id4q","ad":"intl-phone-input__ad_1id4q","ae":"intl-phone-input__ae_1id4q","af":"intl-phone-input__af_1id4q","ag":"intl-phone-input__ag_1id4q","ai":"intl-phone-input__ai_1id4q","al":"intl-phone-input__al_1id4q","am":"intl-phone-input__am_1id4q","ao":"intl-phone-input__ao_1id4q","aq":"intl-phone-input__aq_1id4q","ar":"intl-phone-input__ar_1id4q","as":"intl-phone-input__as_1id4q","at":"intl-phone-input__at_1id4q","au":"intl-phone-input__au_1id4q","aw":"intl-phone-input__aw_1id4q","ax":"intl-phone-input__ax_1id4q","az":"intl-phone-input__az_1id4q","ba":"intl-phone-input__ba_1id4q","bb":"intl-phone-input__bb_1id4q","bd":"intl-phone-input__bd_1id4q","be":"intl-phone-input__be_1id4q","bf":"intl-phone-input__bf_1id4q","bg":"intl-phone-input__bg_1id4q","bh":"intl-phone-input__bh_1id4q","bi":"intl-phone-input__bi_1id4q","bj":"intl-phone-input__bj_1id4q","bl":"intl-phone-input__bl_1id4q","bm":"intl-phone-input__bm_1id4q","bn":"intl-phone-input__bn_1id4q","bo":"intl-phone-input__bo_1id4q","bq":"intl-phone-input__bq_1id4q","br":"intl-phone-input__br_1id4q","bs":"intl-phone-input__bs_1id4q","bt":"intl-phone-input__bt_1id4q","bv":"intl-phone-input__bv_1id4q","bw":"intl-phone-input__bw_1id4q","by":"intl-phone-input__by_1id4q","bz":"intl-phone-input__bz_1id4q","ca":"intl-phone-input__ca_1id4q","cc":"intl-phone-input__cc_1id4q","cd":"intl-phone-input__cd_1id4q","cf":"intl-phone-input__cf_1id4q","cg":"intl-phone-input__cg_1id4q","ch":"intl-phone-input__ch_1id4q","ci":"intl-phone-input__ci_1id4q","ck":"intl-phone-input__ck_1id4q","cl":"intl-phone-input__cl_1id4q","cm":"intl-phone-input__cm_1id4q","cn":"intl-phone-input__cn_1id4q","co":"intl-phone-input__co_1id4q","cp":"intl-phone-input__cp_1id4q","cr":"intl-phone-input__cr_1id4q","cu":"intl-phone-input__cu_1id4q","cv":"intl-phone-input__cv_1id4q","cw":"intl-phone-input__cw_1id4q","cx":"intl-phone-input__cx_1id4q","cy":"intl-phone-input__cy_1id4q","cz":"intl-phone-input__cz_1id4q","de":"intl-phone-input__de_1id4q","dg":"intl-phone-input__dg_1id4q","dj":"intl-phone-input__dj_1id4q","dk":"intl-phone-input__dk_1id4q","dm":"intl-phone-input__dm_1id4q","do":"intl-phone-input__do_1id4q","dz":"intl-phone-input__dz_1id4q","ea":"intl-phone-input__ea_1id4q","ec":"intl-phone-input__ec_1id4q","ee":"intl-phone-input__ee_1id4q","eg":"intl-phone-input__eg_1id4q","eh":"intl-phone-input__eh_1id4q","er":"intl-phone-input__er_1id4q","es":"intl-phone-input__es_1id4q","et":"intl-phone-input__et_1id4q","eu":"intl-phone-input__eu_1id4q","fi":"intl-phone-input__fi_1id4q","fj":"intl-phone-input__fj_1id4q","fk":"intl-phone-input__fk_1id4q","fm":"intl-phone-input__fm_1id4q","fo":"intl-phone-input__fo_1id4q","fr":"intl-phone-input__fr_1id4q","ga":"intl-phone-input__ga_1id4q","gb":"intl-phone-input__gb_1id4q","gd":"intl-phone-input__gd_1id4q","ge":"intl-phone-input__ge_1id4q","gf":"intl-phone-input__gf_1id4q","gg":"intl-phone-input__gg_1id4q","gh":"intl-phone-input__gh_1id4q","gi":"intl-phone-input__gi_1id4q","gl":"intl-phone-input__gl_1id4q","gm":"intl-phone-input__gm_1id4q","gn":"intl-phone-input__gn_1id4q","gp":"intl-phone-input__gp_1id4q","gq":"intl-phone-input__gq_1id4q","gr":"intl-phone-input__gr_1id4q","gs":"intl-phone-input__gs_1id4q","gt":"intl-phone-input__gt_1id4q","gu":"intl-phone-input__gu_1id4q","gw":"intl-phone-input__gw_1id4q","gy":"intl-phone-input__gy_1id4q","hk":"intl-phone-input__hk_1id4q","hm":"intl-phone-input__hm_1id4q","hn":"intl-phone-input__hn_1id4q","hr":"intl-phone-input__hr_1id4q","ht":"intl-phone-input__ht_1id4q","hu":"intl-phone-input__hu_1id4q","ic":"intl-phone-input__ic_1id4q","id":"intl-phone-input__id_1id4q","ie":"intl-phone-input__ie_1id4q","il":"intl-phone-input__il_1id4q","im":"intl-phone-input__im_1id4q","in":"intl-phone-input__in_1id4q","io":"intl-phone-input__io_1id4q","iq":"intl-phone-input__iq_1id4q","ir":"intl-phone-input__ir_1id4q","is":"intl-phone-input__is_1id4q","it":"intl-phone-input__it_1id4q","je":"intl-phone-input__je_1id4q","jm":"intl-phone-input__jm_1id4q","jo":"intl-phone-input__jo_1id4q","jp":"intl-phone-input__jp_1id4q","ke":"intl-phone-input__ke_1id4q","kg":"intl-phone-input__kg_1id4q","kh":"intl-phone-input__kh_1id4q","ki":"intl-phone-input__ki_1id4q","km":"intl-phone-input__km_1id4q","kn":"intl-phone-input__kn_1id4q","kp":"intl-phone-input__kp_1id4q","kr":"intl-phone-input__kr_1id4q","kw":"intl-phone-input__kw_1id4q","ky":"intl-phone-input__ky_1id4q","kz":"intl-phone-input__kz_1id4q","la":"intl-phone-input__la_1id4q","lb":"intl-phone-input__lb_1id4q","lc":"intl-phone-input__lc_1id4q","li":"intl-phone-input__li_1id4q","lk":"intl-phone-input__lk_1id4q","lr":"intl-phone-input__lr_1id4q","ls":"intl-phone-input__ls_1id4q","lt":"intl-phone-input__lt_1id4q","lu":"intl-phone-input__lu_1id4q","lv":"intl-phone-input__lv_1id4q","ly":"intl-phone-input__ly_1id4q","ma":"intl-phone-input__ma_1id4q","mc":"intl-phone-input__mc_1id4q","md":"intl-phone-input__md_1id4q","me":"intl-phone-input__me_1id4q","mf":"intl-phone-input__mf_1id4q","mg":"intl-phone-input__mg_1id4q","mh":"intl-phone-input__mh_1id4q","mk":"intl-phone-input__mk_1id4q","ml":"intl-phone-input__ml_1id4q","mm":"intl-phone-input__mm_1id4q","mn":"intl-phone-input__mn_1id4q","mo":"intl-phone-input__mo_1id4q","mp":"intl-phone-input__mp_1id4q","mq":"intl-phone-input__mq_1id4q","mr":"intl-phone-input__mr_1id4q","ms":"intl-phone-input__ms_1id4q","mt":"intl-phone-input__mt_1id4q","mu":"intl-phone-input__mu_1id4q","mv":"intl-phone-input__mv_1id4q","mw":"intl-phone-input__mw_1id4q","mx":"intl-phone-input__mx_1id4q","my":"intl-phone-input__my_1id4q","mz":"intl-phone-input__mz_1id4q","na":"intl-phone-input__na_1id4q","nc":"intl-phone-input__nc_1id4q","ne":"intl-phone-input__ne_1id4q","nf":"intl-phone-input__nf_1id4q","ng":"intl-phone-input__ng_1id4q","ni":"intl-phone-input__ni_1id4q","nl":"intl-phone-input__nl_1id4q","no":"intl-phone-input__no_1id4q","np":"intl-phone-input__np_1id4q","nr":"intl-phone-input__nr_1id4q","nu":"intl-phone-input__nu_1id4q","nz":"intl-phone-input__nz_1id4q","om":"intl-phone-input__om_1id4q","pa":"intl-phone-input__pa_1id4q","pe":"intl-phone-input__pe_1id4q","pf":"intl-phone-input__pf_1id4q","pg":"intl-phone-input__pg_1id4q","ph":"intl-phone-input__ph_1id4q","pk":"intl-phone-input__pk_1id4q","pl":"intl-phone-input__pl_1id4q","pm":"intl-phone-input__pm_1id4q","pn":"intl-phone-input__pn_1id4q","pr":"intl-phone-input__pr_1id4q","ps":"intl-phone-input__ps_1id4q","pt":"intl-phone-input__pt_1id4q","pw":"intl-phone-input__pw_1id4q","py":"intl-phone-input__py_1id4q","qa":"intl-phone-input__qa_1id4q","re":"intl-phone-input__re_1id4q","ro":"intl-phone-input__ro_1id4q","rs":"intl-phone-input__rs_1id4q","ru":"intl-phone-input__ru_1id4q","rw":"intl-phone-input__rw_1id4q","sa":"intl-phone-input__sa_1id4q","sb":"intl-phone-input__sb_1id4q","sc":"intl-phone-input__sc_1id4q","sd":"intl-phone-input__sd_1id4q","se":"intl-phone-input__se_1id4q","sg":"intl-phone-input__sg_1id4q","sh":"intl-phone-input__sh_1id4q","si":"intl-phone-input__si_1id4q","sj":"intl-phone-input__sj_1id4q","sk":"intl-phone-input__sk_1id4q","sl":"intl-phone-input__sl_1id4q","sm":"intl-phone-input__sm_1id4q","sn":"intl-phone-input__sn_1id4q","so":"intl-phone-input__so_1id4q","sr":"intl-phone-input__sr_1id4q","ss":"intl-phone-input__ss_1id4q","st":"intl-phone-input__st_1id4q","sv":"intl-phone-input__sv_1id4q","sx":"intl-phone-input__sx_1id4q","sy":"intl-phone-input__sy_1id4q","sz":"intl-phone-input__sz_1id4q","ta":"intl-phone-input__ta_1id4q","tc":"intl-phone-input__tc_1id4q","td":"intl-phone-input__td_1id4q","tf":"intl-phone-input__tf_1id4q","tg":"intl-phone-input__tg_1id4q","th":"intl-phone-input__th_1id4q","tj":"intl-phone-input__tj_1id4q","tk":"intl-phone-input__tk_1id4q","tl":"intl-phone-input__tl_1id4q","tm":"intl-phone-input__tm_1id4q","tn":"intl-phone-input__tn_1id4q","to":"intl-phone-input__to_1id4q","tr":"intl-phone-input__tr_1id4q","tt":"intl-phone-input__tt_1id4q","tv":"intl-phone-input__tv_1id4q","tw":"intl-phone-input__tw_1id4q","tz":"intl-phone-input__tz_1id4q","ua":"intl-phone-input__ua_1id4q","ug":"intl-phone-input__ug_1id4q","um":"intl-phone-input__um_1id4q","un":"intl-phone-input__un_1id4q","us":"intl-phone-input__us_1id4q","uy":"intl-phone-input__uy_1id4q","uz":"intl-phone-input__uz_1id4q","va":"intl-phone-input__va_1id4q","vc":"intl-phone-input__vc_1id4q","ve":"intl-phone-input__ve_1id4q","vg":"intl-phone-input__vg_1id4q","vi":"intl-phone-input__vi_1id4q","vn":"intl-phone-input__vn_1id4q","vu":"intl-phone-input__vu_1id4q","wf":"intl-phone-input__wf_1id4q","ws":"intl-phone-input__ws_1id4q","xk":"intl-phone-input__xk_1id4q","ye":"intl-phone-input__ye_1id4q","yt":"intl-phone-input__yt_1id4q","za":"intl-phone-input__za_1id4q","zm":"intl-phone-input__zm_1id4q","zw":"intl-phone-input__zw_1id4q"};
 require('./index.css');
 
 /**