From f8713edbdc19ab30489d2ae53d9321ed9dea6269 Mon Sep 17 00:00:00 2001
From: Bill Richardson <william.richardson@safelite.com>
Date: Fri, 24 Nov 2023 12:01:47 -0500
Subject: [PATCH 01/13] consistently style disabled themed modal button

---
 src/digital-components/modal/modal.vue | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/digital-components/modal/modal.vue b/src/digital-components/modal/modal.vue
index bd7d5796..1ea62829 100644
--- a/src/digital-components/modal/modal.vue
+++ b/src/digital-components/modal/modal.vue
@@ -34,6 +34,7 @@
                         loaderColor="white"
                         :buttonText="footerButtonText"
                         :class="(isButtonDisabled || isFooterButtonDisabled) && 'form-test-invalid'"
+                        :isDisabled="(isButtonDisabled || isFooterButtonDisabled)"
                         @clickEvent="validateAndEmit" />
                 </div>
             </div>

From 0cf9fb83e51783baa71b5ecb6d80a6d745502a15 Mon Sep 17 00:00:00 2001
From: Katie Kroell <Katie.Kroell@safelite.com>
Date: Tue, 28 Nov 2023 14:03:31 -0500
Subject: [PATCH 02/13] remove referralNumber pre-req from services-packages

---
 src/layouts/service-packages/service-packages.vue | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/layouts/service-packages/service-packages.vue b/src/layouts/service-packages/service-packages.vue
index 7919edb7..8fe2993e 100644
--- a/src/layouts/service-packages/service-packages.vue
+++ b/src/layouts/service-packages/service-packages.vue
@@ -162,7 +162,6 @@ export default {
                 && (store.order.damage.isRepair
                     || (store.order.lineItems?.glassParts != null
                         && store.order.lineItems.glassParts.length > 0))
-                        && store.order.referralNumber?.length !== 6
             );
         },
         vapsItemsSelectedAction(vapsItemsSelected) {

From 0e4dcde29c0c278e95d1bea8db34a0bf349ea848 Mon Sep 17 00:00:00 2001
From: Josh Dassinger <Joshua.Dassinger@safelite.com>
Date: Tue, 28 Nov 2023 13:24:55 -0600
Subject: [PATCH 03/13] SSR-751 Fix Vehicle Selection allowing continue with no
 style selected

---
 .../dropdown-question/dropdown-question.vue               | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/src/digital-components/dropdown-question/dropdown-question.vue b/src/digital-components/dropdown-question/dropdown-question.vue
index 05f8b9a4..7e9bfa50 100644
--- a/src/digital-components/dropdown-question/dropdown-question.vue
+++ b/src/digital-components/dropdown-question/dropdown-question.vue
@@ -1,7 +1,7 @@
 <template>
     <div
         class="dropdown-question"
-        :class="(errors && errors.length) || hasError ? 'has-error' : ''">
+        :class="(meta.touched && errors && errors.length) || hasError ? 'has-error' : ''">
         <label
             :for="inputId"
             :aria-label="questionText"
@@ -31,7 +31,7 @@
             </option>
         </select>
         <div
-            v-show="errorMessage && !isDisabled"
+            v-show="meta.touched && errorMessage && !isDisabled"
             class="row mt-1 form-test-error">
             <span role="alert">{{ errorMessage }}</span>
         </div>
@@ -82,6 +82,7 @@ export default {
         const { errorMessage,
             handleBlur,
             handleChange,
+            setTouched,
             meta, errors,
             setErrors } = useField(props.inputId, props.validationRules, fieldOptions);
 
@@ -91,6 +92,7 @@ export default {
             handleChange,
             meta,
             errors,
+            setTouched,
             setErrors
         };
     },
@@ -130,7 +132,7 @@ export default {
     watch: {
         isDisabled(newValue, oldValue) {
             if (newValue !== oldValue) {
-                this.setErrors([]);
+                this.setTouched(false, null);
             }
         },
         selectedOption(newValue) {

From dddaa4b9569c5974dbfe4687217f45243b81446a Mon Sep 17 00:00:00 2001
From: Josh Dassinger <Joshua.Dassinger@safelite.com>
Date: Tue, 28 Nov 2023 15:31:37 -0600
Subject: [PATCH 04/13] SSR-938 Fix Vin Lookup vehicle not loading when it is
 already known

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

diff --git a/src/layouts/vin-lookup/vin-lookup.vue b/src/layouts/vin-lookup/vin-lookup.vue
index ab82ee60..f9e9fb9a 100644
--- a/src/layouts/vin-lookup/vin-lookup.vue
+++ b/src/layouts/vin-lookup/vin-lookup.vue
@@ -15,7 +15,7 @@
                                     <vehicleBanner
                                         class="mt-2 mb-4"
                                         cmsWidgetName="VehicleBannerWidget"
-                                        :displayGenericVehicleImage="carIdIsValid" />
+                                        :displayGenericVehicleImage="!carIdIsValid" />
                                     <siteSubHeader cmsWidgetName="SiteSubHeaderWidget" />
                                     <vinLookupAlerts
                                         class="mt-5"

From 3f9e2b0dd79c28e6819d74c5c1d06051a9a11436 Mon Sep 17 00:00:00 2001
From: Bill Richardson <william.richardson@safelite.com>
Date: Wed, 29 Nov 2023 18:04:50 -0500
Subject: [PATCH 05/13] smh

---
 src/digital-components/button-question/button-question.vue | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/digital-components/button-question/button-question.vue b/src/digital-components/button-question/button-question.vue
index 9c14649a..93da3c9d 100644
--- a/src/digital-components/button-question/button-question.vue
+++ b/src/digital-components/button-question/button-question.vue
@@ -267,6 +267,11 @@ export default {
             this.$options.components[this.buttonTypeString] = this.buttonTypeObject;
         }
     },
+    beforeUnmount() {
+        this.resetField({
+            value: ''
+        });
+    },
     methods: {
         formatString(str) {
             return String(str).replaceAll(' ', '-');

From 7c6e4c3eeef2e53ec9322279890a48cc60b307dd Mon Sep 17 00:00:00 2001
From: Katie Kroell <Katie.Kroell@safelite.com>
Date: Thu, 30 Nov 2023 11:12:34 -0500
Subject: [PATCH 06/13] only route to endorsements page if Educator/Parking
 Guard endorsement

---
 src/layouts/policy-vehicles/policy-vehicles.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/layouts/policy-vehicles/policy-vehicles.vue b/src/layouts/policy-vehicles/policy-vehicles.vue
index fb5da45a..c2a0741b 100644
--- a/src/layouts/policy-vehicles/policy-vehicles.vue
+++ b/src/layouts/policy-vehicles/policy-vehicles.vue
@@ -231,7 +231,9 @@ export default {
                             {},
                             {}
                         );
-                } else if (this.endorsementsForSelectedVehicle?.length > 0) {
+                } else if (this.endorsementsForSelectedVehicle?.length > 0
+                    && (this.endorsementsForSelectedVehicle?.includes(endorsementOptions.PARKING_GUARD)
+                    || this.endorsementsForSelectedVehicle?.includes(endorsementOptions.EDUCATOR))) {
                     this.$router.navigate(
                         this.navigationScenarios.CLICKED_FORWARD_WITH_ENDORSEMENTS,
                         this.$route

From 56ae1c3d262f87147e26e05ffe9ddce632e71b77 Mon Sep 17 00:00:00 2001
From: Katie Kroell <Katie.Kroell@safelite.com>
Date: Thu, 30 Nov 2023 11:12:45 -0500
Subject: [PATCH 07/13] styling fix

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

diff --git a/src/layouts/policy-endorsements/policy-endorsements.vue b/src/layouts/policy-endorsements/policy-endorsements.vue
index e5d637fb..5fee1ad3 100644
--- a/src/layouts/policy-endorsements/policy-endorsements.vue
+++ b/src/layouts/policy-endorsements/policy-endorsements.vue
@@ -183,7 +183,7 @@ export default {
 <style lang="scss" scoped>
 
 :deep .subheader-primary {
-    margin-bottom: map-get($spacers, 3);
+    margin-bottom: map-get($spacers, 2);
 }
 
 :deep .subheader-secondary {

From 48f704f6ea3ce4c43e05b54e957462efdafc05be Mon Sep 17 00:00:00 2001
From: Katie Kroell <Katie.Kroell@safelite.com>
Date: Thu, 30 Nov 2023 11:12:59 -0500
Subject: [PATCH 08/13] add/update tests for navigation

---
 .../policy-vehicles/policy-vehicles.spec.js   | 53 ++++++++++++++++++-
 1 file changed, 51 insertions(+), 2 deletions(-)

diff --git a/src/layouts/policy-vehicles/policy-vehicles.spec.js b/src/layouts/policy-vehicles/policy-vehicles.spec.js
index 378e9b5f..9f9ca75e 100644
--- a/src/layouts/policy-vehicles/policy-vehicles.spec.js
+++ b/src/layouts/policy-vehicles/policy-vehicles.spec.js
@@ -140,13 +140,62 @@ describe('policy-vehicles.vue', () => {
 
         test(
             // eslint-disable-next-line max-len
-            'Selected VIN matches vehicle listed in system and policy vehicle has endorsements => update vehicle and navigate forward with CLICKED_FORWARD_WITH_ENDORSEMENTS scenario.',
+            'Selected VIN matches vehicle listed in system and policy vehicle has Educator endorsement => update vehicle and navigate forward with CLICKED_FORWARD_WITH_ENDORSEMENTS scenario.',
             async () => {
             // Arrange
                 const { wrapper } = setupMocks({});
 
                 const vin = getRandomString(17, 17);
-                const endorsements = [getRandomString(10, 20)];
+                const endorsements = ['Educator'];
+                await wrapper.setData({
+                    selectedVehicleVin: vin,
+                    policyVehicles: [
+                        {
+                            vin,
+                            endorsements
+                        }
+                    ]
+                });
+
+                const year = getRandomInt(1998, 2023);
+                const lookupVehicleResponse = {
+                    data: {
+                        year
+                    }
+                };
+                const store = useMainStore();
+                store.lookupVehicleByVin.mockReturnValue(Promise.resolve(lookupVehicleResponse));
+
+                const expectedInput = {
+                    year,
+                    vin,
+                    noCoverage: true,
+                    deductible: 0,
+                    repairWaived: false,
+                    endorsements
+                };
+
+                // Act
+                await wrapper.vm.forwardButtonAction();
+
+                // Assert
+                expect(store.updateVehicle).toHaveBeenCalledWith(expectedInput);
+                expect(wrapper.vm.$router.navigate).toHaveBeenCalledWith(
+                    navigationScenarios.CLICKED_FORWARD_WITH_ENDORSEMENTS,
+                    undefined
+                );
+            }
+        );
+
+        test(
+            // eslint-disable-next-line max-len
+            'Selected VIN matches vehicle listed in system and policy vehicle has Parking Guard endorsement => update vehicle and navigate forward with CLICKED_FORWARD_WITH_ENDORSEMENTS scenario.',
+            async () => {
+            // Arrange
+                const { wrapper } = setupMocks({});
+
+                const vin = getRandomString(17, 17);
+                const endorsements = ['Parking Guard'];
                 await wrapper.setData({
                     selectedVehicleVin: vin,
                     policyVehicles: [

From d2c0b2d8bb966e9ec229588b67c83d5f315e2572 Mon Sep 17 00:00:00 2001
From: Michaela Brydon <Michaela.Brydon@safelite.com>
Date: Thu, 30 Nov 2023 11:25:31 -0500
Subject: [PATCH 09/13] Only calling getTpaProviders at radius when needed

---
 src/layouts/tpa-search/tpa-search.spec.js |  4 ++++
 src/layouts/tpa-search/tpa-search.vue     | 14 +++++++-------
 2 files changed, 11 insertions(+), 7 deletions(-)

diff --git a/src/layouts/tpa-search/tpa-search.spec.js b/src/layouts/tpa-search/tpa-search.spec.js
index 233d2194..d8185733 100644
--- a/src/layouts/tpa-search/tpa-search.spec.js
+++ b/src/layouts/tpa-search/tpa-search.spec.js
@@ -1264,6 +1264,7 @@ describe('TPA search page', () => {
             // Assert
             expect(wrapper.vm.filter).toBe(expectedFilter);
             expect(wrapper.vm.providers).toEqual(providers);
+            expect(useMainStore().getTpaProviders).toBeCalledTimes(1);
         });
         test('when providers exist at 50 mile radius but not 25, filter is set to "50 miles" and providers set to expected', async () => {
             // Arrange
@@ -1289,6 +1290,7 @@ describe('TPA search page', () => {
             // Assert
             expect(wrapper.vm.filter).toBe(expectedFilter);
             expect(wrapper.vm.providers).toEqual(providers);
+            expect(useMainStore().getTpaProviders).toBeCalledTimes(2);
         });
         test(
             'when providers exist at 100 mile radius but not 50 or 25, filter is set to "100 miles" and providers set to expected',
@@ -1316,6 +1318,7 @@ describe('TPA search page', () => {
                 // Assert
                 expect(wrapper.vm.filter).toBe(expectedFilter);
                 expect(wrapper.vm.providers).toEqual(providers);
+                expect(useMainStore().getTpaProviders).toBeCalledTimes(3);
             }
         );
         test(
@@ -1342,6 +1345,7 @@ describe('TPA search page', () => {
                 // Assert
                 expect(wrapper.vm.filter).toBe(expectedFilter);
                 expect(wrapper.vm.providers).toEqual([]);
+                expect(useMainStore().getTpaProviders).toBeCalledTimes(3);
             }
         );
     });
diff --git a/src/layouts/tpa-search/tpa-search.vue b/src/layouts/tpa-search/tpa-search.vue
index 6c3941e0..1d69698a 100644
--- a/src/layouts/tpa-search/tpa-search.vue
+++ b/src/layouts/tpa-search/tpa-search.vue
@@ -310,21 +310,21 @@ export default {
             },
             async setInitialFilterAndProviders() {
                 this.initialLoading = true;
-                const radiusOptions = [25, 50, 100];
+                // const radiusOptions = [25, 50, 100];
                 const { zipCode } = useMainStore().order.customer.address;
 
-                const tpaProvidersRadius25 = useMainStore().getTpaProviders(zipCode, radiusOptions[0]);
-                const tpaProvidersRadius50 = useMainStore().getTpaProviders(zipCode, radiusOptions[1]);
-                const tpaProvidersRadius100 = useMainStore().getTpaProviders(zipCode, radiusOptions[2]);
+                // const tpaProvidersRadius25 = useMainStore().getTpaProviders(zipCode, radiusOptions[0]);
+                // const tpaProvidersRadius50 = useMainStore().getTpaProviders(zipCode, radiusOptions[1]);
+                // const tpaProvidersRadius100 = useMainStore().getTpaProviders(zipCode, radiusOptions[2]);
 
                 let radius = '25 miles';
-                let providers = await tpaProvidersRadius25;
+                let providers = await useMainStore().getTpaProviders(zipCode, 25);
                 if ((providers?.data?.shopProviders ?? []).length === 0) {
                     radius = '50 miles';
-                    providers = await tpaProvidersRadius50;
+                    providers = await useMainStore().getTpaProviders(zipCode, 50);
                     if ((providers?.data?.shopProviders ?? []).length === 0) {
                         radius = '100 miles';
-                        providers = await tpaProvidersRadius100;
+                        providers = await useMainStore().getTpaProviders(zipCode, 100);
                     }
                 }
                 this.filter = radius;

From c137db2c004b0a2467d5750d7b05a16090b49f9c Mon Sep 17 00:00:00 2001
From: Michaela Brydon <Michaela.Brydon@safelite.com>
Date: Thu, 30 Nov 2023 11:27:01 -0500
Subject: [PATCH 10/13] Removing comments

---
 src/layouts/tpa-search/tpa-search.vue | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/src/layouts/tpa-search/tpa-search.vue b/src/layouts/tpa-search/tpa-search.vue
index 1d69698a..7f763f6e 100644
--- a/src/layouts/tpa-search/tpa-search.vue
+++ b/src/layouts/tpa-search/tpa-search.vue
@@ -310,13 +310,8 @@ export default {
             },
             async setInitialFilterAndProviders() {
                 this.initialLoading = true;
-                // const radiusOptions = [25, 50, 100];
                 const { zipCode } = useMainStore().order.customer.address;
 
-                // const tpaProvidersRadius25 = useMainStore().getTpaProviders(zipCode, radiusOptions[0]);
-                // const tpaProvidersRadius50 = useMainStore().getTpaProviders(zipCode, radiusOptions[1]);
-                // const tpaProvidersRadius100 = useMainStore().getTpaProviders(zipCode, radiusOptions[2]);
-
                 let radius = '25 miles';
                 let providers = await useMainStore().getTpaProviders(zipCode, 25);
                 if ((providers?.data?.shopProviders ?? []).length === 0) {

From 916cd4ea4ce661201826779000e1c6ca62c940af Mon Sep 17 00:00:00 2001
From: Michaela Brydon <Michaela.Brydon@safelite.com>
Date: Thu, 30 Nov 2023 11:54:17 -0500
Subject: [PATCH 11/13] Simplifying logic

---
 src/layouts/tpa-search/tpa-search.vue | 74 +++++++++++++++++++--------
 1 file changed, 52 insertions(+), 22 deletions(-)

diff --git a/src/layouts/tpa-search/tpa-search.vue b/src/layouts/tpa-search/tpa-search.vue
index 7f763f6e..9f686ed4 100644
--- a/src/layouts/tpa-search/tpa-search.vue
+++ b/src/layouts/tpa-search/tpa-search.vue
@@ -199,7 +199,21 @@ export default {
                 filter: globalRules.OPTION_REQUIRED, // TODO do we even need this?
                 provider: globalRules.OPTION_REQUIRED
             },
-            shopListButton: shallowRef(shopListButton)
+            shopListButton: shallowRef(shopListButton),
+            radiusFilterPairs: [
+                {
+                    radius: 25,
+                    filter: '25 miles'
+                },
+                {
+                    radius: 50,
+                    filter: '50 miles'
+                },
+                {
+                    radius: 100,
+                    filter: '100 miles'
+                }
+            ]
         };
     },
     computed: {
@@ -233,16 +247,18 @@ export default {
             );
         },
         radiusInMiles() {
-            switch (this.filter) {
-                case '25 miles':
-                    return 25;
-                case '50 miles':
-                    return 50;
-                case '100 miles':
-                    return 100;
-                default:
-                    return 0;
-            }
+            const pair = this.radiusFilterPairs.find((p) => p.filter === this.filter);
+            return pair?.radius ?? 0;
+            // switch (this.filter) {
+            //     case '25 miles':
+            //         return 25;
+            //     case '50 miles':
+            //         return 50;
+            //     case '100 miles':
+            //         return 100;
+            //     default:
+            //         return 0;
+            // }
         },
         noNetworkShopsAlertHeaderText() {
             return this.getCmsContent(
@@ -312,18 +328,32 @@ export default {
                 this.initialLoading = true;
                 const { zipCode } = useMainStore().order.customer.address;
 
-                let radius = '25 miles';
-                let providers = await useMainStore().getTpaProviders(zipCode, 25);
-                if ((providers?.data?.shopProviders ?? []).length === 0) {
-                    radius = '50 miles';
-                    providers = await useMainStore().getTpaProviders(zipCode, 50);
-                    if ((providers?.data?.shopProviders ?? []).length === 0) {
-                        radius = '100 miles';
-                        providers = await useMainStore().getTpaProviders(zipCode, 100);
-                    }
+                let pairIndex = 0;
+                let providers = [];
+                let filter = '';
+                while (providers.length === 0 && pairIndex < this.radiusFilterPairs.length) {
+                    const pair = this.radiusFilterPairs[pairIndex];
+                    const { radius } = pair;
+                    filter = pair.filter;
+                    // eslint-disable-next-line no-await-in-loop
+                    const result = await useMainStore().getTpaProviders(zipCode, radius);
+                    providers = result?.data?.shopProviders ?? [];
+
+                    pairIndex += 1;
                 }
-                this.filter = radius;
-                this.providers = providers?.data?.shopProviders ?? [];
+
+                // let radius = '25 miles';
+                // let providers = await useMainStore().getTpaProviders(zipCode, 25);
+                // if ((providers?.data?.shopProviders ?? []).length === 0) {
+                //     radius = '50 miles';
+                //     providers = await useMainStore().getTpaProviders(zipCode, 50);
+                //     if ((providers?.data?.shopProviders ?? []).length === 0) {
+                //         radius = '100 miles';
+                //         providers = await useMainStore().getTpaProviders(zipCode, 100);
+                //     }
+                // }
+                this.filter = filter;
+                this.providers = providers;
             },
             async getProviderButtonData() {
                 const getTpaProvidersResult = await useMainStore().getTpaProviders(this.zipCode, this.radiusInMiles);

From 237741a519908ea8a2e7b305e1133bd0aac93e16 Mon Sep 17 00:00:00 2001
From: Michaela Brydon <Michaela.Brydon@safelite.com>
Date: Thu, 30 Nov 2023 11:56:25 -0500
Subject: [PATCH 12/13] Changing file format to CLRF

---
 .../__snapshots__/tpa-search.spec.js.snap          | 14 ++++++++++++++
 1 file changed, 14 insertions(+)

diff --git a/src/layouts/tpa-search/__snapshots__/tpa-search.spec.js.snap b/src/layouts/tpa-search/__snapshots__/tpa-search.spec.js.snap
index 236f821c..fc429c1b 100644
--- a/src/layouts/tpa-search/__snapshots__/tpa-search.spec.js.snap
+++ b/src/layouts/tpa-search/__snapshots__/tpa-search.spec.js.snap
@@ -9,6 +9,20 @@ Object {
   "initialLoading": false,
   "mapZipCode": "12663",
   "providers": Array [],
+  "radiusFilterPairs": Array [
+    Object {
+      "filter": "25 miles",
+      "radius": 25,
+    },
+    Object {
+      "filter": "50 miles",
+      "radius": 50,
+    },
+    Object {
+      "filter": "100 miles",
+      "radius": 100,
+    },
+  ],
   "reloadProviders": false,
   "rules": Object {
     "filter": "option-required",

From 6e57e6538b74ac3f5191ef4c3a118894040c5d63 Mon Sep 17 00:00:00 2001
From: Michaela Brydon <Michaela.Brydon@safelite.com>
Date: Thu, 30 Nov 2023 12:00:02 -0500
Subject: [PATCH 13/13] Removing comments

---
 src/layouts/tpa-search/tpa-search.vue | 20 --------------------
 1 file changed, 20 deletions(-)

diff --git a/src/layouts/tpa-search/tpa-search.vue b/src/layouts/tpa-search/tpa-search.vue
index 9f686ed4..00ebacdc 100644
--- a/src/layouts/tpa-search/tpa-search.vue
+++ b/src/layouts/tpa-search/tpa-search.vue
@@ -249,16 +249,6 @@ export default {
         radiusInMiles() {
             const pair = this.radiusFilterPairs.find((p) => p.filter === this.filter);
             return pair?.radius ?? 0;
-            // switch (this.filter) {
-            //     case '25 miles':
-            //         return 25;
-            //     case '50 miles':
-            //         return 50;
-            //     case '100 miles':
-            //         return 100;
-            //     default:
-            //         return 0;
-            // }
         },
         noNetworkShopsAlertHeaderText() {
             return this.getCmsContent(
@@ -342,16 +332,6 @@ export default {
                     pairIndex += 1;
                 }
 
-                // let radius = '25 miles';
-                // let providers = await useMainStore().getTpaProviders(zipCode, 25);
-                // if ((providers?.data?.shopProviders ?? []).length === 0) {
-                //     radius = '50 miles';
-                //     providers = await useMainStore().getTpaProviders(zipCode, 50);
-                //     if ((providers?.data?.shopProviders ?? []).length === 0) {
-                //         radius = '100 miles';
-                //         providers = await useMainStore().getTpaProviders(zipCode, 100);
-                //     }
-                // }
                 this.filter = filter;
                 this.providers = providers;
             },