From 162743b75ffc03d8a738fb6e0a06ad2f9ec565f0 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Thu, 9 Mar 2023 12:08:41 -0500
Subject: [PATCH] added missing alert to vin-lookup

---
 src/constants/vehicle-lookup-alert-types.js   |  1 +
 .../perfect-match-alert.vue                   | 27 +++++++++++++++++++
 .../vin-lookup-alerts/vin-lookup-alerts.vue   |  9 +++++++
 3 files changed, 37 insertions(+)
 create mode 100644 src/layouts/vin-lookup/vin-lookup-alerts/perfect-match-alert/perfect-match-alert.vue

diff --git a/src/constants/vehicle-lookup-alert-types.js b/src/constants/vehicle-lookup-alert-types.js
index 3bbf686e..4579c7b4 100644
--- a/src/constants/vehicle-lookup-alert-types.js
+++ b/src/constants/vehicle-lookup-alert-types.js
@@ -1,6 +1,7 @@
 const vehicleLookupAlertTypes = Object.freeze({
   NOT_FOUND: 'notFound',
   NOT_MATCHED: 'notMatched',
+  PERFECT_MATCH: 'perfectMatch',
 });
 
 export default vehicleLookupAlertTypes;
diff --git a/src/layouts/vin-lookup/vin-lookup-alerts/perfect-match-alert/perfect-match-alert.vue b/src/layouts/vin-lookup/vin-lookup-alerts/perfect-match-alert/perfect-match-alert.vue
new file mode 100644
index 00000000..0c0f5e50
--- /dev/null
+++ b/src/layouts/vin-lookup/vin-lookup-alerts/perfect-match-alert/perfect-match-alert.vue
@@ -0,0 +1,27 @@
+<template>
+    <alert
+      alertClass="alert-success"
+      cmsWidgetName="AlertPerfectMatchInsuranceNotVerified"
+      id="perfect-match-alert"
+      aria-label="perfect-match-alert"
+    />
+  </template>
+  <script>
+  import alert from '@/ux-components/alert/alert.vue';
+  
+  export default {
+    name: 'perfect-match-alert',
+    components: {
+      alert,
+    },
+  };
+  </script>
+  <style>
+  /**
+    Override wrong margin-bottom rule in the Alert component.
+  */
+  #perfect-match-found-alert p:last-of-type {
+    margin-bottom: 0 !important;
+  }
+  </style>
+  
\ No newline at end of file
diff --git a/src/layouts/vin-lookup/vin-lookup-alerts/vin-lookup-alerts.vue b/src/layouts/vin-lookup/vin-lookup-alerts/vin-lookup-alerts.vue
index 1e6e488a..1bf94a09 100644
--- a/src/layouts/vin-lookup/vin-lookup-alerts/vin-lookup-alerts.vue
+++ b/src/layouts/vin-lookup/vin-lookup-alerts/vin-lookup-alerts.vue
@@ -9,18 +9,24 @@
     <vehicleNotMatchedAlert
       v-else-if="isVehicleNotMatchedVisible"
     />
+    <perfectMatchAlert
+      v-else-if="isPerfectMatchVisible"
+    />
   </div>
 </template>
 <script>
 import vehicleLookupAlertTypes from '@/constants/vehicle-lookup-alert-types';
 import vehicleNotFoundAlert from './vehicle-not-found-alert/vehicle-not-found-alert.vue';
 import vehicleNotMatchedAlert from './vehicle-not-matched-alert/vehicle-not-matched-alert.vue';
+import perfectMatchAlert from './perfect-match-alert/perfect-match-alert.vue';
+
 
 export default {
   name: 'vin-lookup-alerts',
   components: {
     vehicleNotFoundAlert,
     vehicleNotMatchedAlert,
+    perfectMatchAlert,
   },
   props: {
     activeAlertType: {
@@ -39,6 +45,9 @@ export default {
     isVehicleNotMatchedVisible() {
       return this.activeAlertType === vehicleLookupAlertTypes.NOT_MATCHED;
     },
+    isPerfectMatchVisible() {
+      return this.activeAlertType === vehicleLookupAlertTypes.PERFECT_MATCH;
+    },
     wrapperCssClass() {
       return {
         'mb-5': this.activeAlertType !== null,