From 309f08961bd25aed25937090f379bbce7cbda692 Mon Sep 17 00:00:00 2001 From: Bill Richardson Date: Tue, 17 Feb 2026 16:15:58 -0500 Subject: [PATCH] some updates for schedule add period fetch billTo on provider change (needed for time slots) fix if Adak Alaska on load. --- .../date-picker/date-picker.vue | 2 +- src/layouts/schedule-page/schedule-page.vue | 51 ++++++++++++++++--- .../service-location/service-location.vue | 5 +- src/store/index.js | 19 +++++-- 4 files changed, 64 insertions(+), 13 deletions(-) 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?
- Your service will take approximately {{ appointmentEstimate }} + Your service will take approximately {{ appointmentEstimate }}.
{ @@ -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