Updating dupe check navigation

src/layouts/duplicate-check/duplicate-check.vue

@@ -42,6 +42,7 @@
 
 <script>
 // Components
+import { Form } from 'vee-validate';
 import siteHeader from '@/iss-components/site-header/site-header.vue';
 import siteFooter from '@/iss-components/site-footer/site-footer.vue';
 import siteSubHeader from '@/iss-components/site-sub-header/site-sub-header.vue';
@@ -49,7 +50,6 @@ import buttonQuestion from '@/digital-components/button-question/button-question
 
 // Supporting files
 import { fetchCmsContentForPage } from '@/helpers/cms-content-helper.js';
-import { Form } from 'vee-validate';
 import BaseFormMixin from '@/mixins/base-form-mixin.js';
 import { useMainStore } from '@/store/index.js';
 import globalRules from '@/constants/global-rules.js';
@@ -74,6 +74,7 @@ export default {
     },
     data() {
         return {
+            selectedAnswer: '',
             widget: {
                 siteHeader: 'SiteHeaderWidget',
                 siteSubHeader: 'SiteSubHeaderWidget',
@@ -92,6 +93,9 @@ export default {
         answersFromCms() {
             return this.getCmsContent(this.widget.existingOrNewQuestion, 'Answers') ?? [];
         },
+        getNewOrderSelectionName() {
+            return this.answersFromCms?.[0]?.Name ?? '';
+        },
         duplicateOrders() {
             const duplicateOrderText = 'Finish Existing Claim';
             const orders = useMainStore().applicationUser.duplicateOrders;
@@ -99,15 +103,14 @@ export default {
                 const vehicle = !!o.vehicleYear && !!o.vehicleMake && !!o.vehicleModel
                     ? `${o.vehicleYear} ${o.vehicleMake} ${o.vehicleModel}`
                     : null;
-
-                const subtext = vehicle && o.dateOfLoss
-                    ? `${vehicle}, ${o.dateOfLoss}`
-                    : (vehicle ?? '').concat(o.dateOfLoss ?? '');
+                const subtext = vehicle && o.responseDate
+                    ? `${vehicle}, ${this.getDateMinusTime(o.responseDate)}`
+                    : (vehicle ?? '').concat(this.getDateMinusTime(o.responseDate) ?? '');
 
                 return {
                     Text: duplicateOrderText,
                     Name: o.referralNumber,
-                    SubText: subtext
+                    SubText: this.titleCase(subtext)
                 };
             }) ?? [];
         },
@@ -125,7 +128,17 @@ export default {
         /**
          * @summary Steps to perform when forward button clicked.
          */
-        forwardButtonAction() {
+        async forwardButtonAction() {
+            if (this.selectedAnswer !== this.getNewOrderSelectionName) {
+                await useMainStore().loadSession()
+                    .finally(() => {
+                        this.navigateForward();
+                    });
+            } else {
+                this.navigateForward();
+            }
+        },
+        navigateForward() {
             if (useMainStore().order.policy.policyLookupSuccessful) {
                 const policyVehicles = useMainStore().order.policy.vehicles ?? [];
                 if (policyVehicles.length > 0) {
@@ -145,6 +158,16 @@ export default {
                     this.$route
                 );
             }
+        },
+        getDateMinusTime(date) {
+            return date.substring(0, 10);
+        },
+        titleCase(str) {
+            const temp = str.toLowerCase().split(' ');
+            for (let i = 0; i < temp.length; i++) {
+                temp[i] = temp[i].charAt(0).toUpperCase() + temp[i].slice(1);
+            }
+            return temp.join(' ');
         }
     }
 };
@@ -168,6 +191,9 @@ export default {
         margin-top: map-get($spacers, 4);
         margin-bottom: map-get($spacers, 2);
     }
+    .form-test-error{
+        margin-top: 0 !important;
+    }
 }
 
 </style>