intl-tel-input 26.0.0-beta.1 → 26.0.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intl-tel-input",
-  "version": "26.0.0-beta.1",
+  "version": "26.0.2",
   "description": "A JavaScript plugin for entering and validating international telephone numbers",
   "keywords": [
     "international",
@@ -80,7 +80,7 @@
     "react-dom": "^18.3.1",
     "sass": "^1.83.1",
     "sharp": "^0.33.5",
-    "svelte": "^5.16.0",
+    "svelte": "^5.46.4",
     "time-grunt": "^2.0.0",
     "ts-node": "^10.9.2",
     "typescript": "^5.5.3",

package/react/README.md

@@ -11,7 +11,9 @@ A React component wrapper for the [intl-tel-input](https://github.com/jackocnr/i
 - [Troubleshooting](#troubleshooting)
 
 ## Demo and Examples
-Check out [Storybook](https://intl-tel-input.com/storybook/?path=/docs/intltelinput--vanilla) where you can play with the various props. Alternatively, try it for yourself by downloading the project and opening /react/demo/validation.html (etc) in a browser.
+Check out [Storybook](https://intl-tel-input.com/storybook/?path=/docs/intltelinput--vanilla) where you can play with the various props.
+
+Alternatively, download and build the project yourself in 3 simple steps. You just need to initialise the submodules with `git submodule update --init --recursive`, then run `npm install`, and then `npm run build`. You should now be able to open the validation demo page /react/demo/validation/validation.html in your browser and give it a try. View other available demos [here](https://github.com/jackocnr/intl-tel-input/tree/master/react/demo).
 
 ## Getting Started
 ```js
@@ -30,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@25.15.0/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.0-beta.1"
+    version: "26.0.2"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/react/build/IntlTelInput.d.ts

@@ -700,6 +700,11 @@ declare module "intl-tel-input/i18n/zh" {
     const interfaceTranslations: I18n;
     export default interfaceTranslations;
 }
+declare module "intl-tel-input/i18n/zh-hk" {
+    import type { I18n } from "intl-tel-input/i18n/types";
+    const interfaceTranslations: I18n;
+    export default interfaceTranslations;
+}
 declare module "intl-tel-input/i18n" {
     export { default as ar } from "intl-tel-input/i18n/ar";
     export { default as bg } from "intl-tel-input/i18n/bg";
@@ -744,4 +749,5 @@ declare module "intl-tel-input/i18n" {
     export { default as uz } from "intl-tel-input/i18n/uz";
     export { default as vi } from "intl-tel-input/i18n/vi";
     export { default as zh } from "intl-tel-input/i18n/zh";
+    export { default as zhHk } from "intl-tel-input/i18n/zh-hk";
 }

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.0-beta.1"
+    version: "26.0.2"
   }
 );
 var intl_tel_input_default = intlTelInput;