From 9f363c5ed9007a5b2121916a08a82cab9866060a Mon Sep 17 00:00:00 2001
From: Leah Schumann <leah.schumann@safelite.com>
Date: Tue, 31 Jan 2023 08:37:14 -0500
Subject: [PATCH] Checkpoint - Quote page models now opening programatically

---
 .../button-question/button-question.vue              |  9 +++++----
 .../address-questions/address-questions.vue          |  6 ------
 .../service-package-question.vue                     |  4 ++--
 .../service-package-radio/service-package-radio.vue  | 12 +++++++-----
 4 files changed, 14 insertions(+), 17 deletions(-)

diff --git a/src/digital-components/button-question/button-question.vue b/src/digital-components/button-question/button-question.vue
index 7defb5b5d..7472c95f5 100644
--- a/src/digital-components/button-question/button-question.vue
+++ b/src/digital-components/button-question/button-question.vue
@@ -53,7 +53,7 @@ https://safelite.atlassian.net/wiki/spaces/DC/pages/76644418/Button+Question+Com
                             :lastValuePushedToGa="lastValuePushedToGa"
                             :setLastValuePushedToGa="setLastValuePushedToGa"
                             :suppressError="suppressError"
-                            @openModal="openModal"
+                            @nestedComponentEvent="handleNestedComponentEvent"
                             v-model="selectedValues" />
                         <!-- For nested questions -->
                         <transition name="fade" mode="out-in">
@@ -215,9 +215,10 @@ export default {
         setLastValuePushedToGa(lastValuePushedToGa) {
             this.lastValuePushedToGa = lastValuePushedToGa;
         },
-        openModal(modalName) {
-            this.$emit("openModal", modalName);
-        }
+        handleNestedComponentEvent(event) {
+            const eventName = event.eventName;
+            this.$emit(`${eventName}`, event.args);
+        },
     },
     components: {
         listButton,
diff --git a/src/layouts/address-lookup/customer-questions/address-questions/address-questions.vue b/src/layouts/address-lookup/customer-questions/address-questions/address-questions.vue
index ff7fb0d9a..ff8e7d7a7 100644
--- a/src/layouts/address-lookup/customer-questions/address-questions/address-questions.vue
+++ b/src/layouts/address-lookup/customer-questions/address-questions/address-questions.vue
@@ -320,7 +320,6 @@ export default {
                     }
 
                     function fillInAddress(place) {
-                        console.log("fillInAddress");
                         if (!place) {
                             place = autocomplete.getPlace();
                         }
@@ -416,11 +415,6 @@ export default {
                 }
             },
         },
-        "addressModel.streetAddress": {
-            handler(newValue, oldValue) {
-                console.log(`I got changed from ${oldValue} to ${newValue}`);
-            },
-        },
     },
     components: {
         textboxQuestion,
diff --git a/src/layouts/quote/service-package-question/service-package-question.vue b/src/layouts/quote/service-package-question/service-package-question.vue
index 25a0dfb2f..b0f3c1023 100644
--- a/src/layouts/quote/service-package-question/service-package-question.vue
+++ b/src/layouts/quote/service-package-question/service-package-question.vue
@@ -1,5 +1,6 @@
 <template>
-    <buttonQuestion ref="buttonQuestion"
+    <buttonQuestion
+        ref="buttonQuestion"
         :answers="servicePackageAnswers"
         :groupName="groupName"
         buttonTypeString="servicePackageRadio"
@@ -142,7 +143,6 @@ export default {
         shouldDisplayTierTwoPackage() {
             return this.frontWipersApplicableForTierTwo || this.rearWiperApplicableForTierTwo;
         },
-
     },
     methods: {
         processIfStatements,
diff --git a/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue b/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue
index 8286efde7..83f430792 100644
--- a/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue
+++ b/src/layouts/quote/service-package-question/service-package-radio/service-package-radio.vue
@@ -32,9 +32,14 @@
                                         linkType="text"
                                         :text="getRouterLinkDisplayTextFromCopy(copy)"
                                         href="#!"
-                                        @click-event="$emit('openModal', getRouterLinkRouteFromCopy(copy))"
+                                        @click-event="
+                                            $emit('nestedComponentEvent', {
+                                                eventName: 'openModal',
+                                                args: getRouterLinkRouteFromCopy(copy),
+                                            })
+                                        "
                                         :data-bs-target="'#' + getRouterLinkRouteFromCopy(copy)"
-                                        aria-label="Modal window" />    
+                                        aria-label="Modal window" />
                                     <!-- <textLink
                                         linkType="text"
                                         :text="getRouterLinkDisplayTextFromCopy(copy)"
@@ -95,9 +100,6 @@ export default {
                 .split(/(?:<li(?:.*?)>)|(?:<\/li>)/g)
                 .filter((lineItem) => lineItem);
         },
-        openModal(modalName) {
-            this.$emit("openModal", modalName);
-        }
     },
 };
 </script>