From 5ed736cf3514535f9524c3c160d20d3e72fe3467 Mon Sep 17 00:00:00 2001
From: Kroell <Katie.Kroell@safelite.com>
Date: Wed, 19 Apr 2023 12:29:25 -0400
Subject: [PATCH] serviceability details

---
 src/constants/endpoints.js                    |  6 +++++-
 src/helpers/service-location-helper.js        |  3 +--
 .../service-location/service-location.vue     | 21 ++++++++++++++++---
 3 files changed, 24 insertions(+), 6 deletions(-)

diff --git a/src/constants/endpoints.js b/src/constants/endpoints.js
index 69da2eae..4df09c86 100644
--- a/src/constants/endpoints.js
+++ b/src/constants/endpoints.js
@@ -46,7 +46,11 @@ const endpoints = {
   GetPartFromCapabilityAnswer: {
     url: "/parts/api/v1/parts/part-from-capability-answer",
     method: "POST",
-},
+  },
+  GetServiceabilityDetails: {
+    url: "/location/api/v1/location/serviceability-details",
+    method: "GET",
+  },
   GetVehicle: {
     url: "/vehicle/api/v1/vehicle/lookup",
     method: "GET",
diff --git a/src/helpers/service-location-helper.js b/src/helpers/service-location-helper.js
index 9008a8c5..ca8841c8 100644
--- a/src/helpers/service-location-helper.js
+++ b/src/helpers/service-location-helper.js
@@ -2,8 +2,7 @@ import { useMainStore } from '@/store';
 import baseMixin from "@/mixins/base-mixin.js";
 
 export async function getServiceabilityDetails(serviceZipCode, lineItems) {
-    const serviceabilityDetails = await baseMixin.methods.dispatchStoreAction(
-        useMainStore.GET_SERVICEABILITY_DETAILS,
+    const serviceabilityDetails = await useMainStore().getServiceabilityDetails(
         {
             serviceZipCode: serviceZipCode,
             lineItems: lineItems,
diff --git a/src/layouts/service-location/service-location.vue b/src/layouts/service-location/service-location.vue
index 69aaf3de..02b0f0e4 100644
--- a/src/layouts/service-location/service-location.vue
+++ b/src/layouts/service-location/service-location.vue
@@ -40,15 +40,17 @@
 </template>
 <script>
   // Import Supporting Files
-import { fetchCmsContentForPage, setupModalLinks } from "@/helpers/cms-content-helper";
+import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
 import { required } from "@/helpers/validation-rules";
 import { errorMessages } from "@/constants/error-messages";
 import buttonQuestion from "@/digital-components/button-question/button-question";
 import { useMainStore } from "@/store";
+import { getServiceabilityDetails } from "@/helpers/service-location-helper";
 
 // Import Component
 import baseFormMixin from "@/mixins/base-form-mixin";
+import baseMixin from "@/mixins/base-mixin";
 import { Form, defineRule } from "vee-validate";
 import siteFooter from "@/iss-components/site-footer/site-footer.vue";
 import siteHeader from "@/iss-components/site-header/site-header.vue";
@@ -59,17 +61,30 @@ import serviceZipModalQuestion from '@/layouts/service-location/service-zip-moda
 defineRule("selection-required", required(errorMessages.OPTION_REQUIRED));
 export default {
     name: "service-location",
-    mixins: [baseFormMixin],
+    mixins: [baseFormMixin, baseMixin],
     async beforeRouteEnter(to, from, next) {
         // Call APIs
         const cmsContentPromise = fetchCmsContentForPage(to.query.issPage);
+
+        const serviceZipCode = useMainStore().order.serviceLocation.zipCode;
+        const getZipCodeData = baseMixin.methods.getZipCodeData(serviceZipCode);
+
+        const serviceabilityDetailsPromise = getServiceabilityDetails(serviceZipCode);
         
         // Settle promises and get results
         const promiseResultMap = [
             {
                 resultKey: "cmsContent",
                 promise: cmsContentPromise,
-            }, 
+            },
+            {
+                resultKey: "serviceabilityDetails",
+                promise: serviceabilityDetailsPromise,
+            },
+            {
+                resultKey: "zipCodeData",
+                promise: getZipCodeData,
+            },
         ];
 
         const resultMap = await settleAllPromises(promiseResultMap);