@superdispatch/phones 0.15.0 → 0.16.0-alpha.0

package/dist-web/index.js

@@ -1,12 +1,15 @@
 import { useMemo, forwardRef, useRef, useState, useCallback, useEffect, Suspense } from 'react';
 import _objectSpread from '@babel/runtime/helpers/objectSpread2';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
-import { Typography, MenuItem, Menu, Divider, InputAdornment, ButtonBase, TextField, Link } from '@material-ui/core';
-import { Color, mergeRefs, renderChildren } from '@superdispatch/ui';
-import { makeStyles } from '@material-ui/styles';
+import { Typography, MenuItem, Menu, Divider, InputAdornment, ButtonBase, TextField, Link } from '@mui/material';
+import { v5, Color as Color$1, mergeRefs as mergeRefs$1, renderChildren as renderChildren$2 } from '@superdispatch/ui';
+import { makeStyles } from '@mui/styles';
 import clsx from 'clsx';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { ArrowDropUp, ArrowDropDown } from '@material-ui/icons';
+import { ArrowDropUp, ArrowDropDown } from '@mui/icons-material';
+import { Typography as Typography$1, MenuItem as MenuItem$1, Menu as Menu$1, Divider as Divider$1, InputAdornment as InputAdornment$1, ButtonBase as ButtonBase$1, TextField as TextField$1, Link as Link$1 } from '@material-ui/core';
+import { makeStyles as makeStyles$1 } from '@material-ui/styles';
+import { ArrowDropUp as ArrowDropUp$1, ArrowDropDown as ArrowDropDown$1 } from '@material-ui/icons';
 
 var COUNTRY_CODE_METADATA = /*#__PURE__*/JSON.parse('[["US",1,"United States"],["CA",1,"Canada"],["AU",61,"Australia"],["NZ",64,"New Zealand"],["AC",247,"Ascension Island"],["AD",376,"Andorra"],["AE",971,"United Arab Emirates"],["AF",93,"Afghanistan"],["AG",1,"Antigua and Barbuda"],["AI",1,"Anguilla"],["AL",355,"Albania"],["AM",374,"Armenia"],["AO",244,"Angola"],["AR",54,"Argentina"],["AS",1,"American Samoa"],["AT",43,"Austria"],["AW",297,"Aruba"],["AX",358,"Åland Islands"],["AZ",994,"Azerbaijan"],["BA",387,"Bosnia and Herzegovina"],["BB",1,"Barbados"],["BD",880,"Bangladesh"],["BE",32,"Belgium"],["BF",226,"Burkina Faso"],["BG",359,"Bulgaria"],["BH",973,"Bahrain"],["BI",257,"Burundi"],["BJ",229,"Benin"],["BL",590,"Saint Barthélemy"],["BM",1,"Bermuda"],["BN",673,"Brunei"],["BO",591,"Bolivia"],["BQ",599,"Caribbean Netherlands"],["BR",55,"Brazil"],["BS",1,"Bahamas"],["BT",975,"Bhutan"],["BW",267,"Botswana"],["BY",375,"Belarus"],["BZ",501,"Belize"],["CC",61,"Cocos"],["CD",243,"Congo"],["CF",236,"Central African Republic"],["CG",242,"Congo"],["CH",41,"Switzerland"],["CI",225,"Côte d’Ivoire"],["CK",682,"Cook Islands"],["CL",56,"Chile"],["CM",237,"Cameroon"],["CN",86,"China"],["CO",57,"Colombia"],["CR",506,"Costa Rica"],["CU",53,"Cuba"],["CV",238,"Cape Verde"],["CW",599,"Curaçao"],["CX",61,"Christmas Island"],["CY",357,"Cyprus"],["CZ",420,"Czech Republic"],["DE",49,"Germany"],["DJ",253,"Djibouti"],["DK",45,"Denmark"],["DM",1,"Dominica"],["DO",1,"Dominican Republic"],["DZ",213,"Algeria"],["EC",593,"Ecuador"],["EE",372,"Estonia"],["EG",20,"Egypt"],["EH",212,"Western Sahara"],["ER",291,"Eritrea"],["ES",34,"Spain"],["ET",251,"Ethiopia"],["FI",358,"Finland"],["FJ",679,"Fiji"],["FK",500,"Falkland Islands"],["FM",691,"Micronesia"],["FO",298,"Faroe Islands"],["FR",33,"France"],["GA",241,"Gabon"],["GB",44,"United Kingdom"],["GD",1,"Grenada"],["GE",995,"Georgia"],["GF",594,"French Guiana"],["GG",44,"Guernsey"],["GH",233,"Ghana"],["GI",350,"Gibraltar"],["GL",299,"Greenland"],["GM",220,"Gambia"],["GN",224,"Guinea"],["GP",590,"Guadeloupe"],["GQ",240,"Equatorial Guinea"],["GR",30,"Greece"],["GT",502,"Guatemala"],["GU",1,"Guam"],["GW",245,"Guinea-Bissau"],["GY",592,"Guyana"],["HK",852,"Hong Kong"],["HN",504,"Honduras"],["HR",385,"Croatia"],["HT",509,"Haiti"],["HU",36,"Hungary"],["ID",62,"Indonesia"],["IE",353,"Ireland"],["IL",972,"Israel"],["IM",44,"Isle of Man"],["IN",91,"India"],["IO",246,"British Indian Ocean Territory"],["IQ",964,"Iraq"],["IR",98,"Iran"],["IS",354,"Iceland"],["IT",39,"Italy"],["JE",44,"Jersey"],["JM",1,"Jamaica"],["JO",962,"Jordan"],["JP",81,"Japan"],["KE",254,"Kenya"],["KG",996,"Kyrgyzstan"],["KH",855,"Cambodia"],["KI",686,"Kiribati"],["KM",269,"Comoros"],["KN",1,"Saint Kitts and Nevis"],["KP",850,"North Korea"],["KR",82,"South Korea"],["KW",965,"Kuwait"],["KY",1,"Cayman Islands"],["KZ",7,"Kazakhstan"],["LA",856,"Laos"],["LB",961,"Lebanon"],["LC",1,"Saint Lucia"],["LI",423,"Liechtenstein"],["LK",94,"Sri Lanka"],["LR",231,"Liberia"],["LS",266,"Lesotho"],["LT",370,"Lithuania"],["LU",352,"Luxembourg"],["LV",371,"Latvia"],["LY",218,"Libya"],["MA",212,"Morocco"],["MC",377,"Monaco"],["MD",373,"Moldova"],["ME",382,"Montenegro"],["MF",590,"Saint Martin"],["MG",261,"Madagascar"],["MH",692,"Marshall Islands"],["MK",389,"Macedonia"],["ML",223,"Mali"],["MM",95,"Myanmar"],["MN",976,"Mongolia"],["MO",853,"Macau"],["MP",1,"Northern Mariana Islands"],["MQ",596,"Martinique"],["MR",222,"Mauritania"],["MS",1,"Montserrat"],["MT",356,"Malta"],["MU",230,"Mauritius"],["MV",960,"Maldives"],["MW",265,"Malawi"],["MX",52,"Mexico"],["MY",60,"Malaysia"],["MZ",258,"Mozambique"],["NA",264,"Namibia"],["NC",687,"New Caledonia"],["NE",227,"Niger"],["NF",672,"Norfolk Island"],["NG",234,"Nigeria"],["NI",505,"Nicaragua"],["NL",31,"Netherlands"],["NO",47,"Norway"],["NP",977,"Nepal"],["NR",674,"Nauru"],["NU",683,"Niue"],["OM",968,"Oman"],["PA",507,"Panama"],["PE",51,"Peru"],["PF",689,"French Polynesia"],["PG",675,"Papua New Guinea"],["PH",63,"Philippines"],["PK",92,"Pakistan"],["PL",48,"Poland"],["PM",508,"Saint Pierre and Miquelon"],["PR",1,"Puerto Rico"],["PS",970,"Palestine"],["PT",351,"Portugal"],["PW",680,"Palau"],["PY",595,"Paraguay"],["QA",974,"Qatar"],["RE",262,"Réunion"],["RO",40,"Romania"],["RS",381,"Serbia"],["RU",7,"Russia"],["RW",250,"Rwanda"],["SA",966,"Saudi Arabia"],["SB",677,"Solomon Islands"],["SC",248,"Seychelles"],["SD",249,"Sudan"],["SE",46,"Sweden"],["SG",65,"Singapore"],["SH",290,"Saint Helena"],["SI",386,"Slovenia"],["SJ",47,"Svalbard and Jan Mayen"],["SK",421,"Slovakia"],["SL",232,"Sierra Leone"],["SM",378,"San Marino"],["SN",221,"Senegal"],["SO",252,"Somalia"],["SR",597,"Suriname"],["SS",211,"South Sudan"],["ST",239,"São Tomé and Príncipe"],["SV",503,"El Salvador"],["SX",1,"Sint Maarten"],["SY",963,"Syria"],["SZ",268,"Swaziland"],["TA",290,"Tristan da Cunha"],["TC",1,"Turks and Caicos Islands"],["TD",235,"Chad"],["TG",228,"Togo"],["TH",66,"Thailand"],["TJ",992,"Tajikistan"],["TK",690,"Tokelau"],["TL",670,"Timor-Leste"],["TM",993,"Turkmenistan"],["TN",216,"Tunisia"],["TO",676,"Tonga"],["TR",90,"Turkey"],["TT",1,"Trinidad and Tobago"],["TV",688,"Tuvalu"],["TW",886,"Taiwan"],["TZ",255,"Tanzania"],["UA",380,"Ukraine"],["UG",256,"Uganda"],["UY",598,"Uruguay"],["UZ",998,"Uzbekistan"],["VA",39,"Vatican City"],["VC",1,"Saint Vincent and the Grenadines"],["VE",58,"Venezuela"],["VG",1,"British Virgin Islands"],["VI",1,"U.S. Virgin Islands"],["VN",84,"Vietnam"],["VU",678,"Vanuatu"],["WF",681,"Wallis and Futuna"],["WS",685,"Samoa"],["XK",383,"Kosovo"],["YE",967,"Yemen"],["YT",262,"Mayotte"],["ZA",27,"South Africa"],["ZM",260,"Zambia"],["ZW",263,"Zimbabwe"]]');
 var DEFAULT_COUNTRY = 'US';
@@ -314,6 +317,9 @@ var useStyles$1 = /*#__PURE__*/makeStyles(theme => ({
   gutters: {},
   root: {},
   selected: {},
+  disabled: {},
+  divider: {},
+  focusVisible: {},
   flag: {
     marginRight: theme.spacing(1)
   }
@@ -338,7 +344,6 @@ var PhoneFieldMenuItem = /*#__PURE__*/forwardRef((_ref, ref) => {
   var countryCode = useMemo(() => getCountryCode(country), [country]);
   return /*#__PURE__*/jsxs(MenuItem, _objectSpread(_objectSpread({}, props), {}, {
     ref: ref,
-    button: true,
     classes: styles,
     children: [/*#__PURE__*/jsx(PhoneFieldFlag, {
       country: country,
@@ -386,6 +391,9 @@ var PhoneFieldMenu = /*#__PURE__*/forwardRef((_ref, ref) => {
 });
 if (process.env.NODE_ENV !== "production") PhoneFieldMenu.displayName = "PhoneFieldMenu";
 
+var {
+  Color
+} = v5;
 var useStyles$3 = /*#__PURE__*/makeStyles(theme => ({
   root: {
     marginLeft: theme.spacing(-1),
@@ -439,6 +447,9 @@ if (process.env.NODE_ENV !== "production") PhoneFieldStartAdornment.displayName
 
 var _excluded$2 = ["value", "onBlur", "onFocus", "onChange"],
     _excluded2$1 = ["label", "fullWidth", "helperText", "suspenseFallback"];
+var {
+  mergeRefs
+} = v5;
 
 function normalizeValue(value) {
   return typeof value === 'string' ? value : '';
@@ -575,6 +586,9 @@ if (process.env.NODE_ENV !== "production") SuspendedPhoneField.displayName = "Su
 
 var _excluded$3 = ["phone", "country", "fallback", "format"],
     _excluded2$2 = ["suspenseFallback"];
+var {
+  renderChildren
+} = v5;
 var PhoneLink = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
     phone,
@@ -621,6 +635,9 @@ var SuspendedPhoneLink = /*#__PURE__*/forwardRef((_ref2, ref) => {
 if (process.env.NODE_ENV !== "production") SuspendedPhoneLink.displayName = "SuspendedPhoneLink";
 
 var _excluded$4 = ["suspenseFallback"];
+var {
+  renderChildren: renderChildren$1
+} = v5;
 function PhoneText(_ref) {
   var {
     phone,
@@ -632,7 +649,7 @@ function PhoneText(_ref) {
     format,
     country
   });
-  return renderChildren(children || fallback);
+  return renderChildren$1(children || fallback);
 }
 function SuspendedPhoneText(_ref2) {
   var {
@@ -646,5 +663,664 @@ function SuspendedPhoneText(_ref2) {
   });
 }
 
-export { DEFAULT_COUNTRY, PhoneField, PhoneLink, PhoneService, PhoneText, SuspendedPhoneField, SuspendedPhoneLink, SuspendedPhoneText, formatCountry, getCountryCode, isCountryISO, listCountries, toCountryISO, useFormattedPhoneNumber, usePhoneService };
+
+
+var index = /*#__PURE__*/Object.freeze({
+  __proto__: null,
+  DEFAULT_COUNTRY: DEFAULT_COUNTRY,
+  listCountries: listCountries,
+  isCountryISO: isCountryISO,
+  toCountryISO: toCountryISO,
+  getCountryCode: getCountryCode,
+  formatCountry: formatCountry,
+  useFormattedPhoneNumber: useFormattedPhoneNumber,
+  PhoneField: PhoneField,
+  SuspendedPhoneField: SuspendedPhoneField,
+  PhoneLink: PhoneLink,
+  SuspendedPhoneLink: SuspendedPhoneLink,
+  PhoneService: PhoneService,
+  usePhoneService: usePhoneService,
+  PhoneText: PhoneText,
+  SuspendedPhoneText: SuspendedPhoneText
+});
+
+var COUNTRY_CODE_METADATA$1 = /*#__PURE__*/JSON.parse('[["US",1,"United States"],["CA",1,"Canada"],["AU",61,"Australia"],["NZ",64,"New Zealand"],["AC",247,"Ascension Island"],["AD",376,"Andorra"],["AE",971,"United Arab Emirates"],["AF",93,"Afghanistan"],["AG",1,"Antigua and Barbuda"],["AI",1,"Anguilla"],["AL",355,"Albania"],["AM",374,"Armenia"],["AO",244,"Angola"],["AR",54,"Argentina"],["AS",1,"American Samoa"],["AT",43,"Austria"],["AW",297,"Aruba"],["AX",358,"Åland Islands"],["AZ",994,"Azerbaijan"],["BA",387,"Bosnia and Herzegovina"],["BB",1,"Barbados"],["BD",880,"Bangladesh"],["BE",32,"Belgium"],["BF",226,"Burkina Faso"],["BG",359,"Bulgaria"],["BH",973,"Bahrain"],["BI",257,"Burundi"],["BJ",229,"Benin"],["BL",590,"Saint Barthélemy"],["BM",1,"Bermuda"],["BN",673,"Brunei"],["BO",591,"Bolivia"],["BQ",599,"Caribbean Netherlands"],["BR",55,"Brazil"],["BS",1,"Bahamas"],["BT",975,"Bhutan"],["BW",267,"Botswana"],["BY",375,"Belarus"],["BZ",501,"Belize"],["CC",61,"Cocos"],["CD",243,"Congo"],["CF",236,"Central African Republic"],["CG",242,"Congo"],["CH",41,"Switzerland"],["CI",225,"Côte d’Ivoire"],["CK",682,"Cook Islands"],["CL",56,"Chile"],["CM",237,"Cameroon"],["CN",86,"China"],["CO",57,"Colombia"],["CR",506,"Costa Rica"],["CU",53,"Cuba"],["CV",238,"Cape Verde"],["CW",599,"Curaçao"],["CX",61,"Christmas Island"],["CY",357,"Cyprus"],["CZ",420,"Czech Republic"],["DE",49,"Germany"],["DJ",253,"Djibouti"],["DK",45,"Denmark"],["DM",1,"Dominica"],["DO",1,"Dominican Republic"],["DZ",213,"Algeria"],["EC",593,"Ecuador"],["EE",372,"Estonia"],["EG",20,"Egypt"],["EH",212,"Western Sahara"],["ER",291,"Eritrea"],["ES",34,"Spain"],["ET",251,"Ethiopia"],["FI",358,"Finland"],["FJ",679,"Fiji"],["FK",500,"Falkland Islands"],["FM",691,"Micronesia"],["FO",298,"Faroe Islands"],["FR",33,"France"],["GA",241,"Gabon"],["GB",44,"United Kingdom"],["GD",1,"Grenada"],["GE",995,"Georgia"],["GF",594,"French Guiana"],["GG",44,"Guernsey"],["GH",233,"Ghana"],["GI",350,"Gibraltar"],["GL",299,"Greenland"],["GM",220,"Gambia"],["GN",224,"Guinea"],["GP",590,"Guadeloupe"],["GQ",240,"Equatorial Guinea"],["GR",30,"Greece"],["GT",502,"Guatemala"],["GU",1,"Guam"],["GW",245,"Guinea-Bissau"],["GY",592,"Guyana"],["HK",852,"Hong Kong"],["HN",504,"Honduras"],["HR",385,"Croatia"],["HT",509,"Haiti"],["HU",36,"Hungary"],["ID",62,"Indonesia"],["IE",353,"Ireland"],["IL",972,"Israel"],["IM",44,"Isle of Man"],["IN",91,"India"],["IO",246,"British Indian Ocean Territory"],["IQ",964,"Iraq"],["IR",98,"Iran"],["IS",354,"Iceland"],["IT",39,"Italy"],["JE",44,"Jersey"],["JM",1,"Jamaica"],["JO",962,"Jordan"],["JP",81,"Japan"],["KE",254,"Kenya"],["KG",996,"Kyrgyzstan"],["KH",855,"Cambodia"],["KI",686,"Kiribati"],["KM",269,"Comoros"],["KN",1,"Saint Kitts and Nevis"],["KP",850,"North Korea"],["KR",82,"South Korea"],["KW",965,"Kuwait"],["KY",1,"Cayman Islands"],["KZ",7,"Kazakhstan"],["LA",856,"Laos"],["LB",961,"Lebanon"],["LC",1,"Saint Lucia"],["LI",423,"Liechtenstein"],["LK",94,"Sri Lanka"],["LR",231,"Liberia"],["LS",266,"Lesotho"],["LT",370,"Lithuania"],["LU",352,"Luxembourg"],["LV",371,"Latvia"],["LY",218,"Libya"],["MA",212,"Morocco"],["MC",377,"Monaco"],["MD",373,"Moldova"],["ME",382,"Montenegro"],["MF",590,"Saint Martin"],["MG",261,"Madagascar"],["MH",692,"Marshall Islands"],["MK",389,"Macedonia"],["ML",223,"Mali"],["MM",95,"Myanmar"],["MN",976,"Mongolia"],["MO",853,"Macau"],["MP",1,"Northern Mariana Islands"],["MQ",596,"Martinique"],["MR",222,"Mauritania"],["MS",1,"Montserrat"],["MT",356,"Malta"],["MU",230,"Mauritius"],["MV",960,"Maldives"],["MW",265,"Malawi"],["MX",52,"Mexico"],["MY",60,"Malaysia"],["MZ",258,"Mozambique"],["NA",264,"Namibia"],["NC",687,"New Caledonia"],["NE",227,"Niger"],["NF",672,"Norfolk Island"],["NG",234,"Nigeria"],["NI",505,"Nicaragua"],["NL",31,"Netherlands"],["NO",47,"Norway"],["NP",977,"Nepal"],["NR",674,"Nauru"],["NU",683,"Niue"],["OM",968,"Oman"],["PA",507,"Panama"],["PE",51,"Peru"],["PF",689,"French Polynesia"],["PG",675,"Papua New Guinea"],["PH",63,"Philippines"],["PK",92,"Pakistan"],["PL",48,"Poland"],["PM",508,"Saint Pierre and Miquelon"],["PR",1,"Puerto Rico"],["PS",970,"Palestine"],["PT",351,"Portugal"],["PW",680,"Palau"],["PY",595,"Paraguay"],["QA",974,"Qatar"],["RE",262,"Réunion"],["RO",40,"Romania"],["RS",381,"Serbia"],["RU",7,"Russia"],["RW",250,"Rwanda"],["SA",966,"Saudi Arabia"],["SB",677,"Solomon Islands"],["SC",248,"Seychelles"],["SD",249,"Sudan"],["SE",46,"Sweden"],["SG",65,"Singapore"],["SH",290,"Saint Helena"],["SI",386,"Slovenia"],["SJ",47,"Svalbard and Jan Mayen"],["SK",421,"Slovakia"],["SL",232,"Sierra Leone"],["SM",378,"San Marino"],["SN",221,"Senegal"],["SO",252,"Somalia"],["SR",597,"Suriname"],["SS",211,"South Sudan"],["ST",239,"São Tomé and Príncipe"],["SV",503,"El Salvador"],["SX",1,"Sint Maarten"],["SY",963,"Syria"],["SZ",268,"Swaziland"],["TA",290,"Tristan da Cunha"],["TC",1,"Turks and Caicos Islands"],["TD",235,"Chad"],["TG",228,"Togo"],["TH",66,"Thailand"],["TJ",992,"Tajikistan"],["TK",690,"Tokelau"],["TL",670,"Timor-Leste"],["TM",993,"Turkmenistan"],["TN",216,"Tunisia"],["TO",676,"Tonga"],["TR",90,"Turkey"],["TT",1,"Trinidad and Tobago"],["TV",688,"Tuvalu"],["TW",886,"Taiwan"],["TZ",255,"Tanzania"],["UA",380,"Ukraine"],["UG",256,"Uganda"],["UY",598,"Uruguay"],["UZ",998,"Uzbekistan"],["VA",39,"Vatican City"],["VC",1,"Saint Vincent and the Grenadines"],["VE",58,"Venezuela"],["VG",1,"British Virgin Islands"],["VI",1,"U.S. Virgin Islands"],["VN",84,"Vietnam"],["VU",678,"Vanuatu"],["WF",681,"Wallis and Futuna"],["WS",685,"Samoa"],["XK",383,"Kosovo"],["YE",967,"Yemen"],["YT",262,"Mayotte"],["ZA",27,"South Africa"],["ZM",260,"Zambia"],["ZW",263,"Zimbabwe"]]');
+var DEFAULT_COUNTRY$1 = 'US';
+var COUNTRIES$1 = [];
+var COUNTRY_CODE_MAP$1 = /*#__PURE__*/new Map();
+var COUNTRY_NAME_MAP$1 = /*#__PURE__*/new Map();
+
+for (var [country$1, code$1, name$1] of COUNTRY_CODE_METADATA$1) {
+  COUNTRIES$1.push(country$1);
+  COUNTRY_CODE_MAP$1.set(country$1, code$1);
+  COUNTRY_NAME_MAP$1.set(country$1, name$1);
+}
+
+function listCountries$1() {
+  return COUNTRIES$1;
+}
+function isCountryISO$1(value) {
+  return typeof value == 'string' && COUNTRY_CODE_MAP$1.has(value);
+}
+function toCountryISO$1(value) {
+  return isCountryISO$1(value) ? value : DEFAULT_COUNTRY$1;
+}
+function getCountryCode$1(country) {
+  return COUNTRY_CODE_MAP$1.get(country) || 0;
+}
+function formatCountry$1(country) {
+  return COUNTRY_NAME_MAP$1.get(country) || 'Invalid Country ISO';
+}
+
+var loadError$1;
+var loadedAPN$1;
+function loadAPN$1() {
+  return import(
+  /* webpackPrefetch: true */
+
+  /* webpackChunkName: "apn" */
+  'awesome-phonenumber').then(apn => {
+    loadedAPN$1 = apn.default;
+    return loadedAPN$1;
+  }, error => {
+    loadError$1 = error;
+    throw error;
+  });
+}
+function getAPN$1() {
+  if (loadError$1) {
+    throw loadError$1;
+  }
+
+  if (!loadedAPN$1) {
+    // eslint-disable-next-line @typescript-eslint/no-throw-literal
+    throw loadAPN$1();
+  }
+
+  return loadedAPN$1;
+}
+
+var PLUS_SIGN$1 = '+';
+var NON_PHONE_SYMBOLS_PATTERN$1 = /[^+\d]/g;
+var PHONE_PATTERN$1 = /^\+?\d+/g;
+
+function getPrefix$1(country) {
+  return PLUS_SIGN$1 + String(getCountryCode$1(toCountryISO$1(country)));
+}
+
+function trim$1(input) {
+  return typeof input == 'string' ? input.trim() : undefined;
+}
+
+function normalize$1(input) {
+  if (typeof input == 'string') {
+    var matches = input.replace(NON_PHONE_SYMBOLS_PATTERN$1, '').match(PHONE_PATTERN$1);
+    if (matches !== null && matches !== void 0 && matches[0]) return matches[0];
+  }
+
+  return '';
+}
+
+function normalizeNational$1(country, input) {
+  var phone = normalize$1(input);
+  var prefix = getPrefix$1(country);
+
+  if (phone.startsWith(PLUS_SIGN$1)) {
+    return phone.slice(prefix.length);
+  }
+
+  return phone;
+}
+
+class PhoneService$1 {
+  static load() {
+    return loadAPN$1().then(APN => new PhoneService$1(APN));
+  }
+
+  static checkPossibility(input) {
+    return this.load().then(phoneService => phoneService.checkPossibility(input));
+  }
+
+  static validate(input, rules) {
+    return this.load().then(phoneService => phoneService.validate(input, rules));
+  }
+
+  constructor(APN) {
+    this.APN = APN;
+  }
+
+  createAPN(phone, country) {
+    var asYouType = this.APN.getAsYouType(toCountryISO$1(country));
+    asYouType.reset(normalize$1(phone));
+    return asYouType.getPhoneNumber();
+  }
+
+  getJSON(phone, country) {
+    return this.createAPN(phone, country).toJSON();
+  }
+
+  checkPossibility(input) {
+    var phone = trim$1(input);
+
+    if (!phone) {
+      return 'unknown';
+    }
+
+    var apn = phone.startsWith(PLUS_SIGN$1) ? new this.APN(phone) : new this.APN(phone, DEFAULT_COUNTRY$1);
+    var {
+      valid,
+      possible,
+      possibility
+    } = apn.toJSON(); // Avoid false positive short phone numbers.
+
+    if (!valid && possible) {
+      return 'invalid-number';
+    }
+
+    return possibility;
+  }
+
+  validate(input) {
+    var {
+      required,
+      requiredMessage = 'This field is required',
+      invalidMessage = 'Invalid phone number',
+      tooLongMessage = 'Phone number is too long',
+      tooShortMessage = 'Phone number is too short'
+    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var phone = trim$1(input);
+
+    if (!phone) {
+      if (required) {
+        return requiredMessage;
+      }
+
+      return undefined;
+    }
+
+    switch (this.checkPossibility(phone)) {
+      case 'is-possible':
+        return undefined;
+
+      case 'too-long':
+        return tooLongMessage;
+
+      case 'too-short':
+        return tooShortMessage;
+    }
+
+    return invalidMessage;
+  }
+
+  getInfo(phone) {
+    var {
+      regionCode,
+      number: {
+        input,
+        national: nationalNumber
+      }
+    } = this.getJSON(phone);
+    var country = toCountryISO$1(regionCode);
+
+    if (!nationalNumber) {
+      nationalNumber = normalizeNational$1(country, input);
+    }
+
+    return {
+      country,
+      nationalNumber
+    };
+  }
+
+  format(input) {
+    var {
+      country,
+      format = 'e164',
+      fallback = ''
+    } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+    var phone = normalize$1(input);
+
+    if (!phone) {
+      return fallback;
+    }
+
+    var apn = this.createAPN(phone, country);
+    var formatted = apn.getNumber(format);
+
+    if (!formatted) {
+      country = toCountryISO$1(apn.getRegionCode());
+      var nationalNumber = normalizeNational$1(country, phone);
+
+      if (format === 'national') {
+        return nationalNumber;
+      }
+
+      var prefix = '';
+      var separator = '';
+
+      if (format === 'rfc3966') {
+        prefix = 'tel:';
+        separator = '-';
+      }
+
+      if (format === 'international') {
+        separator = ' ';
+      }
+
+      formatted = prefix + getPrefix$1(country);
+
+      if (nationalNumber) {
+        formatted += separator + nationalNumber;
+      }
+    }
+
+    return formatted;
+  }
+
+}
+function usePhoneService$1() {
+  var APN = getAPN$1();
+  return useMemo(() => new PhoneService$1(APN), [APN]);
+}
+
+function useFormattedPhoneNumber$1(input) {
+  var {
+    format,
+    country,
+    fallback = ''
+  } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var phoneService = usePhoneService$1();
+  return useMemo(() => {
+    if (phoneService.checkPossibility(input) !== 'is-possible') {
+      return fallback;
+    }
+
+    return phoneService.format(input, {
+      format,
+      country,
+      fallback
+    });
+  }, [phoneService, input, format, country, fallback]);
+}
+
+var _excluded$5 = ["country", "alt", "className"];
+var useStyles$4 = /*#__PURE__*/makeStyles$1(theme => ({
+  root: {
+    minHeight: theme.spacing(2),
+    minWidth: theme.spacing(2.75)
+  }
+}), {
+  name: 'SD-PhoneFieldFlag'
+});
+var PhoneFieldFlag$1 = /*#__PURE__*/forwardRef((_ref, ref) => {
+  var {
+    country,
+    alt = country,
+    className
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded$5);
+
+  var styles = useStyles$4();
+
+  if (country === 'AC' || country === 'BQ' || country === 'EH' || country === 'TA') {
+    return /*#__PURE__*/jsx(Typography$1, {
+      ref: ref,
+      variant: "h6",
+      align: "center",
+      component: "span",
+      color: "textSecondary",
+      className: clsx(styles.root, className),
+      children: country
+    });
+  }
+
+  return /*#__PURE__*/jsx("img", _objectSpread(_objectSpread({}, props), {}, {
+    alt: alt,
+    ref: ref,
+    className: clsx(styles.root, className),
+    src: "https://cdn.jsdelivr.net/gh/madebybowtie/FlagKit@2.2/Assets/SVG/".concat(country, ".svg")
+  }));
+});
+if (process.env.NODE_ENV !== "production") PhoneFieldFlag$1.displayName = "PhoneFieldFlag";
+
+var _excluded$6 = ["country", "classes"],
+    _excluded2$3 = ["flag"];
+var useStyles$5 = /*#__PURE__*/makeStyles$1(theme => ({
+  dense: {},
+  gutters: {},
+  root: {},
+  selected: {},
+  flag: {
+    marginRight: theme.spacing(1)
+  }
+}), {
+  name: 'SD-PhoneFieldMenuItem'
+});
+var PhoneFieldMenuItem$1 = /*#__PURE__*/forwardRef((_ref, ref) => {
+  var {
+    country,
+    classes
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded$6);
+
+  var _useStyles = useStyles$5({
+    classes
+  }),
+      {
+    flag: flagClassName
+  } = _useStyles,
+      styles = _objectWithoutProperties(_useStyles, _excluded2$3);
+
+  var countryCode = useMemo(() => getCountryCode$1(country), [country]);
+  return /*#__PURE__*/jsxs(MenuItem$1, _objectSpread(_objectSpread({}, props), {}, {
+    ref: ref,
+    button: true,
+    classes: styles,
+    children: [/*#__PURE__*/jsx(PhoneFieldFlag$1, {
+      country: country,
+      className: flagClassName
+    }), formatCountry$1(country), "\xA0", /*#__PURE__*/jsx(Typography$1, {
+      color: "textSecondary",
+      children: countryCode
+    })]
+  }));
+});
+if (process.env.NODE_ENV !== "production") PhoneFieldMenuItem$1.displayName = "PhoneFieldMenuItem";
+
+var useStyles$6 = /*#__PURE__*/makeStyles$1(theme => ({
+  paper: {
+    maxHeight: theme.spacing(30)
+  }
+}), {
+  name: 'SD-PhoneFieldMenu'
+});
+var PhoneFieldMenu$1 = /*#__PURE__*/forwardRef((_ref, ref) => {
+  var {
+    anchorEl,
+    value,
+    onClose,
+    onChange
+  } = _ref;
+  var styles = useStyles$6();
+  return /*#__PURE__*/jsx(Menu$1, {
+    ref: ref,
+    open: !!anchorEl,
+    onClose: onClose,
+    anchorEl: anchorEl,
+    classes: {
+      paper: styles.paper
+    },
+    children: listCountries$1().map(country => [/*#__PURE__*/jsx(PhoneFieldMenuItem$1, {
+      country: country,
+      selected: country === value,
+      onClick: () => {
+        onChange(country);
+        onClose();
+      }
+    }, country), country === 'NZ' && /*#__PURE__*/jsx(Divider$1, {}, "divider")])
+  });
+});
+if (process.env.NODE_ENV !== "production") PhoneFieldMenu$1.displayName = "PhoneFieldMenu";
+
+var useStyles$7 = /*#__PURE__*/makeStyles$1(theme => ({
+  root: {
+    marginLeft: theme.spacing(-1),
+    marginRight: 0
+  },
+  button: {
+    color: Color$1.Blue300,
+    padding: theme.spacing(0.5, 0.5, 0.5, 1),
+    borderRadius: theme.spacing(0.5, 0, 0, 0.5),
+    '&:hover, &:focus': {
+      backgroundColor: Color$1.Blue50
+    }
+  }
+}), {
+  name: 'SD-PhoneFieldStartAdornment'
+});
+var PhoneFieldStartAdornment$1 = /*#__PURE__*/forwardRef((_ref, ref) => {
+  var {
+    country,
+    onClick,
+    isExpanded
+  } = _ref;
+  var styles = useStyles$7();
+  var [title, countryCode] = useMemo(() => {
+    var code = "+".concat(getCountryCode$1(country));
+    return ["".concat(formatCountry$1(country), ": ").concat(code), code];
+  }, [country]);
+  return /*#__PURE__*/jsx(InputAdornment$1, {
+    ref: ref,
+    position: "start",
+    className: styles.root,
+    children: /*#__PURE__*/jsxs(ButtonBase$1, {
+      title: title,
+      onClick: onClick,
+      className: styles.button,
+      "aria-expanded": isExpanded,
+      children: [/*#__PURE__*/jsx(PhoneFieldFlag$1, {
+        country: country
+      }), isExpanded ? /*#__PURE__*/jsx(ArrowDropUp$1, {
+        htmlColor: Color$1.Dark200
+      }) : /*#__PURE__*/jsx(ArrowDropDown$1, {
+        htmlColor: Color$1.Dark200
+      }), /*#__PURE__*/jsx(Typography$1, {
+        color: "textPrimary",
+        children: countryCode
+      })]
+    })
+  });
+});
+if (process.env.NODE_ENV !== "production") PhoneFieldStartAdornment$1.displayName = "PhoneFieldStartAdornment";
+
+var _excluded$7 = ["value", "onBlur", "onFocus", "onChange"],
+    _excluded2$4 = ["label", "fullWidth", "helperText", "suspenseFallback"];
+
+function normalizeValue$1(value) {
+  return typeof value === 'string' ? value : '';
+}
+
+var PhoneField$1 = /*#__PURE__*/forwardRef((_ref, ref) => {
+  var {
+    value: valueProp,
+    onBlur: _onBlur,
+    onFocus: _onFocus,
+    onChange: _onChange
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded$7);
+
+  var rootRef = useRef(null);
+  var inputRef = useRef(null);
+  var [menuAnchor, setMenuAnchor] = useState(null);
+  var phoneService = usePhoneService$1();
+  var createState = useCallback(value => _objectSpread({
+    value
+  }, phoneService.getInfo(value)), [phoneService]);
+  var value = useMemo(() => normalizeValue$1(valueProp), [valueProp]);
+  var [{
+    country,
+    nationalNumber
+  }, setValue] = useState(() => createState(value));
+  var placeholder = useMemo(() => phoneService.APN.getExample(country).getNumber('national'), [country, phoneService.APN]);
+
+  function handleChange(fn, nextCountry, nextNationalNumber) {
+    if (fn) {
+      var nextValue = phoneService.format(nextNationalNumber, {
+        country: nextCountry
+      });
+      setValue({
+        value: nextValue,
+        country: nextCountry,
+        nationalNumber: nextNationalNumber
+      });
+      fn(nextValue);
+    }
+  }
+
+  function handleChangeEvent(fn, _ref2) {
+    var {
+      target: {
+        value: nextValue
+      }
+    } = _ref2;
+
+    if (fn) {
+      handleChange(fn, country, phoneService.format(nextValue, {
+        country,
+        format: 'national'
+      }));
+    }
+  }
+
+  useEffect(() => {
+    setValue(prev => // Ignore `props.value` changes when they were performed from inside.
+    prev.value === value ? prev : createState(value));
+  }, [value, createState]);
+  return /*#__PURE__*/jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(PhoneFieldMenu$1, {
+      value: country,
+      anchorEl: menuAnchor,
+      onClose: () => {
+        setMenuAnchor(null);
+      },
+      onChange: nextRegion => {
+        handleChange(_onChange, nextRegion, nationalNumber);
+      }
+    }), /*#__PURE__*/jsx(TextField$1, _objectSpread(_objectSpread({}, props), {}, {
+      type: "tel",
+      variant: "outlined",
+      autoComplete: "off",
+      value: nationalNumber,
+      placeholder: placeholder,
+      ref: mergeRefs$1(ref, rootRef),
+      inputRef: inputRef,
+      onBlur: event => {
+        handleChangeEvent(_onBlur, event);
+      },
+      onFocus: event => {
+        handleChangeEvent(_onFocus, event);
+      },
+      onChange: event => {
+        handleChangeEvent(_onChange, event);
+      },
+      InputProps: {
+        startAdornment: /*#__PURE__*/jsx(PhoneFieldStartAdornment$1, {
+          country: country,
+          isExpanded: !!menuAnchor,
+          onClick: () => {
+            var _inputRef$current;
+
+            // `FocusTrap` inside of `Menu` will restore focus to
+            // the last focused element. We want to manually focus input
+            // to trick the `FocusTrap`.
+            (_inputRef$current = inputRef.current) === null || _inputRef$current === void 0 ? void 0 : _inputRef$current.focus();
+            setMenuAnchor(rootRef.current);
+          }
+        })
+      }
+    }))]
+  });
+});
+if (process.env.NODE_ENV !== "production") PhoneField$1.displayName = "PhoneField";
+var SuspendedPhoneField$1 = /*#__PURE__*/forwardRef((_ref3, ref) => {
+  var {
+    label,
+    fullWidth,
+    helperText,
+    suspenseFallback = /*#__PURE__*/jsx(TextField$1, {
+      disabled: true,
+      label: label,
+      fullWidth: fullWidth,
+      helperText: helperText,
+      placeholder: "Loading\u2026"
+    })
+  } = _ref3,
+      props = _objectWithoutProperties(_ref3, _excluded2$4);
+
+  return /*#__PURE__*/jsx(Suspense, {
+    fallback: suspenseFallback,
+    children: /*#__PURE__*/jsx(PhoneField$1, _objectSpread(_objectSpread({}, props), {}, {
+      ref: ref,
+      label: label,
+      fullWidth: fullWidth,
+      helperText: helperText
+    }))
+  });
+});
+if (process.env.NODE_ENV !== "production") SuspendedPhoneField$1.displayName = "SuspendedPhoneField";
+
+var _excluded$8 = ["phone", "country", "fallback", "format"],
+    _excluded2$5 = ["suspenseFallback"];
+var PhoneLink$1 = /*#__PURE__*/forwardRef((_ref, ref) => {
+  var {
+    phone,
+    country,
+    fallback,
+    format = 'international'
+  } = _ref,
+      props = _objectWithoutProperties(_ref, _excluded$8);
+
+  var service = usePhoneService$1();
+  var [text, href] = useMemo(() => {
+    if (service.checkPossibility(phone) !== 'is-possible') {
+      return [undefined, undefined];
+    }
+
+    return [service.format(phone, {
+      country,
+      format
+    }), service.format(phone, {
+      country,
+      format: 'rfc3966'
+    })];
+  }, [phone, country, format, service]);
+  return !href ? renderChildren$2(fallback) : /*#__PURE__*/jsx(Link$1, _objectSpread(_objectSpread({}, props), {}, {
+    ref: ref,
+    href: href,
+    children: text
+  }));
+});
+if (process.env.NODE_ENV !== "production") PhoneLink$1.displayName = "PhoneLink";
+var SuspendedPhoneLink$1 = /*#__PURE__*/forwardRef((_ref2, ref) => {
+  var {
+    suspenseFallback = null
+  } = _ref2,
+      props = _objectWithoutProperties(_ref2, _excluded2$5);
+
+  return /*#__PURE__*/jsx(Suspense, {
+    fallback: suspenseFallback,
+    children: /*#__PURE__*/jsx(PhoneLink$1, _objectSpread(_objectSpread({}, props), {}, {
+      ref: ref
+    }))
+  });
+});
+if (process.env.NODE_ENV !== "production") SuspendedPhoneLink$1.displayName = "SuspendedPhoneLink";
+
+var _excluded$9 = ["suspenseFallback"];
+function PhoneText$1(_ref) {
+  var {
+    phone,
+    country,
+    fallback,
+    format = 'international'
+  } = _ref;
+  var children = useFormattedPhoneNumber$1(phone, {
+    format,
+    country
+  });
+  return renderChildren$2(children || fallback);
+}
+function SuspendedPhoneText$1(_ref2) {
+  var {
+    suspenseFallback = null
+  } = _ref2,
+      props = _objectWithoutProperties(_ref2, _excluded$9);
+
+  return /*#__PURE__*/jsx(Suspense, {
+    fallback: suspenseFallback,
+    children: /*#__PURE__*/jsx(PhoneText$1, _objectSpread({}, props))
+  });
+}
+
+export { DEFAULT_COUNTRY$1 as DEFAULT_COUNTRY, PhoneField$1 as PhoneField, PhoneLink$1 as PhoneLink, PhoneService$1 as PhoneService, PhoneText$1 as PhoneText, SuspendedPhoneField$1 as SuspendedPhoneField, SuspendedPhoneLink$1 as SuspendedPhoneLink, SuspendedPhoneText$1 as SuspendedPhoneText, formatCountry$1 as formatCountry, getCountryCode$1 as getCountryCode, isCountryISO$1 as isCountryISO, listCountries$1 as listCountries, toCountryISO$1 as toCountryISO, useFormattedPhoneNumber$1 as useFormattedPhoneNumber, usePhoneService$1 as usePhoneService, index as v5 };
 //# sourceMappingURL=index.js.map