CSR-1411: update store Get Wipers method to accept a Zip and CarId; update usages

src/layouts/confirmation/confirmation.vue

@@ -89,22 +89,46 @@ export default {
         // Call APIs
         const cmsContentPromise = fetchCmsContentForPage(to.query.fmgPage);
 
+        const wipersPromise = baseMixin.methods.dispatchStoreActionWithLogging(
+            storeActions.GET_WIPERS,
+            {
+                serviceZipCode: store.getters.submittedOrder.serviceLocation.zipCode,
+                carId: store.getters.submittedOrder.vehicle.carId,
+            },
+            "confirmation"
+        );
+
+        const rainDefensePromise = baseMixin.methods.dispatchStoreActionWithLogging(
+            storeActions.GET_RAIN_DEFENSE,
+            null,
+            "confirmation"
+        );
+
         // Settle promises and get results
         const promiseResultMap = [
             {
                 resultKey: "cmsContent",
                 promise: cmsContentPromise,
             },
+            {
+                resultKey: "wipers",
+                promise: wipersPromise,
+            },
+            {
+                resultKey: "rainDefense",
+                promise: rainDefensePromise,
+            },
         ];
 
         const resultMap = await settleAllPromises(promiseResultMap);
+        const availableVaps = [resultMap.rainDefense, ...resultMap.wipers];
         const lineItemsFromSubmittedOrder = deepClone(store.getters.submittedOrder.lineItems);
 
         // Call the "next" function to complete the transition to this page.
         next((vm) => {
             vm.setCmsContent(resultMap.cmsContent);
             vm.lineItems = lineItemsFromSubmittedOrder;
-            vm.vaps = lineItemsFromSubmittedOrder.vaps;
+            vm.vaps = availableVaps;
         });
     },
     data() {

src/layouts/payment-method/payment-method.vue

@@ -123,7 +123,10 @@ export default {
 
         const wipersPromise = baseMixin.methods.dispatchStoreActionWithLogging(
             storeActions.GET_WIPERS,
-            null,
+            {
+                serviceZipCode: store.getters.order.serviceLocation.zipCode,
+                carId: store.getters.vehicle.carId,
+            },
             "payment-method"
         );
 

src/layouts/payment/payment.vue

@@ -257,7 +257,10 @@ export default {
 
         const wipersPromise = baseMixin.methods.dispatchStoreActionWithLogging(
             storeActions.GET_WIPERS,
-            null,
+            {
+                serviceZipCode: store.getters.order.serviceLocation.zipCode,
+                carId: store.getters.vehicle.carId,
+            },
             "payment"
         );
 

src/layouts/quote/quote.vue

@@ -96,7 +96,10 @@ export default {
         const cmsContentPromise = fetchCmsContentForPage(to.query.fmgPage);
         const wipersPromise = baseMixin.methods.dispatchStoreActionWithLogging(
             storeActions.GET_WIPERS,
-            null,
+            {
+                serviceZipCode: store.getters.order.serviceLocation.zipCode,
+                carId: store.getters.vehicle.carId,
+            },
             "quote"
         );
         const rainDefensePromise = baseMixin.methods.dispatchStoreActionWithLogging(

src/layouts/review/review-sections/service-package-review/service-package-review.vue

@@ -15,6 +15,7 @@ import {
 import { settleAllPromises } from "@/helpers/layout-helper";
 import baseMixin from "@/mixins/base-mixin.js";
 import { storeActions } from "@/constants/store-actions";
+import store from "@/store";
 
 export default {
     name: "service-package-review",
@@ -34,7 +35,10 @@ export default {
         loadInitialData() {
             const wipersPromise = baseMixin.methods.dispatchStoreActionWithLogging(
                 storeActions.GET_WIPERS,
-                null,
+                {
+                    serviceZipCode: store.getters.order.serviceLocation.zipCode,
+                    carId: store.getters.vehicle.carId,
+                },
                 "review"
             );
             const rainDefensePromise = baseMixin.methods.dispatchStoreActionWithLogging(

src/store/index.js

@@ -1301,9 +1301,10 @@ export const actions = {
         return response;
     },
 
-    async getWipers(context, { pageNameToLog }) {
+    async getWipers(context, { payload, pageNameToLog }) {
-        const carId = context.getters.vehicle.carId;
+        const carId = payload.carId;
-        const serviceZipCode = context.getters.order.serviceLocation.zipCode;
+        const serviceZipCode = payload.serviceZipCode;
+
         const response = await globalMethods
             .callHttpClient({
                 method: endpoints.GetWipers.method,