From 00e62c42404c2288f70c124e061e307551023ed1 Mon Sep 17 00:00:00 2001
From: Adam Caouette <adam.caouette@safelite.com>
Date: Tue, 8 Mar 2022 15:07:47 -0500
Subject: [PATCH 1/3] CSR-319: update repair/replace validation logic

---
 .../windshield-options/windshield-options.vue               | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/layouts/vehicle-damage/windshield-options/windshield-options.vue b/src/layouts/vehicle-damage/windshield-options/windshield-options.vue
index 1d483f269..792b1ed11 100644
--- a/src/layouts/vehicle-damage/windshield-options/windshield-options.vue
+++ b/src/layouts/vehicle-damage/windshield-options/windshield-options.vue
@@ -37,7 +37,11 @@ defineRule("windshield-chip-count-required", required(errorMessages.WINDSHIELD_C
 defineRule("windshield-replace-options-required", required(errorMessages.WINSHIELD_REPLACE_OPTIONS_REQUIRED));
 
 defineRule("checkForRepairAndReplace", (value, [other]) => {
-    if (value.toString().toUpperCase().includes("REPAIR") && other.toString().toUpperCase().includes("WINDSHIELD") && other.length > 1) {
+    if (value.toString().toUpperCase().includes("REPAIR") && 
+        other.toString().toUpperCase().includes("WINDSHIELD") && 
+        Array.isArray(other) && 
+        other.length > 1) 
+    {
         return "checkForRepairAndReplace error"
     }
     return true;

From a3c8998345c72c3a5a142565057301f0093846ea Mon Sep 17 00:00:00 2001
From: Adam Caouette <adam.caouette@safelite.com>
Date: Tue, 8 Mar 2022 17:36:34 -0500
Subject: [PATCH 2/3] CSR-319: add new alert error if no windshield replace
 option is available

---
 .../windshield-options/windshield-options.vue | 40 +++++++++++++++++--
 1 file changed, 36 insertions(+), 4 deletions(-)

diff --git a/src/layouts/vehicle-damage/windshield-options/windshield-options.vue b/src/layouts/vehicle-damage/windshield-options/windshield-options.vue
index 792b1ed11..c3a7aca68 100644
--- a/src/layouts/vehicle-damage/windshield-options/windshield-options.vue
+++ b/src/layouts/vehicle-damage/windshield-options/windshield-options.vue
@@ -1,12 +1,20 @@
 <template>
     <div class="windshield-options">
-        <windshieldDamageTypeQuestion ref="windshieldDamageTypeQuestion" 
+        <windshieldDamageTypeQuestion ref="windshieldDamageTypeQuestion"
             :isAvailable=isWindshieldDamageLocation
-            :suppressError="hasRepairReplaceConflict"
+            :suppressError="hasRepairReplaceConflict || showNoReplaceAvailableError"
             groupName="WindshieldDamageTypeQuestion"
             v-model="selectedWindshieldDamageTypeValues"
-            validationRules="windshield-damage-type-required|checkForRepairAndReplace:@DamageLocationQuestion"
+            :validationRules="isWindshieldReplaceAvailable ? 'windshield-damage-type-required|checkForRepairAndReplace:@DamageLocationQuestion' : 'windshield-damage-type-required|checkForRepairAndReplace:@DamageLocationQuestion|repairOnly'"
         />
+        <alert
+            class="my-3"
+            v-show="showNoReplaceAvailableError"
+            alertClass="alert-danger"
+            alertHeadline="Service not available"
+            alertCopy="We're sorry, but we currently offer only repair service for your vehicle type. Need help with next steps? Call us at 800-394-0288."
+            :isDismissible="false"
+          />
         <windshieldChipCountQuestion ref="windshieldChipCountQuestion" 
             :isAvailable="isRepairOptionSelected && !hasRepairReplaceConflict"
             groupName="WindshieldChipCountQuestion"
@@ -27,6 +35,8 @@
 import windshieldDamageTypeQuestion from"@/layouts/vehicle-damage/windshield-options/windshield-damage-type-question/windshield-damage-type-question";
 import windshieldChipCountQuestion from"@/layouts/vehicle-damage/windshield-options/windshield-chip-count-question/windshield-chip-count-question";
 import replaceOptionsQuestion from"@/layouts/vehicle-damage/replace-options-question/replace-options-question";
+import alert from "@/ux-components/alert/alert";
+
 import { defineRule } from "vee-validate";
 import { required } from "@/helpers/validation-rules";
 import { errorMessages } from "@/constants/error-messages";
@@ -47,9 +57,22 @@ defineRule("checkForRepairAndReplace", (value, [other]) => {
     return true;
 });
 
+defineRule("repairOnly", (value) => {
+    if (value.toString().toUpperCase() === 'REPAIR') {
+        return true;
+    }
+    return false;
+});
+
 export default ({
     name: "windshieldOptions",
 
+    data(){
+        return {
+            isWindshieldReplaceAvailable: Boolean,
+        }
+    },
+
     props: {
         modelValue: Array,
         selectedDamageLocations: Array,
@@ -63,6 +86,8 @@ export default ({
             this.$refs.windshieldDamageTypeQuestion.initializeComponent(windshieldDamageTypeQuestionFromCms);
             this.$refs.windshieldChipCountQuestion.initializeComponent(windshieldChipCountQuestionFromCms);
             this.$refs.replaceOptionsQuestion.initializeComponent(windshieldReplaceOptionsQuestionFromCms, windshieldAvailableReplacementOptions);
+
+            this.isWindshieldReplaceAvailable = !(Array.isArray(windshieldAvailableReplacementOptions) && windshieldAvailableReplacementOptions.length < 1);
         },
         getWindshieldOptions(selectedWindshieldDamageType, selectedWindshieldChipCount, selectedWindshieldReplaceOptions){
             return {
@@ -121,11 +146,18 @@ export default ({
 
             return this.selectedWindshieldDamageTypeValues.some(val => val.toUpperCase() === "REPLACE") && this.isWindshieldDamageLocation;
         },
+        showNoReplaceAvailableError() {
+            if (this.isReplaceOptionSelected && !this.isWindshieldReplaceAvailable) {
+                return true;
+            }
+            return false;
+        },
     },
     components: {
         windshieldDamageTypeQuestion,
         windshieldChipCountQuestion,
-        replaceOptionsQuestion
+        replaceOptionsQuestion,
+        alert,
     },
 })
 </script>
\ No newline at end of file

From d1785cf6fcc588e2cb97a05d71e2bd6eb8df596d Mon Sep 17 00:00:00 2001
From: Adam Caouette <adam.caouette@safelite.com>
Date: Wed, 9 Mar 2022 12:06:39 -0500
Subject: [PATCH 3/3] CSR-319: various refactorings from PR comments

---
 .../windshield-options/windshield-options.vue | 22 +++++++++++--------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/layouts/vehicle-damage/windshield-options/windshield-options.vue b/src/layouts/vehicle-damage/windshield-options/windshield-options.vue
index c3a7aca68..e94ccc305 100644
--- a/src/layouts/vehicle-damage/windshield-options/windshield-options.vue
+++ b/src/layouts/vehicle-damage/windshield-options/windshield-options.vue
@@ -40,17 +40,18 @@ import alert from "@/ux-components/alert/alert";
 import { defineRule } from "vee-validate";
 import { required } from "@/helpers/validation-rules";
 import { errorMessages } from "@/constants/error-messages";
+import { damageLocationsSelected } from "@/constants/damage-locations-selected.js";
 
 // DEFINE VALIDATION RULES
 defineRule("windshield-damage-type-required", required(errorMessages.WINDSHIELD_DAMAGE_TYPE_REQUIRED));
 defineRule("windshield-chip-count-required", required(errorMessages.WINDSHIELD_CHIP_COUNT_REQUIRED));
 defineRule("windshield-replace-options-required", required(errorMessages.WINSHIELD_REPLACE_OPTIONS_REQUIRED));
 
-defineRule("checkForRepairAndReplace", (value, [other]) => {
-    if (value.toString().toUpperCase().includes("REPAIR") && 
-        other.toString().toUpperCase().includes("WINDSHIELD") && 
-        Array.isArray(other) && 
-        other.length > 1) 
+defineRule("checkForRepairAndReplace", (value, [otherFieldValue]) => {
+    if (value.toString().toUpperCase().includes(damageLocationsSelected.REPAIR.toUpperCase()) && 
+        otherFieldValue.toString().toUpperCase().includes(damageLocationsSelected.WINDSHIELD.toUpperCase()) && 
+        Array.isArray(otherFieldValue) && 
+        otherFieldValue.length > 1) 
     {
         return "checkForRepairAndReplace error"
     }
@@ -58,7 +59,7 @@ defineRule("checkForRepairAndReplace", (value, [other]) => {
 });
 
 defineRule("repairOnly", (value) => {
-    if (value.toString().toUpperCase() === 'REPAIR') {
+    if (value.toString().toUpperCase() === damageLocationsSelected.REPAIR.toUpperCase()) {
         return true;
     }
     return false;
@@ -69,7 +70,7 @@ export default ({
 
     data(){
         return {
-            isWindshieldReplaceAvailable: Boolean,
+            windshieldAvailableReplacementOptions: Object,
         }
     },
 
@@ -87,7 +88,7 @@ export default ({
             this.$refs.windshieldChipCountQuestion.initializeComponent(windshieldChipCountQuestionFromCms);
             this.$refs.replaceOptionsQuestion.initializeComponent(windshieldReplaceOptionsQuestionFromCms, windshieldAvailableReplacementOptions);
 
-            this.isWindshieldReplaceAvailable = !(Array.isArray(windshieldAvailableReplacementOptions) && windshieldAvailableReplacementOptions.length < 1);
+            this.windshieldAvailableReplacementOptions = windshieldAvailableReplacementOptions;
         },
         getWindshieldOptions(selectedWindshieldDamageType, selectedWindshieldChipCount, selectedWindshieldReplaceOptions){
             return {
@@ -131,7 +132,7 @@ export default ({
             }
         },
         isWindshieldDamageLocation() {
-            return  this.selectedDamageLocations.some(selectedDamages => 
+            return this.selectedDamageLocations.some(selectedDamages => 
                 {
                     return Boolean(selectedDamages.toUpperCase() === "WINDSHIELD");
                 });
@@ -146,6 +147,9 @@ export default ({
 
             return this.selectedWindshieldDamageTypeValues.some(val => val.toUpperCase() === "REPLACE") && this.isWindshieldDamageLocation;
         },
+        isWindshieldReplaceAvailable() {
+            return !(Array.isArray(this.windshieldAvailableReplacementOptions) && this.windshieldAvailableReplacementOptions.length < 1);
+        },
         showNoReplaceAvailableError() {
             if (this.isReplaceOptionSelected && !this.isWindshieldReplaceAvailable) {
                 return true;