From 216815c853d04c00c4477bd65b9c55bfebb088d8 Mon Sep 17 00:00:00 2001
From: Katie Kroell <Katie.Kroell@safelite.com>
Date: Thu, 26 Feb 2026 15:33:00 -0500
Subject: [PATCH] move recal modal to iss components

---
 .../recal-modal/recal-modal.vue                          | 1 +
 src/layouts/coverage-statement/coverage-statement.vue    | 2 +-
 .../provider-preference/provider-preference.spec.js      | 5 +++--
 .../service-location/service-location.spec.js            | 2 +-
 .../schedule-page/service-location/service-location.vue  | 9 ++++-----
 5 files changed, 10 insertions(+), 9 deletions(-)
 rename src/{layouts/coverage-statement => iss-components}/recal-modal/recal-modal.vue (98%)

diff --git a/src/layouts/coverage-statement/recal-modal/recal-modal.vue b/src/iss-components/recal-modal/recal-modal.vue
similarity index 98%
rename from src/layouts/coverage-statement/recal-modal/recal-modal.vue
rename to src/iss-components/recal-modal/recal-modal.vue
index 0edfcdae..fc5df201 100644
--- a/src/layouts/coverage-statement/recal-modal/recal-modal.vue
+++ b/src/iss-components/recal-modal/recal-modal.vue
@@ -84,6 +84,7 @@ export default {
         p {
             strong {
                 font-weight: 600;
+                color: $black;
             }
         }
     }
diff --git a/src/layouts/coverage-statement/coverage-statement.vue b/src/layouts/coverage-statement/coverage-statement.vue
index a79c11fa..4e31fa37 100644
--- a/src/layouts/coverage-statement/coverage-statement.vue
+++ b/src/layouts/coverage-statement/coverage-statement.vue
@@ -121,7 +121,7 @@ import textLink from '@/ux-components/text-link/text-link.vue';
 import buttonMain from '@/ux-components/button-main/button-main.vue';
 import siteFooter from '@/iss-components/site-footer/site-footer.vue';
 import afterpayModalBanner from '@/layouts/coverage-statement/afterpay-modal-banner/afterpay-modal-banner.vue';
-import recalModal from '@/layouts/coverage-statement/recal-modal/recal-modal.vue';
+import recalModal from '@/iss-components/recal-modal/recal-modal.vue';
 
 // Import Supporting Files
 import {
diff --git a/src/layouts/provider-preference/provider-preference.spec.js b/src/layouts/provider-preference/provider-preference.spec.js
index 0d93ed3a..d00c9183 100644
--- a/src/layouts/provider-preference/provider-preference.spec.js
+++ b/src/layouts/provider-preference/provider-preference.spec.js
@@ -2,7 +2,7 @@ import ProviderPreference from '@/layouts/provider-preference/provider-preferenc
 
 import { shallowMount } from '@vue/test-utils';
 import settleAllPromises from '@/helpers/layout-helper.js';
-import { fetchCmsContentForPage } from '@/helpers/cms-content-helper';
+import { fetchCmsContentForPage, processIfStatements } from '@/helpers/cms-content-helper';
 import { getMountOptions } from '@/helpers/unit-test-helper.js';
 import { useMainStore } from '@/store';
 import navigationScenarios from '@/router/router-constants/navigation-scenarios';
@@ -13,7 +13,8 @@ jest.mock('@/helpers/layout-helper.js', () => jest.fn());
 // Mock fetchCmsContentForPage
 jest.mock('@/helpers/cms-content-helper', () => ({
     fetchCmsContentForPage: jest.fn(),
-    setupModalLinks: jest.fn()
+    setupModalLinks: jest.fn(),
+    processIfStatements: jest.fn()
 }));
 
 /** @ignore */
diff --git a/src/layouts/schedule-page/service-location/service-location.spec.js b/src/layouts/schedule-page/service-location/service-location.spec.js
index 6a50fe05..cda30da8 100644
--- a/src/layouts/schedule-page/service-location/service-location.spec.js
+++ b/src/layouts/schedule-page/service-location/service-location.spec.js
@@ -124,7 +124,7 @@ const mountOptions = {
             alert: true,
             textBlock: true,
             appointmentTypeQuestion: true,
-            contentGroupModal: true,
+            recalModal: true,
             siteFooter: true,
             siteHeader: true,
             siteSubHeader: true,
diff --git a/src/layouts/schedule-page/service-location/service-location.vue b/src/layouts/schedule-page/service-location/service-location.vue
index 601a1e5d..cbce93d2 100644
--- a/src/layouts/schedule-page/service-location/service-location.vue
+++ b/src/layouts/schedule-page/service-location/service-location.vue
@@ -117,9 +117,8 @@
                 cmsWidgetName="MobileFeeDisclaimerWidget"
                 typeStyle="disclaimer" />
         </div>
-        <contentGroupModal
+        <recalModal
             :ref="RECAL_MODAL_REF_NAME"
-            cssModalHeadlineClass="text-center"
             cmsWidgetName="RecalModal" />
     </div>
 </template>
@@ -140,10 +139,10 @@ import alert from '@/ux-components/alert/alert.vue';
 import textBlock from '@/digital-components/text-block/text-block.vue';
 import appointmentTypeQuestion from '@/layouts/schedule-page/service-location/appointment-type-question/appointment-type-question.vue';
 import baseFormMixin from '@/mixins/base-form-mixin';
-import contentGroupModal from '@/iss-components/content-group-modal/content-group-modal.vue';
 import shopAddress from '@/layouts/schedule-page/service-location/shop-address/shop-address.vue';
 import serviceZipQuestion from '@/layouts/schedule-page/service-location/service-zip-question/service-zip-question.vue';
 import widgetFields from '@/constants/cms-widget-fields';
+import recalModal from '@/iss-components/recal-modal/recal-modal.vue';
 
 const RECAL_MODAL_REF_NAME = 'RecalModal';
 
@@ -153,9 +152,9 @@ export default {
         alert,
         textBlock,
         appointmentTypeQuestion,
-        contentGroupModal,
         shopAddress,
-        serviceZipQuestion
+        serviceZipQuestion,
+        recalModal
     },
     mixins: [baseFormMixin],
     emits: ['appointment-type-changed', 'city-updated', 'clear-mobile-data', 'in-shop-zip-updated', 'mobile-zip-updated', 'provider-changed'],