From 76fd180de3852c7e40fa3a7585f6a8f0dba16217 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Mon, 10 Mar 2025 09:41:00 -0400
Subject: [PATCH 1/5] CASH-369 put link on same line. Change margin.

---
 src/experiment-components/donation-block.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/experiment-components/donation-block.vue b/src/experiment-components/donation-block.vue
index ad14052a3..eb3ed2771 100644
--- a/src/experiment-components/donation-block.vue
+++ b/src/experiment-components/donation-block.vue
@@ -12,7 +12,7 @@
                 </div>
                 <div>
                     <p class="small subheadline mb-2" v-html="DonationSubHeadline"></p>
-                    <p class="caption mb-0" v-html="DonationBodyText"></p>
+                    <span class="caption mb-0" v-html="DonationBodyText"></span>&nbsp;
                     <textLink
                         linkType="newWindowLink"
                         text="Learn more"
@@ -75,7 +75,7 @@
             </div>
             <div class="row">
                 <div class="col-12">
-                    <p class="my-4 mx-0 text-center caption" v-html="DonationFooterText"></p>
+                    <p class="mt-0 mb-4 mx-0 text-center caption" v-html="DonationFooterText"></p>
                 </div>
             </div>
         </form>

From 48b45f869a62e1448ab810a13bc0eb7d84e1a971 Mon Sep 17 00:00:00 2001
From: Bryan Mauger <bryan.mauger@safelite.com>
Date: Mon, 10 Mar 2025 09:45:52 -0400
Subject: [PATCH 2/5] Format code.

---
 src/experiment-components/donation-block.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/experiment-components/donation-block.vue b/src/experiment-components/donation-block.vue
index eb3ed2771..30fca4fd1 100644
--- a/src/experiment-components/donation-block.vue
+++ b/src/experiment-components/donation-block.vue
@@ -12,7 +12,8 @@
                 </div>
                 <div>
                     <p class="small subheadline mb-2" v-html="DonationSubHeadline"></p>
-                    <span class="caption mb-0" v-html="DonationBodyText"></span>&nbsp;
+                    <span class="caption mb-0" v-html="DonationBodyText"></span>
+                    &nbsp;
                     <textLink
                         linkType="newWindowLink"
                         text="Learn more"

From 7e7a7a79e1816c5a07b9dc4210f4adaafe59d95c Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Wed, 12 Mar 2025 13:45:08 -0400
Subject: [PATCH 3/5] Remove extra auto-focus code to prevent early blur event

---
 .../address-questions/address-questions.vue            |  7 -------
 src/layouts/address-lookup/address-lookup.vue          |  6 +-----
 .../customer-questions/customer-questions.vue          | 10 +---------
 3 files changed, 2 insertions(+), 21 deletions(-)

diff --git a/src/fmg-components/address-questions/address-questions.vue b/src/fmg-components/address-questions/address-questions.vue
index 1dd52d7ed..6256bedd1 100644
--- a/src/fmg-components/address-questions/address-questions.vue
+++ b/src/fmg-components/address-questions/address-questions.vue
@@ -124,10 +124,6 @@ export default {
             type: Boolean,
             default: false,
         },
-        isAddressFieldFocused: {
-            type: Boolean,
-            default: true,
-        },
     },
     data() {
         return {
@@ -229,9 +225,6 @@ export default {
             ).then(() => {
                 // When loaded, trigger the setup
                 this.initializeAutocomplete();
-                if (this.isAddressFieldFocused) {
-                    this.addressField1.focus();
-                }
             });
         },
         initializeAutocomplete() {
diff --git a/src/layouts/address-lookup/address-lookup.vue b/src/layouts/address-lookup/address-lookup.vue
index 6e3520704..f8cac123b 100644
--- a/src/layouts/address-lookup/address-lookup.vue
+++ b/src/layouts/address-lookup/address-lookup.vue
@@ -19,8 +19,7 @@
                         ref="customerQuestions"
                         v-model="customerQuestions"
                         :validationRules="EmailOrSmsValidationRules"
-                        :isEmailOptional="IsEmailOptional"
-                        :isAddressFieldFocused="IsAddressFieldFocused" />
+                        :isEmailOptional="IsEmailOptional" />
                     <alert
                         ref="alertVinNotFound"
                         v-if="displayVinNotFoundAlert"
@@ -465,9 +464,6 @@ export default {
                 .replaceAll("{custom:vinYmmFound}", vinYmmFound)
                 .replaceAll("{custom:vinYmmExpected}", vinYmmExpected);
         },
-        IsAddressFieldFocused() {
-            return false;
-        },
     },
     watch: {
         customerQuestions: {
diff --git a/src/layouts/address-lookup/customer-questions/customer-questions.vue b/src/layouts/address-lookup/customer-questions/customer-questions.vue
index f99ce1487..0d8072263 100644
--- a/src/layouts/address-lookup/customer-questions/customer-questions.vue
+++ b/src/layouts/address-lookup/customer-questions/customer-questions.vue
@@ -1,9 +1,6 @@
 <template>
     <div class="customer-questions">
-        <addressQuestions
-            ref="addressQuestions"
-            v-model="customerModel.addressQuestions"
-            :isAddressFieldFocused="isAddressFieldFocused" />
+        <addressQuestions ref="addressQuestions" v-model="customerModel.addressQuestions" />
         <div class="row mb-4">
             <div class="col">
                 <textboxQuestion
@@ -90,11 +87,6 @@ export default {
         },
         validationRules: String,
         isEmailOptional: Boolean,
-        isAddressFieldFocused: {
-            required: false,
-            type: Boolean,
-            default: true,
-        },
     },
     computed: {
         customerModel: {

From c3538ce36e3ed9c2c3cd7e8cab7bb63a37ab7365 Mon Sep 17 00:00:00 2001
From: Johnny shultz <John.Shultz@safelite.com>
Date: Fri, 14 Mar 2025 16:13:21 -0400
Subject: [PATCH 4/5] CASH-185

CASH-185 added success message to display when user clicks checkbox
---
 .../time-slot-modal-question.vue              | 56 +++++++++++++++++++
 1 file changed, 56 insertions(+)

diff --git a/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue b/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue
index 40c3926ba..20b9322cb 100644
--- a/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue
+++ b/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue
@@ -39,6 +39,13 @@
                     v-model="waitListRequested"
                     @click="waitListChecked" />
             </div>
+            <div v-if="waitListRequested"
+            class="mt-5 rounded waitlist-success"
+            ref="waitlistSuccessMessage"
+            >
+                <img :src="WaitListSuccessImage" class="success-image"/>
+                <span v-html="WaitListSuccessText" class="success-text"></span>
+            </div>
             <div
                 class="mt-5 mb-2 supplemental-information"
                 v-if="supplementalInformationBlock"
@@ -359,6 +366,12 @@ export default {
         displayWaitListFeature() {
             return this.displayWaitList;
         },
+        WaitListSuccessImage(){
+            return this.getCmsContent("WaitListSuccessWidget", "Image");
+        },
+        WaitListSuccessText(){
+            return this.getCmsContent("WaitListSuccessWidget", "BodyText");
+        },
     },
     methods: {
         openModal() {
@@ -528,11 +541,24 @@ export default {
         waitListChecked(event) {
             this.$emit("waitListRequested-emitted", event.target.checked);
         },
+        scrollToSuccessMessage() {
+            const successMessageElement = this.$refs.waitlistSuccessMessage;
+            if (successMessageElement) {
+                successMessageElement.scrollIntoView({ behavior: 'smooth' });
+            }
+        },
     },
     unmounted() {
         if (this.isModalOpened) this.closeModal();
     },
     watch: {
+        waitListRequested(newVal) {
+            if (newVal) {
+                this.$nextTick(() => {
+                    this.scrollToSuccessMessage();
+                });
+            }
+        },
         modelValue: {
             handler(newValue) {
                 this.handleChange(newValue);
@@ -583,10 +609,40 @@ export default {
         margin-bottom: -8px;
         .ui-checkbox {
             padding-left: 0px;
+            input{
+                border-radius: 4px;
+                box-shadow: 0px 1px 4px 0px #00000033;
+            }
         }
         .form-check-input {
             margin-left: 0px;
         }
     }
+    .waitlist-success {
+        background-color: #ECF5E9;
+        display: flex;
+        align-items: flex-start;
+        border: 1px solid #0C7E47;
+        border-radius: 5px;
+        font-size: $h5-font-size;
+        padding: 12px 16px;
+        margin-bottom: -8px;
+        height: 78px;
+        width:326px;
+        .success-text{
+            margin-left:8px;
+                strong{
+                    
+                    font-weight: 600;
+                    letter-spacing: 0%;
+                }
+        }
+        .success-image{
+            margin-top: 4.5px;
+            width: 16px;
+            height: 16px;
+            color:#0C7E47
+        }
+    }
 }
 </style>

From b15bf1be6f0ee2e0036010f83170e9ab90f9b790 Mon Sep 17 00:00:00 2001
From: Johnny shultz <John.Shultz@safelite.com>
Date: Fri, 14 Mar 2025 16:30:09 -0400
Subject: [PATCH 5/5] CASH-185

CASH-185 formatting
---
 .../time-slot-modal-question.vue              | 41 +++++++++----------
 1 file changed, 20 insertions(+), 21 deletions(-)

diff --git a/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue b/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue
index 20b9322cb..c6d08069c 100644
--- a/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue
+++ b/src/layouts/schedule/time-slot-modal-question/time-slot-modal-question.vue
@@ -39,11 +39,11 @@
                     v-model="waitListRequested"
                     @click="waitListChecked" />
             </div>
-            <div v-if="waitListRequested"
-            class="mt-5 rounded waitlist-success"
-            ref="waitlistSuccessMessage"
-            >
-                <img :src="WaitListSuccessImage" class="success-image"/>
+            <div
+                v-if="waitListRequested"
+                class="mt-5 rounded waitlist-success"
+                ref="waitlistSuccessMessage">
+                <img :src="WaitListSuccessImage" class="success-image" />
                 <span v-html="WaitListSuccessText" class="success-text"></span>
             </div>
             <div
@@ -366,10 +366,10 @@ export default {
         displayWaitListFeature() {
             return this.displayWaitList;
         },
-        WaitListSuccessImage(){
+        WaitListSuccessImage() {
             return this.getCmsContent("WaitListSuccessWidget", "Image");
         },
-        WaitListSuccessText(){
+        WaitListSuccessText() {
             return this.getCmsContent("WaitListSuccessWidget", "BodyText");
         },
     },
@@ -544,7 +544,7 @@ export default {
         scrollToSuccessMessage() {
             const successMessageElement = this.$refs.waitlistSuccessMessage;
             if (successMessageElement) {
-                successMessageElement.scrollIntoView({ behavior: 'smooth' });
+                successMessageElement.scrollIntoView({ behavior: "smooth" });
             }
         },
     },
@@ -609,7 +609,7 @@ export default {
         margin-bottom: -8px;
         .ui-checkbox {
             padding-left: 0px;
-            input{
+            input {
                 border-radius: 4px;
                 box-shadow: 0px 1px 4px 0px #00000033;
             }
@@ -619,29 +619,28 @@ export default {
         }
     }
     .waitlist-success {
-        background-color: #ECF5E9;
+        background-color: #ecf5e9;
         display: flex;
         align-items: flex-start;
-        border: 1px solid #0C7E47;
+        border: 1px solid #0c7e47;
         border-radius: 5px;
         font-size: $h5-font-size;
         padding: 12px 16px;
         margin-bottom: -8px;
         height: 78px;
-        width:326px;
-        .success-text{
-            margin-left:8px;
-                strong{
-                    
-                    font-weight: 600;
-                    letter-spacing: 0%;
-                }
+        width: 326px;
+        .success-text {
+            margin-left: 8px;
+            strong {
+                font-weight: 600;
+                letter-spacing: 0%;
+            }
         }
-        .success-image{
+        .success-image {
             margin-top: 4.5px;
             width: 16px;
             height: 16px;
-            color:#0C7E47
+            color: #0c7e47;
         }
     }
 }