From ebc30c7776a3e795be3e7d0acdf3629a1ffecc02 Mon Sep 17 00:00:00 2001
From: Max <maxwell.dempsey@safelite.com>
Date: Wed, 16 Mar 2022 13:14:07 -0400
Subject: [PATCH] More implementations for license plate lookup

---
 src/constants/endpoints.js                    |   4 +
 src/constants/store-actions.js                |   2 +
 .../license-plate-lookup.vue                  | 232 +++++++++++-------
 src/router/router-constants/routing-table.js  |  12 +
 src/store/index.js                            |  21 +-
 5 files changed, 176 insertions(+), 95 deletions(-)

diff --git a/src/constants/endpoints.js b/src/constants/endpoints.js
index 780501cc8..d62111d9d 100644
--- a/src/constants/endpoints.js
+++ b/src/constants/endpoints.js
@@ -43,6 +43,10 @@ const endpoints = {
     url: "/vehicle/api/v1/vehicle/Lookup",
     method: "POST",
   },
+  LookupVinByPlate: {
+    url: "/vehicle/api/v1/vehicle/lookup-vin-by-plate",
+    method: "POST",
+  },
   GetPartsOrQuestions: {
     url: "/parts/api/v1/parts/parts-or-questions",
     method: "POST",
diff --git a/src/constants/store-actions.js b/src/constants/store-actions.js
index e83b44096..23b6330aa 100644
--- a/src/constants/store-actions.js
+++ b/src/constants/store-actions.js
@@ -11,7 +11,9 @@ const storeActions = {
   GET_EVOX_IMAGE: "getEvoxImage",
   LOOKUP_VEHICLE_BY_YMMS: "lookupVehicleByYmms",
   LOOKUP_VEHICLE_BY_VIN: "lookupVehicleByVin",
+  LOOKUP_VIN_BY_PLATE: "lookupVinByPlate",
   GET_PARTS_OR_QUESTIONS: "getPartsOrQuestions",
+  VALIDATE_ZIP: "validateZip",
 
   // DEPENDENCY MUTATIONS
   RESET_VEHICLE_STATE_AND_DEPENDENCIES: "resetVehicleAndDependencies",
diff --git a/src/layouts/license-plate-lookup/license-plate-lookup.vue b/src/layouts/license-plate-lookup/license-plate-lookup.vue
index 43680361d..fb2c2bfbf 100644
--- a/src/layouts/license-plate-lookup/license-plate-lookup.vue
+++ b/src/layouts/license-plate-lookup/license-plate-lookup.vue
@@ -1,15 +1,15 @@
 <template>
-    <div class="container-fluid shadow rounded-3 p-2 position-relative make-tall">
-        <funnelHeader ref="funnelHeader" />
-        <vehicleBanner ref="vehicleBanner" :displayGenericVehicleImage=false />
-        <funnelSubHeader ref="funnelSubHeader" />
-        <textboxQuestion />
-        <funnelFooter
-            ref="funnelFooter"
-            @back-clicked="backButtonAction"
-            @ForwardClicked="forwardButtonAction"
-        />
-    </div>
+  <div class="container-fluid shadow rounded-3 p-2 position-relative make-tall">
+    <funnelHeader ref="funnelHeader" />
+    <vehicleBanner ref="vehicleBanner" :displayGenericVehicleImage="false" />
+    <funnelSubHeader ref="funnelSubHeader" />
+    <textboxQuestion />
+    <funnelFooter
+      ref="funnelFooter"
+      @back-clicked="backButtonAction"
+      @ForwardClicked="forwardButtonAction"
+    />
+  </div>
 </template>
 
 <script>
@@ -18,99 +18,153 @@ import funnelHeader from "@/common-components/funnel-header/funnel-header";
 import funnelFooter from "@/common-components/funnel-footer/funnel-footer";
 import vehicleBanner from "@/common-components/vehicle-banner/vehicle-banner";
 import funnelSubHeader from "@/common-components/funnel-sub-header/funnel-sub-header";
-import textboxQuestion from "@/common-components/textbox-question/textbox-question"
+import textboxQuestion from "@/common-components/textbox-question/textbox-question";
 
 // Supporting files
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
 import store from "@/store";
+import baseMixin from "@/mixins/base-mixin.js";
 import { storeActions } from "@/constants/store-actions";
 import { storeMutations } from "@/constants/store-mutations";
 
 export default {
-    name: "license-plate-lookup",
-    async beforeRouteEnter(to, from, next) {
-        // Call APIs
-        const cmsContentPromise = fetchCmsContentForPage(to.query.fmgPage);
+  name: "license-plate-lookup",
+  async beforeRouteEnter(to, from, next) {
+    // Call APIs
+    const cmsContentPromise = fetchCmsContentForPage(to.query.fmgPage);
 
-        // Settle promises and get results
-        const promiseResultMap = [
-            {
-                resultKey: "cmsContent",
-                promise: cmsContentPromise,
-            },
-        ];
+    // Settle promises and get results
+    const promiseResultMap = [
+      {
+        resultKey: "cmsContent",
+        promise: cmsContentPromise,
+      },
+    ];
 
-        const resultMap = await settleAllPromises(promiseResultMap);
+    const resultMap = await settleAllPromises(promiseResultMap);
 
-        // Call the "next" function to complete the transition to this page.
-        next((vm) => {
-            vm.$refs.funnelHeader.initializeComponent(
-                resultMap.cmsContent.FunnelHeaderWidget
-            );
-            vm.$refs.vehicleBanner.initializeComponent(
-                resultMap.cmsContent.VehicleBannerWidget
-            );
-            vm.$refs.funnelSubHeader.initializeComponent(
-                resultMap.cmsContent.FunnelSubHeaderWidget
-            );
-            vm.$refs.funnelFooter.initializeComponent(
-                resultMap.cmsContent.FunnelFooterWidget
-            );
-            // vm.$refs.licensePlateNumber.initializeComponent(
-            //     resultMap.cmsContent.LicensePlateNumber
-            // );
-            console.log(resultMap)
-        });
+    // Call the "next" function to complete the transition to this page.
+    next((vm) => {
+      vm.$refs.funnelHeader.initializeComponent(
+        resultMap.cmsContent.FunnelHeaderWidget
+      );
+      vm.$refs.vehicleBanner.initializeComponent(
+        resultMap.cmsContent.VehicleBannerWidget
+      );
+      vm.$refs.funnelSubHeader.initializeComponent(
+        resultMap.cmsContent.FunnelSubHeaderWidget
+      );
+      vm.$refs.funnelFooter.initializeComponent(
+        resultMap.cmsContent.FunnelFooterWidget
+      );
+      // vm.$refs.licensePlateNumber.initializeComponent(
+      //     resultMap.cmsContent.LicensePlateNumber
+      // );
+      console.log(resultMap);
+    });
+  },
+  data() {
+    return {
+      newServiceZipRequired: false,
+      vinNotValid: false,
+      vinDoesNotMatchCarId: false,
+    };
+  },
+  methods: {
+    arePagePrerequisitesValid() {
+      return store.getters.vehicle.carId !== null;
     },
-    methods: {
-        arePagePrerequisitesValid(){
-            return store.getters.vehicle.carId !== null;
-        },
-        resetDependentState(){
-            store.commit(storeMutations.UPDATE_REGISTRATION_ADDRESS, null);
-            store.commit(storeMutations.UPDATE_REGISTRATION_CITY, null);
-            store.commit(storeMutations.UPDATE_REGISTRATION_FIRST_NAME, null);
-            store.commit(storeMutations.UPDATE_REGISTRATION_LAST_NAME, null);
-            store.dispatch(storeActions.RESET_PARTS_STATE_AND_DEPENDENCIES);
-        },
-        backButtonAction(){
-            // route to move backwards
-            this.$router.navigate(
-                this.navigationScenarios.CLICKED_BACK,
-                this.$route
-            );
-        },
-        forwardButtonAction(){
+    resetDependentState() {
+      store.commit(storeMutations.UPDATE_REGISTRATION_ADDRESS, null);
+      store.commit(storeMutations.UPDATE_REGISTRATION_CITY, null);
+      store.commit(storeMutations.UPDATE_REGISTRATION_FIRST_NAME, null);
+      store.commit(storeMutations.UPDATE_REGISTRATION_LAST_NAME, null);
+      store.dispatch(storeActions.RESET_PARTS_STATE_AND_DEPENDENCIES);
+    },
+    backButtonAction() {
+      // route to move backwards
+      this.$router.navigate(this.navigationScenarios.CLICKED_BACK, this.$route);
+    },
+    async forwardButtonAction(zip, plate) {
+      const zipValidation = await this.validateZip(zip);
+      const vinLookup = await this.lookupVin(plate);
+      if (!zipValidation.isServiceable) {
+        this.newServiceZipRequired = true;
+        return;
+      } 
+      if (!vinLookup.vin) {
+        this.vinNotValid = true;
+        return;
+      } 
+      if (vinLookup.vehicle.carId !== store.getters.vehicle.carId) {
+        this.vinDoesNotMatchCarId = true;
+        return;
+      }
 
+      const partsData = await baseMixin.methods.dispatchNonBlockingStoreAction(
+        this.storeActions.GET_PARTS_OR_QUESTIONS,
+        {
+          carId: store.getters.vehicle.carId,
+          glassArray: store.getters.damage.glassToReplace,
+          zipCode: zip,
+          vin: vinLookup.vin
         },
-        updateStore(){
-            // if(vehicleDamage){
-            //     store.dispatch(storeActions.RESET_DAMAGE_STATE_AND_DEPENDENCIES);
-            // }
-            store.commit(storeMutations.UPDATE_VEHICLE_VIN, null); 
-            store.commit(storeMutations.UPDATE_YEAR, null); 
-            store.commit(storeMutations.UPDATE_MAKE, null); 
-            store.commit(storeMutations.UPDATE_MODEL, null); 
-            store.commit(storeMutations.UPDATE_STYLE, null); 
-            store.commit(storeMutations.UPDATE_CAR_ID, null); 
-            store.commit(storeMutations.UPDATE_VEHICLE_CATEGORY, null); 
-            store.commit(storeMutations.UPDATE_VEHICLE_IMAGE_URL, null); 
-            store.commit(storeMutations.UPDATE_VEHICLE_IMAGE_VIF_NUMBER, null); 
-            store.commit(storeMutations.UPDATE_VEHICLE_IMAGE_COLOR, null); 
-            store.commit(storeMutations.UPDATE_REGISTRATION_LICENSE_PLATE, null); 
-            store.commit(storeMutations.UPDATE_REGISTRATION_STATE, null);
-            store.commit(storeMutations.UPDATE_REGISTRATION_ZIP_CODE, null);
-            store.commit(storeMutations.UPDATE_SERVICE_LOCATION_ZIP, null);
-            store.commit(storeMutations.UPDATE_CUSTOMER_EMAIL_ADDRESS, null);
+        false
+      );
+
+      this.navigateForward(partsData);
+    },
+    navigateForward(partsData){
+        if(partsData.data.partsOrQuestions.partQuestions.length){
+            this.$router.navigateAfterSave(this.navigationScenarios.CONTINUING_WITH_PARTS_QUESTION, this.$route, {}, {}, partsData.data);
+            return;
+        } else if(!partsData.data.partsOrQuestions.partQuestions.length && partsData.data.partsOrQuestions.parts.length > 1) {
+           this.$router.navigateAfterSave(this.navigationScenarios.CONTINUING_WITH_MULTIPLE_PARTS, this.$route, {}, {}, partsData.data);
+           return; 
+        } else {
+            this.$router.navigate(this.navigationScenarios.CONTINUING_WITH_SINGLE_PART, this.$route);
         }
     },
-    components: {
-        funnelHeader,
-        funnelFooter,
-        vehicleBanner,
-        textboxQuestion,
-        funnelSubHeader,
-    }
-}
+    validateZip(zip) {
+      return baseMixin.methods.dispatchNonBlockingStoreAction(
+        storeActions.VALIDATE_ZIP,
+        { zip }
+      );
+    },
+    lookupVin(plate, state) {
+      return baseMixin.methods.dispatchNonBlockingStoreAction(
+        storeActions.LOOKUP_VIN_BY_PLATE,
+        { plate, state }
+      );
+    },
+    updateStore() {
+      // if(vehicleDamage){
+      //     store.dispatch(storeActions.RESET_DAMAGE_STATE_AND_DEPENDENCIES);
+      // }
+      store.commit(storeMutations.UPDATE_VEHICLE_VIN, null);
+      store.commit(storeMutations.UPDATE_YEAR, null);
+      store.commit(storeMutations.UPDATE_MAKE, null);
+      store.commit(storeMutations.UPDATE_MODEL, null);
+      store.commit(storeMutations.UPDATE_STYLE, null);
+      store.commit(storeMutations.UPDATE_CAR_ID, null);
+      store.commit(storeMutations.UPDATE_VEHICLE_CATEGORY, null);
+      store.commit(storeMutations.UPDATE_VEHICLE_IMAGE_URL, null);
+      store.commit(storeMutations.UPDATE_VEHICLE_IMAGE_VIF_NUMBER, null);
+      store.commit(storeMutations.UPDATE_VEHICLE_IMAGE_COLOR, null);
+      store.commit(storeMutations.UPDATE_REGISTRATION_LICENSE_PLATE, null);
+      store.commit(storeMutations.UPDATE_REGISTRATION_STATE, null);
+      store.commit(storeMutations.UPDATE_REGISTRATION_ZIP_CODE, null);
+      store.commit(storeMutations.UPDATE_SERVICE_LOCATION_ZIP, null);
+      store.commit(storeMutations.UPDATE_CUSTOMER_EMAIL_ADDRESS, null);
+    },
+  },
+  components: {
+    funnelHeader,
+    funnelFooter,
+    vehicleBanner,
+    textboxQuestion,
+    funnelSubHeader,
+  },
+};
 </script>
diff --git a/src/router/router-constants/routing-table.js b/src/router/router-constants/routing-table.js
index 97353d754..c30afcc7e 100644
--- a/src/router/router-constants/routing-table.js
+++ b/src/router/router-constants/routing-table.js
@@ -117,6 +117,18 @@ const routingTable = [
         scenario: navigationScenarios.CLICKED_BACK,
         destinationFmgPageValue: fmgPageValues.ESTIMATE,
       },
+      {
+        scenario: navigationScenarios.CONTINUING_WITH_PARTS_QUESTION,
+        destinationFmgPageValue: fmgPageValues.PART_QUESTIONS,
+      },
+      {
+        scenario: navigationScenarios.CONTINUING_WITH_MULTIPLE_PARTS,
+        destinationFmgPageValue: fmgPageValues.VEHICLE_PARTS,
+      },
+      {
+        scenario: navigationScenarios.CONTINUING_WITH_SINGLE_PART,
+        destinationFmgPageValue: fmgPageValues.REVEAL,
+      },
     ],
   },
 ];
diff --git a/src/store/index.js b/src/store/index.js
index 19055d449..2cdac764d 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -50,12 +50,6 @@ export const state = {
     eventBus: [],
     pageData: {}
   },
-  serviceLocation: {
-    zip: null,
-  },
-  customer: {
-    emailAddress: null,
-  },
 }
 
 // Export Mutations
@@ -226,6 +220,15 @@ export const actions = {
       },
     });
   },
+  lookupVinByPlate(context, { plate }) {
+    return globalMethods.callHttpClient({
+      method: endpoints.LookupVinByPlate.method,
+      endpoint: endpoints.LookupVinByPlate.url,
+      payload: {
+        plate: plate, 
+      },
+    });
+  },
   getVehicleMakes(context, { year }) {
     return globalMethods.callHttpClient({
       method: endpoints.GetVehicleMakes.method,
@@ -270,6 +273,12 @@ export const actions = {
       payload: {},
     });
   },
+  validateZip(context, {zip}) {
+    return globalMethods.callHttpClient({
+      methods: endpoints.ValidateZip.method,
+      endpoint: `${endpoints.ValidateZip.url}/${zip}`
+    })
+  },
 
   // DEPENDENCY ACTIONS
   resetVehicleAndDependencies(context) {