CSR-504 | Quote page service calls

Call GetWipers, GetRainDefense, GetSupportingItems, GetPricing
GetPricing is mocked for now
GetSupportingItems will change and need to be modified
Fixed a few bugs related to loading session/order
Modified how we save parts to lineITems

src/constants/endpoints.js

@@ -62,6 +62,18 @@ const endpoints = {
         url: "/parts/api/v1/parts/parts",
         method: "POST",
     },
+    GetWipers: {
+        url: "/parts/api/v1/parts/wipers",
+        method: "GET",
+    },
+    GetRainDefense: {
+        url: "/parts/api/v1/parts/rain-defense",
+        method: "GET",
+    },
+    GetSupportingItems: {
+        url: "/parts/api/v1/parts/supporting-items",
+        method: "POST",
+    },
     GetCapabilityQuestions: {
         url: "/parts/api/v1/parts/capability-questions",
         method: "GET",
@@ -82,6 +94,10 @@ const endpoints = {
         url: "/location/api/v1/location/zip",
         method: "GET",
     },
+    PriceOrderItems: {
+        url: "/price/api/v1/price/order-items",
+        method: "POST",
+    },
     LogExperimentExposureIfAssigned: {
         url: "/experiments/api/v1/experiments/log-exposure",
         method: "POST",

src/constants/store-actions.js

@@ -20,6 +20,9 @@ const storeActions = {
     LOOKUP_VIN_BY_ADDRESS: "lookupVinByAddress",
     GET_PARTS_OR_QUESTIONS: "getPartsOrQuestions",
     GET_PARTS: "getParts",
+    GET_WIPERS: "getWipers",
+    GET_RAIN_DEFENSE: 'getRainDefense',
+    GET_SUPPORTING_ITEMS: 'getSupportingItems',
     GET_CAPABILITY_QUESTIONS: "getCapabilityQuestions",
     GET_PART_FROM_CAPABILITY_QUESTION_ANSWER: "getPartFromCapabilityQuestionAnswer",
     GET_MOLDING_QUESTIONS: "getMoldingQuestions",
@@ -27,6 +30,7 @@ const storeActions = {
     LOAD_SESSION: "loadSession",
     UPDATE_STORE_WITH_SAVE_SESSION_RESPONSE: "updateStoreWithSaveSessionResponse",
     VALIDATE_ZIP: "validateZip",
+    PRICE_ORDER_ITEMS: "priceOrderItems",
     LOG_EXPERIMENT_EXPOSURE: "logExperimentExposure",
     LOG_PAGE_VIEW: "logPageView",
     LOG_CUSTOM_EVENT: "logCustomEvent",

src/layouts/quote/quote.vue

@@ -57,7 +57,9 @@ import textBlock from "@/common-components/text-block/text-block";
 import modal from "@/common-components/modal/modal";
 import baseMixin from "@/mixins/base-mixin.js";
 import vehicleQuestionsMixin from "../../mixins/vehicle-questions-mixin";
-
+import { settleAllPromises } from "@/helpers/layout-helper";
+import { storeActions } from "@/constants/store-actions";
+import store from "@/store";
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { Form } from "vee-validate";
 
@@ -66,70 +68,35 @@ export default {
     async beforeRouteEnter(to, from, next) {
         // Call APIs
         const cmsContent = await fetchCmsContentForPage(to.query.fmgPage);
+        const wipersPromise = baseMixin.methods.dispatchStoreAction(storeActions.GET_WIPERS);
+        const rainDefensePromise = baseMixin.methods.dispatchStoreAction(storeActions.GET_RAIN_DEFENSE);
+        const supportingItemsPromise = baseMixin.methods.dispatchStoreAction(storeActions.GET_SUPPORTING_ITEMS);
 
-        // TODOS - modify as needed, just a rough sketch to place initializations
+        const promiseResultMap = [
+            {
+                resultKey: "wipers",
+                promise: wipersPromise,
+            },
+            {
+                resultKey: "rainDefense",
+                promise: rainDefensePromise,
+            },
+            {
+                resultKey: "supportingItems",
+                promise: supportingItemsPromise,
+            },
+        ];
 
-        // get supporting availableLineItems
+        const resultMap = await settleAllPromises(promiseResultMap);
+        const glassParts = [...store.getters.order.lineItems.glassParts];
+        const availableLineItems = [resultMap.rainDefense, ...resultMap.supportingItems, ...resultMap.wipers, ...glassParts];
 
-        // get wiper and rain defense availableLineItems
+        const pricingResults = await baseMixin.methods.dispatchStoreAction(storeActions.PRICE_ORDER_ITEMS, availableLineItems, false);
-
-        // Settle promises and get results
-
-        // get price of supporting, rain defense & wipers, and parts
-
-        // Settle pricing promise and get results
 
         // Call the "next" function to complete the transition to this page.
         next((vm) => {
             vm.setCmsContent(cmsContent);
-            vm.availableLineItems = [
+            vm.availableLineItems = pricingResults;
-                {
-                    partNumber: "001",
-                    Description: "Windshield with Recal",
-                    partType: "Windshield",
-                    Quantity: "1",
-                    BasePartNumber: "001",
-                    Color: "Green",
-                    CanSafeliteRecalibrate: true,
-                    price: 350.22,
-                },
-                {
-                    partNumber: "SBB16",
-                    description: "SAFELITE BEAM BLADE 16",
-                    partType: "FRONT WIPER",
-                    price: 32.64,
-                },
-                {
-                    partNumber: "A DISPOSAL FEE",
-                    partType: "DISPOSAL FEE",
-                    price: 15.0,
-                },
-                {
-                    partNumber: "SBB26",
-                    description: "SAFELITE BEAM BLADE 26",
-                    partType: "FRONT WIPER",
-                    price: 53.04,
-                },
-                {
-                    partNumber: "SBBR12A",
-                    description: "SAFELITE REAR BLADE 12A",
-                    partType: "REAR WIPER",
-                    price: 24.48,
-                },
-                {
-                    partNumber: "RAIN DEFENSE",
-                    description: null,
-                    partType: "RAIN DEFENSE",
-                    price: 35.5,
-                },
-                {
-                    partNumber: "RECAL STATIC",
-                    Description: "Recalibration",
-                    partType: "recalibration",
-                    Quantity: "1",
-                    price: 150.0,
-                },
-            ];
             vm.isInsuranceSelected = vm.getDefaultIsInsuranceSelectedValue();
         });
     },

src/mixins/vehicle-questions-mixin.js

@@ -42,6 +42,8 @@ export default {
                         partNumber: singlePart.partNumber,
                         description: singlePart.description,
                         color: singlePart.color,
+                        partType: singlePart.partType,
+                        canSafeliteRecalibrate: singlePart.canSafeliteRecalibrate,
                         requiresRecalibration: singlePart.requiresRecalibration,
                         requiresCapabilityQuestions: singlePart.requiresCapabilityQuestions,
                         recalibrationType: singlePart.recalibrationType,

src/store/index.js

@@ -342,7 +342,7 @@ export const mutations = {
         state.order.damage.isRepair = sessionInformation.order.damage.isRepair;
         state.order.damage.numberOfChips = sessionInformation.order.damage.numberOfChips;
 
-        state.order.lineItems.glassParts = sessionInformation.order.lineItems.parts;
+        state.order.lineItems.glassParts = sessionInformation.order.lineItems.glassParts;
         state.order.accountNumber = sessionInformation.order.accountNumber;
         state.order.providerNumber = sessionInformation.order.providerNumber;
         (state.order.serviceLocation.address =
@@ -871,6 +871,47 @@ export const actions = {
         return response;
     },
 
+    getWipers(context) {
+        const carId = context.getters.vehicle.carId;
+        const serviceZipCode = context.getters.order.serviceLocation.zipCode;
+        return globalMethods.callHttpClient({
+            method: endpoints.GetWipers.method,
+            endpoint: `${endpoints.GetWipers.url}/${carId}/${serviceZipCode}`,
+        }).catch(error => {
+            // The wiper service sometimes returns 500s on legitimate carId/zipCode combination - return empty array instead of breaking flow
+            return [];
+        });
+    },
+
+    getRainDefense(context) {
+        return globalMethods.callHttpClient({
+            method: endpoints.GetRainDefense.method,
+            endpoint: endpoints.GetRainDefense.url,
+        });
+    },
+
+    getSupportingItems(context) {
+        const glassPartsArray = context.getters.lineItems.glassParts;
+        if (!glassPartsArray) {
+            return [];
+        }
+        const carId = context.getters.vehicle.carId;
+        const isRepair = context.getters.damage.isRepair;
+        const numberOfChips = context.getters.damage.numberOfChips;
+        const accountNumber = "82791";//context.getters.order.accountNumber.toString();
+        return globalMethods.callHttpClient({
+            method: endpoints.GetSupportingItems.method,
+            endpoint: endpoints.GetSupportingItems.url,
+            payload: {
+                carId: carId,
+                serviceType: isRepair ? "Repair" : "Replace",
+                //accountNumber: accountNumber,
+                parts: glassPartsArray,
+                numberOfRepairChips: isRepair ? numberOfChips : 0
+              },
+        });
+    },
+
     getCapabilityQuestions(context, { carId, partNumber }) {
         return globalMethods.callHttpClient({
             method: endpoints.GetCapabilityQuestions.method,
@@ -984,7 +1025,7 @@ export const actions = {
             })
             .then((response) => {
                 // Flatten location and name properties
-                response.data.damage?.glassToReplace?.map((glass) => {
+                response.data.order.damage?.glassToReplace?.map((glass) => {
                     glass.glassLocation = glass.location;
                     glass.glassName = glass.name;
                     delete glass.location;
@@ -1311,6 +1352,14 @@ export const actions = {
             capabilityQuestionAnswers
         );
     },
+    // Price order actions
+    // PLACEHOLDER, WILL CHANGE WHEN PRICING END POINT IS IMPLEMENTED
+    priceOrderItems(context, availableLineItems) {
+        availableLineItems.forEach((lineItem => {
+            lineItem["price"] = parseFloat((Math.random() * 100).toFixed(2));
+        }));
+        return availableLineItems;
+    },
     // Misc order actions
     saveServiceLocation(context, serviceLocationInfo) {
         context.commit(storeMutations.UPDATE_SERVICE_LOCATION, serviceLocationInfo);
@@ -1394,7 +1443,7 @@ function sortArrayOfObjectsByPropertyValue(arrayOfObjects, propertyName) {
 }
 
 function convertGlassPieceNamingForApi(glassArray) {
-    if (!glassArray) return [];
+    if (!glassArray || glassArray.length === 0) return [];
 
     // check if array already converted.  (likely when a session has been saved previously and then reloaded)
     if (glassArray[0].location !== undefined) {