Add insurance verified alert.

src/helpers/damage-helper.js

@@ -3,9 +3,33 @@ import baseMixin from "@/mixins/base-mixin.js";
 import { storeActions } from "@/constants/store-actions";
 
 export function getDamageString() {
-    return store.getters.damage.glassToReplace.length > 1 ? "match" : store.getters.damage.glassToReplace[0].location;
+    const damageLocations = store.getters.damage.glassToReplace;
+    let returnString;
+    if(damageLocations.length > 1){
+      returnString = "match"
+    } else {
+      switch(damageLocations[0]?.location) {
+        case "Windshield":
+          returnString = "windshield"
+          break;
+        case "Driver":
+        case "Passenger":
+          returnString = "side window"
+          break;
+        case "Rear":
+          returnString = "rear window"
+      }
+    }
+    return returnString;
 }
 
+  export function getIsWindshieldOnly () {
+    const damageLocations = store.getters.damage.glassToReplace;
+    const returnString = damageLocations.length === 1 && damageLocations[0]?.location === "Windshield" ? "windshield" : "glass";
+    console.log(damageLocations);
+    return returnString;
+  }
+
 export async function isGlassAvailableForCarId(carId){
     const newGlassOptions = await baseMixin.methods.dispatchStoreAction(
       storeActions.GET_DAMAGE_OPTIONS,

src/layouts/vin-lookup/vin-lookup.vue

@@ -102,6 +102,14 @@
           alertClass="alert-warning"
           cmsWidgetName="PerfectMatchNewVinAlert"
         />
+        <alert
+          class="my-3"
+          :manualHeadline="PerfectMatchNewVinAlertReadOnlyHeader"
+          :manualCopy="PerfectMatchNewVinAlertReadOnlyBody"
+          v-model="customAlertData"
+          v-if="isVinFieldReadOnly"
+          alertClass="alert-success"
+        />
         <funnelFooter
           cmsWidgetName="FunnelFooterWidget"
           ref="funnelFooter"
@@ -140,13 +148,6 @@
         alertClass="alert-success"
         cmsWidgetName="PerfectMatchNewVinAlert"
       />
-      <funnelFooter
-        cmsWidgetName="FunnelFooterWidget"
-        ref="funnelFooter"
-        :isForwardActionDisabled="!meta.valid"
-        @back-clicked="backButtonAction"
-        @ForwardClicked="forwardButtonAction"
-      />
     </div>
   </Form>
 </template>
@@ -169,7 +170,7 @@ import baseMixin from "@/mixins/base-mixin.js";
 import { storeActions } from "@/constants/store-actions";
 import { storeMutations } from "@/constants/store-mutations";
 import { errorMessages } from "@/constants/error-messages";
-import { getDamageString, isGlassAvailableForCarId } from "@/helpers/damage-helper";
+import { getDamageString, getIsWindshieldOnly, isGlassAvailableForCarId } from "@/helpers/damage-helper";
 import { required, regex } from "@/helpers/validation-rules";
 import { Form, defineRule } from "vee-validate";
 import { navigateAfterSaveToHeritageFunnel } from "@/helpers/heritage-integration/navigation-helper";
@@ -260,6 +261,13 @@ export default {
       return this.getCmsContent("PerfectMatchNewVinAlert", "BodyText").replaceAll("{custom:damage}",
       getDamageString())
     },
+    PerfectMatchNewVinAlertReadOnlyHeader () {
+      return this.getCmsContent("PerfectMatchNewVinAlertReadOnly", "HeadlineText");
+    },
+    PerfectMatchNewVinAlertReadOnlyBody () {
+      return this.getCmsContent("PerfectMatchNewVinAlertReadOnly", "BodyText").replaceAll("{custom:damage}",
+      getIsWindshieldOnly())
+    },
     isVinFieldReadOnly(){
         return this.$store.getters.payment.insuranceCoverage.isVerified;
     },