monkey-style-guide-v2 0.0.65 → 0.0.67

package/fesm2022/monkey-style-guide-v2.mjs

@@ -5650,7 +5650,7 @@ class MonkeyInputPhoneComponent {
     getCountryByCallingCode(code) {
         const cleanCode = code.replace('+', '');
         return (getCountries().find((country) => {
-            return getCountryCallingCode(country) === cleanCode || country === code;
+            return country === cleanCode;
         }) || null);
     }
     isoToFlagEmoji(isoCode) {
@@ -5672,23 +5672,23 @@ class MonkeyInputPhoneComponent {
         return this.selectedCallingCode;
     }
     performValue(value) {
-        this._value = `${this.selectedCallingCode}${value}`;
+        const countryCode = `+${getCountryCallingCode(this.selectedCallingCode)}`;
+        this._value = `${countryCode}${value}`;
         this._onChange(this._value);
         this._onTouched(this._value);
     }
     validateValue() {
         const { phoneValid } = this;
         if (!phoneValid) {
-            const countryCode = this.getCountryByCallingCode(this.selectedCallingCode);
+            const countryCode = this.selectedCallingCode;
             const example = getExampleNumber(countryCode, examples);
+            const formatter = new AsYouType(countryCode);
+            const phoneAllowed = formatter.input(example.nationalNumber);
             this.ngControl?.control?.setErrors({
                 phone: true,
-                phoneAllowed: example?.nationalNumber
+                phoneAllowed
             });
         }
-        else {
-            this.ngControl?.control?.setErrors(null);
-        }
     }
     formatValue(value, changedCountry = false) {
         if (!value) {
@@ -5702,18 +5702,19 @@ class MonkeyInputPhoneComponent {
         if (isCountryChanged && detectedCallingCode) {
             this.selectedCallingCode = detectedCallingCode;
         }
-        const countryCode = this.getCountryByCallingCode(this.selectedCallingCode);
+        const countryCode = `+${getCountryCallingCode(this.selectedCallingCode)}`;
         if (!countryCode) {
             this.phoneFormatted = value;
             this.phoneValid = false;
             this.validateValue();
             return;
         }
-        const nationalPart = value.replace(this.selectedCallingCode, '').replace(/[^\d+]/g, '');
-        const formatter = new AsYouType(countryCode);
+        let nationalPart = value.replace(this.selectedCallingCode, '').replace(/[^\d+]/g, '');
+        nationalPart = nationalPart.replace(countryCode, '');
+        const formatter = new AsYouType(this.selectedCallingCode);
         this.phoneFormatted = formatter.input(nationalPart);
         this.performValue(nationalPart);
-        this.phoneValid = isValidPhoneNumber(nationalPart, countryCode);
+        this.phoneValid = isValidPhoneNumber(nationalPart, this.selectedCallingCode);
         this.validateValue();
     }
     ngAfterContentInit() { }