From 8446f8bf6cf28329e1ab4314e4ea9b8765a3c0d1 Mon Sep 17 00:00:00 2001
From: bmauger <mauger.bryan@gmail.com>
Date: Tue, 10 May 2022 13:26:20 -0400
Subject: [PATCH 1/5] Remove duplicate alert.

---
 src/layouts/vin-lookup/vin-lookup.vue | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue
index f11b920ad..3f24f53b7 100644
--- a/src/layouts/vin-lookup/vin-lookup.vue
+++ b/src/layouts/vin-lookup/vin-lookup.vue
@@ -79,13 +79,6 @@
           alertClass="alert-warning"
           cmsWidgetName="VinNotFound"
         />
-        <alert
-          class="my-3"
-          v-model="customAlertData"
-          v-if="perfectMatchNewVinAlert"
-          alertClass="alert-warning"
-          cmsWidgetName="PerfectMatchNewVinAlert"
-        />
         <alert
           class="my-3"
           :manualHeadline="PerfectMatchNewVinAlertReadOnlyHeader"

From 62ab6b3111020b51ccf8ba980722a92ebd768afb Mon Sep 17 00:00:00 2001
From: Scott Kiener <scott.kiener@safelite.com>
Date: Tue, 10 May 2022 15:09:26 -0400
Subject: [PATCH 2/5] CSR-507 | Alerts were outside of fade transition wrapper

---
 src/layouts/vin-lookup/vin-lookup.vue | 74 +++++++++++++--------------
 1 file changed, 37 insertions(+), 37 deletions(-)

diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue
index 3f24f53b7..05c251bfd 100644
--- a/src/layouts/vin-lookup/vin-lookup.vue
+++ b/src/layouts/vin-lookup/vin-lookup.vue
@@ -87,44 +87,44 @@
           v-if="isVinFieldReadOnly"
           alertClass="alert-success"
         />
+        <alert
+          class="my-3"
+          :manualHeadline="MatchedDifferentVehicleAlertHeader"
+          :manualCopy="MatchedDifferentVehicleAlertBody"
+          v-model="customAlertData"
+          v-if="isCarIdDifferent"
+          alertClass="alert-danger"
+        />
+        <alert
+          class="my-3"
+          :manualHeadline="NoServiceZipHeader"
+          :manualCopy="NoServiceZipBody"
+          v-model="customAlertData"
+          v-if="noServiceZip"
+          alertClass="alert-warning"
+        />
+        <alert
+          class="my-3"
+          v-model="customAlertData"
+          v-if="vinNotFound"
+          alertClass="alert-warning"
+          cmsWidgetName="VinNotFound"
+        />
+        <alert
+          class="my-3"
+          v-model="customAlertData"
+          v-if="perfectMatchNewVinAlert"
+          alertClass="alert-success"
+          cmsWidgetName="PerfectMatchNewVinAlert"
+        />
+        <funnelFooter
+          cmsWidgetName="FunnelFooterWidget"
+          ref="funnelFooter"
+          :isForwardActionDisabled="!meta.valid"
+          @back-clicked="backButtonAction"
+          @ForwardClicked="forwardButtonAction"
+        />
       </div>
-      <alert
-        class="my-3"
-        :manualHeadline="MatchedDifferentVehicleAlertHeader"
-        :manualCopy="MatchedDifferentVehicleAlertBody"
-        v-model="customAlertData"
-        v-if="isCarIdDifferent"
-        alertClass="alert-danger"
-      />
-      <alert
-        class="my-3"
-        :manualHeadline="NoServiceZipHeader"
-        :manualCopy="NoServiceZipBody"
-        v-model="customAlertData"
-        v-if="noServiceZip"
-        alertClass="alert-warning"
-      />
-      <alert
-        class="my-3"
-        v-model="customAlertData"
-        v-if="vinNotFound"
-        alertClass="alert-warning"
-        cmsWidgetName="VinNotFound"
-      />
-      <alert
-        class="my-3"
-        v-model="customAlertData"
-        v-if="perfectMatchNewVinAlert"
-        alertClass="alert-success"
-        cmsWidgetName="PerfectMatchNewVinAlert"
-      />
-      <funnelFooter
-        cmsWidgetName="FunnelFooterWidget"
-        ref="funnelFooter"
-        :isForwardActionDisabled="!meta.valid"
-        @back-clicked="backButtonAction"
-        @ForwardClicked="forwardButtonAction"
-      />
     </div>
   </Form>
 </template>

From 2ae1c20c984101344a5bc3d4ea1b5a9305796066 Mon Sep 17 00:00:00 2001
From: Donielle Austin <Donielle.Austin@safelite.com>
Date: Tue, 10 May 2022 16:30:26 -0400
Subject: [PATCH 3/5] ui defects

---
 src/layouts/estimate/estimate.vue             |  4 ++--
 src/styles/common-error-styles.scss           | 11 ++++++++++-
 src/ux-components/list-button/list-button.vue |  2 +-
 3 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index 4dde1dd61..9bcc7a478 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -11,7 +11,7 @@
       <funnelSubHeader cmsWidgetName="FunnelSubHeaderWidget" />
       <div class="fade-on-route-transition sub-container make-tall">
         <alert
-        class=""
+        class="vinLookupMethodHeading"
         v-model="customAlertData"
         alertClass=""
         cmsWidgetName="AlertVinLookupQuestion"
@@ -138,7 +138,7 @@ export default {
 </script>
 
 <style lang="scss">
-  .alert p{
+  .vinLookupMethodHeading p{
     font-size: 1rem;
     font-weight: 500; 
     color: $black; 
diff --git a/src/styles/common-error-styles.scss b/src/styles/common-error-styles.scss
index 67bd9473b..0113f1d01 100644
--- a/src/styles/common-error-styles.scss
+++ b/src/styles/common-error-styles.scss
@@ -1,7 +1,8 @@
 html {
   .has-error {
     &.list-button,
-    &.list-card {
+    &.list-card, 
+    &.list-card.list-button {
       border: 1px solid $red;
       color: $red;
       input[type=checkbox]:focus + label,
@@ -15,6 +16,14 @@ html {
         box-shadow: 0px 0px 0px 4px $red-200;
         border-radius: 10px;
       }
+      label{
+        border: 1px solid transparent; 
+      }
+      label:hover {
+        box-shadow: 0px 0px 0px 4px $red-200;
+        border-radius: 10px;
+        border: 1px solid $red; 
+      }
     }
     &.list-button-horizontal {
       color: $red;
diff --git a/src/ux-components/list-button/list-button.vue b/src/ux-components/list-button/list-button.vue
index aba30934d..1f1a5046b 100644
--- a/src/ux-components/list-button/list-button.vue
+++ b/src/ux-components/list-button/list-button.vue
@@ -1,6 +1,6 @@
 <template>
   <div
-    class="list-group list-button d-flex flex-column w-100 mb-2"
+    class="list-group list-button rounded-3 d-flex flex-column w-100 mb-2"
     :class="[(errors.length > 0 || hasError) ? 'has-error' : '']"
     @keyup.space="triggerButton()"
     @keyup.up="handleKeyupArrow()"

From 5e0174c64a55d0b8224c740b2b88fb5a763e3625 Mon Sep 17 00:00:00 2001
From: Leah Schumann <leah.schumann@safelite.com>
Date: Tue, 10 May 2022 16:38:02 -0400
Subject: [PATCH 4/5] We now populate the service zip code with the
 registration zip code when the registration zip code is serviceable and the
 service zip code is not entered

---
 src/layouts/address-lookup/address-lookup.vue | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/layouts/address-lookup/address-lookup.vue b/src/layouts/address-lookup/address-lookup.vue
index d83df2247..8970dd091 100644
--- a/src/layouts/address-lookup/address-lookup.vue
+++ b/src/layouts/address-lookup/address-lookup.vue
@@ -186,6 +186,7 @@ export default {
 				this.customerQuestions.addressQuestions.state
 			);
 
+			// Verify if the service zip code or registration zip code provided is serviceable
 			const zipValidation = this.serviceZipCode ? this.validateZip(this.serviceZipCode) : this.validateZip(this.customerQuestions.addressQuestions.zipCode);
 
 			const vinLookupResponse = await vinLookup;
@@ -198,12 +199,16 @@ export default {
 				return;
 			}
 			
-			// Validate if the original or service zip provided is serviceable
+			// if the neither the registration zip code or service zip code are not serviceable
 			this.isZipServicable = zipValidationResponse.data.isServiceable;
-			if (!this.isZipServicable) {
+			if (!this.isZipServicable) {				
 				this.displayNonServiceableZipAlert = true;
 				this.showServiceZipField = true;
 				this.$refs.funnelFooter.removeLoader();		
+			} else if (!this.serviceZipCode) {
+				// if the registration zip code is servicable and nothing was entered for the service zip code
+				// then set the service zip code to the registration zip code
+				this.serviceZipCode = this.customerQuestions.addressQuestions.zipCode;
 			} 
 
 			const carEntered = store.getters.vehicle;

From 69d94610d79041883c5aa918629da1628ca9c7bb Mon Sep 17 00:00:00 2001
From: Donielle Austin <Donielle.Austin@safelite.com>
Date: Tue, 10 May 2022 16:39:23 -0400
Subject: [PATCH 5/5] ui defects

---
 src/layouts/estimate/estimate.vue   | 4 ++--
 src/styles/common-error-styles.scss | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index 9bcc7a478..fe62d7647 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -138,12 +138,12 @@ export default {
 </script>
 
 <style lang="scss">
-  .vinLookupMethodHeading p{
+  .vinLookupMethodHeading p {
     font-size: 1rem;
     font-weight: 500; 
     color: $black; 
   }
-  div .current_car_info-text{
+  div .current_car_info-text {
     padding-bottom: 16px; 
   }
 </style>
\ No newline at end of file
diff --git a/src/styles/common-error-styles.scss b/src/styles/common-error-styles.scss
index 0113f1d01..92461bbf2 100644
--- a/src/styles/common-error-styles.scss
+++ b/src/styles/common-error-styles.scss
@@ -16,7 +16,7 @@ html {
         box-shadow: 0px 0px 0px 4px $red-200;
         border-radius: 10px;
       }
-      label{
+      label {
         border: 1px solid transparent; 
       }
       label:hover {