From bc6a31455b94a73f81a7eac276d7660155b3be7c Mon Sep 17 00:00:00 2001
From: Chris Redelinghuys <chris.redelinghuys@safelite.com>
Date: Fri, 5 Sep 2025 14:01:04 -0400
Subject: [PATCH 01/18] CASH-1477: Increase font weight

---
 .../modal/ux-components/modal-button-main/modal-button-main.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/digital-components/modal/ux-components/modal-button-main/modal-button-main.vue b/src/digital-components/modal/ux-components/modal-button-main/modal-button-main.vue
index c12dfe498..44e3db9c1 100644
--- a/src/digital-components/modal/ux-components/modal-button-main/modal-button-main.vue
+++ b/src/digital-components/modal/ux-components/modal-button-main/modal-button-main.vue
@@ -117,7 +117,7 @@ export default {
         background: transparent;
         border: 1px solid $blue;
         color: $blue;
-        font-weight: 500;
+        font-weight: 600;
         transition: all 150ms linear;
         height: 3rem;
         &:hover,

From e5ca66cc35747b31230cf52fb178443ca85bb30d Mon Sep 17 00:00:00 2001
From: Chris Redelinghuys <chris.redelinghuys@safelite.com>
Date: Fri, 5 Sep 2025 15:13:55 -0400
Subject: [PATCH 02/18] CASH-1477: Darker font for secondary modal cta button

---
 src/digital-components/modal/modal.vue                         | 3 +++
 .../ux-components/modal-button-main/modal-button-main.vue      | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/digital-components/modal/modal.vue b/src/digital-components/modal/modal.vue
index 84ea8542b..9167c03b3 100644
--- a/src/digital-components/modal/modal.vue
+++ b/src/digital-components/modal/modal.vue
@@ -268,6 +268,9 @@ export default {
             button {
                 margin: 0;
                 border-radius: 50rem;
+                &.btn-secondary {
+                    font-weight: 600;
+                }
             }
         }
     }
diff --git a/src/digital-components/modal/ux-components/modal-button-main/modal-button-main.vue b/src/digital-components/modal/ux-components/modal-button-main/modal-button-main.vue
index 44e3db9c1..c12dfe498 100644
--- a/src/digital-components/modal/ux-components/modal-button-main/modal-button-main.vue
+++ b/src/digital-components/modal/ux-components/modal-button-main/modal-button-main.vue
@@ -117,7 +117,7 @@ export default {
         background: transparent;
         border: 1px solid $blue;
         color: $blue;
-        font-weight: 600;
+        font-weight: 500;
         transition: all 150ms linear;
         height: 3rem;
         &:hover,

From 670a5a0f8319609847f5713e885925827525186b Mon Sep 17 00:00:00 2001
From: AdamCaouetteSafelite <adam.caouette@safelite.com>
Date: Mon, 8 Sep 2025 08:42:07 -0400
Subject: [PATCH 03/18] CASH-1450 fixes

---
 src/constants/damage-locations-selected.js    |   2 +
 src/helpers/damage-helper.js                  |  53 +++++++
 src/layouts/payment-method/payment-method.vue |  18 ++-
 .../review-dropdown/review-dropdown.vue       |  65 ++++----
 .../appointment-review.spec.js                | 103 ++++++++++++
 .../appointment-review/appointment-review.vue |  38 +++++
 .../customer-review/customer-review.spec.js   |  40 ++---
 .../customer-review/customer-review.vue       |   2 +-
 .../opt-in-review/opt-in-review.spec.js       | 141 +++++++++++++++++
 .../opt-in-review/opt-in-review.vue           |  42 +++++
 .../parity-damage-review.spec.js              | 149 ++++++++++++++++++
 .../parity-damage-review.vue                  |  46 ++++++
 12 files changed, 642 insertions(+), 57 deletions(-)
 create mode 100644 src/layouts/payment-method/review-dropdown/review-sections/appointment-review/appointment-review.spec.js
 create mode 100644 src/layouts/payment-method/review-dropdown/review-sections/appointment-review/appointment-review.vue
 create mode 100644 src/layouts/payment-method/review-dropdown/review-sections/opt-in-review/opt-in-review.spec.js
 create mode 100644 src/layouts/payment-method/review-dropdown/review-sections/opt-in-review/opt-in-review.vue
 create mode 100644 src/layouts/payment-method/review-dropdown/review-sections/parity-damage-review/parity-damage-review.spec.js
 create mode 100644 src/layouts/payment-method/review-dropdown/review-sections/parity-damage-review/parity-damage-review.vue

diff --git a/src/constants/damage-locations-selected.js b/src/constants/damage-locations-selected.js
index 7ede615cb..848491223 100644
--- a/src/constants/damage-locations-selected.js
+++ b/src/constants/damage-locations-selected.js
@@ -16,6 +16,8 @@ const damageLocationsSelected = {
     PASSENGERSIDE: "PassengerSide",
     STATIONARY: "Stationary",
     SLIDER: "Slider",
+    DOOR: "Door",
+    GLASS: "Glass",
 };
 
 export { damageLocationsSelected };
diff --git a/src/helpers/damage-helper.js b/src/helpers/damage-helper.js
index 13defa5df..1763ffbea 100644
--- a/src/helpers/damage-helper.js
+++ b/src/helpers/damage-helper.js
@@ -82,3 +82,56 @@ export async function isGlassAvailableForCarId(carId, pageNameToLog) {
 
     return true;
 }
+
+export function getSideDoorGlassString(glassLocation, glassName) {
+    let glassNameString;
+    switch (glassName) {
+        case glassLocations.BACK:
+            glassNameString = glassLocations.REAR + " " + glassLocations.DOOR; // "Back Door"
+            break;
+        case glassLocations.FRONT:
+            glassNameString = glassName + " " + glassLocations.DOOR; // "Front Door"
+            break;
+        case glassLocations.VENT:
+        case glassLocations.QUARTER:
+            glassNameString = glassName;
+            break;
+    }
+    return glassLocation + " " + glassName + " " + glassLocations.GLASS;
+}
+
+export function getDamageInfoWordingText(damageInfo) {
+    const glassTextArray = [];
+
+    damageInfo.glassToReplace.forEach((item) => {
+        let string = "";
+        if (item.glassLocation === glassLocations.WINDSHIELD) {
+            string = item.glassLocation;
+        }
+        if (item.glassLocation === glassLocations.REAR) {
+            string = glassLocations.BACK + " " + glassLocations.GLASS;
+        }
+        if (item.glassLocation === glassLocations.DRIVER) {
+            string = getSideDoorGlassString(item.glassLocation, item.glassName);
+            // ONLY INCLUDE "DOOR" IF IT'S REAR or FRONT (vent or quarter should NOT)
+        }
+        if (item.glassLocation === glassLocations.PASSENGER) {
+            string = getSideDoorGlassString(item.glassLocation, item.glassName);
+        }
+        glassTextArray.push(string);
+    });
+
+    if (glassTextArray.length === 1) {
+        return glassTextArray[0];
+    }
+    let damageInfoWordingText = glassTextArray.join(", "); // string
+    let lastCommaIndex = damageInfoWordingText.lastIndexOf(", ");
+    if (lastCommaIndex > -1) {
+        return (
+            damageInfoWordingText.slice(0, lastCommaIndex) +
+            " and " +
+            damageInfoWordingText.slice(lastCommaIndex + 2, damageInfoWordingText.length)
+        );
+    }
+    return "";
+}
diff --git a/src/layouts/payment-method/payment-method.vue b/src/layouts/payment-method/payment-method.vue
index 00a06fd70..cd3743e34 100644
--- a/src/layouts/payment-method/payment-method.vue
+++ b/src/layouts/payment-method/payment-method.vue
@@ -223,7 +223,8 @@ export default {
             "payment-method"
         );
 
-        const reviewDropdownPromise = reviewDropdown.methods.loadInitialData();
+        // const reviewDropdownPromise = reviewDropdown.methods.loadInitialData();
+        // (removed temporarily for Heritage parity effort)
 
         const promiseResultMap = [
             {
@@ -238,10 +239,11 @@ export default {
                 resultKey: "rainDefense",
                 promise: rainDefensePromise,
             },
-            {
-                resultKey: "reviewDropdownData",
-                promise: reviewDropdownPromise,
-            },
+            // {
+            //     resultKey: "reviewDropdownData",
+            //     promise: reviewDropdownPromise,
+            // },
+            // (removed temporarily for Heritage parity effort)
         ];
 
         const resultMap = await settleAllPromises(promiseResultMap);
@@ -346,7 +348,8 @@ export default {
             );
             vm.updateFooterButtonText(vm.customCtaCopy);
 
-            vm.$refs.reviewDropdown.initializeComponent(resultMap.reviewDropdownData);
+            // vm.$refs.reviewDropdown.initializeComponent(resultMap.reviewDropdownData);
+            // (removed temporarily for Heritage parity effort)
 
             if (revalidatePromoResponse) {
                 const revalidateAlerts = buildToastMessagesFromRevalidateOrValidatePromoResponse(
@@ -892,6 +895,9 @@ export default {
             text-transform: lowercase;
         }
     }
+    :deep(.review-table p) {
+        margin: 0.25rem 0 0 0;
+    }
 }
 .checkbox-group {
     align-items: start;
diff --git a/src/layouts/payment-method/review-dropdown/review-dropdown.vue b/src/layouts/payment-method/review-dropdown/review-dropdown.vue
index 9b568d48f..9c7c446f4 100644
--- a/src/layouts/payment-method/review-dropdown/review-dropdown.vue
+++ b/src/layouts/payment-method/review-dropdown/review-dropdown.vue
@@ -15,30 +15,27 @@
         <div v-html="apptWordingText" v-show="!isExpanded"></div>
 
         <div class="review-table px-4">
-            <serviceLocationReview
+            <appointmentReview
                 class="service-location"
-                cmsWidgetName="ServiceLocationTitleWidget"
-                :serviceLocation="serviceLocationInfo" />
+                cmsWidgetName="AppointmentWidget"
+                :apptWordingText="apptWordingText" />
 
             <hr class="my-0" />
 
-            <scheduleReview cmsWidgetName="ScheduleWidget" :appointmentType="appointmentType" />
-
-            <hr class="my-0" />
-
-            <vehicleReview cmsWidgetName="VehicleReviewWidget" :vehicle="vehicleInfo" />
-
-            <hr class="my-0" />
-
-            <damageReview
+            <parityDamageReview
                 cmsWidgetName="DamageReviewWidget"
                 damageLocationsWidgetName="DamageLocationsWidget"
-                :damage="damageInfo" />
+                :damage="damageInfo"
+                :vehicle="vehicleInfo" />
 
             <hr class="my-0" />
 
             <customerReview cmsWidgetName="CustomerReviewWidget" :customer="customerInfo" />
 
+            <hr class="my-0" />
+
+            <optInReview cmsWidgetName="OptInReviewWidget" :customer="customerInfo" />
+
             <!-- the following was the order prior to Heritage parity
             <vehicleReview cmsWidgetName="VehicleReviewWidget" :vehicle="vehicleInfo" />
 
@@ -82,8 +79,11 @@
 import textBlock from "@/digital-components/text-block/text-block";
 
 import customerReview from "@/layouts/payment-method/review-dropdown/review-sections/customer-review/customer-review";
+import optInReview from "@/layouts/payment-method/review-dropdown/review-sections/opt-in-review/opt-in-review";
 import damageReview from "@/layouts/payment-method/review-dropdown/review-sections/damage-review/damage-review";
+import parityDamageReview from "@/layouts/payment-method/review-dropdown/review-sections/parity-damage-review/parity-damage-review";
 import scheduleReview from "@/layouts/payment-method/review-dropdown/review-sections/schedule-review/schedule-review";
+import appointmentReview from "@/layouts/payment-method/review-dropdown/review-sections/appointment-review/appointment-review";
 import serviceLocationReview from "@/layouts/payment-method/review-dropdown/review-sections/service-location-review/service-location-review";
 import servicePackageReview from "@/layouts/payment-method/review-dropdown/review-sections/service-package-review/service-package-review";
 import vehicleReview from "@/layouts/payment-method/review-dropdown/review-sections/vehicle-review/vehicle-review";
@@ -95,6 +95,7 @@ export default {
     props: {
         apptWordingText: String,
         serviceLocationFullAddress: String,
+        damageInfoHeader: String,
     },
     data() {
         return {
@@ -102,21 +103,22 @@ export default {
         };
     },
     methods: {
-        async loadInitialData() {
-            const servicePackageInitialDataPromise = servicePackageReview.methods.loadInitialData();
+        // the following was used prior to Heritage parity
+        // async loadInitialData() {
+        //     const servicePackageInitialDataPromise = servicePackageReview.methods.loadInitialData();
 
-            const promiseResultMap = [
-                {
-                    resultKey: "servicePackageData",
-                    promise: servicePackageInitialDataPromise,
-                },
-            ];
+        //     const promiseResultMap = [
+        //         {
+        //             resultKey: "servicePackageData",
+        //             promise: servicePackageInitialDataPromise,
+        //         },
+        //     ];
 
-            return settleAllPromises(promiseResultMap);
-        },
-        initializeComponent(apiResponses) {
-            this.$refs.servicePackageReview.initializeComponent(apiResponses.servicePackageData);
-        },
+        //     return settleAllPromises(promiseResultMap);
+        // },
+        // initializeComponent(apiResponses) {
+        //     this.$refs.servicePackageReview.initializeComponent(apiResponses.servicePackageData);
+        // },
         toggleIsExpanded() {
             this.isExpanded = !this.isExpanded;
         },
@@ -143,10 +145,9 @@ export default {
     },
     components: {
         customerReview,
-        damageReview,
-        scheduleReview,
-        vehicleReview,
-        serviceLocationReview,
+        optInReview,
+        appointmentReview,
+        parityDamageReview,
     },
 };
 </script>
@@ -163,6 +164,10 @@ export default {
     overflow: hidden;
     visibility: hidden;
 
+    & > :first-child {
+        margin-top: -0.75rem;
+    }
+
     :deep(.service-location) {
         .review-block-content {
             text-transform: capitalize;
diff --git a/src/layouts/payment-method/review-dropdown/review-sections/appointment-review/appointment-review.spec.js b/src/layouts/payment-method/review-dropdown/review-sections/appointment-review/appointment-review.spec.js
new file mode 100644
index 000000000..17e17b5cd
--- /dev/null
+++ b/src/layouts/payment-method/review-dropdown/review-sections/appointment-review/appointment-review.spec.js
@@ -0,0 +1,103 @@
+import { shallowMount } from "@vue/test-utils";
+import { getMountOptions } from "@/helpers/unit-test-helper.js";
+
+import appointmentReview from "@/layouts/payment-method/review-dropdown/review-sections/appointment-review/appointment-review";
+
+const testConstants = {
+    cms: {
+        header: {
+            text: "Appointment Details",
+        },
+    },
+    appointment: {
+        apptWordingText:
+            "September 10, 2025 arriving between 9:00 AM — 11:00 AM at 123 Main St, anytown, OH 43215",
+    },
+    displayContent: {
+        apptWordingText:
+            "September 10, 2025 arriving between 9:00 AM — 11:00 AM at 123 Main St, anytown, OH 43215",
+    },
+};
+
+let cmsContent;
+
+describe("Appointment Review Block", () => {
+    beforeEach(() => {
+        cmsContent = {
+            AppointmentWidget: {
+                HeaderText: testConstants.cms.header.text,
+            },
+        };
+    });
+
+    test("Should display header text from cms", async () => {
+        // Arrange
+        let props = generateDefaultProps();
+
+        const { wrapper } = setupMocks({
+            propsData: props,
+        });
+
+        // Act
+        await wrapper.vm.$nextTick();
+
+        // Assert
+        expect(wrapper.vm.headerText).toEqual(testConstants.cms.header.text);
+    });
+
+    test("Should render correct display content", async () => {
+        // Arrange
+        let props = generateDefaultProps();
+
+        const { wrapper } = setupMocks({
+            propsData: props,
+        });
+
+        // Act
+        await wrapper.vm.$nextTick();
+
+        // Assert
+        expect(wrapper.vm.displayContent).toEqual([testConstants.displayContent.apptWordingText]);
+    });
+
+    test("Should emit edit-clicked when editClicked method is called", async () => {
+        // Arrange
+        let props = generateDefaultProps();
+
+        const { wrapper } = setupMocks({
+            propsData: props,
+        });
+
+        // Act
+        wrapper.vm.editClicked();
+        await wrapper.vm.$nextTick();
+
+        // Assert
+        expect(wrapper.emitted("edit-clicked")).toBeTruthy();
+    });
+});
+
+function generateDefaultProps() {
+    return {
+        cmsWidgetName: "AppointmentWidget",
+        apptWordingText: testConstants.appointment.apptWordingText,
+    };
+}
+
+function setupMocks(customMountOptions) {
+    const mountOptions = getMountOptions(customMountOptions);
+
+    const mockMixin = {
+        methods: {
+            getCmsContent: jest.fn((widgetName, cmsFieldName) => {
+                return cmsContent?.[widgetName]?.[cmsFieldName] ?? "";
+            }),
+        },
+    };
+
+    mountOptions.global.mixins = [mockMixin];
+
+    const wrapper = shallowMount(appointmentReview, mountOptions);
+    wrapper.vm.setCmsContent = jest.fn();
+    return { wrapper };
+}
diff --git a/src/layouts/payment-method/review-dropdown/review-sections/appointment-review/appointment-review.vue b/src/layouts/payment-method/review-dropdown/review-sections/appointment-review/appointment-review.vue
new file mode 100644
index 000000000..f35faaba0
--- /dev/null
+++ b/src/layouts/payment-method/review-dropdown/review-sections/appointment-review/appointment-review.vue
@@ -0,0 +1,38 @@
+<template>
+    <reviewBlock
+        :customHeaderText="headerText"
+        :content="displayContent"
+        @edit-clicked="editClicked" />
+</template>
+
+<script>
+import reviewBlock from "@/layouts/payment-method/review-dropdown/review-block/review-block";
+import { AppointmentTypeStrings } from "@/constants/schedule-constants";
+
+export default {
+    name: "appointment-review",
+    props: {
+        cmsWidgetName: String,
+        apptWordingText: String,
+    },
+    data() {
+        return {};
+    },
+    methods: {
+        editClicked() {
+            this.$emit("edit-clicked");
+        },
+    },
+    computed: {
+        displayContent() {
+            return [this.apptWordingText];
+        },
+        headerText() {
+            return this.getCmsContent(this.cmsWidgetName, "HeaderText");
+        },
+    },
+    components: {
+        reviewBlock,
+    },
+};
+</script>
diff --git a/src/layouts/payment-method/review-dropdown/review-sections/customer-review/customer-review.spec.js b/src/layouts/payment-method/review-dropdown/review-sections/customer-review/customer-review.spec.js
index 08dac9e5e..4ca5a8284 100644
--- a/src/layouts/payment-method/review-dropdown/review-sections/customer-review/customer-review.spec.js
+++ b/src/layouts/payment-method/review-dropdown/review-sections/customer-review/customer-review.spec.js
@@ -13,17 +13,17 @@ const testConstants = {
         },
     },
     customer: {
-        firstName: "First",
-        lastName: "Last",
+        // firstName: "First",
+        // lastName: "Last",
         phoneNumber: "111-111-1111",
         emailAddress: "builddigitaltest@safelite.com",
-        isSmsOptIn: false,
+        // isSmsOptIn: false,
     },
     displayContent: {
-        fullName: "First Last",
+        // fullName: "First Last",
         phoneNumber: "111-111-1111",
         emailAddress: "builddigitaltest@safelite.com",
-        smsOptIn: "Sms",
+        // smsOptIn: "Sms",
     },
 };
 
@@ -54,20 +54,20 @@ describe("Customer Review Block", () => {
         expect(wrapper.vm.header).toEqual(testConstants.cms.header.text);
     });
 
-    test("Should display sms text from cms", async () => {
-        // Arrange
-        let props = generateDefaultProps();
+    // test("Should display sms text from cms", async () => {
+    //     // Arrange
+    //     let props = generateDefaultProps();
 
-        const { wrapper } = setupMocks({
-            propsData: props,
-        });
+    //     const { wrapper } = setupMocks({
+    //         propsData: props,
+    //     });
 
-        // Act
-        await wrapper.vm.$nextTick();
+    //     // Act
+    //     await wrapper.vm.$nextTick();
 
-        // Assert
-        expect(wrapper.vm.smsOptIn).toEqual(testConstants.cms.sms.text);
-    });
+    //     // Assert
+    //     expect(wrapper.vm.smsOptIn).toEqual(testConstants.cms.sms.text);
+    // });
 
     test("Should render correct display content", async () => {
         // Arrange
@@ -84,7 +84,7 @@ describe("Customer Review Block", () => {
         expect(wrapper.vm.displayContent).toEqual([
             testConstants.displayContent.emailAddress,
             testConstants.displayContent.phoneNumber,
-            testConstants.displayContent.smsOptIn,
+            // testConstants.displayContent.smsOptIn,
         ]);
     });
 });
@@ -93,11 +93,11 @@ function generateDefaultProps() {
     return {
         cmsWidgetName: "CustomerWidget",
         customer: {
-            firstName: testConstants.customer.firstName,
-            lastName: testConstants.customer.lastName,
+            // firstName: testConstants.customer.firstName,
+            // lastName: testConstants.customer.lastName,
             phoneNumber: testConstants.customer.phoneNumber,
             emailAddress: testConstants.customer.emailAddress,
-            isSmsOptIn: testConstants.customer.isSmsOptIn,
+            // isSmsOptIn: testConstants.customer.isSmsOptIn,
         },
     };
 }
diff --git a/src/layouts/payment-method/review-dropdown/review-sections/customer-review/customer-review.vue b/src/layouts/payment-method/review-dropdown/review-sections/customer-review/customer-review.vue
index 0aa384682..af11abf34 100644
--- a/src/layouts/payment-method/review-dropdown/review-sections/customer-review/customer-review.vue
+++ b/src/layouts/payment-method/review-dropdown/review-sections/customer-review/customer-review.vue
@@ -21,7 +21,7 @@ export default {
     },
     computed: {
         displayContent() {
-            return [this.email, this.phoneNumber, this.smsOptIn];
+            return [this.email, this.phoneNumber];
             // return [this.fullName, this.email, this.phoneNumber, this.smsOptIn]; // prior to Heritage parity
         },
         header() {
diff --git a/src/layouts/payment-method/review-dropdown/review-sections/opt-in-review/opt-in-review.spec.js b/src/layouts/payment-method/review-dropdown/review-sections/opt-in-review/opt-in-review.spec.js
new file mode 100644
index 000000000..32c9e24f4
--- /dev/null
+++ b/src/layouts/payment-method/review-dropdown/review-sections/opt-in-review/opt-in-review.spec.js
@@ -0,0 +1,141 @@
+import { shallowMount } from "@vue/test-utils";
+import { getMountOptions } from "@/helpers/unit-test-helper.js";
+
+import optInReview from "@/layouts/payment-method/review-dropdown/review-sections/opt-in-review/opt-in-review";
+
+const testConstants = {
+    cms: {
+        header: {
+            text: "Text Message Updates",
+        },
+        bodyText: {
+            text: "We'll send appointment updates to {custom:SMSNUMBER}",
+        },
+        processedBodyText: {
+            text: "We'll send appointment updates to 111-111-1111",
+        },
+    },
+    customer: {
+        phoneNumber: "111-111-1111",
+    },
+    displayContent: {
+        processedBodyText: "We'll send appointment updates to 111-111-1111",
+    },
+};
+
+let cmsContent;
+
+describe("Opt-In Review Block", () => {
+    beforeEach(() => {
+        cmsContent = {
+            OptInWidget: {
+                HeaderText: testConstants.cms.header.text,
+                BodyText: testConstants.cms.bodyText.text,
+            },
+        };
+    });
+
+    test("Should display header text from cms", async () => {
+        // Arrange
+        let props = generateDefaultProps();
+
+        const { wrapper } = setupMocks({
+            propsData: props,
+        });
+
+        // Act
+        await wrapper.vm.$nextTick();
+
+        // Assert
+        expect(wrapper.vm.header).toEqual(testConstants.cms.header.text);
+    });
+
+    test("Should render correct display content with phone number replacement", async () => {
+        // Arrange
+        let props = generateDefaultProps();
+
+        const { wrapper } = setupMocks({
+            propsData: props,
+        });
+
+        // Act
+        await wrapper.vm.$nextTick();
+
+        // Assert
+        expect(wrapper.vm.displayContent).toEqual([testConstants.displayContent.processedBodyText]);
+    });
+
+    test("Should return customer phone number", async () => {
+        // Arrange
+        let props = generateDefaultProps();
+
+        const { wrapper } = setupMocks({
+            propsData: props,
+        });
+
+        // Act
+        await wrapper.vm.$nextTick();
+
+        // Assert
+        expect(wrapper.vm.phoneNumber).toEqual(testConstants.customer.phoneNumber);
+    });
+
+    test("Should emit edit-clicked when editClicked method is called", async () => {
+        // Arrange
+        let props = generateDefaultProps();
+
+        const { wrapper } = setupMocks({
+            propsData: props,
+        });
+
+        // Act
+        wrapper.vm.editClicked();
+        await wrapper.vm.$nextTick();
+
+        // Assert
+        expect(wrapper.emitted("edit-clicked")).toBeTruthy();
+    });
+
+    test("Should handle missing customer gracefully", async () => {
+        // Arrange
+        let props = generateDefaultProps();
+        props.customer = null;
+
+        const { wrapper } = setupMocks({
+            propsData: props,
+        });
+
+        // Act
+        await wrapper.vm.$nextTick();
+
+        // Assert
+        expect(wrapper.vm.phoneNumber).toBeUndefined();
+    });
+});
+
+function generateDefaultProps() {
+    return {
+        cmsWidgetName: "OptInWidget",
+        customer: {
+            phoneNumber: testConstants.customer.phoneNumber,
+        },
+    };
+}
+
+function setupMocks(customMountOptions) {
+    const mountOptions = getMountOptions(customMountOptions);
+
+    const mockMixin = {
+        methods: {
+            getCmsContent: jest.fn((widgetName, cmsFieldName) => {
+                return cmsContent?.[widgetName]?.[cmsFieldName] ?? "";
+            }),
+        },
+    };
+
+    mountOptions.global.mixins = [mockMixin];
+
+    const wrapper = shallowMount(optInReview, mountOptions);
+    wrapper.vm.setCmsContent = jest.fn();
+    return { wrapper };
+}
diff --git a/src/layouts/payment-method/review-dropdown/review-sections/opt-in-review/opt-in-review.vue b/src/layouts/payment-method/review-dropdown/review-sections/opt-in-review/opt-in-review.vue
new file mode 100644
index 000000000..54a8d248e
--- /dev/null
+++ b/src/layouts/payment-method/review-dropdown/review-sections/opt-in-review/opt-in-review.vue
@@ -0,0 +1,42 @@
+<template>
+    <reviewBlock :customHeaderText="header" :content="displayContent" @edit-clicked="editClicked" />
+</template>
+
+<script>
+import reviewBlock from "@/layouts/payment-method/review-dropdown/review-block/review-block";
+
+export default {
+    name: "opt-in-review",
+    props: {
+        cmsWidgetName: String,
+        customer: Object,
+    },
+    data() {
+        return {};
+    },
+    methods: {
+        editClicked() {
+            this.$emit("edit-clicked");
+        },
+    },
+    computed: {
+        displayContent() {
+            return [
+                this.getCmsContent(this.cmsWidgetName, "BodyText")?.replaceAll(
+                    "{custom:SMSNUMBER}",
+                    this.phoneNumber
+                ),
+            ];
+        },
+        header() {
+            return this.getCmsContent(this.cmsWidgetName, "HeaderText");
+        },
+        phoneNumber() {
+            return this.customer?.phoneNumber;
+        },
+    },
+    components: {
+        reviewBlock,
+    },
+};
+</script>
diff --git a/src/layouts/payment-method/review-dropdown/review-sections/parity-damage-review/parity-damage-review.spec.js b/src/layouts/payment-method/review-dropdown/review-sections/parity-damage-review/parity-damage-review.spec.js
new file mode 100644
index 000000000..a4a93c52e
--- /dev/null
+++ b/src/layouts/payment-method/review-dropdown/review-sections/parity-damage-review/parity-damage-review.spec.js
@@ -0,0 +1,149 @@
+import { shallowMount } from "@vue/test-utils";
+import { getMountOptions } from "@/helpers/unit-test-helper.js";
+import { getDamageInfoWordingText } from "@/helpers/damage-helper";
+
+import parityDamageReview from "@/layouts/payment-method/review-dropdown/review-sections/parity-damage-review/parity-damage-review";
+
+// Mock the damage helper
+jest.mock("@/helpers/damage-helper", () => ({
+    getDamageInfoWordingText: jest.fn(),
+}));
+
+const testConstants = {
+    cms: {
+        damageInfoHeader: {
+            text: "We'll replace your {custom:GLASSPARTS}",
+        },
+        processedHeader: {
+            text: "We'll replace your windshield and passenger side window",
+        },
+    },
+    vehicle: {
+        year: "2020",
+        make: "Honda",
+        model: "Civic",
+    },
+    damage: {
+        glassType: "windshield",
+        location: "passenger",
+    },
+    damageInfoWordingText: "windshield and passenger side window",
+    displayContent: {
+        vehicleInfo: "2020 Honda Civic",
+    },
+};
+
+let cmsContent;
+
+describe("Parity Damage Review Block", () => {
+    beforeEach(() => {
+        cmsContent = {
+            DamageInfoHeaderWidget: {
+                Text: testConstants.cms.damageInfoHeader.text,
+            },
+        };
+
+        // Mock the damage helper function
+        getDamageInfoWordingText.mockReturnValue(testConstants.damageInfoWordingText);
+    });
+
+    afterEach(() => {
+        jest.clearAllMocks();
+    });
+
+    test("Should display processed damage info header text with custom replacement", async () => {
+        // Arrange
+        let props = generateDefaultProps();
+
+        const { wrapper } = setupMocks({
+            propsData: props,
+        });
+
+        // Act
+        await wrapper.vm.$nextTick();
+
+        // Assert
+        expect(wrapper.vm.damageInfoHeader).toEqual(testConstants.cms.processedHeader.text);
+    });
+
+    test("Should render correct display content with vehicle information", async () => {
+        // Arrange
+        let props = generateDefaultProps();
+
+        const { wrapper } = setupMocks({
+            propsData: props,
+        });
+
+        // Act
+        await wrapper.vm.$nextTick();
+
+        // Assert
+        expect(wrapper.vm.displayContent).toEqual([testConstants.displayContent.vehicleInfo]);
+    });
+
+    test("Should call getDamageInfoWordingText with damage prop", async () => {
+        // Arrange
+        let props = generateDefaultProps();
+
+        const { wrapper } = setupMocks({
+            propsData: props,
+        });
+
+        // Act
+        await wrapper.vm.$nextTick();
+        const result = wrapper.vm.damageInfoWordingText;
+
+        // Assert
+        expect(getDamageInfoWordingText).toHaveBeenCalledWith(testConstants.damage);
+        expect(result).toEqual(testConstants.damageInfoWordingText);
+    });
+
+    test("Should emit edit-clicked when editClicked method is called", async () => {
+        // Arrange
+        let props = generateDefaultProps();
+
+        const { wrapper } = setupMocks({
+            propsData: props,
+        });
+
+        // Act
+        wrapper.vm.editClicked();
+        await wrapper.vm.$nextTick();
+
+        // Assert
+        expect(wrapper.emitted("edit-clicked")).toBeTruthy();
+    });
+});
+
+function generateDefaultProps() {
+    return {
+        cmsWidgetName: "DamageReviewWidget",
+        vehicle: {
+            year: testConstants.vehicle.year,
+            make: testConstants.vehicle.make,
+            model: testConstants.vehicle.model,
+        },
+        damage: {
+            glassType: testConstants.damage.glassType,
+            location: testConstants.damage.location,
+        },
+    };
+}
+
+function setupMocks(customMountOptions) {
+    const mountOptions = getMountOptions(customMountOptions);
+
+    const mockMixin = {
+        methods: {
+            getCmsContent: jest.fn((widgetName, cmsFieldName) => {
+                return cmsContent?.[widgetName]?.[cmsFieldName] ?? "";
+            }),
+        },
+    };
+
+    mountOptions.global.mixins = [mockMixin];
+
+    const wrapper = shallowMount(parityDamageReview, mountOptions);
+    wrapper.vm.setCmsContent = jest.fn();
+    return { wrapper };
+}
diff --git a/src/layouts/payment-method/review-dropdown/review-sections/parity-damage-review/parity-damage-review.vue b/src/layouts/payment-method/review-dropdown/review-sections/parity-damage-review/parity-damage-review.vue
new file mode 100644
index 000000000..5d61b41fb
--- /dev/null
+++ b/src/layouts/payment-method/review-dropdown/review-sections/parity-damage-review/parity-damage-review.vue
@@ -0,0 +1,46 @@
+<template>
+    <reviewBlock
+        :headerCmsWidgetName="cmsWidgetName"
+        :content="displayContent"
+        :customHeaderText="damageInfoHeader"
+        @edit-clicked="editClicked" />
+</template>
+
+<script>
+import reviewBlock from "@/layouts/payment-method/review-dropdown/review-block/review-block";
+import { getDamageInfoWordingText } from "@/helpers/damage-helper";
+
+export default {
+    name: "vehicle-review",
+    props: {
+        cmsWidgetName: String,
+        vehicle: Object,
+        damage: Object,
+    },
+    data() {
+        return {};
+    },
+    methods: {
+        editClicked() {
+            this.$emit("edit-clicked");
+        },
+    },
+    computed: {
+        displayContent() {
+            return [`${this.vehicle.year} ${this.vehicle.make} ${this.vehicle.model}`];
+        },
+        damageInfoWordingText() {
+            return getDamageInfoWordingText(this.damage);
+        },
+        damageInfoHeader() {
+            return this.getCmsContent("DamageInfoHeaderWidget", "Text")?.replaceAll(
+                "{custom:GLASSPARTS}",
+                this.damageInfoWordingText
+            );
+        },
+    },
+    components: {
+        reviewBlock,
+    },
+};
+</script>

From 501576630956cdfe02a38beafd7d0ec10babac34 Mon Sep 17 00:00:00 2001
From: Johnny shultz <John.Shultz@safelite.com>
Date: Mon, 8 Sep 2025 09:51:47 -0400
Subject: [PATCH 04/18] CASH-1480

CASH-1480 right aligned price for insurance in mobile view when user can use afterpay
---
 .../service-package-radio-for-afterpay.vue    | 41 +++++++++++++++++++
 1 file changed, 41 insertions(+)

diff --git a/src/experiment-components/service-package-radio-for-afterpay.vue b/src/experiment-components/service-package-radio-for-afterpay.vue
index 7a3a42278..ecb9fce5c 100644
--- a/src/experiment-components/service-package-radio-for-afterpay.vue
+++ b/src/experiment-components/service-package-radio-for-afterpay.vue
@@ -214,6 +214,47 @@ export default {
 
                 &.is-insurance {
                     padding-bottom: 3rem;
+                    
+                    @include media-breakpoint-down(md) {
+                        padding-bottom: 0.75rem;
+                        .pricing-info {
+                            top: 0.75rem;
+                            right: 0.75rem;
+                            bottom: auto;
+                            left: auto;
+                            width: auto;
+                            margin: 0;
+                            text-align: end;
+                            max-width: 60%;
+                        }
+                        
+                        @media (max-width: 320px) {
+                            min-height: 80px;
+                            max-height: 120px;
+                            
+                            .pricing-info {
+                                top: 2.1rem;
+                                right: auto;
+                                left: 2.3rem;
+                                bottom: auto;
+                                position: absolute;
+                                width: calc(100% - 2.5rem);
+                                text-align: left;
+                                max-width: none;
+                            }
+                        }
+                        
+                        &.has-subheader {
+                            @media (max-width: 320px) {
+                                min-height: 100px;
+                                max-height: 160px;
+                                
+                                .pricing-info {
+                                    top: 3.9rem;
+                                }
+                            }
+                        }
+                    }
                 }
 
                 &.has-subheader {

From 318904473f029dc52973a6a8db3735445c412f87 Mon Sep 17 00:00:00 2001
From: Johnny shultz <John.Shultz@safelite.com>
Date: Mon, 8 Sep 2025 09:57:15 -0400
Subject: [PATCH 05/18] CASH-1480

CASH-1480 formatting
---
 .../service-package-radio-for-afterpay.vue             | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/experiment-components/service-package-radio-for-afterpay.vue b/src/experiment-components/service-package-radio-for-afterpay.vue
index ecb9fce5c..2e746e4f2 100644
--- a/src/experiment-components/service-package-radio-for-afterpay.vue
+++ b/src/experiment-components/service-package-radio-for-afterpay.vue
@@ -214,7 +214,7 @@ export default {
 
                 &.is-insurance {
                     padding-bottom: 3rem;
-                    
+
                     @include media-breakpoint-down(md) {
                         padding-bottom: 0.75rem;
                         .pricing-info {
@@ -227,11 +227,11 @@ export default {
                             text-align: end;
                             max-width: 60%;
                         }
-                        
+
                         @media (max-width: 320px) {
                             min-height: 80px;
                             max-height: 120px;
-                            
+
                             .pricing-info {
                                 top: 2.1rem;
                                 right: auto;
@@ -243,12 +243,12 @@ export default {
                                 max-width: none;
                             }
                         }
-                        
+
                         &.has-subheader {
                             @media (max-width: 320px) {
                                 min-height: 100px;
                                 max-height: 160px;
-                                
+
                                 .pricing-info {
                                     top: 3.9rem;
                                 }

From 965e2b9a35ed71ad3bcb7c7ab9df4d1e8e695992 Mon Sep 17 00:00:00 2001
From: Chris Redelinghuys <chris.redelinghuys@safelite.com>
Date: Mon, 8 Sep 2025 10:33:52 -0400
Subject: [PATCH 06/18] CASH-1496: On successful promo added, remove
 corresponding error message

---
 src/fmg-components/funnel-header/funnel-header.vue |  9 +++++++++
 src/layouts/payment-method/payment-method.vue      | 12 ++++++++++++
 2 files changed, 21 insertions(+)

diff --git a/src/fmg-components/funnel-header/funnel-header.vue b/src/fmg-components/funnel-header/funnel-header.vue
index f4ece2932..7ce4c814d 100644
--- a/src/fmg-components/funnel-header/funnel-header.vue
+++ b/src/fmg-components/funnel-header/funnel-header.vue
@@ -108,6 +108,15 @@ export default {
             }
             this.globalAlertMessages.push(alertToPush);
         },
+        removeGlobalAlert(alertId) {
+            const alertIndex = this.globalAlertMessages.findIndex((alert) => alert.id === alertId);
+            if (alertIndex !== -1) {
+                this.globalAlertMessages.splice(alertIndex, 1);
+            }
+        },
+        getGlobalAlerts() {
+            return this.globalAlertMessages;
+        },
         webchatClicked(event) {
             event.preventDefault();
             this.launchWebchat();
diff --git a/src/layouts/payment-method/payment-method.vue b/src/layouts/payment-method/payment-method.vue
index 00a06fd70..111e10315 100644
--- a/src/layouts/payment-method/payment-method.vue
+++ b/src/layouts/payment-method/payment-method.vue
@@ -847,6 +847,18 @@ export default {
                         (newPromo) => !oldPromoCodes.includes(newPromo.promoCode)
                     );
 
+                    // Remove any existing promo error alerts for this promo code
+                    const existingAlerts = this.$refs.funnelHeader.getGlobalAlerts();
+                    if (existingAlerts.length > 0) {
+                        const errorPromoAlertToRemove = existingAlerts.find(
+                            (alert) =>
+                                alert.messageHeadline === "Promo code error" &&
+                                alert.messageCopy.includes(newlyActivatedPromoCodes[0].promoCode)
+                        );
+                        errorPromoAlertToRemove &&
+                            this.$refs.funnelHeader.removeGlobalAlert(errorPromoAlertToRemove.id);
+                    }
+
                     const alert = createPromoSuccessAlert(newlyActivatedPromoCodes[0].promoCode);
                     this.$refs.funnelHeader.pushGlobalAlert(alert, alert.shouldAutoFade);
                 } else if (

From 9974244719a6b00faa602835ddfd607c993fe7d3 Mon Sep 17 00:00:00 2001
From: AdamCaouetteSafelite <adam.caouette@safelite.com>
Date: Tue, 9 Sep 2025 06:55:56 -0400
Subject: [PATCH 07/18] CASH-1437: fix #1 for button shadow

---
 src/ux-components/list-button/list-button.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/ux-components/list-button/list-button.vue b/src/ux-components/list-button/list-button.vue
index ebc137866..293f29d73 100644
--- a/src/ux-components/list-button/list-button.vue
+++ b/src/ux-components/list-button/list-button.vue
@@ -79,7 +79,7 @@ export default {
             color: $black;
             font-weight: 500;
             background: $blue-100;
-            box-shadow: 0 0 0 1px $blue;
+            border: 1px solid $blue;
         }
         &:checked:focus + .list-button-content {
             box-shadow: 0 0 0 2.5px $blue;

From 7d015707c03af4d9316611850bd5a023aac3da54 Mon Sep 17 00:00:00 2001
From: AdamCaouetteSafelite <adam.caouette@safelite.com>
Date: Tue, 9 Sep 2025 07:33:01 -0400
Subject: [PATCH 08/18] CASH-1437: fix #2 for hop form drop shadow

---
 public/css/hop-styling.css   | 1 +
 public/scss/hop-styling.scss | 1 +
 2 files changed, 2 insertions(+)

diff --git a/public/css/hop-styling.css b/public/css/hop-styling.css
index da2f3ef22..d46039051 100644
--- a/public/css/hop-styling.css
+++ b/public/css/hop-styling.css
@@ -53,6 +53,7 @@ body select {
   background-color: #fff;
   font-family: Urbanist, Arial, Helvetica, sans-serif;
   font-weight: 400;
+  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
 }
 body input:focus, body input:focus-visible,
 body select:focus,
diff --git a/public/scss/hop-styling.scss b/public/scss/hop-styling.scss
index d3afaf985..9f6711f1c 100644
--- a/public/scss/hop-styling.scss
+++ b/public/scss/hop-styling.scss
@@ -63,6 +63,7 @@ body {
         background-color: #fff;
         font-family: Urbanist, Arial, Helvetica, sans-serif;
         font-weight: 400;
+        box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.2);
         &:focus,
         &:focus-visible {
             box-shadow: 0 0 0 2.5px #1574a1;

From 1b0f4510d14c3e84c94c4b6c08c501a520bfc534 Mon Sep 17 00:00:00 2001
From: AdamCaouetteSafelite <adam.caouette@safelite.com>
Date: Tue, 9 Sep 2025 07:36:37 -0400
Subject: [PATCH 09/18] CASH-1437: fix #3 for heritage parity, color

---
 src/layouts/estimate/estimate.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/layouts/estimate/estimate.vue b/src/layouts/estimate/estimate.vue
index 75ca29ddf..68dbe3426 100644
--- a/src/layouts/estimate/estimate.vue
+++ b/src/layouts/estimate/estimate.vue
@@ -286,5 +286,6 @@ export default {
 .select-option {
     font-family: UrbanistSemibold, Arial, Helvetica, sans-serif;
     font-weight: 600;
+    color: $black;
 }
 </style>

From c73474208a28fa901229912caad2f7bbca28cb24 Mon Sep 17 00:00:00 2001
From: AdamCaouetteSafelite <adam.caouette@safelite.com>
Date: Tue, 9 Sep 2025 07:46:33 -0400
Subject: [PATCH 10/18] CASH-1437: fix #4 for blank background

---
 src/layouts/quote/quote.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue
index d453964c4..5feb7ea4a 100644
--- a/src/layouts/quote/quote.vue
+++ b/src/layouts/quote/quote.vue
@@ -899,6 +899,9 @@ export default {
 
 <style lang="scss" scoped>
 // Unique to quote page for 2.0/Heritage parity
+.prevent-modal-scroll.modal-open .container.quote .row:not(.save-progress-popup) {
+    opacity: 0;
+}
 .quote {
     padding-bottom: 2rem;
 

From f269a7839d4f186a4ea359fad338359d7dd0b7a1 Mon Sep 17 00:00:00 2001
From: AdamCaouetteSafelite <adam.caouette@safelite.com>
Date: Tue, 9 Sep 2025 07:49:28 -0400
Subject: [PATCH 11/18] CASH-1437: fix #8 adjust spacing

---
 src/layouts/quote/quote.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue
index 5feb7ea4a..92ac798eb 100644
--- a/src/layouts/quote/quote.vue
+++ b/src/layouts/quote/quote.vue
@@ -57,7 +57,7 @@
                         alertClass="alert-info" />
 
                     <promoModalQuestion
-                        class="mt-6 d-flex"
+                        class="mt-4 d-flex"
                         v-model="lineItems"
                         :addableVaps="addableVaps"
                         pageName="quote"

From 2fa317639da37046506cf6dd6dfc0de83e2edfda Mon Sep 17 00:00:00 2001
From: AdamCaouetteSafelite <adam.caouette@safelite.com>
Date: Tue, 9 Sep 2025 07:59:57 -0400
Subject: [PATCH 12/18] CASH-1437: fix #11 for afterpay block

---
 .../quote/afterpay-modal-banner/afterpay-modal-banner.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue b/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue
index 812dc1130..d51988ee4 100644
--- a/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue
+++ b/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue
@@ -20,8 +20,8 @@
                     <span v-else>{{ getInlineAltText(token) }}</span>
                 </span>
                 <span v-else v-html="token"></span>
+                <span class="nbsp">&nbsp;</span>
             </span>
-            &nbsp;
             <a
                 id="afterpay-learnmore"
                 href="#"
@@ -139,7 +139,7 @@ export default {
         line-height: 2rem;
         @include media-breakpoint-down(md) {
             border-bottom: 1px solid;
-            padding-bottom: 1rem;
+            padding-bottom: .5rem;
             width: 100%;
             justify-content: center;
 
@@ -170,4 +170,8 @@ export default {
         font-size: 0.875rem;
     }
 }
+#afterpay-learnmore {
+    font-weight: 600;
+    font-size: 0.875rem;
+}
 </style>

From 737da37e356b9fa0f74d729d80d7bea1627fc77e Mon Sep 17 00:00:00 2001
From: AdamCaouetteSafelite <adam.caouette@safelite.com>
Date: Tue, 9 Sep 2025 09:17:34 -0400
Subject: [PATCH 13/18] CASH-1437: fix #9 for schedule

---
 .../quote/afterpay-modal-banner/afterpay-modal-banner.vue       | 2 +-
 src/layouts/schedule/schedule.vue                               | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue b/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue
index d51988ee4..3b0e0042a 100644
--- a/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue
+++ b/src/layouts/quote/afterpay-modal-banner/afterpay-modal-banner.vue
@@ -139,7 +139,7 @@ export default {
         line-height: 2rem;
         @include media-breakpoint-down(md) {
             border-bottom: 1px solid;
-            padding-bottom: .5rem;
+            padding-bottom: 0.5rem;
             width: 100%;
             justify-content: center;
 
diff --git a/src/layouts/schedule/schedule.vue b/src/layouts/schedule/schedule.vue
index 192273f49..6f1cf5e8b 100644
--- a/src/layouts/schedule/schedule.vue
+++ b/src/layouts/schedule/schedule.vue
@@ -1794,7 +1794,7 @@ export default {
     text-underline-offset: 4px;
 }
 
-.text-block.duration-text-block b {
+:deep(.text-block.duration-text-block b) {
     font-family: UrbanistSemibold;
 }
 :deep(.alert-warning.widget-name-AlertRecalNoMobileWidget .alert-heading),

From ad5326d7cbd7fdaeb0db83ff5cfb58661ec96290 Mon Sep 17 00:00:00 2001
From: AdamCaouetteSafelite <adam.caouette@safelite.com>
Date: Tue, 9 Sep 2025 09:49:01 -0400
Subject: [PATCH 14/18] CASH-1437: fix #5 for spacing

---
 src/layouts/schedule/time-slot-question/time-slot-question.vue | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/layouts/schedule/time-slot-question/time-slot-question.vue b/src/layouts/schedule/time-slot-question/time-slot-question.vue
index 418f7e77b..900db972d 100644
--- a/src/layouts/schedule/time-slot-question/time-slot-question.vue
+++ b/src/layouts/schedule/time-slot-question/time-slot-question.vue
@@ -15,7 +15,7 @@
                 <alert
                     v-if="shouldDisplayDropOffAlert"
                     ref="alertDropoffInformation"
-                    class="mb-4 drop-off-alert"
+                    class="mt-4 mb-4 drop-off-alert"
                     :cmsWidgetName="dropOffTimeSlotAlertCMSWidgetName"
                     alertClass="alert-info"
                     v-bind:isDismissible="false" />

From 2c1e1c25d7254722d47f6d21bdedc5ab9d50ecee Mon Sep 17 00:00:00 2001
From: AdamCaouetteSafelite <adam.caouette@safelite.com>
Date: Tue, 9 Sep 2025 09:52:03 -0400
Subject: [PATCH 15/18] CASH-1437: fix #7 for font size

---
 src/layouts/mobile-details/mobile-details.vue | 3 +++
 1 file changed, 3 insertions(+)

diff --git a/src/layouts/mobile-details/mobile-details.vue b/src/layouts/mobile-details/mobile-details.vue
index bd41dd86c..1c1a48249 100644
--- a/src/layouts/mobile-details/mobile-details.vue
+++ b/src/layouts/mobile-details/mobile-details.vue
@@ -240,4 +240,7 @@ export default {
     color: $gray-600;
     font-family: UrbanistRegular;
 }
+:deep(.caption) {
+    font-size: 0.875rem;
+}
 </style>

From 15361af14c0ebd87a5d2d2714cb0b0e4c4c012d2 Mon Sep 17 00:00:00 2001
From: AdamCaouetteSafelite <adam.caouette@safelite.com>
Date: Tue, 9 Sep 2025 13:12:06 -0400
Subject: [PATCH 16/18] CASH-1501: remove problematic fix for CASH-1437

---
 src/layouts/quote/quote.vue | 3 ---
 1 file changed, 3 deletions(-)

diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue
index 92ac798eb..61078a1ef 100644
--- a/src/layouts/quote/quote.vue
+++ b/src/layouts/quote/quote.vue
@@ -899,9 +899,6 @@ export default {
 
 <style lang="scss" scoped>
 // Unique to quote page for 2.0/Heritage parity
-.prevent-modal-scroll.modal-open .container.quote .row:not(.save-progress-popup) {
-    opacity: 0;
-}
 .quote {
     padding-bottom: 2rem;
 

From 374b694c02c8358f9a6a96dd7313dc7d43afab64 Mon Sep 17 00:00:00 2001
From: AdamCaouetteSafelite <adam.caouette@safelite.com>
Date: Tue, 9 Sep 2025 13:44:09 -0400
Subject: [PATCH 17/18] CASH-1498: really specific update to CSS selector to
 fix button width on Quote; last change before important gets pulled out of
 the toolbox

---
 src/layouts/quote/quote.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/layouts/quote/quote.vue b/src/layouts/quote/quote.vue
index 61078a1ef..18252e66f 100644
--- a/src/layouts/quote/quote.vue
+++ b/src/layouts/quote/quote.vue
@@ -904,9 +904,12 @@ export default {
 
     :deep(.nav-bar) {
         position: initial;
-        button {
-            width: 100%;
-            justify-content: center;
+
+        @media only screen and (min-width: 340px) {
+            .col button {
+                width: 100%;
+                justify-content: center;
+            }
         }
         a.navigation-link {
             position: absolute;

From 32395187a69be06231e022702affeb5a2f8ccdec Mon Sep 17 00:00:00 2001
From: Minojhini Valaiyapathi <minojhini.valaiyapathi@safelite.com>
Date: Thu, 11 Sep 2025 10:54:03 -0400
Subject: [PATCH 18/18] CASH-1348 - Fixed merging issues for inShopProviders
 property

---
 .../service-location/shop-question/shop-question-popup.vue   | 2 +-
 src/layouts/vehicle/vehicle.vue                              | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/layouts/service-location/shop-question/shop-question-popup.vue b/src/layouts/service-location/shop-question/shop-question-popup.vue
index 6597d98f8..58871decc 100644
--- a/src/layouts/service-location/shop-question/shop-question-popup.vue
+++ b/src/layouts/service-location/shop-question/shop-question-popup.vue
@@ -291,7 +291,7 @@ export default {
                         this.$store.getters.order.vehicle.carId,
                         "service-location"
                     );
-                    if (!closestShops || closestShops.providers?.length === 0) {
+                    if (!closestShops || closestShops.inShopProviders?.length === 0) {
                         this.isLoading = false;
                         this.displayNoServiceAlert = true;
                         return null;
diff --git a/src/layouts/vehicle/vehicle.vue b/src/layouts/vehicle/vehicle.vue
index 90cd9160c..4521a6e2f 100644
--- a/src/layouts/vehicle/vehicle.vue
+++ b/src/layouts/vehicle/vehicle.vue
@@ -496,7 +496,10 @@ export default {
                     { zip: this.serviceZipCode, carId: this.carId },
                     "vehicle"
                 );
-                if (!closestShops?.data?.providers || closestShops.data.providers.length === 0) {
+                if (
+                    !closestShops?.data?.inShopProviders ||
+                    closestShops.data.inShopProviders.length === 0
+                ) {
                     this.displayNoServiceAlert = true;
                     if (store.getters.externalParameterState?.isExternalParameter) {
                         return baseMixin.methods.ResetExternalParamsAndHideModal();