fix: user addresses - reset region if changing country (#1140)

packages/theme/modules/customer/pages/MyAccount/AddressesDetails/AddressForm.vue

@@ -281,18 +281,21 @@ export default defineComponent({
   setup(props, { emit }) {
     const { load: loadCountries, search: searchCountry } = useCountrySearch();
 
+    const form = ref<TransformedCustomerAddress | null>(null);
+
     const countries = ref<Countries[]>([]);
     const countriesList = computed(() => addressGetter.countriesList(countries.value));
-
     const country = ref<Country | null>(null);
+    const regionInformation = computed(() => addressGetter.regionList(country.value));
+
     const updateCountry = async (params: UseCountrySearchParams) => {
       country.value = await searchCountry(params);
+      form.value.region = {
+        // let region SfSelect know it should display initial state
+        ...(regionInformation.value.length > 0 ? { region_id: null } : {}),
+      };
     };
 
-    const regionInformation = computed(() => addressGetter.regionList(country.value));
-
-    const form = ref<TransformedCustomerAddress | null>(null);
-
     watch(() => props.address, () => {
       form.value = {
         apartment: props.address.apartment,
@@ -329,7 +332,7 @@ export default defineComponent({
     onBeforeMount(async () => {
       countries.value = await loadCountries();
       if (props.address.country_code) {
-        await updateCountry({ id: props.address.country_code });
+        country.value = await searchCountry({ id: props.address.country_code });
       }
     });