fixed issue with navigation and refactored provider-pref-radio

src/layouts/provider-preference/provider-pref-radio/provider-pref-radio.vue

@@ -1,5 +1,5 @@
 <template>
-    <baseInputButton v-bind="$props" @buttonClicked="handleAnswerChange" v-model="selectedValue">
+    <baseInputButton v-bind="$props" v-model="selectedValue">
         <div class="option-label"
              :class="[this.buttonLabelSubCopy ? 'has-subheader' : '']"
              for="testradio">
@@ -18,11 +18,6 @@
                             <span v-html="listItem"></span>
                         </li>
                     </ul>
-                    <!-- End of body text parsing -->
-                    <!--ms-n6-->
-                    <div class="option-footer fw-bold caption mt-4 ml-n4 mr-3"
-                         v-if="this.buttonFooterCopy"
-                         v-html="this.buttonFooterCopy"></div>
                 </div>
             </div>
         </div>
@@ -33,12 +28,6 @@
 import baseInputButton         from '@/digital-components/base-input-button/base-input-button';
 import textLink                from '@/ux-components/text-link/text-link';
 import inputButtonWrapperMixin from '@/mixins/input-button-wrapper-mixin';
-import {
-    getRouterLinkDisplayTextFromCopy,
-    getRouterLinkRouteFromCopy,
-    splitCopyOnCMSPlaceHolder,
-    doesCopyContainTextLink,
-} from '@/helpers/cms-content-helper';
 
 export default {
     name: 'providerPrefRadio',
@@ -53,13 +42,6 @@ export default {
         },
     },
     methods: {
-        getRouterLinkDisplayTextFromCopy,
-        getRouterLinkRouteFromCopy,
-        splitCopyOnCMSPlaceHolder,
-        doesCopyContainTextLink,
-        stripUlTagFromCopy(copy) {
-            return copy;
-        },
         getArrayOfListItemsFromRawCmsCopy(copy) {
             if (copy) {
                 return copy
@@ -80,12 +62,6 @@ export default {
         margin-bottom: 1rem;
     }
 
-    .ml-n4 {
-        margin-left: -$spacer * 2;
-    }
-    .mr-3 {
-        margin-right: $spacer * 1.5;
-    }
     .option-main {
 
         .has-error > .option-label {
@@ -200,10 +176,6 @@ export default {
                 }
             }
 
-            .option-footer {
-                color: $red;
-            }
-
             .option-specs {
                 display: flex;
                 flex-direction: column;
@@ -246,16 +218,6 @@ export default {
                     }
                 }
               
-                @keyframes slideaway {
-                    from {
-                        display: block;
-                    }
-
-                    to {
-                        transform: translateY(40px);
-                        opacity: 0;
-                    }
-                }
             }
         }
     }

src/layouts/provider-preference/provider-preference.vue

@@ -1,8 +1,8 @@
 <template>
     <Form @submit="onSubmit" 
-          @invalid-submit="onInvalidSubmit" 
+        @invalid-submit="onInvalidSubmit" 
-          ref="theForm"  
+        ref="theForm"  
-           >
+        >
         <div class="page-container-grouped-styles">
             <div class="fade-on-route-transition position-relative">
                 <siteHeader cmsWidgetName="SiteHeaderWidget" />
@@ -11,7 +11,7 @@
                 <buttonQuestion ref="buttonQuestion"
                     questionText="Select an option:"
                     :answers="prefAnswers"
-                    :groupName="prefQuestions"
+                    groupName="prefQuestions"
                     buttonTypeString="providerPrefRadio"
                     v-model="selectedProvider"
                     validationRules="option-required"
@@ -26,17 +26,14 @@
                     ref="siteFooter" />
             </div>
         </div>
-   </Form>      
+        <recalModal ref="recalModal" cmsWidgetName="RecalModal" />
-
+        <steeringModal cmsWidgetName="StateSteeringModal" ref="StateSteeringModal" />
-    <recalModal ref="recalModal" cmsWidgetName="RecalModal" />
+        <shopPreferenceModal 
-    <steeringModal cmsWidgetName="StateSteeringModal" ref="StateSteeringModal" />
+            cmsWidgetName="ShopPreferenceDrawer" 
-    <shopPreferenceModal 
+            ref="ShopPreferenceDrawer" 
-        cmsWidgetName="ShopPreferenceDrawer" 
+            @openSteering="openStateSteeringModal"
-        ref="ShopPreferenceDrawer" 
+            :showSteeringLink="showSteeringLink"/>
-        @openSteering="openStateSteeringModal"
+    </Form>    
-        :showSteeringLink="showSteeringLink"/>
-    
-
 
 </template>
 <script>
@@ -123,7 +120,6 @@ export default {
                     buttonLabel: this.getHeaderTextFromCms(answer.cmsWidgetName),
                     buttonLabelSubCopy: this.getSubheaderTextFromCms(answer.cmsWidgetName),
                     buttonBodyCopy: this.getBodyTextFromCms(answer.cmsWidgetName),
-                    buttonFooterCopy: this.getFooterTextFromCms(answer.cmsWidgetName)
                 }
             ));
             return modifiedAnswers;
@@ -138,14 +134,8 @@ export default {
             return this.getCmsContent(cmsWidgetName, 'SubheaderText');
         },
         getBodyTextFromCms(cmsWidgetName) {
-            let bodyText = this.getCmsContent(cmsWidgetName, "BodyText");
+            return this.getCmsContent(cmsWidgetName, "BodyText");
-            return processIfStatements(bodyText, "custom", this.getCustomValueFromString);
         },
-        getFooterTextFromCms(cmsWidgetName) {
-            const footerText = this.getCmsContent(cmsWidgetName, "FooterText");
-            return processIfStatements(footerText, "custom", this.getCustomValueFromString);
-        },
-
         arePagePrerequisiteValid() {
             return true;
         },