CASH-940 policy-info-submitted content

CASH-940 policy-info-submitted content

src/layouts/policy-info-submitted/policy-info-submitted.vue

@@ -1,5 +1,5 @@
 <template>
-    <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm" v-slot="{ meta }">
+    <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm">
         <funnelHeader
             cmsWidgetName="FunnelHeaderWidget"
             ref="funnelHeader"
@@ -8,17 +8,22 @@
         <div class="container">
             <div class="row">
                 <div class="col-12 col-md-10 col-lg-8 col-xl-7">
-                    <funnelSubHeader class="pb-4" cmsWidgetName="FunnelSubHeaderWidget" />
+                    <funnelSubHeader
-                    <!--
+                        cmsWidgetName="FunnelSubHeaderWidget"
-                            ... Page code goes here.
+                        class="siteSubHeader pb-4"
-                    -->
+                        :alignLeft="true" />
-                    <insuranceNavBar
+                        
-                        cmsWidgetName="FunnelFooterWidget"
+                    <buttonMain
-                        ref="navbar"
+                        ref="buttonMain"
-                        :isForwardActionDisabled="!meta.valid"
+                        class="mb-3"
-                        @cancel-clicked="cancelButtonAction"
+                        isPrimary
-                        @back-clicked="backButtonAction"
+                        :buttonText="ContinueButtonCopy"
-                        @ForwardClicked="forwardButtonAction" />
+                        loaderColor="white"
+                        :aria-disabled="false"
+                        :isDisabled="false"
+                        @click-event="forwardButtonAction" />
+
+                    <div v-if="showAmFamDisclaimer" v-html="amFamDisclaimerWidget"></div>
                 </div>
             </div>
         </div>
@@ -27,8 +32,9 @@
 
 <script>
 import funnelHeader from "@/fmg-components/funnel-header/funnel-header";
-import insuranceNavBar from "@/fmg-components/insurance-nav-bar/insurance-nav-bar";
 import funnelSubHeader from "@/fmg-components/funnel-sub-header/funnel-sub-header";
+import { parentAccountNumbers } from "@/constants/insurance";
+import buttonMain from "@/ux-components/button-main/button-main";
 import { Form } from "vee-validate";
 
 import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
@@ -46,8 +52,8 @@ export default {
     },
     components: {
         Form,
+        buttonMain,
         funnelHeader,
-        insuranceNavBar,
         funnelSubHeader,
     },
     // Ensure CMS content is fetched during route navigation without depending on `to`/`from`
@@ -81,23 +87,23 @@ export default {
         clientLogoImageSrc() {
             return this.clientConfig?.ClientLogoWidget?.Image || "";
         },
+        ContinueButtonCopy() {
+            return this.getCmsContent("ContinueButtonWidget", "QuestionText");
+        },
+        amFamDisclaimerWidget() {
+            return this.getCmsContent("AmFamDisclaimerWidget", "Text");
+        },
+        showAmFamDisclaimer() {
+            return this.parentAccountNumberFromStore() === this.parentAccountNumbers.CONNECT;
+        },
+        parentAccountNumbers() {
+            return parentAccountNumbers;
+        },
     },
 
     methods: {
-        cancelButtonAction() {
+        forwardButtonAction() {
             this.$router.navigateWithoutSaving(
-                this.navigationScenarios.CLICKED_CANCEL_VERIFICATION,
-                this.pageName
-            );
-        },
-        backButtonAction() {
-            this.$router.navigateWithoutSaving(
-                this.navigationScenarios.CLICKED_BACK,
-                this.pageName
-            );
-        },
-        async forwardButtonAction() {
-            this.$router.navigateWithSaving(
                 this.navigationScenarios.CLICKED_FORWARD,
                 this.pageName
             );