edvoyui-component-library-test-flight 0.0.241 → 0.0.242

package/dist/components/telephone/EUITelephone.vue

@@ -79,7 +79,7 @@ import {
   type PhoneMeta,
   type VueTelInputProps,
 } from "vue-tel-input";
-import { getExampleNumber } from "libphonenumber-js";
+import { type CountryCode, getExampleNumber } from "libphonenumber-js";
 import mobileExamples from "libphonenumber-js/mobile/examples";
 import "vue-tel-input/vue-tel-input.css";
 
@@ -160,9 +160,9 @@ const id = generateUID();
 
 const hasError = computed({
   set: (value) => {
-    emit("update:isValid", value);
+    emit("update:isValid", !value);
   },
-  get: () => isValid.value,
+  get: () => !isValid.value,
 });
 
 const inputValue = computed(() => {
@@ -191,8 +191,13 @@ const getCountryMaxLength = (
 ) => {
   if (!country) return props.length;
 
-  const countryCode = typeof country === "string" ? country : country.iso2;
-  const example = getExampleNumber(countryCode, mobileExamples);
+  const rawCode = typeof country === "string" ? country : country.iso2;
+  const countryCode = (
+    rawCode ? String(rawCode).toUpperCase() : ""
+  ) as CountryCode;
+  const example = countryCode
+    ? getExampleNumber(countryCode, mobileExamples)
+    : undefined;
   if (!example) return props.length;
 
   const dialCodeLength = String(example.countryCallingCode ?? "").length;
@@ -251,24 +256,11 @@ const onInputChanged = (
   _formattedNumber: string,
   phoneObject: TelephoneInputMeta,
 ) => {
-  const countryCode = phoneObject.country ?? activeCountry.value?.iso2;
-  const example = countryCode
-    ? getExampleNumber(countryCode, mobileExamples)
-    : undefined;
-  const dialCode =
-    example?.countryCallingCode ?? activeCountry.value?.dialCode ?? "";
-  const phoneDigits = String(phoneObject.number ?? "").replace(/\D/g, "");
-  const nationalDigits = phoneDigits.slice(String(dialCode).length);
-
-  if (nationalDigits.length > 0) {
-    isTouched.value = true;
-  }
-
   telephoneIsValid.value = Boolean(phoneObject.valid);
-  hasError.value = telephoneIsValid.value;
+  hasError.value = !telephoneIsValid.value;
 
   dynamicMaxLength.value = getCountryMaxLength(
-    activeCountry.value ?? phoneObject.country ?? null,
+    phoneObject.country ?? activeCountry.value ?? null,
   );
 
   emit("update:modelValue", phoneObject.number);
@@ -313,12 +305,19 @@ const externalErrorMessage = computed(() => {
 });
 
 const internalErrorMessage = computed(() => {
-  if (!isTouched.value || props.readonly || props.disabled) return "";
+  if (
+    !isTouched.value ||
+    telephoneIsValid.value ||
+    props.readonly ||
+    props.disabled
+  ) {
+    return "";
+  }
 
   const value = String(mobile.value ?? "").trim();
   if (!value) return props.required ? "Mobile number is required" : "";
 
-  return telephoneIsValid.value ? "" : "Enter a valid phone number";
+  return "Enter a valid phone number";
 });
 
 const errorMessage = computed(