diff --git a/src/digital-components/date-picker/date-picker.vue b/src/digital-components/date-picker/date-picker.vue
index 70519fe4..4a9e78b5 100644
--- a/src/digital-components/date-picker/date-picker.vue
+++ b/src/digital-components/date-picker/date-picker.vue
@@ -10,7 +10,7 @@
When would you like service?
{
@@ -276,25 +276,39 @@ export default {
// use resultMap to populate layout content.
const resultMap = await settleAllPromises(promiseResultMap);
+ const providersUnderOneHundredMiles = resultMap.providers?.shopProviders?.filter((provider) => provider.distanceMiles <= 100);
const serviceLocationData = {
defaultMobileZipCode: isMobileAppointment
? storeServiceLocation?.zipCode
: '',
glassFees: resultMap.glassFees,
mobileFeePart: resultMap.mobileFeePart,
- providers: resultMap.providers,
+ providers: {
+ ...resultMap.providers,
+ shopProviders: providersUnderOneHundredMiles || []
+ },
serviceabilityDetails: resultMap.serviceabilityDetails,
zipCodeData: resultMap.zipCodeData
};
useMainStore().updateIsSafeliteProvider(true);
next(async (vm) => {
- const providerToUse = resultMap.providers?.shopProviders
+ const foundProviderInFullList = resultMap.providers?.shopProviders
.find((provider) => provider.providerNumber === storeSelectedProvider?.providerNumber) || resultMap.providers?.shopProviders[0];
+ const foundProviderInHundredMiles = providersUnderOneHundredMiles
+ .find((provider) => provider.providerNumber === storeSelectedProvider?.providerNumber) || providersUnderOneHundredMiles[0];
+
+ if (!foundProviderInHundredMiles && !foundProviderInFullList) {
+ if (storeSelectedProvider?.providerNumber && resultMap.providers?.shopProviders) {
+ serviceLocationData.providers?.shopProviders.push(storeSelectedProvider);
+ }
+ } else if (!foundProviderInHundredMiles && foundProviderInFullList) {
+ serviceLocationData.providers?.shopProviders.push(foundProviderInFullList);
+ }
const initialServiceLocationObj = {
mobileProviderNumber: isMobileAppointment
? storeSelectedProvider?.providerNumber
: null,
- provider: isMobileAppointment ? null : providerToUse,
+ provider: isMobileAppointment ? null : foundProviderInFullList,
zipCode: useMainStore().order.serviceLocation.zipCode || useMainStore().order.customer.address.zipCode,
zipCodeCtu: resultMap.zipCodeData?.zipCodeCtu
};
@@ -524,7 +538,20 @@ export default {
preSelectedDate,
initialDaysLoaded: endDateObject.newDaysLoaded || initialDays,
daysFromStart: endDateObject.daysFromStart || null
- }));
+ }))
+ .catch(() => {
+ console.warn('Error fetching initial available dates...');
+ return {
+ todayDate: todayDateString,
+ initialViewStartDate,
+ initialViewEndDate,
+ calendarViewDirection,
+ initialShopTimeSlotsResponse: { days: [] },
+ preSelectedDate,
+ initialDaysLoaded: endDateObject.newDaysLoaded || initialDays,
+ daysFromStart: endDateObject.daysFromStart || null
+ };
+ });
if (this.selectedAppointmentType === AppointmentTypeStrings.MOBILE
|| this.selectedAppointmentType === AppointmentTypeStrings.MOBILE_NOT_ITAC_AND_NOT_NOCOMP) {
@@ -639,12 +666,20 @@ export default {
}
}
},
- providerChangedFromServiceLocation(newProvider) {
+ async providerChangedFromServiceLocation(newProvider) {
this.selectedProvider = newProvider?.provider;
+ if (newProvider?.refreshDatePicker && newProvider.provider) {
+ this.mainStore.updateServiceLocationProvider(newProvider.provider);
- if (newProvider?.refreshDatePicker) {
showIssLoadingModal(true);
- this.refreshDatePicker();
+ await this.mainStore.getBillToInfo(newProvider.provider?.providerNumber)
+ .then(() => {
+ this.refreshDatePicker();
+ })
+ .catch(() => {
+ console.warn('Error fetching bill to info...');
+ showIssLoadingModal(false);
+ });
}
},
async refreshDatePicker() {
diff --git a/src/layouts/schedule-page/service-location/service-location.vue b/src/layouts/schedule-page/service-location/service-location.vue
index de47fd87..78a5cb32 100644
--- a/src/layouts/schedule-page/service-location/service-location.vue
+++ b/src/layouts/schedule-page/service-location/service-location.vue
@@ -203,7 +203,7 @@ export default {
return this.isBigTruck && !this.isServiceableInshop && !this.isServiceableMobile;
},
displayLowAvailabilityInshop() {
- return this.availabilityRating === 'low' && this.isInshop;
+ return this.availabilityRating === 'low' && this.isInshop && this.selectedProvider !== null;
},
displayMilitaryZipAlert() {
return this.zipContainsMilitaryBase && this.isServiceableMobile;
@@ -622,5 +622,8 @@ $page-side-padding: 1.5rem;
}
}
}
+ :deep(.alert-shop-distance) {
+ margin-bottom: 0;
+ }
}
diff --git a/src/store/index.js b/src/store/index.js
index 3e3b8a57..806ce1e6 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -1848,7 +1848,20 @@ export const useMainStore = defineStore({
}
this.order.serviceLocation.tpaSearchRadius = serviceLocationInfo.tpaSearchRadius;
},
-
+ updateServiceLocationProvider(providerInfo) {
+ this.order.serviceLocation.provider = {
+ providerNumber: providerInfo?.providerNumber,
+ address: {
+ streetAddress: providerInfo?.address?.streetAddress,
+ city: providerInfo?.address?.city,
+ state: providerInfo?.address?.state,
+ zipCode: providerInfo?.address?.zipCode,
+ zipCodeCtu: providerInfo?.address?.zipCodeCtu
+ },
+ companyName: providerInfo?.companyName,
+ phoneNumber: providerInfo?.phoneNumber
+ };
+ },
resetState() {
Object.assign(this, getDefaultState());
},
@@ -2684,12 +2697,12 @@ export const useMainStore = defineStore({
}
},
- async getBillToInfo() {
+ async getBillToInfo(componentProviderNumber = null) {
const { order, issConfig } = this;
try {
const params = new URLSearchParams({
parentAccountNumber: order.parentAccountNumber.toString(),
- providerNumber: this.providerNumber,
+ providerNumber: componentProviderNumber || this.providerNumber,
typeOfClaim: 'GLASS ONLY',
lineOfBusiness: 'PERSONAL',
isItac: this.isITAC