react-country-state-city - npm Package Compare versions

Comparing version 1.1.5 to 1.1.6

dist/cjs/components/PhonecodeDropdown.d.ts

+import React, { ChangeEvent, InputHTMLAttributes } from "react";
+import { Country } from "../types";
+type ComponentProps = InputHTMLAttributes<HTMLInputElement> & {
+    placeHolder?: string;
+    options: Array<Country>;
+    inputClassName?: string;
+    onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    defaultValue?: Country;
+    onChange: (e: Country) => void;
+    showFlag?: boolean;
+};
+declare const PhonecodeDropdown: ({ placeHolder, options, onChange, inputClassName, onTextChange, defaultValue, showFlag, ...props }: ComponentProps) => React.JSX.Element;
+export default PhonecodeDropdown;

dist/cjs/components/PhonecodeSelect.d.ts

+import React, { ChangeEvent, InputHTMLAttributes } from "react";
+import { Country } from "../types";
+type PageProps = InputHTMLAttributes<HTMLInputElement> & {
+    defaultValue?: Country;
+    containerClassName?: string;
+    inputClassName?: string;
+    onChange?: (e: Country) => void;
+    onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    placeHolder?: string;
+    showFlag?: boolean;
+    region?: string;
+    src?: string;
+};
+declare const PhonecodeSelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, placeHolder, showFlag, region, src, ...props }: PageProps) => React.JSX.Element;
+export default PhonecodeSelect;

dist/esm/components/PhonecodeDropdown.d.ts

+import React, { ChangeEvent, InputHTMLAttributes } from "react";
+import { Country } from "../types";
+type ComponentProps = InputHTMLAttributes<HTMLInputElement> & {
+    placeHolder?: string;
+    options: Array<Country>;
+    inputClassName?: string;
+    onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    defaultValue?: Country;
+    onChange: (e: Country) => void;
+    showFlag?: boolean;
+};
+declare const PhonecodeDropdown: ({ placeHolder, options, onChange, inputClassName, onTextChange, defaultValue, showFlag, ...props }: ComponentProps) => React.JSX.Element;
+export default PhonecodeDropdown;

dist/esm/components/PhonecodeSelect.d.ts

+import React, { ChangeEvent, InputHTMLAttributes } from "react";
+import { Country } from "../types";
+type PageProps = InputHTMLAttributes<HTMLInputElement> & {
+    defaultValue?: Country;
+    containerClassName?: string;
+    inputClassName?: string;
+    onChange?: (e: Country) => void;
+    onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    placeHolder?: string;
+    showFlag?: boolean;
+    region?: string;
+    src?: string;
+};
+declare const PhonecodeSelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, placeHolder, showFlag, region, src, ...props }: PageProps) => React.JSX.Element;
+export default PhonecodeSelect;

dist/umd/components/PhonecodeDropdown.d.ts

+import React, { ChangeEvent, InputHTMLAttributes } from "react";
+import { Country } from "../types";
+type ComponentProps = InputHTMLAttributes<HTMLInputElement> & {
+    placeHolder?: string;
+    options: Array<Country>;
+    inputClassName?: string;
+    onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    defaultValue?: Country;
+    onChange: (e: Country) => void;
+    showFlag?: boolean;
+};
+declare const PhonecodeDropdown: ({ placeHolder, options, onChange, inputClassName, onTextChange, defaultValue, showFlag, ...props }: ComponentProps) => React.JSX.Element;
+export default PhonecodeDropdown;

dist/umd/components/PhonecodeSelect.d.ts

+import React, { ChangeEvent, InputHTMLAttributes } from "react";
+import { Country } from "../types";
+type PageProps = InputHTMLAttributes<HTMLInputElement> & {
+    defaultValue?: Country;
+    containerClassName?: string;
+    inputClassName?: string;
+    onChange?: (e: Country) => void;
+    onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+    placeHolder?: string;
+    showFlag?: boolean;
+    region?: string;
+    src?: string;
+};
+declare const PhonecodeSelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, placeHolder, showFlag, region, src, ...props }: PageProps) => React.JSX.Element;
+export default PhonecodeSelect;

dist/cjs/components/CitySelect.d.ts

@@ -12,4 +12,5 @@ import React, { ChangeEvent, InputHTMLAttributes } from "react";
     placeHolder?: string;
+    src?: string;
 };
-declare const CitySelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, countryid, stateid, placeHolder, ...props }: PageProps) => React.JSX.Element;
+declare const CitySelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, countryid, stateid, placeHolder, src, ...props }: PageProps) => React.JSX.Element;
 export default CitySelect;

dist/cjs/components/CountrySelect.d.ts

@@ -12,4 +12,5 @@ import React, { ChangeEvent, InputHTMLAttributes } from "react";
     region?: string;
+    src?: string;
 };
-declare const CountrySelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, placeHolder, showFlag, region, ...props }: PageProps) => React.JSX.Element;
+declare const CountrySelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, placeHolder, showFlag, region, src, ...props }: PageProps) => React.JSX.Element;
 export default CountrySelect;

dist/cjs/components/LanguageSelect.d.ts

@@ -11,4 +11,5 @@ import React, { ChangeEvent, InputHTMLAttributes } from "react";
     displayNative?: boolean;
+    src?: string;
 };
-declare const LanguageSelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, placeHolder, displayNative, ...props }: PageProps) => React.JSX.Element;
+declare const LanguageSelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, placeHolder, displayNative, src, ...props }: PageProps) => React.JSX.Element;
 export default LanguageSelect;

dist/cjs/components/RegionSelect.d.ts

@@ -10,4 +10,5 @@ import React, { ChangeEvent, InputHTMLAttributes } from "react";
     placeHolder?: string;
+    src?: string;
 };
-declare const RegionSelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, placeHolder, ...props }: PageProps) => React.JSX.Element;
+declare const RegionSelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, placeHolder, src, ...props }: PageProps) => React.JSX.Element;
 export default RegionSelect;

dist/cjs/components/StateSelect.d.ts

@@ -11,4 +11,5 @@ import React, { ChangeEvent, InputHTMLAttributes } from "react";
     placeHolder?: string;
+    src?: string;
 };
-declare const StateSelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, countryid, placeHolder, ...props }: PageProps) => React.JSX.Element;
+declare const StateSelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, countryid, placeHolder, src, ...props }: PageProps) => React.JSX.Element;
 export default StateSelect;

dist/cjs/index.d.ts

@@ -6,4 +6,5 @@ import CountrySelect from "./components/CountrySelect";
 import RegionSelect from "./components/RegionSelect";
-import { GetCountries, GetState, GetCity, GetLanguages, GetRegions } from "./utils";
+import PhonecodeSelect from "./components/PhonecodeSelect";
+import { GetCountries, GetPhonecodesByRegion, GetState, GetCity, GetLanguages, GetRegions, GetPhonecodes, GetCountriesByRegion } from "./utils";
 import "./styles/style.scss";
-export { CountrySelect, StateSelect, CitySelect, LanguageSelect, RegionSelect, GetCountries, GetState, GetCity, GetLanguages, GetRegions, };
+export { CountrySelect, StateSelect, CitySelect, LanguageSelect, RegionSelect, PhonecodeSelect, GetCountries, GetCountriesByRegion, GetState, GetCity, GetLanguages, GetRegions, GetPhonecodes, GetPhonecodesByRegion, };

dist/cjs/index.js

@@ -1,2 +0,2 @@
-"use strict";var e=require("react"),t=function(){return t=Object.assign||function(e){for(var t,n=1,a=arguments.length;n<a;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},t.apply(this,arguments)};function n(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(e);o<a.length;o++)t.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(n[a[o]]=e[a[o]])}return n}function a(e,t,n,a){return new(n||(n=Promise))((function(o,r){function i(e){try{u(a.next(e))}catch(e){r(e)}}function c(e){try{u(a.throw(e))}catch(e){r(e)}}function u(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,c)}u((a=a.apply(e,t||[])).next())}))}function o(e,t){var n,a,o,r,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return r={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(r[Symbol.iterator]=function(){return this}),r;function c(c){return function(u){return function(c){if(n)throw new TypeError("Generator is already executing.");for(;r&&(r=0,c[0]&&(i=0)),i;)try{if(n=1,a&&(o=2&c[0]?a.return:c[0]?a.throw||((o=a.return)&&o.call(a),0):a.next)&&!(o=o.call(a,c[1])).done)return o;switch(a=0,o&&(c=[2&c[0],o.value]),c[0]){case 0:case 1:o=c;break;case 4:return i.label++,{value:c[1],done:!1};case 5:i.label++,a=c[1],c=[0];continue;case 7:c=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==c[0]&&2!==c[0])){i=0;continue}if(3===c[0]&&(!o||c[1]>o[0]&&c[1]<o[3])){i.label=c[1];break}if(6===c[0]&&i.label<o[1]){i.label=o[1],o=c;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(c);break}o[2]&&i.ops.pop(),i.trys.pop();continue}c=t.call(e,i)}catch(e){c=[6,e],a=0}finally{n=o=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}([c,u])}}}var r=function(){return a(void 0,void 0,void 0,(function(){return o(this,(function(e){switch(e.label){case 0:return[4,fetch("https://venkatmcajj.github.io/react-country-state-city/data/regionsminified.json").then((function(e){return e.json()}))];case 1:return[2,e.sent()]}}))}))},i=function(e){return a(void 0,void 0,void 0,(function(){var t,n;return o(this,(function(a){switch(a.label){case 0:return[4,fetch("https://venkatmcajj.github.io/react-country-state-city/data/countriesminified.json").then((function(e){return e.json()}))];case 1:return t=a.sent(),n=t,e&&(n=n.filter((function(t){return t.region===e}))),[2,n]}}))}))},c=function(){return a(void 0,void 0,void 0,(function(){return o(this,(function(e){switch(e.label){case 0:return[4,fetch("https://venkatmcajj.github.io/react-country-state-city/data/languagesminified.json").then((function(e){return e.json()}))];case 1:return[2,e.sent()]}}))}))},u=function(e){return a(void 0,void 0,void 0,(function(){var t,n;return o(this,(function(a){switch(a.label){case 0:return[4,fetch("https://venkatmcajj.github.io/react-country-state-city/data/statesminified.json").then((function(e){return e.json()}))];case 1:return t=a.sent(),n=t.find((function(t){return t.id===e})),[2,n&&n.states?n.states:[]]}}))}))},l=function(e,t){return a(void 0,void 0,void 0,(function(){var n,a,r,i;return o(this,(function(o){switch(o.label){case 0:return[4,fetch("https://venkatmcajj.github.io/react-country-state-city/data/citiesminified.json").then((function(e){return e.json()}))];case 1:return n=o.sent(),(a=n.find((function(t){return t.id===e})))?(r=a&&a.states?a.states:[],[2,(i=r.find((function(e){return e.id===t})))&&i.cities?i.cities:[]]):[2,[]]}}))}))},s=function(){return e.createElement("svg",{height:"20",width:"20",viewBox:"0 0 20 20"},e.createElement("path",{d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"}))},f=function(a){var o=a.placeHolder,r=a.options,i=a.onChange,c=a.inputClassName,u=a.onTextChange,l=a.defaultValue,f=a.showFlag,d=void 0===f||f,p=n(a,["placeHolder","options","onChange","inputClassName","onTextChange","defaultValue","showFlag"]),m=e.useState(!1),h=m[0],v=m[1],g=e.useState(),C=g[0],y=g[1],E=e.useState(""),N=E[0],w=E[1],x=e.useRef(null),b=e.useRef(null);e.useEffect((function(){l&&y(l)}),[l]),e.useEffect((function(){w(""),h&&x.current&&x.current.focus()}),[h]),e.useEffect((function(){var e=function(e){b.current&&!b.current.contains(e.target)&&v(!1)};return window.addEventListener("click",e),function(){window.removeEventListener("click",e)}}));var j=function(e){return!!C&&C.id===e.id};return e.createElement("div",{className:"stdropdown-container"},e.createElement("div",{ref:b,onClick:function(){v(!0)},className:"stdropdown-input stsearch-box"},e.createElement("input",t({},p,{className:c,onChange:function(e){w(e.target.value),y(void 0),u&&u(e)},value:C?"".concat(d&&"emoji"in C?C.emoji:""," ").concat(C.name):N||"",placeholder:o,ref:x})),e.createElement("div",{className:"stdropdown-tools"},e.createElement("div",{className:"stdropdown-tool"},e.createElement(s,null)))),h&&e.createElement("div",{className:"stdropdown-menu"},(N?r.filter((function(e){return e.name.toLowerCase().indexOf(N.toLowerCase())>=0})):r).map((function(t){return e.createElement("div",{onClick:function(){return function(e){y(e),i(e)}(t)},key:t.id,className:"".concat("stdropdown-item"," ").concat(j(t)&&"selected")},d&&e.createElement("span",null,"emoji"in t?t.emoji:""),t.name)}))))},d=function(){return e.createElement("svg",{height:"20",width:"20",viewBox:"0 0 20 20"},e.createElement("path",{d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"}))},p=function(a){var o=a.placeHolder,r=a.options,i=a.onChange,c=a.inputClassName,u=a.onTextChange,l=a.defaultValue,s=a.displayNative,f=n(a,["placeHolder","options","onChange","inputClassName","onTextChange","defaultValue","displayNative"]),p=e.useState(!1),m=p[0],h=p[1],v=e.useState(),g=v[0],C=v[1],y=e.useState(""),E=y[0],N=y[1],w=e.useRef(null),x=e.useRef(null);e.useEffect((function(){l&&C(l)}),[l]),e.useEffect((function(){N(""),m&&w.current&&w.current.focus()}),[m]),e.useEffect((function(){var e=function(e){x.current&&!x.current.contains(e.target)&&h(!1)};return window.addEventListener("click",e),function(){window.removeEventListener("click",e)}}));var b=function(e){return!!g&&g.code===e.code};return e.createElement("div",{className:"stdropdown-container"},e.createElement("div",{ref:x,onClick:function(){h(!0)},className:"stdropdown-input stsearch-box"},e.createElement("input",t({},f,{className:c,onChange:function(e){N(e.target.value),C(void 0),u&&u(e)},value:g?"".concat(s?g.native:g.name):E||"",placeholder:o,ref:w})),e.createElement("div",{className:"stdropdown-tools"},e.createElement("div",{className:"stdropdown-tool"},e.createElement(d,null)))),m&&e.createElement("div",{className:"stdropdown-menu"},(E?r.filter((function(e){return e.name.toLowerCase().indexOf(E.toLowerCase())>=0})):r).map((function(t){return e.createElement("div",{onClick:function(){return function(e){C(e),i(e)}(t)},key:t.code,className:"".concat("stdropdown-item"," ").concat(b(t)&&"selected")},s?t.native:t.name)}))))};exports.CitySelect=function(a){var o=a.containerClassName,r=a.inputClassName,i=a.onTextChange,c=a.defaultValue,u=a.onChange,s=a.countryid,d=a.stateid,p=a.placeHolder,m=n(a,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","countryid","stateid","placeHolder"]),h=e.useState([]),v=h[0],g=h[1];return e.useEffect((function(){s&&l(s,d).then((function(e){g(e)}))}),[s,d]),e.createElement(e.Fragment,null,e.createElement("div",{className:o,style:{position:"relative"}},e.createElement(f,t({},m,{placeHolder:p,options:v,onChange:function(e){u&&u(e)},onTextChange:i,defaultValue:c,inputClassName:r}))))},exports.CountrySelect=function(a){var o=a.containerClassName,r=a.inputClassName,c=a.onTextChange,u=a.defaultValue,l=a.onChange,s=a.placeHolder,d=a.showFlag,p=a.region,m=n(a,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","placeHolder","showFlag","region"]),h=e.useState([]),v=h[0],g=h[1];return e.useEffect((function(){i(p).then((function(e){g(e)}))}),[p]),e.createElement(e.Fragment,null,e.createElement("div",{className:o,style:{position:"relative"}},e.createElement(f,t({},m,{placeHolder:s,options:v,onChange:function(e){l&&l(e)},showFlag:d,onTextChange:c,defaultValue:u,inputClassName:r}))))},exports.GetCity=l,exports.GetCountries=i,exports.GetLanguages=c,exports.GetRegions=r,exports.GetState=u,exports.LanguageSelect=function(a){var o=a.containerClassName,r=a.inputClassName,i=a.onTextChange,u=a.defaultValue,l=a.onChange,s=a.placeHolder,f=a.displayNative,d=n(a,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","placeHolder","displayNative"]),m=e.useState([]),h=m[0],v=m[1];return e.useEffect((function(){c().then((function(e){v(e)}))}),[]),e.createElement(e.Fragment,null,e.createElement("div",{className:o,style:{position:"relative"}},e.createElement(p,t({},d,{placeHolder:s,options:h,onChange:function(e){l&&l(e)},displayNative:f,onTextChange:i,defaultValue:u,inputClassName:r}))))},exports.RegionSelect=function(a){var o=a.containerClassName,i=a.inputClassName,c=a.onTextChange,u=a.defaultValue,l=a.onChange,s=a.placeHolder,d=n(a,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","placeHolder"]),p=e.useState([]),m=p[0],h=p[1];return e.useEffect((function(){r().then((function(e){h(e)}))}),[]),e.createElement(e.Fragment,null,e.createElement("div",{className:o,style:{position:"relative"}},e.createElement(f,t({},d,{placeHolder:s,options:m,onChange:function(e){l&&l(e)},onTextChange:c,defaultValue:u,inputClassName:i}))))},exports.StateSelect=function(a){var o=a.containerClassName,r=a.inputClassName,i=a.onTextChange,c=a.defaultValue,l=a.onChange,s=a.countryid,d=a.placeHolder,p=n(a,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","countryid","placeHolder"]),m=e.useState([]),h=m[0],v=m[1];return e.useEffect((function(){s&&u(s).then((function(e){v(e)}))}),[s]),e.createElement(e.Fragment,null,e.createElement("div",{className:o,style:{position:"relative"}},e.createElement(f,t({},p,{placeHolder:d,options:h,onChange:function(e){l&&l(e)},onTextChange:i,defaultValue:c,inputClassName:r}))))};
+"use strict";var e=require("react"),n=function(){return n=Object.assign||function(e){for(var n,t=1,a=arguments.length;t<a;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},n.apply(this,arguments)};function t(e,n){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&n.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(e);o<a.length;o++)n.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(t[a[o]]=e[a[o]])}return t}function a(e,n,t,a){return new(t||(t=Promise))((function(o,r){function i(e){try{s(a.next(e))}catch(e){r(e)}}function c(e){try{s(a.throw(e))}catch(e){r(e)}}function s(e){var n;e.done?o(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,c)}s((a=a.apply(e,n||[])).next())}))}function o(e,n){var t,a,o,r,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return r={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(r[Symbol.iterator]=function(){return this}),r;function c(c){return function(s){return function(c){if(t)throw new TypeError("Generator is already executing.");for(;r&&(r=0,c[0]&&(i=0)),i;)try{if(t=1,a&&(o=2&c[0]?a.return:c[0]?a.throw||((o=a.return)&&o.call(a),0):a.next)&&!(o=o.call(a,c[1])).done)return o;switch(a=0,o&&(c=[2&c[0],o.value]),c[0]){case 0:case 1:o=c;break;case 4:return i.label++,{value:c[1],done:!1};case 5:i.label++,a=c[1],c=[0];continue;case 7:c=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==c[0]&&2!==c[0])){i=0;continue}if(3===c[0]&&(!o||c[1]>o[0]&&c[1]<o[3])){i.label=c[1];break}if(6===c[0]&&i.label<o[1]){i.label=o[1],o=c;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(c);break}o[2]&&i.ops.pop(),i.trys.pop();continue}c=n.call(e,i)}catch(e){c=[6,e],a=0}finally{t=o=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}([c,s])}}}var r=function(e){return a(void 0,void 0,void 0,(function(){var n;return o(this,(function(t){switch(t.label){case 0:return n="https://venkatmcajj.github.io/react-country-state-city/data/regionsminified.json",e&&(n=e+"/regionsminified.json"),[4,fetch(n).then((function(e){return e.json()}))];case 1:return[2,t.sent()]}}))}))},i=function(e,n){return a(void 0,void 0,void 0,(function(){var t,a,r;return o(this,(function(o){switch(o.label){case 0:return t="https://venkatmcajj.github.io/react-country-state-city/data/countriesminified.json",n&&(t=n+"/countriesminified.json"),[4,fetch(t).then((function(e){return e.json()}))];case 1:return a=o.sent(),r=a,e&&(r=r.filter((function(n){return n.region===e}))),[2,r]}}))}))},c=function(e){return a(void 0,void 0,void 0,(function(){var n;return o(this,(function(t){switch(t.label){case 0:return n="https://venkatmcajj.github.io/react-country-state-city/data/countriesminified.json",e&&(n=e+"/countriesminified.json"),[4,fetch(n).then((function(e){return e.json()}))];case 1:return[2,t.sent()]}}))}))},s=function(e){return a(void 0,void 0,void 0,(function(){var n;return o(this,(function(t){switch(t.label){case 0:return n="https://venkatmcajj.github.io/react-country-state-city/data/languagesminified.json",e&&(n=e+"/languagesminified.json"),[4,fetch(n).then((function(e){return e.json()}))];case 1:return[2,t.sent()]}}))}))},u=function(e,n){return a(void 0,void 0,void 0,(function(){var t,a,r;return o(this,(function(o){switch(o.label){case 0:return t="https://venkatmcajj.github.io/react-country-state-city/data/statesminified.json",n&&(t=n+"/languagesminified.json"),[4,fetch(t).then((function(e){return e.json()}))];case 1:return a=o.sent(),r=a.find((function(n){return n.id===e})),[2,r&&r.states?r.states:[]]}}))}))},l=function(e,n,t){return a(void 0,void 0,void 0,(function(){var a,r,i,c,s;return o(this,(function(o){switch(o.label){case 0:return a="https://venkatmcajj.github.io/react-country-state-city/data/citiesminified.json",t&&(a=t+"/citiesminified.json"),[4,fetch(a).then((function(e){return e.json()}))];case 1:return r=o.sent(),(i=r.find((function(n){return n.id===e})))?(c=i&&i.states?i.states:[],[2,(s=c.find((function(e){return e.id===n})))&&s.cities?s.cities:[]]):[2,[]]}}))}))},f=function(){return e.createElement("svg",{height:"20",width:"20",viewBox:"0 0 20 20"},e.createElement("path",{d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"}))},d=function(a){var o=a.placeHolder,r=a.options,i=a.onChange,c=a.inputClassName,s=a.onTextChange,u=a.defaultValue,l=a.showFlag,d=void 0===l||l,m=t(a,["placeHolder","options","onChange","inputClassName","onTextChange","defaultValue","showFlag"]),p=e.useState(!1),h=p[0],v=p[1],g=e.useState(),C=g[0],w=g[1],E=e.useState(""),N=E[0],y=E[1],x=e.useRef(null),j=e.useRef(null);e.useEffect((function(){u&&w(u)}),[u]),e.useEffect((function(){y(""),h&&x.current&&x.current.focus()}),[h]),e.useEffect((function(){var e=function(e){j.current&&!j.current.contains(e.target)&&v(!1)};return window.addEventListener("click",e),function(){window.removeEventListener("click",e)}}));var b=function(e){return!!C&&C.id===e.id};return e.createElement("div",{className:"stdropdown-container"},e.createElement("div",{ref:j,onClick:function(){v(!0)},className:"stdropdown-input stsearch-box"},e.createElement("input",n({},m,{className:c,onChange:function(e){y(e.target.value),w(void 0),s&&s(e)},value:C?"".concat(d&&"emoji"in C?C.emoji:""," ").concat(C.name):N||"",placeholder:o,ref:x})),e.createElement("div",{className:"stdropdown-tools"},e.createElement("div",{className:"stdropdown-tool"},e.createElement(f,null)))),h&&e.createElement("div",{className:"stdropdown-menu"},(N?r.filter((function(e){return e.name.toLowerCase().indexOf(N.toLowerCase())>=0})):r).map((function(n){return e.createElement("div",{onClick:function(){return function(e){w(e),i(e)}(n)},key:n.id,className:"".concat("stdropdown-item"," ").concat(b(n)&&"selected")},d&&e.createElement("span",{className:"stdropdown-flag"},"emoji"in n?n.emoji:""," "),n.name)}))))},m=function(){return e.createElement("svg",{height:"20",width:"20",viewBox:"0 0 20 20"},e.createElement("path",{d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"}))},p=function(a){var o=a.placeHolder,r=a.options,i=a.onChange,c=a.inputClassName,s=a.onTextChange,u=a.defaultValue,l=a.displayNative,f=t(a,["placeHolder","options","onChange","inputClassName","onTextChange","defaultValue","displayNative"]),d=e.useState(!1),p=d[0],h=d[1],v=e.useState(),g=v[0],C=v[1],w=e.useState(""),E=w[0],N=w[1],y=e.useRef(null),x=e.useRef(null);e.useEffect((function(){u&&C(u)}),[u]),e.useEffect((function(){N(""),p&&y.current&&y.current.focus()}),[p]),e.useEffect((function(){var e=function(e){x.current&&!x.current.contains(e.target)&&h(!1)};return window.addEventListener("click",e),function(){window.removeEventListener("click",e)}}));var j=function(e){return!!g&&g.code===e.code};return e.createElement("div",{className:"stdropdown-container"},e.createElement("div",{ref:x,onClick:function(){h(!0)},className:"stdropdown-input stsearch-box"},e.createElement("input",n({},f,{className:c,onChange:function(e){N(e.target.value),C(void 0),s&&s(e)},value:g?"".concat(l?g.native:g.name):E||"",placeholder:o,ref:y})),e.createElement("div",{className:"stdropdown-tools"},e.createElement("div",{className:"stdropdown-tool"},e.createElement(m,null)))),p&&e.createElement("div",{className:"stdropdown-menu"},(E?r.filter((function(e){return e.name.toLowerCase().indexOf(E.toLowerCase())>=0||e.native.toLowerCase().indexOf(E.toLowerCase())>=0})):r).map((function(n){return e.createElement("div",{onClick:function(){return function(e){C(e),i(e)}(n)},key:n.code,className:"".concat("stdropdown-item"," ").concat(j(n)&&"selected")},l?n.native:n.name)}))))},h=function(){return e.createElement("svg",{height:"20",width:"20",viewBox:"0 0 20 20"},e.createElement("path",{d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"}))},v=function(a){var o=a.placeHolder,r=a.options,i=a.onChange,c=a.inputClassName,s=a.onTextChange,u=a.defaultValue,l=a.showFlag,f=void 0===l||l,d=t(a,["placeHolder","options","onChange","inputClassName","onTextChange","defaultValue","showFlag"]),m=e.useState(!1),p=m[0],v=m[1],g=e.useState(),C=g[0],w=g[1],E=e.useState(""),N=E[0],y=E[1],x=e.useRef(null),j=e.useRef(null);e.useEffect((function(){u&&w(u)}),[u]),e.useEffect((function(){y(""),p&&x.current&&x.current.focus()}),[p]),e.useEffect((function(){var e=function(e){j.current&&!j.current.contains(e.target)&&v(!1)};return window.addEventListener("click",e),function(){window.removeEventListener("click",e)}}));var b=function(e){return!!C&&C.id===e.id};return e.createElement("div",{className:"stdropdown-container"},e.createElement("div",{ref:j,onClick:function(){v(!0)},className:"stdropdown-input stsearch-box"},e.createElement("input",n({},d,{className:c,onChange:function(e){y(e.target.value),w(void 0),s&&s(e)},value:C?"".concat(f&&"emoji"in C?C.emoji:""," +").concat(C.phone_code):N||"",placeholder:o,ref:x})),e.createElement("div",{className:"stdropdown-tools"},e.createElement("div",{className:"stdropdown-tool"},e.createElement(h,null)))),p&&e.createElement("div",{className:"stdropdown-menu"},(N?r.filter((function(e){return e.name.toLowerCase().indexOf(N.toLowerCase())>=0||e.phone_code.indexOf(N)>=0||("+"+e.phone_code).indexOf(N)>=0})):r).map((function(n){return e.createElement("div",{onClick:function(){return function(e){w(e),i(e)}(n)},key:n.id,className:"".concat("stdropdown-item"," ").concat(b(n)&&"selected")},f&&e.createElement("span",{className:"stdropdown-flag"},"emoji"in n?n.emoji:""," "),"+",n.phone_code)}))))};exports.CitySelect=function(a){var o=a.containerClassName,r=a.inputClassName,i=a.onTextChange,c=a.defaultValue,s=a.onChange,u=a.countryid,f=a.stateid,m=a.placeHolder,p=a.src,h=t(a,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","countryid","stateid","placeHolder","src"]),v=e.useState([]),g=v[0],C=v[1];return e.useEffect((function(){u&&l(u,f,p).then((function(e){C(e)}))}),[u,f,p]),e.createElement(e.Fragment,null,e.createElement("div",{className:o,style:{position:"relative"}},e.createElement(d,n({},h,{placeHolder:m,options:g,onChange:function(e){s&&s(e)},onTextChange:i,defaultValue:c,inputClassName:r}))))},exports.CountrySelect=function(a){var o=a.containerClassName,r=a.inputClassName,s=a.onTextChange,u=a.defaultValue,l=a.onChange,f=a.placeHolder,m=a.showFlag,p=a.region,h=a.src,v=t(a,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","placeHolder","showFlag","region","src"]),g=e.useState([]),C=g[0],w=g[1];return e.useEffect((function(){p?i(p,h).then((function(e){w(e)})):c(h).then((function(e){w(e)}))}),[p,h]),e.createElement(e.Fragment,null,e.createElement("div",{className:o,style:{position:"relative"}},e.createElement(d,n({},v,{placeHolder:f,options:C,onChange:function(e){l&&l(e)},showFlag:m,onTextChange:s,defaultValue:u,inputClassName:r}))))},exports.GetCity=l,exports.GetCountries=c,exports.GetCountriesByRegion=i,exports.GetLanguages=s,exports.GetPhonecodes=function(e){return a(void 0,void 0,void 0,(function(){var n,t;return o(this,(function(a){switch(a.label){case 0:return n="https://venkatmcajj.github.io/react-country-state-city/data/countriesminified.json",e&&(n=e+"/countriesminified.json"),[4,fetch(n).then((function(e){return e.json()}))];case 1:return t=a.sent(),[2,t.map((function(e){return{id:e.id,name:e.name,phone_code:e.phone_code,region:e.region}}))]}}))}))},exports.GetPhonecodesByRegion=function(e,n){return a(void 0,void 0,void 0,(function(){var t,a,r;return o(this,(function(o){switch(o.label){case 0:return t="https://venkatmcajj.github.io/react-country-state-city/data/countriesminified.json",n&&(t=n+"/countriesminified.json"),[4,fetch(t).then((function(e){return e.json()}))];case 1:return a=o.sent(),r=a,e&&(r=r.filter((function(n){return n.region===e}))),[2,r.map((function(e){return{id:e.id,name:e.name,phone_code:e.phone_code,region:e.region}}))]}}))}))},exports.GetRegions=r,exports.GetState=u,exports.LanguageSelect=function(a){var o=a.containerClassName,r=a.inputClassName,i=a.onTextChange,c=a.defaultValue,u=a.onChange,l=a.placeHolder,f=a.displayNative,d=a.src,m=t(a,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","placeHolder","displayNative","src"]),h=e.useState([]),v=h[0],g=h[1];return e.useEffect((function(){s(d).then((function(e){g(e)}))}),[d]),e.createElement(e.Fragment,null,e.createElement("div",{className:o,style:{position:"relative"}},e.createElement(p,n({},m,{placeHolder:l,options:v,onChange:function(e){u&&u(e)},displayNative:f,onTextChange:i,defaultValue:c,inputClassName:r}))))},exports.PhonecodeSelect=function(a){var o=a.containerClassName,r=a.inputClassName,s=a.onTextChange,u=a.defaultValue,l=a.onChange,f=a.placeHolder,d=a.showFlag,m=a.region,p=a.src,h=t(a,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","placeHolder","showFlag","region","src"]),g=e.useState([]),C=g[0],w=g[1];return e.useEffect((function(){m?i(m,p).then((function(e){w(e)})):c(p).then((function(e){w(e)}))}),[m,p]),e.createElement(e.Fragment,null,e.createElement("div",{className:o,style:{position:"relative"}},e.createElement(v,n({},h,{placeHolder:f,options:C,onChange:function(e){l&&l(e)},showFlag:d,onTextChange:s,defaultValue:u,inputClassName:r}))))},exports.RegionSelect=function(a){var o=a.containerClassName,i=a.inputClassName,c=a.onTextChange,s=a.defaultValue,u=a.onChange,l=a.placeHolder,f=a.src,m=t(a,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","placeHolder","src"]),p=e.useState([]),h=p[0],v=p[1];return e.useEffect((function(){r(f).then((function(e){v(e)}))}),[f]),e.createElement(e.Fragment,null,e.createElement("div",{className:o,style:{position:"relative"}},e.createElement(d,n({},m,{placeHolder:l,options:h,onChange:function(e){u&&u(e)},onTextChange:c,defaultValue:s,inputClassName:i}))))},exports.StateSelect=function(a){var o=a.containerClassName,r=a.inputClassName,i=a.onTextChange,c=a.defaultValue,s=a.onChange,l=a.countryid,f=a.placeHolder,m=a.src,p=t(a,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","countryid","placeHolder","src"]),h=e.useState([]),v=h[0],g=h[1];return e.useEffect((function(){l&&u(l,m).then((function(e){g(e)}))}),[l,m]),e.createElement(e.Fragment,null,e.createElement("div",{className:o,style:{position:"relative"}},e.createElement(d,n({},p,{placeHolder:f,options:v,onChange:function(e){s&&s(e)},onTextChange:i,defaultValue:c,inputClassName:r}))))};
 //# sourceMappingURL=index.js.map

dist/cjs/index.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.js","sources":["../../src/utils/index.ts","../../src/components/Dropdown.tsx","../../src/components/LanguageDropdown.tsx","../../src/components/CitySelect.tsx","../../src/components/CountrySelect.tsx","../../src/components/LanguageSelect.tsx","../../src/components/RegionSelect.tsx","../../src/components/StateSelect.tsx"],"sourcesContent":["import {\n  City,\n  Country,\n  CountryState,\n  CountryStateCity,\n  Language,\n  Region,\n  State,\n} from \"../types\";\n\nexport const GetRegions = async (): Promise<Region[] | []> => {\n  const regions = await fetch(\n    \"https://venkatmcajj.github.io/react-country-state-city/data/regionsminified.json\"\n  ).then((res) => res.json());\n  return regions as Array<Region>;\n};\nexport const GetCountries = async (\n  _region?: string\n): Promise<Country[] | []> => {\n  const countries = await fetch(\n    \"https://venkatmcajj.github.io/react-country-state-city/data/countriesminified.json\"\n  ).then((res) => res.json());\n  let filtered = countries as Array<Country>;\n  if (_region) {\n    filtered = filtered.filter((country: Country) => {\n      return country.region === _region;\n    });\n  }\n  return filtered;\n};\n\nexport const GetLanguages = async (): Promise<Language[] | []> => {\n  const countries = await fetch(\n    \"https://venkatmcajj.github.io/react-country-state-city/data/languagesminified.json\"\n  ).then((res) => res.json());\n  return countries as Array<Language>;\n};\n\nexport const GetState = async (id: number): Promise<Array<State> | []> => {\n  const states = await fetch(\n    \"https://venkatmcajj.github.io/react-country-state-city/data/statesminified.json\"\n  ).then((res) => res.json());\n  const record = states as Array<CountryState>;\n  const statesone = record.find((e: CountryState) => e.id === id);\n  const state = statesone && statesone.states ? statesone.states : [];\n  return state;\n};\n\nexport const GetCity = async (\n  countryid: number,\n  stateid: number\n): Promise<Array<City> | []> => {\n  const cities = await fetch(\n    \"https://venkatmcajj.github.io/react-country-state-city/data/citiesminified.json\"\n  ).then((res) => res.json());\n  const record = cities as Array<CountryStateCity>;\n  const countries = record.find((e: CountryStateCity) => e.id === countryid);\n  if (countries) {\n    const states = countries && countries.states ? countries.states : [];\n    const city = states.find((e) => e.id === stateid);\n    return city && city.cities ? city.cities : [];\n  } else {\n    return [];\n  }\n};\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { City, Country, Region, State } from \"../types\";\nconst Icon = () => {\n  return (\n    <svg height=\"20\" width=\"20\" viewBox=\"0 0 20 20\">\n      <path d=\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\"></path>\n    </svg>\n  );\n};\n\ntype ComponentProps = InputHTMLAttributes<HTMLInputElement> & {\n  placeHolder?: string;\n  options: Array<Region | Country | State | City>;\n  inputClassName?: string;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  defaultValue?: Region | Country | State | City;\n  onChange: (e: Region | Country | State | City) => void;\n  showFlag?: boolean;\n};\nconst Dropdown = ({\n  placeHolder,\n  options,\n  onChange,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  showFlag = true,\n  ...props\n}: ComponentProps) => {\n  const [showMenu, setShowMenu] = useState(false);\n  const [selectedValue, setSelectedValue] = useState<\n    Region | Country | State | City\n  >();\n  const [searchValue, setSearchValue] = useState(\"\");\n  const searchRef = useRef<HTMLInputElement>(null);\n  const inputRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (defaultValue) setSelectedValue(defaultValue);\n  }, [defaultValue]);\n  useEffect(() => {\n    setSearchValue(\"\");\n    if (showMenu && searchRef.current) {\n      searchRef.current.focus();\n    }\n  }, [showMenu]);\n\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (inputRef.current && !inputRef.current.contains(e.target as Element)) {\n        setShowMenu(false);\n      }\n    };\n\n    window.addEventListener(\"click\", handler);\n    return () => {\n      window.removeEventListener(\"click\", handler);\n    };\n  });\n  const handleInputClick = () => {\n    setShowMenu(true);\n  };\n\n  const getDisplay = () => {\n    if (!selectedValue) {\n      return searchValue ? searchValue : \"\";\n    }\n    return `${\n      showFlag && \"emoji\" in selectedValue ? selectedValue.emoji : \"\"\n    } ${selectedValue.name}`;\n  };\n\n  const onItemClick = (option: Region | Country | State | City) => {\n    setSelectedValue(option);\n    onChange(option);\n  };\n\n  const isSelected = (option: Region | Country | State | City) => {\n    if (!selectedValue) {\n      return false;\n    }\n    return selectedValue.id === option.id;\n  };\n\n  const onSearch = (e: ChangeEvent<HTMLInputElement>) => {\n    setSearchValue(e.target.value);\n    setSelectedValue(undefined);\n    if (onTextChange) {\n      onTextChange(e);\n    }\n  };\n\n  const getOptions = () => {\n    if (!searchValue) {\n      return options;\n    }\n    return options.filter(\n      (option) =>\n        option.name.toLowerCase().indexOf(searchValue.toLowerCase()) >= 0\n    );\n  };\n\n  return (\n    <div className={\"stdropdown-container\"}>\n      <div\n        ref={inputRef}\n        onClick={handleInputClick}\n        className={\"stdropdown-input stsearch-box\"}\n      >\n        <input\n          {...props}\n          className={inputClassName}\n          onChange={onSearch}\n          value={getDisplay()}\n          placeholder={placeHolder}\n          ref={searchRef}\n        />\n        <div className={\"stdropdown-tools\"}>\n          <div className={\"stdropdown-tool\"}>\n            <Icon />\n          </div>\n        </div>\n      </div>\n      {showMenu && (\n        <div className={\"stdropdown-menu\"}>\n          {getOptions().map((option) => (\n            <div\n              onClick={() => onItemClick(option)}\n              key={option.id}\n              className={`${\"stdropdown-item\"} ${\n                isSelected(option) && \"selected\"\n              }`}\n            >\n              {showFlag && <span>{\"emoji\" in option ? option.emoji : \"\"}</span>}\n              {option.name}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Dropdown;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { Language } from \"../types\";\nconst Icon = () => {\n  return (\n    <svg height=\"20\" width=\"20\" viewBox=\"0 0 20 20\">\n      <path d=\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\"></path>\n    </svg>\n  );\n};\n\ntype ComponentProps = InputHTMLAttributes<HTMLInputElement> & {\n  placeHolder?: string;\n  options: Array<Language>;\n  inputClassName?: string;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  defaultValue?: Language;\n  onChange: (e: Language) => void;\n  displayNative?: boolean;\n};\nconst LanguageDropdown = ({\n  placeHolder,\n  options,\n  onChange,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  displayNative,\n  ...props\n}: ComponentProps) => {\n  const [showMenu, setShowMenu] = useState(false);\n  const [selectedValue, setSelectedValue] = useState<Language>();\n  const [searchValue, setSearchValue] = useState(\"\");\n  const searchRef = useRef<HTMLInputElement>(null);\n  const inputRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (defaultValue) setSelectedValue(defaultValue);\n  }, [defaultValue]);\n  useEffect(() => {\n    setSearchValue(\"\");\n    if (showMenu && searchRef.current) {\n      searchRef.current.focus();\n    }\n  }, [showMenu]);\n\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (inputRef.current && !inputRef.current.contains(e.target as Element)) {\n        setShowMenu(false);\n      }\n    };\n\n    window.addEventListener(\"click\", handler);\n    return () => {\n      window.removeEventListener(\"click\", handler);\n    };\n  });\n  const handleInputClick = () => {\n    setShowMenu(true);\n  };\n\n  const getDisplay = () => {\n    if (!selectedValue) {\n      return searchValue ? searchValue : \"\";\n    }\n    return `${displayNative ? selectedValue.native : selectedValue.name}`;\n  };\n\n  const onItemClick = (option: Language) => {\n    setSelectedValue(option);\n    onChange(option);\n  };\n\n  const isSelected = (option: Language) => {\n    if (!selectedValue) {\n      return false;\n    }\n    return selectedValue.code === option.code;\n  };\n\n  const onSearch = (e: ChangeEvent<HTMLInputElement>) => {\n    setSearchValue(e.target.value);\n    setSelectedValue(undefined);\n    if (onTextChange) {\n      onTextChange(e);\n    }\n  };\n\n  const getOptions = () => {\n    if (!searchValue) {\n      return options;\n    }\n    return options.filter(\n      (option) =>\n        option.name.toLowerCase().indexOf(searchValue.toLowerCase()) >= 0\n    );\n  };\n\n  return (\n    <div className={\"stdropdown-container\"}>\n      <div\n        ref={inputRef}\n        onClick={handleInputClick}\n        className={\"stdropdown-input stsearch-box\"}\n      >\n        <input\n          {...props}\n          className={inputClassName}\n          onChange={onSearch}\n          value={getDisplay()}\n          placeholder={placeHolder}\n          ref={searchRef}\n        />\n        <div className={\"stdropdown-tools\"}>\n          <div className={\"stdropdown-tool\"}>\n            <Icon />\n          </div>\n        </div>\n      </div>\n      {showMenu && (\n        <div className={\"stdropdown-menu\"}>\n          {getOptions().map((option) => (\n            <div\n              onClick={() => onItemClick(option)}\n              key={option.code}\n              className={`${\"stdropdown-item\"} ${\n                isSelected(option) && \"selected\"\n              }`}\n            >\n              {displayNative ? option.native : option.name}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default LanguageDropdown;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { City } from \"../types\";\nimport { GetCity } from \"../utils\";\nimport Dropdown from \"./Dropdown\";\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: City) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  defaultValue?: City;\n  countryid: number;\n  stateid: number;\n  placeHolder?: string;\n};\n\nconst CitySelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  countryid,\n  stateid,\n  placeHolder,\n  ...props\n}: PageProps) => {\n  const [cities, setCities] = useState<City[]>([]);\n  useEffect(() => {\n    if (countryid) {\n      GetCity(countryid, stateid).then((data) => {\n        setCities(data);\n      });\n    }\n  }, [countryid, stateid]);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <Dropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={cities}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as City);\n            }\n          }}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default CitySelect;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { Country } from \"../types\";\nimport { GetCountries } from \"../utils\";\nimport Dropdown from \"./Dropdown\";\n\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  defaultValue?: Country;\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: Country) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  placeHolder?: string;\n  showFlag?: boolean;\n  region?: string;\n};\nconst CountrySelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  placeHolder,\n  showFlag,\n  region,\n  ...props\n}: PageProps) => {\n  const [countriesunfiltered, setCountries] = useState<Country[]>([]);\n  useEffect(() => {\n    GetCountries(region).then((data) => {\n      setCountries(data);\n    });\n  }, [region]);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <Dropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={countriesunfiltered}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as Country);\n            }\n          }}\n          showFlag={showFlag}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default CountrySelect;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { Language } from \"../types\";\nimport { GetLanguages } from \"../utils\";\nimport LanguageDropdown from \"./LanguageDropdown\";\n\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  defaultValue?: Language;\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: Language) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  placeHolder?: string;\n  displayNative?: boolean;\n};\nconst LanguageSelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  placeHolder,\n  displayNative,\n  ...props\n}: PageProps) => {\n  const [languagesunfiltered, setLanguages] = useState<Language[]>([]);\n  useEffect(() => {\n    GetLanguages().then((data) => {\n      setLanguages(data);\n    });\n  }, []);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <LanguageDropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={languagesunfiltered}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as Language);\n            }\n          }}\n          displayNative={displayNative}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default LanguageSelect;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { Region } from \"../types\";\nimport { GetRegions } from \"../utils\";\nimport Dropdown from \"./Dropdown\";\n\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  defaultValue?: Region;\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: Region) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  placeHolder?: string;\n};\nconst RegionSelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  placeHolder,\n  ...props\n}: PageProps) => {\n  const [regionsunfiltered, setRegions] = useState<Region[]>([]);\n  useEffect(() => {\n    GetRegions().then((data) => {\n      setRegions(data);\n    });\n  }, []);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <Dropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={regionsunfiltered}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as Region);\n            }\n          }}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default RegionSelect;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { State } from \"../types\";\nimport { GetState } from \"../utils\";\nimport Dropdown from \"./Dropdown\";\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: State) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  defaultValue?: State;\n  countryid: number;\n  placeHolder?: string;\n};\n\nconst StateSelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  countryid,\n  placeHolder,\n  ...props\n}: PageProps) => {\n  const [states, setStates] = useState<State[]>([]);\n  useEffect(() => {\n    if (countryid) {\n      GetState(countryid).then((data) => {\n        setStates(data);\n      });\n    }\n  }, [countryid]);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <Dropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={states}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as State);\n            }\n          }}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default StateSelect;\n"],"names":["GetRegions","__awaiter","fetch","then","res","json","_a","sent","GetCountries","_region","countries","filtered","filter","country","region","GetLanguages","GetState","id","states","statesone","find","e","GetCity","countryid","stateid","cities","city","Icon","React","createElement","height","width","viewBox","d","Dropdown","placeHolder","options","onChange","inputClassName","onTextChange","defaultValue","_b","showFlag","props","__rest","_c","useState","showMenu","setShowMenu","_d","selectedValue","setSelectedValue","_e","searchValue","setSearchValue","searchRef","useRef","inputRef","useEffect","current","focus","handler","contains","target","window","addEventListener","removeEventListener","isSelected","option","className","ref","onClick","__assign","value","undefined","concat","emoji","name","placeholder","toLowerCase","indexOf","map","onItemClick","key","LanguageDropdown","displayNative","code","native","containerClassName","setCities","data","Fragment","style","position","countriesunfiltered","setCountries","languagesunfiltered","setLanguages","regionsunfiltered","setRegions","setStates"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/utils/index.ts","../../src/components/Dropdown.tsx","../../src/components/LanguageDropdown.tsx","../../src/components/PhonecodeDropdown.tsx","../../src/components/CitySelect.tsx","../../src/components/CountrySelect.tsx","../../src/components/LanguageSelect.tsx","../../src/components/PhonecodeSelect.tsx","../../src/components/RegionSelect.tsx","../../src/components/StateSelect.tsx"],"sourcesContent":["import {\n  City,\n  Country,\n  CountryState,\n  CountryStateCity,\n  Language,\n  Phonecodes,\n  Region,\n  State,\n} from \"../types\";\n\nexport const GetRegions = async (src?: string): Promise<Region[] | []> => {\n  let url =\n    \"https://venkatmcajj.github.io/react-country-state-city/data/regionsminified.json\";\n  if (src) url = src + \"/regionsminified.json\";\n  const regions = await fetch(url).then((res) => res.json());\n  return regions as Array<Region>;\n};\nexport const GetPhonecodesByRegion = async (\n  _region: string,\n  src?: string\n): Promise<Phonecodes[] | []> => {\n  let url =\n    \"https://venkatmcajj.github.io/react-country-state-city/data/countriesminified.json\";\n  if (src) url = src + \"/countriesminified.json\";\n  const countries = await fetch(url).then((res) => res.json());\n  let filtered = countries as Array<Phonecodes>;\n  if (_region) {\n    filtered = filtered.filter((country: Phonecodes) => {\n      return country.region === _region;\n    });\n  }\n  return filtered.map((item) => {\n    return {\n      id: item.id,\n      name: item.name,\n      phone_code: item.phone_code,\n      region: item.region,\n    };\n  });\n};\nexport const GetPhonecodes = async (\n  src?: string\n): Promise<Phonecodes[] | []> => {\n  let url =\n    \"https://venkatmcajj.github.io/react-country-state-city/data/countriesminified.json\";\n  if (src) url = src + \"/countriesminified.json\";\n  const countries = await fetch(url).then((res) => res.json());\n  const filtered = countries as Array<Phonecodes>;\n  return filtered.map((item) => {\n    return {\n      id: item.id,\n      name: item.name,\n      phone_code: item.phone_code,\n      region: item.region,\n    };\n  });\n};\nexport const GetCountriesByRegion = async (\n  _region: string,\n  src?: string\n): Promise<Country[] | []> => {\n  let url =\n    \"https://venkatmcajj.github.io/react-country-state-city/data/countriesminified.json\";\n  if (src) url = src + \"/countriesminified.json\";\n  const countries = await fetch(url).then((res) => res.json());\n  let filtered = countries as Array<Country>;\n  if (_region) {\n    filtered = filtered.filter((country: Country) => {\n      return country.region === _region;\n    });\n  }\n  return filtered;\n};\nexport const GetCountries = async (src?: string): Promise<Country[] | []> => {\n  let url =\n    \"https://venkatmcajj.github.io/react-country-state-city/data/countriesminified.json\";\n  if (src) url = src + \"/countriesminified.json\";\n  const countries = await fetch(url).then((res) => res.json());\n  return countries as Array<Country>;\n};\n\nexport const GetLanguages = async (src?: string): Promise<Language[] | []> => {\n  let url =\n    \"https://venkatmcajj.github.io/react-country-state-city/data/languagesminified.json\";\n  if (src) url = src + \"/languagesminified.json\";\n  const languages = await fetch(url).then((res) => res.json());\n  return languages as Array<Language>;\n};\n\nexport const GetState = async (\n  id: number,\n  src?: string\n): Promise<Array<State> | []> => {\n  let url =\n    \"https://venkatmcajj.github.io/react-country-state-city/data/statesminified.json\";\n  if (src) url = src + \"/languagesminified.json\";\n  const states = await fetch(url).then((res) => res.json());\n  const record = states as Array<CountryState>;\n  const statesone = record.find((e: CountryState) => e.id === id);\n  const state = statesone && statesone.states ? statesone.states : [];\n  return state;\n};\n\nexport const GetCity = async (\n  countryid: number,\n  stateid: number,\n  src?: string\n): Promise<Array<City> | []> => {\n  let url =\n    \"https://venkatmcajj.github.io/react-country-state-city/data/citiesminified.json\";\n  if (src) url = src + \"/citiesminified.json\";\n  const cities = await fetch(url).then((res) => res.json());\n  const record = cities as Array<CountryStateCity>;\n  const countries = record.find((e: CountryStateCity) => e.id === countryid);\n  if (countries) {\n    const states = countries && countries.states ? countries.states : [];\n    const city = states.find((e) => e.id === stateid);\n    return city && city.cities ? city.cities : [];\n  } else {\n    return [];\n  }\n};\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { City, Country, Region, State } from \"../types\";\nconst Icon = () => {\n  return (\n    <svg height=\"20\" width=\"20\" viewBox=\"0 0 20 20\">\n      <path d=\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\"></path>\n    </svg>\n  );\n};\n\ntype ComponentProps = InputHTMLAttributes<HTMLInputElement> & {\n  placeHolder?: string;\n  options: Array<Region | Country | State | City>;\n  inputClassName?: string;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  defaultValue?: Region | Country | State | City;\n  onChange: (e: Region | Country | State | City) => void;\n  showFlag?: boolean;\n};\nconst Dropdown = ({\n  placeHolder,\n  options,\n  onChange,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  showFlag = true,\n  ...props\n}: ComponentProps) => {\n  const [showMenu, setShowMenu] = useState(false);\n  const [selectedValue, setSelectedValue] = useState<\n    Region | Country | State | City\n  >();\n  const [searchValue, setSearchValue] = useState(\"\");\n  const searchRef = useRef<HTMLInputElement>(null);\n  const inputRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (defaultValue) setSelectedValue(defaultValue);\n  }, [defaultValue]);\n  useEffect(() => {\n    setSearchValue(\"\");\n    if (showMenu && searchRef.current) {\n      searchRef.current.focus();\n    }\n  }, [showMenu]);\n\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (inputRef.current && !inputRef.current.contains(e.target as Element)) {\n        setShowMenu(false);\n      }\n    };\n\n    window.addEventListener(\"click\", handler);\n    return () => {\n      window.removeEventListener(\"click\", handler);\n    };\n  });\n  const handleInputClick = () => {\n    setShowMenu(true);\n  };\n\n  const getDisplay = () => {\n    if (!selectedValue) {\n      return searchValue ? searchValue : \"\";\n    }\n    return `${\n      showFlag && \"emoji\" in selectedValue ? selectedValue.emoji : \"\"\n    } ${selectedValue.name}`;\n  };\n\n  const onItemClick = (option: Region | Country | State | City) => {\n    setSelectedValue(option);\n    onChange(option);\n  };\n\n  const isSelected = (option: Region | Country | State | City) => {\n    if (!selectedValue) {\n      return false;\n    }\n    return selectedValue.id === option.id;\n  };\n\n  const onSearch = (e: ChangeEvent<HTMLInputElement>) => {\n    setSearchValue(e.target.value);\n    setSelectedValue(undefined);\n    if (onTextChange) {\n      onTextChange(e);\n    }\n  };\n\n  const getOptions = () => {\n    if (!searchValue) {\n      return options;\n    }\n    return options.filter(\n      (option) =>\n        option.name.toLowerCase().indexOf(searchValue.toLowerCase()) >= 0\n    );\n  };\n\n  return (\n    <div className={\"stdropdown-container\"}>\n      <div\n        ref={inputRef}\n        onClick={handleInputClick}\n        className={\"stdropdown-input stsearch-box\"}\n      >\n        <input\n          {...props}\n          className={inputClassName}\n          onChange={onSearch}\n          value={getDisplay()}\n          placeholder={placeHolder}\n          ref={searchRef}\n        />\n        <div className={\"stdropdown-tools\"}>\n          <div className={\"stdropdown-tool\"}>\n            <Icon />\n          </div>\n        </div>\n      </div>\n      {showMenu && (\n        <div className={\"stdropdown-menu\"}>\n          {getOptions().map((option) => (\n            <div\n              onClick={() => onItemClick(option)}\n              key={option.id}\n              className={`${\"stdropdown-item\"} ${\n                isSelected(option) && \"selected\"\n              }`}\n            >\n              {showFlag && (\n                <span className=\"stdropdown-flag\">\n                  {\"emoji\" in option ? option.emoji : \"\"}{\" \"}\n                </span>\n              )}\n              {option.name}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Dropdown;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { Language } from \"../types\";\nconst Icon = () => {\n  return (\n    <svg height=\"20\" width=\"20\" viewBox=\"0 0 20 20\">\n      <path d=\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\"></path>\n    </svg>\n  );\n};\n\ntype ComponentProps = InputHTMLAttributes<HTMLInputElement> & {\n  placeHolder?: string;\n  options: Array<Language>;\n  inputClassName?: string;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  defaultValue?: Language;\n  onChange: (e: Language) => void;\n  displayNative?: boolean;\n};\nconst LanguageDropdown = ({\n  placeHolder,\n  options,\n  onChange,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  displayNative,\n  ...props\n}: ComponentProps) => {\n  const [showMenu, setShowMenu] = useState(false);\n  const [selectedValue, setSelectedValue] = useState<Language>();\n  const [searchValue, setSearchValue] = useState(\"\");\n  const searchRef = useRef<HTMLInputElement>(null);\n  const inputRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (defaultValue) setSelectedValue(defaultValue);\n  }, [defaultValue]);\n  useEffect(() => {\n    setSearchValue(\"\");\n    if (showMenu && searchRef.current) {\n      searchRef.current.focus();\n    }\n  }, [showMenu]);\n\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (inputRef.current && !inputRef.current.contains(e.target as Element)) {\n        setShowMenu(false);\n      }\n    };\n\n    window.addEventListener(\"click\", handler);\n    return () => {\n      window.removeEventListener(\"click\", handler);\n    };\n  });\n  const handleInputClick = () => {\n    setShowMenu(true);\n  };\n\n  const getDisplay = () => {\n    if (!selectedValue) {\n      return searchValue ? searchValue : \"\";\n    }\n    return `${displayNative ? selectedValue.native : selectedValue.name}`;\n  };\n\n  const onItemClick = (option: Language) => {\n    setSelectedValue(option);\n    onChange(option);\n  };\n\n  const isSelected = (option: Language) => {\n    if (!selectedValue) {\n      return false;\n    }\n    return selectedValue.code === option.code;\n  };\n\n  const onSearch = (e: ChangeEvent<HTMLInputElement>) => {\n    setSearchValue(e.target.value);\n    setSelectedValue(undefined);\n    if (onTextChange) {\n      onTextChange(e);\n    }\n  };\n\n  const getOptions = () => {\n    if (!searchValue) {\n      return options;\n    }\n    return options.filter(\n      (option) =>\n        option.name.toLowerCase().indexOf(searchValue.toLowerCase()) >= 0 ||\n        option.native.toLowerCase().indexOf(searchValue.toLowerCase()) >= 0\n    );\n  };\n\n  return (\n    <div className={\"stdropdown-container\"}>\n      <div\n        ref={inputRef}\n        onClick={handleInputClick}\n        className={\"stdropdown-input stsearch-box\"}\n      >\n        <input\n          {...props}\n          className={inputClassName}\n          onChange={onSearch}\n          value={getDisplay()}\n          placeholder={placeHolder}\n          ref={searchRef}\n        />\n        <div className={\"stdropdown-tools\"}>\n          <div className={\"stdropdown-tool\"}>\n            <Icon />\n          </div>\n        </div>\n      </div>\n      {showMenu && (\n        <div className={\"stdropdown-menu\"}>\n          {getOptions().map((option) => (\n            <div\n              onClick={() => onItemClick(option)}\n              key={option.code}\n              className={`${\"stdropdown-item\"} ${\n                isSelected(option) && \"selected\"\n              }`}\n            >\n              {displayNative ? option.native : option.name}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default LanguageDropdown;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { Country } from \"../types\";\nconst Icon = () => {\n  return (\n    <svg height=\"20\" width=\"20\" viewBox=\"0 0 20 20\">\n      <path d=\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\"></path>\n    </svg>\n  );\n};\n\ntype ComponentProps = InputHTMLAttributes<HTMLInputElement> & {\n  placeHolder?: string;\n  options: Array<Country>;\n  inputClassName?: string;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  defaultValue?: Country;\n  onChange: (e: Country) => void;\n  showFlag?: boolean;\n};\nconst PhonecodeDropdown = ({\n  placeHolder,\n  options,\n  onChange,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  showFlag = true,\n  ...props\n}: ComponentProps) => {\n  const [showMenu, setShowMenu] = useState(false);\n  const [selectedValue, setSelectedValue] = useState<Country>();\n  const [searchValue, setSearchValue] = useState(\"\");\n  const searchRef = useRef<HTMLInputElement>(null);\n  const inputRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (defaultValue) setSelectedValue(defaultValue);\n  }, [defaultValue]);\n  useEffect(() => {\n    setSearchValue(\"\");\n    if (showMenu && searchRef.current) {\n      searchRef.current.focus();\n    }\n  }, [showMenu]);\n\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (inputRef.current && !inputRef.current.contains(e.target as Element)) {\n        setShowMenu(false);\n      }\n    };\n\n    window.addEventListener(\"click\", handler);\n    return () => {\n      window.removeEventListener(\"click\", handler);\n    };\n  });\n  const handleInputClick = () => {\n    setShowMenu(true);\n  };\n\n  const getDisplay = () => {\n    if (!selectedValue) {\n      return searchValue ? searchValue : \"\";\n    }\n    return `${\n      showFlag && \"emoji\" in selectedValue ? selectedValue.emoji : \"\"\n    } +${selectedValue.phone_code}`;\n  };\n\n  const onItemClick = (option: Country) => {\n    setSelectedValue(option);\n    onChange(option);\n  };\n\n  const isSelected = (option: Country) => {\n    if (!selectedValue) {\n      return false;\n    }\n    return selectedValue.id === option.id;\n  };\n\n  const onSearch = (e: ChangeEvent<HTMLInputElement>) => {\n    setSearchValue(e.target.value);\n    setSelectedValue(undefined);\n    if (onTextChange) {\n      onTextChange(e);\n    }\n  };\n\n  const getOptions = () => {\n    if (!searchValue) {\n      return options;\n    }\n    return options.filter(\n      (option) =>\n        option.name.toLowerCase().indexOf(searchValue.toLowerCase()) >= 0 ||\n        option.phone_code.indexOf(searchValue) >= 0 ||\n        (\"+\" + option.phone_code).indexOf(searchValue) >= 0\n    );\n  };\n\n  return (\n    <div className={\"stdropdown-container\"}>\n      <div\n        ref={inputRef}\n        onClick={handleInputClick}\n        className={\"stdropdown-input stsearch-box\"}\n      >\n        <input\n          {...props}\n          className={inputClassName}\n          onChange={onSearch}\n          value={getDisplay()}\n          placeholder={placeHolder}\n          ref={searchRef}\n        />\n        <div className={\"stdropdown-tools\"}>\n          <div className={\"stdropdown-tool\"}>\n            <Icon />\n          </div>\n        </div>\n      </div>\n      {showMenu && (\n        <div className={\"stdropdown-menu\"}>\n          {getOptions().map((option) => (\n            <div\n              onClick={() => onItemClick(option)}\n              key={option.id}\n              className={`${\"stdropdown-item\"} ${\n                isSelected(option) && \"selected\"\n              }`}\n            >\n              {showFlag && (\n                <span className=\"stdropdown-flag\">\n                  {\"emoji\" in option ? option.emoji : \"\"}{\" \"}\n                </span>\n              )}\n              +{option.phone_code}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default PhonecodeDropdown;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { City } from \"../types\";\nimport { GetCity } from \"../utils\";\nimport Dropdown from \"./Dropdown\";\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: City) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  defaultValue?: City;\n  countryid: number;\n  stateid: number;\n  placeHolder?: string;\n  src?: string;\n};\n\nconst CitySelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  countryid,\n  stateid,\n  placeHolder,\n  src,\n  ...props\n}: PageProps) => {\n  const [cities, setCities] = useState<City[]>([]);\n  useEffect(() => {\n    if (countryid) {\n      GetCity(countryid, stateid, src).then((data) => {\n        setCities(data);\n      });\n    }\n  }, [countryid, stateid, src]);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <Dropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={cities}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as City);\n            }\n          }}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default CitySelect;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { Country } from \"../types\";\nimport { GetCountries, GetCountriesByRegion } from \"../utils\";\nimport Dropdown from \"./Dropdown\";\n\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  defaultValue?: Country;\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: Country) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  placeHolder?: string;\n  showFlag?: boolean;\n  region?: string;\n  src?: string;\n};\nconst CountrySelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  placeHolder,\n  showFlag,\n  region,\n  src,\n  ...props\n}: PageProps) => {\n  const [countriesunfiltered, setCountries] = useState<Country[]>([]);\n  useEffect(() => {\n    if (region)\n      GetCountriesByRegion(region, src).then((data) => {\n        setCountries(data);\n      });\n    else\n      GetCountries(src).then((data) => {\n        setCountries(data);\n      });\n  }, [region, src]);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <Dropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={countriesunfiltered}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as Country);\n            }\n          }}\n          showFlag={showFlag}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default CountrySelect;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { Language } from \"../types\";\nimport { GetLanguages } from \"../utils\";\nimport LanguageDropdown from \"./LanguageDropdown\";\n\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  defaultValue?: Language;\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: Language) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  placeHolder?: string;\n  displayNative?: boolean;\n  src?: string;\n};\nconst LanguageSelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  placeHolder,\n  displayNative,\n  src,\n  ...props\n}: PageProps) => {\n  const [languagesunfiltered, setLanguages] = useState<Language[]>([]);\n  useEffect(() => {\n    GetLanguages(src).then((data) => {\n      setLanguages(data);\n    });\n  }, [src]);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <LanguageDropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={languagesunfiltered}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as Language);\n            }\n          }}\n          displayNative={displayNative}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default LanguageSelect;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { Country } from \"../types\";\nimport { GetCountries, GetCountriesByRegion } from \"../utils\";\nimport PhonecodeDropdown from \"./PhonecodeDropdown\";\n\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  defaultValue?: Country;\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: Country) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  placeHolder?: string;\n  showFlag?: boolean;\n  region?: string;\n  src?: string;\n};\nconst PhonecodeSelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  placeHolder,\n  showFlag,\n  region,\n  src,\n  ...props\n}: PageProps) => {\n  const [countriesunfiltered, setCountries] = useState<Country[]>([]);\n  useEffect(() => {\n    if (region)\n      GetCountriesByRegion(region, src).then((data) => {\n        setCountries(data);\n      });\n    else\n      GetCountries(src).then((data) => {\n        setCountries(data);\n      });\n  }, [region, src]);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <PhonecodeDropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={countriesunfiltered}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as Country);\n            }\n          }}\n          showFlag={showFlag}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default PhonecodeSelect;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { Region } from \"../types\";\nimport { GetRegions } from \"../utils\";\nimport Dropdown from \"./Dropdown\";\n\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  defaultValue?: Region;\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: Region) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  placeHolder?: string;\n  src?: string;\n};\nconst RegionSelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  placeHolder,\n  src,\n  ...props\n}: PageProps) => {\n  const [regionsunfiltered, setRegions] = useState<Region[]>([]);\n  useEffect(() => {\n    GetRegions(src).then((data) => {\n      setRegions(data);\n    });\n  }, [src]);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <Dropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={regionsunfiltered}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as Region);\n            }\n          }}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default RegionSelect;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { State } from \"../types\";\nimport { GetState } from \"../utils\";\nimport Dropdown from \"./Dropdown\";\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: State) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  defaultValue?: State;\n  countryid: number;\n  placeHolder?: string;\n  src?: string;\n};\n\nconst StateSelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  countryid,\n  placeHolder,\n  src,\n  ...props\n}: PageProps) => {\n  const [states, setStates] = useState<State[]>([]);\n  useEffect(() => {\n    if (countryid) {\n      GetState(countryid, src).then((data) => {\n        setStates(data);\n      });\n    }\n  }, [countryid, src]);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <Dropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={states}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as State);\n            }\n          }}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default StateSelect;\n"],"names":["GetRegions","src","__awaiter","url","fetch","then","res","json","_a","sent","GetCountriesByRegion","_region","countries","filtered","filter","country","region","GetCountries","GetLanguages","GetState","id","states","statesone","find","e","GetCity","countryid","stateid","cities","city","Icon","React","createElement","height","width","viewBox","d","Dropdown","placeHolder","options","onChange","inputClassName","onTextChange","defaultValue","_b","showFlag","props","__rest","_c","useState","showMenu","setShowMenu","_d","selectedValue","setSelectedValue","_e","searchValue","setSearchValue","searchRef","useRef","inputRef","useEffect","current","focus","handler","contains","target","window","addEventListener","removeEventListener","isSelected","option","className","ref","onClick","__assign","value","undefined","concat","emoji","name","placeholder","toLowerCase","indexOf","map","onItemClick","key","LanguageDropdown","displayNative","code","native","PhonecodeDropdown","phone_code","containerClassName","setCities","data","Fragment","style","position","countriesunfiltered","setCountries","item","languagesunfiltered","setLanguages","regionsunfiltered","setRegions","setStates"],"mappings":"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"}

dist/cjs/types/index.d.ts

@@ -7,3 +7,3 @@ export interface Country {
     numeric_code: string;
-    phone_code: number;
+    phone_code: string;
     capital: string;
@@ -22,2 +22,8 @@ currency: string;
 }
+export interface Phonecodes {
+    id: number;
+    name: string;
+    phone_code: string;
+    region: string;
+}
 export interface Region {
@@ -24,0 +30,0 @@ id: number;

dist/cjs/utils/index.d.ts

@@ -1,6 +0,9 @@
-import { City, Country, Language, Region, State } from "../types";
-export declare const GetRegions: () => Promise<Region[] | []>;
-export declare const GetCountries: (_region?: string) => Promise<Country[] | []>;
-export declare const GetLanguages: () => Promise<Language[] | []>;
-export declare const GetState: (id: number) => Promise<Array<State> | []>;
-export declare const GetCity: (countryid: number, stateid: number) => Promise<Array<City> | []>;
+import { City, Country, Language, Phonecodes, Region, State } from "../types";
+export declare const GetRegions: (src?: string) => Promise<Region[] | []>;
+export declare const GetPhonecodesByRegion: (_region: string, src?: string) => Promise<Phonecodes[] | []>;
+export declare const GetPhonecodes: (src?: string) => Promise<Phonecodes[] | []>;
+export declare const GetCountriesByRegion: (_region: string, src?: string) => Promise<Country[] | []>;
+export declare const GetCountries: (src?: string) => Promise<Country[] | []>;
+export declare const GetLanguages: (src?: string) => Promise<Language[] | []>;
+export declare const GetState: (id: number, src?: string) => Promise<Array<State> | []>;
+export declare const GetCity: (countryid: number, stateid: number, src?: string) => Promise<Array<City> | []>;

dist/esm/components/CitySelect.d.ts

@@ -12,4 +12,5 @@ import React, { ChangeEvent, InputHTMLAttributes } from "react";
     placeHolder?: string;
+    src?: string;
 };
-declare const CitySelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, countryid, stateid, placeHolder, ...props }: PageProps) => React.JSX.Element;
+declare const CitySelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, countryid, stateid, placeHolder, src, ...props }: PageProps) => React.JSX.Element;
 export default CitySelect;

dist/esm/components/CountrySelect.d.ts

@@ -12,4 +12,5 @@ import React, { ChangeEvent, InputHTMLAttributes } from "react";
     region?: string;
+    src?: string;
 };
-declare const CountrySelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, placeHolder, showFlag, region, ...props }: PageProps) => React.JSX.Element;
+declare const CountrySelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, placeHolder, showFlag, region, src, ...props }: PageProps) => React.JSX.Element;
 export default CountrySelect;

dist/esm/components/LanguageSelect.d.ts

@@ -11,4 +11,5 @@ import React, { ChangeEvent, InputHTMLAttributes } from "react";
     displayNative?: boolean;
+    src?: string;
 };
-declare const LanguageSelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, placeHolder, displayNative, ...props }: PageProps) => React.JSX.Element;
+declare const LanguageSelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, placeHolder, displayNative, src, ...props }: PageProps) => React.JSX.Element;
 export default LanguageSelect;

dist/esm/components/RegionSelect.d.ts

@@ -10,4 +10,5 @@ import React, { ChangeEvent, InputHTMLAttributes } from "react";
     placeHolder?: string;
+    src?: string;
 };
-declare const RegionSelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, placeHolder, ...props }: PageProps) => React.JSX.Element;
+declare const RegionSelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, placeHolder, src, ...props }: PageProps) => React.JSX.Element;
 export default RegionSelect;

dist/esm/components/StateSelect.d.ts

@@ -11,4 +11,5 @@ import React, { ChangeEvent, InputHTMLAttributes } from "react";
     placeHolder?: string;
+    src?: string;
 };
-declare const StateSelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, countryid, placeHolder, ...props }: PageProps) => React.JSX.Element;
+declare const StateSelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, countryid, placeHolder, src, ...props }: PageProps) => React.JSX.Element;
 export default StateSelect;

dist/esm/index.d.ts

@@ -6,4 +6,5 @@ import CountrySelect from "./components/CountrySelect";
 import RegionSelect from "./components/RegionSelect";
-import { GetCountries, GetState, GetCity, GetLanguages, GetRegions } from "./utils";
+import PhonecodeSelect from "./components/PhonecodeSelect";
+import { GetCountries, GetPhonecodesByRegion, GetState, GetCity, GetLanguages, GetRegions, GetPhonecodes, GetCountriesByRegion } from "./utils";
 import "./styles/style.scss";
-export { CountrySelect, StateSelect, CitySelect, LanguageSelect, RegionSelect, GetCountries, GetState, GetCity, GetLanguages, GetRegions, };
+export { CountrySelect, StateSelect, CitySelect, LanguageSelect, RegionSelect, PhonecodeSelect, GetCountries, GetCountriesByRegion, GetState, GetCity, GetLanguages, GetRegions, GetPhonecodes, GetPhonecodesByRegion, };

dist/esm/index.js

@@ -1,2 +0,2 @@
-import e,{useState as n,useRef as t,useEffect as a}from"react";var o=function(){return o=Object.assign||function(e){for(var n,t=1,a=arguments.length;t<a;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},o.apply(this,arguments)};function r(e,n){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&n.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(e);o<a.length;o++)n.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(t[a[o]]=e[a[o]])}return t}function i(e,n,t,a){return new(t||(t=Promise))((function(o,r){function i(e){try{l(a.next(e))}catch(e){r(e)}}function c(e){try{l(a.throw(e))}catch(e){r(e)}}function l(e){var n;e.done?o(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,c)}l((a=a.apply(e,n||[])).next())}))}function c(e,n){var t,a,o,r,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return r={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(r[Symbol.iterator]=function(){return this}),r;function c(c){return function(l){return function(c){if(t)throw new TypeError("Generator is already executing.");for(;r&&(r=0,c[0]&&(i=0)),i;)try{if(t=1,a&&(o=2&c[0]?a.return:c[0]?a.throw||((o=a.return)&&o.call(a),0):a.next)&&!(o=o.call(a,c[1])).done)return o;switch(a=0,o&&(c=[2&c[0],o.value]),c[0]){case 0:case 1:o=c;break;case 4:return i.label++,{value:c[1],done:!1};case 5:i.label++,a=c[1],c=[0];continue;case 7:c=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==c[0]&&2!==c[0])){i=0;continue}if(3===c[0]&&(!o||c[1]>o[0]&&c[1]<o[3])){i.label=c[1];break}if(6===c[0]&&i.label<o[1]){i.label=o[1],o=c;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(c);break}o[2]&&i.ops.pop(),i.trys.pop();continue}c=n.call(e,i)}catch(e){c=[6,e],a=0}finally{t=o=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}([c,l])}}}var l=function(){return i(void 0,void 0,void 0,(function(){return c(this,(function(e){switch(e.label){case 0:return[4,fetch("https://venkatmcajj.github.io/react-country-state-city/data/regionsminified.json").then((function(e){return e.json()}))];case 1:return[2,e.sent()]}}))}))},u=function(e){return i(void 0,void 0,void 0,(function(){var n,t;return c(this,(function(a){switch(a.label){case 0:return[4,fetch("https://venkatmcajj.github.io/react-country-state-city/data/countriesminified.json").then((function(e){return e.json()}))];case 1:return n=a.sent(),t=n,e&&(t=t.filter((function(n){return n.region===e}))),[2,t]}}))}))},s=function(){return i(void 0,void 0,void 0,(function(){return c(this,(function(e){switch(e.label){case 0:return[4,fetch("https://venkatmcajj.github.io/react-country-state-city/data/languagesminified.json").then((function(e){return e.json()}))];case 1:return[2,e.sent()]}}))}))},d=function(e){return i(void 0,void 0,void 0,(function(){var n,t;return c(this,(function(a){switch(a.label){case 0:return[4,fetch("https://venkatmcajj.github.io/react-country-state-city/data/statesminified.json").then((function(e){return e.json()}))];case 1:return n=a.sent(),t=n.find((function(n){return n.id===e})),[2,t&&t.states?t.states:[]]}}))}))},f=function(e,n){return i(void 0,void 0,void 0,(function(){var t,a,o,r;return c(this,(function(i){switch(i.label){case 0:return[4,fetch("https://venkatmcajj.github.io/react-country-state-city/data/citiesminified.json").then((function(e){return e.json()}))];case 1:return t=i.sent(),(a=t.find((function(n){return n.id===e})))?(o=a&&a.states?a.states:[],[2,(r=o.find((function(e){return e.id===n})))&&r.cities?r.cities:[]]):[2,[]]}}))}))},m=function(){return e.createElement("svg",{height:"20",width:"20",viewBox:"0 0 20 20"},e.createElement("path",{d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"}))},p=function(i){var c=i.placeHolder,l=i.options,u=i.onChange,s=i.inputClassName,d=i.onTextChange,f=i.defaultValue,p=i.showFlag,h=void 0===p||p,v=r(i,["placeHolder","options","onChange","inputClassName","onTextChange","defaultValue","showFlag"]),g=n(!1),C=g[0],N=g[1],w=n(),y=w[0],E=w[1],b=n(""),x=b[0],j=b[1],T=t(null),k=t(null);a((function(){f&&E(f)}),[f]),a((function(){j(""),C&&T.current&&T.current.focus()}),[C]),a((function(){var e=function(e){k.current&&!k.current.contains(e.target)&&N(!1)};return window.addEventListener("click",e),function(){window.removeEventListener("click",e)}}));var H=function(e){return!!y&&y.id===e.id};return e.createElement("div",{className:"stdropdown-container"},e.createElement("div",{ref:k,onClick:function(){N(!0)},className:"stdropdown-input stsearch-box"},e.createElement("input",o({},v,{className:s,onChange:function(e){j(e.target.value),E(void 0),d&&d(e)},value:y?"".concat(h&&"emoji"in y?y.emoji:""," ").concat(y.name):x||"",placeholder:c,ref:T})),e.createElement("div",{className:"stdropdown-tools"},e.createElement("div",{className:"stdropdown-tool"},e.createElement(m,null)))),C&&e.createElement("div",{className:"stdropdown-menu"},(x?l.filter((function(e){return e.name.toLowerCase().indexOf(x.toLowerCase())>=0})):l).map((function(n){return e.createElement("div",{onClick:function(){return function(e){E(e),u(e)}(n)},key:n.id,className:"".concat("stdropdown-item"," ").concat(H(n)&&"selected")},h&&e.createElement("span",null,"emoji"in n?n.emoji:""),n.name)}))))},h=function(t){var i=t.containerClassName,c=t.inputClassName,l=t.onTextChange,s=t.defaultValue,d=t.onChange,f=t.placeHolder,m=t.showFlag,h=t.region,v=r(t,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","placeHolder","showFlag","region"]),g=n([]),C=g[0],N=g[1];return a((function(){u(h).then((function(e){N(e)}))}),[h]),e.createElement(e.Fragment,null,e.createElement("div",{className:i,style:{position:"relative"}},e.createElement(p,o({},v,{placeHolder:f,options:C,onChange:function(e){d&&d(e)},showFlag:m,onTextChange:l,defaultValue:s,inputClassName:c}))))},v=function(t){var i=t.containerClassName,c=t.inputClassName,l=t.onTextChange,u=t.defaultValue,s=t.onChange,f=t.countryid,m=t.placeHolder,h=r(t,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","countryid","placeHolder"]),v=n([]),g=v[0],C=v[1];return a((function(){f&&d(f).then((function(e){C(e)}))}),[f]),e.createElement(e.Fragment,null,e.createElement("div",{className:i,style:{position:"relative"}},e.createElement(p,o({},h,{placeHolder:m,options:g,onChange:function(e){s&&s(e)},onTextChange:l,defaultValue:u,inputClassName:c}))))},g=function(t){var i=t.containerClassName,c=t.inputClassName,l=t.onTextChange,u=t.defaultValue,s=t.onChange,d=t.countryid,m=t.stateid,h=t.placeHolder,v=r(t,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","countryid","stateid","placeHolder"]),g=n([]),C=g[0],N=g[1];return a((function(){d&&f(d,m).then((function(e){N(e)}))}),[d,m]),e.createElement(e.Fragment,null,e.createElement("div",{className:i,style:{position:"relative"}},e.createElement(p,o({},v,{placeHolder:h,options:C,onChange:function(e){s&&s(e)},onTextChange:l,defaultValue:u,inputClassName:c}))))},C=function(){return e.createElement("svg",{height:"20",width:"20",viewBox:"0 0 20 20"},e.createElement("path",{d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"}))},N=function(i){var c=i.placeHolder,l=i.options,u=i.onChange,s=i.inputClassName,d=i.onTextChange,f=i.defaultValue,m=i.displayNative,p=r(i,["placeHolder","options","onChange","inputClassName","onTextChange","defaultValue","displayNative"]),h=n(!1),v=h[0],g=h[1],N=n(),w=N[0],y=N[1],E=n(""),b=E[0],x=E[1],j=t(null),T=t(null);a((function(){f&&y(f)}),[f]),a((function(){x(""),v&&j.current&&j.current.focus()}),[v]),a((function(){var e=function(e){T.current&&!T.current.contains(e.target)&&g(!1)};return window.addEventListener("click",e),function(){window.removeEventListener("click",e)}}));var k=function(e){return!!w&&w.code===e.code};return e.createElement("div",{className:"stdropdown-container"},e.createElement("div",{ref:T,onClick:function(){g(!0)},className:"stdropdown-input stsearch-box"},e.createElement("input",o({},p,{className:s,onChange:function(e){x(e.target.value),y(void 0),d&&d(e)},value:w?"".concat(m?w.native:w.name):b||"",placeholder:c,ref:j})),e.createElement("div",{className:"stdropdown-tools"},e.createElement("div",{className:"stdropdown-tool"},e.createElement(C,null)))),v&&e.createElement("div",{className:"stdropdown-menu"},(b?l.filter((function(e){return e.name.toLowerCase().indexOf(b.toLowerCase())>=0})):l).map((function(n){return e.createElement("div",{onClick:function(){return function(e){y(e),u(e)}(n)},key:n.code,className:"".concat("stdropdown-item"," ").concat(k(n)&&"selected")},m?n.native:n.name)}))))},w=function(t){var i=t.containerClassName,c=t.inputClassName,l=t.onTextChange,u=t.defaultValue,d=t.onChange,f=t.placeHolder,m=t.displayNative,p=r(t,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","placeHolder","displayNative"]),h=n([]),v=h[0],g=h[1];return a((function(){s().then((function(e){g(e)}))}),[]),e.createElement(e.Fragment,null,e.createElement("div",{className:i,style:{position:"relative"}},e.createElement(N,o({},p,{placeHolder:f,options:v,onChange:function(e){d&&d(e)},displayNative:m,onTextChange:l,defaultValue:u,inputClassName:c}))))},y=function(t){var i=t.containerClassName,c=t.inputClassName,u=t.onTextChange,s=t.defaultValue,d=t.onChange,f=t.placeHolder,m=r(t,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","placeHolder"]),h=n([]),v=h[0],g=h[1];return a((function(){l().then((function(e){g(e)}))}),[]),e.createElement(e.Fragment,null,e.createElement("div",{className:i,style:{position:"relative"}},e.createElement(p,o({},m,{placeHolder:f,options:v,onChange:function(e){d&&d(e)},onTextChange:u,defaultValue:s,inputClassName:c}))))};export{g as CitySelect,h as CountrySelect,f as GetCity,u as GetCountries,s as GetLanguages,l as GetRegions,d as GetState,w as LanguageSelect,y as RegionSelect,v as StateSelect};
+import e,{useState as n,useRef as t,useEffect as a}from"react";var o=function(){return o=Object.assign||function(e){for(var n,t=1,a=arguments.length;t<a;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},o.apply(this,arguments)};function r(e,n){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&n.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(e);o<a.length;o++)n.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(t[a[o]]=e[a[o]])}return t}function i(e,n,t,a){return new(t||(t=Promise))((function(o,r){function i(e){try{s(a.next(e))}catch(e){r(e)}}function c(e){try{s(a.throw(e))}catch(e){r(e)}}function s(e){var n;e.done?o(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(i,c)}s((a=a.apply(e,n||[])).next())}))}function c(e,n){var t,a,o,r,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return r={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(r[Symbol.iterator]=function(){return this}),r;function c(c){return function(s){return function(c){if(t)throw new TypeError("Generator is already executing.");for(;r&&(r=0,c[0]&&(i=0)),i;)try{if(t=1,a&&(o=2&c[0]?a.return:c[0]?a.throw||((o=a.return)&&o.call(a),0):a.next)&&!(o=o.call(a,c[1])).done)return o;switch(a=0,o&&(c=[2&c[0],o.value]),c[0]){case 0:case 1:o=c;break;case 4:return i.label++,{value:c[1],done:!1};case 5:i.label++,a=c[1],c=[0];continue;case 7:c=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==c[0]&&2!==c[0])){i=0;continue}if(3===c[0]&&(!o||c[1]>o[0]&&c[1]<o[3])){i.label=c[1];break}if(6===c[0]&&i.label<o[1]){i.label=o[1],o=c;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(c);break}o[2]&&i.ops.pop(),i.trys.pop();continue}c=n.call(e,i)}catch(e){c=[6,e],a=0}finally{t=o=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}([c,s])}}}var s=function(e){return i(void 0,void 0,void 0,(function(){var n;return c(this,(function(t){switch(t.label){case 0:return n="https://venkatmcajj.github.io/react-country-state-city/data/regionsminified.json",e&&(n=e+"/regionsminified.json"),[4,fetch(n).then((function(e){return e.json()}))];case 1:return[2,t.sent()]}}))}))},l=function(e,n){return i(void 0,void 0,void 0,(function(){var t,a,o;return c(this,(function(r){switch(r.label){case 0:return t="https://venkatmcajj.github.io/react-country-state-city/data/countriesminified.json",n&&(t=n+"/countriesminified.json"),[4,fetch(t).then((function(e){return e.json()}))];case 1:return a=r.sent(),o=a,e&&(o=o.filter((function(n){return n.region===e}))),[2,o.map((function(e){return{id:e.id,name:e.name,phone_code:e.phone_code,region:e.region}}))]}}))}))},u=function(e){return i(void 0,void 0,void 0,(function(){var n,t;return c(this,(function(a){switch(a.label){case 0:return n="https://venkatmcajj.github.io/react-country-state-city/data/countriesminified.json",e&&(n=e+"/countriesminified.json"),[4,fetch(n).then((function(e){return e.json()}))];case 1:return t=a.sent(),[2,t.map((function(e){return{id:e.id,name:e.name,phone_code:e.phone_code,region:e.region}}))]}}))}))},d=function(e,n){return i(void 0,void 0,void 0,(function(){var t,a,o;return c(this,(function(r){switch(r.label){case 0:return t="https://venkatmcajj.github.io/react-country-state-city/data/countriesminified.json",n&&(t=n+"/countriesminified.json"),[4,fetch(t).then((function(e){return e.json()}))];case 1:return a=r.sent(),o=a,e&&(o=o.filter((function(n){return n.region===e}))),[2,o]}}))}))},f=function(e){return i(void 0,void 0,void 0,(function(){var n;return c(this,(function(t){switch(t.label){case 0:return n="https://venkatmcajj.github.io/react-country-state-city/data/countriesminified.json",e&&(n=e+"/countriesminified.json"),[4,fetch(n).then((function(e){return e.json()}))];case 1:return[2,t.sent()]}}))}))},m=function(e){return i(void 0,void 0,void 0,(function(){var n;return c(this,(function(t){switch(t.label){case 0:return n="https://venkatmcajj.github.io/react-country-state-city/data/languagesminified.json",e&&(n=e+"/languagesminified.json"),[4,fetch(n).then((function(e){return e.json()}))];case 1:return[2,t.sent()]}}))}))},h=function(e,n){return i(void 0,void 0,void 0,(function(){var t,a,o;return c(this,(function(r){switch(r.label){case 0:return t="https://venkatmcajj.github.io/react-country-state-city/data/statesminified.json",n&&(t=n+"/languagesminified.json"),[4,fetch(t).then((function(e){return e.json()}))];case 1:return a=r.sent(),o=a.find((function(n){return n.id===e})),[2,o&&o.states?o.states:[]]}}))}))},p=function(e,n,t){return i(void 0,void 0,void 0,(function(){var a,o,r,i,s;return c(this,(function(c){switch(c.label){case 0:return a="https://venkatmcajj.github.io/react-country-state-city/data/citiesminified.json",t&&(a=t+"/citiesminified.json"),[4,fetch(a).then((function(e){return e.json()}))];case 1:return o=c.sent(),(r=o.find((function(n){return n.id===e})))?(i=r&&r.states?r.states:[],[2,(s=i.find((function(e){return e.id===n})))&&s.cities?s.cities:[]]):[2,[]]}}))}))},v=function(){return e.createElement("svg",{height:"20",width:"20",viewBox:"0 0 20 20"},e.createElement("path",{d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"}))},g=function(i){var c=i.placeHolder,s=i.options,l=i.onChange,u=i.inputClassName,d=i.onTextChange,f=i.defaultValue,m=i.showFlag,h=void 0===m||m,p=r(i,["placeHolder","options","onChange","inputClassName","onTextChange","defaultValue","showFlag"]),g=n(!1),C=g[0],w=g[1],N=n(),y=N[0],E=N[1],j=n(""),x=j[0],b=j[1],k=t(null),T=t(null);a((function(){f&&E(f)}),[f]),a((function(){b(""),C&&k.current&&k.current.focus()}),[C]),a((function(){var e=function(e){T.current&&!T.current.contains(e.target)&&w(!1)};return window.addEventListener("click",e),function(){window.removeEventListener("click",e)}}));var H=function(e){return!!y&&y.id===e.id};return e.createElement("div",{className:"stdropdown-container"},e.createElement("div",{ref:T,onClick:function(){w(!0)},className:"stdropdown-input stsearch-box"},e.createElement("input",o({},p,{className:u,onChange:function(e){b(e.target.value),E(void 0),d&&d(e)},value:y?"".concat(h&&"emoji"in y?y.emoji:""," ").concat(y.name):x||"",placeholder:c,ref:k})),e.createElement("div",{className:"stdropdown-tools"},e.createElement("div",{className:"stdropdown-tool"},e.createElement(v,null)))),C&&e.createElement("div",{className:"stdropdown-menu"},(x?s.filter((function(e){return e.name.toLowerCase().indexOf(x.toLowerCase())>=0})):s).map((function(n){return e.createElement("div",{onClick:function(){return function(e){E(e),l(e)}(n)},key:n.id,className:"".concat("stdropdown-item"," ").concat(H(n)&&"selected")},h&&e.createElement("span",{className:"stdropdown-flag"},"emoji"in n?n.emoji:""," "),n.name)}))))},C=function(t){var i=t.containerClassName,c=t.inputClassName,s=t.onTextChange,l=t.defaultValue,u=t.onChange,m=t.placeHolder,h=t.showFlag,p=t.region,v=t.src,C=r(t,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","placeHolder","showFlag","region","src"]),w=n([]),N=w[0],y=w[1];return a((function(){p?d(p,v).then((function(e){y(e)})):f(v).then((function(e){y(e)}))}),[p,v]),e.createElement(e.Fragment,null,e.createElement("div",{className:i,style:{position:"relative"}},e.createElement(g,o({},C,{placeHolder:m,options:N,onChange:function(e){u&&u(e)},showFlag:h,onTextChange:s,defaultValue:l,inputClassName:c}))))},w=function(t){var i=t.containerClassName,c=t.inputClassName,s=t.onTextChange,l=t.defaultValue,u=t.onChange,d=t.countryid,f=t.placeHolder,m=t.src,p=r(t,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","countryid","placeHolder","src"]),v=n([]),C=v[0],w=v[1];return a((function(){d&&h(d,m).then((function(e){w(e)}))}),[d,m]),e.createElement(e.Fragment,null,e.createElement("div",{className:i,style:{position:"relative"}},e.createElement(g,o({},p,{placeHolder:f,options:C,onChange:function(e){u&&u(e)},onTextChange:s,defaultValue:l,inputClassName:c}))))},N=function(t){var i=t.containerClassName,c=t.inputClassName,s=t.onTextChange,l=t.defaultValue,u=t.onChange,d=t.countryid,f=t.stateid,m=t.placeHolder,h=t.src,v=r(t,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","countryid","stateid","placeHolder","src"]),C=n([]),w=C[0],N=C[1];return a((function(){d&&p(d,f,h).then((function(e){N(e)}))}),[d,f,h]),e.createElement(e.Fragment,null,e.createElement("div",{className:i,style:{position:"relative"}},e.createElement(g,o({},v,{placeHolder:m,options:w,onChange:function(e){u&&u(e)},onTextChange:s,defaultValue:l,inputClassName:c}))))},y=function(){return e.createElement("svg",{height:"20",width:"20",viewBox:"0 0 20 20"},e.createElement("path",{d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"}))},E=function(i){var c=i.placeHolder,s=i.options,l=i.onChange,u=i.inputClassName,d=i.onTextChange,f=i.defaultValue,m=i.displayNative,h=r(i,["placeHolder","options","onChange","inputClassName","onTextChange","defaultValue","displayNative"]),p=n(!1),v=p[0],g=p[1],C=n(),w=C[0],N=C[1],E=n(""),j=E[0],x=E[1],b=t(null),k=t(null);a((function(){f&&N(f)}),[f]),a((function(){x(""),v&&b.current&&b.current.focus()}),[v]),a((function(){var e=function(e){k.current&&!k.current.contains(e.target)&&g(!1)};return window.addEventListener("click",e),function(){window.removeEventListener("click",e)}}));var T=function(e){return!!w&&w.code===e.code};return e.createElement("div",{className:"stdropdown-container"},e.createElement("div",{ref:k,onClick:function(){g(!0)},className:"stdropdown-input stsearch-box"},e.createElement("input",o({},h,{className:u,onChange:function(e){x(e.target.value),N(void 0),d&&d(e)},value:w?"".concat(m?w.native:w.name):j||"",placeholder:c,ref:b})),e.createElement("div",{className:"stdropdown-tools"},e.createElement("div",{className:"stdropdown-tool"},e.createElement(y,null)))),v&&e.createElement("div",{className:"stdropdown-menu"},(j?s.filter((function(e){return e.name.toLowerCase().indexOf(j.toLowerCase())>=0||e.native.toLowerCase().indexOf(j.toLowerCase())>=0})):s).map((function(n){return e.createElement("div",{onClick:function(){return function(e){N(e),l(e)}(n)},key:n.code,className:"".concat("stdropdown-item"," ").concat(T(n)&&"selected")},m?n.native:n.name)}))))},j=function(t){var i=t.containerClassName,c=t.inputClassName,s=t.onTextChange,l=t.defaultValue,u=t.onChange,d=t.placeHolder,f=t.displayNative,h=t.src,p=r(t,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","placeHolder","displayNative","src"]),v=n([]),g=v[0],C=v[1];return a((function(){m(h).then((function(e){C(e)}))}),[h]),e.createElement(e.Fragment,null,e.createElement("div",{className:i,style:{position:"relative"}},e.createElement(E,o({},p,{placeHolder:d,options:g,onChange:function(e){u&&u(e)},displayNative:f,onTextChange:s,defaultValue:l,inputClassName:c}))))},x=function(t){var i=t.containerClassName,c=t.inputClassName,l=t.onTextChange,u=t.defaultValue,d=t.onChange,f=t.placeHolder,m=t.src,h=r(t,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","placeHolder","src"]),p=n([]),v=p[0],C=p[1];return a((function(){s(m).then((function(e){C(e)}))}),[m]),e.createElement(e.Fragment,null,e.createElement("div",{className:i,style:{position:"relative"}},e.createElement(g,o({},h,{placeHolder:f,options:v,onChange:function(e){d&&d(e)},onTextChange:l,defaultValue:u,inputClassName:c}))))},b=function(){return e.createElement("svg",{height:"20",width:"20",viewBox:"0 0 20 20"},e.createElement("path",{d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"}))},k=function(i){var c=i.placeHolder,s=i.options,l=i.onChange,u=i.inputClassName,d=i.onTextChange,f=i.defaultValue,m=i.showFlag,h=void 0===m||m,p=r(i,["placeHolder","options","onChange","inputClassName","onTextChange","defaultValue","showFlag"]),v=n(!1),g=v[0],C=v[1],w=n(),N=w[0],y=w[1],E=n(""),j=E[0],x=E[1],k=t(null),T=t(null);a((function(){f&&y(f)}),[f]),a((function(){x(""),g&&k.current&&k.current.focus()}),[g]),a((function(){var e=function(e){T.current&&!T.current.contains(e.target)&&C(!1)};return window.addEventListener("click",e),function(){window.removeEventListener("click",e)}}));var H=function(e){return!!N&&N.id===e.id};return e.createElement("div",{className:"stdropdown-container"},e.createElement("div",{ref:T,onClick:function(){C(!0)},className:"stdropdown-input stsearch-box"},e.createElement("input",o({},p,{className:u,onChange:function(e){x(e.target.value),y(void 0),d&&d(e)},value:N?"".concat(h&&"emoji"in N?N.emoji:""," +").concat(N.phone_code):j||"",placeholder:c,ref:k})),e.createElement("div",{className:"stdropdown-tools"},e.createElement("div",{className:"stdropdown-tool"},e.createElement(b,null)))),g&&e.createElement("div",{className:"stdropdown-menu"},(j?s.filter((function(e){return e.name.toLowerCase().indexOf(j.toLowerCase())>=0||e.phone_code.indexOf(j)>=0||("+"+e.phone_code).indexOf(j)>=0})):s).map((function(n){return e.createElement("div",{onClick:function(){return function(e){y(e),l(e)}(n)},key:n.id,className:"".concat("stdropdown-item"," ").concat(H(n)&&"selected")},h&&e.createElement("span",{className:"stdropdown-flag"},"emoji"in n?n.emoji:""," "),"+",n.phone_code)}))))},T=function(t){var i=t.containerClassName,c=t.inputClassName,s=t.onTextChange,l=t.defaultValue,u=t.onChange,m=t.placeHolder,h=t.showFlag,p=t.region,v=t.src,g=r(t,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","placeHolder","showFlag","region","src"]),C=n([]),w=C[0],N=C[1];return a((function(){p?d(p,v).then((function(e){N(e)})):f(v).then((function(e){N(e)}))}),[p,v]),e.createElement(e.Fragment,null,e.createElement("div",{className:i,style:{position:"relative"}},e.createElement(k,o({},g,{placeHolder:m,options:w,onChange:function(e){u&&u(e)},showFlag:h,onTextChange:s,defaultValue:l,inputClassName:c}))))};export{N as CitySelect,C as CountrySelect,p as GetCity,f as GetCountries,d as GetCountriesByRegion,m as GetLanguages,u as GetPhonecodes,l as GetPhonecodesByRegion,s as GetRegions,h as GetState,j as LanguageSelect,T as PhonecodeSelect,x as RegionSelect,w as StateSelect};
 //# sourceMappingURL=index.js.map

dist/esm/index.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.js","sources":["../../src/utils/index.ts","../../src/components/Dropdown.tsx","../../src/components/CountrySelect.tsx","../../src/components/StateSelect.tsx","../../src/components/CitySelect.tsx","../../src/components/LanguageDropdown.tsx","../../src/components/LanguageSelect.tsx","../../src/components/RegionSelect.tsx"],"sourcesContent":["import {\n  City,\n  Country,\n  CountryState,\n  CountryStateCity,\n  Language,\n  Region,\n  State,\n} from \"../types\";\n\nexport const GetRegions = async (): Promise<Region[] | []> => {\n  const regions = await fetch(\n    \"https://venkatmcajj.github.io/react-country-state-city/data/regionsminified.json\"\n  ).then((res) => res.json());\n  return regions as Array<Region>;\n};\nexport const GetCountries = async (\n  _region?: string\n): Promise<Country[] | []> => {\n  const countries = await fetch(\n    \"https://venkatmcajj.github.io/react-country-state-city/data/countriesminified.json\"\n  ).then((res) => res.json());\n  let filtered = countries as Array<Country>;\n  if (_region) {\n    filtered = filtered.filter((country: Country) => {\n      return country.region === _region;\n    });\n  }\n  return filtered;\n};\n\nexport const GetLanguages = async (): Promise<Language[] | []> => {\n  const countries = await fetch(\n    \"https://venkatmcajj.github.io/react-country-state-city/data/languagesminified.json\"\n  ).then((res) => res.json());\n  return countries as Array<Language>;\n};\n\nexport const GetState = async (id: number): Promise<Array<State> | []> => {\n  const states = await fetch(\n    \"https://venkatmcajj.github.io/react-country-state-city/data/statesminified.json\"\n  ).then((res) => res.json());\n  const record = states as Array<CountryState>;\n  const statesone = record.find((e: CountryState) => e.id === id);\n  const state = statesone && statesone.states ? statesone.states : [];\n  return state;\n};\n\nexport const GetCity = async (\n  countryid: number,\n  stateid: number\n): Promise<Array<City> | []> => {\n  const cities = await fetch(\n    \"https://venkatmcajj.github.io/react-country-state-city/data/citiesminified.json\"\n  ).then((res) => res.json());\n  const record = cities as Array<CountryStateCity>;\n  const countries = record.find((e: CountryStateCity) => e.id === countryid);\n  if (countries) {\n    const states = countries && countries.states ? countries.states : [];\n    const city = states.find((e) => e.id === stateid);\n    return city && city.cities ? city.cities : [];\n  } else {\n    return [];\n  }\n};\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { City, Country, Region, State } from \"../types\";\nconst Icon = () => {\n  return (\n    <svg height=\"20\" width=\"20\" viewBox=\"0 0 20 20\">\n      <path d=\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\"></path>\n    </svg>\n  );\n};\n\ntype ComponentProps = InputHTMLAttributes<HTMLInputElement> & {\n  placeHolder?: string;\n  options: Array<Region | Country | State | City>;\n  inputClassName?: string;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  defaultValue?: Region | Country | State | City;\n  onChange: (e: Region | Country | State | City) => void;\n  showFlag?: boolean;\n};\nconst Dropdown = ({\n  placeHolder,\n  options,\n  onChange,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  showFlag = true,\n  ...props\n}: ComponentProps) => {\n  const [showMenu, setShowMenu] = useState(false);\n  const [selectedValue, setSelectedValue] = useState<\n    Region | Country | State | City\n  >();\n  const [searchValue, setSearchValue] = useState(\"\");\n  const searchRef = useRef<HTMLInputElement>(null);\n  const inputRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (defaultValue) setSelectedValue(defaultValue);\n  }, [defaultValue]);\n  useEffect(() => {\n    setSearchValue(\"\");\n    if (showMenu && searchRef.current) {\n      searchRef.current.focus();\n    }\n  }, [showMenu]);\n\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (inputRef.current && !inputRef.current.contains(e.target as Element)) {\n        setShowMenu(false);\n      }\n    };\n\n    window.addEventListener(\"click\", handler);\n    return () => {\n      window.removeEventListener(\"click\", handler);\n    };\n  });\n  const handleInputClick = () => {\n    setShowMenu(true);\n  };\n\n  const getDisplay = () => {\n    if (!selectedValue) {\n      return searchValue ? searchValue : \"\";\n    }\n    return `${\n      showFlag && \"emoji\" in selectedValue ? selectedValue.emoji : \"\"\n    } ${selectedValue.name}`;\n  };\n\n  const onItemClick = (option: Region | Country | State | City) => {\n    setSelectedValue(option);\n    onChange(option);\n  };\n\n  const isSelected = (option: Region | Country | State | City) => {\n    if (!selectedValue) {\n      return false;\n    }\n    return selectedValue.id === option.id;\n  };\n\n  const onSearch = (e: ChangeEvent<HTMLInputElement>) => {\n    setSearchValue(e.target.value);\n    setSelectedValue(undefined);\n    if (onTextChange) {\n      onTextChange(e);\n    }\n  };\n\n  const getOptions = () => {\n    if (!searchValue) {\n      return options;\n    }\n    return options.filter(\n      (option) =>\n        option.name.toLowerCase().indexOf(searchValue.toLowerCase()) >= 0\n    );\n  };\n\n  return (\n    <div className={\"stdropdown-container\"}>\n      <div\n        ref={inputRef}\n        onClick={handleInputClick}\n        className={\"stdropdown-input stsearch-box\"}\n      >\n        <input\n          {...props}\n          className={inputClassName}\n          onChange={onSearch}\n          value={getDisplay()}\n          placeholder={placeHolder}\n          ref={searchRef}\n        />\n        <div className={\"stdropdown-tools\"}>\n          <div className={\"stdropdown-tool\"}>\n            <Icon />\n          </div>\n        </div>\n      </div>\n      {showMenu && (\n        <div className={\"stdropdown-menu\"}>\n          {getOptions().map((option) => (\n            <div\n              onClick={() => onItemClick(option)}\n              key={option.id}\n              className={`${\"stdropdown-item\"} ${\n                isSelected(option) && \"selected\"\n              }`}\n            >\n              {showFlag && <span>{\"emoji\" in option ? option.emoji : \"\"}</span>}\n              {option.name}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Dropdown;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { Country } from \"../types\";\nimport { GetCountries } from \"../utils\";\nimport Dropdown from \"./Dropdown\";\n\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  defaultValue?: Country;\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: Country) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  placeHolder?: string;\n  showFlag?: boolean;\n  region?: string;\n};\nconst CountrySelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  placeHolder,\n  showFlag,\n  region,\n  ...props\n}: PageProps) => {\n  const [countriesunfiltered, setCountries] = useState<Country[]>([]);\n  useEffect(() => {\n    GetCountries(region).then((data) => {\n      setCountries(data);\n    });\n  }, [region]);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <Dropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={countriesunfiltered}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as Country);\n            }\n          }}\n          showFlag={showFlag}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default CountrySelect;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { State } from \"../types\";\nimport { GetState } from \"../utils\";\nimport Dropdown from \"./Dropdown\";\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: State) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  defaultValue?: State;\n  countryid: number;\n  placeHolder?: string;\n};\n\nconst StateSelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  countryid,\n  placeHolder,\n  ...props\n}: PageProps) => {\n  const [states, setStates] = useState<State[]>([]);\n  useEffect(() => {\n    if (countryid) {\n      GetState(countryid).then((data) => {\n        setStates(data);\n      });\n    }\n  }, [countryid]);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <Dropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={states}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as State);\n            }\n          }}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default StateSelect;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { City } from \"../types\";\nimport { GetCity } from \"../utils\";\nimport Dropdown from \"./Dropdown\";\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: City) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  defaultValue?: City;\n  countryid: number;\n  stateid: number;\n  placeHolder?: string;\n};\n\nconst CitySelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  countryid,\n  stateid,\n  placeHolder,\n  ...props\n}: PageProps) => {\n  const [cities, setCities] = useState<City[]>([]);\n  useEffect(() => {\n    if (countryid) {\n      GetCity(countryid, stateid).then((data) => {\n        setCities(data);\n      });\n    }\n  }, [countryid, stateid]);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <Dropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={cities}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as City);\n            }\n          }}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default CitySelect;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { Language } from \"../types\";\nconst Icon = () => {\n  return (\n    <svg height=\"20\" width=\"20\" viewBox=\"0 0 20 20\">\n      <path d=\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\"></path>\n    </svg>\n  );\n};\n\ntype ComponentProps = InputHTMLAttributes<HTMLInputElement> & {\n  placeHolder?: string;\n  options: Array<Language>;\n  inputClassName?: string;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  defaultValue?: Language;\n  onChange: (e: Language) => void;\n  displayNative?: boolean;\n};\nconst LanguageDropdown = ({\n  placeHolder,\n  options,\n  onChange,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  displayNative,\n  ...props\n}: ComponentProps) => {\n  const [showMenu, setShowMenu] = useState(false);\n  const [selectedValue, setSelectedValue] = useState<Language>();\n  const [searchValue, setSearchValue] = useState(\"\");\n  const searchRef = useRef<HTMLInputElement>(null);\n  const inputRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (defaultValue) setSelectedValue(defaultValue);\n  }, [defaultValue]);\n  useEffect(() => {\n    setSearchValue(\"\");\n    if (showMenu && searchRef.current) {\n      searchRef.current.focus();\n    }\n  }, [showMenu]);\n\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (inputRef.current && !inputRef.current.contains(e.target as Element)) {\n        setShowMenu(false);\n      }\n    };\n\n    window.addEventListener(\"click\", handler);\n    return () => {\n      window.removeEventListener(\"click\", handler);\n    };\n  });\n  const handleInputClick = () => {\n    setShowMenu(true);\n  };\n\n  const getDisplay = () => {\n    if (!selectedValue) {\n      return searchValue ? searchValue : \"\";\n    }\n    return `${displayNative ? selectedValue.native : selectedValue.name}`;\n  };\n\n  const onItemClick = (option: Language) => {\n    setSelectedValue(option);\n    onChange(option);\n  };\n\n  const isSelected = (option: Language) => {\n    if (!selectedValue) {\n      return false;\n    }\n    return selectedValue.code === option.code;\n  };\n\n  const onSearch = (e: ChangeEvent<HTMLInputElement>) => {\n    setSearchValue(e.target.value);\n    setSelectedValue(undefined);\n    if (onTextChange) {\n      onTextChange(e);\n    }\n  };\n\n  const getOptions = () => {\n    if (!searchValue) {\n      return options;\n    }\n    return options.filter(\n      (option) =>\n        option.name.toLowerCase().indexOf(searchValue.toLowerCase()) >= 0\n    );\n  };\n\n  return (\n    <div className={\"stdropdown-container\"}>\n      <div\n        ref={inputRef}\n        onClick={handleInputClick}\n        className={\"stdropdown-input stsearch-box\"}\n      >\n        <input\n          {...props}\n          className={inputClassName}\n          onChange={onSearch}\n          value={getDisplay()}\n          placeholder={placeHolder}\n          ref={searchRef}\n        />\n        <div className={\"stdropdown-tools\"}>\n          <div className={\"stdropdown-tool\"}>\n            <Icon />\n          </div>\n        </div>\n      </div>\n      {showMenu && (\n        <div className={\"stdropdown-menu\"}>\n          {getOptions().map((option) => (\n            <div\n              onClick={() => onItemClick(option)}\n              key={option.code}\n              className={`${\"stdropdown-item\"} ${\n                isSelected(option) && \"selected\"\n              }`}\n            >\n              {displayNative ? option.native : option.name}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default LanguageDropdown;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { Language } from \"../types\";\nimport { GetLanguages } from \"../utils\";\nimport LanguageDropdown from \"./LanguageDropdown\";\n\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  defaultValue?: Language;\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: Language) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  placeHolder?: string;\n  displayNative?: boolean;\n};\nconst LanguageSelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  placeHolder,\n  displayNative,\n  ...props\n}: PageProps) => {\n  const [languagesunfiltered, setLanguages] = useState<Language[]>([]);\n  useEffect(() => {\n    GetLanguages().then((data) => {\n      setLanguages(data);\n    });\n  }, []);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <LanguageDropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={languagesunfiltered}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as Language);\n            }\n          }}\n          displayNative={displayNative}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default LanguageSelect;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { Region } from \"../types\";\nimport { GetRegions } from \"../utils\";\nimport Dropdown from \"./Dropdown\";\n\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  defaultValue?: Region;\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: Region) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  placeHolder?: string;\n};\nconst RegionSelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  placeHolder,\n  ...props\n}: PageProps) => {\n  const [regionsunfiltered, setRegions] = useState<Region[]>([]);\n  useEffect(() => {\n    GetRegions().then((data) => {\n      setRegions(data);\n    });\n  }, []);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <Dropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={regionsunfiltered}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as Region);\n            }\n          }}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default RegionSelect;\n"],"names":["GetRegions","__awaiter","fetch","then","res","json","_a","sent","GetCountries","_region","countries","filtered","filter","country","region","GetLanguages","GetState","id","states","statesone","find","e","GetCity","countryid","stateid","cities","city","Icon","React","createElement","height","width","viewBox","d","Dropdown","placeHolder","options","onChange","inputClassName","onTextChange","defaultValue","_b","showFlag","props","__rest","_c","useState","showMenu","setShowMenu","_d","selectedValue","setSelectedValue","_e","searchValue","setSearchValue","searchRef","useRef","inputRef","useEffect","current","focus","handler","contains","target","window","addEventListener","removeEventListener","isSelected","option","className","ref","onClick","__assign","value","undefined","concat","emoji","name","placeholder","toLowerCase","indexOf","map","onItemClick","key","CountrySelect","containerClassName","countriesunfiltered","setCountries","data","Fragment","style","position","StateSelect","setStates","CitySelect","setCities","LanguageDropdown","displayNative","code","native","LanguageSelect","languagesunfiltered","setLanguages","RegionSelect","regionsunfiltered","setRegions"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/utils/index.ts","../../src/components/Dropdown.tsx","../../src/components/CountrySelect.tsx","../../src/components/StateSelect.tsx","../../src/components/CitySelect.tsx","../../src/components/LanguageDropdown.tsx","../../src/components/LanguageSelect.tsx","../../src/components/RegionSelect.tsx","../../src/components/PhonecodeDropdown.tsx","../../src/components/PhonecodeSelect.tsx"],"sourcesContent":["import {\n  City,\n  Country,\n  CountryState,\n  CountryStateCity,\n  Language,\n  Phonecodes,\n  Region,\n  State,\n} from \"../types\";\n\nexport const GetRegions = async (src?: string): Promise<Region[] | []> => {\n  let url =\n    \"https://venkatmcajj.github.io/react-country-state-city/data/regionsminified.json\";\n  if (src) url = src + \"/regionsminified.json\";\n  const regions = await fetch(url).then((res) => res.json());\n  return regions as Array<Region>;\n};\nexport const GetPhonecodesByRegion = async (\n  _region: string,\n  src?: string\n): Promise<Phonecodes[] | []> => {\n  let url =\n    \"https://venkatmcajj.github.io/react-country-state-city/data/countriesminified.json\";\n  if (src) url = src + \"/countriesminified.json\";\n  const countries = await fetch(url).then((res) => res.json());\n  let filtered = countries as Array<Phonecodes>;\n  if (_region) {\n    filtered = filtered.filter((country: Phonecodes) => {\n      return country.region === _region;\n    });\n  }\n  return filtered.map((item) => {\n    return {\n      id: item.id,\n      name: item.name,\n      phone_code: item.phone_code,\n      region: item.region,\n    };\n  });\n};\nexport const GetPhonecodes = async (\n  src?: string\n): Promise<Phonecodes[] | []> => {\n  let url =\n    \"https://venkatmcajj.github.io/react-country-state-city/data/countriesminified.json\";\n  if (src) url = src + \"/countriesminified.json\";\n  const countries = await fetch(url).then((res) => res.json());\n  const filtered = countries as Array<Phonecodes>;\n  return filtered.map((item) => {\n    return {\n      id: item.id,\n      name: item.name,\n      phone_code: item.phone_code,\n      region: item.region,\n    };\n  });\n};\nexport const GetCountriesByRegion = async (\n  _region: string,\n  src?: string\n): Promise<Country[] | []> => {\n  let url =\n    \"https://venkatmcajj.github.io/react-country-state-city/data/countriesminified.json\";\n  if (src) url = src + \"/countriesminified.json\";\n  const countries = await fetch(url).then((res) => res.json());\n  let filtered = countries as Array<Country>;\n  if (_region) {\n    filtered = filtered.filter((country: Country) => {\n      return country.region === _region;\n    });\n  }\n  return filtered;\n};\nexport const GetCountries = async (src?: string): Promise<Country[] | []> => {\n  let url =\n    \"https://venkatmcajj.github.io/react-country-state-city/data/countriesminified.json\";\n  if (src) url = src + \"/countriesminified.json\";\n  const countries = await fetch(url).then((res) => res.json());\n  return countries as Array<Country>;\n};\n\nexport const GetLanguages = async (src?: string): Promise<Language[] | []> => {\n  let url =\n    \"https://venkatmcajj.github.io/react-country-state-city/data/languagesminified.json\";\n  if (src) url = src + \"/languagesminified.json\";\n  const languages = await fetch(url).then((res) => res.json());\n  return languages as Array<Language>;\n};\n\nexport const GetState = async (\n  id: number,\n  src?: string\n): Promise<Array<State> | []> => {\n  let url =\n    \"https://venkatmcajj.github.io/react-country-state-city/data/statesminified.json\";\n  if (src) url = src + \"/languagesminified.json\";\n  const states = await fetch(url).then((res) => res.json());\n  const record = states as Array<CountryState>;\n  const statesone = record.find((e: CountryState) => e.id === id);\n  const state = statesone && statesone.states ? statesone.states : [];\n  return state;\n};\n\nexport const GetCity = async (\n  countryid: number,\n  stateid: number,\n  src?: string\n): Promise<Array<City> | []> => {\n  let url =\n    \"https://venkatmcajj.github.io/react-country-state-city/data/citiesminified.json\";\n  if (src) url = src + \"/citiesminified.json\";\n  const cities = await fetch(url).then((res) => res.json());\n  const record = cities as Array<CountryStateCity>;\n  const countries = record.find((e: CountryStateCity) => e.id === countryid);\n  if (countries) {\n    const states = countries && countries.states ? countries.states : [];\n    const city = states.find((e) => e.id === stateid);\n    return city && city.cities ? city.cities : [];\n  } else {\n    return [];\n  }\n};\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { City, Country, Region, State } from \"../types\";\nconst Icon = () => {\n  return (\n    <svg height=\"20\" width=\"20\" viewBox=\"0 0 20 20\">\n      <path d=\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\"></path>\n    </svg>\n  );\n};\n\ntype ComponentProps = InputHTMLAttributes<HTMLInputElement> & {\n  placeHolder?: string;\n  options: Array<Region | Country | State | City>;\n  inputClassName?: string;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  defaultValue?: Region | Country | State | City;\n  onChange: (e: Region | Country | State | City) => void;\n  showFlag?: boolean;\n};\nconst Dropdown = ({\n  placeHolder,\n  options,\n  onChange,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  showFlag = true,\n  ...props\n}: ComponentProps) => {\n  const [showMenu, setShowMenu] = useState(false);\n  const [selectedValue, setSelectedValue] = useState<\n    Region | Country | State | City\n  >();\n  const [searchValue, setSearchValue] = useState(\"\");\n  const searchRef = useRef<HTMLInputElement>(null);\n  const inputRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (defaultValue) setSelectedValue(defaultValue);\n  }, [defaultValue]);\n  useEffect(() => {\n    setSearchValue(\"\");\n    if (showMenu && searchRef.current) {\n      searchRef.current.focus();\n    }\n  }, [showMenu]);\n\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (inputRef.current && !inputRef.current.contains(e.target as Element)) {\n        setShowMenu(false);\n      }\n    };\n\n    window.addEventListener(\"click\", handler);\n    return () => {\n      window.removeEventListener(\"click\", handler);\n    };\n  });\n  const handleInputClick = () => {\n    setShowMenu(true);\n  };\n\n  const getDisplay = () => {\n    if (!selectedValue) {\n      return searchValue ? searchValue : \"\";\n    }\n    return `${\n      showFlag && \"emoji\" in selectedValue ? selectedValue.emoji : \"\"\n    } ${selectedValue.name}`;\n  };\n\n  const onItemClick = (option: Region | Country | State | City) => {\n    setSelectedValue(option);\n    onChange(option);\n  };\n\n  const isSelected = (option: Region | Country | State | City) => {\n    if (!selectedValue) {\n      return false;\n    }\n    return selectedValue.id === option.id;\n  };\n\n  const onSearch = (e: ChangeEvent<HTMLInputElement>) => {\n    setSearchValue(e.target.value);\n    setSelectedValue(undefined);\n    if (onTextChange) {\n      onTextChange(e);\n    }\n  };\n\n  const getOptions = () => {\n    if (!searchValue) {\n      return options;\n    }\n    return options.filter(\n      (option) =>\n        option.name.toLowerCase().indexOf(searchValue.toLowerCase()) >= 0\n    );\n  };\n\n  return (\n    <div className={\"stdropdown-container\"}>\n      <div\n        ref={inputRef}\n        onClick={handleInputClick}\n        className={\"stdropdown-input stsearch-box\"}\n      >\n        <input\n          {...props}\n          className={inputClassName}\n          onChange={onSearch}\n          value={getDisplay()}\n          placeholder={placeHolder}\n          ref={searchRef}\n        />\n        <div className={\"stdropdown-tools\"}>\n          <div className={\"stdropdown-tool\"}>\n            <Icon />\n          </div>\n        </div>\n      </div>\n      {showMenu && (\n        <div className={\"stdropdown-menu\"}>\n          {getOptions().map((option) => (\n            <div\n              onClick={() => onItemClick(option)}\n              key={option.id}\n              className={`${\"stdropdown-item\"} ${\n                isSelected(option) && \"selected\"\n              }`}\n            >\n              {showFlag && (\n                <span className=\"stdropdown-flag\">\n                  {\"emoji\" in option ? option.emoji : \"\"}{\" \"}\n                </span>\n              )}\n              {option.name}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Dropdown;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { Country } from \"../types\";\nimport { GetCountries, GetCountriesByRegion } from \"../utils\";\nimport Dropdown from \"./Dropdown\";\n\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  defaultValue?: Country;\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: Country) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  placeHolder?: string;\n  showFlag?: boolean;\n  region?: string;\n  src?: string;\n};\nconst CountrySelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  placeHolder,\n  showFlag,\n  region,\n  src,\n  ...props\n}: PageProps) => {\n  const [countriesunfiltered, setCountries] = useState<Country[]>([]);\n  useEffect(() => {\n    if (region)\n      GetCountriesByRegion(region, src).then((data) => {\n        setCountries(data);\n      });\n    else\n      GetCountries(src).then((data) => {\n        setCountries(data);\n      });\n  }, [region, src]);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <Dropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={countriesunfiltered}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as Country);\n            }\n          }}\n          showFlag={showFlag}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default CountrySelect;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { State } from \"../types\";\nimport { GetState } from \"../utils\";\nimport Dropdown from \"./Dropdown\";\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: State) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  defaultValue?: State;\n  countryid: number;\n  placeHolder?: string;\n  src?: string;\n};\n\nconst StateSelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  countryid,\n  placeHolder,\n  src,\n  ...props\n}: PageProps) => {\n  const [states, setStates] = useState<State[]>([]);\n  useEffect(() => {\n    if (countryid) {\n      GetState(countryid, src).then((data) => {\n        setStates(data);\n      });\n    }\n  }, [countryid, src]);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <Dropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={states}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as State);\n            }\n          }}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default StateSelect;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { City } from \"../types\";\nimport { GetCity } from \"../utils\";\nimport Dropdown from \"./Dropdown\";\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: City) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  defaultValue?: City;\n  countryid: number;\n  stateid: number;\n  placeHolder?: string;\n  src?: string;\n};\n\nconst CitySelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  countryid,\n  stateid,\n  placeHolder,\n  src,\n  ...props\n}: PageProps) => {\n  const [cities, setCities] = useState<City[]>([]);\n  useEffect(() => {\n    if (countryid) {\n      GetCity(countryid, stateid, src).then((data) => {\n        setCities(data);\n      });\n    }\n  }, [countryid, stateid, src]);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <Dropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={cities}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as City);\n            }\n          }}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default CitySelect;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { Language } from \"../types\";\nconst Icon = () => {\n  return (\n    <svg height=\"20\" width=\"20\" viewBox=\"0 0 20 20\">\n      <path d=\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\"></path>\n    </svg>\n  );\n};\n\ntype ComponentProps = InputHTMLAttributes<HTMLInputElement> & {\n  placeHolder?: string;\n  options: Array<Language>;\n  inputClassName?: string;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  defaultValue?: Language;\n  onChange: (e: Language) => void;\n  displayNative?: boolean;\n};\nconst LanguageDropdown = ({\n  placeHolder,\n  options,\n  onChange,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  displayNative,\n  ...props\n}: ComponentProps) => {\n  const [showMenu, setShowMenu] = useState(false);\n  const [selectedValue, setSelectedValue] = useState<Language>();\n  const [searchValue, setSearchValue] = useState(\"\");\n  const searchRef = useRef<HTMLInputElement>(null);\n  const inputRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (defaultValue) setSelectedValue(defaultValue);\n  }, [defaultValue]);\n  useEffect(() => {\n    setSearchValue(\"\");\n    if (showMenu && searchRef.current) {\n      searchRef.current.focus();\n    }\n  }, [showMenu]);\n\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (inputRef.current && !inputRef.current.contains(e.target as Element)) {\n        setShowMenu(false);\n      }\n    };\n\n    window.addEventListener(\"click\", handler);\n    return () => {\n      window.removeEventListener(\"click\", handler);\n    };\n  });\n  const handleInputClick = () => {\n    setShowMenu(true);\n  };\n\n  const getDisplay = () => {\n    if (!selectedValue) {\n      return searchValue ? searchValue : \"\";\n    }\n    return `${displayNative ? selectedValue.native : selectedValue.name}`;\n  };\n\n  const onItemClick = (option: Language) => {\n    setSelectedValue(option);\n    onChange(option);\n  };\n\n  const isSelected = (option: Language) => {\n    if (!selectedValue) {\n      return false;\n    }\n    return selectedValue.code === option.code;\n  };\n\n  const onSearch = (e: ChangeEvent<HTMLInputElement>) => {\n    setSearchValue(e.target.value);\n    setSelectedValue(undefined);\n    if (onTextChange) {\n      onTextChange(e);\n    }\n  };\n\n  const getOptions = () => {\n    if (!searchValue) {\n      return options;\n    }\n    return options.filter(\n      (option) =>\n        option.name.toLowerCase().indexOf(searchValue.toLowerCase()) >= 0 ||\n        option.native.toLowerCase().indexOf(searchValue.toLowerCase()) >= 0\n    );\n  };\n\n  return (\n    <div className={\"stdropdown-container\"}>\n      <div\n        ref={inputRef}\n        onClick={handleInputClick}\n        className={\"stdropdown-input stsearch-box\"}\n      >\n        <input\n          {...props}\n          className={inputClassName}\n          onChange={onSearch}\n          value={getDisplay()}\n          placeholder={placeHolder}\n          ref={searchRef}\n        />\n        <div className={\"stdropdown-tools\"}>\n          <div className={\"stdropdown-tool\"}>\n            <Icon />\n          </div>\n        </div>\n      </div>\n      {showMenu && (\n        <div className={\"stdropdown-menu\"}>\n          {getOptions().map((option) => (\n            <div\n              onClick={() => onItemClick(option)}\n              key={option.code}\n              className={`${\"stdropdown-item\"} ${\n                isSelected(option) && \"selected\"\n              }`}\n            >\n              {displayNative ? option.native : option.name}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default LanguageDropdown;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { Language } from \"../types\";\nimport { GetLanguages } from \"../utils\";\nimport LanguageDropdown from \"./LanguageDropdown\";\n\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  defaultValue?: Language;\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: Language) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  placeHolder?: string;\n  displayNative?: boolean;\n  src?: string;\n};\nconst LanguageSelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  placeHolder,\n  displayNative,\n  src,\n  ...props\n}: PageProps) => {\n  const [languagesunfiltered, setLanguages] = useState<Language[]>([]);\n  useEffect(() => {\n    GetLanguages(src).then((data) => {\n      setLanguages(data);\n    });\n  }, [src]);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <LanguageDropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={languagesunfiltered}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as Language);\n            }\n          }}\n          displayNative={displayNative}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default LanguageSelect;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { Region } from \"../types\";\nimport { GetRegions } from \"../utils\";\nimport Dropdown from \"./Dropdown\";\n\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  defaultValue?: Region;\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: Region) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  placeHolder?: string;\n  src?: string;\n};\nconst RegionSelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  placeHolder,\n  src,\n  ...props\n}: PageProps) => {\n  const [regionsunfiltered, setRegions] = useState<Region[]>([]);\n  useEffect(() => {\n    GetRegions(src).then((data) => {\n      setRegions(data);\n    });\n  }, [src]);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <Dropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={regionsunfiltered}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as Region);\n            }\n          }}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default RegionSelect;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { Country } from \"../types\";\nconst Icon = () => {\n  return (\n    <svg height=\"20\" width=\"20\" viewBox=\"0 0 20 20\">\n      <path d=\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\"></path>\n    </svg>\n  );\n};\n\ntype ComponentProps = InputHTMLAttributes<HTMLInputElement> & {\n  placeHolder?: string;\n  options: Array<Country>;\n  inputClassName?: string;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  defaultValue?: Country;\n  onChange: (e: Country) => void;\n  showFlag?: boolean;\n};\nconst PhonecodeDropdown = ({\n  placeHolder,\n  options,\n  onChange,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  showFlag = true,\n  ...props\n}: ComponentProps) => {\n  const [showMenu, setShowMenu] = useState(false);\n  const [selectedValue, setSelectedValue] = useState<Country>();\n  const [searchValue, setSearchValue] = useState(\"\");\n  const searchRef = useRef<HTMLInputElement>(null);\n  const inputRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (defaultValue) setSelectedValue(defaultValue);\n  }, [defaultValue]);\n  useEffect(() => {\n    setSearchValue(\"\");\n    if (showMenu && searchRef.current) {\n      searchRef.current.focus();\n    }\n  }, [showMenu]);\n\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (inputRef.current && !inputRef.current.contains(e.target as Element)) {\n        setShowMenu(false);\n      }\n    };\n\n    window.addEventListener(\"click\", handler);\n    return () => {\n      window.removeEventListener(\"click\", handler);\n    };\n  });\n  const handleInputClick = () => {\n    setShowMenu(true);\n  };\n\n  const getDisplay = () => {\n    if (!selectedValue) {\n      return searchValue ? searchValue : \"\";\n    }\n    return `${\n      showFlag && \"emoji\" in selectedValue ? selectedValue.emoji : \"\"\n    } +${selectedValue.phone_code}`;\n  };\n\n  const onItemClick = (option: Country) => {\n    setSelectedValue(option);\n    onChange(option);\n  };\n\n  const isSelected = (option: Country) => {\n    if (!selectedValue) {\n      return false;\n    }\n    return selectedValue.id === option.id;\n  };\n\n  const onSearch = (e: ChangeEvent<HTMLInputElement>) => {\n    setSearchValue(e.target.value);\n    setSelectedValue(undefined);\n    if (onTextChange) {\n      onTextChange(e);\n    }\n  };\n\n  const getOptions = () => {\n    if (!searchValue) {\n      return options;\n    }\n    return options.filter(\n      (option) =>\n        option.name.toLowerCase().indexOf(searchValue.toLowerCase()) >= 0 ||\n        option.phone_code.indexOf(searchValue) >= 0 ||\n        (\"+\" + option.phone_code).indexOf(searchValue) >= 0\n    );\n  };\n\n  return (\n    <div className={\"stdropdown-container\"}>\n      <div\n        ref={inputRef}\n        onClick={handleInputClick}\n        className={\"stdropdown-input stsearch-box\"}\n      >\n        <input\n          {...props}\n          className={inputClassName}\n          onChange={onSearch}\n          value={getDisplay()}\n          placeholder={placeHolder}\n          ref={searchRef}\n        />\n        <div className={\"stdropdown-tools\"}>\n          <div className={\"stdropdown-tool\"}>\n            <Icon />\n          </div>\n        </div>\n      </div>\n      {showMenu && (\n        <div className={\"stdropdown-menu\"}>\n          {getOptions().map((option) => (\n            <div\n              onClick={() => onItemClick(option)}\n              key={option.id}\n              className={`${\"stdropdown-item\"} ${\n                isSelected(option) && \"selected\"\n              }`}\n            >\n              {showFlag && (\n                <span className=\"stdropdown-flag\">\n                  {\"emoji\" in option ? option.emoji : \"\"}{\" \"}\n                </span>\n              )}\n              +{option.phone_code}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default PhonecodeDropdown;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { Country } from \"../types\";\nimport { GetCountries, GetCountriesByRegion } from \"../utils\";\nimport PhonecodeDropdown from \"./PhonecodeDropdown\";\n\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  defaultValue?: Country;\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: Country) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  placeHolder?: string;\n  showFlag?: boolean;\n  region?: string;\n  src?: string;\n};\nconst PhonecodeSelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  placeHolder,\n  showFlag,\n  region,\n  src,\n  ...props\n}: PageProps) => {\n  const [countriesunfiltered, setCountries] = useState<Country[]>([]);\n  useEffect(() => {\n    if (region)\n      GetCountriesByRegion(region, src).then((data) => {\n        setCountries(data);\n      });\n    else\n      GetCountries(src).then((data) => {\n        setCountries(data);\n      });\n  }, [region, src]);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <PhonecodeDropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={countriesunfiltered}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as Country);\n            }\n          }}\n          showFlag={showFlag}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default PhonecodeSelect;\n"],"names":["GetRegions","src","__awaiter","url","fetch","then","res","json","_a","sent","GetPhonecodesByRegion","_region","countries","filtered","filter","country","region","map","item","id","name","phone_code","GetPhonecodes","GetCountriesByRegion","GetCountries","GetLanguages","GetState","states","statesone","find","e","GetCity","countryid","stateid","cities","city","Icon","React","createElement","height","width","viewBox","d","Dropdown","placeHolder","options","onChange","inputClassName","onTextChange","defaultValue","_b","showFlag","props","__rest","_c","useState","showMenu","setShowMenu","_d","selectedValue","setSelectedValue","_e","searchValue","setSearchValue","searchRef","useRef","inputRef","useEffect","current","focus","handler","contains","target","window","addEventListener","removeEventListener","isSelected","option","className","ref","onClick","__assign","value","undefined","concat","emoji","placeholder","toLowerCase","indexOf","onItemClick","key","CountrySelect","containerClassName","countriesunfiltered","setCountries","data","Fragment","style","position","StateSelect","setStates","CitySelect","setCities","LanguageDropdown","displayNative","code","native","LanguageSelect","languagesunfiltered","setLanguages","RegionSelect","regionsunfiltered","setRegions","PhonecodeDropdown","PhonecodeSelect"],"mappings":"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"}

dist/esm/types/index.d.ts

@@ -7,3 +7,3 @@ export interface Country {
     numeric_code: string;
-    phone_code: number;
+    phone_code: string;
     capital: string;
@@ -22,2 +22,8 @@ currency: string;
 }
+export interface Phonecodes {
+    id: number;
+    name: string;
+    phone_code: string;
+    region: string;
+}
 export interface Region {
@@ -24,0 +30,0 @@ id: number;

dist/esm/utils/index.d.ts

@@ -1,6 +0,9 @@
-import { City, Country, Language, Region, State } from "../types";
-export declare const GetRegions: () => Promise<Region[] | []>;
-export declare const GetCountries: (_region?: string) => Promise<Country[] | []>;
-export declare const GetLanguages: () => Promise<Language[] | []>;
-export declare const GetState: (id: number) => Promise<Array<State> | []>;
-export declare const GetCity: (countryid: number, stateid: number) => Promise<Array<City> | []>;
+import { City, Country, Language, Phonecodes, Region, State } from "../types";
+export declare const GetRegions: (src?: string) => Promise<Region[] | []>;
+export declare const GetPhonecodesByRegion: (_region: string, src?: string) => Promise<Phonecodes[] | []>;
+export declare const GetPhonecodes: (src?: string) => Promise<Phonecodes[] | []>;
+export declare const GetCountriesByRegion: (_region: string, src?: string) => Promise<Country[] | []>;
+export declare const GetCountries: (src?: string) => Promise<Country[] | []>;
+export declare const GetLanguages: (src?: string) => Promise<Language[] | []>;
+export declare const GetState: (id: number, src?: string) => Promise<Array<State> | []>;
+export declare const GetCity: (countryid: number, stateid: number, src?: string) => Promise<Array<City> | []>;

dist/react-country-state-city.css

@@ -12,2 +12,6 @@ @font-face {
   border-radius: 5px;
+  font-family: Arial, Helvetica, sans-serif;
+}
+
+.stdropdown-flag {
   font-family: "Twemoji Mozilla" !important;
@@ -14,0 +18,0 @@ }

dist/umd/components/CitySelect.d.ts

@@ -12,4 +12,5 @@ import React, { ChangeEvent, InputHTMLAttributes } from "react";
     placeHolder?: string;
+    src?: string;
 };
-declare const CitySelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, countryid, stateid, placeHolder, ...props }: PageProps) => React.JSX.Element;
+declare const CitySelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, countryid, stateid, placeHolder, src, ...props }: PageProps) => React.JSX.Element;
 export default CitySelect;

dist/umd/components/CountrySelect.d.ts

@@ -12,4 +12,5 @@ import React, { ChangeEvent, InputHTMLAttributes } from "react";
     region?: string;
+    src?: string;
 };
-declare const CountrySelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, placeHolder, showFlag, region, ...props }: PageProps) => React.JSX.Element;
+declare const CountrySelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, placeHolder, showFlag, region, src, ...props }: PageProps) => React.JSX.Element;
 export default CountrySelect;

dist/umd/components/LanguageSelect.d.ts

@@ -11,4 +11,5 @@ import React, { ChangeEvent, InputHTMLAttributes } from "react";
     displayNative?: boolean;
+    src?: string;
 };
-declare const LanguageSelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, placeHolder, displayNative, ...props }: PageProps) => React.JSX.Element;
+declare const LanguageSelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, placeHolder, displayNative, src, ...props }: PageProps) => React.JSX.Element;
 export default LanguageSelect;

dist/umd/components/RegionSelect.d.ts

@@ -10,4 +10,5 @@ import React, { ChangeEvent, InputHTMLAttributes } from "react";
     placeHolder?: string;
+    src?: string;
 };
-declare const RegionSelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, placeHolder, ...props }: PageProps) => React.JSX.Element;
+declare const RegionSelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, placeHolder, src, ...props }: PageProps) => React.JSX.Element;
 export default RegionSelect;

dist/umd/components/StateSelect.d.ts

@@ -11,4 +11,5 @@ import React, { ChangeEvent, InputHTMLAttributes } from "react";
     placeHolder?: string;
+    src?: string;
 };
-declare const StateSelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, countryid, placeHolder, ...props }: PageProps) => React.JSX.Element;
+declare const StateSelect: ({ containerClassName, inputClassName, onTextChange, defaultValue, onChange, countryid, placeHolder, src, ...props }: PageProps) => React.JSX.Element;
 export default StateSelect;

dist/umd/index.d.ts

@@ -6,4 +6,5 @@ import CountrySelect from "./components/CountrySelect";
 import RegionSelect from "./components/RegionSelect";
-import { GetCountries, GetState, GetCity, GetLanguages, GetRegions } from "./utils";
+import PhonecodeSelect from "./components/PhonecodeSelect";
+import { GetCountries, GetPhonecodesByRegion, GetState, GetCity, GetLanguages, GetRegions, GetPhonecodes, GetCountriesByRegion } from "./utils";
 import "./styles/style.scss";
-export { CountrySelect, StateSelect, CitySelect, LanguageSelect, RegionSelect, GetCountries, GetState, GetCity, GetLanguages, GetRegions, };
+export { CountrySelect, StateSelect, CitySelect, LanguageSelect, RegionSelect, PhonecodeSelect, GetCountries, GetCountriesByRegion, GetState, GetCity, GetLanguages, GetRegions, GetPhonecodes, GetPhonecodesByRegion, };

dist/umd/index.js

@@ -1,2 +0,2 @@
-!function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],t):t((e="undefined"!=typeof globalThis?globalThis:e||self).ReactCountryStateCity={},e.React)}(this,(function(e,t){"use strict";var n=function(){return n=Object.assign||function(e){for(var t,n=1,a=arguments.length;n<a;n++)for(var o in t=arguments[n])Object.prototype.hasOwnProperty.call(t,o)&&(e[o]=t[o]);return e},n.apply(this,arguments)};function a(e,t){var n={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&t.indexOf(a)<0&&(n[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(e);o<a.length;o++)t.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(n[a[o]]=e[a[o]])}return n}function o(e,t,n,a){return new(n||(n=Promise))((function(o,r){function i(e){try{u(a.next(e))}catch(e){r(e)}}function c(e){try{u(a.throw(e))}catch(e){r(e)}}function u(e){var t;e.done?o(e.value):(t=e.value,t instanceof n?t:new n((function(e){e(t)}))).then(i,c)}u((a=a.apply(e,t||[])).next())}))}function r(e,t){var n,a,o,r,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return r={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(r[Symbol.iterator]=function(){return this}),r;function c(c){return function(u){return function(c){if(n)throw new TypeError("Generator is already executing.");for(;r&&(r=0,c[0]&&(i=0)),i;)try{if(n=1,a&&(o=2&c[0]?a.return:c[0]?a.throw||((o=a.return)&&o.call(a),0):a.next)&&!(o=o.call(a,c[1])).done)return o;switch(a=0,o&&(c=[2&c[0],o.value]),c[0]){case 0:case 1:o=c;break;case 4:return i.label++,{value:c[1],done:!1};case 5:i.label++,a=c[1],c=[0];continue;case 7:c=i.ops.pop(),i.trys.pop();continue;default:if(!(o=i.trys,(o=o.length>0&&o[o.length-1])||6!==c[0]&&2!==c[0])){i=0;continue}if(3===c[0]&&(!o||c[1]>o[0]&&c[1]<o[3])){i.label=c[1];break}if(6===c[0]&&i.label<o[1]){i.label=o[1],o=c;break}if(o&&i.label<o[2]){i.label=o[2],i.ops.push(c);break}o[2]&&i.ops.pop(),i.trys.pop();continue}c=t.call(e,i)}catch(e){c=[6,e],a=0}finally{n=o=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}([c,u])}}}var i=function(){return o(void 0,void 0,void 0,(function(){return r(this,(function(e){switch(e.label){case 0:return[4,fetch("https://venkatmcajj.github.io/react-country-state-city/data/regionsminified.json").then((function(e){return e.json()}))];case 1:return[2,e.sent()]}}))}))},c=function(e){return o(void 0,void 0,void 0,(function(){var t,n;return r(this,(function(a){switch(a.label){case 0:return[4,fetch("https://venkatmcajj.github.io/react-country-state-city/data/countriesminified.json").then((function(e){return e.json()}))];case 1:return t=a.sent(),n=t,e&&(n=n.filter((function(t){return t.region===e}))),[2,n]}}))}))},u=function(){return o(void 0,void 0,void 0,(function(){return r(this,(function(e){switch(e.label){case 0:return[4,fetch("https://venkatmcajj.github.io/react-country-state-city/data/languagesminified.json").then((function(e){return e.json()}))];case 1:return[2,e.sent()]}}))}))},l=function(e){return o(void 0,void 0,void 0,(function(){var t,n;return r(this,(function(a){switch(a.label){case 0:return[4,fetch("https://venkatmcajj.github.io/react-country-state-city/data/statesminified.json").then((function(e){return e.json()}))];case 1:return t=a.sent(),n=t.find((function(t){return t.id===e})),[2,n&&n.states?n.states:[]]}}))}))},s=function(e,t){return o(void 0,void 0,void 0,(function(){var n,a,o,i;return r(this,(function(r){switch(r.label){case 0:return[4,fetch("https://venkatmcajj.github.io/react-country-state-city/data/citiesminified.json").then((function(e){return e.json()}))];case 1:return n=r.sent(),(a=n.find((function(t){return t.id===e})))?(o=a&&a.states?a.states:[],[2,(i=o.find((function(e){return e.id===t})))&&i.cities?i.cities:[]]):[2,[]]}}))}))},f=function(){return t.createElement("svg",{height:"20",width:"20",viewBox:"0 0 20 20"},t.createElement("path",{d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"}))},d=function(e){var o=e.placeHolder,r=e.options,i=e.onChange,c=e.inputClassName,u=e.onTextChange,l=e.defaultValue,s=e.showFlag,d=void 0===s||s,m=a(e,["placeHolder","options","onChange","inputClassName","onTextChange","defaultValue","showFlag"]),p=t.useState(!1),h=p[0],v=p[1],g=t.useState(),C=g[0],y=g[1],E=t.useState(""),N=E[0],w=E[1],b=t.useRef(null),x=t.useRef(null);t.useEffect((function(){l&&y(l)}),[l]),t.useEffect((function(){w(""),h&&b.current&&b.current.focus()}),[h]),t.useEffect((function(){var e=function(e){x.current&&!x.current.contains(e.target)&&v(!1)};return window.addEventListener("click",e),function(){window.removeEventListener("click",e)}}));var j=function(e){return!!C&&C.id===e.id};return t.createElement("div",{className:"stdropdown-container"},t.createElement("div",{ref:x,onClick:function(){v(!0)},className:"stdropdown-input stsearch-box"},t.createElement("input",n({},m,{className:c,onChange:function(e){w(e.target.value),y(void 0),u&&u(e)},value:C?"".concat(d&&"emoji"in C?C.emoji:""," ").concat(C.name):N||"",placeholder:o,ref:b})),t.createElement("div",{className:"stdropdown-tools"},t.createElement("div",{className:"stdropdown-tool"},t.createElement(f,null)))),h&&t.createElement("div",{className:"stdropdown-menu"},(N?r.filter((function(e){return e.name.toLowerCase().indexOf(N.toLowerCase())>=0})):r).map((function(e){return t.createElement("div",{onClick:function(){return function(e){y(e),i(e)}(e)},key:e.id,className:"".concat("stdropdown-item"," ").concat(j(e)&&"selected")},d&&t.createElement("span",null,"emoji"in e?e.emoji:""),e.name)}))))},m=function(){return t.createElement("svg",{height:"20",width:"20",viewBox:"0 0 20 20"},t.createElement("path",{d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"}))},p=function(e){var o=e.placeHolder,r=e.options,i=e.onChange,c=e.inputClassName,u=e.onTextChange,l=e.defaultValue,s=e.displayNative,f=a(e,["placeHolder","options","onChange","inputClassName","onTextChange","defaultValue","displayNative"]),d=t.useState(!1),p=d[0],h=d[1],v=t.useState(),g=v[0],C=v[1],y=t.useState(""),E=y[0],N=y[1],w=t.useRef(null),b=t.useRef(null);t.useEffect((function(){l&&C(l)}),[l]),t.useEffect((function(){N(""),p&&w.current&&w.current.focus()}),[p]),t.useEffect((function(){var e=function(e){b.current&&!b.current.contains(e.target)&&h(!1)};return window.addEventListener("click",e),function(){window.removeEventListener("click",e)}}));var x=function(e){return!!g&&g.code===e.code};return t.createElement("div",{className:"stdropdown-container"},t.createElement("div",{ref:b,onClick:function(){h(!0)},className:"stdropdown-input stsearch-box"},t.createElement("input",n({},f,{className:c,onChange:function(e){N(e.target.value),C(void 0),u&&u(e)},value:g?"".concat(s?g.native:g.name):E||"",placeholder:o,ref:w})),t.createElement("div",{className:"stdropdown-tools"},t.createElement("div",{className:"stdropdown-tool"},t.createElement(m,null)))),p&&t.createElement("div",{className:"stdropdown-menu"},(E?r.filter((function(e){return e.name.toLowerCase().indexOf(E.toLowerCase())>=0})):r).map((function(e){return t.createElement("div",{onClick:function(){return function(e){C(e),i(e)}(e)},key:e.code,className:"".concat("stdropdown-item"," ").concat(x(e)&&"selected")},s?e.native:e.name)}))))};e.CitySelect=function(e){var o=e.containerClassName,r=e.inputClassName,i=e.onTextChange,c=e.defaultValue,u=e.onChange,l=e.countryid,f=e.stateid,m=e.placeHolder,p=a(e,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","countryid","stateid","placeHolder"]),h=t.useState([]),v=h[0],g=h[1];return t.useEffect((function(){l&&s(l,f).then((function(e){g(e)}))}),[l,f]),t.createElement(t.Fragment,null,t.createElement("div",{className:o,style:{position:"relative"}},t.createElement(d,n({},p,{placeHolder:m,options:v,onChange:function(e){u&&u(e)},onTextChange:i,defaultValue:c,inputClassName:r}))))},e.CountrySelect=function(e){var o=e.containerClassName,r=e.inputClassName,i=e.onTextChange,u=e.defaultValue,l=e.onChange,s=e.placeHolder,f=e.showFlag,m=e.region,p=a(e,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","placeHolder","showFlag","region"]),h=t.useState([]),v=h[0],g=h[1];return t.useEffect((function(){c(m).then((function(e){g(e)}))}),[m]),t.createElement(t.Fragment,null,t.createElement("div",{className:o,style:{position:"relative"}},t.createElement(d,n({},p,{placeHolder:s,options:v,onChange:function(e){l&&l(e)},showFlag:f,onTextChange:i,defaultValue:u,inputClassName:r}))))},e.GetCity=s,e.GetCountries=c,e.GetLanguages=u,e.GetRegions=i,e.GetState=l,e.LanguageSelect=function(e){var o=e.containerClassName,r=e.inputClassName,i=e.onTextChange,c=e.defaultValue,l=e.onChange,s=e.placeHolder,f=e.displayNative,d=a(e,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","placeHolder","displayNative"]),m=t.useState([]),h=m[0],v=m[1];return t.useEffect((function(){u().then((function(e){v(e)}))}),[]),t.createElement(t.Fragment,null,t.createElement("div",{className:o,style:{position:"relative"}},t.createElement(p,n({},d,{placeHolder:s,options:h,onChange:function(e){l&&l(e)},displayNative:f,onTextChange:i,defaultValue:c,inputClassName:r}))))},e.RegionSelect=function(e){var o=e.containerClassName,r=e.inputClassName,c=e.onTextChange,u=e.defaultValue,l=e.onChange,s=e.placeHolder,f=a(e,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","placeHolder"]),m=t.useState([]),p=m[0],h=m[1];return t.useEffect((function(){i().then((function(e){h(e)}))}),[]),t.createElement(t.Fragment,null,t.createElement("div",{className:o,style:{position:"relative"}},t.createElement(d,n({},f,{placeHolder:s,options:p,onChange:function(e){l&&l(e)},onTextChange:c,defaultValue:u,inputClassName:r}))))},e.StateSelect=function(e){var o=e.containerClassName,r=e.inputClassName,i=e.onTextChange,c=e.defaultValue,u=e.onChange,s=e.countryid,f=e.placeHolder,m=a(e,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","countryid","placeHolder"]),p=t.useState([]),h=p[0],v=p[1];return t.useEffect((function(){s&&l(s).then((function(e){v(e)}))}),[s]),t.createElement(t.Fragment,null,t.createElement("div",{className:o,style:{position:"relative"}},t.createElement(d,n({},m,{placeHolder:f,options:h,onChange:function(e){u&&u(e)},onTextChange:i,defaultValue:c,inputClassName:r}))))}}));
+!function(e,n){"object"==typeof exports&&"undefined"!=typeof module?n(exports,require("react")):"function"==typeof define&&define.amd?define(["exports","react"],n):n((e="undefined"!=typeof globalThis?globalThis:e||self).ReactCountryStateCity={},e.React)}(this,(function(e,n){"use strict";var t=function(){return t=Object.assign||function(e){for(var n,t=1,a=arguments.length;t<a;t++)for(var o in n=arguments[t])Object.prototype.hasOwnProperty.call(n,o)&&(e[o]=n[o]);return e},t.apply(this,arguments)};function a(e,n){var t={};for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&n.indexOf(a)<0&&(t[a]=e[a]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var o=0;for(a=Object.getOwnPropertySymbols(e);o<a.length;o++)n.indexOf(a[o])<0&&Object.prototype.propertyIsEnumerable.call(e,a[o])&&(t[a[o]]=e[a[o]])}return t}function o(e,n,t,a){return new(t||(t=Promise))((function(o,i){function r(e){try{s(a.next(e))}catch(e){i(e)}}function c(e){try{s(a.throw(e))}catch(e){i(e)}}function s(e){var n;e.done?o(e.value):(n=e.value,n instanceof t?n:new t((function(e){e(n)}))).then(r,c)}s((a=a.apply(e,n||[])).next())}))}function i(e,n){var t,a,o,i,r={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return i={next:c(0),throw:c(1),return:c(2)},"function"==typeof Symbol&&(i[Symbol.iterator]=function(){return this}),i;function c(c){return function(s){return function(c){if(t)throw new TypeError("Generator is already executing.");for(;i&&(i=0,c[0]&&(r=0)),r;)try{if(t=1,a&&(o=2&c[0]?a.return:c[0]?a.throw||((o=a.return)&&o.call(a),0):a.next)&&!(o=o.call(a,c[1])).done)return o;switch(a=0,o&&(c=[2&c[0],o.value]),c[0]){case 0:case 1:o=c;break;case 4:return r.label++,{value:c[1],done:!1};case 5:r.label++,a=c[1],c=[0];continue;case 7:c=r.ops.pop(),r.trys.pop();continue;default:if(!(o=r.trys,(o=o.length>0&&o[o.length-1])||6!==c[0]&&2!==c[0])){r=0;continue}if(3===c[0]&&(!o||c[1]>o[0]&&c[1]<o[3])){r.label=c[1];break}if(6===c[0]&&r.label<o[1]){r.label=o[1],o=c;break}if(o&&r.label<o[2]){r.label=o[2],r.ops.push(c);break}o[2]&&r.ops.pop(),r.trys.pop();continue}c=n.call(e,r)}catch(e){c=[6,e],a=0}finally{t=o=0}if(5&c[0])throw c[1];return{value:c[0]?c[1]:void 0,done:!0}}([c,s])}}}var r=function(e){return o(void 0,void 0,void 0,(function(){var n;return i(this,(function(t){switch(t.label){case 0:return n="https://venkatmcajj.github.io/react-country-state-city/data/regionsminified.json",e&&(n=e+"/regionsminified.json"),[4,fetch(n).then((function(e){return e.json()}))];case 1:return[2,t.sent()]}}))}))},c=function(e,n){return o(void 0,void 0,void 0,(function(){var t,a,o;return i(this,(function(i){switch(i.label){case 0:return t="https://venkatmcajj.github.io/react-country-state-city/data/countriesminified.json",n&&(t=n+"/countriesminified.json"),[4,fetch(t).then((function(e){return e.json()}))];case 1:return a=i.sent(),o=a,e&&(o=o.filter((function(n){return n.region===e}))),[2,o]}}))}))},s=function(e){return o(void 0,void 0,void 0,(function(){var n;return i(this,(function(t){switch(t.label){case 0:return n="https://venkatmcajj.github.io/react-country-state-city/data/countriesminified.json",e&&(n=e+"/countriesminified.json"),[4,fetch(n).then((function(e){return e.json()}))];case 1:return[2,t.sent()]}}))}))},u=function(e){return o(void 0,void 0,void 0,(function(){var n;return i(this,(function(t){switch(t.label){case 0:return n="https://venkatmcajj.github.io/react-country-state-city/data/languagesminified.json",e&&(n=e+"/languagesminified.json"),[4,fetch(n).then((function(e){return e.json()}))];case 1:return[2,t.sent()]}}))}))},l=function(e,n){return o(void 0,void 0,void 0,(function(){var t,a,o;return i(this,(function(i){switch(i.label){case 0:return t="https://venkatmcajj.github.io/react-country-state-city/data/statesminified.json",n&&(t=n+"/languagesminified.json"),[4,fetch(t).then((function(e){return e.json()}))];case 1:return a=i.sent(),o=a.find((function(n){return n.id===e})),[2,o&&o.states?o.states:[]]}}))}))},f=function(e,n,t){return o(void 0,void 0,void 0,(function(){var a,o,r,c,s;return i(this,(function(i){switch(i.label){case 0:return a="https://venkatmcajj.github.io/react-country-state-city/data/citiesminified.json",t&&(a=t+"/citiesminified.json"),[4,fetch(a).then((function(e){return e.json()}))];case 1:return o=i.sent(),(r=o.find((function(n){return n.id===e})))?(c=r&&r.states?r.states:[],[2,(s=c.find((function(e){return e.id===n})))&&s.cities?s.cities:[]]):[2,[]]}}))}))},d=function(){return n.createElement("svg",{height:"20",width:"20",viewBox:"0 0 20 20"},n.createElement("path",{d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"}))},m=function(e){var o=e.placeHolder,i=e.options,r=e.onChange,c=e.inputClassName,s=e.onTextChange,u=e.defaultValue,l=e.showFlag,f=void 0===l||l,m=a(e,["placeHolder","options","onChange","inputClassName","onTextChange","defaultValue","showFlag"]),h=n.useState(!1),p=h[0],v=h[1],g=n.useState(),C=g[0],w=g[1],E=n.useState(""),y=E[0],N=E[1],j=n.useRef(null),x=n.useRef(null);n.useEffect((function(){u&&w(u)}),[u]),n.useEffect((function(){N(""),p&&j.current&&j.current.focus()}),[p]),n.useEffect((function(){var e=function(e){x.current&&!x.current.contains(e.target)&&v(!1)};return window.addEventListener("click",e),function(){window.removeEventListener("click",e)}}));var b=function(e){return!!C&&C.id===e.id};return n.createElement("div",{className:"stdropdown-container"},n.createElement("div",{ref:x,onClick:function(){v(!0)},className:"stdropdown-input stsearch-box"},n.createElement("input",t({},m,{className:c,onChange:function(e){N(e.target.value),w(void 0),s&&s(e)},value:C?"".concat(f&&"emoji"in C?C.emoji:""," ").concat(C.name):y||"",placeholder:o,ref:j})),n.createElement("div",{className:"stdropdown-tools"},n.createElement("div",{className:"stdropdown-tool"},n.createElement(d,null)))),p&&n.createElement("div",{className:"stdropdown-menu"},(y?i.filter((function(e){return e.name.toLowerCase().indexOf(y.toLowerCase())>=0})):i).map((function(e){return n.createElement("div",{onClick:function(){return function(e){w(e),r(e)}(e)},key:e.id,className:"".concat("stdropdown-item"," ").concat(b(e)&&"selected")},f&&n.createElement("span",{className:"stdropdown-flag"},"emoji"in e?e.emoji:""," "),e.name)}))))},h=function(){return n.createElement("svg",{height:"20",width:"20",viewBox:"0 0 20 20"},n.createElement("path",{d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"}))},p=function(e){var o=e.placeHolder,i=e.options,r=e.onChange,c=e.inputClassName,s=e.onTextChange,u=e.defaultValue,l=e.displayNative,f=a(e,["placeHolder","options","onChange","inputClassName","onTextChange","defaultValue","displayNative"]),d=n.useState(!1),m=d[0],p=d[1],v=n.useState(),g=v[0],C=v[1],w=n.useState(""),E=w[0],y=w[1],N=n.useRef(null),j=n.useRef(null);n.useEffect((function(){u&&C(u)}),[u]),n.useEffect((function(){y(""),m&&N.current&&N.current.focus()}),[m]),n.useEffect((function(){var e=function(e){j.current&&!j.current.contains(e.target)&&p(!1)};return window.addEventListener("click",e),function(){window.removeEventListener("click",e)}}));var x=function(e){return!!g&&g.code===e.code};return n.createElement("div",{className:"stdropdown-container"},n.createElement("div",{ref:j,onClick:function(){p(!0)},className:"stdropdown-input stsearch-box"},n.createElement("input",t({},f,{className:c,onChange:function(e){y(e.target.value),C(void 0),s&&s(e)},value:g?"".concat(l?g.native:g.name):E||"",placeholder:o,ref:N})),n.createElement("div",{className:"stdropdown-tools"},n.createElement("div",{className:"stdropdown-tool"},n.createElement(h,null)))),m&&n.createElement("div",{className:"stdropdown-menu"},(E?i.filter((function(e){return e.name.toLowerCase().indexOf(E.toLowerCase())>=0||e.native.toLowerCase().indexOf(E.toLowerCase())>=0})):i).map((function(e){return n.createElement("div",{onClick:function(){return function(e){C(e),r(e)}(e)},key:e.code,className:"".concat("stdropdown-item"," ").concat(x(e)&&"selected")},l?e.native:e.name)}))))},v=function(){return n.createElement("svg",{height:"20",width:"20",viewBox:"0 0 20 20"},n.createElement("path",{d:"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z"}))},g=function(e){var o=e.placeHolder,i=e.options,r=e.onChange,c=e.inputClassName,s=e.onTextChange,u=e.defaultValue,l=e.showFlag,f=void 0===l||l,d=a(e,["placeHolder","options","onChange","inputClassName","onTextChange","defaultValue","showFlag"]),m=n.useState(!1),h=m[0],p=m[1],g=n.useState(),C=g[0],w=g[1],E=n.useState(""),y=E[0],N=E[1],j=n.useRef(null),x=n.useRef(null);n.useEffect((function(){u&&w(u)}),[u]),n.useEffect((function(){N(""),h&&j.current&&j.current.focus()}),[h]),n.useEffect((function(){var e=function(e){x.current&&!x.current.contains(e.target)&&p(!1)};return window.addEventListener("click",e),function(){window.removeEventListener("click",e)}}));var b=function(e){return!!C&&C.id===e.id};return n.createElement("div",{className:"stdropdown-container"},n.createElement("div",{ref:x,onClick:function(){p(!0)},className:"stdropdown-input stsearch-box"},n.createElement("input",t({},d,{className:c,onChange:function(e){N(e.target.value),w(void 0),s&&s(e)},value:C?"".concat(f&&"emoji"in C?C.emoji:""," +").concat(C.phone_code):y||"",placeholder:o,ref:j})),n.createElement("div",{className:"stdropdown-tools"},n.createElement("div",{className:"stdropdown-tool"},n.createElement(v,null)))),h&&n.createElement("div",{className:"stdropdown-menu"},(y?i.filter((function(e){return e.name.toLowerCase().indexOf(y.toLowerCase())>=0||e.phone_code.indexOf(y)>=0||("+"+e.phone_code).indexOf(y)>=0})):i).map((function(e){return n.createElement("div",{onClick:function(){return function(e){w(e),r(e)}(e)},key:e.id,className:"".concat("stdropdown-item"," ").concat(b(e)&&"selected")},f&&n.createElement("span",{className:"stdropdown-flag"},"emoji"in e?e.emoji:""," "),"+",e.phone_code)}))))};e.CitySelect=function(e){var o=e.containerClassName,i=e.inputClassName,r=e.onTextChange,c=e.defaultValue,s=e.onChange,u=e.countryid,l=e.stateid,d=e.placeHolder,h=e.src,p=a(e,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","countryid","stateid","placeHolder","src"]),v=n.useState([]),g=v[0],C=v[1];return n.useEffect((function(){u&&f(u,l,h).then((function(e){C(e)}))}),[u,l,h]),n.createElement(n.Fragment,null,n.createElement("div",{className:o,style:{position:"relative"}},n.createElement(m,t({},p,{placeHolder:d,options:g,onChange:function(e){s&&s(e)},onTextChange:r,defaultValue:c,inputClassName:i}))))},e.CountrySelect=function(e){var o=e.containerClassName,i=e.inputClassName,r=e.onTextChange,u=e.defaultValue,l=e.onChange,f=e.placeHolder,d=e.showFlag,h=e.region,p=e.src,v=a(e,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","placeHolder","showFlag","region","src"]),g=n.useState([]),C=g[0],w=g[1];return n.useEffect((function(){h?c(h,p).then((function(e){w(e)})):s(p).then((function(e){w(e)}))}),[h,p]),n.createElement(n.Fragment,null,n.createElement("div",{className:o,style:{position:"relative"}},n.createElement(m,t({},v,{placeHolder:f,options:C,onChange:function(e){l&&l(e)},showFlag:d,onTextChange:r,defaultValue:u,inputClassName:i}))))},e.GetCity=f,e.GetCountries=s,e.GetCountriesByRegion=c,e.GetLanguages=u,e.GetPhonecodes=function(e){return o(void 0,void 0,void 0,(function(){var n,t;return i(this,(function(a){switch(a.label){case 0:return n="https://venkatmcajj.github.io/react-country-state-city/data/countriesminified.json",e&&(n=e+"/countriesminified.json"),[4,fetch(n).then((function(e){return e.json()}))];case 1:return t=a.sent(),[2,t.map((function(e){return{id:e.id,name:e.name,phone_code:e.phone_code,region:e.region}}))]}}))}))},e.GetPhonecodesByRegion=function(e,n){return o(void 0,void 0,void 0,(function(){var t,a,o;return i(this,(function(i){switch(i.label){case 0:return t="https://venkatmcajj.github.io/react-country-state-city/data/countriesminified.json",n&&(t=n+"/countriesminified.json"),[4,fetch(t).then((function(e){return e.json()}))];case 1:return a=i.sent(),o=a,e&&(o=o.filter((function(n){return n.region===e}))),[2,o.map((function(e){return{id:e.id,name:e.name,phone_code:e.phone_code,region:e.region}}))]}}))}))},e.GetRegions=r,e.GetState=l,e.LanguageSelect=function(e){var o=e.containerClassName,i=e.inputClassName,r=e.onTextChange,c=e.defaultValue,s=e.onChange,l=e.placeHolder,f=e.displayNative,d=e.src,m=a(e,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","placeHolder","displayNative","src"]),h=n.useState([]),v=h[0],g=h[1];return n.useEffect((function(){u(d).then((function(e){g(e)}))}),[d]),n.createElement(n.Fragment,null,n.createElement("div",{className:o,style:{position:"relative"}},n.createElement(p,t({},m,{placeHolder:l,options:v,onChange:function(e){s&&s(e)},displayNative:f,onTextChange:r,defaultValue:c,inputClassName:i}))))},e.PhonecodeSelect=function(e){var o=e.containerClassName,i=e.inputClassName,r=e.onTextChange,u=e.defaultValue,l=e.onChange,f=e.placeHolder,d=e.showFlag,m=e.region,h=e.src,p=a(e,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","placeHolder","showFlag","region","src"]),v=n.useState([]),C=v[0],w=v[1];return n.useEffect((function(){m?c(m,h).then((function(e){w(e)})):s(h).then((function(e){w(e)}))}),[m,h]),n.createElement(n.Fragment,null,n.createElement("div",{className:o,style:{position:"relative"}},n.createElement(g,t({},p,{placeHolder:f,options:C,onChange:function(e){l&&l(e)},showFlag:d,onTextChange:r,defaultValue:u,inputClassName:i}))))},e.RegionSelect=function(e){var o=e.containerClassName,i=e.inputClassName,c=e.onTextChange,s=e.defaultValue,u=e.onChange,l=e.placeHolder,f=e.src,d=a(e,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","placeHolder","src"]),h=n.useState([]),p=h[0],v=h[1];return n.useEffect((function(){r(f).then((function(e){v(e)}))}),[f]),n.createElement(n.Fragment,null,n.createElement("div",{className:o,style:{position:"relative"}},n.createElement(m,t({},d,{placeHolder:l,options:p,onChange:function(e){u&&u(e)},onTextChange:c,defaultValue:s,inputClassName:i}))))},e.StateSelect=function(e){var o=e.containerClassName,i=e.inputClassName,r=e.onTextChange,c=e.defaultValue,s=e.onChange,u=e.countryid,f=e.placeHolder,d=e.src,h=a(e,["containerClassName","inputClassName","onTextChange","defaultValue","onChange","countryid","placeHolder","src"]),p=n.useState([]),v=p[0],g=p[1];return n.useEffect((function(){u&&l(u,d).then((function(e){g(e)}))}),[u,d]),n.createElement(n.Fragment,null,n.createElement("div",{className:o,style:{position:"relative"}},n.createElement(m,t({},h,{placeHolder:f,options:v,onChange:function(e){s&&s(e)},onTextChange:r,defaultValue:c,inputClassName:i}))))}}));
 //# sourceMappingURL=index.js.map

dist/umd/index.js.map

@@ -1,1 +0,1 @@
-{"version":3,"file":"index.js","sources":["../../src/utils/index.ts","../../src/components/Dropdown.tsx","../../src/components/LanguageDropdown.tsx","../../src/components/CitySelect.tsx","../../src/components/CountrySelect.tsx","../../src/components/LanguageSelect.tsx","../../src/components/RegionSelect.tsx","../../src/components/StateSelect.tsx"],"sourcesContent":["import {\n  City,\n  Country,\n  CountryState,\n  CountryStateCity,\n  Language,\n  Region,\n  State,\n} from \"../types\";\n\nexport const GetRegions = async (): Promise<Region[] | []> => {\n  const regions = await fetch(\n    \"https://venkatmcajj.github.io/react-country-state-city/data/regionsminified.json\"\n  ).then((res) => res.json());\n  return regions as Array<Region>;\n};\nexport const GetCountries = async (\n  _region?: string\n): Promise<Country[] | []> => {\n  const countries = await fetch(\n    \"https://venkatmcajj.github.io/react-country-state-city/data/countriesminified.json\"\n  ).then((res) => res.json());\n  let filtered = countries as Array<Country>;\n  if (_region) {\n    filtered = filtered.filter((country: Country) => {\n      return country.region === _region;\n    });\n  }\n  return filtered;\n};\n\nexport const GetLanguages = async (): Promise<Language[] | []> => {\n  const countries = await fetch(\n    \"https://venkatmcajj.github.io/react-country-state-city/data/languagesminified.json\"\n  ).then((res) => res.json());\n  return countries as Array<Language>;\n};\n\nexport const GetState = async (id: number): Promise<Array<State> | []> => {\n  const states = await fetch(\n    \"https://venkatmcajj.github.io/react-country-state-city/data/statesminified.json\"\n  ).then((res) => res.json());\n  const record = states as Array<CountryState>;\n  const statesone = record.find((e: CountryState) => e.id === id);\n  const state = statesone && statesone.states ? statesone.states : [];\n  return state;\n};\n\nexport const GetCity = async (\n  countryid: number,\n  stateid: number\n): Promise<Array<City> | []> => {\n  const cities = await fetch(\n    \"https://venkatmcajj.github.io/react-country-state-city/data/citiesminified.json\"\n  ).then((res) => res.json());\n  const record = cities as Array<CountryStateCity>;\n  const countries = record.find((e: CountryStateCity) => e.id === countryid);\n  if (countries) {\n    const states = countries && countries.states ? countries.states : [];\n    const city = states.find((e) => e.id === stateid);\n    return city && city.cities ? city.cities : [];\n  } else {\n    return [];\n  }\n};\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { City, Country, Region, State } from \"../types\";\nconst Icon = () => {\n  return (\n    <svg height=\"20\" width=\"20\" viewBox=\"0 0 20 20\">\n      <path d=\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\"></path>\n    </svg>\n  );\n};\n\ntype ComponentProps = InputHTMLAttributes<HTMLInputElement> & {\n  placeHolder?: string;\n  options: Array<Region | Country | State | City>;\n  inputClassName?: string;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  defaultValue?: Region | Country | State | City;\n  onChange: (e: Region | Country | State | City) => void;\n  showFlag?: boolean;\n};\nconst Dropdown = ({\n  placeHolder,\n  options,\n  onChange,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  showFlag = true,\n  ...props\n}: ComponentProps) => {\n  const [showMenu, setShowMenu] = useState(false);\n  const [selectedValue, setSelectedValue] = useState<\n    Region | Country | State | City\n  >();\n  const [searchValue, setSearchValue] = useState(\"\");\n  const searchRef = useRef<HTMLInputElement>(null);\n  const inputRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (defaultValue) setSelectedValue(defaultValue);\n  }, [defaultValue]);\n  useEffect(() => {\n    setSearchValue(\"\");\n    if (showMenu && searchRef.current) {\n      searchRef.current.focus();\n    }\n  }, [showMenu]);\n\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (inputRef.current && !inputRef.current.contains(e.target as Element)) {\n        setShowMenu(false);\n      }\n    };\n\n    window.addEventListener(\"click\", handler);\n    return () => {\n      window.removeEventListener(\"click\", handler);\n    };\n  });\n  const handleInputClick = () => {\n    setShowMenu(true);\n  };\n\n  const getDisplay = () => {\n    if (!selectedValue) {\n      return searchValue ? searchValue : \"\";\n    }\n    return `${\n      showFlag && \"emoji\" in selectedValue ? selectedValue.emoji : \"\"\n    } ${selectedValue.name}`;\n  };\n\n  const onItemClick = (option: Region | Country | State | City) => {\n    setSelectedValue(option);\n    onChange(option);\n  };\n\n  const isSelected = (option: Region | Country | State | City) => {\n    if (!selectedValue) {\n      return false;\n    }\n    return selectedValue.id === option.id;\n  };\n\n  const onSearch = (e: ChangeEvent<HTMLInputElement>) => {\n    setSearchValue(e.target.value);\n    setSelectedValue(undefined);\n    if (onTextChange) {\n      onTextChange(e);\n    }\n  };\n\n  const getOptions = () => {\n    if (!searchValue) {\n      return options;\n    }\n    return options.filter(\n      (option) =>\n        option.name.toLowerCase().indexOf(searchValue.toLowerCase()) >= 0\n    );\n  };\n\n  return (\n    <div className={\"stdropdown-container\"}>\n      <div\n        ref={inputRef}\n        onClick={handleInputClick}\n        className={\"stdropdown-input stsearch-box\"}\n      >\n        <input\n          {...props}\n          className={inputClassName}\n          onChange={onSearch}\n          value={getDisplay()}\n          placeholder={placeHolder}\n          ref={searchRef}\n        />\n        <div className={\"stdropdown-tools\"}>\n          <div className={\"stdropdown-tool\"}>\n            <Icon />\n          </div>\n        </div>\n      </div>\n      {showMenu && (\n        <div className={\"stdropdown-menu\"}>\n          {getOptions().map((option) => (\n            <div\n              onClick={() => onItemClick(option)}\n              key={option.id}\n              className={`${\"stdropdown-item\"} ${\n                isSelected(option) && \"selected\"\n              }`}\n            >\n              {showFlag && <span>{\"emoji\" in option ? option.emoji : \"\"}</span>}\n              {option.name}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Dropdown;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { Language } from \"../types\";\nconst Icon = () => {\n  return (\n    <svg height=\"20\" width=\"20\" viewBox=\"0 0 20 20\">\n      <path d=\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\"></path>\n    </svg>\n  );\n};\n\ntype ComponentProps = InputHTMLAttributes<HTMLInputElement> & {\n  placeHolder?: string;\n  options: Array<Language>;\n  inputClassName?: string;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  defaultValue?: Language;\n  onChange: (e: Language) => void;\n  displayNative?: boolean;\n};\nconst LanguageDropdown = ({\n  placeHolder,\n  options,\n  onChange,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  displayNative,\n  ...props\n}: ComponentProps) => {\n  const [showMenu, setShowMenu] = useState(false);\n  const [selectedValue, setSelectedValue] = useState<Language>();\n  const [searchValue, setSearchValue] = useState(\"\");\n  const searchRef = useRef<HTMLInputElement>(null);\n  const inputRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (defaultValue) setSelectedValue(defaultValue);\n  }, [defaultValue]);\n  useEffect(() => {\n    setSearchValue(\"\");\n    if (showMenu && searchRef.current) {\n      searchRef.current.focus();\n    }\n  }, [showMenu]);\n\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (inputRef.current && !inputRef.current.contains(e.target as Element)) {\n        setShowMenu(false);\n      }\n    };\n\n    window.addEventListener(\"click\", handler);\n    return () => {\n      window.removeEventListener(\"click\", handler);\n    };\n  });\n  const handleInputClick = () => {\n    setShowMenu(true);\n  };\n\n  const getDisplay = () => {\n    if (!selectedValue) {\n      return searchValue ? searchValue : \"\";\n    }\n    return `${displayNative ? selectedValue.native : selectedValue.name}`;\n  };\n\n  const onItemClick = (option: Language) => {\n    setSelectedValue(option);\n    onChange(option);\n  };\n\n  const isSelected = (option: Language) => {\n    if (!selectedValue) {\n      return false;\n    }\n    return selectedValue.code === option.code;\n  };\n\n  const onSearch = (e: ChangeEvent<HTMLInputElement>) => {\n    setSearchValue(e.target.value);\n    setSelectedValue(undefined);\n    if (onTextChange) {\n      onTextChange(e);\n    }\n  };\n\n  const getOptions = () => {\n    if (!searchValue) {\n      return options;\n    }\n    return options.filter(\n      (option) =>\n        option.name.toLowerCase().indexOf(searchValue.toLowerCase()) >= 0\n    );\n  };\n\n  return (\n    <div className={\"stdropdown-container\"}>\n      <div\n        ref={inputRef}\n        onClick={handleInputClick}\n        className={\"stdropdown-input stsearch-box\"}\n      >\n        <input\n          {...props}\n          className={inputClassName}\n          onChange={onSearch}\n          value={getDisplay()}\n          placeholder={placeHolder}\n          ref={searchRef}\n        />\n        <div className={\"stdropdown-tools\"}>\n          <div className={\"stdropdown-tool\"}>\n            <Icon />\n          </div>\n        </div>\n      </div>\n      {showMenu && (\n        <div className={\"stdropdown-menu\"}>\n          {getOptions().map((option) => (\n            <div\n              onClick={() => onItemClick(option)}\n              key={option.code}\n              className={`${\"stdropdown-item\"} ${\n                isSelected(option) && \"selected\"\n              }`}\n            >\n              {displayNative ? option.native : option.name}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default LanguageDropdown;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { City } from \"../types\";\nimport { GetCity } from \"../utils\";\nimport Dropdown from \"./Dropdown\";\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: City) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  defaultValue?: City;\n  countryid: number;\n  stateid: number;\n  placeHolder?: string;\n};\n\nconst CitySelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  countryid,\n  stateid,\n  placeHolder,\n  ...props\n}: PageProps) => {\n  const [cities, setCities] = useState<City[]>([]);\n  useEffect(() => {\n    if (countryid) {\n      GetCity(countryid, stateid).then((data) => {\n        setCities(data);\n      });\n    }\n  }, [countryid, stateid]);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <Dropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={cities}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as City);\n            }\n          }}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default CitySelect;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { Country } from \"../types\";\nimport { GetCountries } from \"../utils\";\nimport Dropdown from \"./Dropdown\";\n\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  defaultValue?: Country;\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: Country) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  placeHolder?: string;\n  showFlag?: boolean;\n  region?: string;\n};\nconst CountrySelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  placeHolder,\n  showFlag,\n  region,\n  ...props\n}: PageProps) => {\n  const [countriesunfiltered, setCountries] = useState<Country[]>([]);\n  useEffect(() => {\n    GetCountries(region).then((data) => {\n      setCountries(data);\n    });\n  }, [region]);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <Dropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={countriesunfiltered}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as Country);\n            }\n          }}\n          showFlag={showFlag}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default CountrySelect;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { Language } from \"../types\";\nimport { GetLanguages } from \"../utils\";\nimport LanguageDropdown from \"./LanguageDropdown\";\n\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  defaultValue?: Language;\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: Language) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  placeHolder?: string;\n  displayNative?: boolean;\n};\nconst LanguageSelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  placeHolder,\n  displayNative,\n  ...props\n}: PageProps) => {\n  const [languagesunfiltered, setLanguages] = useState<Language[]>([]);\n  useEffect(() => {\n    GetLanguages().then((data) => {\n      setLanguages(data);\n    });\n  }, []);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <LanguageDropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={languagesunfiltered}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as Language);\n            }\n          }}\n          displayNative={displayNative}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default LanguageSelect;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { Region } from \"../types\";\nimport { GetRegions } from \"../utils\";\nimport Dropdown from \"./Dropdown\";\n\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  defaultValue?: Region;\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: Region) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  placeHolder?: string;\n};\nconst RegionSelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  placeHolder,\n  ...props\n}: PageProps) => {\n  const [regionsunfiltered, setRegions] = useState<Region[]>([]);\n  useEffect(() => {\n    GetRegions().then((data) => {\n      setRegions(data);\n    });\n  }, []);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <Dropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={regionsunfiltered}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as Region);\n            }\n          }}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default RegionSelect;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { State } from \"../types\";\nimport { GetState } from \"../utils\";\nimport Dropdown from \"./Dropdown\";\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: State) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  defaultValue?: State;\n  countryid: number;\n  placeHolder?: string;\n};\n\nconst StateSelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  countryid,\n  placeHolder,\n  ...props\n}: PageProps) => {\n  const [states, setStates] = useState<State[]>([]);\n  useEffect(() => {\n    if (countryid) {\n      GetState(countryid).then((data) => {\n        setStates(data);\n      });\n    }\n  }, [countryid]);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <Dropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={states}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as State);\n            }\n          }}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default StateSelect;\n"],"names":["GetRegions","__awaiter","fetch","then","res","json","_a","sent","GetCountries","_region","countries","filtered","filter","country","region","GetLanguages","GetState","id","states","statesone","find","e","GetCity","countryid","stateid","cities","city","Icon","React","createElement","height","width","viewBox","d","Dropdown","placeHolder","options","onChange","inputClassName","onTextChange","defaultValue","_b","showFlag","props","__rest","_c","useState","showMenu","setShowMenu","_d","selectedValue","setSelectedValue","_e","searchValue","setSearchValue","searchRef","useRef","inputRef","useEffect","current","focus","handler","contains","target","window","addEventListener","removeEventListener","isSelected","option","className","ref","onClick","__assign","value","undefined","concat","emoji","name","placeholder","toLowerCase","indexOf","map","onItemClick","key","LanguageDropdown","displayNative","code","native","containerClassName","setCities","data","Fragment","style","position","countriesunfiltered","setCountries","languagesunfiltered","setLanguages","regionsunfiltered","setRegions","setStates"],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../src/utils/index.ts","../../src/components/Dropdown.tsx","../../src/components/LanguageDropdown.tsx","../../src/components/PhonecodeDropdown.tsx","../../src/components/CitySelect.tsx","../../src/components/CountrySelect.tsx","../../src/components/LanguageSelect.tsx","../../src/components/PhonecodeSelect.tsx","../../src/components/RegionSelect.tsx","../../src/components/StateSelect.tsx"],"sourcesContent":["import {\n  City,\n  Country,\n  CountryState,\n  CountryStateCity,\n  Language,\n  Phonecodes,\n  Region,\n  State,\n} from \"../types\";\n\nexport const GetRegions = async (src?: string): Promise<Region[] | []> => {\n  let url =\n    \"https://venkatmcajj.github.io/react-country-state-city/data/regionsminified.json\";\n  if (src) url = src + \"/regionsminified.json\";\n  const regions = await fetch(url).then((res) => res.json());\n  return regions as Array<Region>;\n};\nexport const GetPhonecodesByRegion = async (\n  _region: string,\n  src?: string\n): Promise<Phonecodes[] | []> => {\n  let url =\n    \"https://venkatmcajj.github.io/react-country-state-city/data/countriesminified.json\";\n  if (src) url = src + \"/countriesminified.json\";\n  const countries = await fetch(url).then((res) => res.json());\n  let filtered = countries as Array<Phonecodes>;\n  if (_region) {\n    filtered = filtered.filter((country: Phonecodes) => {\n      return country.region === _region;\n    });\n  }\n  return filtered.map((item) => {\n    return {\n      id: item.id,\n      name: item.name,\n      phone_code: item.phone_code,\n      region: item.region,\n    };\n  });\n};\nexport const GetPhonecodes = async (\n  src?: string\n): Promise<Phonecodes[] | []> => {\n  let url =\n    \"https://venkatmcajj.github.io/react-country-state-city/data/countriesminified.json\";\n  if (src) url = src + \"/countriesminified.json\";\n  const countries = await fetch(url).then((res) => res.json());\n  const filtered = countries as Array<Phonecodes>;\n  return filtered.map((item) => {\n    return {\n      id: item.id,\n      name: item.name,\n      phone_code: item.phone_code,\n      region: item.region,\n    };\n  });\n};\nexport const GetCountriesByRegion = async (\n  _region: string,\n  src?: string\n): Promise<Country[] | []> => {\n  let url =\n    \"https://venkatmcajj.github.io/react-country-state-city/data/countriesminified.json\";\n  if (src) url = src + \"/countriesminified.json\";\n  const countries = await fetch(url).then((res) => res.json());\n  let filtered = countries as Array<Country>;\n  if (_region) {\n    filtered = filtered.filter((country: Country) => {\n      return country.region === _region;\n    });\n  }\n  return filtered;\n};\nexport const GetCountries = async (src?: string): Promise<Country[] | []> => {\n  let url =\n    \"https://venkatmcajj.github.io/react-country-state-city/data/countriesminified.json\";\n  if (src) url = src + \"/countriesminified.json\";\n  const countries = await fetch(url).then((res) => res.json());\n  return countries as Array<Country>;\n};\n\nexport const GetLanguages = async (src?: string): Promise<Language[] | []> => {\n  let url =\n    \"https://venkatmcajj.github.io/react-country-state-city/data/languagesminified.json\";\n  if (src) url = src + \"/languagesminified.json\";\n  const languages = await fetch(url).then((res) => res.json());\n  return languages as Array<Language>;\n};\n\nexport const GetState = async (\n  id: number,\n  src?: string\n): Promise<Array<State> | []> => {\n  let url =\n    \"https://venkatmcajj.github.io/react-country-state-city/data/statesminified.json\";\n  if (src) url = src + \"/languagesminified.json\";\n  const states = await fetch(url).then((res) => res.json());\n  const record = states as Array<CountryState>;\n  const statesone = record.find((e: CountryState) => e.id === id);\n  const state = statesone && statesone.states ? statesone.states : [];\n  return state;\n};\n\nexport const GetCity = async (\n  countryid: number,\n  stateid: number,\n  src?: string\n): Promise<Array<City> | []> => {\n  let url =\n    \"https://venkatmcajj.github.io/react-country-state-city/data/citiesminified.json\";\n  if (src) url = src + \"/citiesminified.json\";\n  const cities = await fetch(url).then((res) => res.json());\n  const record = cities as Array<CountryStateCity>;\n  const countries = record.find((e: CountryStateCity) => e.id === countryid);\n  if (countries) {\n    const states = countries && countries.states ? countries.states : [];\n    const city = states.find((e) => e.id === stateid);\n    return city && city.cities ? city.cities : [];\n  } else {\n    return [];\n  }\n};\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { City, Country, Region, State } from \"../types\";\nconst Icon = () => {\n  return (\n    <svg height=\"20\" width=\"20\" viewBox=\"0 0 20 20\">\n      <path d=\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\"></path>\n    </svg>\n  );\n};\n\ntype ComponentProps = InputHTMLAttributes<HTMLInputElement> & {\n  placeHolder?: string;\n  options: Array<Region | Country | State | City>;\n  inputClassName?: string;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  defaultValue?: Region | Country | State | City;\n  onChange: (e: Region | Country | State | City) => void;\n  showFlag?: boolean;\n};\nconst Dropdown = ({\n  placeHolder,\n  options,\n  onChange,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  showFlag = true,\n  ...props\n}: ComponentProps) => {\n  const [showMenu, setShowMenu] = useState(false);\n  const [selectedValue, setSelectedValue] = useState<\n    Region | Country | State | City\n  >();\n  const [searchValue, setSearchValue] = useState(\"\");\n  const searchRef = useRef<HTMLInputElement>(null);\n  const inputRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (defaultValue) setSelectedValue(defaultValue);\n  }, [defaultValue]);\n  useEffect(() => {\n    setSearchValue(\"\");\n    if (showMenu && searchRef.current) {\n      searchRef.current.focus();\n    }\n  }, [showMenu]);\n\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (inputRef.current && !inputRef.current.contains(e.target as Element)) {\n        setShowMenu(false);\n      }\n    };\n\n    window.addEventListener(\"click\", handler);\n    return () => {\n      window.removeEventListener(\"click\", handler);\n    };\n  });\n  const handleInputClick = () => {\n    setShowMenu(true);\n  };\n\n  const getDisplay = () => {\n    if (!selectedValue) {\n      return searchValue ? searchValue : \"\";\n    }\n    return `${\n      showFlag && \"emoji\" in selectedValue ? selectedValue.emoji : \"\"\n    } ${selectedValue.name}`;\n  };\n\n  const onItemClick = (option: Region | Country | State | City) => {\n    setSelectedValue(option);\n    onChange(option);\n  };\n\n  const isSelected = (option: Region | Country | State | City) => {\n    if (!selectedValue) {\n      return false;\n    }\n    return selectedValue.id === option.id;\n  };\n\n  const onSearch = (e: ChangeEvent<HTMLInputElement>) => {\n    setSearchValue(e.target.value);\n    setSelectedValue(undefined);\n    if (onTextChange) {\n      onTextChange(e);\n    }\n  };\n\n  const getOptions = () => {\n    if (!searchValue) {\n      return options;\n    }\n    return options.filter(\n      (option) =>\n        option.name.toLowerCase().indexOf(searchValue.toLowerCase()) >= 0\n    );\n  };\n\n  return (\n    <div className={\"stdropdown-container\"}>\n      <div\n        ref={inputRef}\n        onClick={handleInputClick}\n        className={\"stdropdown-input stsearch-box\"}\n      >\n        <input\n          {...props}\n          className={inputClassName}\n          onChange={onSearch}\n          value={getDisplay()}\n          placeholder={placeHolder}\n          ref={searchRef}\n        />\n        <div className={\"stdropdown-tools\"}>\n          <div className={\"stdropdown-tool\"}>\n            <Icon />\n          </div>\n        </div>\n      </div>\n      {showMenu && (\n        <div className={\"stdropdown-menu\"}>\n          {getOptions().map((option) => (\n            <div\n              onClick={() => onItemClick(option)}\n              key={option.id}\n              className={`${\"stdropdown-item\"} ${\n                isSelected(option) && \"selected\"\n              }`}\n            >\n              {showFlag && (\n                <span className=\"stdropdown-flag\">\n                  {\"emoji\" in option ? option.emoji : \"\"}{\" \"}\n                </span>\n              )}\n              {option.name}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default Dropdown;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { Language } from \"../types\";\nconst Icon = () => {\n  return (\n    <svg height=\"20\" width=\"20\" viewBox=\"0 0 20 20\">\n      <path d=\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\"></path>\n    </svg>\n  );\n};\n\ntype ComponentProps = InputHTMLAttributes<HTMLInputElement> & {\n  placeHolder?: string;\n  options: Array<Language>;\n  inputClassName?: string;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  defaultValue?: Language;\n  onChange: (e: Language) => void;\n  displayNative?: boolean;\n};\nconst LanguageDropdown = ({\n  placeHolder,\n  options,\n  onChange,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  displayNative,\n  ...props\n}: ComponentProps) => {\n  const [showMenu, setShowMenu] = useState(false);\n  const [selectedValue, setSelectedValue] = useState<Language>();\n  const [searchValue, setSearchValue] = useState(\"\");\n  const searchRef = useRef<HTMLInputElement>(null);\n  const inputRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (defaultValue) setSelectedValue(defaultValue);\n  }, [defaultValue]);\n  useEffect(() => {\n    setSearchValue(\"\");\n    if (showMenu && searchRef.current) {\n      searchRef.current.focus();\n    }\n  }, [showMenu]);\n\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (inputRef.current && !inputRef.current.contains(e.target as Element)) {\n        setShowMenu(false);\n      }\n    };\n\n    window.addEventListener(\"click\", handler);\n    return () => {\n      window.removeEventListener(\"click\", handler);\n    };\n  });\n  const handleInputClick = () => {\n    setShowMenu(true);\n  };\n\n  const getDisplay = () => {\n    if (!selectedValue) {\n      return searchValue ? searchValue : \"\";\n    }\n    return `${displayNative ? selectedValue.native : selectedValue.name}`;\n  };\n\n  const onItemClick = (option: Language) => {\n    setSelectedValue(option);\n    onChange(option);\n  };\n\n  const isSelected = (option: Language) => {\n    if (!selectedValue) {\n      return false;\n    }\n    return selectedValue.code === option.code;\n  };\n\n  const onSearch = (e: ChangeEvent<HTMLInputElement>) => {\n    setSearchValue(e.target.value);\n    setSelectedValue(undefined);\n    if (onTextChange) {\n      onTextChange(e);\n    }\n  };\n\n  const getOptions = () => {\n    if (!searchValue) {\n      return options;\n    }\n    return options.filter(\n      (option) =>\n        option.name.toLowerCase().indexOf(searchValue.toLowerCase()) >= 0 ||\n        option.native.toLowerCase().indexOf(searchValue.toLowerCase()) >= 0\n    );\n  };\n\n  return (\n    <div className={\"stdropdown-container\"}>\n      <div\n        ref={inputRef}\n        onClick={handleInputClick}\n        className={\"stdropdown-input stsearch-box\"}\n      >\n        <input\n          {...props}\n          className={inputClassName}\n          onChange={onSearch}\n          value={getDisplay()}\n          placeholder={placeHolder}\n          ref={searchRef}\n        />\n        <div className={\"stdropdown-tools\"}>\n          <div className={\"stdropdown-tool\"}>\n            <Icon />\n          </div>\n        </div>\n      </div>\n      {showMenu && (\n        <div className={\"stdropdown-menu\"}>\n          {getOptions().map((option) => (\n            <div\n              onClick={() => onItemClick(option)}\n              key={option.code}\n              className={`${\"stdropdown-item\"} ${\n                isSelected(option) && \"selected\"\n              }`}\n            >\n              {displayNative ? option.native : option.name}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default LanguageDropdown;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useRef,\n  useState,\n} from \"react\";\nimport { Country } from \"../types\";\nconst Icon = () => {\n  return (\n    <svg height=\"20\" width=\"20\" viewBox=\"0 0 20 20\">\n      <path d=\"M4.516 7.548c0.436-0.446 1.043-0.481 1.576 0l3.908 3.747 3.908-3.747c0.533-0.481 1.141-0.446 1.574 0 0.436 0.445 0.408 1.197 0 1.615-0.406 0.418-4.695 4.502-4.695 4.502-0.217 0.223-0.502 0.335-0.787 0.335s-0.57-0.112-0.789-0.335c0 0-4.287-4.084-4.695-4.502s-0.436-1.17 0-1.615z\"></path>\n    </svg>\n  );\n};\n\ntype ComponentProps = InputHTMLAttributes<HTMLInputElement> & {\n  placeHolder?: string;\n  options: Array<Country>;\n  inputClassName?: string;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  defaultValue?: Country;\n  onChange: (e: Country) => void;\n  showFlag?: boolean;\n};\nconst PhonecodeDropdown = ({\n  placeHolder,\n  options,\n  onChange,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  showFlag = true,\n  ...props\n}: ComponentProps) => {\n  const [showMenu, setShowMenu] = useState(false);\n  const [selectedValue, setSelectedValue] = useState<Country>();\n  const [searchValue, setSearchValue] = useState(\"\");\n  const searchRef = useRef<HTMLInputElement>(null);\n  const inputRef = useRef<HTMLDivElement>(null);\n  useEffect(() => {\n    if (defaultValue) setSelectedValue(defaultValue);\n  }, [defaultValue]);\n  useEffect(() => {\n    setSearchValue(\"\");\n    if (showMenu && searchRef.current) {\n      searchRef.current.focus();\n    }\n  }, [showMenu]);\n\n  useEffect(() => {\n    const handler = (e: MouseEvent) => {\n      if (inputRef.current && !inputRef.current.contains(e.target as Element)) {\n        setShowMenu(false);\n      }\n    };\n\n    window.addEventListener(\"click\", handler);\n    return () => {\n      window.removeEventListener(\"click\", handler);\n    };\n  });\n  const handleInputClick = () => {\n    setShowMenu(true);\n  };\n\n  const getDisplay = () => {\n    if (!selectedValue) {\n      return searchValue ? searchValue : \"\";\n    }\n    return `${\n      showFlag && \"emoji\" in selectedValue ? selectedValue.emoji : \"\"\n    } +${selectedValue.phone_code}`;\n  };\n\n  const onItemClick = (option: Country) => {\n    setSelectedValue(option);\n    onChange(option);\n  };\n\n  const isSelected = (option: Country) => {\n    if (!selectedValue) {\n      return false;\n    }\n    return selectedValue.id === option.id;\n  };\n\n  const onSearch = (e: ChangeEvent<HTMLInputElement>) => {\n    setSearchValue(e.target.value);\n    setSelectedValue(undefined);\n    if (onTextChange) {\n      onTextChange(e);\n    }\n  };\n\n  const getOptions = () => {\n    if (!searchValue) {\n      return options;\n    }\n    return options.filter(\n      (option) =>\n        option.name.toLowerCase().indexOf(searchValue.toLowerCase()) >= 0 ||\n        option.phone_code.indexOf(searchValue) >= 0 ||\n        (\"+\" + option.phone_code).indexOf(searchValue) >= 0\n    );\n  };\n\n  return (\n    <div className={\"stdropdown-container\"}>\n      <div\n        ref={inputRef}\n        onClick={handleInputClick}\n        className={\"stdropdown-input stsearch-box\"}\n      >\n        <input\n          {...props}\n          className={inputClassName}\n          onChange={onSearch}\n          value={getDisplay()}\n          placeholder={placeHolder}\n          ref={searchRef}\n        />\n        <div className={\"stdropdown-tools\"}>\n          <div className={\"stdropdown-tool\"}>\n            <Icon />\n          </div>\n        </div>\n      </div>\n      {showMenu && (\n        <div className={\"stdropdown-menu\"}>\n          {getOptions().map((option) => (\n            <div\n              onClick={() => onItemClick(option)}\n              key={option.id}\n              className={`${\"stdropdown-item\"} ${\n                isSelected(option) && \"selected\"\n              }`}\n            >\n              {showFlag && (\n                <span className=\"stdropdown-flag\">\n                  {\"emoji\" in option ? option.emoji : \"\"}{\" \"}\n                </span>\n              )}\n              +{option.phone_code}\n            </div>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default PhonecodeDropdown;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { City } from \"../types\";\nimport { GetCity } from \"../utils\";\nimport Dropdown from \"./Dropdown\";\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: City) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  defaultValue?: City;\n  countryid: number;\n  stateid: number;\n  placeHolder?: string;\n  src?: string;\n};\n\nconst CitySelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  countryid,\n  stateid,\n  placeHolder,\n  src,\n  ...props\n}: PageProps) => {\n  const [cities, setCities] = useState<City[]>([]);\n  useEffect(() => {\n    if (countryid) {\n      GetCity(countryid, stateid, src).then((data) => {\n        setCities(data);\n      });\n    }\n  }, [countryid, stateid, src]);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <Dropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={cities}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as City);\n            }\n          }}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default CitySelect;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { Country } from \"../types\";\nimport { GetCountries, GetCountriesByRegion } from \"../utils\";\nimport Dropdown from \"./Dropdown\";\n\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  defaultValue?: Country;\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: Country) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  placeHolder?: string;\n  showFlag?: boolean;\n  region?: string;\n  src?: string;\n};\nconst CountrySelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  placeHolder,\n  showFlag,\n  region,\n  src,\n  ...props\n}: PageProps) => {\n  const [countriesunfiltered, setCountries] = useState<Country[]>([]);\n  useEffect(() => {\n    if (region)\n      GetCountriesByRegion(region, src).then((data) => {\n        setCountries(data);\n      });\n    else\n      GetCountries(src).then((data) => {\n        setCountries(data);\n      });\n  }, [region, src]);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <Dropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={countriesunfiltered}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as Country);\n            }\n          }}\n          showFlag={showFlag}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default CountrySelect;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { Language } from \"../types\";\nimport { GetLanguages } from \"../utils\";\nimport LanguageDropdown from \"./LanguageDropdown\";\n\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  defaultValue?: Language;\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: Language) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  placeHolder?: string;\n  displayNative?: boolean;\n  src?: string;\n};\nconst LanguageSelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  placeHolder,\n  displayNative,\n  src,\n  ...props\n}: PageProps) => {\n  const [languagesunfiltered, setLanguages] = useState<Language[]>([]);\n  useEffect(() => {\n    GetLanguages(src).then((data) => {\n      setLanguages(data);\n    });\n  }, [src]);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <LanguageDropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={languagesunfiltered}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as Language);\n            }\n          }}\n          displayNative={displayNative}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default LanguageSelect;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { Country } from \"../types\";\nimport { GetCountries, GetCountriesByRegion } from \"../utils\";\nimport PhonecodeDropdown from \"./PhonecodeDropdown\";\n\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  defaultValue?: Country;\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: Country) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  placeHolder?: string;\n  showFlag?: boolean;\n  region?: string;\n  src?: string;\n};\nconst PhonecodeSelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  placeHolder,\n  showFlag,\n  region,\n  src,\n  ...props\n}: PageProps) => {\n  const [countriesunfiltered, setCountries] = useState<Country[]>([]);\n  useEffect(() => {\n    if (region)\n      GetCountriesByRegion(region, src).then((data) => {\n        setCountries(data);\n      });\n    else\n      GetCountries(src).then((data) => {\n        setCountries(data);\n      });\n  }, [region, src]);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <PhonecodeDropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={countriesunfiltered}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as Country);\n            }\n          }}\n          showFlag={showFlag}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default PhonecodeSelect;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { Region } from \"../types\";\nimport { GetRegions } from \"../utils\";\nimport Dropdown from \"./Dropdown\";\n\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  defaultValue?: Region;\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: Region) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  placeHolder?: string;\n  src?: string;\n};\nconst RegionSelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  placeHolder,\n  src,\n  ...props\n}: PageProps) => {\n  const [regionsunfiltered, setRegions] = useState<Region[]>([]);\n  useEffect(() => {\n    GetRegions(src).then((data) => {\n      setRegions(data);\n    });\n  }, [src]);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <Dropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={regionsunfiltered}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as Region);\n            }\n          }}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default RegionSelect;\n","import React, {\n  ChangeEvent,\n  InputHTMLAttributes,\n  useEffect,\n  useState,\n} from \"react\";\nimport { State } from \"../types\";\nimport { GetState } from \"../utils\";\nimport Dropdown from \"./Dropdown\";\ntype PageProps = InputHTMLAttributes<HTMLInputElement> & {\n  containerClassName?: string;\n  inputClassName?: string;\n  onChange?: (e: State) => void;\n  onTextChange?: (e: ChangeEvent<HTMLInputElement>) => void;\n  defaultValue?: State;\n  countryid: number;\n  placeHolder?: string;\n  src?: string;\n};\n\nconst StateSelect = ({\n  containerClassName,\n  inputClassName,\n  onTextChange,\n  defaultValue,\n  onChange,\n  countryid,\n  placeHolder,\n  src,\n  ...props\n}: PageProps) => {\n  const [states, setStates] = useState<State[]>([]);\n  useEffect(() => {\n    if (countryid) {\n      GetState(countryid, src).then((data) => {\n        setStates(data);\n      });\n    }\n  }, [countryid, src]);\n  return (\n    <>\n      <div className={containerClassName} style={{ position: \"relative\" }}>\n        <Dropdown\n          {...props}\n          placeHolder={placeHolder}\n          options={states}\n          onChange={(value) => {\n            if (onChange) {\n              onChange(value as State);\n            }\n          }}\n          onTextChange={onTextChange}\n          defaultValue={defaultValue}\n          inputClassName={inputClassName}\n        />\n      </div>\n    </>\n  );\n};\n\nexport default StateSelect;\n"],"names":["GetRegions","src","__awaiter","url","fetch","then","res","json","_a","sent","GetCountriesByRegion","_region","countries","filtered","filter","country","region","GetCountries","GetLanguages","GetState","id","states","statesone","find","e","GetCity","countryid","stateid","cities","city","Icon","React","createElement","height","width","viewBox","d","Dropdown","placeHolder","options","onChange","inputClassName","onTextChange","defaultValue","_b","showFlag","props","__rest","_c","useState","showMenu","setShowMenu","_d","selectedValue","setSelectedValue","_e","searchValue","setSearchValue","searchRef","useRef","inputRef","useEffect","current","focus","handler","contains","target","window","addEventListener","removeEventListener","isSelected","option","className","ref","onClick","__assign","value","undefined","concat","emoji","name","placeholder","toLowerCase","indexOf","map","onItemClick","key","LanguageDropdown","displayNative","code","native","PhonecodeDropdown","phone_code","containerClassName","setCities","data","Fragment","style","position","countriesunfiltered","setCountries","item","languagesunfiltered","setLanguages","regionsunfiltered","setRegions","setStates"],"mappings":"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"}

dist/umd/types/index.d.ts

@@ -7,3 +7,3 @@ export interface Country {
     numeric_code: string;
-    phone_code: number;
+    phone_code: string;
     capital: string;
@@ -22,2 +22,8 @@ currency: string;
 }
+export interface Phonecodes {
+    id: number;
+    name: string;
+    phone_code: string;
+    region: string;
+}
 export interface Region {
@@ -24,0 +30,0 @@ id: number;

dist/umd/utils/index.d.ts

@@ -1,6 +0,9 @@
-import { City, Country, Language, Region, State } from "../types";
-export declare const GetRegions: () => Promise<Region[] | []>;
-export declare const GetCountries: (_region?: string) => Promise<Country[] | []>;
-export declare const GetLanguages: () => Promise<Language[] | []>;
-export declare const GetState: (id: number) => Promise<Array<State> | []>;
-export declare const GetCity: (countryid: number, stateid: number) => Promise<Array<City> | []>;
+import { City, Country, Language, Phonecodes, Region, State } from "../types";
+export declare const GetRegions: (src?: string) => Promise<Region[] | []>;
+export declare const GetPhonecodesByRegion: (_region: string, src?: string) => Promise<Phonecodes[] | []>;
+export declare const GetPhonecodes: (src?: string) => Promise<Phonecodes[] | []>;
+export declare const GetCountriesByRegion: (_region: string, src?: string) => Promise<Country[] | []>;
+export declare const GetCountries: (src?: string) => Promise<Country[] | []>;
+export declare const GetLanguages: (src?: string) => Promise<Language[] | []>;
+export declare const GetState: (id: number, src?: string) => Promise<Array<State> | []>;
+export declare const GetCity: (countryid: number, stateid: number, src?: string) => Promise<Array<City> | []>;

package.json

 {
   "name": "react-country-state-city",
-  "version": "1.1.5",
+  "version": "1.1.6",
   "description": "A lightweight and easy-to-use React library that provides a comprehensive list of regions or continents, countries, states, cities and languages for creating dynamic and searchable dropdowns. Ideal for building forms and input fields that require accurate and up-to-date geographical selections, with seamless integration for improved user experience.",
@@ -52,3 +52,7 @@ "main": "dist/cjs/index.js",
     "continent-list",
-    "continent-select"
+    "continent-select",
+    "phone_code",
+    "phone_code-list",
+    "phone_code-select",
+    "mobile_code"
   ],
@@ -55,0 +59,0 @@ "author": "Venkatesh",

README.md

@@ -16,3 +16,4 @@ # React-country-state-city
   LanguageSelect,
-  RegionSelect
+  RegionSelect,
+  PhonecodeSelect
 } from "react-country-state-city";
@@ -35,3 +36,9 @@
 - Regions or Continents dropdown to list and search all the regions from the world.
+- Phonecode dropdown to list and search all the codes based on country name or phone codes.
 
+## Data
+
+By default, the control will load the github hosted data files. Alternatively, you can [download the data](https://github.com/venkatmcajj/react-country-state-city/tree/master/data) json file and host it yourself. Simply download the JSON files, and supply the src property to each control to tell it where to download from.
+
+
 ## The gist
@@ -47,3 +54,4 @@
   LanguageSelect,
-  RegionSelect
+  RegionSelect,
+  PhonecodeSelect
 } from "react-country-state-city";
@@ -54,2 +62,3 @@ import "react-country-state-city/dist/react-country-state-city.css";
   const [region, setRegion] = useState("");
+  const [phonecode, setPhoneCode] = useState("");
   const [countryid, setCountryid] = useState(0);
@@ -66,2 +75,3 @@ const [stateid, setstateid] = useState(0);
       />
+      
       <h6>Country</h6>
@@ -82,2 +92,9 @@ <CountrySelect
       />
+      <h6>Phone Code</h6>
+      <RegionSelect
+        onChange={(e) => {
+          setPhoneCode(e.phone_code);
+        }}
+        placeHolder="Select Phone Code"
+      />
       <h6>State</h6>
@@ -120,3 +137,4 @@ <StateSelect
   GetLanguages,
-  GetRegions //async functions
+  GetRegions,
+  GetPhonecodes //async functions
 } from "react-country-state-city";
@@ -130,3 +148,5 @@
   const [language, setLanguage] = useState(0);
+  const [phoneCode, setPhoneCode] = useState("");
 
+  const [phonecodeList, setPhonecodeList] = useState([]);
   const [regionsList, setRegionsList] = useState([]);
@@ -139,2 +159,5 @@ const [countriesList, setCountriesList] = useState([]);
   useEffect(() => {
+    GetPhonecodes().then((result) => {
+      setPhonecodeList(result);
+    });
     GetRegions().then((result) => {
@@ -157,3 +180,3 @@ setRegionsList(result);
           const _region = regionsList[e.target.value];
-          setRegion(country.name);
+          setRegion(_region.name);
         }}
@@ -185,2 +208,15 @@ value={region}
       </select>
+      <h6>Phone Code</h6>
+      <select
+        onChange={(e) => {
+          setRegion(e.target.value);
+        }}
+        value={phoneCode}
+      >
+        {regionsList.map((item, index) => (
+          <option key={index} value={item.phone_code}>
+            +{item.phone_code} - {item.name}
+          </option>
+        ))}
+      </select>
       <h6>State</h6>
@@ -251,2 +287,3 @@ <select
 
+
 ### State Example
@@ -269,2 +306,3 @@
 
+
 ### Country Example
@@ -333,2 +371,19 @@
 
+### Phonecode Example
+
+<img src="https://raw.githubusercontent.com/venkatmcajj/react-country-state-city/master/example/src/example7.png" alt="React country state city example screenshot"/>
+
+### GetPhonecodes - Result
+
+[
+{
+id: string;
+name: string;
+region:string;
+phone_code:string;
+},
+...
+]
+
+
 ## The Country Select Properties
@@ -340,2 +395,3 @@
 | ------------------ | -------- | --------------------------------------------------------------------------------------- |
+| src       | string  | `optional` The relative or absolute URL where the data files are hosted. Default is to serve from hosted CDN. e.g., https://venkatmcajj.github.io/react-country-state-city/data                                          |
 | defaultValue       | Country  | `optional` The current value: a country object                                          |
@@ -355,2 +411,3 @@ | containerClassName | string   | `optional` styles for a container                                                       |
 | --------- | ------ | ------------------------------------------------ |
+| src       | string  | `optional` The relative or absolute URL where the data files are hosted. Default is to serve from hosted CDN. e.g., https://venkatmcajj.github.io/react-country-state-city/data                                          |
 | countryid | number | `required` The id of the selected country object |
@@ -364,2 +421,3 @@
 | --------- | ------ | ------------------------------------------------ |
+| src       | string  | `optional` The relative or absolute URL where the data files are hosted. Default is to serve from hosted CDN. e.g., https://venkatmcajj.github.io/react-country-state-city/data                                          |
 | countryid | number | `required` The id of the selected country object |
@@ -374,2 +432,3 @@ | stateid   | number | `required` The id of the selected state object   |
 | ------------------ | -------- | ------------------------------------------------------------------------------------------------------------------------------------------ |
+| src       | string  | `optional` The relative or absolute URL where the data files are hosted. Default is to serve from hosted CDN. e.g., https://venkatmcajj.github.io/react-country-state-city/data                                          |
 | defaultValue       | Country  | `optional` The current value: a country object                                                                                             |
@@ -387,2 +446,6 @@ | containerClassName | string   | `optional` styles for a container                                                                                                          |
 
+## Phonecode Select Properties
+
+The same country select properties 
+
 ## Demo
@@ -389,0 +452,0 @@

New alerts

Network access

Supply chain risk

This module accesses the network.

Found 1 instance in 1 package

Fixed alerts

Network access

Supply chain risk

This module accesses the network.

Found 1 instance in 1 package

AI-detected potential code anomaly

Supply chain risk

AI has identified unusual behaviors that may pose a security risk.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

1685509

3.73%

Number of package files

47

14.63%

Lines of code

873

26.52%

Number of lines in readme file

449

16.32%

Number of low supply chain risk alerts

1

-50%

Worsened metrics

Number of medium supply chain risk alerts

24

60%

No dependency changes