From 58d60a58347c82af00eb9fd2c84585ca12e6070b Mon Sep 17 00:00:00 2001
From: Chloe Herd <chloe.herd@safelite.com>
Date: Tue, 9 Jul 2024 11:10:37 -0400
Subject: [PATCH] Recal Modal

---
 .../checkbox-question/checkbox-question.vue               | 8 +++++++-
 src/layouts/payment-method/payment-method.vue             | 3 +--
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/digital-components/checkbox-question/checkbox-question.vue b/src/digital-components/checkbox-question/checkbox-question.vue
index d08446b02..93b680b6a 100644
--- a/src/digital-components/checkbox-question/checkbox-question.vue
+++ b/src/digital-components/checkbox-question/checkbox-question.vue
@@ -18,7 +18,8 @@
                 class="m-0"
                 :customText="checkboxLabelCopy"
                 marginTopSizeOverride="0"
-                typeStyle="small" />
+                typeStyle="small"
+                @text-link-clicked="bubbleTextBlockClick" />
             <span v-if="screenReaderOnlyText" class="sr-only">{{ screenReaderOnlyText }}</span>
         </label>
     </div>
@@ -81,6 +82,11 @@ export default {
             default: false,
         },
     },
+    methods: {
+        bubbleTextBlockClick(event) {
+            this.$emit("textLinkClicked", event);
+        },
+    },
     watch: {
         modelValue(newValue, oldValue) {
             if (this.value !== newValue) {
diff --git a/src/layouts/payment-method/payment-method.vue b/src/layouts/payment-method/payment-method.vue
index 1ea5a16ab..3cd183af2 100644
--- a/src/layouts/payment-method/payment-method.vue
+++ b/src/layouts/payment-method/payment-method.vue
@@ -60,7 +60,7 @@
                                 isRequired="true"
                                 v-model="isRecalAckOptIn"
                                 validationRules="recal-ack-required"
-                                @text-link-clicked="openModal" />
+                                @text-link-clicked="openModal('RecalModal')" />
                         </div>
                     </div>
 
@@ -715,7 +715,6 @@ export default {
 <style></style>
 
 <style lang="scss" scoped>
-
 .checkbox-group {
     align-items: start;
     > * {