move recal modal to iss components

src/iss-components/recal-modal/recal-modal.vue

@@ -84,6 +84,7 @@ export default {
         p {
             strong {
                 font-weight: 600;
+                color: $black;
             }
         }
     }

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 {

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 */

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,

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'],