From 8c89d28263b97d61c5f4364fd24c8cb249a6f9ca Mon Sep 17 00:00:00 2001
From: hiteshkumar87 <hitesh.kumar@safelite.com>
Date: Wed, 15 Jan 2025 18:35:29 +0530
Subject: [PATCH] CASH-79-Vehicle-Part

Adding Save progress to Vehicle part
---
 src/layouts/vehicle-parts/vehicle-parts.vue | 15 ++++++++++++++-
 1 file changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/layouts/vehicle-parts/vehicle-parts.vue b/src/layouts/vehicle-parts/vehicle-parts.vue
index b95964104..b0a1ffcd9 100644
--- a/src/layouts/vehicle-parts/vehicle-parts.vue
+++ b/src/layouts/vehicle-parts/vehicle-parts.vue
@@ -45,6 +45,11 @@
                             :isForwardActionDisabled="isForwardActionDisabled"
                             @back-clicked="navigateBack"
                             @ForwardClicked="forwardButtonAction" />
+
+                        <saveProgressModalQuestion
+                            modalWidgetName="SaveProgressModalWidget"
+                            v-if="!isEmailInStoreOnPageLoad"
+                            @save-progress="saveProgress" />
                     </div>
                 </div>
             </div>
@@ -60,6 +65,7 @@ import funnelSubHeader from "@/fmg-components/funnel-sub-header/funnel-sub-heade
 import navbar from "@/fmg-components/nav-bar/nav-bar";
 import alert from "@/ux-components/alert/alert";
 import loadingModal from "@/fmg-components/loading-modal/loading-modal.vue";
+import saveProgressModalQuestion from "@/fmg-components/save-progress-modal-question/save-progress-modal-question";
 // Supporting Files
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
 import { settleAllPromises } from "@/helpers/layout-helper";
@@ -69,6 +75,7 @@ import store from "@/store";
 import vehicleQuestionsMixin from "@/mixins/vehicle-questions-mixin";
 import baseMixin from "@/mixins/base-mixin.js";
 import { partTypeStrings } from "@/constants/part-type-strings";
+import { saveQuote } from "@/helpers/heritage-integration/order-helper.js";
 
 export default {
     name: "vehicle-parts",
@@ -84,10 +91,11 @@ export default {
             },
         ];
         const resultMap = await settleAllPromises(promiseResultMap);
+        const emailFromStore = store.getters.order?.customer?.emailAddress;
         // Call the "next" function to complete the transition to this page.
         next((vm) => {
             vm.setCmsContent(resultMap.cmsContent);
-
+            vm.isEmailInStoreOnPageLoad = emailFromStore?.length > 0;
             // Glass Part Question dynamic component
             Object.keys(vm.$refs)
                 .filter((r) => r.includes(vm.RefPrefix) && vm.$refs[r][0] !== undefined)
@@ -107,6 +115,7 @@ export default {
             selectedGlassParts: {},
             alertWidgetData: Object,
             alreadyPopulatedPartsData: [],
+            isEmailInStoreOnPageLoad: null,
         };
     },
     computed: {
@@ -225,6 +234,9 @@ export default {
                 });
             });
         },
+        saveProgress() {
+            saveQuote({ pageNameToLog: "vehicle-parts" });
+        },
     },
     mounted() {
         this.LoadInitialPartsData();
@@ -237,6 +249,7 @@ export default {
         navbar,
         alert,
         loadingModal,
+        saveProgressModalQuestion,
     },
 };
 </script>