From 1a5ed36e97a7b1b8399b2382e0d70581776499b3 Mon Sep 17 00:00:00 2001
From: CarlNation <32103961+CarlNation@users.noreply.github.com>
Date: Fri, 12 Apr 2024 10:21:52 -0400
Subject: [PATCH] CSR-2063

CSR-2063 allow users that select 'vehicle not listed' button to return to concept and change their vehicle
---
 src/layouts/vehicle-damage/vehicle-damage.vue |  3 +-
 src/layouts/vehicle/vehicle.vue               | 41 +++++++++++++++++--
 2 files changed, 38 insertions(+), 6 deletions(-)

diff --git a/src/layouts/vehicle-damage/vehicle-damage.vue b/src/layouts/vehicle-damage/vehicle-damage.vue
index 866567101..61a606978 100644
--- a/src/layouts/vehicle-damage/vehicle-damage.vue
+++ b/src/layouts/vehicle-damage/vehicle-damage.vue
@@ -528,8 +528,7 @@ export default {
         },
         shouldHideBackButton() {
             return (
-                this.$store.getters.payment.insuranceCoverage.isVerified ||
-                getFunnelCookie()?.HasDelayedClaimRegistration
+                this.$store.getters.payment.insuranceCoverage.isVerified
             );
         },
     },
diff --git a/src/layouts/vehicle/vehicle.vue b/src/layouts/vehicle/vehicle.vue
index 18f9064d2..2376b2a3d 100644
--- a/src/layouts/vehicle/vehicle.vue
+++ b/src/layouts/vehicle/vehicle.vue
@@ -12,7 +12,7 @@
                     <vehicleQuestion
                         ref="vehicleYearQuestion"
                         v-model="selectedYear"
-                        :isDisabled="!yearOptions.length"
+                        :isDisabled="isYearDisabled"
                         :options="yearOptions"
                         cmsWidgetName="VehicleYearQuestion"
                         validationRules="year-required"
@@ -22,7 +22,7 @@
                     <vehicleQuestion
                         ref="vehicleMakeQuestion"
                         v-model="selectedMake"
-                        :isDisabled="!makeOptions.length"
+                        :isDisabled="isMakeDisabled"
                         :options="makeOptions"
                         cmsWidgetName="VehicleMakeQuestion"
                         validationRules="make-required"
@@ -33,7 +33,7 @@
                         ref="vehicleModelQuestion"
                         v-model="selectedModel"
                         cmsWidgetName="VehicleModelQuestion"
-                        :isDisabled="!modelOptions.length"
+                        :isDisabled="isModelDisabled"
                         :options="modelOptions"
                         validationRules="model-required"
                         placeHolderText="Select model"
@@ -43,7 +43,7 @@
                         ref="vehicleStyleQuestion"
                         v-model="selectedStyle"
                         cmsWidgetName="VehicleStyleQuestion"
-                        :isDisabled="!styleOptions.length"
+                        :isDisabled="isStyleDisabled"
                         :options="styleOptions"
                         validationRules="style-required"
                         placeHolderText="Select style"
@@ -98,6 +98,11 @@ import store from "@/store";
 import { storeActions } from "@/constants/store-actions.js";
 import baseMixin from "@/mixins/base-mixin.js";
 
+import { applicationConfig } from "@/constants/application-config.js";
+import { getDeviceIdValue } from "@/helpers/heritage-integration/cookie-helper";
+import { experimentTriggers } from "@/constants/experiments";
+import { getFunnelCookie } from "@/helpers/heritage-integration/cookie-helper";
+
 //define validation rules
 defineRule("year-required", required(errorMessages.YEAR_REQUIRED));
 defineRule("make-required", required(errorMessages.MAKE_REQUIRED));
@@ -127,6 +132,14 @@ export default {
 
     async beforeRouteEnter(to, from, next) {
         // Call APIs
+        if (applicationConfig.CURRENT_ENVIRONMENT === "Localhost") {
+            storeActions.RUN_EXPERIMENTS_FOR_TRIGGER,
+                {
+                    userId: getDeviceIdValue(),
+                    triggerEvent: experimentTriggers.PAGE_ENTRY,
+                    triggerValue: "vehicle",
+                };
+        }
 
         const cmsContentPromise = fetchCmsContentForPage(to.query.fmgPage);
         const experimentForLogging = store.getters.applicationUser.experiments.find(
@@ -311,6 +324,18 @@ export default {
         },
     },
     computed: {
+        isYearDisabled() {
+            return this.isDisabled(this.yearOptions);
+        },
+        isMakeDisabled() {
+            return this.isDisabled(this.makeOptions);
+        },
+        isModelDisabled() {
+            return this.isDisabled(this.modelOptions);
+        },
+        isStyleDisabled() {
+            return this.isDisabled(this.styleOptions);
+        },
         unmatchedVehicleIcon() {
             if (this.imageUrl == null && this.carId !== null) return true;
             else return false;
@@ -332,6 +357,14 @@ export default {
         },
     },
     methods: {
+        isDisabled(options) {
+            if (!options.length || store.getters.payment?.insuranceCoverage?.isVerified || getFunnelCookie()?.HasDelayedClaimRegistration) {
+                return true;
+            }
+            else {
+                return false;
+            }
+        },        
         getVehicle(year, make, model, style) {
             return this.dispatchStoreActionWithLogging(
                 this.storeActions.GET_VEHICLE,