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

add big truck no service alert to vin/license/address lookup, remove bailout

Browse source
This commit is contained in:
Katie Kroell 2025-09-08 11:51:12 -04:00
parent 8dcca6951d
commit 490641ceba
6 changed files with 79 additions and 9 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

3
src/constants/vehicle-lookup-alert-types.js
View file

@ -2,7 +2,8 @@ const vehicleLookupAlertTypes = Object.freeze({
NOT_FOUND: 'notFound',
NOT_MATCHED: 'notMatched',
TWO_IDENTICAL_YMM_MATCHED: 'twoIdenticalYMMMatched',
PERFECT_MATCH: 'perfectMatch'
PERFECT_MATCH: 'perfectMatch',
NO_SERVICE: 'noService'
});
export default vehicleLookupAlertTypes;

20
src/layouts/address-lookup/address-lookup.vue
View file

@ -53,6 +53,13 @@
cmsWidgetName="AlertVinLookupsByHomeAddressNotAllowedWidget"
alertClass="alert-danger"
:isDismissible="false" />
<alert
v-if="displayNoServiceAlert"
ref="AlertNoService"
class="mt-5"
cmsWidgetName="AlertNoServiceWidget"
alertClass="alert-danger"
:isDismissable="false" />
<customerQuestions
ref="customerQuestions"
v-model="customerQuestions" />
@ -137,7 +144,8 @@ export default {
isCarIdDifferent: false,
isSelectedGlassAvailableForVehicle: true,
customAlertData: {},
forwardButtonCarStyle: ''
forwardButtonCarStyle: '',
displayNoServiceAlert: false
};
},
computed: {
@ -255,6 +263,15 @@ export default {
return this.$refs.siteFooter.removeLoader();
}
// Check if vehicle is a non-servicable big truck
if (resultMap.vinLookupResponse.isBigTruck && !resultMap.vinLookupResponse.canSafeliteService) {
this.displayNoServiceAlert = true;
this.resetVehicleFromLookup();
this.$refs.siteFooter.disableForwardButton();
this.$refs.siteFooter.removeLoader();
return;
}
const carsFound = resultMap.vinLookupResponse.vinVehicles;
// Handle cases for different amounts of VINS found for the address.
@ -370,6 +387,7 @@ export default {
this.displayVinNotFoundAlert = false;
this.displayMatchedDifferentVehicleAlert = false;
this.displayVinLookupByHomeAddressNotAllowedAlert = false;
this.displayNoServiceAlert = false;
this.$refs.siteFooter.enableForwardAction();
}
}

19
src/layouts/license-plate-lookup/license-plate-lookup.vue
View file

@ -47,6 +47,13 @@
:manualCopy="AlertMatchedTwoIdenticalYMMVehicleBody"
alertClass="alert-warning"
:isDismissible="false" />
<alert
v-if="displayNoServiceAlert"
ref="AlertNoService"
class="mt-5 mb-5"
cmsWidgetName="AlertNoServiceWidget"
alertClass="alert-danger"
:isDismissable="false" />
<textboxQuestion
id="license-plate-question-wrapper"
v-model="licensePlate"
@ -156,7 +163,8 @@ export default {
isCarIdDifferent: false,
customAlertData: {},
isSelectedGlassAvailableForVehicle: true,
forwardButtonCarStyle: ''
forwardButtonCarStyle: '',
displayNoServiceAlert: false
};
},
computed: {
@ -299,6 +307,14 @@ export default {
return this.$refs.siteFooter.removeLoader();
}
// Check if vehicle is a non-servicable big truck
if (vehicleFromLookup.isBigTruck && !vehicleFromLookup.canSafeliteService) {
this.displayNoServiceAlert = true;
this.resetVehicleFromLookup();
this.$refs.siteFooter.disableForwardButton();
return this.$refs.siteFooter.removeLoader();
}
// Save vehicle, license plate, and registration information
useMainStore().saveRegistrationLicensePlateLookup({
isSelectedGlassAvailableForVehicle: this.isSelectedGlassAvailableForVehicle,
@ -333,6 +349,7 @@ export default {
resetWarningsAndErrors() {
this.displayVinNotFoundAlert = false;
this.displayMatchedDifferentVehicleAlert = false;
this.displayNoServiceAlert = false;
}
}
};

26
src/layouts/vin-lookup/vin-lookup-alerts/no-service-alert/no-service-alert.vue Normal file
View file

@ -0,0 +1,26 @@
<template>
<alert
id="no-service-alert"
alertClass="alert-danger"
cmsWidgetName="AlertNoServiceWidget"
aria-label="no-service-alert" />
</template>
<script>
import alert from '@/ux-components/alert/alert.vue';
export default {
name: 'no-service-alert',
components: {
alert
},
inject: ['vehicleFromLookup']
};
</script>
<style>
/**
Override wrong margin-bottom rule in the Alert component.
*/
#no-service-alert p:last-of-type {
margin-bottom: 0 !important;
}
</style>

9
src/layouts/vin-lookup/vin-lookup-alerts/vin-lookup-alerts.vue
View file

@ -10,6 +10,8 @@
v-else-if="isVehicleNotMatchedVisible" />
<perfectMatchAlert
v-else-if="isPerfectMatchVisible" />
<noServiceAlert
v-else-if="isNoServiceVisible" />
</div>
</template>
<script>
@ -19,6 +21,7 @@ import vehicleNotMatchedAlert from '@/layouts/vin-lookup/vin-lookup-alerts/vehic
import twoIdenticalYMMVehicleAlert from
'@/layouts/vin-lookup/vin-lookup-alerts/two-identical-ymm-vehicle-alert/two-identical-ymm-vehicle-alert.vue';
import perfectMatchAlert from '@/layouts/vin-lookup/vin-lookup-alerts//perfect-match-alert/perfect-match-alert.vue';
import noServiceAlert from './no-service-alert/no-service-alert.vue';
export default {
name: 'vin-lookup-alerts',
@ -26,7 +29,8 @@ export default {
vehicleNotFoundAlert,
vehicleNotMatchedAlert,
twoIdenticalYMMVehicleAlert,
perfectMatchAlert
perfectMatchAlert,
noServiceAlert
},
props: {
activeAlertType: {
@ -51,6 +55,9 @@ export default {
isPerfectMatchVisible() {
return this.activeAlertType === vehicleLookupAlertTypes.PERFECT_MATCH;
},
isNoServiceVisible() {
return this.activeAlertType === vehicleLookupAlertTypes.NO_SERVICE;
},
wrapperCssClass() {
return {
'mb-5': this.activeAlertType !== null

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

@ -196,14 +196,15 @@ export default {
return;
}
if (!vehicleLookupResponse.data.canSafeliteService) {
this.mainStore.setBailout(bailoutMessage.HeavyTruckVehicle(vehicleLookupResponse.data.carId));
this.$router.navigate(this.navigationScenarios.CLICKED_FORWARD_WITH_BAILOUT, this.$route);
// Check if vehicle is a non-servicable big truck
if (vehicleLookupResponse.data.isBigTruck && !vehicleLookupResponse.data.canSafeliteService) {
this.activeVehicleLookupAlertType = vehicleLookupAlertTypes.NO_SERVICE;
this.resetVehicleFromLookup();
this.$refs.siteFooter.disableForwardButton();
this.$refs.siteFooter.removeLoader();
return;
}
this.mainStore.resetBailout();
// Add vin bcs the response from the service doesn't contain vin
this.vehicleFromLookup = Object.assign(
vehicleLookupResponse.data,