react-simple-phone-input 1.0.6-beta → 1.0.8-beta

package/dist/esm/index.js

@@ -2800,9 +2800,1329 @@ function requireReact_development () {
 
 var React = /*@__PURE__*/getDefaultExportFromCjs(react.exports);
 
-const PhoneInput = () => {
-    return (React.createElement("div", null,
-        React.createElement("img", { src: "https://lh3.googleusercontent.com/d/1otxg0vwa395hbgPco_CUExdgJPkIx-t4", width: 200, height: 200, alt: "helo" })));
+const countryData = [
+    {
+        country: "Afghanistan",
+        countryCode: "AF",
+        callingCode: "+93"
+    },
+    {
+        country: "Albania",
+        countryCode: "AL",
+        callingCode: "+355"
+    },
+    {
+        country: "Algeria",
+        countryCode: "DZ",
+        callingCode: "+213"
+    },
+    {
+        country: "American Samoa",
+        countryCode: "AS",
+        callingCode: "+1684"
+    },
+    {
+        country: "Andorra",
+        countryCode: "AD",
+        callingCode: "+376"
+    },
+    {
+        country: "Angola",
+        countryCode: "AO",
+        callingCode: "+244"
+    },
+    {
+        country: "Anguilla",
+        countryCode: "AI",
+        callingCode: "+1264"
+    },
+    {
+        country: "Antarctica",
+        countryCode: "AQ",
+        callingCode: "+672"
+    },
+    {
+        country: "Antigua and Barbuda",
+        countryCode: "AG",
+        callingCode: "+1268"
+    },
+    {
+        country: "Argentina",
+        countryCode: "AR",
+        callingCode: "+54"
+    },
+    {
+        country: "Armenia",
+        countryCode: "AM",
+        callingCode: "+374"
+    },
+    {
+        country: "Aruba",
+        countryCode: "AW",
+        callingCode: "+297"
+    },
+    {
+        country: "Australia",
+        countryCode: "AU",
+        callingCode: "+61"
+    },
+    {
+        country: "Austria",
+        countryCode: "AT",
+        callingCode: "+43"
+    },
+    {
+        country: "Azerbaijan",
+        countryCode: "AZ",
+        callingCode: "+994"
+    },
+    {
+        country: "Bahamas",
+        countryCode: "BS",
+        callingCode: "+1242"
+    },
+    {
+        country: "Bahrain",
+        countryCode: "BH",
+        callingCode: "+973"
+    },
+    {
+        country: "Bangladesh",
+        countryCode: "BD",
+        callingCode: "+880"
+    },
+    {
+        country: "Barbados",
+        countryCode: "BB",
+        callingCode: "+1246"
+    },
+    {
+        country: "Belarus",
+        countryCode: "BY",
+        callingCode: "+375"
+    },
+    {
+        country: "Belgium",
+        countryCode: "BE",
+        callingCode: "+32"
+    },
+    {
+        country: "Belize",
+        countryCode: "BZ",
+        callingCode: "+501"
+    },
+    {
+        country: "Benin",
+        countryCode: "BJ",
+        callingCode: "+229"
+    },
+    {
+        country: "Bermuda",
+        countryCode: "BM",
+        callingCode: "+1441"
+    },
+    {
+        country: "Bhutan",
+        countryCode: "BT",
+        callingCode: "+975"
+    },
+    {
+        country: "Bolivia",
+        countryCode: "BO",
+        callingCode: "+591"
+    },
+    {
+        country: "Bosnia and Herzegovina",
+        countryCode: "BA",
+        callingCode: "+387"
+    },
+    {
+        country: "Botswana",
+        countryCode: "BW",
+        callingCode: "+267"
+    },
+    {
+        country: "Bouvet Island",
+        countryCode: "BV",
+        callingCode: "+47"
+    },
+    {
+        country: "Brazil",
+        countryCode: "BR",
+        callingCode: "+55"
+    },
+    {
+        country: "British Indian Ocean Territory",
+        countryCode: "IO",
+        callingCode: "+246"
+    },
+    {
+        country: "British Virgin Islands",
+        countryCode: "VG",
+        callingCode: "+1284"
+    },
+    {
+        country: "Brunei",
+        countryCode: "BN",
+        callingCode: "+673"
+    },
+    {
+        country: "Bulgaria",
+        countryCode: "BG",
+        callingCode: "+359"
+    },
+    {
+        country: "Burkina Faso",
+        countryCode: "BF",
+        callingCode: "+226"
+    },
+    {
+        country: "Burundi",
+        countryCode: "BI",
+        callingCode: "+257"
+    },
+    {
+        country: "Cambodia",
+        countryCode: "KH",
+        callingCode: "+855"
+    },
+    {
+        country: "Cameroon",
+        countryCode: "CM",
+        callingCode: "+237"
+    },
+    {
+        country: "Canada",
+        countryCode: "CA",
+        callingCode: "+1"
+    },
+    {
+        country: "Cape Verde",
+        countryCode: "CV",
+        callingCode: "+238"
+    },
+    {
+        country: "Cayman Islands",
+        countryCode: "KY",
+        callingCode: "+1345"
+    },
+    {
+        country: "Central African Republic",
+        countryCode: "CF",
+        callingCode: "+236"
+    },
+    {
+        country: "Chad",
+        countryCode: "TD",
+        callingCode: "+235"
+    },
+    {
+        country: "Chile",
+        countryCode: "CL",
+        callingCode: "+56"
+    },
+    {
+        country: "China",
+        countryCode: "CN",
+        callingCode: "+86"
+    },
+    {
+        country: "Christmas Island",
+        countryCode: "CX",
+        callingCode: "+61"
+    },
+    {
+        country: "Cocos Islands",
+        countryCode: "CC",
+        callingCode: "+61"
+    },
+    {
+        country: "Colombia",
+        countryCode: "CO",
+        callingCode: "+57"
+    },
+    {
+        country: "Comoros",
+        countryCode: "KM",
+        callingCode: "+269"
+    },
+    {
+        country: "Cook Islands",
+        countryCode: "CK",
+        callingCode: "+682"
+    },
+    {
+        country: "Costa Rica",
+        countryCode: "CR",
+        callingCode: "+506"
+    },
+    {
+        country: "Croatia",
+        countryCode: "HR",
+        callingCode: "+385"
+    },
+    {
+        country: "Cuba",
+        countryCode: "CU",
+        callingCode: "+53"
+    },
+    {
+        country: "Cyprus",
+        countryCode: "CY",
+        callingCode: "+357"
+    },
+    {
+        country: "Czech Republic",
+        countryCode: "CZ",
+        callingCode: "+420"
+    },
+    {
+        country: "Democratic Republic of the Congo",
+        countryCode: "CD",
+        callingCode: "+243"
+    },
+    {
+        country: "Denmark",
+        countryCode: "DK",
+        callingCode: "+45"
+    },
+    {
+        country: "Djibouti",
+        countryCode: "DJ",
+        callingCode: "+253"
+    },
+    {
+        country: "Dominica",
+        countryCode: "DM",
+        callingCode: "+1767"
+    },
+    {
+        country: "Dominican Republic",
+        countryCode: "DO",
+        callingCode: "+1"
+    },
+    {
+        country: "East Timor",
+        countryCode: "TL",
+        callingCode: "+670"
+    },
+    {
+        country: "Ecuador",
+        countryCode: "EC",
+        callingCode: "+593"
+    },
+    {
+        country: "Egypt",
+        countryCode: "EG",
+        callingCode: "+20"
+    },
+    {
+        country: "El Salvador",
+        countryCode: "SV",
+        callingCode: "+503"
+    },
+    {
+        country: "Equatorial Guinea",
+        countryCode: "GQ",
+        callingCode: "+240"
+    },
+    {
+        country: "Eritrea",
+        countryCode: "ER",
+        callingCode: "+291"
+    },
+    {
+        country: "Estonia",
+        countryCode: "EE",
+        callingCode: "+372"
+    },
+    {
+        country: "Ethiopia",
+        countryCode: "ET",
+        callingCode: "+251"
+    },
+    {
+        country: "Falkland Islands",
+        countryCode: "FK",
+        callingCode: "+500"
+    },
+    {
+        country: "Faroe Islands",
+        countryCode: "FO",
+        callingCode: "+298"
+    },
+    {
+        country: "Fiji",
+        countryCode: "FJ",
+        callingCode: "+679"
+    },
+    {
+        country: "Finland",
+        countryCode: "FI",
+        callingCode: "+358"
+    },
+    {
+        country: "France",
+        countryCode: "FR",
+        callingCode: "+33"
+    },
+    {
+        country: "French Guiana",
+        countryCode: "GF",
+        callingCode: "+594"
+    },
+    {
+        country: "French Polynesia",
+        countryCode: "PF",
+        callingCode: "+689"
+    },
+    {
+        country: "French Southern Territories",
+        countryCode: "TF",
+        callingCode: "+262"
+    },
+    {
+        country: "Gabon",
+        countryCode: "GA",
+        callingCode: "+241"
+    },
+    {
+        country: "Gambia",
+        countryCode: "GM",
+        callingCode: "+220"
+    },
+    {
+        country: "Georgia",
+        countryCode: "GE",
+        callingCode: "+995"
+    },
+    {
+        country: "Germany",
+        countryCode: "DE",
+        callingCode: "+49"
+    },
+    {
+        country: "Ghana",
+        countryCode: "GH",
+        callingCode: "+233"
+    },
+    {
+        country: "Gibraltar",
+        countryCode: "GI",
+        callingCode: "+350"
+    },
+    {
+        country: "Greece",
+        countryCode: "GR",
+        callingCode: "+30"
+    },
+    {
+        country: "Greenland",
+        countryCode: "GL",
+        callingCode: "+299"
+    },
+    {
+        country: "Grenada",
+        countryCode: "GD",
+        callingCode: "+473"
+    },
+    {
+        country: "Guadeloupe",
+        countryCode: "GP",
+        callingCode: "+590"
+    },
+    {
+        country: "Guam",
+        countryCode: "GU",
+        callingCode: "+1671"
+    },
+    {
+        country: "Guatemala",
+        countryCode: "GT",
+        callingCode: "+502"
+    },
+    {
+        country: "Guinea",
+        countryCode: "GN",
+        callingCode: "+224"
+    },
+    {
+        country: "Guinea-Bissau",
+        countryCode: "GW",
+        callingCode: "+245"
+    },
+    {
+        country: "Guyana",
+        countryCode: "GY",
+        callingCode: "+592"
+    },
+    {
+        country: "Haiti",
+        countryCode: "HT",
+        callingCode: "+509"
+    },
+    {
+        country: "Honduras",
+        countryCode: "HN",
+        callingCode: "+504"
+    },
+    {
+        country: "Hong Kong",
+        countryCode: "HK",
+        callingCode: "+852"
+    },
+    {
+        country: "Hungary",
+        countryCode: "HU",
+        callingCode: "+36"
+    },
+    {
+        country: "Iceland",
+        countryCode: "IS",
+        callingCode: "+354"
+    },
+    {
+        country: "India",
+        countryCode: "IN",
+        callingCode: "+91"
+    },
+    {
+        country: "Indonesia",
+        countryCode: "ID",
+        callingCode: "+62"
+    },
+    {
+        country: "Iran",
+        countryCode: "IR",
+        callingCode: "+98"
+    },
+    {
+        country: "Iraq",
+        countryCode: "IQ",
+        callingCode: "+964"
+    },
+    {
+        country: "Ireland",
+        countryCode: "IE",
+        callingCode: "+353"
+    },
+    {
+        country: "Israel",
+        countryCode: "IL",
+        callingCode: "+972"
+    },
+    {
+        country: "Italy",
+        countryCode: "IT",
+        callingCode: "+39"
+    },
+    {
+        country: "Ivory Coast",
+        countryCode: "CI",
+        callingCode: "+225"
+    },
+    {
+        country: "Jamaica",
+        countryCode: "JM",
+        callingCode: "+1876"
+    },
+    {
+        country: "Japan",
+        countryCode: "JP",
+        callingCode: "+81"
+    },
+    {
+        country: "Jordan",
+        countryCode: "JO",
+        callingCode: "+962"
+    },
+    {
+        country: "Kazakhstan",
+        countryCode: "KZ",
+        callingCode: "+7"
+    },
+    {
+        country: "Kenya",
+        countryCode: "KE",
+        callingCode: "+254"
+    },
+    {
+        country: "Kiribati",
+        countryCode: "KI",
+        callingCode: "+686"
+    },
+    {
+        country: "Kuwait",
+        countryCode: "KW",
+        callingCode: "+965"
+    },
+    {
+        country: "Kyrgyzstan",
+        countryCode: "KG",
+        callingCode: "+996"
+    },
+    {
+        country: "Laos",
+        countryCode: "LA",
+        callingCode: "+856"
+    },
+    {
+        country: "Latvia",
+        countryCode: "LV",
+        callingCode: "+371"
+    },
+    {
+        country: "Lebanon",
+        countryCode: "LB",
+        callingCode: "+961"
+    },
+    {
+        country: "Lesotho",
+        countryCode: "LS",
+        callingCode: "+266"
+    },
+    {
+        country: "Liberia",
+        countryCode: "LR",
+        callingCode: "+231"
+    },
+    {
+        country: "Libya",
+        countryCode: "LY",
+        callingCode: "+218"
+    },
+    {
+        country: "Liechtenstein",
+        countryCode: "LI",
+        callingCode: "+423"
+    },
+    {
+        country: "Lithuania",
+        countryCode: "LT",
+        callingCode: "+370"
+    },
+    {
+        country: "Luxembourg",
+        countryCode: "LU",
+        callingCode: "+352"
+    },
+    {
+        country: "Macao",
+        countryCode: "MO",
+        callingCode: "+853"
+    },
+    {
+        country: "Macedonia",
+        countryCode: "MK",
+        callingCode: "+389"
+    },
+    {
+        country: "Madagascar",
+        countryCode: "MG",
+        callingCode: "+261"
+    },
+    {
+        country: "Malawi",
+        countryCode: "MW",
+        callingCode: "+265"
+    },
+    {
+        country: "Malaysia",
+        countryCode: "MY",
+        callingCode: "+60"
+    },
+    {
+        country: "Maldives",
+        countryCode: "MV",
+        callingCode: "+960"
+    },
+    {
+        country: "Mali",
+        countryCode: "ML",
+        callingCode: "+223"
+    },
+    {
+        country: "Malta",
+        countryCode: "MT",
+        callingCode: "+356"
+    },
+    {
+        country: "Marshall Islands",
+        countryCode: "MH",
+        callingCode: "+692"
+    },
+    {
+        country: "Martinique",
+        countryCode: "MQ",
+        callingCode: "+596"
+    },
+    {
+        country: "Mauritania",
+        countryCode: "MR",
+        callingCode: "+222"
+    },
+    {
+        country: "Mauritius",
+        countryCode: "MU",
+        callingCode: "+230"
+    },
+    {
+        country: "Mayotte",
+        countryCode: "YT",
+        callingCode: "+262"
+    },
+    {
+        country: "Mexico",
+        countryCode: "MX",
+        callingCode: "+52"
+    },
+    {
+        country: "Micronesia",
+        countryCode: "FM",
+        callingCode: "+691"
+    },
+    {
+        country: "Moldova",
+        countryCode: "MD",
+        callingCode: "+373"
+    },
+    {
+        country: "Monaco",
+        countryCode: "MC",
+        callingCode: "+377"
+    },
+    {
+        country: "Mongolia",
+        countryCode: "MN",
+        callingCode: "+976"
+    },
+    {
+        country: "Montserrat",
+        countryCode: "MS",
+        callingCode: "+1664"
+    },
+    {
+        country: "Morocco",
+        countryCode: "MA",
+        callingCode: "+212"
+    },
+    {
+        country: "Mozambique",
+        countryCode: "MZ",
+        callingCode: "+258"
+    },
+    {
+        country: "Myanmar",
+        countryCode: "MM",
+        callingCode: "+95"
+    },
+    {
+        country: "Namibia",
+        countryCode: "NA",
+        callingCode: "+264"
+    },
+    {
+        country: "Nauru",
+        countryCode: "NR",
+        callingCode: "+674"
+    },
+    {
+        country: "Nepal",
+        countryCode: "NP",
+        callingCode: "+977"
+    },
+    {
+        country: "Netherlands",
+        countryCode: "NL",
+        callingCode: "+31"
+    },
+    {
+        country: "New Caledonia",
+        countryCode: "NC",
+        callingCode: "+687"
+    },
+    {
+        country: "New Zealand",
+        countryCode: "NZ",
+        callingCode: "+64"
+    },
+    {
+        country: "Nicaragua",
+        countryCode: "NI",
+        callingCode: "+505"
+    },
+    {
+        country: "Niger",
+        countryCode: "NE",
+        callingCode: "+227"
+    },
+    {
+        country: "Nigeria",
+        countryCode: "NG",
+        callingCode: "+234"
+    },
+    {
+        country: "Niue",
+        countryCode: "NU",
+        callingCode: "+683"
+    },
+    {
+        country: "Norfolk Island",
+        countryCode: "NF",
+        callingCode: "+672"
+    },
+    {
+        country: "North Korea",
+        countryCode: "KP",
+        callingCode: "+850"
+    },
+    {
+        country: "Northern Mariana Islands",
+        countryCode: "MP",
+        callingCode: "+1670"
+    },
+    {
+        country: "Norway",
+        countryCode: "NO",
+        callingCode: "+47"
+    },
+    {
+        country: "Oman",
+        countryCode: "OM",
+        callingCode: "+968"
+    },
+    {
+        country: "Pakistan",
+        countryCode: "PK",
+        callingCode: "+92"
+    },
+    {
+        country: "Palau",
+        countryCode: "PW",
+        callingCode: "+680"
+    },
+    {
+        country: "Palestinian Territory",
+        countryCode: "PS",
+        callingCode: "+970"
+    },
+    {
+        country: "Panama",
+        countryCode: "PA",
+        callingCode: "+507"
+    },
+    {
+        country: "Papua New Guinea",
+        countryCode: "PG",
+        callingCode: "+675"
+    },
+    {
+        country: "Paraguay",
+        countryCode: "PY",
+        callingCode: "+595"
+    },
+    {
+        country: "Peru",
+        countryCode: "PE",
+        callingCode: "+51"
+    },
+    {
+        country: "Philippines",
+        countryCode: "PH",
+        callingCode: "+63"
+    },
+    {
+        country: "Pitcairn",
+        countryCode: "PN",
+        callingCode: "+872"
+    },
+    {
+        country: "Poland",
+        countryCode: "PL",
+        callingCode: "+48"
+    },
+    {
+        country: "Portugal",
+        countryCode: "PT",
+        callingCode: "+351"
+    },
+    {
+        country: "Puerto Rico",
+        countryCode: "PR",
+        callingCode: "+1"
+    },
+    {
+        country: "Qatar",
+        countryCode: "QA",
+        callingCode: "+974"
+    },
+    {
+        country: "Republic of the Congo",
+        countryCode: "CG",
+        callingCode: "+242"
+    },
+    {
+        country: "Reunion",
+        countryCode: "RE",
+        callingCode: "+262"
+    },
+    {
+        country: "Romania",
+        countryCode: "RO",
+        callingCode: "+40"
+    },
+    {
+        country: "Russia",
+        countryCode: "RU",
+        callingCode: "+7"
+    },
+    {
+        country: "Rwanda",
+        countryCode: "RW",
+        callingCode: "+250"
+    },
+    {
+        country: "Saint Helena",
+        countryCode: "SH",
+        callingCode: "+290"
+    },
+    {
+        country: "Saint Kitts and Nevis",
+        countryCode: "KN",
+        callingCode: "+1869"
+    },
+    {
+        country: "Saint Lucia",
+        countryCode: "LC",
+        callingCode: "+1758"
+    },
+    {
+        country: "Saint Pierre and Miquelon",
+        countryCode: "PM",
+        callingCode: "+508"
+    },
+    {
+        country: "Saint Vincent and the Grenadines",
+        countryCode: "VC",
+        callingCode: "+1784"
+    },
+    {
+        country: "Samoa",
+        countryCode: "WS",
+        callingCode: "+685"
+    },
+    {
+        country: "San Marino",
+        countryCode: "SM",
+        callingCode: "+378"
+    },
+    {
+        country: "Sao Tome and Principe",
+        countryCode: "ST",
+        callingCode: "+239"
+    },
+    {
+        country: "Saudi Arabia",
+        countryCode: "SA",
+        callingCode: "+966"
+    },
+    {
+        country: "Senegal",
+        countryCode: "SN",
+        callingCode: "+221"
+    },
+    {
+        country: "Seychelles",
+        countryCode: "SC",
+        callingCode: "+248"
+    },
+    {
+        country: "Sierra Leone",
+        countryCode: "SL",
+        callingCode: "+232"
+    },
+    {
+        country: "Singapore",
+        countryCode: "SG",
+        callingCode: "+65"
+    },
+    {
+        country: "Slovakia",
+        countryCode: "SK",
+        callingCode: "+421"
+    },
+    {
+        country: "Slovenia",
+        countryCode: "SI",
+        callingCode: "+386"
+    },
+    {
+        country: "Solomon Islands",
+        countryCode: "SB",
+        callingCode: "+677"
+    },
+    {
+        country: "Somalia",
+        countryCode: "SO",
+        callingCode: "+252"
+    },
+    {
+        country: "South Africa",
+        countryCode: "ZA",
+        callingCode: "+27"
+    },
+    {
+        country: "South Georgia and the South Sandwich Islands",
+        countryCode: "GS",
+        callingCode: "+500"
+    },
+    {
+        country: "South Korea",
+        countryCode: "KR",
+        callingCode: "+82"
+    },
+    {
+        country: "Spain",
+        countryCode: "ES",
+        callingCode: "+34"
+    },
+    {
+        country: "Sri Lanka",
+        countryCode: "LK",
+        callingCode: "+94"
+    },
+    {
+        country: "Sudan",
+        countryCode: "SD",
+        callingCode: "+249"
+    },
+    {
+        country: "Suriname",
+        countryCode: "SR",
+        callingCode: "+597"
+    },
+    {
+        country: "Svalbard and Jan Mayen",
+        countryCode: "SJ",
+        callingCode: "+47"
+    },
+    {
+        country: "Swaziland",
+        countryCode: "SZ",
+        callingCode: "+268"
+    },
+    {
+        country: "Sweden",
+        countryCode: "SE",
+        callingCode: "+46"
+    },
+    {
+        country: "Switzerland",
+        countryCode: "CH",
+        callingCode: "+41"
+    },
+    {
+        country: "Syria",
+        countryCode: "SY",
+        callingCode: "+963"
+    },
+    {
+        country: "Taiwan",
+        countryCode: "TW",
+        callingCode: "+886"
+    },
+    {
+        country: "Tajikistan",
+        countryCode: "TJ",
+        callingCode: "+992"
+    },
+    {
+        country: "Tanzania",
+        countryCode: "TZ",
+        callingCode: "+255"
+    },
+    {
+        country: "Thailand",
+        countryCode: "TH",
+        callingCode: "+66"
+    },
+    {
+        country: "Togo",
+        countryCode: "TG",
+        callingCode: "+228"
+    },
+    {
+        country: "Tokelau",
+        countryCode: "TK",
+        callingCode: "+690"
+    },
+    {
+        country: "Tonga",
+        countryCode: "TO",
+        callingCode: "+676"
+    },
+    {
+        country: "Trinidad and Tobago",
+        countryCode: "TT",
+        callingCode: "+1868"
+    },
+    {
+        country: "Tunisia",
+        countryCode: "TN",
+        callingCode: "+216"
+    },
+    {
+        country: "Turkey",
+        countryCode: "TR",
+        callingCode: "+90"
+    },
+    {
+        country: "Turkmenistan",
+        countryCode: "TM",
+        callingCode: "+993"
+    },
+    {
+        country: "Turks and Caicos Islands",
+        countryCode: "TC",
+        callingCode: "+1649"
+    },
+    {
+        country: "Tuvalu",
+        countryCode: "TV",
+        callingCode: "+688"
+    },
+    {
+        country: "U.S. Virgin Islands",
+        countryCode: "VI",
+        callingCode: "+1340"
+    },
+    {
+        country: "Uganda",
+        countryCode: "UG",
+        callingCode: "+256"
+    },
+    {
+        country: "Ukraine",
+        countryCode: "UA",
+        callingCode: "+380"
+    },
+    {
+        country: "United Arab Emirates",
+        countryCode: "AE",
+        callingCode: "+971"
+    },
+    {
+        country: "United Kingdom",
+        countryCode: "GB",
+        callingCode: "+44"
+    },
+    {
+        country: "United States",
+        countryCode: "US",
+        callingCode: "+1"
+    },
+    {
+        country: "United States Minor Outlying Islands",
+        countryCode: "UM",
+        callingCode: "+1"
+    },
+    {
+        country: "Uruguay",
+        countryCode: "UY",
+        callingCode: "+598"
+    },
+    {
+        country: "Uzbekistan",
+        countryCode: "UZ",
+        callingCode: "+998"
+    },
+    {
+        country: "Vanuatu",
+        countryCode: "VU",
+        callingCode: "+678"
+    },
+    {
+        country: "Vatican",
+        countryCode: "VA",
+        callingCode: "+379"
+    },
+    {
+        country: "Venezuela",
+        countryCode: "VE",
+        callingCode: "+58"
+    },
+    {
+        country: "Vietnam",
+        countryCode: "VN",
+        callingCode: "+84"
+    },
+    {
+        country: "Wallis and Futuna",
+        countryCode: "WF",
+        callingCode: "+681"
+    },
+    {
+        country: "Western Sahara",
+        countryCode: "EH",
+        callingCode: "+212"
+    },
+    {
+        country: "Yemen",
+        countryCode: "YE",
+        callingCode: "+967"
+    },
+    {
+        country: "Zambia",
+        countryCode: "ZM",
+        callingCode: "+260"
+    },
+    {
+        country: "Zimbabwe",
+        countryCode: "ZW",
+        callingCode: "+263"
+    }
+];
+
+const getDefaultCountry = (code) => {
+    const result = countryData.find((item) => item.countryCode === code);
+    return result;
+};
+const getBySearch = (search, onlyCountry, excludeCountry) => {
+    var countries = [];
+    if (excludeCountry && excludeCountry.length > 0) {
+        countries = countryData.filter((item) => (excludeCountry === null || excludeCountry === void 0 ? void 0 : excludeCountry.indexOf(item.countryCode)) === -1);
+    }
+    else if (onlyCountry && (onlyCountry === null || onlyCountry === void 0 ? void 0 : onlyCountry.length) > 0) {
+        countries = countryData.filter((item) => (onlyCountry === null || onlyCountry === void 0 ? void 0 : onlyCountry.indexOf(item.countryCode)) !== -1);
+    }
+    else {
+        countries = countryData;
+    }
+    const result = countries.filter((item) => {
+        const escapeRegExp = (str) => str.replace(/[\-\[\]\/\{\}\(\)\*\+\?\.\\\^\$\|]/g, "\\$&");
+        const regex = new RegExp(escapeRegExp(search), "gi");
+        return item.country.match(regex);
+    });
+    return result;
+};
+const getCountryByFilter = (onlyCountry, excludeCountry, preferredCountry) => {
+    var countries = [];
+    if (excludeCountry && excludeCountry.length > 0) {
+        countries = countryData.filter((item) => (excludeCountry === null || excludeCountry === void 0 ? void 0 : excludeCountry.indexOf(item.countryCode)) === -1);
+    }
+    else if (onlyCountry && (onlyCountry === null || onlyCountry === void 0 ? void 0 : onlyCountry.length) > 0) {
+        countries = countryData.filter((item) => (onlyCountry === null || onlyCountry === void 0 ? void 0 : onlyCountry.indexOf(item.countryCode)) !== -1);
+    }
+    else {
+        countries = countryData;
+    }
+    const result = countries.sort((a, b) => (Number(preferredCountry === null || preferredCountry === void 0 ? void 0 : preferredCountry.indexOf(b.countryCode)) - Number(preferredCountry === null || preferredCountry === void 0 ? void 0 : preferredCountry.indexOf(a.countryCode)))
+        || ((preferredCountry === null || preferredCountry === void 0 ? void 0 : preferredCountry.indexOf(a.countryCode)) - (preferredCountry === null || preferredCountry === void 0 ? void 0 : preferredCountry.indexOf(b.countryCode))));
+    return result;
+};
+
+function useOnClickOutside(ref, handler) {
+    react.exports.useEffect(() => {
+        const listener = (event) => {
+            if (!ref.current || ref.current.contains(event.target)) {
+                return;
+            }
+            handler(event);
+        };
+        document.addEventListener("mousedown", listener);
+        document.addEventListener("touchstart", listener);
+        return () => {
+            document.removeEventListener("mousedown", listener);
+            document.removeEventListener("touchstart", listener);
+        };
+    }, [ref, handler]);
+}
+
+const PhoneInput = ({ placeholder, country, onChange, value, iconComponent, inputProps, onlyCountries, excludeCountries, preferredCountries, showDropdownIcon = true, dialCodeInputField = false, search = true, searchPlaceholder = "Search country", showSearchIcon = true, searchIconComponent, searchProps, searchNotFound = "Not found" }) => {
+    const [selected, setSelected] = react.exports.useState({});
+    const [isDropdown, setDropdown] = react.exports.useState(false);
+    const [inputValue, setInputValue] = react.exports.useState(value || "");
+    const [countryDataInfo, setCountryData] = react.exports.useState(countryData);
+    const ref = react.exports.useRef();
+    useOnClickOutside(ref, () => setDropdown(false));
+    //Handler
+    const handleChange = (e) => {
+        const onlyNumber = e.target.value.replace(/\D/g, '');
+        if (dialCodeInputField) {
+            onChange("+" + onlyNumber);
+            setInputValue("+" + onlyNumber);
+        }
+        else {
+            setInputValue(onlyNumber);
+            onChange(selected.callingCode + onlyNumber);
+        }
+    };
+    const onSearchHandler = (e) => {
+        const search = e.target.value;
+        setCountryData(getBySearch(search, onlyCountries, excludeCountries));
+    };
+    const handleSelected = (item) => {
+        if (dialCodeInputField) {
+            const result = inputValue === null || inputValue === void 0 ? void 0 : inputValue.replace(selected.callingCode, item.callingCode);
+            setInputValue(result.length > 0 ? result : item.callingCode);
+            onChange(result.length > 0 ? result : item.callingCode);
+        }
+        else {
+            onChange(item.callingCode + inputValue);
+        }
+        setSelected(item);
+        setDropdown(false);
+    };
+    react.exports.useMemo(() => {
+        if (dialCodeInputField) {
+            const result = inputValue === null || inputValue === void 0 ? void 0 : inputValue.replace(selected.callingCode, getDefaultCountry(country).callingCode);
+            console.log(result);
+            setInputValue(result.length > 0 ? result : getDefaultCountry(country).callingCode);
+        }
+        setSelected(getDefaultCountry(country));
+    }, [country, dialCodeInputField]);
+    react.exports.useMemo(() => {
+        setCountryData(getCountryByFilter(onlyCountries, excludeCountries, preferredCountries));
+    }, [onlyCountries, excludeCountries, preferredCountries]);
+    return (React.createElement("div", { className: "simple-phone-input-sri198-container" },
+        React.createElement("div", { className: "simple-phone-input-sri198-main" },
+            React.createElement("div", { className: "simple-phone-input-sri198-dropdown-container", ref: ref },
+                React.createElement("div", { onClick: () => setDropdown(!isDropdown), className: dialCodeInputField ? "simple-phone-input-sri198-dropdown-container-button dial" : "simple-phone-input-sri198-dropdown-container-button" },
+                    React.createElement("img", { src: "https://cdn.jsdelivr.net/gh/siamahnaf198/country-flags@main/img/" + selected.countryCode + ".svg", alt: selected.country, width: "20px" }),
+                    !dialCodeInputField &&
+                        React.createElement("span", { className: "simple-phone-input-sri198-selected-code" }, selected.callingCode),
+                    showDropdownIcon &&
+                        React.createElement("div", { className: isDropdown ? "simple-phone-input-sri198-dropdown-icon" : "simple-phone-input-sri198-dropdown-icon active" }, iconComponent ? iconComponent : (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 24 24" },
+                            React.createElement("path", { fill: "currentColor", d: "m7 10l5 5l5-5z" }))))),
+                React.createElement("ul", { className: isDropdown ? "simple-phone-input-sri198-dropdown active" : "simple-phone-input-sri198-dropdown" },
+                    search &&
+                        React.createElement("div", { className: "simple-phone-input-sri198-search-container" },
+                            React.createElement("input", Object.assign({ placeholder: searchPlaceholder }, searchProps, { onChange: onSearchHandler })),
+                            showSearchIcon &&
+                                React.createElement("div", { className: "simple-phone-input-sri198-search-icon" }, searchIconComponent !== null && searchIconComponent !== void 0 ? searchIconComponent : (React.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "1em", height: "1em", preserveAspectRatio: "xMidYMid meet", viewBox: "0 0 48 48" },
+                                    React.createElement("g", { fill: "#616161" },
+                                        React.createElement("path", { d: "m29.175 31.99l2.828-2.827l12.019 12.019l-2.828 2.827z" }),
+                                        React.createElement("circle", { cx: "20", cy: "20", r: "16" })),
+                                    React.createElement("path", { fill: "#37474F", d: "m32.45 35.34l2.827-2.828l8.696 8.696l-2.828 2.828z" }),
+                                    React.createElement("circle", { cx: "20", cy: "20", r: "13", fill: "#64B5F6" }),
+                                    React.createElement("path", { fill: "#BBDEFB", d: "M26.9 14.2c-1.7-2-4.2-3.2-6.9-3.2s-5.2 1.2-6.9 3.2c-.4.4-.3 1.1.1 1.4c.4.4 1.1.3 1.4-.1C16 13.9 17.9 13 20 13s4 .9 5.4 2.5c.2.2.5.4.8.4c.2 0 .5-.1.6-.2c.4-.4.4-1.1.1-1.5z" }))))),
+                    countryDataInfo.length === 0 &&
+                        React.createElement("div", { className: "simple-phone-input-sri198-not-found" }, searchNotFound),
+                    countryDataInfo.map((item, i) => (React.createElement("li", { key: i, onClick: () => handleSelected(item), className: item.countryCode === selected.countryCode ? "active" : "" },
+                        React.createElement("img", { src: "https://cdn.jsdelivr.net/gh/siamahnaf198/country-flags@main/img/" + item.countryCode + ".svg", alt: item.country, width: "20px" }),
+                        React.createElement("span", { className: "simple-phone-input-sri198-dropdown-text" }, item.country),
+                        React.createElement("span", { className: "simple-phone-input-sri198-dropdown-country-code" }, item.callingCode)))))),
+            React.createElement("input", Object.assign({ className: "simple-phone-input-sri198-input", placeholder: placeholder, onChange: handleChange, type: "tel", onInput: (e) => {
+                    if (dialCodeInputField) {
+                        const oldVal = inputValue.slice(selected.callingCode.length);
+                        if (e.target.value.startsWith(selected.callingCode)) {
+                            e.target.value = e.target.value;
+                        }
+                        else {
+                            e.target.value = selected.callingCode + oldVal;
+                        }
+                    }
+                }, value: inputValue }, inputProps)))));
 };
 
 export { PhoneInput };