From 3803f944f04b64ff3e6da366adf0ac51d3d1e905 Mon Sep 17 00:00:00 2001
From: Johnny shultz <John.Shultz@safelite.com>
Date: Wed, 19 Mar 2025 15:44:21 -0400
Subject: [PATCH 01/19] CASH-185

CASH-185 syntax changes
---
 src/layouts/schedule/schedule.vue             |  2 +-
 .../time-slot-modal-question.vue              | 20 +++++++++----------
 2 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/src/layouts/schedule/schedule.vue b/src/layouts/schedule/schedule.vue
index 0d688e4d9..4f9f09cb1 100644
--- a/src/layouts/schedule/schedule.vue
+++ b/src/layouts/schedule/schedule.vue
@@ -61,7 +61,7 @@
                         :estimatedServiceMinutesMaximum="
                             selectableDatesData.estimatedServiceMinutesMaximum
                         "
-                        @waitListRequested-emitted="handleWaitListRequested"
+                        @waitListRequested="handleWaitListRequested"
                         @time-slot-modal-closed="timeSlotModalClosed"
                         validationRules="time-slot-selection-required"
                         @TimeSlotSelected="forwardButtonAction" />
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 82e11ea41..0cc9cba78 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
@@ -43,8 +43,8 @@
                 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>
+                <img :src="waitListSuccessImage" class="success-image" />
+                <span v-html="waitListSuccessText" class="success-text"></span>
             </div>
             <div
                 class="mt-5 mb-2 supplemental-information"
@@ -366,10 +366,10 @@ export default {
         displayWaitListFeature() {
             return this.displayWaitList;
         },
-        WaitListSuccessImage() {
+        waitListSuccessImage() {
             return this.getCmsContent("WaitListSuccessWidget", "Image");
         },
-        WaitListSuccessText() {
+        waitListSuccessText() {
             return this.getCmsContent("WaitListSuccessWidget", "BodyText");
         },
     },
@@ -539,7 +539,7 @@ export default {
             };
         },
         waitListChecked(event) {
-            this.$emit("waitListRequested-emitted", event.target.checked);
+            this.$emit("waitListRequested", event.target.checked);
         },
         scrollToSuccessMessage() {
             const successMessageElement = this.$refs.waitlistSuccessMessage;
@@ -625,10 +625,10 @@ export default {
         border: 1px solid #0c7e47;
         border-radius: 5px;
         font-size: $h5-font-size;
-        padding: 12px 16px;
-        margin-bottom: -8px;
+        padding: 0.75rem 1rem;
+        margin-bottom: -0.5rem;
         .success-text {
-            margin-left: 8px;
+            margin-left: 0.5rem;
             strong {
                 font-weight: 600;
                 letter-spacing: 0%;
@@ -636,8 +636,8 @@ export default {
         }
         .success-image {
             margin-top: 4.5px;
-            width: 16px;
-            height: 16px;
+            width: 1rem;
+            height: 1rem;
             color: #0c7e47;
         }
     }

From 3a5aa809c9d0976f540843cb12bc26c8b61e15d0 Mon Sep 17 00:00:00 2001
From: Chris Redelinghuys <chris.redelinghuys@safelite.com>
Date: Wed, 19 Mar 2025 15:45:01 -0400
Subject: [PATCH 02/19] CASH-154: Update Pricing By Day part number

---
 src/constants/schedule-constants.js | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/src/constants/schedule-constants.js b/src/constants/schedule-constants.js
index a0aaf8316..fbd165ad1 100644
--- a/src/constants/schedule-constants.js
+++ b/src/constants/schedule-constants.js
@@ -8,8 +8,7 @@ const PREMIUM_TIME_SLOT_ID_FLAG = "-PREMIUM";
 
 const PREMIUM_FEE_PART_TYPE = "EARLY BIRD";
 
-// TODO; This will need updating with real PricingByDay part type
-const PRICING_BY_DAY_PART_TYPE = "DISC CASHSAVE20";
+const PRICING_BY_DAY_PART_TYPE = "PREMAPPT GEN";
 
 const RouteCodeFlags = {
     ALL_DAY_DROP_OFF: "ALL DAY DROP OFF",

From 4301ca27deb3679db3df328be939e87e91ba47d0 Mon Sep 17 00:00:00 2001
From: Johnny shultz <John.Shultz@safelite.com>
Date: Wed, 19 Mar 2025 18:01:17 -0400
Subject: [PATCH 03/19] Cash 152

Cash-152 fixed UI defect CASH-405 for CASH-152
---
 .../date-picker/mixins/constants.js           |  9 +----
 .../date-picker-for-pricing-by-day.vue        | 37 +++++++++++++++++--
 2 files changed, 35 insertions(+), 11 deletions(-)

diff --git a/src/digital-components/date-picker/mixins/constants.js b/src/digital-components/date-picker/mixins/constants.js
index b9092b5eb..52b973d3f 100644
--- a/src/digital-components/date-picker/mixins/constants.js
+++ b/src/digital-components/date-picker/mixins/constants.js
@@ -26,43 +26,36 @@ const DAYS_OF_WEEK = [
     {
         label: "Sunday",
         cssClass: "sunday",
-        index: 0,
-        isPricingByDayUpchargeDay: false,
+        isPricingByDayUpchargeDay: true,
     },
     {
         label: "Monday",
         cssClass: "monday",
-        index: 1,
         isPricingByDayUpchargeDay: true,
     },
     {
         label: "Tuesday",
         cssClass: "tuesday",
-        index: 2,
         isPricingByDayUpchargeDay: false,
     },
     {
         label: "Wednesday",
         cssClass: "wednesday",
-        index: 3,
         isPricingByDayUpchargeDay: false,
     },
     {
         label: "Thursday",
         cssClass: "thursday",
-        index: 4,
         isPricingByDayUpchargeDay: false,
     },
     {
         label: "Friday",
         cssClass: "friday",
-        index: 5,
         isPricingByDayUpchargeDay: true,
     },
     {
         label: "Saturday",
         cssClass: "saturday",
-        index: 6,
         isPricingByDayUpchargeDay: true,
     },
 ];
diff --git a/src/experiment-components/date-picker-for-pricing-by-day.vue b/src/experiment-components/date-picker-for-pricing-by-day.vue
index 5bdcec336..b37f6b502 100644
--- a/src/experiment-components/date-picker-for-pricing-by-day.vue
+++ b/src/experiment-components/date-picker-for-pricing-by-day.vue
@@ -1,5 +1,5 @@
 <template>
-    <div class="date-picker text-center" :class="`${calendarViewDirection} ${isPricingByDayClass}`">
+    <div class="date-picker text-center" :class="`${calendarViewDirection} ${isPricingByDayClass} ${showPricingByDayClass}`">
         <fieldset id="date-picker-fieldset" ref="datePickerFieldset">
             <legend class="sr-only">Select a day and time</legend>
             <div
@@ -60,6 +60,7 @@
                         date.dateNum === 1 ? 'first-day-' + month.startDateDayIndex : '',
                         date.dayClasses,
                         date.isSelectable ? 'selectable-day' : '',
+                        date.isPricingByDayUpchargeDay ? 'upch-day' : '',
                     ]">
                     <input
                         :disabled="!date.isSelectable"
@@ -220,6 +221,9 @@ export default {
         isPricingByDayClass() {
             return this.isPricingByDayExperiment ? "pricing-by-day" : "";
         },
+        showPricingByDayClass() {
+            return this.showPricingByDay ? "show-pricing-by-day" : "";
+        },
         selectedDate: {
             get() {
                 return this.modelValue;
@@ -1143,8 +1147,8 @@ export default {
                 label {
                     background-color: $white;
                     border: none;
-                    min-width: initial;
-                    width: initial;
+                    min-width: 100%;
+                    width: 100%;
                     height: -webkit-fill-available;
                     border-radius: 0;
                     cursor: pointer;
@@ -1163,8 +1167,35 @@ export default {
             }
         }
     }
+
+    &.date-picker.show-pricing-by-day {
+        .radio-wrapper{
+            &.selectable-day label span{
+                text-decoration: none;
+                color: $gray-600;
+                font-weight: 600;
+                &.price{
+                    color: $green;
+                }
+            }
+            &.upch-day label span.price{
+                color: $gray-600;
+                font-weight:400;
+            }
+            input[type="radio"] {
+                &:focus + label,
+                &:checked:focus + label {
+                    color: $gray-600;
+                }
+                &:checked + label {
+                    color: $blue;
+                }
+            }
+        }
+    }
 }
 
+
 .btn-link {
     display: block;
     position: relative;

From 730b49eec30c54a041b5d2c84375ceaf0b8dba97 Mon Sep 17 00:00:00 2001
From: Johnny shultz <John.Shultz@safelite.com>
Date: Wed, 19 Mar 2025 18:07:30 -0400
Subject: [PATCH 04/19] CASH-152

formatting
---
 .../date-picker-for-pricing-by-day.vue            | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/experiment-components/date-picker-for-pricing-by-day.vue b/src/experiment-components/date-picker-for-pricing-by-day.vue
index b37f6b502..bfdc30470 100644
--- a/src/experiment-components/date-picker-for-pricing-by-day.vue
+++ b/src/experiment-components/date-picker-for-pricing-by-day.vue
@@ -1,5 +1,7 @@
 <template>
-    <div class="date-picker text-center" :class="`${calendarViewDirection} ${isPricingByDayClass} ${showPricingByDayClass}`">
+    <div
+        class="date-picker text-center"
+        :class="`${calendarViewDirection} ${isPricingByDayClass} ${showPricingByDayClass}`">
         <fieldset id="date-picker-fieldset" ref="datePickerFieldset">
             <legend class="sr-only">Select a day and time</legend>
             <div
@@ -1169,18 +1171,18 @@ export default {
     }
 
     &.date-picker.show-pricing-by-day {
-        .radio-wrapper{
-            &.selectable-day label span{
+        .radio-wrapper {
+            &.selectable-day label span {
                 text-decoration: none;
                 color: $gray-600;
                 font-weight: 600;
-                &.price{
+                &.price {
                     color: $green;
                 }
             }
-            &.upch-day label span.price{
+            &.upch-day label span.price {
                 color: $gray-600;
-                font-weight:400;
+                font-weight: 400;
             }
             input[type="radio"] {
                 &:focus + label,
@@ -1195,7 +1197,6 @@ export default {
     }
 }
 
-
 .btn-link {
     display: block;
     position: relative;

From 29d183bc708c335760bcd6b1b8e29c492b3d23bd Mon Sep 17 00:00:00 2001
From: CarlNation <Carl.Nation@safelite.com>
Date: Thu, 20 Mar 2025 14:46:29 -0400
Subject: [PATCH 05/19] CASH-320

CASH-320 isInsurance=false from the load session should be allowed to update vuex
---
 src/store/index.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/store/index.js b/src/store/index.js
index da849c127..bc978304a 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -720,7 +720,7 @@ export const mutations = {
         // if we're loading a session and we do not have a provider number yet, then set isInsurance to null so that
         // a service package is not selected by default on the quote page.
         if (
-            !sessionInformation.order.payment.isInsurance &&
+            (sessionInformation.order.payment.isInsurance === null || sessionInformation.order.payment.isInsurance === undefined) &&
             !sessionInformation.order.serviceLocation.provider?.providerNumber
         ) {
             state.order.payment.isInsurance = null;

From 6be76bad881a88a74c07af8916c3fb99a3786273 Mon Sep 17 00:00:00 2001
From: CarlNation <Carl.Nation@safelite.com>
Date: Thu, 20 Mar 2025 14:51:12 -0400
Subject: [PATCH 06/19] prettier

---
 src/store/index.js | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/store/index.js b/src/store/index.js
index bc978304a..bdf6c48a7 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -720,7 +720,8 @@ export const mutations = {
         // if we're loading a session and we do not have a provider number yet, then set isInsurance to null so that
         // a service package is not selected by default on the quote page.
         if (
-            (sessionInformation.order.payment.isInsurance === null || sessionInformation.order.payment.isInsurance === undefined) &&
+            (sessionInformation.order.payment.isInsurance === null ||
+                sessionInformation.order.payment.isInsurance === undefined) &&
             !sessionInformation.order.serviceLocation.provider?.providerNumber
         ) {
             state.order.payment.isInsurance = null;

From 87e59177ecc50506c5b1c0a5bd361b0f125a543a Mon Sep 17 00:00:00 2001
From: Adam Caouette <adam.caouette@safelite.com>
Date: Thu, 20 Mar 2025 16:25:11 -0400
Subject: [PATCH 07/19] CASH-405 for CASH-152: more font tweaks to fix bold
 issue

---
 src/experiment-components/date-picker-for-pricing-by-day.vue | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/experiment-components/date-picker-for-pricing-by-day.vue b/src/experiment-components/date-picker-for-pricing-by-day.vue
index bfdc30470..b61649ad4 100644
--- a/src/experiment-components/date-picker-for-pricing-by-day.vue
+++ b/src/experiment-components/date-picker-for-pricing-by-day.vue
@@ -1175,7 +1175,9 @@ export default {
             &.selectable-day label span {
                 text-decoration: none;
                 color: $gray-600;
-                font-weight: 600;
+                font-weight: 400;
+                font-family: 'AvertaSemibold';
+
                 &.price {
                     color: $green;
                 }
@@ -1183,6 +1185,7 @@ export default {
             &.upch-day label span.price {
                 color: $gray-600;
                 font-weight: 400;
+                font-family: $font-family-sans-serif;
             }
             input[type="radio"] {
                 &:focus + label,

From 7e7b4d70635038e69f5e196e0fdfa25a973bf747 Mon Sep 17 00:00:00 2001
From: Adam Caouette <adam.caouette@safelite.com>
Date: Thu, 20 Mar 2025 16:38:41 -0400
Subject: [PATCH 08/19] CASH-405 for CASH-152: stupid prettier pickiness

---
 src/experiment-components/date-picker-for-pricing-by-day.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/experiment-components/date-picker-for-pricing-by-day.vue b/src/experiment-components/date-picker-for-pricing-by-day.vue
index b61649ad4..cad976cf7 100644
--- a/src/experiment-components/date-picker-for-pricing-by-day.vue
+++ b/src/experiment-components/date-picker-for-pricing-by-day.vue
@@ -1176,7 +1176,7 @@ export default {
                 text-decoration: none;
                 color: $gray-600;
                 font-weight: 400;
-                font-family: 'AvertaSemibold';
+                font-family: "AvertaSemibold";
 
                 &.price {
                     color: $green;

From e7a8013ca4b9109eaae5fcc39a4dceff0d396be4 Mon Sep 17 00:00:00 2001
From: Adam Caouette <adam.caouette@safelite.com>
Date: Fri, 21 Mar 2025 07:41:11 -0400
Subject: [PATCH 09/19] CASH-414 for CASH-152: Fix to ensure upcharge is
 excluded from base price

---
 src/constants/part-number-strings.js |  1 +
 src/layouts/schedule/schedule.vue    | 12 +++++++++---
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/src/constants/part-number-strings.js b/src/constants/part-number-strings.js
index d373ba016..488bf0742 100644
--- a/src/constants/part-number-strings.js
+++ b/src/constants/part-number-strings.js
@@ -5,6 +5,7 @@ const partNumberStrings = {
     DONATION: "DONATION",
     // Fees
     RECYCLE_FEE: "RECYCLE FEE",
+    PRICING_BY_DAY_UPCHARGE: "PREMAPPT GEN",
 };
 
 export { partNumberStrings };
diff --git a/src/layouts/schedule/schedule.vue b/src/layouts/schedule/schedule.vue
index 48876d5e8..da3b3a69b 100644
--- a/src/layouts/schedule/schedule.vue
+++ b/src/layouts/schedule/schedule.vue
@@ -250,9 +250,15 @@ export default {
             isRecalibrationOnOrder && shouldHideRecalibration
                 ? getItemsWithoutRecalParts(lineItems.glassParts)
                 : (lineItems.glassParts ?? []);
+        const supportingItemsFromStore = lineItems?.supportingItems;
         const supportingItemsWithoutFees = baseMixin.methods.filterOutCertainPartTypesOrNumbers(
             lineItems.supportingItems,
-            { partNumbersToRemove: [partNumberStrings.RECYCLE_FEE] }
+            {
+                partNumbersToRemove: [
+                    partNumberStrings.RECYCLE_FEE,
+                    partNumberStrings.PRICING_BY_DAY_UPCHARGE,
+                ],
+            }
         );
         const lineItemsToBePriced = {
             glassParts: glassParts,
@@ -266,8 +272,8 @@ export default {
 
         // Check to see if includePricingByDayUpcharge should already be set (based on order lineItems)
         let includePricingByDayUpcharge = false;
-        if (supportingItemsWithoutFees) {
-            const pricingByDayUpchargeFeeIndex = supportingItemsWithoutFees.findIndex(
+        if (supportingItemsFromStore) {
+            const pricingByDayUpchargeFeeIndex = supportingItemsFromStore?.findIndex(
                 (item) => item.partType == PRICING_BY_DAY_PART_TYPE
             );
             if (pricingByDayUpchargeFeeIndex > -1) {

From 9f3b901ce2fb58bcc7408c495de18274cf9fb164 Mon Sep 17 00:00:00 2001
From: CarlNation <Carl.Nation@safelite.com>
Date: Fri, 21 Mar 2025 10:06:14 -0400
Subject: [PATCH 10/19] CASH-415

CASH-415 do not get the pricing by day part or price it when insurance or in the control variation of the experiment
---
 src/layouts/schedule/schedule.vue | 53 ++++++++++++++++---------------
 1 file changed, 27 insertions(+), 26 deletions(-)

diff --git a/src/layouts/schedule/schedule.vue b/src/layouts/schedule/schedule.vue
index da3b3a69b..5c9708eac 100644
--- a/src/layouts/schedule/schedule.vue
+++ b/src/layouts/schedule/schedule.vue
@@ -306,7 +306,7 @@ export default {
             });
 
         // Get pricingByDayUpcharge needed for Pricing By Day
-        const pricingByDayUpchargePartPromise = getPricingByDayPartWithPrice();
+        const pricingByDayUpchargePartPromise = showPricingByDay ? getPricingByDayPartWithPrice() : null;
 
         const premiumFeePromise = baseMixin.methods.dispatchStoreActionWithLogging(
             storeActions.GET_MOBILE_PREMIUM_FEE,
@@ -354,10 +354,7 @@ export default {
 
         const resultMap = await settleAllPromises(promiseResultMap);
 
-        const pricingByDayUpcharge = await baseMixin.methods.getTotalLineItemPrice(
-            resultMap.pricingByDayUpchargePart,
-            false
-        );
+        const pricingByDayUpcharge = showPricingByDay ? await baseMixin.methods.getTotalLineItemPrice(resultMap.pricingByDayUpchargePart,false) : null;
 
         const datePickerInitialData = resultMap.datePickerInitialData;
         datePickerInitialData.pricingByDayBasePrice = pricingByDayBasePrice;
@@ -626,24 +623,26 @@ export default {
             const supportingItems = this.getSupportingItems();
 
             // if we have a pricing by day upcharge, then save/update supporting items with it
-            const pricingByDayUpchargeFeeIndex = supportingItems?.findIndex(
-                (item) => item.partType == PRICING_BY_DAY_PART_TYPE
-            );
+            if (this.showPricingByDay) {
+                const pricingByDayUpchargeFeeIndex = supportingItems?.findIndex(
+                    (item) => item.partType == PRICING_BY_DAY_PART_TYPE
+                );
 
-            if (this.includePricingByDayUpcharge) {
-                if (pricingByDayUpchargeFeeIndex > -1) {
-                    supportingItems[pricingByDayUpchargeFeeIndex].laborAmount =
-                        this.pricingByDayUpchargeLineItem.laborAmount;
-                    supportingItems[pricingByDayUpchargeFeeIndex].sellingPrice =
-                        this.pricingByDayUpchargeLineItem.sellingPrice;
-                    supportingItems[pricingByDayUpchargeFeeIndex].kitPrice =
-                        this.pricingByDayUpchargeLineItem.kitPrice;
+                if (this.includePricingByDayUpcharge) {
+                    if (pricingByDayUpchargeFeeIndex > -1) {
+                        supportingItems[pricingByDayUpchargeFeeIndex].laborAmount =
+                            this.pricingByDayUpchargeLineItem.laborAmount;
+                        supportingItems[pricingByDayUpchargeFeeIndex].sellingPrice =
+                            this.pricingByDayUpchargeLineItem.sellingPrice;
+                        supportingItems[pricingByDayUpchargeFeeIndex].kitPrice =
+                            this.pricingByDayUpchargeLineItem.kitPrice;
+                    } else {
+                        supportingItems.push(this.pricingByDayUpchargeLineItem);
+                    }
                 } else {
-                    supportingItems.push(this.pricingByDayUpchargeLineItem);
-                }
-            } else {
-                if (pricingByDayUpchargeFeeIndex >= 0) {
-                    supportingItems.splice(pricingByDayUpchargeFeeIndex, 1);
+                    if (pricingByDayUpchargeFeeIndex >= 0) {
+                        supportingItems.splice(pricingByDayUpchargeFeeIndex, 1);
+                    }
                 }
             }
 
@@ -672,12 +671,14 @@ export default {
                 }
 
                 // if it's not a mobile and/or premium early bird, then make sure we remove any that may have been added
-                const removePremiumFeeIndex = supportingItems.findIndex(
-                    (item) => item.partType == PREMIUM_FEE_PART_TYPE
-                );
+                if (this.showPricingByDay) {
+                    const removePremiumFeeIndex = supportingItems.findIndex(
+                        (item) => item.partType == PREMIUM_FEE_PART_TYPE
+                    );
 
-                if (removePremiumFeeIndex >= 0) {
-                    supportingItems.splice(removePremiumFeeIndex, 1);
+                    if (removePremiumFeeIndex >= 0) {
+                        supportingItems.splice(removePremiumFeeIndex, 1);
+                    }
                 }
             }
 

From 73152239eed0e0c559e4894278803ff046e62b3e Mon Sep 17 00:00:00 2001
From: CarlNation <Carl.Nation@safelite.com>
Date: Fri, 21 Mar 2025 10:11:49 -0400
Subject: [PATCH 11/19] prettier

---
 src/layouts/schedule/schedule.vue | 11 +++++++++--
 1 file changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/layouts/schedule/schedule.vue b/src/layouts/schedule/schedule.vue
index 5c9708eac..5ecf88ac0 100644
--- a/src/layouts/schedule/schedule.vue
+++ b/src/layouts/schedule/schedule.vue
@@ -306,7 +306,9 @@ export default {
             });
 
         // Get pricingByDayUpcharge needed for Pricing By Day
-        const pricingByDayUpchargePartPromise = showPricingByDay ? getPricingByDayPartWithPrice() : null;
+        const pricingByDayUpchargePartPromise = showPricingByDay
+            ? getPricingByDayPartWithPrice()
+            : null;
 
         const premiumFeePromise = baseMixin.methods.dispatchStoreActionWithLogging(
             storeActions.GET_MOBILE_PREMIUM_FEE,
@@ -354,7 +356,12 @@ export default {
 
         const resultMap = await settleAllPromises(promiseResultMap);
 
-        const pricingByDayUpcharge = showPricingByDay ? await baseMixin.methods.getTotalLineItemPrice(resultMap.pricingByDayUpchargePart,false) : null;
+        const pricingByDayUpcharge = showPricingByDay
+            ? await baseMixin.methods.getTotalLineItemPrice(
+                  resultMap.pricingByDayUpchargePart,
+                  false
+              )
+            : null;
 
         const datePickerInitialData = resultMap.datePickerInitialData;
         datePickerInitialData.pricingByDayBasePrice = pricingByDayBasePrice;

From aee40ae184070286a73efc5ab0c62c760df795f5 Mon Sep 17 00:00:00 2001
From: CarlNation <Carl.Nation@safelite.com>
Date: Fri, 21 Mar 2025 10:55:20 -0400
Subject: [PATCH 12/19] CASH-415

CASH-415 wrong block check
---
 src/layouts/schedule/schedule.vue | 12 +++++-------
 1 file changed, 5 insertions(+), 7 deletions(-)

diff --git a/src/layouts/schedule/schedule.vue b/src/layouts/schedule/schedule.vue
index 5ecf88ac0..63e4a3775 100644
--- a/src/layouts/schedule/schedule.vue
+++ b/src/layouts/schedule/schedule.vue
@@ -678,14 +678,12 @@ export default {
                 }
 
                 // if it's not a mobile and/or premium early bird, then make sure we remove any that may have been added
-                if (this.showPricingByDay) {
-                    const removePremiumFeeIndex = supportingItems.findIndex(
-                        (item) => item.partType == PREMIUM_FEE_PART_TYPE
-                    );
+                const removePremiumFeeIndex = supportingItems.findIndex(
+                    (item) => item.partType == PREMIUM_FEE_PART_TYPE
+                );
 
-                    if (removePremiumFeeIndex >= 0) {
-                        supportingItems.splice(removePremiumFeeIndex, 1);
-                    }
+                if (removePremiumFeeIndex >= 0) {
+                    supportingItems.splice(removePremiumFeeIndex, 1);
                 }
             }
 

From c9c5d29b3d3c7cc0c959336274c1b4b0b86e1f43 Mon Sep 17 00:00:00 2001
From: Chris Redelinghuys <chris.redelinghuys@safelite.com>
Date: Mon, 24 Mar 2025 11:49:33 -0400
Subject: [PATCH 13/19] CASH-413: Update recycle fee on location change

---
 .../service-location-helper.js                | 45 +++++++++++++++++++
 .../mobile-location-modal-questions.spec.js   | 20 +++++++++
 .../mobile-location-modal-questions.vue       |  8 ++++
 .../service-location/service-location.vue     | 43 +++++++++++++-----
 .../service-zip-modal-question.spec.js        | 20 +++++++++
 .../service-zip-modal-question.vue            |  8 ++++
 6 files changed, 134 insertions(+), 10 deletions(-)

diff --git a/src/layouts/service-location/helpers/service-location-helper/service-location-helper.js b/src/layouts/service-location/helpers/service-location-helper/service-location-helper.js
index 99b200037..7a9ac00d0 100644
--- a/src/layouts/service-location/helpers/service-location-helper/service-location-helper.js
+++ b/src/layouts/service-location/helpers/service-location-helper/service-location-helper.js
@@ -1,5 +1,6 @@
 import { storeActions } from "@/constants/store-actions";
 import baseMixin from "@/mixins/base-mixin.js";
+import { partNumberStrings } from "@/constants/part-number-strings";
 
 export async function getPricedMobileFeePart(serviceZipCode, pageNameToLog) {
     if (!serviceZipCode) {
@@ -42,6 +43,50 @@ export async function getPricedMobileFeePart(serviceZipCode, pageNameToLog) {
     return pricingResults[0];
 }
 
+export async function getPricedRecycleFeePart(serviceZipCode, pageNameToLog) {
+    if (!serviceZipCode) {
+        return null;
+    }
+
+    const zipCodeData = await getZipCodeData(serviceZipCode);
+
+    // Get supporting items
+    const supportingItems = await baseMixin.methods.dispatchStoreActionWithLogging(
+        storeActions.GET_SUPPORTING_ITEMS,
+        null,
+        pageNameToLog,
+        false
+    );
+
+    if (
+        supportingItems.data === null ||
+        supportingItems.data === undefined ||
+        supportingItems.data === ""
+    ) {
+        return null;
+    }
+
+    const recycleFeePart = supportingItems.data.find(
+        (item) => item.partNumber === partNumberStrings.RECYCLE_FEE
+    );
+
+    if (recycleFeePart) {
+        // Get the Recycle Fee Part Price
+        const pricingResults = await baseMixin.methods.dispatchStoreActionWithLogging(
+            storeActions.PRICE_ORDER_ITEMS_AND_SAVE_SERVER_DATA,
+            {
+                availableLineItems: [recycleFeePart],
+                serviceZipCode: serviceZipCode,
+                serviceZipCodeCtu: zipCodeData.zipCodeCtu,
+            },
+            pageNameToLog,
+            false
+        );
+
+        return pricingResults[0];
+    }
+}
+
 export async function getServiceabilityDetails(serviceZipCode, lineItems, pageNameToLog) {
     // Get the Mobile Fee Part
     return await baseMixin.methods.dispatchStoreActionWithLogging(
diff --git a/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.spec.js b/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.spec.js
index f38262005..3e2873fa1 100644
--- a/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.spec.js
+++ b/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.spec.js
@@ -106,6 +106,23 @@ const mockGetPricedMobileFeePart = (mockServiceZipCode) => {
     return Promise.resolve(mobileFeePart);
 };
 
+const mockGetPricedRecycleFeePart = (mockServiceZipCode) => {
+    let recycleFeePart = {};
+
+    if (mockServiceZipCode === "43235") {
+        recycleFeePart = {
+            partNumber: "RECYCLE FEE",
+            description: "RECYCLE FEE",
+            partType: "FEE",
+            laborAmount: 39.99,
+            sellingPrice: 0,
+            kitPrice: 0,
+        };
+    }
+
+    return Promise.resolve(recycleFeePart);
+};
+
 const mockGetServiceabilityDetails = (mockServiceZipCode) => {
     const serviceabilityDetails = {
         isGlassServiceableInshop: true,
@@ -123,6 +140,9 @@ jest.mock(
         getPricedMobileFeePart: jest.fn((mockServiceZipCode) => {
             return mockGetPricedMobileFeePart(mockServiceZipCode);
         }),
+        getPricedRecycleFeePart: jest.fn((mockServiceZipCode) => {
+            return mockGetPricedRecycleFeePart(mockServiceZipCode);
+        }),
         getServiceabilityDetails: jest.fn((mockServiceZipCode) => {
             return mockGetServiceabilityDetails(mockServiceZipCode);
         }),
diff --git a/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue b/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue
index 4672cca7f..0d7a82248 100644
--- a/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue
+++ b/src/layouts/service-location/mobile-location-modal-questions/mobile-location-modal-questions.vue
@@ -82,6 +82,7 @@ import vehicleProtectedQuestion from "@/layouts/service-location/mobile-location
 import { deepClone } from "@/helpers/object-helper";
 import {
     getPricedMobileFeePart,
+    getPricedRecycleFeePart,
     getServiceabilityDetails,
     getBillToAccountNumber,
 } from "@/layouts/service-location/helpers/service-location-helper/service-location-helper";
@@ -267,6 +268,12 @@ export default {
                     "service-location"
                 );
 
+                // retrieve recycle fee part
+                const recycleFeePart = await getPricedRecycleFeePart(
+                    serviceZipCode,
+                    "service-location"
+                );
+
                 // retrieve serviceability details
                 const serviceabilityDetails = await getServiceabilityDetails(
                     serviceZipCode,
@@ -280,6 +287,7 @@ export default {
 
                 // update content related to service zip code
                 this.$emit("updated-mobile-fee-part", mobileFeePart);
+                this.$emit("updated-recycle-fee-part", recycleFeePart);
                 this.$emit("updated-serviceability", serviceabilityDetails.data);
                 this.$emit("updated-contains-military-base", zipCodeData.containsMilitaryBase);
                 this.$emit("updated-mobile-ctu", zipCodeData.zipCodeCtu);
diff --git a/src/layouts/service-location/service-location.vue b/src/layouts/service-location/service-location.vue
index ddb765da3..56c76bb2d 100644
--- a/src/layouts/service-location/service-location.vue
+++ b/src/layouts/service-location/service-location.vue
@@ -17,6 +17,7 @@
                         ref="serviceZipCodeQuestion"
                         :mobileFeePart="mobileFeePart"
                         @updated-mobile-fee-part="setMobileFeePart"
+                        @updated-recycle-fee-part="setRecycleFeePart"
                         @updated-serviceability="setServiceabilityDetails"
                         @updated-contains-military-base="setContainsMilitaryBase"
                         @updated-bill-to-account-number="setBillToAccountNumber"
@@ -90,6 +91,7 @@
                         :mobileFeePart="mobileFeePart"
                         :mobileFeeApplies="mobileFeeApplies"
                         @updated-mobile-fee-part="setMobileFeePart"
+                        @updated-recycle-fee-part="setRecycleFeePart"
                         @updated-serviceability="setServiceabilityDetails"
                         @updated-contains-military-base="setContainsMilitaryBase"
                         @updated-mobile-ctu="setCtuForMobile"
@@ -195,6 +197,7 @@ export default {
             selectedAppointmentType: this.getSelectedAppointmentType(),
             selectedProvider: this.getSelectedProvider(),
             mobileFeePart: null,
+            recycleFeePart: null,
             zipContainsMilitaryBase: false,
             zipCodeCtu: null,
             billToAccountNumber: null,
@@ -480,6 +483,9 @@ export default {
         setMobileFeePart(mobileFeePart) {
             this.mobileFeePart = mobileFeePart;
         },
+        setRecycleFeePart(recycleFeePart) {
+            this.recycleFeePart = recycleFeePart;
+        },
         //creating async function as the computed property can not directly handle asynchronous operations or promises.
         async setMobileLocationQuestions(newValue) {
             var newZipCode = newValue.addressQuestions.zipCode;
@@ -592,6 +598,7 @@ export default {
         },
         updateAndSaveSupportingItems() {
             let supportingItems = store.getters.lineItems.supportingItems;
+            let shouldSaveSupportingItems = false;
 
             supportingItems =
                 !supportingItems && this.isMobileStaticRecalibrationApplicable
@@ -603,6 +610,21 @@ export default {
                 return;
             }
 
+            // update recyle fee price
+            if (this.recycleFeePart) {
+                const recycleFeeIndex = supportingItems.findIndex(
+                    (item) => item.partNumber == partNumberStrings.RECYCLE_FEE
+                );
+                if (recycleFeeIndex >= 0) {
+                    supportingItems[recycleFeeIndex].laborAmount = this.recycleFeePart.laborAmount;
+                    supportingItems[recycleFeeIndex].sellingPrice =
+                        this.recycleFeePart.sellingPrice;
+                    supportingItems[recycleFeeIndex].kitPrice = this.recycleFeePart.kitPrice;
+
+                    shouldSaveSupportingItems = true;
+                }
+            }
+
             // if we have a mobile fee, then save/update supporting items
             if (this.selectedAppointmentType == "Mobile") {
                 const mobileFeeIndex = supportingItems.findIndex(
@@ -617,11 +639,7 @@ export default {
                     if (this.mobileFeePart !== null) supportingItems.push(this.mobileFeePart);
                 }
 
-                this.dispatchStoreAction(
-                    this.storeActions.SAVE_SUPPORTING_ITEMS_SUPPRESSING_STATE_RESETTING,
-                    supportingItems,
-                    false
-                );
+                shouldSaveSupportingItems = true;
             } else {
                 // if it's not a mobile, then make sure we remove any that may have been added
                 const removeMobileFeeIndex = supportingItems?.findIndex(
@@ -630,13 +648,18 @@ export default {
 
                 if (removeMobileFeeIndex >= 0) {
                     supportingItems.splice(removeMobileFeeIndex, 1);
-                    this.dispatchStoreAction(
-                        this.storeActions.SAVE_SUPPORTING_ITEMS_SUPPRESSING_STATE_RESETTING,
-                        supportingItems,
-                        false
-                    );
+                    shouldSaveSupportingItems = true;
                 }
             }
+
+            // Use shouldSaveSupportingItems flag to determine if we need to save supporting items. Prevents unnecessary/multiple saves
+            if (shouldSaveSupportingItems) {
+                this.dispatchStoreAction(
+                    this.storeActions.SAVE_SUPPORTING_ITEMS_SUPPRESSING_STATE_RESETTING,
+                    supportingItems,
+                    false
+                );
+            }
         },
         async forwardButtonAction() {
             this.navigatingForward = true;
diff --git a/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.spec.js b/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.spec.js
index ed8a811ed..b1231991b 100644
--- a/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.spec.js
+++ b/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.spec.js
@@ -32,6 +32,23 @@ const mockGetPricedMobileFeePart = (mockServiceZipCode) => {
     return Promise.resolve(mobileFeePart);
 };
 
+const mockGetPricedRecycleFeePart = (mockServiceZipCode) => {
+    let recycleFeePart = {};
+
+    if (mockServiceZipCode === "43235") {
+        recycleFeePart = {
+            partNumber: "RECYCLE FEE",
+            description: "RECYCLE FEE",
+            partType: "FEE",
+            laborAmount: 39.99,
+            sellingPrice: 0,
+            kitPrice: 0,
+        };
+    }
+
+    return Promise.resolve(recycleFeePart);
+};
+
 const mockGetServiceabilityDetails = (mockServiceZipCode) => {
     const serviceabilityDetails = {
         isGlassServiceableInshop: true,
@@ -49,6 +66,9 @@ jest.mock(
         getPricedMobileFeePart: jest.fn((mockServiceZipCode) => {
             return mockGetPricedMobileFeePart(mockServiceZipCode);
         }),
+        getPricedRecycleFeePart: jest.fn((mockServiceZipCode) => {
+            return mockGetPricedRecycleFeePart(mockServiceZipCode);
+        }),
         getServiceabilityDetails: jest.fn((mockServiceZipCode) => {
             return mockGetServiceabilityDetails(mockServiceZipCode);
         }),
diff --git a/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue b/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue
index 24d063e5e..a2ab4134e 100644
--- a/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue
+++ b/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue
@@ -45,6 +45,7 @@ import alert from "@/ux-components/alert/alert";
 
 import {
     getPricedMobileFeePart,
+    getPricedRecycleFeePart,
     getServiceabilityDetails,
     getBillToAccountNumber,
 } from "@/layouts/service-location/helpers/service-location-helper/service-location-helper";
@@ -164,6 +165,12 @@ export default {
                         "service-location"
                     );
 
+                    // retrieve recycle fee part
+                    const recycleFeePart = await getPricedRecycleFeePart(
+                        serviceZipCode,
+                        "service-location"
+                    );
+
                     // retrieve serviceability details
                     const serviceabilityDetails = await getServiceabilityDetails(
                         serviceZipCode,
@@ -177,6 +184,7 @@ export default {
 
                     // update content related to service zip code
                     this.$emit("updated-mobile-fee-part", mobileFeePart);
+                    this.$emit("updated-recycle-fee-part", recycleFeePart);
                     this.$emit("updated-serviceability", serviceabilityDetails.data);
                     this.$emit("updated-contains-military-base", zipCodeData.containsMilitaryBase);
                     this.$emit("updated-bill-to-account-number", billToAccountNumber);

From 3e551bc7a095ae7565c0767f9bdd421ad02ca527 Mon Sep 17 00:00:00 2001
From: hiteshkumar87 <hitesh.kumar@safelite.com>
Date: Wed, 26 Mar 2025 19:52:00 +0530
Subject: [PATCH 14/19] CASH-134

Adding mocked response for the api call to display error and success message.
---
 src/layouts/confirmation/confirmation.vue | 32 ++++++++++++++++-------
 1 file changed, 22 insertions(+), 10 deletions(-)

diff --git a/src/layouts/confirmation/confirmation.vue b/src/layouts/confirmation/confirmation.vue
index 8c4d6cf1a..1a6a4d99e 100644
--- a/src/layouts/confirmation/confirmation.vue
+++ b/src/layouts/confirmation/confirmation.vue
@@ -526,17 +526,9 @@ export default {
             // try to call API to add donation to order
 
             // TEMP DUMMY CALL TO SIMULATE SUCCESS OR ERROR FROM API CALL
-            // TO BE REPLACED BY REAL CALL LATER
-            const donationResponse = await this.dispatchStoreActionWithLogging(
-                storeActions.LOOKUP_VIN_BY_PLATE,
-                { licensePlate: plateTemp, licenseState: "OH" },
-                "test",
-                false
-            ).catch((error) => {
-                return error;
-            });
+            const donationResponse = this.createMockedResponse(amount);
 
-            if (donationResponse?.status == "200") {
+            if (donationResponse?.wasSuccessful) {
                 this.showDonationSuccess = true;
                 this.showDonationError = false;
                 const donationResponse = await baseMixin.methods.dispatchStoreAction(
@@ -554,6 +546,26 @@ export default {
                 );
             }
         },
+        //mocked response. should be removed once integrate with actual api call.
+        createMockedResponse(amount) {
+            let result;
+
+            switch (amount) {
+                case 1:
+                    result = { wasSuccessful: true, wasLocked: false };
+                    break;
+                case 3:
+                    result = { wasSuccessful: false, wasLocked: true };
+                    break;
+                case 5:
+                    result = { wasSuccessful: false, wasLocked: false };
+                    break;
+                default:
+                    result = { wasSuccessful: null, wasLocked: null }; // Default case if amount doesn't match
+            }
+
+            return result;
+        },
     },
     watch: {
         donationAmount(newValue) {

From e9c0898442bd5124db4cf9a91451b09726b14346 Mon Sep 17 00:00:00 2001
From: CarlNation <Carl.Nation@safelite.com>
Date: Thu, 27 Mar 2025 14:18:51 -0400
Subject: [PATCH 15/19] CASH-417

CASH-417 pass vehicle sub type to save-progress endpoint
---
 src/store/index.js | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/store/index.js b/src/store/index.js
index 26186e208..abed5d31c 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -2110,6 +2110,7 @@ export const actions = {
                 year: vehicle.year,
                 make: vehicle.make,
                 model: vehicle.model,
+                subType: vehicle.vehicleSubType,
                 isInsurance: order.payment.isInsurance ?? false,
                 isVerified: order.payment.insuranceCoverage.isVerified ?? false,
                 lineItems: {

From 9d2b530b12d3d8d0198d67e845c70298b2dca799 Mon Sep 17 00:00:00 2001
From: Chris Redelinghuys <chris.redelinghuys@safelite.com>
Date: Fri, 28 Mar 2025 11:33:18 -0400
Subject: [PATCH 16/19] CASH-277: Check applicable stores for heavy truck on
 location change.

---
 .../service-location-helper.js                | 17 ++++++++++
 .../service-location/service-location.vue     | 10 ++++++
 .../service-zip-modal-question.vue            | 31 +++++++++++++++++++
 3 files changed, 58 insertions(+)

diff --git a/src/layouts/service-location/helpers/service-location-helper/service-location-helper.js b/src/layouts/service-location/helpers/service-location-helper/service-location-helper.js
index 7a9ac00d0..106ed892c 100644
--- a/src/layouts/service-location/helpers/service-location-helper/service-location-helper.js
+++ b/src/layouts/service-location/helpers/service-location-helper/service-location-helper.js
@@ -149,6 +149,23 @@ export async function getAvailabilityRating(
     return shopStatus;
 }
 
+export async function getClosestApplicableShops(serviceZipCode, carId, pageNameToLog) {
+    if (!serviceZipCode) {
+        return null;
+    }
+
+    const closestShops = await baseMixin.methods.dispatchStoreActionWithLogging(
+        storeActions.GET_CLOSEST_APPLICABLE_SHOPS,
+        {
+            zip: serviceZipCode,
+            carId: carId,
+        },
+        pageNameToLog
+    );
+
+    return closestShops.data;
+}
+
 export async function getZipCodeData(serviceZipCode) {
     return await baseMixin.methods.getZipCodeData(serviceZipCode, "service-location");
 }
diff --git a/src/layouts/service-location/service-location.vue b/src/layouts/service-location/service-location.vue
index 56c76bb2d..142c3468b 100644
--- a/src/layouts/service-location/service-location.vue
+++ b/src/layouts/service-location/service-location.vue
@@ -15,6 +15,8 @@
                         editScreenReaderTextCmsWidgetName="ScreenReaderZipEditWidget"
                         v-model="serviceZipCodeQuestion"
                         ref="serviceZipCodeQuestion"
+                        :carId="carId"
+                        :isVehicleHeavyTruck="isVehicleHeavyTruck"
                         :mobileFeePart="mobileFeePart"
                         @updated-mobile-fee-part="setMobileFeePart"
                         @updated-recycle-fee-part="setRecycleFeePart"
@@ -186,9 +188,11 @@ export default {
         return {
             streetAddress: this.getServiceAddressFromStore(),
             apartmentNumberOrBusinessName: this.getServiceAddress2FromStore(),
+            carId: this.getCarIdfromStore(),
             city: this.getServiceCityFromStore(),
             state: this.getServiceStateFromStore(),
             zipCode: this.getServiceZipCodeFromStore(),
+            isVehicleHeavyTruck: this.getIsVehicleHeavyTruckFromStore(),
             isVehicleProtected: this.getIsVehicleProtectedFromStore(),
             isGlassServiceableInshop: null,
             isRecalibrationServiceableInshop: null,
@@ -514,6 +518,9 @@ export default {
                 });
             }
         },
+        getCarIdfromStore() {
+            return store.getters.vehicle.carId;
+        },
         getServiceAddressFromStore() {
             return store.getters.order.serviceLocation.address;
         },
@@ -529,6 +536,9 @@ export default {
         getServiceZipCodeFromStore() {
             return store.getters.order.serviceLocation.zipCode;
         },
+        getIsVehicleHeavyTruckFromStore() {
+            return store.getters.isHeavyTruckVehicle;
+        },
         getIsVehicleProtectedFromStore() {
             return store.getters.order.serviceLocation.isVehicleProtected;
         },
diff --git a/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue b/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue
index a2ab4134e..5e7aa73e4 100644
--- a/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue
+++ b/src/layouts/service-location/service-zip-modal-question/service-zip-modal-question.vue
@@ -33,6 +33,13 @@
             cmsWidgetName="AlertInvalidZipWidget"
             alertClass="alert-danger"
             v-bind:isDismissible="false" />
+        <alert
+            ref="AlertNoService"
+            v-if="displayNoServiceAlert"
+            class="my-4"
+            cmsWidgetName="AlertNoServiceWidget"
+            alertClass="alert-danger"
+            v-bind:isDismissible="false" />
     </modal>
 </template>
 
@@ -48,6 +55,7 @@ import {
     getPricedRecycleFeePart,
     getServiceabilityDetails,
     getBillToAccountNumber,
+    getClosestApplicableShops,
 } from "@/layouts/service-location/helpers/service-location-helper/service-location-helper";
 
 export default {
@@ -63,6 +71,7 @@ export default {
             internalModel: this.copyModel(this.modelValue),
             serviceZipCodeTextInputId: "",
             displayInvalidZipAlert: false,
+            displayNoServiceAlert: false,
         };
     },
     props: {
@@ -73,6 +82,11 @@ export default {
                 zipCode: "",
             }),
         },
+        carId: String,
+        isVehicleHeavyTruck: {
+            type: Boolean,
+            default: false,
+        },
         mobileFeePart: {
             type: Object,
             default: () => ({}),
@@ -107,6 +121,7 @@ export default {
     methods: {
         resetAlerts() {
             this.displayInvalidZipAlert = false;
+            this.displayNoServiceAlert = false;
         },
         resetsOnZipInput() {
             this.resetAlerts();
@@ -155,6 +170,22 @@ export default {
                     this.focusOnZipInput();
                     this.resetModalButtonStyle();
                 } else {
+                    if (this.isVehicleHeavyTruck) {
+                        // check the location endpoint to verify this zip can service a heavy truck
+                        const closestShops = await getClosestApplicableShops(
+                            this.internalModel.zipCode,
+                            this.carId,
+                            "service-location"
+                        );
+
+                        if (!closestShops || closestShops.providers?.length === 0) {
+                            this.displayNoServiceAlert = true;
+                            this.focusOnZipInput();
+                            this.resetModalButtonStyle();
+                            return null;
+                        }
+                    }
+
                     this.internalModel.state = zipCodeData.state;
                     this.internalModel.zipCodeCtu = zipCodeData.zipCodeCtu;
 

From 76b26e2991597aefaa61dd03664fff3ff8f009a5 Mon Sep 17 00:00:00 2001
From: CarlNation <Carl.Nation@safelite.com>
Date: Thu, 3 Apr 2025 10:57:06 -0400
Subject: [PATCH 17/19] CASH-417

CASH-417 use the isBigTruck property returned from the service instead of computing it based on subType and special class
---
 src/constants/store-mutations.js              |  2 ++
 src/constants/vehicle-categories.js           |  8 +-----
 .../service-location/service-location.vue     |  2 +-
 .../shop-question/shop-question.vue           |  7 +++++-
 src/layouts/vehicle/vehicle.vue               | 25 +++++++++++--------
 src/store/index.js                            | 24 +++++++++++++-----
 6 files changed, 42 insertions(+), 26 deletions(-)

diff --git a/src/constants/store-mutations.js b/src/constants/store-mutations.js
index 509988c6e..2f53d8133 100644
--- a/src/constants/store-mutations.js
+++ b/src/constants/store-mutations.js
@@ -10,6 +10,8 @@ const storeMutations = {
     UPDATE_MODEL: "updateModel",
     UPDATE_STYLE: "updateStyle",
     UPDATE_VEHICLE_SUBTYPE: "updateVehicleSubType",
+    UPDATE_VEHICLE_SPECIAL_CLASS: "updateVehicleSpecialClass",
+    UPDATE_IS_BIGTRUCK: "updateIsBigTruck",
     UPDATE_CAR_ID: "updateCarId",
     UPDATE_VEHICLE_CATEGORY: "updateVehicleCategory",
     UPDATE_VEHICLE_IMAGE_URL: "updateVehicleImageUrl",
diff --git a/src/constants/vehicle-categories.js b/src/constants/vehicle-categories.js
index 9300f47e2..8ef3e0134 100644
--- a/src/constants/vehicle-categories.js
+++ b/src/constants/vehicle-categories.js
@@ -8,10 +8,4 @@ const vehicleCategories = {
     SEMI: "SEMI",
 };
 
-export { vehicleCategories };
-
-const vehicleSubTypes = {
-    HEAVY_TRUCK: "HEAVY TRUCK",
-};
-
-export { vehicleSubTypes };
+export { vehicleCategories };
\ No newline at end of file
diff --git a/src/layouts/service-location/service-location.vue b/src/layouts/service-location/service-location.vue
index 142c3468b..758dc88e9 100644
--- a/src/layouts/service-location/service-location.vue
+++ b/src/layouts/service-location/service-location.vue
@@ -537,7 +537,7 @@ export default {
             return store.getters.order.serviceLocation.zipCode;
         },
         getIsVehicleHeavyTruckFromStore() {
-            return store.getters.isHeavyTruckVehicle;
+            return store.getters.order.vehicle.isBigTruck;
         },
         getIsVehicleProtectedFromStore() {
             return store.getters.order.serviceLocation.isVehicleProtected;
diff --git a/src/layouts/service-location/shop-question/shop-question.vue b/src/layouts/service-location/shop-question/shop-question.vue
index a15d8bb0b..c0e2bffe0 100644
--- a/src/layouts/service-location/shop-question/shop-question.vue
+++ b/src/layouts/service-location/shop-question/shop-question.vue
@@ -179,10 +179,15 @@ export default {
                     }
                 });
 
+                var joinedShops = shops.join(",");
+                if (!joinedShops) {
+                    joinedShops = "no-shops";
+                }
+
                 this.pushEventToGA(
                     this.GaCategories.SERVICE_LOCATION,
                     gaAction,
-                    shops.join(","),
+                    joinedShops,
                     true
                 );
             }
diff --git a/src/layouts/vehicle/vehicle.vue b/src/layouts/vehicle/vehicle.vue
index da4ee6689..257de9bf6 100644
--- a/src/layouts/vehicle/vehicle.vue
+++ b/src/layouts/vehicle/vehicle.vue
@@ -49,7 +49,7 @@
                         placeHolderText="Select style"
                         customDropdownId="styleQuestionField" />
 
-                    <div v-if="isHeavyTruck">
+                    <div v-if="isBigTruckAndCanService">
                         <div class="separator-line"></div>
                         <textboxQuestion
                             class="mb-4"
@@ -110,7 +110,6 @@ import { getFunnelCookie } from "@/helpers/heritage-integration/cookie-helper";
 import { applicationConfig } from "../../constants/application-config";
 import { queryStrings } from "@/constants/query-strings";
 import { getQuerystringParameter } from "@/helpers/querystring-helper";
-import { vehicleSubTypes } from "@/constants/vehicle-categories.js";
 
 //define validation rules
 defineRule("year-required", required(errorMessages.YEAR_REQUIRED));
@@ -130,11 +129,11 @@ export default {
             selectedStyle: this.selectedStylefromStore(),
             carId: this.getCarIdfromStore(),
             category: this.getCategoryfromStore(),
+            isBigTruck: this.getIsBigTruckfromStore(),
             imageUrl: this.getImagefromStore(),
             imageVifNumber: this.getImageVifNumberfromStore(),
             imageVifColor: this.getImageVifColorfromStore(),
             serviceZipCode: this.getZipFromStore() ?? this.$route.query.zipcode,
-            vehicleSubType: this.getVehicleSubTypefromStore(),
             yearOptions: [],
             makeOptions: [],
             modelOptions: [],
@@ -325,7 +324,7 @@ export default {
             this.selectedMake = null;
             this.selectedModel = null;
             this.selectedStyle = null;
-            this.vehicleSubType = null;
+            this.isBigTruck = false;
             this.canSafeliteService = false;
             this.carId = null;
             if (year) {
@@ -346,7 +345,7 @@ export default {
             this.modelOptions = [];
             this.selectedModel = null;
             this.selectedStyle = null;
-            this.vehicleSubType = null;
+            this.isBigTruck = null;
             this.carId = null;
             if (make) {
                 const result = await this.getModelOptions(this.selectedYear, make);
@@ -365,7 +364,7 @@ export default {
             this.resetAlert();
             this.styleOptions = [];
             this.selectedStyle = null;
-            this.vehicleSubType = null;
+            this.isBigTruck = false;
             this.carId = null;
             if (model) {
                 const result = await this.getStyleOptions(
@@ -430,8 +429,8 @@ export default {
                 !!this.carId
             );
         },
-        isHeavyTruck() {
-            return this.vehicleSubType === vehicleSubTypes.HEAVY_TRUCK && this.canSafeliteService;
+        isBigTruckAndCanService() {
+            return this.isBigTruck && this.canSafeliteService;
         },
     },
     methods: {
@@ -484,6 +483,8 @@ export default {
             this.displayNoServiceAlert = !result?.data.canSafeliteService;
             this.canSafeliteService = result?.data.canSafeliteService;
             this.vehicleSubType = result?.data.vehicleSubType;
+            this.vehicleSpecialClass = result?.data.vehicleSpecialClass;
+            this.isBigTruck = result?.data.isBigTruck;
         },
         resetAlert() {
             this.displayNoServiceAlert = false;
@@ -498,6 +499,8 @@ export default {
                     model: this.selectedModel,
                     style: this.selectedStyle,
                     vehicleSubType: this.vehicleSubType,
+                    vehicleSpecialClass: this.vehicleSpecialClass,
+                    isBigTruck: this.isBigTruck,
                     carId: this.carId,
                     category: this.category,
                     canSafeliteService: this.canSafeliteService,
@@ -508,7 +511,7 @@ export default {
                 false
             );
 
-            if (this.isHeavyTruck) {
+            if (this.isBigTruck) {
                 const zipCodeData = await this.getZipCodeData(this.serviceZipCode);
                 await this.dispatchStoreAction(
                     storeActions.SAVE_SERVICE_ZIP_CODE_INFO,
@@ -608,8 +611,8 @@ export default {
         getImageVifColorfromStore() {
             return store.getters.vehicle.imageVifColor;
         },
-        getVehicleSubTypefromStore() {
-            return store.getters.vehicle.vehicleSubType;
+        getIsBigTruckfromStore() {
+            return store.getters.vehicle.isBigTruck;
         },
     },
 
diff --git a/src/store/index.js b/src/store/index.js
index abed5d31c..bf7734c1b 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -51,7 +51,6 @@ import {
 import { externalParameterStatus } from "@/constants/external-parameters";
 import { experimentSettings } from "@/constants/experiments";
 import experimentMixin from "@/mixins/experiment-mixin.js";
-import { vehicleSubTypes } from "@/constants/vehicle-categories.js";
 
 // Export State
 const getDefaultState = () => {
@@ -63,6 +62,8 @@ const getDefaultState = () => {
                 model: null,
                 style: null,
                 vehicleSubType: null,
+                vehicleSpecialClass: null,
+                isBigTruck: false,
                 carId: null,
                 category: null,
                 vin: null,
@@ -217,6 +218,12 @@ export const mutations = {
     updateVehicleSubType(state, vehicleSubType) {
         state.order.vehicle.vehicleSubType = vehicleSubType;
     },
+    updateVehicleSpecialClass(state, vehicleSpecialClass) {
+        state.order.vehicle.vehicleSpecialClass = vehicleSpecialClass;
+    },
+    updateIsBigTruck(state, isBigTruck) {
+        state.order.vehicle.isBigTruck = isBigTruck;
+    },
     updateCarId(state, carId) {
         state.order.vehicle.carId = carId;
     },
@@ -847,9 +854,6 @@ export const getters = {
 
         return false;
     },
-    isHeavyTruckVehicle: (state) => {
-        return state.order.vehicle.vehicleSubType === vehicleSubTypes.HEAVY_TRUCK;
-    },
     isMobileAppointment: (state) => {
         return state.order.serviceLocation.appointmentType === AppointmentTypeStrings.MOBILE;
     },
@@ -1849,7 +1853,7 @@ export const actions = {
             endPoint += `&${glassPieces}`;
         }
 
-        endPoint += `&isHeavyTruckVehicle=${context.getters.isHeavyTruckVehicle}`;
+        endPoint += `&isHeavyTruckVehicle=${context.getters.order.vehicle.isBigTruck}`;
 
         return globalMethods.callHttpClient({
             method: endpoints.GetServiceabilityDetails.method,
@@ -1878,7 +1882,7 @@ export const actions = {
             url += `/${windshieldPartWithRecal.partNumber}`;
         }
         //heavy truck vehicle
-        url += `/${context.getters.isHeavyTruckVehicle}`;
+        url += `/${context.getters.order.vehicle.isBigTruck}`;
 
         return globalMethods.callHttpClient({
             method: endpoints.GetProviders.method,
@@ -2111,6 +2115,8 @@ export const actions = {
                 make: vehicle.make,
                 model: vehicle.model,
                 subType: vehicle.vehicleSubType,
+                specialClass: vehicle.vehicleSpecialClass,
+                isBigTruck: vehicle.isBigTruck,
                 isInsurance: order.payment.isInsurance ?? false,
                 isVerified: order.payment.insuranceCoverage.isVerified ?? false,
                 lineItems: {
@@ -2165,6 +2171,8 @@ export const actions = {
                         style: vehicle.style,
                         vin: vehicle.vin,
                         vehicleSubType: vehicle.vehicleSubType,
+                        vehicleSpecialClass: vehicle.vehicleSpecialClass,
+                        isBigTruck: vehicle.isBigTruck,
                         registration: {
                             firstName: vehicle.registration.firstName,
                             lastName: vehicle.registration.lastName,
@@ -2381,6 +2389,8 @@ export const actions = {
             model,
             style,
             vehicleSubType,
+            vehicleSpecialClass,
+            isBigTruck,
             carId,
             category,
             canSafeliteService,
@@ -2404,6 +2414,8 @@ export const actions = {
             context.commit(storeMutations.UPDATE_MODEL, model);
             context.commit(storeMutations.UPDATE_STYLE, style);
             context.commit(storeMutations.UPDATE_VEHICLE_SUBTYPE, vehicleSubType);
+            context.commit(storeMutations.UPDATE_VEHICLE_SPECIAL_CLASS, vehicleSpecialClass);
+            context.commit(storeMutations.UPDATE_IS_BIGTRUCK, isBigTruck);
             context.commit(storeMutations.UPDATE_CAR_ID, carId);
             context.commit(storeMutations.UPDATE_VEHICLE_CATEGORY, category);
             context.commit(storeMutations.UPDATE_VEHICLE_CAN_SAFELITE_SERVICE, canSafeliteService);

From 749fa3219e5d8eef2e068805a3b1832c569867cd Mon Sep 17 00:00:00 2001
From: CarlNation <Carl.Nation@safelite.com>
Date: Thu, 3 Apr 2025 12:07:11 -0400
Subject: [PATCH 18/19] prettier

---
 src/constants/vehicle-categories.js                        | 2 +-
 .../service-location/shop-question/shop-question.vue       | 7 +------
 2 files changed, 2 insertions(+), 7 deletions(-)

diff --git a/src/constants/vehicle-categories.js b/src/constants/vehicle-categories.js
index 8ef3e0134..37ffcf5e1 100644
--- a/src/constants/vehicle-categories.js
+++ b/src/constants/vehicle-categories.js
@@ -8,4 +8,4 @@ const vehicleCategories = {
     SEMI: "SEMI",
 };
 
-export { vehicleCategories };
\ No newline at end of file
+export { vehicleCategories };
diff --git a/src/layouts/service-location/shop-question/shop-question.vue b/src/layouts/service-location/shop-question/shop-question.vue
index c0e2bffe0..0a3e9eefa 100644
--- a/src/layouts/service-location/shop-question/shop-question.vue
+++ b/src/layouts/service-location/shop-question/shop-question.vue
@@ -184,12 +184,7 @@ export default {
                     joinedShops = "no-shops";
                 }
 
-                this.pushEventToGA(
-                    this.GaCategories.SERVICE_LOCATION,
-                    gaAction,
-                    joinedShops,
-                    true
-                );
+                this.pushEventToGA(this.GaCategories.SERVICE_LOCATION, gaAction, joinedShops, true);
             }
 
             if (this.answers.length === 0) {

From 21c9607682b5c180289f12fca81068dad0317f68 Mon Sep 17 00:00:00 2001
From: CarlNation <Carl.Nation@safelite.com>
Date: Thu, 3 Apr 2025 12:26:58 -0400
Subject: [PATCH 19/19] CASH-417

CASH-417 null check
---
 src/layouts/service-location/service-location.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layouts/service-location/service-location.vue b/src/layouts/service-location/service-location.vue
index 758dc88e9..a85a5bd17 100644
--- a/src/layouts/service-location/service-location.vue
+++ b/src/layouts/service-location/service-location.vue
@@ -537,7 +537,7 @@ export default {
             return store.getters.order.serviceLocation.zipCode;
         },
         getIsVehicleHeavyTruckFromStore() {
-            return store.getters.order.vehicle.isBigTruck;
+            return store.getters.order.vehicle?.isBigTruck ?? false;
         },
         getIsVehicleProtectedFromStore() {
             return store.getters.order.serviceLocation.isVehicleProtected;