intl-tel-input 24.3.1 → 24.3.3

package/build/js/utils.js

@@ -518,12 +518,12 @@ function vb(a){for(var b=a.g.toString(),c=a.j.length,d=0;d<c;++d){var e=a.j[d],f
 function tb(a){var b=a.g.toString();if(3<=b.length){for(var c=a.ca&&0==a.o.length&&0<x(a.l,20)?u(a.l,20):u(a.l,19),d=c.length,e=0;e<d;++e){var f=c[e];0<a.o.length&&Za(w(f,4))&&!r(f,6)&&!q(f,5)||(0!=a.o.length||a.ca||Za(w(f,4))||r(f,6))&&kb.test(w(f,2))&&a.j.push(f)}nb(a,b);b=vb(a);return 0<b.length?b:mb(a)?wb(a):a.s.toString()}return Y(a,b)}function wb(a){var b=a.g.toString(),c=b.length;if(0<c){for(var d="",e=0;e<c;e++)d=ub(a,b.charAt(e));return a.u?Y(a,d):a.s.toString()}return a.h.toString()}
 function sb(a){var b=a.g.toString(),c=0;if(1!=r(a.l,10))var d=!1;else d=a.g.toString(),d="1"==d.charAt(0)&&"0"!=d.charAt(1)&&"1"!=d.charAt(1);d?(c=1,a.h.g("1").g(" "),a.ca=!0):q(a.l,15)&&(d=new RegExp("^(?:"+r(a.l,15)+")"),d=b.match(d),null!=d&&null!=d[0]&&0<d[0].length&&(a.ca=!0,c=d[0].length,a.h.g(b.substring(0,c))));D(a.g);a.g.g(b.substring(c));return b.substring(0,c)}
 function pb(a){var b=a.ba.toString(),c=new RegExp("^(?:\\+|"+r(a.l,11)+")");c=b.match(c);return null!=c&&null!=c[0]&&0<c[0].length?(a.ca=!0,c=c[0].length,D(a.g),a.g.g(b.substring(c)),D(a.h),a.h.g(b.substring(0,c)),"+"!=b.charAt(0)&&a.h.g(" "),!0):!1}function qb(a){if(0==a.g.h.length)return!1;var b=new C,c=db(a.g,b);if(0==c)return!1;D(a.g);a.g.g(b.toString());b=R(c);"001"==b?a.l=S(a.ga,""+c):b!=a.ka&&(a.l=ib(a,b));a.h.g(""+c).g(" ");a.o="";return!0}
-function ub(a,b){var c=a.v.toString();if(0<=c.substring(a.$).search(a.fa)){var d=c.search(a.fa);b=c.replace(a.fa,b);D(a.v);a.v.g(b);a.$=d;return b.substring(0,a.$+1)}1==a.j.length&&(a.u=!1);a.da="";return a.s.toString()};const Z={FIXED_LINE:0,MOBILE:1,FIXED_LINE_OR_MOBILE:2,TOLL_FREE:3,PREMIUM_RATE:4,SHARED_COST:5,VOIP:6,PERSONAL_NUMBER:7,PAGER:8,UAN:9,VOICEMAIL:10,UNKNOWN:-1};m("intlTelInputUtilsTemp",{});m("intlTelInputUtilsTemp.formatNumberAsYouType",(a,b)=>{try{const c=a.replace(/[^+0-9]/g,""),d=new hb(b);b="";for(let e=0;e<c.length;e++)d.ja=ob(d,c.charAt(e)),b=d.ja;return b}catch(c){return a}});
-m("intlTelInputUtilsTemp.formatNumber",(a,b,c)=>{try{const e=J.g(),f=X(e,a,b);var d=W(e,f,-1);return 0==d||4==d?e.format(f,"undefined"===typeof c?0:c):a}catch(e){return a}});m("intlTelInputUtilsTemp.getExampleNumber",(a,b,c,d)=>{try{const l=J.g();a:{var e=l;if(O(a)){var f=T(S(e,a),c);try{if(q(f,6)){var g=r(f,6);var h=gb(e,g,a,!1);break a}}catch(A){}}h=null}return l.format(h,d?0:b?2:1)}catch(l){return""}});m("intlTelInputUtilsTemp.getExtension",(a,b)=>{try{return r(X(J.g(),a,b),3)}catch(c){return""}});
-m("intlTelInputUtilsTemp.getNumberType",(a,b)=>{try{const g=J.g(),h=X(g,a,b);var c=bb(g,h),d=Q(g,w(h,1),c);if(null==d)var e=-1;else{var f=P(h);e=ab(f,d)}return e}catch(g){return-99}});
-m("intlTelInputUtilsTemp.getValidationError",(a,b)=>{try{const c=J.g(),d=X(c,a,b);return W(c,d,-1)}catch(c){return"Invalid country calling code"===c.message?1:3>=a.length||"Phone number too short after IDD"===c.message||"The string supplied is too short to be a phone number"===c.message?2:"The string supplied is too long to be a phone number"===c.message?3:-99}});
-m("intlTelInputUtilsTemp.isValidNumber",(a,b)=>{try{const l=J.g();var c=X(l,a,b),d=bb(l,c);a=l;var e=w(c,1),f=Q(a,e,d);if(null==f||"001"!=d&&e!=cb(a,d))var g=!1;else{var h=P(c);g=-1!=ab(h,f)}return g}catch(l){return!1}});m("intlTelInputUtilsTemp.isPossibleNumber",(a,b,c)=>{try{const d=J.g(),e=X(d,a,b);if(c){const f=0===W(d,e,Z[c]);if("FIXED_LINE_OR_MOBILE"===c){const g=0===W(d,e,Z.MOBILE),h=0===W(d,e,Z.FIXED_LINE);return g||h||f}return f}return 0===W(d,e,-1)}catch(d){return!1}});
-m("intlTelInputUtilsTemp.getCoreNumber",(a,b)=>{try{return r(X(J.g(),a,b),2).toString()}catch(c){return""}});m("intlTelInputUtilsTemp.numberFormat",{E164:0,INTERNATIONAL:1,NATIONAL:2,RFC3966:3});m("intlTelInputUtilsTemp.numberType",Z);m("intlTelInputUtilsTemp.validationError",{IS_POSSIBLE:0,INVALID_COUNTRY_CODE:1,TOO_SHORT:2,TOO_LONG:3,IS_POSSIBLE_LOCAL_ONLY:4,INVALID_LENGTH:5});})();
+function ub(a,b){var c=a.v.toString();if(0<=c.substring(a.$).search(a.fa)){var d=c.search(a.fa);b=c.replace(a.fa,b);D(a.v);a.v.g(b);a.$=d;return b.substring(0,a.$+1)}1==a.j.length&&(a.u=!1);a.da="";return a.s.toString()};const Z={FIXED_LINE:0,MOBILE:1,FIXED_LINE_OR_MOBILE:2,TOLL_FREE:3,PREMIUM_RATE:4,SHARED_COST:5,VOIP:6,PERSONAL_NUMBER:7,PAGER:8,UAN:9,VOICEMAIL:10,UNKNOWN:-1};m("intlTelInputUtilsTemp",{});m("intlTelInputUtilsTemp.formatNumberAsYouType",(a,b)=>{try{const c=a.replace(/[^+0-9]/g,""),d=new hb(b);b="";for(let e=0;e<c.length;e++)d.ja=ob(d,c.charAt(e)),b=d.ja;return b}catch{return a}});
+m("intlTelInputUtilsTemp.formatNumber",(a,b,c)=>{try{const e=J.g(),f=X(e,a,b);var d=W(e,f,-1);return 0==d||4==d?e.format(f,"undefined"===typeof c?0:c):a}catch{return a}});m("intlTelInputUtilsTemp.getExampleNumber",(a,b,c,d)=>{try{const l=J.g();a:{var e=l;if(O(a)){var f=T(S(e,a),c);try{if(q(f,6)){var g=r(f,6);var h=gb(e,g,a,!1);break a}}catch(A){}}h=null}return l.format(h,d?0:b?2:1)}catch{return""}});m("intlTelInputUtilsTemp.getExtension",(a,b)=>{try{return r(X(J.g(),a,b),3)}catch{return""}});
+m("intlTelInputUtilsTemp.getNumberType",(a,b)=>{try{const g=J.g(),h=X(g,a,b);var c=bb(g,h),d=Q(g,w(h,1),c);if(null==d)var e=-1;else{var f=P(h);e=ab(f,d)}return e}catch{return-99}});
+m("intlTelInputUtilsTemp.getValidationError",(a,b)=>{if(!b)return 1;try{const c=J.g(),d=X(c,a,b);return W(c,d,-1)}catch(c){return"Invalid country calling code"===c.message?1:3>=a.length||"Phone number too short after IDD"===c.message||"The string supplied is too short to be a phone number"===c.message?2:"The string supplied is too long to be a phone number"===c.message?3:-99}});
+m("intlTelInputUtilsTemp.isValidNumber",(a,b)=>{try{const l=J.g();var c=X(l,a,b),d=bb(l,c);a=l;var e=w(c,1),f=Q(a,e,d);if(null==f||"001"!=d&&e!=cb(a,d))var g=!1;else{var h=P(c);g=-1!=ab(h,f)}return g}catch{return!1}});m("intlTelInputUtilsTemp.isPossibleNumber",(a,b,c)=>{try{const d=J.g(),e=X(d,a,b);if(c){const f=0===W(d,e,Z[c]);if("FIXED_LINE_OR_MOBILE"===c){const g=0===W(d,e,Z.MOBILE),h=0===W(d,e,Z.FIXED_LINE);return g||h||f}return f}return 0===W(d,e,-1)}catch{return!1}});
+m("intlTelInputUtilsTemp.getCoreNumber",(a,b)=>{try{return r(X(J.g(),a,b),2).toString()}catch{return""}});m("intlTelInputUtilsTemp.numberFormat",{E164:0,INTERNATIONAL:1,NATIONAL:2,RFC3966:3});m("intlTelInputUtilsTemp.numberType",Z);m("intlTelInputUtilsTemp.validationError",{IS_POSSIBLE:0,INVALID_COUNTRY_CODE:1,TOO_SHORT:2,TOO_LONG:3,IS_POSSIBLE_LOCAL_ONLY:4,INVALID_LENGTH:5});})();
 const utils = window.intlTelInputUtilsTemp;
 delete window.intlTelInputUtilsTemp;
 export default utils;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "intl-tel-input",
-  "version": "24.3.1",
+  "version": "24.3.3",
   "description": "A JavaScript plugin for entering and validating international telephone numbers",
   "keywords": [
     "international",
@@ -70,6 +70,7 @@
   "files": [
     "build/*",
     "react/build/*",
+    "vue/build/*",
     "CHANGELOG.md",
     "LICENSE",
     "package.json",

package/react/README.md

@@ -1,5 +1,5 @@
 # IntlTelInput React Component
-A React component wrapper for the [intl-tel-input](https://github.com/jackocnr/intl-tel-input) JavaScript plugin. View the source code [here](https://github.com/jackocnr/intl-tel-input/blob/master/react/src/intl-tel-input/react.tsx).
+A React component wrapper for the [intl-tel-input](https://github.com/jackocnr/intl-tel-input) JavaScript plugin. View the [source code](https://github.com/jackocnr/intl-tel-input/blob/master/react/src/intl-tel-input/react.tsx).
 
 ## Table of Contents
 - [Demo and Examples](#demo-and-examples)
@@ -14,7 +14,7 @@ Check out [Storybook](https://intl-tel-input.com/storybook/?path=/docs/intltelin
 
 ## Getting Started
 ```js
-import IntlTelInput from "intl-tel-input/react";
+import IntlTelInput from "intl-tel-input/reactWithUtils";
 import "intl-tel-input/styles";
 
 <IntlTelInput
@@ -22,17 +22,16 @@ import "intl-tel-input/styles";
     onChangeValidity={setIsValid}
     initOptions={{
         initialCountry: "us",
-        utilsScript: "path/to/utils.js",
     }}
 />
 ```
 
-See the [Validation demo](https://github.com/jackocnr/intl-tel-input/blob/master/react/demo/ValidationApp.tsx) for a more fleshed-out example of how to handle validation.
+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.
 
-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"` instead, to include the utils script. Alternatively, if you use the main `"intl-tel-input/react"` import, then you should couple this with the `utilsScript` 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 `utilsScript` option to that URL, or alternatively just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@24.3.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 `utilsScript` 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 `utilsScript` option to that URL, or alternatively just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@24.3.3/build/js/utils.js"`.
 
 ## Props
-Here's a list of all of the current props you can pass to the IntlTelInput react component.
+Here's a list of all of the current props you can pass to the IntlTelInput React component.
 
 **disabled**    
 Type: `Boolean`, Default: `false`   

package/react/build/IntlTelInput.cjs

@@ -2989,6 +2989,9 @@ var Iti = class {
   }
   //* Validate the input val
   isValidNumber() {
+    if (!this.selectedCountryData.iso2) {
+      return false;
+    }
     const val = this._getFullNumber();
     const alphaCharPosition = val.search(/\p{L}/u);
     if (alphaCharPosition > -1) {
@@ -3004,6 +3007,9 @@ var Iti = class {
   }
   //* Validate the input val (precise)
   isValidNumberPrecise() {
+    if (!this.selectedCountryData.iso2) {
+      return false;
+    }
     const val = this._getFullNumber();
     const alphaCharPosition = val.search(/\p{L}/u);
     if (alphaCharPosition > -1) {
@@ -3093,7 +3099,7 @@ var intlTelInput = Object.assign(
     //* A map from instance ID to instance object.
     instances: {},
     loadUtils,
-    version: "24.3.1"
+    version: "24.3.3"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/react/build/IntlTelInput.js

@@ -2953,6 +2953,9 @@ var Iti = class {
   }
   //* Validate the input val
   isValidNumber() {
+    if (!this.selectedCountryData.iso2) {
+      return false;
+    }
     const val = this._getFullNumber();
     const alphaCharPosition = val.search(/\p{L}/u);
     if (alphaCharPosition > -1) {
@@ -2968,6 +2971,9 @@ var Iti = class {
   }
   //* Validate the input val (precise)
   isValidNumberPrecise() {
+    if (!this.selectedCountryData.iso2) {
+      return false;
+    }
     const val = this._getFullNumber();
     const alphaCharPosition = val.search(/\p{L}/u);
     if (alphaCharPosition > -1) {
@@ -3057,7 +3063,7 @@ var intlTelInput = Object.assign(
     //* A map from instance ID to instance object.
     instances: {},
     loadUtils,
-    version: "24.3.1"
+    version: "24.3.3"
   }
 );
 var intl_tel_input_default = intlTelInput;

package/react/build/IntlTelInputWithUtils.cjs

@@ -2989,6 +2989,9 @@ var Iti = class {
   }
   //* Validate the input val
   isValidNumber() {
+    if (!this.selectedCountryData.iso2) {
+      return false;
+    }
     const val = this._getFullNumber();
     const alphaCharPosition = val.search(/\p{L}/u);
     if (alphaCharPosition > -1) {
@@ -3004,6 +3007,9 @@ var Iti = class {
   }
   //* Validate the input val (precise)
   isValidNumberPrecise() {
+    if (!this.selectedCountryData.iso2) {
+      return false;
+    }
     const val = this._getFullNumber();
     const alphaCharPosition = val.search(/\p{L}/u);
     if (alphaCharPosition > -1) {
@@ -3093,7 +3099,7 @@ var intlTelInput = Object.assign(
     //* A map from instance ID to instance object.
     instances: {},
     loadUtils,
-    version: "24.3.1"
+    version: "24.3.3"
   }
 );
 var intl_tel_input_default = intlTelInput;
@@ -9236,7 +9242,7 @@ var intl_tel_input_default = intlTelInput;
       b = "";
       for (let e = 0; e < c.length; e++) d.ja = ob(d, c.charAt(e)), b = d.ja;
       return b;
-    } catch (c) {
+    } catch {
       return a;
     }
   });
@@ -9245,7 +9251,7 @@ var intl_tel_input_default = intlTelInput;
       const e = J.g(), f = X(e, a, b);
       var d = W(e, f, -1);
       return 0 == d || 4 == d ? e.format(f, "undefined" === typeof c ? 0 : c) : a;
-    } catch (e) {
+    } catch {
       return a;
     }
   });
@@ -9268,14 +9274,14 @@ var intl_tel_input_default = intlTelInput;
         h = null;
       }
       return l.format(h, d ? 0 : b ? 2 : 1);
-    } catch (l) {
+    } catch {
       return "";
     }
   });
   m("intlTelInputUtilsTemp.getExtension", (a, b) => {
     try {
       return r(X(J.g(), a, b), 3);
-    } catch (c) {
+    } catch {
       return "";
     }
   });
@@ -9289,11 +9295,12 @@ var intl_tel_input_default = intlTelInput;
         e = ab(f, d);
       }
       return e;
-    } catch (g) {
+    } catch {
       return -99;
     }
   });
   m("intlTelInputUtilsTemp.getValidationError", (a, b) => {
+    if (!b) return 1;
     try {
       const c = J.g(), d = X(c, a, b);
       return W(c, d, -1);
@@ -9313,7 +9320,7 @@ var intl_tel_input_default = intlTelInput;
         g = -1 != ab(h, f);
       }
       return g;
-    } catch (l) {
+    } catch {
       return false;
     }
   });
@@ -9329,14 +9336,14 @@ var intl_tel_input_default = intlTelInput;
         return f;
       }
       return 0 === W(d, e, -1);
-    } catch (d) {
+    } catch {
       return false;
     }
   });
   m("intlTelInputUtilsTemp.getCoreNumber", (a, b) => {
     try {
       return r(X(J.g(), a, b), 2).toString();
-    } catch (c) {
+    } catch {
       return "";
     }
   });

package/react/build/IntlTelInputWithUtils.js

@@ -2953,6 +2953,9 @@ var Iti = class {
   }
   //* Validate the input val
   isValidNumber() {
+    if (!this.selectedCountryData.iso2) {
+      return false;
+    }
     const val = this._getFullNumber();
     const alphaCharPosition = val.search(/\p{L}/u);
     if (alphaCharPosition > -1) {
@@ -2968,6 +2971,9 @@ var Iti = class {
   }
   //* Validate the input val (precise)
   isValidNumberPrecise() {
+    if (!this.selectedCountryData.iso2) {
+      return false;
+    }
     const val = this._getFullNumber();
     const alphaCharPosition = val.search(/\p{L}/u);
     if (alphaCharPosition > -1) {
@@ -3057,7 +3063,7 @@ var intlTelInput = Object.assign(
     //* A map from instance ID to instance object.
     instances: {},
     loadUtils,
-    version: "24.3.1"
+    version: "24.3.3"
   }
 );
 var intl_tel_input_default = intlTelInput;
@@ -9200,7 +9206,7 @@ var intl_tel_input_default = intlTelInput;
       b = "";
       for (let e = 0; e < c.length; e++) d.ja = ob(d, c.charAt(e)), b = d.ja;
       return b;
-    } catch (c) {
+    } catch {
       return a;
     }
   });
@@ -9209,7 +9215,7 @@ var intl_tel_input_default = intlTelInput;
       const e = J.g(), f = X(e, a, b);
       var d = W(e, f, -1);
       return 0 == d || 4 == d ? e.format(f, "undefined" === typeof c ? 0 : c) : a;
-    } catch (e) {
+    } catch {
       return a;
     }
   });
@@ -9232,14 +9238,14 @@ var intl_tel_input_default = intlTelInput;
         h = null;
       }
       return l.format(h, d ? 0 : b ? 2 : 1);
-    } catch (l) {
+    } catch {
       return "";
     }
   });
   m("intlTelInputUtilsTemp.getExtension", (a, b) => {
     try {
       return r(X(J.g(), a, b), 3);
-    } catch (c) {
+    } catch {
       return "";
     }
   });
@@ -9253,11 +9259,12 @@ var intl_tel_input_default = intlTelInput;
         e = ab(f, d);
       }
       return e;
-    } catch (g) {
+    } catch {
       return -99;
     }
   });
   m("intlTelInputUtilsTemp.getValidationError", (a, b) => {
+    if (!b) return 1;
     try {
       const c = J.g(), d = X(c, a, b);
       return W(c, d, -1);
@@ -9277,7 +9284,7 @@ var intl_tel_input_default = intlTelInput;
         g = -1 != ab(h, f);
       }
       return g;
-    } catch (l) {
+    } catch {
       return false;
     }
   });
@@ -9293,14 +9300,14 @@ var intl_tel_input_default = intlTelInput;
         return f;
       }
       return 0 === W(d, e, -1);
-    } catch (d) {
+    } catch {
       return false;
     }
   });
   m("intlTelInputUtilsTemp.getCoreNumber", (a, b) => {
     try {
       return r(X(J.g(), a, b), 2).toString();
-    } catch (c) {
+    } catch {
       return "";
     }
   });

package/vue/README.md

@@ -0,0 +1,41 @@
+# IntlTelInput Vue Component
+A Vue component wrapper for the [intl-tel-input](https://github.com/jackocnr/intl-tel-input) JavaScript plugin. View the [source code](https://github.com/jackocnr/intl-tel-input/blob/master/vue/src/intl-tel-input/IntlTelInput.vue).
+
+## Table of Contents
+- [Demo and Examples](#demo-and-examples)
+- [Getting Started](#getting-started)
+- [Props](#props)
+- [Accessing Instance Methods](#accessing-instance-methods)
+- [Accessing Static Methods](#accessing-static-methods)
+- [Troubleshooting](#troubleshooting)
+
+## Demo and Examples
+Try it for yourself by downloading the project and running `npm install` and then `npm run vue:demo` and then copying the given URL into your browser.
+
+## Getting Started
+```vue
+<script setup>
+  import IntlTelInput from "../../src/intl-tel-input/IntlTelInputWithUtils.vue";
+</script>
+
+<template>
+  <IntlTelInput
+    :options="{
+      initialCountry: 'us',
+    }"
+  />
+</template>
+```
+
+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 [COMING SOON].
+
+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 `utilsScript` 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 `utilsScript` option to that URL, or alternatively just point it to a CDN hosted version e.g. `"https://cdn.jsdelivr.net/npm/intl-tel-input@24.3.3/build/js/utils.js"`.
+
+## Props
+Here's a list of all of the current props you can pass to the IntlTelInput Vue component.
+
+**options**  
+Type: `Object`  
+An object containing all of the [initialisation options](https://github.com/jackocnr/intl-tel-input?tab=readme-ov-file#initialisation-options) to pass to the plugin. You can use these exactly the same as when using the plugin with pure JavaScript.
+
+[MORE COMING SOON]