fix: parse happened too early

gyurielf · Aug 29, 2023 · f5071ce · f5071ce
1 parent 5ec088b
commit f5071ce
Showing 1 changed file with 8 additions and 5 deletions.
diff --git a/packages/svelte-tel-input/src/lib/components/input/TelInput.svelte b/packages/svelte-tel-input/src/lib/components/input/TelInput.svelte
@@ -1,5 +1,5 @@
 <script lang="ts">
-	import { createEventDispatcher } from 'svelte';
+	import { createEventDispatcher, onMount } from 'svelte';
 	import { parsePhoneNumberWithError, ParseError } from 'libphonenumber-js/max';
 	import {
 		normalizeTelInput,
@@ -72,7 +72,8 @@
 	// Update the country and dispatch event
 	const updateCountry = (countryCode: CountryCode | null) => {
 		if (countryCode !== country) {
-			country = prevCountry = countryCode;
+			country = countryCode;
+			prevCountry = country;
 			dispatch('updateCountry', country);
 		}
 		return country;
@@ -172,9 +173,11 @@
 		dispatch('updateDetailedValue', detailedValue);
 	}
 
-	if (value) {
-		handleParsePhoneNumber(value, getCountryForPartialE164Number(value) || country);
-	}
+	onMount(() => {
+		if (value) {
+			handleParsePhoneNumber(value, getCountryForPartialE164Number(value) || country);
+		}
+	});
 </script>
 
 <input