Recal Modal

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) {

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;
     > * {