intl-tel-input 26.0.1 → 26.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intl-tel-input",
-  "version": "26.0.1",
+  "version": "26.0.2",
   "description": "A JavaScript plugin for entering and validating international telephone numbers",
   "keywords": [
     "international",

package/react/README.md

@@ -32,7 +32,7 @@ import "intl-tel-input/styles";
 See the [Validation demo](https://github.com/jackocnr/intl-tel-input/blob/master/react/demo/validation/ValidationApp.tsx) for a more fleshed-out example of how to handle validation.
 
 ## Utils Script
-A note on the utils script (~260KB): if you're lazy loading the IntlTelInput chunk (and so less worried about filesize), then you can just import IntlTelInput from `"intl-tel-input/reactWithUtils"`, to include the utils script. Alternatively, if you use the main `"intl-tel-input/react"` import, then you should couple this with the `loadUtils` initialisation option - you will need to host the [utils.js](https://github.com/jackocnr/intl-tel-input/blob/master/build/js/utils.js) file, and then set the `loadUtils` option to that URL, or just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@26.0.1/build/js/utils.js"`.
+A note on the utils script (~260KB): if you're lazy loading the IntlTelInput chunk (and so less worried about filesize), then you can just import IntlTelInput from `"intl-tel-input/reactWithUtils"`, to include the utils script. Alternatively, if you use the main `"intl-tel-input/react"` import, then you should couple this with the `loadUtils` initialisation option - you will need to host the [utils.js](https://github.com/jackocnr/intl-tel-input/blob/master/build/js/utils.js) file, and then set the `loadUtils` option to that URL, or just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@26.0.2/build/js/utils.js"`.
 
 ## Props
 Here's a list of all of the current props you can pass to the IntlTelInput React component.

package/react/build/IntlTelInput.cjs

@@ -2489,12 +2489,22 @@ var processAllCountries = (options) => {
 };
 var generateCountryNames = (countries, options) => {
   const { countryNameLocale, i18n } = options;
-  const hasDisplayNames = typeof Intl !== "undefined" && typeof Intl.DisplayNames === "function";
-  const displayNames = hasDisplayNames ? new Intl.DisplayNames(countryNameLocale, {
-    type: "region"
-  }) : null;
+  let displayNames;
+  try {
+    const hasDisplayNames = typeof Intl !== "undefined" && typeof Intl.DisplayNames === "function";
+    if (hasDisplayNames) {
+      displayNames = new Intl.DisplayNames(countryNameLocale, {
+        type: "region"
+      });
+    } else {
+      displayNames = null;
+    }
+  } catch (e) {
+    console.error(e);
+    displayNames = null;
+  }
   for (const c of countries) {
-    c.name = i18n[c.iso2] || displayNames?.of(c.iso2.toUpperCase());
+    c.name = i18n[c.iso2] || displayNames?.of(c.iso2.toUpperCase()) || "";
   }
 };
 var processDialCodes = (countries) => {
@@ -3856,7 +3866,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtilsScript: false,
     startedLoadingAutoCountry: false,
-    version: "26.0.1"
+    version: "26.0.2"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/react/build/IntlTelInput.js

@@ -2453,12 +2453,22 @@ var processAllCountries = (options) => {
 };
 var generateCountryNames = (countries, options) => {
   const { countryNameLocale, i18n } = options;
-  const hasDisplayNames = typeof Intl !== "undefined" && typeof Intl.DisplayNames === "function";
-  const displayNames = hasDisplayNames ? new Intl.DisplayNames(countryNameLocale, {
-    type: "region"
-  }) : null;
+  let displayNames;
+  try {
+    const hasDisplayNames = typeof Intl !== "undefined" && typeof Intl.DisplayNames === "function";
+    if (hasDisplayNames) {
+      displayNames = new Intl.DisplayNames(countryNameLocale, {
+        type: "region"
+      });
+    } else {
+      displayNames = null;
+    }
+  } catch (e) {
+    console.error(e);
+    displayNames = null;
+  }
   for (const c of countries) {
-    c.name = i18n[c.iso2] || displayNames?.of(c.iso2.toUpperCase());
+    c.name = i18n[c.iso2] || displayNames?.of(c.iso2.toUpperCase()) || "";
   }
 };
 var processDialCodes = (countries) => {
@@ -3820,7 +3830,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtilsScript: false,
     startedLoadingAutoCountry: false,
-    version: "26.0.1"
+    version: "26.0.2"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/react/build/IntlTelInputWithUtils.cjs

@@ -2489,12 +2489,22 @@ var processAllCountries = (options) => {
 };
 var generateCountryNames = (countries, options) => {
   const { countryNameLocale, i18n } = options;
-  const hasDisplayNames = typeof Intl !== "undefined" && typeof Intl.DisplayNames === "function";
-  const displayNames = hasDisplayNames ? new Intl.DisplayNames(countryNameLocale, {
-    type: "region"
-  }) : null;
+  let displayNames;
+  try {
+    const hasDisplayNames = typeof Intl !== "undefined" && typeof Intl.DisplayNames === "function";
+    if (hasDisplayNames) {
+      displayNames = new Intl.DisplayNames(countryNameLocale, {
+        type: "region"
+      });
+    } else {
+      displayNames = null;
+    }
+  } catch (e) {
+    console.error(e);
+    displayNames = null;
+  }
   for (const c of countries) {
-    c.name = i18n[c.iso2] || displayNames?.of(c.iso2.toUpperCase());
+    c.name = i18n[c.iso2] || displayNames?.of(c.iso2.toUpperCase()) || "";
   }
 };
 var processDialCodes = (countries) => {
@@ -3856,7 +3866,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtilsScript: false,
     startedLoadingAutoCountry: false,
-    version: "26.0.1"
+    version: "26.0.2"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/react/build/IntlTelInputWithUtils.js

@@ -2453,12 +2453,22 @@ var processAllCountries = (options) => {
 };
 var generateCountryNames = (countries, options) => {
   const { countryNameLocale, i18n } = options;
-  const hasDisplayNames = typeof Intl !== "undefined" && typeof Intl.DisplayNames === "function";
-  const displayNames = hasDisplayNames ? new Intl.DisplayNames(countryNameLocale, {
-    type: "region"
-  }) : null;
+  let displayNames;
+  try {
+    const hasDisplayNames = typeof Intl !== "undefined" && typeof Intl.DisplayNames === "function";
+    if (hasDisplayNames) {
+      displayNames = new Intl.DisplayNames(countryNameLocale, {
+        type: "region"
+      });
+    } else {
+      displayNames = null;
+    }
+  } catch (e) {
+    console.error(e);
+    displayNames = null;
+  }
   for (const c of countries) {
-    c.name = i18n[c.iso2] || displayNames?.of(c.iso2.toUpperCase());
+    c.name = i18n[c.iso2] || displayNames?.of(c.iso2.toUpperCase()) || "";
   }
 };
 var processDialCodes = (countries) => {
@@ -3820,7 +3830,7 @@ var intlTelInput = Object.assign(
     attachUtils,
     startedLoadingUtilsScript: false,
     startedLoadingAutoCountry: false,
-    version: "26.0.1"
+    version: "26.0.2"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/svelte/README.md

@@ -28,7 +28,7 @@ Try it for yourself by downloading and building the project yourself in 3 simple
 
 See the [Validation demo](https://github.com/jackocnr/intl-tel-input/blob/master/svelte/demo/validation/App.svelte) for a more fleshed-out example of how to handle validation.
 
-A note on the utils script (~260KB): if you're lazy loading the IntlTelInput chunk (and so less worried about filesize) then you can just import IntlTelInput from `"intl-tel-input/svelteWithUtils"`, to include the utils script. Alternatively, if you use the main `"intl-tel-input/svelte"` import, then you should couple this with the `loadUtils` initialisation option - you will need to host the [utils.js](https://github.com/jackocnr/intl-tel-input/blob/master/build/js/utils.js) file, and then set the `loadUtils` option to that URL, or alternatively just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@26.0.1/build/js/utils.js"`.
+A note on the utils script (~260KB): if you're lazy loading the IntlTelInput chunk (and so less worried about filesize) then you can just import IntlTelInput from `"intl-tel-input/svelteWithUtils"`, to include the utils script. Alternatively, if you use the main `"intl-tel-input/svelte"` import, then you should couple this with the `loadUtils` initialisation option - you will need to host the [utils.js](https://github.com/jackocnr/intl-tel-input/blob/master/build/js/utils.js) file, and then set the `loadUtils` option to that URL, or alternatively just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@26.0.2/build/js/utils.js"`.
 
 ## Props
 Here's a list of all of the current props you can pass to the IntlTelInput Svelte component.

package/svelte/build/IntlTelInput.mjs

@@ -4019,11 +4019,17 @@ const Ms = (t) => {
   }
   return Nt;
 }, xs = (t, e) => {
-  const { countryNameLocale: n, i18n: i } = e, r = typeof Intl < "u" && typeof Intl.DisplayNames == "function" ? new Intl.DisplayNames(n, {
-    type: "region"
-  }) : null;
-  for (const o of t)
-    o.name = i[o.iso2] || (r == null ? void 0 : r.of(o.iso2.toUpperCase()));
+  const { countryNameLocale: n, i18n: i } = e;
+  let s;
+  try {
+    typeof Intl < "u" && typeof Intl.DisplayNames == "function" ? s = new Intl.DisplayNames(n, {
+      type: "region"
+    }) : s = null;
+  } catch (r) {
+    console.error(r), s = null;
+  }
+  for (const r of t)
+    r.name = i[r.iso2] || (s == null ? void 0 : s.of(r.iso2.toUpperCase())) || "";
 }, Us = (t) => {
   const e = /* @__PURE__ */ new Set();
   let n = 0;
@@ -4902,7 +4908,7 @@ const Ys = (t) => {
     attachUtils: Ys,
     startedLoadingUtilsScript: !1,
     startedLoadingAutoCountry: !1,
-    version: "26.0.1"
+    version: "26.0.2"
   }
 );
 var Ks = /* @__PURE__ */ is("<input/>");

package/svelte/build/IntlTelInputWithUtils.mjs

@@ -4019,11 +4019,17 @@ const A9 = (t) => {
   }
   return d0;
 }, T9 = (t, d) => {
-  const { countryNameLocale: n, i18n: i } = d, $ = typeof Intl < "u" && typeof Intl.DisplayNames == "function" ? new Intl.DisplayNames(n, {
-    type: "region"
-  }) : null;
-  for (const o of t)
-    o.name = i[o.iso2] || ($ == null ? void 0 : $.of(o.iso2.toUpperCase()));
+  const { countryNameLocale: n, i18n: i } = d;
+  let s;
+  try {
+    typeof Intl < "u" && typeof Intl.DisplayNames == "function" ? s = new Intl.DisplayNames(n, {
+      type: "region"
+    }) : s = null;
+  } catch ($) {
+    console.error($), s = null;
+  }
+  for (const $ of t)
+    $.name = i[$.iso2] || (s == null ? void 0 : s.of($.iso2.toUpperCase())) || "";
 }, b9 = (t) => {
   const d = /* @__PURE__ */ new Set();
   let n = 0;
@@ -4902,7 +4908,7 @@ const U9 = (t) => {
     attachUtils: U9,
     startedLoadingUtilsScript: !1,
     startedLoadingAutoCountry: !1,
-    version: "26.0.1"
+    version: "26.0.2"
   }
 );
 (function() {

package/vue/README.md

@@ -32,7 +32,7 @@ Alternatively, download and build the project yourself in 3 simple steps. You ju
 
 See the [Validation demo](https://github.com/jackocnr/intl-tel-input/blob/master/vue/demo/validation/App.vue) for a more fleshed-out example of how to handle validation. See the instructions above for how to run this demo (and others) yourself.
 
-A note on the utils script (~260KB): if you're lazy loading the IntlTelInput chunk (and so less worried about filesize), then you can just import IntlTelInput from `"intl-tel-input/vueWithUtils"`, to include the utils script. Alternatively, if you use the main `"intl-tel-input/vue"` import, then you should couple this with the `loadUtils` initialisation option - you will need to host the [utils.js](https://github.com/jackocnr/intl-tel-input/blob/master/build/js/utils.js) file, and then set the `loadUtils` option to that URL, or alternatively just point it to a CDN-hosted version, e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@26.0.1/build/js/utils.js"`.
+A note on the utils script (~260KB): if you're lazy loading the IntlTelInput chunk (and so less worried about filesize), then you can just import IntlTelInput from `"intl-tel-input/vueWithUtils"`, to include the utils script. Alternatively, if you use the main `"intl-tel-input/vue"` import, then you should couple this with the `loadUtils` initialisation option - you will need to host the [utils.js](https://github.com/jackocnr/intl-tel-input/blob/master/build/js/utils.js) file, and then set the `loadUtils` option to that URL, or alternatively just point it to a CDN-hosted version, e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@26.0.2/build/js/utils.js"`.
 
 ## Props
 Here's a list of all of the current props you can pass to the IntlTelInput Vue component.

package/vue/build/exports/IntlTelInput.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as g, mergeModels as m, useModel as b, ref as r, onMounted as h, watch as C, onUnmounted as P, withDirectives as N, createElementBlock as M, openBlock as B, mergeProps as D, vModelText as E } from "vue";
-import { i as I } from "../intl-tel-input-Bk5kP2Ot.mjs";
+import { i as I } from "../intl-tel-input-DYFK-Vt4.mjs";
 const x = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "IntlTelInput",

package/vue/build/exports/IntlTelInputWithUtils.mjs

@@ -1,5 +1,5 @@
 import { defineComponent as T2, mergeModels as k1, useModel as v2, ref as a1, onMounted as M2, watch as I2, onUnmounted as N2, withDirectives as A2, createElementBlock as R2, openBlock as G2, mergeProps as _2, vModelText as L2 } from "vue";
-import { i as z1 } from "../intl-tel-input-Bk5kP2Ot.mjs";
+import { i as z1 } from "../intl-tel-input-DYFK-Vt4.mjs";
 (function() {
   var P = this || self;
   function p(d, $) {

package/vue/build/{intl-tel-input-Bk5kP2Ot.mjs → intl-tel-input-DYFK-Vt4.mjs}

@@ -2190,11 +2190,17 @@ const rt = (l) => {
   }
   return A;
 }, at = (l, t) => {
-  const { countryNameLocale: e, i18n: s } = t, o = typeof Intl < "u" && typeof Intl.DisplayNames == "function" ? new Intl.DisplayNames(e, {
-    type: "region"
-  }) : null;
-  for (const n of l)
-    n.name = s[n.iso2] || (o == null ? void 0 : o.of(n.iso2.toUpperCase()));
+  const { countryNameLocale: e, i18n: s } = t;
+  let i;
+  try {
+    typeof Intl < "u" && typeof Intl.DisplayNames == "function" ? i = new Intl.DisplayNames(e, {
+      type: "region"
+    }) : i = null;
+  } catch (o) {
+    console.error(o), i = null;
+  }
+  for (const o of l)
+    o.name = s[o.iso2] || (i == null ? void 0 : i.of(o.iso2.toUpperCase())) || "";
 }, ut = (l) => {
   const t = /* @__PURE__ */ new Set();
   let e = 0;
@@ -3073,7 +3079,7 @@ const yt = (l) => {
     attachUtils: yt,
     startedLoadingUtilsScript: !1,
     startedLoadingAutoCountry: !1,
-    version: "26.0.1"
+    version: "26.0.2"
   }
 );
 export {