From ec9584135b6b443115623199e1aa8e6597727ce0 Mon Sep 17 00:00:00 2001
From: Leah Schumann <leah.schumann@safelite.com>
Date: Wed, 2 Aug 2023 09:31:45 -0400
Subject: [PATCH] Persistence Code for Customer Details

---
 src/constants/store-actions.js                |  1 +
 src/constants/store-mutations.js              |  4 +-
 .../textarea-question/textarea-question.vue   |  2 +-
 .../customer-details/customer-details.spec.js |  2 +-
 .../customer-details/customer-details.vue     | 59 ++++++++++++++++---
 src/store/index.js                            | 26 ++++----
 6 files changed, 73 insertions(+), 21 deletions(-)

diff --git a/src/constants/store-actions.js b/src/constants/store-actions.js
index 9d7d3ea6a..c2a297823 100644
--- a/src/constants/store-actions.js
+++ b/src/constants/store-actions.js
@@ -85,6 +85,7 @@ const storeActions = {
         "saveSupportingItemsSuppressingStateResetting",
     SAVE_VAPS: "saveVaps",
     SAVE_CUSTOMER_DETAILS: "saveCustomerDetails",
+    SAVE_SERVICE_LOCATION_TECH_NOTES: "saveServiceLocationTechNotes",
 };
 
 export { storeActions };
diff --git a/src/constants/store-mutations.js b/src/constants/store-mutations.js
index 76d510507..7b57187c2 100644
--- a/src/constants/store-mutations.js
+++ b/src/constants/store-mutations.js
@@ -34,11 +34,13 @@ const storeMutations = {
 
     UPDATE_SERVICE_ZIP: "updateServiceZip",
     UPDATE_SERVICE_LOCATION: "updateServiceLocation",
+    UPDATE_SERVICE_LOCATION_TECH_NOTES: "updateServiceLocationTechNotes",
+    UPDATE_TECH_NOTES: "updateTechNotes",
     UPDATE_SCHEDULE: "updateSchedule",
 
     UPDATE_CUSTOMER_EMAIL_ADDRESS: "updateCustomerEmailAddress",
 
-    //CUSTOMER MUTATIONS
+    // CUSTOMER MUTATIONS
     UPDATE_CUSTOMER_DETAILS: "updateCustomerDetails",
 
     // ORDER MUTATIONS
diff --git a/src/digital-components/textarea-question/textarea-question.vue b/src/digital-components/textarea-question/textarea-question.vue
index 0ffe5ec0a..83d718976 100644
--- a/src/digital-components/textarea-question/textarea-question.vue
+++ b/src/digital-components/textarea-question/textarea-question.vue
@@ -54,7 +54,7 @@ export default {
             },
         },
         remainingCount() {
-            return this.maxLength - this.value.length;
+            return this.maxLength - (this.value?.length ?? 0);
         },
         urgentCountdown() {
             return this.remainingCount <= this.maxLength * 0.1 ? true : false;
diff --git a/src/layouts/customer-details/customer-details.spec.js b/src/layouts/customer-details/customer-details.spec.js
index af43c1930..450339f4c 100644
--- a/src/layouts/customer-details/customer-details.spec.js
+++ b/src/layouts/customer-details/customer-details.spec.js
@@ -36,7 +36,7 @@ describe("customer-details.vue", () => {
             await wrapper.vm.forwardButtonAction();
 
             // Assert
-            expect(navigateToHeritage.navigateToHeritageFunnel).toHaveBeenCalled();
+            expect(wrapper.vm.$router.navigateWithoutSaving).toHaveBeenCalled();
         });
     });
 });
diff --git a/src/layouts/customer-details/customer-details.vue b/src/layouts/customer-details/customer-details.vue
index 9a0d7e554..06694586a 100644
--- a/src/layouts/customer-details/customer-details.vue
+++ b/src/layouts/customer-details/customer-details.vue
@@ -32,7 +32,7 @@
             <checkboxQuestion
                 class="mb-5"
                 cmsWidgetName="TextMeQuestionWidget"
-                v-model="textMeUpdates" />
+                v-model="isSmsOptin" />
             <textareaQuestion
                 class="mb-4"
                 v-model="techNotes"
@@ -68,6 +68,7 @@ import { required, regex } from "@/helpers/validation-rules";
 import { Form, defineRule } from "vee-validate";
 import { useField, validate } from "vee-validate";
 import { navigateToHeritageFunnel } from "@/helpers/heritage-integration/navigation-helper";
+import store from "@/store";
 
 // DEFINE VALIDATION RULES
 defineRule("first-name-required", required(errorMessages.FIRST_NAME_REQUIRED));
@@ -105,12 +106,12 @@ export default {
     },
     data() {
         return {
-            techNotes: "",
-            firstName: "",
-            lastName: "",
-            emailAddress: "",
-            phoneNumber: "",
-            textMeUpdates: null,
+            firstName: this.getFirstNameFromStore(),
+            lastName: this.getLastNameFromStore(),
+            emailAddress: this.getEmailAddressFromStore(),
+            phoneNumber: this.getPhoneNumberFromStore(),
+            isSmsOptin: this.getIsSmsOptinFromStore(),
+            techNotes: this.getTechNotesFromStore(),
         };
     },
     computed: {
@@ -122,11 +123,53 @@ export default {
         arePagePrerequisitesValid() {
             return true;
         },
+        getFirstNameFromStore() {
+            return store.getters.order.customer.firstName;
+        },
+        getLastNameFromStore() {
+            return store.getters.order.customer.lastName;
+        },
+        getEmailAddressFromStore() {
+            return store.getters.order.customer.emailAddress;
+        },
+        getPhoneNumberFromStore() {
+            return store.getters.order.customer.phoneNumber;
+        },
+        getIsSmsOptinFromStore() {
+            return store.getters.order.customer.isSmsOptin;
+        },
+        getTechNotesFromStore() {
+            return store.getters.order.serviceLocation.techNotes;
+        },
         backButtonAction() {
             this.$router.navigateWithoutSaving(this.navigationScenarios.CLICKED_BACK, this.$route);
         },
         forwardButtonAction() {
-            navigateToHeritageFunnel({ loadingModal: this.$refs.loadingModal });
+            this.dispatchStoreAction(
+                this.storeActions.SAVE_CUSTOMER_DETAILS,
+                {
+                    firstName: this.firstName,
+                    lastName: this.lastName,
+                    emailAddress: this.emailAddress,
+                    phoneNumber: this.phoneNumber,
+                    isSmsOptin: this.isSmsOptin,
+                },
+                false
+            );
+
+            this.dispatchStoreAction(
+                this.storeActions.SAVE_SERVICE_LOCATION_TECH_NOTES,
+                this.techNotes,
+                false
+            );
+
+            //Temporary, still need to determine what needs to be saved before continuing.
+            this.$router.navigateWithoutSaving(
+                this.navigationScenarios.CLICKED_FORWARD,
+                this.$route
+            );
+
+            //navigateToHeritageFunnel({ loadingModal: this.$refs.loadingModal });
         },
     },
     components: {
diff --git a/src/store/index.js b/src/store/index.js
index c3751b86a..951887533 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -277,6 +277,9 @@ export const mutations = {
             },
         };
     },
+    updateServiceLocationTechNotes(state, techNotes) {
+        state.order.serviceLocation.techNotes = techNotes;
+    },
     updateSchedule(state, scheduleInfo) {
         if (scheduleInfo) {
             state.order.schedule.date = scheduleInfo.date;
@@ -286,14 +289,13 @@ export const mutations = {
             state.order.schedule.jobMaxMinutes = scheduleInfo.jobMaxMinutes;
         }
     },
-    updateCustomerDetails(state, detailsInfo) {
-        if (detailsInfo) {
-            state.order.customerDetails.firstName = detailsInfo.firstName;
-            state.order.customerDetails.lastName = detailsInfo.lastName;
-            state.order.customerDetails.email = detailsInfo.email;
-            state.order.customerDetails.telephone = detailsInfo.telephone;
-            state.order.customerDetails.textUpdates = detailsInfo.textUpdates;
-            state.order.customerDetails.techNotes = detailsInfo.techNotes;
+    updateCustomerDetails(state, customerDetails) {
+        if (customerDetails) {
+            state.order.customer.firstName = customerDetails.firstName;
+            state.order.customer.lastName = customerDetails.lastName;
+            state.order.customer.emailAddress = customerDetails.emailAddress;
+            state.order.customer.phoneNumber = customerDetails.phoneNumber;
+            state.order.customer.isSmsOptin = customerDetails.isSmsOptin;
         }
     },
 
@@ -1948,8 +1950,8 @@ export const actions = {
         context.commit(storeMutations.UPDATE_SCHEDULE, scheduleInfo);
     },
 
-    saveDetails(context, scheduleInfo) {
-        context.commit(storeMutations.UPDATE_DETAILS, scheduleInfo);
+    saveCustomerDetails(context, customerDetails) {
+        context.commit(storeMutations.UPDATE_CUSTOMER_DETAILS, customerDetails);
     },
 
     saveServiceZipCodeInfo(context, serviceZipCodeInfo) {
@@ -1983,6 +1985,10 @@ export const actions = {
         context.commit(storeMutations.UPDATE_SERVICE_LOCATION, serviceLocationInfo);
     },
 
+    saveServiceLocationTechNotes(context, techNotesInfo) {
+        context.commit(storeMutations.UPDATE_SERVICE_LOCATION_TECH_NOTES, techNotesInfo);
+    },
+
     saveEmail(context, email) {
         context.commit(storeMutations.UPDATE_CUSTOMER_EMAIL_ADDRESS, email === "" ? null : email);
     },