@superdispatch/phones 0.25.2 → 0.26.1

package/dist-web/index.js

@@ -13,13 +13,11 @@ var DEFAULT_COUNTRY = 'US';
 var COUNTRIES = [];
 var COUNTRY_CODE_MAP = /*#__PURE__*/new Map();
 var COUNTRY_NAME_MAP = /*#__PURE__*/new Map();
-
 for (var [country, code, name] of COUNTRY_CODE_METADATA) {
   COUNTRIES.push(country);
   COUNTRY_CODE_MAP.set(country, code);
   COUNTRY_NAME_MAP.set(country, name);
 }
-
 function listCountries() {
   return COUNTRIES;
 }
@@ -39,14 +37,17 @@ function formatCountry(country) {
 var loadError;
 var loadedAPN;
 function loadAPN() {
-  return import(
-  /* webpackPrefetch: true */
-
+  return import( /* webpackPrefetch: true */
   /* webpackChunkName: "apn" */
   'awesome-phonenumber').then(apn => {
-    loadedAPN = apn.default;
+    loadedAPN = {
+      parsePhoneNumber: apn.parsePhoneNumber,
+      getAsYouType: apn.getAsYouType,
+      getExample: apn.getExample
+    };
     return loadedAPN;
   }, error => {
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
     loadError = error;
     throw error;
   });
@@ -55,95 +56,78 @@ function getAPN() {
   if (loadError) {
     throw loadError;
   }
-
   if (!loadedAPN) {
     // eslint-disable-next-line @typescript-eslint/no-throw-literal
     throw loadAPN();
   }
-
   return loadedAPN;
 }
 
 var PLUS_SIGN = '+';
 var NON_PHONE_SYMBOLS_PATTERN = /[^+\d]/g;
 var PHONE_PATTERN = /^\+?\d+/g;
-
 function getPrefix(country) {
   return PLUS_SIGN + String(getCountryCode(toCountryISO(country)));
 }
-
 function trim(input) {
   return typeof input == 'string' ? input.trim() : undefined;
 }
-
 function normalize(input) {
   if (typeof input == 'string') {
     var matches = input.replace(NON_PHONE_SYMBOLS_PATTERN, '').match(PHONE_PATTERN);
     if (matches !== null && matches !== void 0 && matches[0]) return matches[0];
   }
-
   return '';
 }
-
 function normalizeNationalNumber(country, input) {
   var phone = normalize(input);
   var prefix = getPrefix(country);
-
   if (phone.startsWith(PLUS_SIGN)) {
     return phone.slice(prefix.length);
   }
-
   return phone;
 }
-
 class PhoneService {
   static load() {
     return loadAPN().then(APN => new PhoneService(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(country));
     asYouType.reset(normalize(phone));
     return asYouType.getPhoneNumber();
   }
-
   getJSON(phone, country) {
-    return this.createAPN(phone, country).toJSON();
+    return this.createAPN(phone, country);
   }
-
   checkPossibility(input) {
     var phone = trim(input);
-
     if (!phone) {
       return 'unknown';
     }
-
-    var apn = phone.startsWith(PLUS_SIGN) ? new this.APN(phone) : new this.APN(phone, DEFAULT_COUNTRY);
+    var apn = phone.startsWith(PLUS_SIGN) ? this.APN.parsePhoneNumber(phone) : this.APN.parsePhoneNumber(phone, {
+      regionCode: DEFAULT_COUNTRY
+    });
     var {
       valid,
       possible,
       possibility
-    } = apn.toJSON(); // Avoid false positive short phone numbers.
+    } = apn;
 
+    // Avoid false positive short phone numbers.
     if (!valid && possible) {
       return 'invalid-number';
     }
-
     return possibility;
   }
-
   validate(input) {
     var {
       required,
@@ -153,40 +137,30 @@ class PhoneService {
       tooShortMessage = 'Phone number is too short'
     } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     var phone = trim(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;
   }
-
   deletePrefix(phone, country) {
     var prefix = getPrefix(country);
-
     if (phone.startsWith(PLUS_SIGN)) {
       var subNumber = phone.slice(prefix.length);
       return trim(subNumber);
     }
-
     return phone;
   }
-
   getInfo(phone) {
     var {
       regionCode,
@@ -197,82 +171,70 @@ class PhoneService {
     } = this.getJSON(phone);
     var nationalNumber = '';
     var country = toCountryISO(regionCode);
-
     if (!internationalNumber) {
       nationalNumber = normalizeNationalNumber(country, input);
     } else {
       nationalNumber = this.deletePrefix(internationalNumber, country);
     }
-
     return {
       country,
       nationalNumber
     };
   }
-
   format(input) {
+    var _apn$number;
     var {
       fallback = '',
       format = 'e164',
       country: countryOption
     } = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
     var phone = normalize(input);
-
     if (!phone) {
       return fallback;
     }
-
-    var apn = this.createAPN(phone, countryOption);
-    var country = countryOption || toCountryISO(apn.getRegionCode());
-    var formatted = format === 'national' ? this.formatNationalNumber(apn, country) : apn.getNumber(format);
-
+    var apn = this.APN.parsePhoneNumber(phone, {
+      regionCode: countryOption
+    });
+    var country = countryOption || toCountryISO(apn.regionCode);
+    var international = (_apn$number = apn.number) === null || _apn$number === void 0 ? void 0 : _apn$number.international;
+    var formattedNumber = apn.number ? apn.number[format] : '';
+    var {
+      regionCode
+    } = apn;
+    var formatted = format === 'national' ? this.formatNationalNumber(country, international) : formattedNumber;
     if (!formatted) {
-      return this.customFormat(apn, phone, format);
+      return this.customFormat(phone, format, regionCode);
     }
-
     return formatted;
   }
-
-  formatNationalNumber(apn, country) {
-    var internationalNumber = apn.getNumber('international');
-
+  formatNationalNumber(country, internationalNumber) {
     if (!internationalNumber) {
       return undefined;
     }
-
     return this.deletePrefix(internationalNumber, country);
   }
-
-  customFormat(apn, phone, format) {
+  customFormat(phone, format, regionCode) {
     var formatted = '';
-    var country = toCountryISO(apn.getRegionCode());
+    var country = toCountryISO(regionCode);
     var nationalNumber = normalizeNationalNumber(country, phone);
-
     if (format === 'national') {
       return nationalNumber;
     }
-
     var prefix = '';
     var separator = '';
-
     if (format === 'rfc3966') {
       prefix = 'tel:';
       separator = '-';
     }
-
     if (format === 'international') {
       separator = ' ';
     }
-
     formatted = prefix + getPrefix(country);
-
     if (nationalNumber) {
       formatted += separator + nationalNumber;
     }
-
     return formatted;
   }
-
 }
 function usePhoneService() {
   var APN = getAPN();
@@ -290,7 +252,6 @@ function useFormattedPhoneNumber(input) {
     if (phoneService.checkPossibility(input) !== 'is-possible') {
       return fallback;
     }
-
     return phoneService.format(input, {
       format,
       country,
@@ -310,14 +271,12 @@ var useStyles = /*#__PURE__*/makeStyles(theme => ({
 });
 var PhoneFieldFlag = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
-    country,
-    alt = country,
-    className
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded);
-
+      country,
+      alt = country,
+      className
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded);
   var styles = useStyles();
-
   if (country === 'AC' || country === 'BQ' || country === 'EH' || country === 'TA') {
     return /*#__PURE__*/jsx(Typography, {
       ref: ref,
@@ -329,7 +288,6 @@ var PhoneFieldFlag = /*#__PURE__*/forwardRef((_ref, ref) => {
       children: country
     });
   }
-
   return /*#__PURE__*/jsx("img", _objectSpread(_objectSpread({}, props), {}, {
     alt: alt,
     ref: ref,
@@ -340,7 +298,7 @@ var PhoneFieldFlag = /*#__PURE__*/forwardRef((_ref, ref) => {
 if (process.env.NODE_ENV !== "production") PhoneFieldFlag.displayName = "PhoneFieldFlag";
 
 var _excluded$1 = ["country", "classes"],
-    _excluded2 = ["flag"];
+  _excluded2 = ["flag"];
 var useStyles$1 = /*#__PURE__*/makeStyles(theme => ({
   dense: {},
   gutters: {},
@@ -354,19 +312,17 @@ var useStyles$1 = /*#__PURE__*/makeStyles(theme => ({
 });
 var PhoneFieldMenuItem = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
-    country,
-    classes
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$1);
-
+      country,
+      classes
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded$1);
   var _useStyles = useStyles$1({
-    classes
-  }),
-      {
-    flag: flagClassName
-  } = _useStyles,
-      styles = _objectWithoutProperties(_useStyles, _excluded2);
-
+      classes
+    }),
+    {
+      flag: flagClassName
+    } = _useStyles,
+    styles = _objectWithoutProperties(_useStyles, _excluded2);
   var countryCode = useMemo(() => getCountryCode(country), [country]);
   return /*#__PURE__*/jsxs(MenuItem, _objectSpread(_objectSpread({}, props), {}, {
     ref: ref,
@@ -470,21 +426,18 @@ var PhoneFieldStartAdornment = /*#__PURE__*/forwardRef((_ref, ref) => {
 if (process.env.NODE_ENV !== "production") PhoneFieldStartAdornment.displayName = "PhoneFieldStartAdornment";
 
 var _excluded$2 = ["value", "onBlur", "onFocus", "onChange"],
-    _excluded2$1 = ["label", "fullWidth", "helperText", "suspenseFallback"];
-
+  _excluded2$1 = ["label", "fullWidth", "helperText", "suspenseFallback"];
 function normalizeValue(value) {
   return typeof value === 'string' ? value : '';
 }
-
 var PhoneField = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
-    value: valueProp,
-    onBlur: _onBlur,
-    onFocus: _onFocus,
-    onChange: _onChange
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$2);
-
+      value: valueProp,
+      onBlur: _onBlur,
+      onFocus: _onFocus,
+      onChange: _onChange
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded$2);
   var rootRef = useRef(null);
   var inputRef = useRef(null);
   var [menuAnchor, setMenuAnchor] = useState(null);
@@ -497,8 +450,10 @@ var PhoneField = /*#__PURE__*/forwardRef((_ref, ref) => {
     country,
     nationalNumber
   }, setValue] = useState(() => createState(value));
-  var placeholder = useMemo(() => phoneService.APN.getExample(country).getNumber('international'), [country, phoneService.APN]);
-
+  var placeholder = useMemo(() => {
+    var _phoneService$APN$get;
+    return ((_phoneService$APN$get = phoneService.APN.getExample(country).number) === null || _phoneService$APN$get === void 0 ? void 0 : _phoneService$APN$get.international) || '';
+  }, [country, phoneService.APN]);
   function handleChange(fn, nextCountry, nextNationalNumber) {
     if (fn) {
       var nextValue = phoneService.format(nextNationalNumber, {
@@ -512,14 +467,12 @@ var PhoneField = /*#__PURE__*/forwardRef((_ref, ref) => {
       fn(nextValue);
     }
   }
-
   function handleChangeEvent(fn, _ref2) {
     var {
       target: {
         value: nextValue
       }
     } = _ref2;
-
     if (fn) {
       handleChange(fn, country, phoneService.format(nextValue, {
         country,
@@ -527,9 +480,9 @@ var PhoneField = /*#__PURE__*/forwardRef((_ref, ref) => {
       }));
     }
   }
-
   useEffect(() => {
-    setValue(prev => // Ignore `props.value` changes when they were performed from inside.
+    setValue(prev =>
+    // Ignore `props.value` changes when they were performed from inside.
     prev.value === value ? prev : createState(value));
   }, [value, createState]);
   return /*#__PURE__*/jsxs(Fragment, {
@@ -565,7 +518,6 @@ var PhoneField = /*#__PURE__*/forwardRef((_ref, ref) => {
           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`.
@@ -580,19 +532,18 @@ var PhoneField = /*#__PURE__*/forwardRef((_ref, ref) => {
 if (process.env.NODE_ENV !== "production") PhoneField.displayName = "PhoneField";
 var SuspendedPhoneField = /*#__PURE__*/forwardRef((_ref3, ref) => {
   var {
-    label,
-    fullWidth,
-    helperText,
-    suspenseFallback = /*#__PURE__*/jsx(TextField, {
-      disabled: true,
-      label: label,
-      fullWidth: fullWidth,
-      helperText: helperText,
-      placeholder: "Loading\u2026"
-    })
-  } = _ref3,
-      props = _objectWithoutProperties(_ref3, _excluded2$1);
-
+      label,
+      fullWidth,
+      helperText,
+      suspenseFallback = /*#__PURE__*/jsx(TextField, {
+        disabled: true,
+        label: label,
+        fullWidth: fullWidth,
+        helperText: helperText,
+        placeholder: "Loading\u2026"
+      })
+    } = _ref3,
+    props = _objectWithoutProperties(_ref3, _excluded2$1);
   return /*#__PURE__*/jsx(Suspense, {
     fallback: suspenseFallback,
     children: /*#__PURE__*/jsx(PhoneField, _objectSpread(_objectSpread({}, props), {}, {
@@ -606,22 +557,20 @@ var SuspendedPhoneField = /*#__PURE__*/forwardRef((_ref3, ref) => {
 if (process.env.NODE_ENV !== "production") SuspendedPhoneField.displayName = "SuspendedPhoneField";
 
 var _excluded$3 = ["phone", "country", "fallback", "format"],
-    _excluded2$2 = ["suspenseFallback"];
+  _excluded2$2 = ["suspenseFallback"];
 var PhoneLink = /*#__PURE__*/forwardRef((_ref, ref) => {
   var {
-    phone,
-    country,
-    fallback,
-    format = 'international'
-  } = _ref,
-      props = _objectWithoutProperties(_ref, _excluded$3);
-
+      phone,
+      country,
+      fallback,
+      format = 'international'
+    } = _ref,
+    props = _objectWithoutProperties(_ref, _excluded$3);
   var service = usePhoneService();
   var [text, href] = useMemo(() => {
     if (service.checkPossibility(phone) !== 'is-possible') {
       return [undefined, undefined];
     }
-
     return [service.format(phone, {
       country,
       format
@@ -639,10 +588,9 @@ var PhoneLink = /*#__PURE__*/forwardRef((_ref, ref) => {
 if (process.env.NODE_ENV !== "production") PhoneLink.displayName = "PhoneLink";
 var SuspendedPhoneLink = /*#__PURE__*/forwardRef((_ref2, ref) => {
   var {
-    suspenseFallback = null
-  } = _ref2,
-      props = _objectWithoutProperties(_ref2, _excluded2$2);
-
+      suspenseFallback = null
+    } = _ref2,
+    props = _objectWithoutProperties(_ref2, _excluded2$2);
   return /*#__PURE__*/jsx(Suspense, {
     fallback: suspenseFallback,
     children: /*#__PURE__*/jsx(PhoneLink, _objectSpread(_objectSpread({}, props), {}, {
@@ -668,10 +616,9 @@ function PhoneText(_ref) {
 }
 function SuspendedPhoneText(_ref2) {
   var {
-    suspenseFallback = null
-  } = _ref2,
-      props = _objectWithoutProperties(_ref2, _excluded$4);
-
+      suspenseFallback = null
+    } = _ref2,
+    props = _objectWithoutProperties(_ref2, _excluded$4);
   return /*#__PURE__*/jsx(Suspense, {
     fallback: suspenseFallback,
     children: /*#__PURE__*/jsx(PhoneText, _objectSpread({}, props))