Merge pull request #844 from Safelite/feature/CSR-774

CSR-774 | Default package selection (QUOTE) + bug fix

src/layouts/quote/service-package-question/service-package-question.spec.js

@@ -6,6 +6,7 @@ import {
     mockProcessedCmsContent,
     inputQuestionWidgetAnswers,
 } from "./service-package-question-test-helper";
+import { nextTick } from "vue";
 
 jest.mock("@/store", () => ({
     commit: jest.fn(),
@@ -49,11 +50,12 @@ describe("service-package-question.vue", () => {
         const packageNameKey = "05_01_CSR_Quote_Standard_Repair";
         Object.assign(processedCmsContent, mockProcessedCmsContent[packageNameKey]);
     });
-    it("should emit relevant VAPS items in an array", () => {
+    it("should emit relevant VAPS items in an array", async () => {
         // Arrange
         const wrapper = setupMocks({});
         // Act
-        wrapper.componentVM.selectedValues = "TierThree";
+        wrapper.componentVM.selectedPackageName = "TierThree";
+        await nextTick();
 
         // Assert
         expect(wrapper.emitted()["update:modelValue"][0][0]).toEqual([

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

@@ -4,7 +4,7 @@
         :groupName="groupName"
         buttonTypeString="servicePackageRadio"
         :buttonTypeObject="servicePackageRadio"
-        v-model="selectedValues"
+        v-model="selectedPackageName"
         isRequired />
 </template>
 
@@ -35,19 +35,21 @@ export default {
     data() {
         return {
             servicePackageRadio: servicePackageRadio,
+            selectedPackageName: null,
         };
     },
-    computed: {
+    watch: {
-        selectedValues: {
+        availableLineItems() {
-            get: function () {
+            if (this.$store.getters.lineItems.supportingItems) {
-                return this.modelValue;
+                this.selectDefaultPackage();
-            },
+            }
-            set: function (newValue) {
-                const VapsProductsInSelectedPackage =
-                    this.getVapsLineItemsForSelectedPackage(newValue);
-                this.$emit("update:modelValue", VapsProductsInSelectedPackage);
-            },
         },
+        selectedPackageName(newValue) {
+            const VapsProductsInSelectedPackage = this.getVapsLineItemsForSelectedPackage(newValue);
+            this.$emit("update:modelValue", VapsProductsInSelectedPackage);
+        },
+    },
+    computed: {
         nullSafeAvailableLineItems() {
             return this.availableLineItems ?? [];
         },
@@ -208,6 +210,50 @@ export default {
             });
             return vapsPrice;
         },
+        selectDefaultPackage() {
+            const vapsFromStore = this.$store.getters.lineItems.vaps;
+            let lowestTierForPackage = packageNames.TIER_ONE;
+            vapsFromStore.every((vapsItem) => {
+                let lowestTierForThisItem = this.getLowestTierForThisItem(vapsItem);
+                if (lowestTierForThisItem === packageNames.TIER_THREE) {
+                    lowestTierForPackage = packageNames.TIER_THREE;
+                    return false;
+                } else if (lowestTierForThisItem === packageNames.TIER_TWO) {
+                    lowestTierForPackage = packageNames.TIER_TWO;
+                    return true;
+                } else {
+                    return true;
+                }
+            });
+            this.selectedPackageName = lowestTierForPackage;
+        },
+        getLowestTierForThisItem(vapsItem) {
+            let lowestTierForThisItem = null;
+            switch (vapsItem.partType) {
+                case partTypeStrings.FRONT_WIPER:
+                    if (this.frontWipersApplicableForTierThree) {
+                        lowestTierForThisItem = packageNames.TIER_THREE;
+                    }
+                    if (this.frontWipersApplicableForTierTwo) {
+                        lowestTierForThisItem = packageNames.TIER_TWO;
+                    }
+                    break;
+                case partTypeStrings.REAR_WIPER:
+                    if (this.rearWiperApplicableForTierThree) {
+                        lowestTierForThisItem = packageNames.TIER_THREE;
+                    }
+                    if (this.rearWiperApplicableForTierTwo) {
+                        lowestTierForThisItem = packageNames.TIER_TWO;
+                    }
+                    break;
+                case partTypeStrings.RAIN_DEFENSE:
+                    if (this.rainDefenseApplicableForTierThree) {
+                        lowestTierForThisItem = packageNames.TIER_THREE;
+                    }
+                    break;
+            }
+            return lowestTierForThisItem;
+        },
         getVapsLineItemsForSelectedPackage(packageName) {
             const vapsLineItemsForSelectedPackage = [];
             if (packageName === packageNames.TIER_TWO) {

src/store/index.js

@@ -356,7 +356,7 @@ export const mutations = {
 
         state.order.lineItems.glassParts = sessionInformation.order.lineItems.glassParts;
         state.order.lineItems.supportingItems = sessionInformation.order.lineItems.supportingItems;
-        state.order.lineItems.vapsItems = sessionInformation.order.lineItems.vapsItems;
+        state.order.lineItems.vaps = sessionInformation.order.lineItems.vaps;
         state.order.lineItems.serverData = sessionInformation.order.lineItems.serverData;
         state.order.accountNumber = sessionInformation.order.accountNumber;
         state.order.providerNumber = sessionInformation.order.providerNumber;
@@ -1011,7 +1011,7 @@ export const actions = {
                     lineItems: {
                         glassParts: lineItems.glassParts,
                         supportingItems: lineItems.supportingItems,
-                        vapsItems: lineItems.vapsItems,
+                        vaps: lineItems.vaps,
                         serverData: lineItems.serverData,
                     },
                     payment: {