some updates when changing zipcode to certain types

src/digital-components/date-picker/date-picker.vue

@@ -590,8 +590,11 @@ export default {
                 this.findInitialDate(config.preSelectedDate, pageIndexObj.initialDayIndex);
             } else {
                 this.findFirstAvailableDateInView();
-                while (!this.selectedDate) {
+                let attempts = 0;
-                    this.gotoNextPage();
+                while (!this.selectedDate && attempts < 5) {
+                    // eslint-disable-next-line no-await-in-loop
+                    await this.gotoNextPage();
+                    attempts += 1;
                 }
             }
 

src/layouts/schedule-page/schedule-page.vue

@@ -181,7 +181,9 @@ const getAvailableDates = async (
                     storeAction.payload.startDate,
                     storeAction.payload.endDate,
                     storeAction.payload.zipCodeOverride
-                );
+                ).catch((error) => {
+                    console.log('Error fetching mobile time slots:', error);
+                });
             }
 
             timeSlotsResponsesData.estimatedServiceMinutesMinimum =
@@ -463,11 +465,17 @@ export default {
                 initialViewEndDate = endDateObject.endDateString;
             }
 
+            let mobileProviderNumberToUse = defaultProviderNumber;
+            if (this.selectedAppointmentType === AppointmentTypeStrings.MOBILE
+                || this.selectedAppointmentType === AppointmentTypeStrings.MOBILE_NOT_ITAC_AND_NOT_NOCOMP) {
+                mobileProviderNumberToUse = this.selectedServiceLocation.mobileProviderNumber;
+            }
+
             const initialData = await getAvailableDates(
                 initialViewStartDate,
                 initialViewEndDate,
                 this.selectedAppointmentType || AppointmentTypeStrings.IN_SHOP,
-                this.selectedProvider.providerNumber || defaultProviderNumber,
+                this.selectedProvider?.providerNumber || mobileProviderNumberToUse,
                 this.selectedServiceLocation.zipCode
             ).then((response) => ({
                 todayDate: todayDateString,
@@ -484,24 +492,26 @@ export default {
                 || this.selectedAppointmentType === AppointmentTypeStrings.MOBILE_NOT_ITAC_AND_NOT_NOCOMP) {
                 this.mobileDatesData = initialData;
 
-                const inShopData = await getAvailableDates(
+                if (this.selectedProvider?.providerNumber) {
-                    initialViewStartDate,
+                    const inShopData = await getAvailableDates(
-                    initialViewEndDate,
+                        initialViewStartDate,
-                    AppointmentTypeStrings.IN_SHOP,
+                        initialViewEndDate,
-                    this.selectedProvider.providerNumber || defaultProviderNumber,
+                        AppointmentTypeStrings.IN_SHOP,
-                    this.selectedServiceLocation.zipCode
+                        this.selectedProvider?.providerNumber || defaultProviderNumber,
-                ).then((response) => ({
+                        this.selectedServiceLocation.zipCode
-                    todayDate: todayDateString,
+                    ).then((response) => ({
-                    initialViewStartDate,
+                        todayDate: todayDateString,
-                    initialViewEndDate,
+                        initialViewStartDate,
-                    calendarViewDirection,
+                        initialViewEndDate,
-                    initialShopTimeSlotsResponse: response,
+                        calendarViewDirection,
-                    preSelectedDate,
+                        initialShopTimeSlotsResponse: response,
-                    initialDaysLoaded: endDateObject.newDaysLoaded || initialDays,
+                        preSelectedDate,
-                    daysFromStart: endDateObject.daysFromStart || null
+                        initialDaysLoaded: endDateObject.newDaysLoaded || initialDays,
-                }));
+                        daysFromStart: endDateObject.daysFromStart || null
+                    }));
 
-                this.inShopDatesData = inShopData;
+                    this.inShopDatesData = inShopData;
+                }
             } else {
                 this.inShopDatesData = initialData;
             }

src/layouts/schedule-page/service-location/service-location.vue

@@ -320,7 +320,10 @@ export default {
                     refreshDatePicker: oldProvider?.providerNumber !== null
                 };
 
-                this.refreshAvailabilityRating();
+                if (this.selectedAppointmentType === AppointmentTypeStrings.IN_SHOP && newProvider?.providerNumber != null) {
+                    this.refreshAvailabilityRating();
+                }
+
                 this.$emit('provider-changed', returnedProvider);
             }
         }
@@ -412,6 +415,7 @@ export default {
             endDate.setDate(startDate.getDate() + 6);
             const formattedStartDate = startDate.toISOString().split('T')[0];
             const formattedEndDate = endDate.toISOString().split('T')[0];
+
             getAvailabilityRating(
                 formattedStartDate,
                 formattedEndDate,
@@ -419,6 +423,8 @@ export default {
                 this.selectedProvider ? this.selectedProvider.providerNumber : null
             ).then((rating) => {
                 this.availabilityRating = rating;
+            }).catch(() => {
+                this.availabilityRating = null;
             });
         },
         setCtuForMobile(val) {

src/store/index.js

@@ -923,6 +923,7 @@ export const useMainStore = defineStore({
                 },
                 zipCode: zipCodeOverride ?? order.serviceLocation.zipCode
             };
+
             return globalMethods.callHttpClient({
                 method: endpoints.GetMobileTimeSlots.method,
                 endpoint: endpoints.GetMobileTimeSlots.url,