diff --git a/src/common-components/textbox-question/textbox-question.vue b/src/common-components/textbox-question/textbox-question.vue index eddfd835e..a56a5a4bc 100644 --- a/src/common-components/textbox-question/textbox-question.vue +++ b/src/common-components/textbox-question/textbox-question.vue @@ -132,7 +132,7 @@ export default { document.getElementById(this.inputId).dispatchEvent(new Event("change")); }) .catch((error) => { - console.log(error); + this.$emit("imageLookupError"); }); e.target.value = null; }, diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue index d9d2b113f..73a7e0e1c 100644 --- a/src/layouts/vin-lookup/vin-lookup.vue +++ b/src/layouts/vin-lookup/vin-lookup.vue @@ -8,7 +8,16 @@ :displayGenericVehicleImage="false" />
-
+
+
+ +
+
+
+ :mask="vinMask" + @image-lookup-error="displayVinScanAlert" />
@@ -188,6 +198,7 @@ export default { displayNonServiceableZipAlert: false, displayVinNotFoundAlert: false, displayMatchedDifferentVehicleAlert: false, + displayVinScanFailedAlert: false, }; }, methods: { @@ -381,11 +392,15 @@ export default { await this.navigateForwardWithSingleCarMatch(); } }, + displayVinScanAlert() { + this.displayVinScanFailedAlert = true; + }, resetAlerts() { this.displayMatchedDifferentVehicleAlert = false; this.displayNonServiceableZipAlert = false; this.displayInvalidZipAlert = false; this.displayVinNotFoundAlert = false; + this.displayVinScanFailedAlert = false; }, }, mounted() { @@ -432,6 +447,12 @@ export default { getIsWindshieldOnly() ); }, + AlertVinScanFailedHeader() { + return "VIN scan failed."; + }, + AlertVinScanFailedBody() { + return "Please try again or enter your VIN manually."; + }, isInsuranceVerified() { return ( store.getters.payment.insuranceCoverage.isVerified ||