Merge branch 'develop' into feature/digital/SSR-405

src/layouts/coverage-statement/coverage-statement.vue

@@ -145,7 +145,7 @@ export default {
 
       navigateForward() {
           this.$router.navigate(
-              this.navigationScenarios.CLICKED_FORWARD_COVERAGE_STATEMENT,
+              this.navigationScenarios.CLICKED_FORWARD,
               this.$route
           );
       },

src/layouts/payment-page/payment-page.vue

@@ -65,6 +65,7 @@ export default {
             },
 
             forwardButtonAction() {
+                this.$router.navigate(this.navigationScenarios.CLICKED_FORWARD, this.$route);
             },
 
             navigateForward() {

src/layouts/tpa-confirmation/tpa-confirmation.vue

@@ -0,0 +1,80 @@
+<template>
+    <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm"  v-slot="{ meta }" >
+        <div class="page-container-grouped-styles">
+            <div class="fade-on-route-transition position-relative">
+                <siteHeader cmsWidgetName="SiteHeaderWidget"/>
+                <div class="container-fluid pb-2">
+                    <p>Placeholder for tpa-confrimation page</p>
+                    <siteFooter
+                    cmsWidgetName="SiteFooterWidget"
+                    ref="siteFooter"
+                    :isForwardActionDisabled="!meta.valid"
+                    @ForwardClicked="forwardButtonAction" 
+                    @back-clicked="backButtonAction"
+                    />
+                </div>
+            </div>
+        </div>
+    </Form>
+</template>
+<script>
+// Components
+import siteHeader from '@/iss-components/site-header/site-header';
+import siteFooter from "@/iss-components/site-footer/site-footer";
+// 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 { useMainStore } from '@/store';
+export default {
+    name: "tpa-confirmation",
+    mixins: [BaseFormMixin],
+    data() {
+    },
+    setup() {
+        const mainStore = useMainStore();
+        return { mainStore };
+    },
+    async beforeRouteEnter(to, from, next)
+    {
+        // Call APIs
+        const cmsContentPromise = fetchCmsContentForPage(to.query.issPage);
+        // Settle promises and get results
+        const promiseResultMap = [
+            {
+                resultKey: "cmsContent",
+                promise: cmsContentPromise,
+            },];
+            //use resultMap to populate layout content.
+            let resultMap = await settleAllPromises(promiseResultMap);
+            next((vm) => {
+                vm.setCmsContent(resultMap.cmsContent);
+            });
+        },
+        methods:
+        {
+            backButtonAction() {
+                this.$router.navigate(this.navigationScenarios.CLICKED_BACK, this.$route);
+            },
+            
+            async forwardButtonAction() {             
+          return this.navigateForward();
+      },
+
+            navigateForward() {
+                this.$router.navigate(
+                    this.navigationScenarios.CLICKED_FORWARD,
+                    this.$route
+                );
+            },
+        },
+        components: {
+            siteHeader,
+            siteFooter,
+            Form,
+        },
+    }
+</script>
+<style lang="scss">
+</style>

src/layouts/tpa-submit/tpa-submit.vue

@@ -0,0 +1,86 @@
+<template>
+    <Form @submit="onSubmit" @invalid-submit="onInvalidSubmit" ref="theForm"  v-slot="{ meta }" >
+        <div class="page-container-grouped-styles">
+            <div class="fade-on-route-transition position-relative">
+                <siteHeader cmsWidgetName="SiteHeaderWidget"/>
+                <div class="container-fluid pb-2">
+                    <p>Placeholder for TPA-Submit</p>
+                    <siteFooter
+                    cmsWidgetName="SiteFooterWidget"
+                    ref="siteFooter"
+                    :isForwardActionDisabled="!meta.valid"
+                    @ForwardClicked="forwardButtonAction"
+                    @back-clicked="backButtonAction"
+                    />
+                </div>
+            </div>
+        </div>
+    </Form>
+</template>
+<script>
+// Components
+import siteHeader from '@/iss-components/site-header/site-header';
+import siteFooter from "@/iss-components/site-footer/site-footer";
+
+// 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 { useMainStore } from '@/store';
+
+export default {
+    name: "tpa-submit",
+    mixins: [BaseFormMixin],
+    data() {
+
+    },
+    setup() {
+        const mainStore = useMainStore();
+        return { mainStore };
+    },
+    async beforeRouteEnter(to, from, next)
+    {
+        // Call APIs
+        const cmsContentPromise = fetchCmsContentForPage(to.query.issPage);
+
+        // Settle promises and get results
+        const promiseResultMap = [
+            {
+                resultKey: "cmsContent",
+                promise: cmsContentPromise,
+            },];
+
+            //use resultMap to populate layout content.
+            let resultMap = await settleAllPromises(promiseResultMap);
+
+            next((vm) => {
+                vm.setCmsContent(resultMap.cmsContent);
+            });
+        },
+        methods:
+        {
+            backButtonAction() {   
+                this.$router.navigate(this.navigationScenarios.CLICKED_BACK, this.$route);             
+            },
+
+            forwardButtonAction() {
+                return this.navigateForward();
+            },
+
+            navigateForward() {
+                this.$router.navigate(
+                    this.navigationScenarios.CLICKED_FORWARD,
+                    this.$route
+                );
+            },
+        },
+        components: {
+            siteHeader,
+            siteFooter,
+            Form,
+        },
+    }
+</script>
+<style lang="scss">
+</style>

src/router/router-constants/issPage-values.js

@@ -17,6 +17,7 @@ export const issPageValues = {
     REVIEW_PAGE: 'review-page',
     REVEAL: 'reveal',
     SERVICE_LOCATION: 'service-location',
+    TPA_CONFIRMATION:'tpa-confirmation',
     SERVICE_PACKAGES: 'service-packages',
     SCHEDULE_PAGE: 'schedule-page',
     VEHICLE_DAMAGE: 'vehicle-damage',
@@ -26,6 +27,7 @@ export const issPageValues = {
     VEHICLE_PARTS: 'vehicle-parts',
     VEHICLE_STYLE: 'vehicle-style',
     VEHICLE_YEAR: 'vehicle-year',
-    VIN_LOOKUP: 'vin-lookup'
+    VIN_LOOKUP: 'vin-lookup',
+    TPA_SUBMIT: 'tpa-submit'
   };
   

src/router/router-constants/navigation-scenarios.js

@@ -41,9 +41,11 @@ const navigationScenarios = {
     CLICKED_BACK_WITH_VIN_AND_NO_MORE_QUESTIONS: "CLICKED_BACK_WITH_VIN_AND_NO_MORE_QUESTIONS",
     CLICKED_BACK_WITH_NO_VIN_NOR_QUESTIONS: "CLICKED_BACK_WITH_NO_VIN_NOR_QUESTIONS",
   
-    CLICKED_FORWARD_COVERAGE_STATEMENT: "CLICKED_FORWARD_COVERAGE_STATEMENT",
+    //Provider Preference
-    
     CLICKED_FORWARD_WITH_SAFELITE: "CLICKED_FORWARD_WITH_SAFELITE",
+    CLICKED_FORWARD_WITH_TPA: "CLICKED_FORWARD_WITH_TPA"
+
+    
   };
   
   

src/router/router-constants/routing-table.js

@@ -421,7 +421,7 @@ const routingTable = function(store) {
           destinationIssPageValue: issPageValues.CAPABILITY_QUESTIONS
         },
         {
-          scenario: navigationScenarios.CLICKED_FORWARD_COVERAGE_STATEMENT,
+          scenario: navigationScenarios.CLICKED_FORWARD,
           destinationIssPageValue: issPageValues.PROVIDER_PREFERENCE
         }
       ]
@@ -483,11 +483,11 @@ const routingTable = function(store) {
       maps: [
         {
           scenario: navigationScenarios.CLICKED_BACK,
-          destinationIssPageValue: issPageValues.SERVICE_LOCATION
+          destinationIssPageValue: issPageValues.PROVIDER_PREFERENCE
         },
         {
           scenario: navigationScenarios.CLICKED_FORWARD,
-          destinationIssPageValue: issPageValues.PROVIDER_PREFERENCE
+          destinationIssPageValue: issPageValues.SERVICE_LOCATION
         }
       ]
     },
@@ -497,11 +497,11 @@ const routingTable = function(store) {
       maps: [
         {
           scenario: navigationScenarios.CLICKED_BACK,
-          destinationIssPageValue: issPageValues.CONTACT_DETAILS,
+          destinationIssPageValue: issPageValues.CONTACT_DETAILS
         },
         {
           scenario: navigationScenarios.CLICKED_FORWARD,
-          destinationIssPageValue: issPageValues.PAYMENT_PAGE,
+          destinationIssPageValue: issPageValues.PAYMENT_PAGE        
         },
         
       ],
@@ -513,8 +513,38 @@ const routingTable = function(store) {
         {
           scenario: navigationScenarios.CLICKED_BACK,
           destinationIssPageValue: issPageValues.REVIEW_PAGE
+        },
+        {
+          scenario: navigationScenarios.CLICKED_FORWARD,
+          destinationIssPageValue: issPageValues.WELCOME_PAGE
         }
       ]
+    },
+    
+    {
+      issPageValue: issPageValues.TPA_CONFIRMATION,
+      maps: [
+        
+        {
+          scenario: navigationScenarios.CLICKED_FORWARD,
+          destinationIssPageValue: issPageValues.WELCOME_PAGE
+        },
+        
+      ],
+    },
+
+    {
+      issPageValue: issPageValues.TPA_SUBMIT,
+      maps: [
+        {
+          scenario: navigationScenarios.CLICKED_BACK,
+          destinationIssPageValue: issPageValues.TPA_SEARCH
+        },
+        {
+          scenario: navigationScenarios.CLICKED_FORWARD,
+          destinationIssPageValue: issPageValues.TPA_CONFIRMATION,
+        },
+      ]
     }
   ];
 };