From 0ee1cda67e4bae1969d00fcac0be7c9261718201 Mon Sep 17 00:00:00 2001
From: Adam Caouette <adam.caouette@safelite.com>
Date: Thu, 20 Jun 2024 16:19:47 -0400
Subject: [PATCH] CSR-2115: get modal to work from CMS link

---
 src/layouts/payment-method/payment-method.vue | 21 ++++++++-----------
 1 file changed, 9 insertions(+), 12 deletions(-)

diff --git a/src/layouts/payment-method/payment-method.vue b/src/layouts/payment-method/payment-method.vue
index c559c1b11..88107c80c 100644
--- a/src/layouts/payment-method/payment-method.vue
+++ b/src/layouts/payment-method/payment-method.vue
@@ -45,24 +45,18 @@
                             v-bind:isDismissible="false" />
                     </div>
 
-                    <div v-if="hasRecal && !isInsurance" class="questions-about-service my-5">
+                    <!-- <div v-if="hasRecal && !isInsurance" class="questions-about-service my-5"> -->
                         <textBlock
                             cmsWidgetName="QuestionsAboutYourServiceWidget"
                             justifyText="left"
                             class="service-questions" />
-                        <textBlock
-                            cmsWidgetName="CallOrTextWidget"
-                            justifyText="left" />
+                        <textBlock cmsWidgetName="CallOrTextWidget" justifyText="left" />
                         <hr class="my-5" />
                         <div class="d-flex flex-row checkbox-group">
-                                <checkboxQuestion
-                                    class="mb-5"
-                                    v-model="isRecalAckOptIn" />
-                                <textBlock
-                                    cmsWidgetName="RecalConfirmationWidget"
-                                    justifyText="left" />
+                            <checkboxQuestion class="mb-5" v-model="isRecalAckOptIn" />
+                            <textBlock cmsWidgetName="RecalConfirmationWidget" justifyText="left" @text-link-clicked="openModal" />
                         </div>
-                    </div>
+                    <!-- </div> -->
 
                     <paymentMethodQuestion
                         v-if="!isPiaDisabled"
@@ -551,10 +545,13 @@ export default {
         hasSubmittedOrder() {
             return this.$store.getters.hasSubmittedOrder;
         },
+        openModal(modalName) {
+            this.$refs[modalName].openModal();
+        },
     },
     computed: {
         hasRecal() {
-            const recalLineItem = this.$store.getters.order.lineItems.supportingItems.find (
+            const recalLineItem = this.$store.getters.order.lineItems.supportingItems.find(
                 (lineItem) => lineItem.partType == partTypeStrings.RECALIBRATION
             );
             if (recalLineItem) {