From e903a62c51eead5b03771d8a26e38dc3f4c46aab Mon Sep 17 00:00:00 2001
From: Bill Richardson <william.richardson@safelite.com>
Date: Wed, 2 Aug 2023 16:23:29 -0400
Subject: [PATCH] Updates to use ContentGroup

---
 .../site-sub-header/site-sub-header.vue       |  20 +++-
 src/layouts/bailout-page/bailout-page.vue     | 100 +++---------------
 2 files changed, 29 insertions(+), 91 deletions(-)

diff --git a/src/iss-components/site-sub-header/site-sub-header.vue b/src/iss-components/site-sub-header/site-sub-header.vue
index eea079d9..caa48f72 100644
--- a/src/iss-components/site-sub-header/site-sub-header.vue
+++ b/src/iss-components/site-sub-header/site-sub-header.vue
@@ -30,18 +30,30 @@ export default {
     components: { buttonBack },
     props: {
         cmsWidgetName: String,
+        contentProperty: String,
+        darkGraySubText: Boolean,
         hasBackButton: Boolean,
-        justification: String,
         issContainingPage: String,
-        darkGraySubText: Boolean
+        justification: String,
+        stripRteStyle: Boolean,
+        subContentProperty: String
     },
     emits: ['click-event'],
     computed: {
         content() {
-            return this.getCmsContent(this.cmsWidgetName, 'SubHeaderText');
+            return this.getCmsContent(this.cmsWidgetName, this.contentProperty ?? 'SubHeaderText');
         },
         subText() {
-            const subText = this.getCmsContent(this.cmsWidgetName, 'SecondaryText');
+            let subText = this.getCmsContent(
+                this.cmsWidgetName,
+                this.subContentProperty ?? 'SecondaryText'
+            );
+
+            if (this.stripRteStyle) {
+                const regexExp = /[\s*]style="(.*?)"/g;
+                subText = subText.replace(regexExp, '');
+            }
+
             return subText ?? '';
         },
         backButtonAccessibleText() {
diff --git a/src/layouts/bailout-page/bailout-page.vue b/src/layouts/bailout-page/bailout-page.vue
index 274648ff..75277424 100644
--- a/src/layouts/bailout-page/bailout-page.vue
+++ b/src/layouts/bailout-page/bailout-page.vue
@@ -10,9 +10,12 @@
                     justification="left" />
                 <siteSubHeader
                     v-if="isNoTpa"
-                    cmsWidgetName="SiteSubHeaderNoTPAWidget"
+                    cmsWidgetName="ContentGroupNoTPAWidget"
                     class="sub-header-content"
-                    justification="left" />
+                    contentProperty="HeaderText"
+                    justification="left"
+                    :stripRteStyle="true"
+                    subContentProperty="BodyText" />
                 <textboxQuestion
                     inputId="firstNameField"
                     cmsWidgetName="FirstNameQuestion"
@@ -63,11 +66,11 @@ import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header';
 import siteFooter from '@/iss-components/site-footer/site-footer';
 import textboxQuestion from '@/digital-components/textbox-question/textbox-question';
 // Supporting files
-import { fetchCmsContentForPage } from '@/helpers/cms-content-helper';
-import { settleAllPromises } from '@/helpers/layout-helper';
-import { Form } from 'vee-validate';
 import BaseFormMixin from '@/mixins/base-form-mixin.js';
+import { fetchCmsContentForPage } from '@/helpers/cms-content-helper';
+import { Form } from 'vee-validate';
 import globalRules from '@/constants/global-rules';
+import { settleAllPromises } from '@/helpers/layout-helper';
 import { useMainStore } from '@/store';
 
 export default {
@@ -93,80 +96,6 @@ export default {
         ];
         // use resultMap to populate layout content.
         const resultMap = await settleAllPromises(promiseResultMap);
-        const cmsMoq = {
-            SiteHeaderWidget: {
-                Answers: [
-                    {
-                        ClientName: 'Generic',
-                        AccountNumber: '0',
-                        ImageId: '4912b7b6-e403-450e-a837-44b6e30539fa',
-                        AnswerImageUrl:
-                            'https://digitalisscms.dev.safelite.io/images/default-source/default-album/logos/generic.svg?sfvrsn=4f01888b_1',
-                        AltText: 'Logo',
-                        HexCode: '#FFFFFF'
-                    },
-                    {
-                        ClientName: 'Liberty Mutual',
-                        AccountNumber: '550036',
-                        ImageId: '4503e012-aa30-4cf8-9210-3f2f6ba63436',
-                        AnswerImageUrl:
-                            'https://digitalisscms.dev.safelite.io/images/default-source/default-album/logos/liberty-mutual.svg?sfvrsn=49878147_4',
-                        AltText: 'Liberty Mutual Logo',
-                        HexCode: '#FFD100'
-                    },
-                    {
-                        ClientName: 'Bear River',
-                        AccountNumber: '569316',
-                        ImageId: 'b64b261c-bcf4-4e35-9969-e9909b1b1160',
-                        AnswerImageUrl:
-                            'https://digitalisscms.dev.safelite.io/images/default-source/default-album/logos/bearriver_logo341d77a6d7b94441af0658338118994c.png?sfvrsn=bba433ab_0',
-                        AltText: 'Bear River Logo',
-                        HexCode: '#FFFFFF'
-                    },
-                    {
-                        ClientName: 'CSE',
-                        AccountNumber: '460196',
-                        ImageId: 'ce1faddf-d9dd-410e-8564-bfb6893285de',
-                        AnswerImageUrl:
-                            'https://digitalisscms.dev.safelite.io/images/default-source/default-album/logos/cse_logob36dba292db8489398993dd21c0170d6.png?sfvrsn=a3d5f26c_0',
-                        AltText: 'CSE Logo',
-                        HexCode: '#FFFFFF'
-                    }
-                ]
-            },
-            SiteSubHeaderWidget: {
-                SubHeaderText: 'Request a callback',
-                SecondaryText: `Please provide your contact details and we'll get back to you soon.`
-            },
-            FirstNameQuestion: {
-                QuestionText: 'First name',
-                ButtonText: '',
-                Answers: []
-            },
-            LastNameQuestion: {
-                QuestionText: 'Last name',
-                ButtonText: '',
-                Answers: []
-            },
-            PhoneNumberQuestion: {
-                QuestionText: 'Phone number',
-                ButtonText: '',
-                Answers: []
-            },
-            EmailAddressQuestion: {
-                QuestionText: 'Email address',
-                ButtonText: '',
-                Answers: []
-            },
-            SiteFooterWidget: {
-                BackButtonText: 'Back',
-                ForwardButtonText: 'Send callback request',
-                FooterImageId: 'b7bb829f-14a3-41c5-91e5-1f4f5dfafc0d',
-                FooterImageURL: ''
-            }
-        };
-
-        console.log(resultMap);
 
         next((vm) => {
             vm.setCmsContent(resultMap.cmsContent);
@@ -189,7 +118,7 @@ export default {
     },
     computed: {
         isNoTpa() {
-            return false; // not sure what in the data flags this.
+            return true; // not sure what in the data flags this.
         }
     },
     methods: {
@@ -202,7 +131,6 @@ export default {
         },
         navigateForward() {},
         getBailoutPageModelFromStore() {
-            console.log(this.mainStore);
             return {
                 firstName: this.mainStore.order.customer.firstName,
                 lastName: this.mainStore.order.customer.lastName,
@@ -232,16 +160,14 @@ $page-side-padding: 1.5rem;
 
                 p {
                     line-height: 1.5rem;
+
+                    &:last-child {
+                        margin-bottom: 0;
+                    }
                 }
 
                 span {
                     font-size: 0.875rem;
-
-                    &.new-paragraph {
-                        display: block;
-                        margin-top: 0.25rem;
-                        line-height: 1.5rem;
-                    }
                 }
             }
         }