lite-phone-input 0.3.0 → 0.5.0

package/dist/vanilla/index.d.cts

@@ -42,6 +42,7 @@ interface PhoneInputOptions {
     initialValue?: string;
     containerClass?: string;
     dropdownContainer?: HTMLElement;
+    geoIpLookup?: (callback: (countryCode: string | null) => void) => void;
     onChange?: (e164: string, country: Country, validation: ValidationResult) => void;
     onCountryChange?: (country: Country) => void;
     onValidationChange?: (validation: ValidationResult) => void;
@@ -56,6 +57,7 @@ declare class PhoneInput {
     private selectedCountry;
     private nationalDigits;
     private displayInternational;
+    private userHasInteracted;
     private get isNationalInput();
     private lastValidation;
     private dropdown;
@@ -83,6 +85,7 @@ declare class PhoneInput {
     validate(): ValidationResult;
     setOptions(opts: Partial<PhoneInputOptions>): void;
     destroy(): void;
+    private invokeGeoIpLookup;
     private buildDOM;
     private buildTrigger;
     private rebuildTrigger;

package/dist/vanilla/index.d.ts

@@ -42,6 +42,7 @@ interface PhoneInputOptions {
     initialValue?: string;
     containerClass?: string;
     dropdownContainer?: HTMLElement;
+    geoIpLookup?: (callback: (countryCode: string | null) => void) => void;
     onChange?: (e164: string, country: Country, validation: ValidationResult) => void;
     onCountryChange?: (country: Country) => void;
     onValidationChange?: (validation: ValidationResult) => void;
@@ -56,6 +57,7 @@ declare class PhoneInput {
     private selectedCountry;
     private nationalDigits;
     private displayInternational;
+    private userHasInteracted;
     private get isNationalInput();
     private lastValidation;
     private dropdown;
@@ -83,6 +85,7 @@ declare class PhoneInput {
     validate(): ValidationResult;
     setOptions(opts: Partial<PhoneInputOptions>): void;
     destroy(): void;
+    private invokeGeoIpLookup;
     private buildDOM;
     private buildTrigger;
     private rebuildTrigger;

package/dist/vanilla/index.global.js

@@ -2831,7 +2831,27 @@ var LitePhoneInput = (() => {
   // src/core/format.ts
   var TRAILING_SEP = /[\s\-]+$/;
   var FALLBACK_GROUP = /(.{4})(?=.)/g;
-  var NON_ASCII_DIGITS = /[\u0660-\u0669\u06F0-\u06F9]/g;
+  var NUMERAL_BASES = [
+    1632,
+    // Arabic-Indic  ٠-٩
+    1776,
+    // Persian        ۰-۹
+    2406,
+    // Devanagari     ०-९
+    2534,
+    // Bengali        ০-৯
+    3664,
+    // Thai           ๐-๙
+    3792,
+    // Lao            ໐-໙
+    4160,
+    // Myanmar        ၀-၉
+    6112,
+    // Khmer          ០-៩
+    65296
+    // Fullwidth      ０-９
+  ];
+  var NON_ASCII_DIGITS = /[\u0660-\u0669\u06F0-\u06F9\u0966-\u096F\u09E6-\u09EF\u0E50-\u0E59\u0ED0-\u0ED9\u1040-\u1049\u17E0-\u17E9\uFF10-\uFF19]/g;
   function isRelevantChar(ch) {
     const c = ch.charCodeAt(0);
     return c >= 48 && c <= 57 || c === 43;
@@ -2881,9 +2901,18 @@ var LitePhoneInput = (() => {
   function normalizeNumerals(value) {
     return value.replace(NON_ASCII_DIGITS, (c) => {
       const code = c.charCodeAt(0);
-      return code <= 1641 ? String(code - 1632) : String(code - 1776);
+      for (const base of NUMERAL_BASES) {
+        if (code >= base && code <= base + 9) {
+          return String(code - base);
+        }
+      }
+      return c;
     });
   }
+  function isNonAsciiDigit(ch) {
+    const code = ch.charCodeAt(0);
+    return NUMERAL_BASES.some((base) => code >= base && code <= base + 9);
+  }
 
   // src/core/countries.ts
   function getFlag(code) {
@@ -3296,6 +3325,7 @@ var LitePhoneInput = (() => {
     constructor(el, options) {
       this.nationalDigits = "";
       this.displayInternational = false;
+      this.userHasInteracted = false;
       this.lastValidation = null;
       this.dropdown = null;
       this.dialCodeEl = null;
@@ -3313,6 +3343,7 @@ var LitePhoneInput = (() => {
         if (this.opts.initialValue) {
           this.setValueInternal(this.opts.initialValue, true);
         }
+        this.invokeGeoIpLookup();
       }
     }
     get isNationalInput() {
@@ -3350,8 +3381,9 @@ var LitePhoneInput = (() => {
       return validatePhone(this.nationalDigits, this.selectedCountry);
     }
     setOptions(opts) {
+      const { geoIpLookup: _, ...rest } = opts;
       const prev = { ...this.opts };
-      Object.assign(this.opts, opts);
+      Object.assign(this.opts, rest);
       if (opts.allowedCountries !== void 0 || opts.excludedCountries !== void 0) {
         this.countries = this.filterCountries(getAllCountries());
         if (!this.countries.find((c) => c.code === this.selectedCountry.code)) {
@@ -3393,6 +3425,16 @@ var LitePhoneInput = (() => {
       }
       this.el.innerHTML = "";
     }
+    invokeGeoIpLookup() {
+      const lookup = this.opts.geoIpLookup;
+      if (!lookup) return;
+      this.opts.geoIpLookup = void 0;
+      const signal = this.ac.signal;
+      lookup((countryCode) => {
+        if (signal.aborted || this.userHasInteracted || !countryCode) return;
+        this.setCountry(countryCode);
+      });
+    }
     // --- DOM Construction ---
     buildDOM() {
       this.containerEl = document.createElement("div");
@@ -3492,6 +3534,7 @@ var LitePhoneInput = (() => {
       this.inputEl.addEventListener("paste", (e) => this.handlePaste(e), { signal });
     }
     handleInput(e) {
+      this.userHasInteracted = true;
       if (this.opts.strict !== false && e.data === "+" && this.isNationalInput) {
         this.inputEl.value = this.inputEl.value.replace("+", "");
       }
@@ -3507,7 +3550,7 @@ var LitePhoneInput = (() => {
         const formatted = this.formatNationalValue(digits);
         const np = this.shouldPrependPrefix ? this.selectedCountry.nationalPrefix : "";
         const display = !digits && np && extractDigits(raw).length > 0 ? np : digits && np ? np + formatted : formatted;
-        const newCursor = this.getNationalCursor(this.inputEl.value, oldCursor, formatted);
+        const newCursor = this.getNationalCursor(raw, oldCursor, formatted);
         this.inputEl.value = display;
         this.inputEl.setSelectionRange(newCursor, newCursor);
       } else {
@@ -3534,7 +3577,7 @@ var LitePhoneInput = (() => {
         } else {
           formatted = this.formatNationalValue(national);
         }
-        const newCursor = getCursorPosition(this.inputEl.value, oldCursor, formatted);
+        const newCursor = getCursorPosition(raw, oldCursor, formatted);
         this.inputEl.value = formatted;
         this.inputEl.setSelectionRange(newCursor, newCursor);
       }
@@ -3549,14 +3592,12 @@ var LitePhoneInput = (() => {
       if (!this.isNationalInput && e.key === "+" && this.inputEl.selectionStart === 0) {
         return;
       }
-      if (e.key.length === 1 && !/\d/.test(e.key)) {
-        const code = e.key.charCodeAt(0);
-        if (!(code >= 1632 && code <= 1641 || code >= 1776 && code <= 1785)) {
-          e.preventDefault();
-        }
+      if (e.key.length === 1 && !/\d/.test(e.key) && !isNonAsciiDigit(e.key)) {
+        e.preventDefault();
       }
     }
     handlePaste(e) {
+      this.userHasInteracted = true;
       e.preventDefault();
       const text = e.clipboardData?.getData("text") ?? "";
       if (!text) return;
@@ -3595,6 +3636,7 @@ var LitePhoneInput = (() => {
     // --- Dropdown ---
     openDropdown() {
       if (this.dropdown) return;
+      this.userHasInteracted = true;
       this.dropdown = new Dropdown({
         countries: this.countries,
         preferredCountries: this.opts.preferredCountries ?? [],