jason/DigitalConsumer.FixMyGlass
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Ensured that both VIN Lookup and Zip Servicability alerts can be displayed at the same time

Browse source
This commit is contained in:
Leah Schumann 2022-06-16 13:16:15 -04:00
parent cf29476668
commit 5e58722d45
1 changed files with 18 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

27
src/layouts/vin-lookup/vin-lookup.vue
View file

@ -203,6 +203,9 @@ export default {
this.getCmsContent("FunnelFooterWidget", "ForwardButtonText")
);
},
zip() {
this.noServiceZip = false;
},
},
computed: {
perfectMatchNewVinAlert() {
@ -309,33 +312,39 @@ export default {
const zipValidation = this.validateZip(this.zip);
const zipValidationResponse = await zipValidation;
// Check if Service Zip entered is servicable, if not display an alert
if (!zipValidationResponse.data.isServiceable) {
this.customAlertData.zip = this.zip;
this.$refs.funnelFooter.removeLoader();
this.customAlertData.zip = this.zip;
this.noServiceZip = true;
this.invalidZip = this.zip;
return;
}
// If the user has clicked on the VIN field, either they are doing a new VIN lookup or changing the VIN previously matched.
// Therefore we need to do a VIN Lookup
let vehicleLookupResponse;
if (this.vinTouched && this.vin != this.initialVin) {
// If the user has clicked on the VIN field, either they are doing a new VIN lookup or changing the VIN previously matched.
// Therefore we need to do a VIN Lookup
const vinToLookup = this.vinTouched ? this.vin : this.initialVin;
const vehicleLookup = this.lookupVehicle(vinToLookup);
vehicleLookupResponse = await vehicleLookup.catch((response) => {
if (response.status == StatusCodes.NOT_FOUND) {
this.vinNotFound = true;
this.$refs.funnelFooter.removeLoader();
this.noServiceZip = false;
return false;
}
});
if (!vehicleLookupResponse) {
return;
}
// if the ZIP is not serviceable or the Vin Lookup didn't return anything then don't complete the process and navigate forward.
if (!zipValidationResponse.data.isServiceable || !vehicleLookupResponse) {
this.$refs.funnelFooter.removeLoader();
return;
}
} else {
// if the ZIP is not serviceable then don't navigate forward.
if (!zipValidationResponse.data.isServiceable) {
this.$refs.funnelFooter.removeLoader();
return;
}
this.navigateForward();
return;
}