From 54d155be4d5865950d19c6be846b44fd70119cbf Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Tue, 15 Aug 2023 10:15:20 -0400
Subject: [PATCH] Populate fields and detect changes on submit.

---
 .../customer-details-modal-question.vue       | 29 +++++++++++++++++--
 src/layouts/review/review.vue                 |  4 ++-
 2 files changed, 29 insertions(+), 4 deletions(-)

diff --git a/src/layouts/review/review-sections/customer-review/customer-details-modal-question/customer-details-modal-question.vue b/src/layouts/review/review-sections/customer-review/customer-details-modal-question/customer-details-modal-question.vue
index f02ecd3b4..5e8feef9a 100644
--- a/src/layouts/review/review-sections/customer-review/customer-details-modal-question/customer-details-modal-question.vue
+++ b/src/layouts/review/review-sections/customer-review/customer-details-modal-question/customer-details-modal-question.vue
@@ -68,11 +68,22 @@ export default {
             isSmsOptIn: false,
         };
     },
-    props: {},
+    props: {
+        previousCustomerValues: Object,
+    },
     computed: {
         modal() {
             return this.$refs.CustomerDetailsModal;
         },
+        haveCustomerDetailsChanged() {
+            return (
+                this.firstName !== this.previousCustomerValues?.firstName ||
+                this.lastName !== this.previousCustomerValues?.lastName ||
+                this.emailAddress !== this.previousCustomerValues?.emailAddress ||
+                this.phoneNumber !== this.previousCustomerValues?.phoneNumber ||
+                this.isSmsOptIn !== this.previousCustomerValues?.isSmsOptIn
+            );
+        },
     },
     methods: {
         openModal() {
@@ -81,12 +92,24 @@ export default {
         closeModal() {
             this.modal.closeModal();
         },
-        onModalOpened() {},
+        onModalOpened() {
+            this.firstName = this.previousCustomerValues?.firstName ?? "";
+            this.lastName = this.previousCustomerValues?.lastName ?? "";
+            this.emailAddress = this.previousCustomerValues?.emailAddress ?? "";
+            this.phoneNumber = this.previousCustomerValues?.phoneNumber ?? "";
+            this.isSmsOptIn = this.previousCustomerValues?.isSmsOptIn ?? false;
+        },
         onModalClosed() {},
         setModalStatus(isOpened) {
             this.isModalOpened = isOpened;
         },
-        setContactDetails() {},
+        async setContactDetails() {
+            if (this.haveCustomerDetailsChanged) {
+                console.log("change detected");
+            }
+
+            this.closeModal();
+        },
     },
     components: {
         modal,
diff --git a/src/layouts/review/review.vue b/src/layouts/review/review.vue
index d99ba1cda..fe14e8f7e 100644
--- a/src/layouts/review/review.vue
+++ b/src/layouts/review/review.vue
@@ -89,7 +89,9 @@
                 <hr class="my-0" />
             </div>
 
-            <customerDetailsModalQuestion ref="customerDetailsModalQuestion" />
+            <customerDetailsModalQuestion
+                ref="customerDetailsModalQuestion"
+                :previousCustomerValues="customerInfo" />
 
             <funnelFooter
                 cmsWidgetName="FunnelFooterWidget"