@alfalab/core-components-intl-phone-input 9.1.3 → 9.2.1

package/{component-5d3bc747.js → component-d11f26be.js}

@@ -1,19 +1,12 @@
 'use strict';
 
 var React = require('react');
-var cn = require('classnames');
-var WorldMagnifierMIcon = require('@alfalab/icons-glyph/WorldMagnifierMIcon');
 var mergeRefs = require('react-merge-refs');
+var cn = require('classnames');
 var hooks = require('@alfalab/hooks');
+var WorldMagnifierMIcon = require('@alfalab/icons-glyph/WorldMagnifierMIcon');
 var components_flagIcon_component = require('./components/flag-icon/component.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var WorldMagnifierMIcon__default = /*#__PURE__*/_interopDefaultLegacy(WorldMagnifierMIcon);
-var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
-
 /******************************************************************************
 Copyright (c) Microsoft Corporation.
 
@@ -53,7 +46,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"intl-phone-input__component_1ky3k","flagIconContainer":"intl-phone-input__flagIconContainer_1ky3k","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1ky3k","disabled":"intl-phone-input__disabled_1ky3k","inner":"intl-phone-input__inner_1ky3k","l":"intl-phone-input__l_1ky3k","xl":"intl-phone-input__xl_1ky3k","focusVisible":"intl-phone-input__focusVisible_1ky3k"};
+var styles = {"component":"intl-phone-input__component_10mti","flagIconContainer":"intl-phone-input__flagIconContainer_10mti","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_10mti","disabled":"intl-phone-input__disabled_10mti","inner":"intl-phone-input__inner_10mti","l":"intl-phone-input__l_10mti","xl":"intl-phone-input__xl_10mti","focusVisible":"intl-phone-input__focusVisible_10mti"};
 require('./components/select-field/index.css')
 
 var EMPTY_COUNTRY_SELECT_FIELD = {
@@ -65,13 +58,13 @@ var SelectField = function (_a) {
     var selected = _a.selected, Arrow = _a.Arrow, size = _a.size, disabled = _a.disabled, _c = _a.innerProps, innerProps = _c === void 0 ? {} : _c;
     var wrapperRef = React.useRef(null);
     var focusVisible = hooks.useFocus(wrapperRef, 'keyboard')[0];
-    var ref = innerProps.ref ? mergeRefs__default['default']([innerProps.ref, wrapperRef]) : wrapperRef;
-    return (React__default['default'].createElement("div", { ref: ref, className: cn__default['default'](styles.component, size && styles[size], (_b = {},
+    var ref = innerProps.ref ? mergeRefs([innerProps.ref, wrapperRef]) : wrapperRef;
+    return (React.createElement("div", { ref: ref, className: cn(styles.component, size && styles[size], (_b = {},
             _b[styles.focusVisible] = focusVisible,
             _b[styles.disabled] = disabled,
             _b)) },
-        React__default['default'].createElement("div", exports.__assign({}, innerProps, { className: styles.inner }),
-            React__default['default'].createElement("span", { className: styles.flagIconContainer }, !selected || selected === EMPTY_COUNTRY_SELECT_FIELD ? (React__default['default'].createElement(WorldMagnifierMIcon__default['default'], { className: styles.emptyCountryIcon })) : (React__default['default'].createElement(components_flagIcon_component.FlagIcon, { country: selected.value }))),
+        React.createElement("div", exports.__assign({}, innerProps, { className: styles.inner }),
+            React.createElement("span", { className: styles.flagIconContainer }, !selected || selected === EMPTY_COUNTRY_SELECT_FIELD ? (React.createElement(WorldMagnifierMIcon, { className: styles.emptyCountryIcon })) : (React.createElement(components_flagIcon_component.FlagIcon, { country: selected.value }))),
             Arrow)));
 };
 

package/component.d.ts

@@ -63,7 +63,7 @@ declare const IntlPhoneInput: React.ForwardRefExoticComponent<Partial<Omit<Input
     /**
      * Обработчик события изменения страны
      */
-    onCountryChange?: ((countryCode?: CountryCode | undefined) => void) | undefined;
+    onCountryChange?: ((countryCode?: CountryCode) => void) | undefined;
     /**
      * Список стран
      */

package/component.js

@@ -1,8 +1,6 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_selectField_component = require('./component-5d3bc747.js');
+var components_selectField_component = require('./component-d11f26be.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsInputAutocomplete = require('@alfalab/core-components-input-autocomplete');
@@ -14,17 +12,12 @@ var utils_preparePasteData = require('./utils/preparePasteData.js');
 require('react-merge-refs');
 require('@alfalab/hooks');
 var components_flagIcon_component = require('./components/flag-icon/component.js');
-require('@alfalab/core-components-select');
 var components_select_component = require('./components/select/component.js');
 var useCaretAvoidCountryCode = require('./useCaretAvoidCountryCode.js');
+require('./components/flag-icon/flagSprite.js');
+require('@alfalab/core-components-select');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var WorldMagnifierMIcon__default = /*#__PURE__*/_interopDefaultLegacy(WorldMagnifierMIcon);
-
-var styles = {"addons":"intl-phone-input__addons_1gxie","l":"intl-phone-input__l_1gxie","xl":"intl-phone-input__xl_1gxie","flagIconWrapper":"intl-phone-input__flagIconWrapper_1gxie","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1gxie"};
+var styles = {"addons":"intl-phone-input__addons_1947q","l":"intl-phone-input__l_1947q","xl":"intl-phone-input__xl_1947q","flagIconWrapper":"intl-phone-input__flagIconWrapper_1947q","emptyCountryIcon":"intl-phone-input__emptyCountryIcon_1947q"};
 require('./index.css')
 
 var countriesHash = utils.getCountriesHash();
@@ -54,16 +47,16 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
                     return part;
                 }
                 if (index > 2) {
-                    return acc + "-" + part;
+                    return "".concat(acc, "-").concat(part);
                 }
-                return acc + " " + part;
+                return "".concat(acc, " ").concat(part);
             }, '');
         }
         return newValue;
     };
     var setCountryByIso2 = function (iso2) {
         var country = countriesHash[iso2];
-        var inputValue = "+" + country.dialCode;
+        var inputValue = "+".concat(country.dialCode);
         onChange(inputValue);
         setCountryIso2(country.iso2);
         return country;
@@ -82,7 +75,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
             }
         }
         var targetCountry = countries.find(function (country) {
-            if (new RegExp("^\\+" + country.dialCode).test(inputValue)) {
+            if (new RegExp("^\\+".concat(country.dialCode)).test(inputValue)) {
                 // Сначала проверяем, если приоритет не указан
                 if (country.priority === undefined) {
                     return true;
@@ -124,7 +117,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     var addCountryCode = function (inputValue) {
         if (clearableCountryCode || !countryIso2) {
             return inputValue.length === 1 && inputValue !== '+'
-                ? "+" + inputValue
+                ? "+".concat(inputValue)
                 : inputValue;
         }
         var country = countriesHash[countryIso2];
@@ -138,7 +131,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         var selected = _a.selected;
         if (selected) {
             var country_1 = setCountryByIso2(selected.value);
-            var inputValue = "+" + country_1.dialCode;
+            var inputValue = "+".concat(country_1.dialCode);
             if (inputRef.current) {
                 inputRef.current.focus();
                 inputRef.current.setSelectionRange(inputValue.length, inputValue.length);
@@ -154,7 +147,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         onChange(formatPhone(selected.key));
     };
     var country = countryIso2 && countriesHash[countryIso2];
-    var countryCodeLength = country ? ("+" + country.dialCode).length : 0;
+    var countryCodeLength = country ? "+".concat(country.dialCode).length : 0;
     var isEmptyValue = clearableCountryCode
         ? value === '' || value === '+'
         : value.length <= countryCodeLength;
@@ -183,7 +176,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
                 newValue = '+7';
             }
             else if (newValueDecimal.length === 1) {
-                newValue = "+7" + newValueDecimal;
+                newValue = "+7".concat(newValueDecimal);
             }
         }
         newValue = formatPhone(addCountryCode(newValue));
@@ -192,7 +185,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
             phonePartWithoutMask = phonePartWithoutMask.slice(0, -1);
         }
         if (newValue && newValue[0] !== '+') {
-            newValue = "+" + newValue;
+            newValue = "+".concat(newValue);
         }
         setCaretPos(utils_calculateCaretPos.calculateCaretPos(phonePartWithoutMask, newValue));
         setCountryByDialCodeWithLengthCheck(newValue);
@@ -276,7 +269,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         if (phoneLibUtils.current)
             return;
         Promise.resolve().then(function () { return require(
-        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-fc89031e.js'); })
+        /* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-ebcb18c3.js'); })
             .then(function (utils) {
             phoneLibUtils.current = utils.AsYouType;
             if (canBeEmptyCountry) {
@@ -286,7 +279,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
                 setCountryByDialCode(value);
             }
         })
-            .catch(function (error) { return "An error occurred while loading libphonenumber-js:\n" + error; });
+            .catch(function (error) { return "An error occurred while loading libphonenumber-js:\n".concat(error); });
         /* eslint-disable-next-line react-hooks/exhaustive-deps */
     }, [value]);
     React.useEffect(function () {
@@ -307,7 +300,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         /* eslint-disable-next-line react-hooks/exhaustive-deps */
     }, [value, canBeEmptyCountry, countryIso2, defaultCountryIso2]);
     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({ clear: clear && !isEmptyValue, onClear: handleClear }, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn__default['default'](className, styles[size]), addonsClassName: styles.addons, onKeyDown: handleKeyDown, onPaste: handlePaste, leftAddons: hideCountrySelect ? (React__default['default'].createElement("span", { className: styles.flagIconWrapper }, countryIso2 ? (React__default['default'].createElement(components_flagIcon_component.FlagIcon, { country: countryIso2 })) : (React__default['default'].createElement(WorldMagnifierMIcon__default['default'], { className: styles.emptyCountryIcon })))) : (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 })));
+    return (React.createElement(coreComponentsInputAutocomplete.InputAutocomplete, components_selectField_component.__assign({}, restProps, { ref: ref, inputProps: components_selectField_component.__assign(components_selectField_component.__assign({ clear: clear && !isEmptyValue, onClear: handleClear }, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn(className, styles[size]), addonsClassName: styles.addons, onKeyDown: handleKeyDown, onPaste: handlePaste, leftAddons: hideCountrySelect ? (React.createElement("span", { className: styles.flagIconWrapper }, countryIso2 ? (React.createElement(components_flagIcon_component.FlagIcon, { country: countryIso2 })) : (React.createElement(WorldMagnifierMIcon, { className: styles.emptyCountryIcon })))) : (countries.length > 1 && (React.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 })));
 });
 
 exports.IntlPhoneInput = IntlPhoneInput;

package/components/flag-icon/component.js

@@ -1,16 +1,10 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var React = require('react');
 var cn = require('classnames');
+var components_flagIcon_flagSprite = require('./flagSprite.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-
-var styles = {"flagIcon":"intl-phone-input__flagIcon_gu9o9","ac":"intl-phone-input__ac_gu9o9","ad":"intl-phone-input__ad_gu9o9","ae":"intl-phone-input__ae_gu9o9","af":"intl-phone-input__af_gu9o9","ag":"intl-phone-input__ag_gu9o9","ai":"intl-phone-input__ai_gu9o9","al":"intl-phone-input__al_gu9o9","am":"intl-phone-input__am_gu9o9","ao":"intl-phone-input__ao_gu9o9","aq":"intl-phone-input__aq_gu9o9","ar":"intl-phone-input__ar_gu9o9","as":"intl-phone-input__as_gu9o9","at":"intl-phone-input__at_gu9o9","au":"intl-phone-input__au_gu9o9","aw":"intl-phone-input__aw_gu9o9","ax":"intl-phone-input__ax_gu9o9","az":"intl-phone-input__az_gu9o9","ba":"intl-phone-input__ba_gu9o9","bb":"intl-phone-input__bb_gu9o9","bd":"intl-phone-input__bd_gu9o9","be":"intl-phone-input__be_gu9o9","bf":"intl-phone-input__bf_gu9o9","bg":"intl-phone-input__bg_gu9o9","bh":"intl-phone-input__bh_gu9o9","bi":"intl-phone-input__bi_gu9o9","bj":"intl-phone-input__bj_gu9o9","bl":"intl-phone-input__bl_gu9o9","bm":"intl-phone-input__bm_gu9o9","bn":"intl-phone-input__bn_gu9o9","bo":"intl-phone-input__bo_gu9o9","bq":"intl-phone-input__bq_gu9o9","br":"intl-phone-input__br_gu9o9","bs":"intl-phone-input__bs_gu9o9","bt":"intl-phone-input__bt_gu9o9","bv":"intl-phone-input__bv_gu9o9","bw":"intl-phone-input__bw_gu9o9","by":"intl-phone-input__by_gu9o9","bz":"intl-phone-input__bz_gu9o9","ca":"intl-phone-input__ca_gu9o9","cc":"intl-phone-input__cc_gu9o9","cd":"intl-phone-input__cd_gu9o9","cf":"intl-phone-input__cf_gu9o9","cg":"intl-phone-input__cg_gu9o9","ch":"intl-phone-input__ch_gu9o9","ci":"intl-phone-input__ci_gu9o9","ck":"intl-phone-input__ck_gu9o9","cl":"intl-phone-input__cl_gu9o9","cm":"intl-phone-input__cm_gu9o9","cn":"intl-phone-input__cn_gu9o9","co":"intl-phone-input__co_gu9o9","cp":"intl-phone-input__cp_gu9o9","cr":"intl-phone-input__cr_gu9o9","cu":"intl-phone-input__cu_gu9o9","cv":"intl-phone-input__cv_gu9o9","cw":"intl-phone-input__cw_gu9o9","cx":"intl-phone-input__cx_gu9o9","cy":"intl-phone-input__cy_gu9o9","cz":"intl-phone-input__cz_gu9o9","de":"intl-phone-input__de_gu9o9","dg":"intl-phone-input__dg_gu9o9","dj":"intl-phone-input__dj_gu9o9","dk":"intl-phone-input__dk_gu9o9","dm":"intl-phone-input__dm_gu9o9","do":"intl-phone-input__do_gu9o9","dz":"intl-phone-input__dz_gu9o9","ea":"intl-phone-input__ea_gu9o9","ec":"intl-phone-input__ec_gu9o9","ee":"intl-phone-input__ee_gu9o9","eg":"intl-phone-input__eg_gu9o9","eh":"intl-phone-input__eh_gu9o9","er":"intl-phone-input__er_gu9o9","es":"intl-phone-input__es_gu9o9","et":"intl-phone-input__et_gu9o9","eu":"intl-phone-input__eu_gu9o9","fi":"intl-phone-input__fi_gu9o9","fj":"intl-phone-input__fj_gu9o9","fk":"intl-phone-input__fk_gu9o9","fm":"intl-phone-input__fm_gu9o9","fo":"intl-phone-input__fo_gu9o9","fr":"intl-phone-input__fr_gu9o9","ga":"intl-phone-input__ga_gu9o9","gb":"intl-phone-input__gb_gu9o9","gd":"intl-phone-input__gd_gu9o9","ge":"intl-phone-input__ge_gu9o9","gf":"intl-phone-input__gf_gu9o9","gg":"intl-phone-input__gg_gu9o9","gh":"intl-phone-input__gh_gu9o9","gi":"intl-phone-input__gi_gu9o9","gl":"intl-phone-input__gl_gu9o9","gm":"intl-phone-input__gm_gu9o9","gn":"intl-phone-input__gn_gu9o9","gp":"intl-phone-input__gp_gu9o9","gq":"intl-phone-input__gq_gu9o9","gr":"intl-phone-input__gr_gu9o9","gs":"intl-phone-input__gs_gu9o9","gt":"intl-phone-input__gt_gu9o9","gu":"intl-phone-input__gu_gu9o9","gw":"intl-phone-input__gw_gu9o9","gy":"intl-phone-input__gy_gu9o9","hk":"intl-phone-input__hk_gu9o9","hm":"intl-phone-input__hm_gu9o9","hn":"intl-phone-input__hn_gu9o9","hr":"intl-phone-input__hr_gu9o9","ht":"intl-phone-input__ht_gu9o9","hu":"intl-phone-input__hu_gu9o9","ic":"intl-phone-input__ic_gu9o9","id":"intl-phone-input__id_gu9o9","ie":"intl-phone-input__ie_gu9o9","il":"intl-phone-input__il_gu9o9","im":"intl-phone-input__im_gu9o9","in":"intl-phone-input__in_gu9o9","io":"intl-phone-input__io_gu9o9","iq":"intl-phone-input__iq_gu9o9","ir":"intl-phone-input__ir_gu9o9","is":"intl-phone-input__is_gu9o9","it":"intl-phone-input__it_gu9o9","je":"intl-phone-input__je_gu9o9","jm":"intl-phone-input__jm_gu9o9","jo":"intl-phone-input__jo_gu9o9","jp":"intl-phone-input__jp_gu9o9","ke":"intl-phone-input__ke_gu9o9","kg":"intl-phone-input__kg_gu9o9","kh":"intl-phone-input__kh_gu9o9","ki":"intl-phone-input__ki_gu9o9","km":"intl-phone-input__km_gu9o9","kn":"intl-phone-input__kn_gu9o9","kp":"intl-phone-input__kp_gu9o9","kr":"intl-phone-input__kr_gu9o9","kw":"intl-phone-input__kw_gu9o9","ky":"intl-phone-input__ky_gu9o9","kz":"intl-phone-input__kz_gu9o9","la":"intl-phone-input__la_gu9o9","lb":"intl-phone-input__lb_gu9o9","lc":"intl-phone-input__lc_gu9o9","li":"intl-phone-input__li_gu9o9","lk":"intl-phone-input__lk_gu9o9","lr":"intl-phone-input__lr_gu9o9","ls":"intl-phone-input__ls_gu9o9","lt":"intl-phone-input__lt_gu9o9","lu":"intl-phone-input__lu_gu9o9","lv":"intl-phone-input__lv_gu9o9","ly":"intl-phone-input__ly_gu9o9","ma":"intl-phone-input__ma_gu9o9","mc":"intl-phone-input__mc_gu9o9","md":"intl-phone-input__md_gu9o9","me":"intl-phone-input__me_gu9o9","mf":"intl-phone-input__mf_gu9o9","mg":"intl-phone-input__mg_gu9o9","mh":"intl-phone-input__mh_gu9o9","mk":"intl-phone-input__mk_gu9o9","ml":"intl-phone-input__ml_gu9o9","mm":"intl-phone-input__mm_gu9o9","mn":"intl-phone-input__mn_gu9o9","mo":"intl-phone-input__mo_gu9o9","mp":"intl-phone-input__mp_gu9o9","mq":"intl-phone-input__mq_gu9o9","mr":"intl-phone-input__mr_gu9o9","ms":"intl-phone-input__ms_gu9o9","mt":"intl-phone-input__mt_gu9o9","mu":"intl-phone-input__mu_gu9o9","mv":"intl-phone-input__mv_gu9o9","mw":"intl-phone-input__mw_gu9o9","mx":"intl-phone-input__mx_gu9o9","my":"intl-phone-input__my_gu9o9","mz":"intl-phone-input__mz_gu9o9","na":"intl-phone-input__na_gu9o9","nc":"intl-phone-input__nc_gu9o9","ne":"intl-phone-input__ne_gu9o9","nf":"intl-phone-input__nf_gu9o9","ng":"intl-phone-input__ng_gu9o9","ni":"intl-phone-input__ni_gu9o9","nl":"intl-phone-input__nl_gu9o9","no":"intl-phone-input__no_gu9o9","np":"intl-phone-input__np_gu9o9","nr":"intl-phone-input__nr_gu9o9","nu":"intl-phone-input__nu_gu9o9","nz":"intl-phone-input__nz_gu9o9","om":"intl-phone-input__om_gu9o9","pa":"intl-phone-input__pa_gu9o9","pe":"intl-phone-input__pe_gu9o9","pf":"intl-phone-input__pf_gu9o9","pg":"intl-phone-input__pg_gu9o9","ph":"intl-phone-input__ph_gu9o9","pk":"intl-phone-input__pk_gu9o9","pl":"intl-phone-input__pl_gu9o9","pm":"intl-phone-input__pm_gu9o9","pn":"intl-phone-input__pn_gu9o9","pr":"intl-phone-input__pr_gu9o9","ps":"intl-phone-input__ps_gu9o9","pt":"intl-phone-input__pt_gu9o9","pw":"intl-phone-input__pw_gu9o9","py":"intl-phone-input__py_gu9o9","qa":"intl-phone-input__qa_gu9o9","re":"intl-phone-input__re_gu9o9","ro":"intl-phone-input__ro_gu9o9","rs":"intl-phone-input__rs_gu9o9","ru":"intl-phone-input__ru_gu9o9","rw":"intl-phone-input__rw_gu9o9","sa":"intl-phone-input__sa_gu9o9","sb":"intl-phone-input__sb_gu9o9","sc":"intl-phone-input__sc_gu9o9","sd":"intl-phone-input__sd_gu9o9","se":"intl-phone-input__se_gu9o9","sg":"intl-phone-input__sg_gu9o9","sh":"intl-phone-input__sh_gu9o9","si":"intl-phone-input__si_gu9o9","sj":"intl-phone-input__sj_gu9o9","sk":"intl-phone-input__sk_gu9o9","sl":"intl-phone-input__sl_gu9o9","sm":"intl-phone-input__sm_gu9o9","sn":"intl-phone-input__sn_gu9o9","so":"intl-phone-input__so_gu9o9","sr":"intl-phone-input__sr_gu9o9","ss":"intl-phone-input__ss_gu9o9","st":"intl-phone-input__st_gu9o9","sv":"intl-phone-input__sv_gu9o9","sx":"intl-phone-input__sx_gu9o9","sy":"intl-phone-input__sy_gu9o9","sz":"intl-phone-input__sz_gu9o9","ta":"intl-phone-input__ta_gu9o9","tc":"intl-phone-input__tc_gu9o9","td":"intl-phone-input__td_gu9o9","tf":"intl-phone-input__tf_gu9o9","tg":"intl-phone-input__tg_gu9o9","th":"intl-phone-input__th_gu9o9","tj":"intl-phone-input__tj_gu9o9","tk":"intl-phone-input__tk_gu9o9","tl":"intl-phone-input__tl_gu9o9","tm":"intl-phone-input__tm_gu9o9","tn":"intl-phone-input__tn_gu9o9","to":"intl-phone-input__to_gu9o9","tr":"intl-phone-input__tr_gu9o9","tt":"intl-phone-input__tt_gu9o9","tv":"intl-phone-input__tv_gu9o9","tw":"intl-phone-input__tw_gu9o9","tz":"intl-phone-input__tz_gu9o9","ua":"intl-phone-input__ua_gu9o9","ug":"intl-phone-input__ug_gu9o9","um":"intl-phone-input__um_gu9o9","un":"intl-phone-input__un_gu9o9","us":"intl-phone-input__us_gu9o9","uy":"intl-phone-input__uy_gu9o9","uz":"intl-phone-input__uz_gu9o9","va":"intl-phone-input__va_gu9o9","vc":"intl-phone-input__vc_gu9o9","ve":"intl-phone-input__ve_gu9o9","vg":"intl-phone-input__vg_gu9o9","vi":"intl-phone-input__vi_gu9o9","vn":"intl-phone-input__vn_gu9o9","vu":"intl-phone-input__vu_gu9o9","wf":"intl-phone-input__wf_gu9o9","ws":"intl-phone-input__ws_gu9o9","xk":"intl-phone-input__xk_gu9o9","ye":"intl-phone-input__ye_gu9o9","yt":"intl-phone-input__yt_gu9o9","za":"intl-phone-input__za_gu9o9","zm":"intl-phone-input__zm_gu9o9","zw":"intl-phone-input__zw_gu9o9"};
+var styles = {"flagIcon":"intl-phone-input__flagIcon_1yrjc","flagPlaceholder":"intl-phone-input__flagPlaceholder_1yrjc"};
 require('./index.css')
 
 /**
@@ -18,7 +12,7 @@ require('./index.css')
  */
 var FlagIcon = function (_a) {
     var _b = _a.country, country = _b === void 0 ? '' : _b, className = _a.className;
-    return (React__default['default'].createElement("span", { className: cn__default['default'](styles.flagIcon, styles[country], className) }));
+    return components_flagIcon_flagSprite.flagSprite[country] ? (React.createElement("span", { className: cn(styles.flagIcon, className), dangerouslySetInnerHTML: { __html: components_flagIcon_flagSprite.flagSprite[country] } })) : (React.createElement("div", { className: cn(styles.flagPlaceholder, className) }));
 };
 
 exports.FlagIcon = FlagIcon;

package/components/flag-icon/flagSprite.d.ts

@@ -0,0 +1,2 @@
+declare const flagSprite: Record<string, string>;
+export { flagSprite };