chore: fix safari autofill

taiga-family · Sep 6, 2023 · 048e1af · 048e1af
1 parent ce18b0c
commit 048e1af
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/projects/demo/src/pages/phone/examples/3-non-strict/mask.ts b/projects/demo/src/pages/phone/examples/3-non-strict/mask.ts
@@ -2,7 +2,7 @@ import {maskitoPhoneOptionsGenerator} from '@maskito/phone';
 import metadata from 'libphonenumber-js/min/metadata';
 
 export default maskitoPhoneOptionsGenerator({
-    countryIsoCode: 'RU',
+    countryIsoCode: 'HU',
     metadata,
     strict: false,
 });
diff --git a/projects/phone/src/lib/masks/phone/processors/validate-phone-preprocessor.ts b/projects/phone/src/lib/masks/phone/processors/validate-phone-preprocessor.ts
@@ -1,5 +1,6 @@
 import {MaskitoPreprocessor} from '@maskito/core';
 import {
+    AsYouType,
     CountryCode,
     MetadataJson,
     parsePhoneNumber,
@@ -23,7 +24,14 @@ export function validatePhonePreprocessorGenerator({
 
         // handling autocomplete
         if (value && !value.startsWith(cleanCode) && !data) {
-            return {elementState: {value: prefix + value, selection}};
+            const formatter = new AsYouType({defaultCountry: countryIsoCode}, metadata);
+
+            formatter.input(value);
+            const numberValue = formatter.getNumberValue() || '';
+
+            formatter.reset();
+
+            return {elementState: {value: formatter.input(numberValue), selection}};
         }
 
         try {