CSR-731 | Fixing package creation logic + styling defect

Styling defect is for CSR-986

src/common-components/base-input-button/base-input-button.vue

@@ -1,6 +1,9 @@
 <template>
     <label
-        :class="[buttonWrapperClasses, { 'has-error': errors.length > 0, selected: isChecked }]"
+        :class="[
+            buttonWrapperClasses,
+            { 'has-error': errors.length > 0 && !suppressError, selected: isChecked },
+        ]"
         :for="buttonId"
         @focusin="handleFocus"
         @focusout="handleBlur"

src/common-components/base-input-button/button-functionality-props.js

@@ -27,4 +27,5 @@ export const inputButtonProps = {
         type: Boolean,
         default: false,
     },
+    suppressError: Boolean,
 };

src/common-components/button-question/button-question.vue

@@ -51,6 +51,7 @@
                             :additionalButtonStyling="additionalButtonStyling"
                             :lastValuePushedToGa="lastValuePushedToGa"
                             :setLastValuePushedToGa="setLastValuePushedToGa"
+                            :suppressError="suppressError"
                             v-model="selectedValues" />
                         <!-- For nested questions -->
                         <transition name="fade" mode="out-in">

src/layouts/quote/service-package-question/service-package-question.vue

@@ -118,29 +118,24 @@ export default {
         },
         rearWiperApplicableForTierThree() {
             const rearWiperIsAvailable = this.lineItemsContainsPartType(partTypeStrings.REAR_WIPER);
-            return (
-                this.glassToReplaceContainsGlassLocation(glassLocations.REAR) &&
-                rearWiperIsAvailable
-            );
-        },
-        rainDefenseApplicableForTierThree() {
             const frontWipersAreAvailable = this.lineItemsContainsPartType(
                 partTypeStrings.FRONT_WIPER
             );
-            const glassToReplaceContainsWindshield = this.glassToReplaceContainsGlassLocation(
+            return (
-                glassLocations.WINDSHIELD
+                rearWiperIsAvailable &&
+                (this.glassToReplaceContainsGlassLocation(glassLocations.REAR) ||
+                    !frontWipersAreAvailable)
             );
-            const glassToReplaceContainsRearGlass = this.glassToReplaceContainsGlassLocation(
+        },
-                glassLocations.REAR
+        rainDefenseApplicableForTierThree() {
-            );
+            if (
-            if (this.frontWipersApplicableForTierTwo) {
+                this.rearWiperApplicableForTierTwo &&
-                return true;
+                !this.frontWipersApplicableForTierTwo &&
-            } else if (!frontWipersAreAvailable) {
+                this.frontWipersApplicableForTierThree
-                return true;
+            ) {
-            } else if (!glassToReplaceContainsWindshield && !glassToReplaceContainsRearGlass) {
-                return true;
-            } else {
                 return false;
+            } else {
+                return true;
             }
         },
         shouldDisplayTierTwoPackage() {

src/mixins/input-button-wrapper-mixin.js

@@ -22,6 +22,7 @@ export default {
         screenReaderOnlyText: String,
         isWide: Boolean,
         additionalButtonStyling: String,
+        suppressError: Boolean,
     },
     computed: {
         selectedValue: {

src/ux-components/list-card/list-card.vue

@@ -5,7 +5,8 @@
             'list-card w-100 rounded-3 d-flex align-items-center h-100 base-input-button',
             { horizontal: isWide },
         ]"
-        v-model="selectedValue">
+        v-model="selectedValue"
+        :suppressError="suppressError">
         <div
             class="d-flex w-100 align-items-center px-2 h-100 list-card-content button-content rounded-3"
             :class="labelClasses">