@@ -136,24 +138,20 @@ export default {
diff --git a/src/layouts/vehicle-damage/vehicle-damage.spec.js b/src/layouts/vehicle-damage/vehicle-damage.spec.js
index 36f694d5e..2bb761d5d 100644
--- a/src/layouts/vehicle-damage/vehicle-damage.spec.js
+++ b/src/layouts/vehicle-damage/vehicle-damage.spec.js
@@ -52,6 +52,21 @@ jest.mock("@/store", () => ({
damage: {
glassToReplace: [],
},
+ order: {
+ vehicle: {
+ carId: "C00000000",
+ image: "test.jpg",
+ payment: {
+ insuranceCoverage: {
+ isVerified: false,
+ },
+ },
+ },
+ damage: {
+ glassToReplace: [],
+ },
+ },
+ isLeadGen: false,
},
}));
@@ -746,6 +761,56 @@ describe("vehicle-damage.vue", () => {
expect(wrapper.vm.shouldHideBackButton).toBeFalsy();
});
});
+
+ describe("vehicle-damage.vue", () => {
+ test("should call forwardButtonAction if isLeadGen is true and selectedDamageLocations is not empty", async () => {
+ // Set up the store with isLeadGen as true
+ store.getters.isLeadGen = true;
+
+ // Set up the component
+ const { wrapper } = setupMocks({});
+ wrapper.vm.forwardButtonAction = jest.fn();
+ const nextFunction = jest.fn((c) => {
+ c(wrapper.vm);
+ });
+
+ // Set selectedDamageLocations
+ wrapper.setData({ selectedDamageLocations: ["windshield"] });
+
+ // Call the method that contains the if-else logic
+ await vehicleDamage.beforeRouteEnter.call(
+ wrapper.vm,
+ { query: { fmgPage: "vehicle-damage" } },
+ undefined,
+ nextFunction
+ );
+ expect(nextFunction).toHaveBeenCalled();
+ expect(wrapper.vm.forwardButtonAction).toHaveBeenCalled();
+ });
+ test("should not call forwardButtonAction if isLeadGen is true and selectedDamageLocations is empty", async () => {
+ // Set up the store with isLeadGen as true
+ store.getters.isLeadGen = true;
+
+ // Set up the component
+ const { wrapper } = setupMocks({});
+ wrapper.vm.forwardButtonAction = jest.fn();
+ const nextFunction = jest.fn((c) => {
+ c(wrapper.vm);
+ });
+
+ // Set selectedDamageLocations to empty
+ wrapper.setData({ selectedDamageLocations: [] });
+
+ // Call the method that contains the if-else logic
+ await vehicleDamage.beforeRouteEnter.call(
+ wrapper.vm,
+ { query: { fmgPage: "vehicle-damage" } },
+ undefined,
+ nextFunction
+ );
+ expect(wrapper.vm.forwardButtonAction).not.toHaveBeenCalled();
+ });
+ });
});
function setupMocks({ pageHeaderWidgetHeaderText, mountOptionsMockData, funnelCookie = {} }) {
@@ -769,6 +834,7 @@ function setupMocks({ pageHeaderWidgetHeaderText, mountOptionsMockData, funnelCo
isVerified: false,
},
},
+ isLeadGen: false,
},
},
};
@@ -781,6 +847,7 @@ function setupMocks({ pageHeaderWidgetHeaderText, mountOptionsMockData, funnelCo
//Mock api responses
baseMixin.methods.dispatchStoreAction = jest.fn();
baseMixin.methods.dispatchStoreActionWithLogging = jest.fn();
+ baseMixin.methods.hideFmgLoadingModal = jest.fn();
const apiResponses = {
cmsContent: {
FunnelSubHeaderWidget: pageHeaderWidgetHeaderText,
diff --git a/src/layouts/vehicle-damage/vehicle-damage.vue b/src/layouts/vehicle-damage/vehicle-damage.vue
index ec19c3800..602960931 100644
--- a/src/layouts/vehicle-damage/vehicle-damage.vue
+++ b/src/layouts/vehicle-damage/vehicle-damage.vue
@@ -149,6 +149,17 @@ export default {
vm.$refs.backGlassOptions.initializeComponent(
resultMap.damageOptions.backGlassOptions.availableReplacementOptions
);
+ if (store.getters.isLeadGen) {
+ if (vm.selectedDamageLocations?.length > 0) {
+ vm.forwardButtonAction();
+ } else {
+ baseMixin.methods.dispatchStoreAction(storeActions.RESET_IS_LEAD_GEN);
+ baseMixin.methods.hideFmgLoadingModal();
+ }
+ } else {
+ baseMixin.methods.dispatchStoreAction(storeActions.RESET_IS_LEAD_GEN);
+ baseMixin.methods.hideFmgLoadingModal();
+ }
});
},
data() {
@@ -376,12 +387,12 @@ export default {
payment.insuranceCoverage.coverageStatus !== "" &&
policy.policyNumber !== "";
- if (vehicleChangedDuringPolicyLookupInHeritage) {
- const skipVin = await skipVinLookup();
+ const skipVin = await skipVinLookup();
+ if (vehicleChangedDuringPolicyLookupInHeritage) {
if (skipVin) {
this.$router.navigateWithSaving(
- this.navigationScenarios.CLICKED_FORWARD_WITHOUT_VIN,
+ this.navigationScenarios.CLICKED_FORWARD_WITH_SKIP_VIN,
this.$route
);
} else {
@@ -406,6 +417,11 @@ export default {
this.navigationScenarios.CLICKED_FORWARD_WITH_VIN,
this.$route
);
+ } else if (skipVin) {
+ this.$router.navigateWithSaving(
+ this.navigationScenarios.CLICKED_FORWARD_WITH_SKIP_VIN,
+ this.$route
+ );
} else {
this.$router.navigateWithSaving(
this.navigationScenarios.CLICKED_FORWARD_WITHOUT_VIN,
diff --git a/src/layouts/vehicle/vehicle.spec.js b/src/layouts/vehicle/vehicle.spec.js
index 99f96564d..0d34a9bf7 100644
--- a/src/layouts/vehicle/vehicle.spec.js
+++ b/src/layouts/vehicle/vehicle.spec.js
@@ -2,11 +2,13 @@
import vehicle from "@/layouts/vehicle/vehicle.vue";
// Supporting Files
+import store from "@/store";
import { shallowMount } from "@vue/test-utils";
import { nextTick } from "vue";
import { getMountOptions } from "@/helpers/unit-test-helper.js";
import { fetchCmsContentForPage } from "@/helpers/cms-content-helper";
import baseMixin from "../../mixins/base-mixin";
+import { settleAllPromises } from "@/helpers/layout-helper.js";
// Mock our module for promises.
jest.mock("@/helpers/layout-helper.js", () => ({
@@ -18,6 +20,32 @@ jest.mock("@/helpers/cms-content-helper", () => ({
fetchCmsContentForPage: jest.fn(),
}));
+// Mock Store
+jest.mock("@/store", () => ({
+ commit: jest.fn(),
+ dispatch: jest.fn(),
+ getters: {
+ applicationUser: {
+ experiments: [{ universeName: "ConceptFunnel" }],
+ },
+ isLeadGen: false,
+ vehicle: {
+ carId: "C00000000",
+ image: "test.jpg",
+ },
+ order: {
+ vehicle: {
+ year: 2018,
+ make: "Honda",
+ model: "Accord",
+ style: "4 door sedan",
+ carId: "C00000000",
+ image: "test.jpg",
+ },
+ },
+ },
+}));
+
describe("vehicle.vue", () => {
test("arePagePrerequisitesValid should be true ", async () => {
//Arrange
@@ -58,25 +86,101 @@ describe("vehicle.vue", () => {
});
});
-function setupMocks() {
- const mountOptions = getMountOptions({
- router: {
- navigate: jest.fn(),
- navigate: jest.fn(),
- navigateWithSaving: jest.fn(),
- navigateWithoutSaving: jest.fn(),
- },
- });
+describe("vehicle.vue", () => {
+ test("should call forwardButtonAction if isLeadGen is true and displayNoServiceAlert is false", async () => {
+ // Set up the store with isLeadGen as true
+ store.getters.isLeadGen = true;
+ // Set up the component
+ const { wrapper } = setupMocks();
+ wrapper.vm.forwardButtonAction = jest.fn();
+ const nextFunction = jest.fn((c) => {
+ c(wrapper.vm);
+ });
+
+ // Set displayNoServiceAlert to false
+ wrapper.setData({ displayNoServiceAlert: false });
+
+ // Mock the getVehicleDetails method
+ wrapper.vm.getVehicleDetails = jest.fn();
+
+ // Call the method that contains the if-else logic
+ await vehicle.beforeRouteEnter.call(
+ wrapper.vm,
+ { query: { fmgPage: "vehicle" } },
+ undefined,
+ nextFunction
+ );
+ expect(nextFunction).toHaveBeenCalled();
+ expect(wrapper.vm.forwardButtonAction).toHaveBeenCalled();
+ });
+ test("should not call forwardButtonAction if isLeadGen is true and displayNoServiceAlert is true", async () => {
+ // Set up the store with isLeadGen as true
+ store.getters.isLeadGen = true;
+
+ // Set up the component
+ const { wrapper } = setupMocks();
+ wrapper.vm.forwardButtonAction = jest.fn();
+ const nextFunction = jest.fn((c) => {
+ c(wrapper.vm);
+ });
+
+ // Set displayNoServiceAlert to false
+ wrapper.setData({ displayNoServiceAlert: true });
+
+ // Mock the getVehicleDetails method
+ wrapper.vm.getVehicleDetails = jest.fn();
+
+ // Call the method that contains the if-else logic
+ await vehicle.beforeRouteEnter.call(
+ wrapper.vm,
+ { query: { fmgPage: "vehicle" } },
+ undefined,
+ nextFunction
+ );
+ expect(wrapper.vm.forwardButtonAction).not.toHaveBeenCalled();
+ });
+});
+
+function setupMocks() {
+ const groupName = "vehicle";
+ const cmsQuestionText = "Vehicle Year";
+ const cmsAnswers = [{ Name: "Vehicle year" }];
+ const FunnelFooterWidget = { ForwardButtonText: "vehicle button" };
+
+ //Mock CMS Content
+ const cmsContent = {
+ groupName: groupName,
+ QuestionText: cmsQuestionText,
+ Answers: cmsAnswers,
+ FunnelFooterWidget: FunnelFooterWidget,
+ };
//Mock props
const mockMixin = {
methods: {
getCmsContent: jest.fn(),
},
};
+ const mountOptionsMockData = {
+ router: {
+ navigate: jest.fn(),
+ navigateWithSaving: jest.fn(),
+ navigateWithoutSaving: jest.fn(),
+ },
+ route: {
+ query: {},
+ },
+ };
+ const apiPromise = Promise.resolve({ cmsContent });
+ settleAllPromises.mockImplementation(() => apiPromise);
+
+ const mountOptions = getMountOptions({
+ ...mountOptionsMockData,
+ mixins: [baseMixin, mockMixin],
+ });
+ mountOptions["attachTo"] = document.body;
- mountOptions.mixins = [mockMixin];
const wrapper = shallowMount(vehicle, mountOptions);
-
- return { wrapper };
+ wrapper.vm.isDisabled = jest.fn();
+ return { wrapper, apiPromise };
}
diff --git a/src/layouts/vehicle/vehicle.vue b/src/layouts/vehicle/vehicle.vue
index 82dc54f22..2b9b02863 100644
--- a/src/layouts/vehicle/vehicle.vue
+++ b/src/layouts/vehicle/vehicle.vue
@@ -218,7 +218,7 @@ export default {
let resultMap = await settleAllPromises(promiseResultMap);
// Call the "next" function to complete the transition to this page.
- next((vm) => {
+ next(async (vm) => {
vm.setCmsContent(resultMap.cmsContent);
vm.initializeYearComponent(resultMap.yearQuestionInitialData);
@@ -232,6 +232,18 @@ export default {
resultMap.modelQuestionInitialData,
resultMap.styleQuestionInitialData
);
+ if (store.getters.isLeadGen) {
+ await vm.getVehicleDetails();
+ if (!vm.displayNoServiceAlert) {
+ vm.forwardButtonAction();
+ } else {
+ baseMixin.methods.dispatchStoreAction(storeActions.RESET_IS_LEAD_GEN);
+ baseMixin.methods.hideFmgLoadingModal();
+ }
+ } else {
+ baseMixin.methods.dispatchStoreAction(storeActions.RESET_IS_LEAD_GEN);
+ baseMixin.methods.hideFmgLoadingModal();
+ }
});
},
diff --git a/src/mixins/base-mixin.js b/src/mixins/base-mixin.js
index f01b0fe1f..90a6a7838 100644
--- a/src/mixins/base-mixin.js
+++ b/src/mixins/base-mixin.js
@@ -7,6 +7,7 @@ import { routerParams } from "@/router/router-constants/router-params";
import { queryStrings } from "@/constants/query-strings";
import { dynamicStrings } from "@/constants/dynamic-strings";
import { partTypeStrings } from "../constants/part-type-strings";
+import { showFmgLoadingModal } from "@/helpers/loading-modal-helper";
export default {
data() {
@@ -192,6 +193,9 @@ export default {
const container = document.getElementsByClassName("page-container-grouped-styles")[0];
container.scrollTo({ top: container.scrollHeight, left: 0, behavior: "smooth" });
},
+ hideFmgLoadingModal() {
+ showFmgLoadingModal(false);
+ },
},
computed: {
storeActions() {
diff --git a/src/router/index.js b/src/router/index.js
index 2ce833135..db28a5ef1 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -84,6 +84,14 @@ const routes = [
);
const parentAccount = getQuerystringParameter(queryStrings.PARENT_ACCOUNT);
const correlationId = getQuerystringParameter(queryStrings.CORRELATION_ID);
+ const vehicleYear = getQuerystringParameter(queryStrings.VEHICLE_YEAR);
+ const vehicleMake = getQuerystringParameter(queryStrings.VEHICLE_MAKE);
+ const vehicleModel = getQuerystringParameter(queryStrings.VEHICLE_MODEL);
+ const vehicleStyle = getQuerystringParameter(queryStrings.VEHICLE_STYLE);
+ const vehicleDamage = getQuerystringParameter(queryStrings.VEHICLE_DAMAGE);
+ const serviceZip = getQuerystringParameter(queryStrings.SERVICE_ZIP);
+ const email = getQuerystringParameter(queryStrings.EMAIL);
+ const isInsurance = getQuerystringParameter(queryStrings.IS_INSURANCE);
if (referralNumber) {
store.commit(storeMutations.UPDATE_REFERRAL_NUMBER, referralNumber);
store.commit(storeMutations.UPDATE_PARENT_ACCT_NUMBER, parentAccount);
@@ -93,6 +101,50 @@ const routes = [
);
updateOrCreateFunnelCookie();
}
+ if (
+ vehicleYear &&
+ vehicleMake &&
+ vehicleModel &&
+ vehicleStyle &&
+ vehicleDamage &&
+ serviceZip &&
+ email &&
+ isInsurance
+ ) {
+ if (!store.getters.applicationUser.triggeredSiteEntry) {
+ store.commit(storeMutations.UPDATE_YEAR, vehicleYear);
+ store.commit(storeMutations.UPDATE_MAKE, vehicleMake);
+ store.commit(storeMutations.UPDATE_MODEL, vehicleModel);
+ store.commit(storeMutations.UPDATE_STYLE, vehicleStyle);
+ store.commit(storeMutations.UPDATE_IS_LEAD_GEN, true);
+ if (vehicleDamage == "windshieldReplace") {
+ store.commit(storeMutations.UPDATE_IS_REPAIR, false);
+ store.commit(storeMutations.UPDATE_NUMBER_OF_CHIPS, null);
+ const glassToReplace = [
+ { glassLocation: "Windshield", glassName: "Single" },
+ ];
+ store.commit(
+ storeMutations.UPDATE_GLASS_TO_REPLACE,
+ glassToReplace
+ );
+ } else if (vehicleDamage == "windshieldRepair") {
+ store.commit(storeMutations.UPDATE_IS_REPAIR, true);
+ store.commit(storeMutations.UPDATE_NUMBER_OF_CHIPS, 1);
+ }
+ const serviceZipInfo = {
+ state: null,
+ zipCode: serviceZip,
+ zipCodeCtu: null,
+ };
+ store.commit(storeMutations.UPDATE_SERVICE_ZIP, serviceZipInfo);
+ store.commit(storeMutations.UPDATE_CUSTOMER_EMAIL_ADDRESS, email);
+ if (isInsurance == "true") {
+ store.commit(storeMutations.UPDATE_IS_INSURANCE, true);
+ } else {
+ store.commit(storeMutations.UPDATE_IS_INSURANCE, null);
+ }
+ }
+ }
const loadSessionResponse = await loadSessionIfPresent(
to.query.isInsurance != null
@@ -234,6 +286,22 @@ router.beforeEach(async (to, from, next) => {
const notToPIAReturn = toQueryPage != fmgPageValues.PAYMENT_PIA_RETURN;
const isInIframe = window !== window.top;
+ if (store.getters.isLeadGen) {
+ // Check if alert event is on the bus
+ const alertEvent = eventBus.readEventFromBus(
+ globalEvents.Categories.GLOBAL_ALERT,
+ globalEvents.SubCategories.PAGE_NOT_FOUND
+ );
+ //Uknown alerts most likely were added by a failed api call in global-methods
+ const unknownAlertEvent = eventBus.readEventFromBus(
+ globalEvents.Categories.GLOBAL_ALERT,
+ globalEvents.SubCategories.UNKNOWN_ERROR
+ );
+ // If alert event is on the bus, then display the alert
+ if (alertEvent !== undefined || unknownAlertEvent !== undefined) {
+ store.commit(storeMutations.UPDATE_IS_LEAD_GEN, false);
+ }
+ }
// fromPaymentToConfirmation workaround for navigating from an iframe but
// isInIframe evaluates to false for some reason when navigating from payment to confirmation
const fromPaymentToConfirmation =
@@ -265,8 +333,9 @@ router.afterEach(async (to, from) => {
await saveSession({ pageNameToLog: to.query.fmgPage });
}
}
-
- showFmgLoadingModal(false);
+ if (!store.getters.isLeadGen) {
+ showFmgLoadingModal(false);
+ }
// Push page view to GA
analyticsMixin.methods.pushPageViewToGA();
@@ -487,7 +556,7 @@ async function DisplayPageError() {
type: globalEventTypes.Danger,
}
);
-
+ store.commit(storeMutations.UPDATE_IS_LEAD_GEN, false);
baseMixin.methods.dispatchStoreAction(storeActions.RESET_SAVE_SESSION_PROMISE);
const pageError = getQuerystringParameter(queryStrings.PAGE_ERROR);
diff --git a/src/router/router-constants/fmgPage-values.js b/src/router/router-constants/fmgPage-values.js
index 356fbf2c1..6b4ec77ea 100644
--- a/src/router/router-constants/fmgPage-values.js
+++ b/src/router/router-constants/fmgPage-values.js
@@ -9,6 +9,7 @@ const fmgPageValues = {
CAPABILITY_QUESTIONS: "capability-questions",
LICENSE_PLATE_LOOKUP: "license-plate-lookup",
ESTIMATE: "estimate",
+ SERVICE_ZIP: "service-zip",
ADDRESS_VEHICLES: "address-vehicles",
QUOTE: "quote",
INSURANCE_COMPANY: "insurance-company",
diff --git a/src/router/router-constants/navigation-scenarios.js b/src/router/router-constants/navigation-scenarios.js
index a765f3391..5181b9879 100644
--- a/src/router/router-constants/navigation-scenarios.js
+++ b/src/router/router-constants/navigation-scenarios.js
@@ -15,17 +15,20 @@ const navigationScenarios = {
// Vin selection
CLICKED_BACK_WITH_VIN: "CLICKED_BACK_WITH_VIN",
+ CLICKED_BACK_WITH_SKIP_VIN: "CLICKED_BACK_WITH_SKIP_VIN",
CLICKED_FORWARD_WITH_VIN: "CLICKED_FORWARD_WITH_VIN",
CLICKED_FORWARD_WITH_REPAIR_AND_VERIFIED_INSURANCE:
"CLICKED_FORWARD_WITH_REPAIR_AND_VERIFIED_INSURANCE",
CLICKED_FORWARD_WITH_REPLACE_AND_VERIFIED_INSURANCE:
"CLICKED_FORWARD_WITH_REPLACE_AND_VERIFIED_INSURANCE",
CLICKED_FORWARD_WITHOUT_VIN: "CLICKED_FORWARD_WITHOUT_VIN",
+ CLICKED_FORWARD_WITH_SKIP_VIN: "CLICKED_FORWARD_WITH_SKIP_VIN",
CLICKED_FORWARD_WITH_MULTIPLE_VEHICLES: "CLICKED_FORWARD_WITH_MULTIPLE_VEHICLES",
SELECTED_VIN_WITH_MISMATCHED_GLASS: "SELECTED_VIN_WITH_MISMATCHED_GLASS",
SELECTED_MANUAL_VIN: "SELECTED_MANUAL_VIN",
SELECTED_LICENSE_PLATE: "SELECTED_LICENSE_PLATE",
SELECTED_HOME_ADDRESS: "SELECTED_HOME_ADDRESS",
+ SELECTED_NO_VIN: "SELECTED_NO_VIN",
CLICKED_FORWARD_WITH_NO_QUESTIONS: "CLICKED_FORWARD_WITH_NO_QUESTIONS",
CLICKED_VIN_RETRY: "CLICKED_VIN_RETRY",
diff --git a/src/router/router-constants/routing-table.js b/src/router/router-constants/routing-table.js
index afa6baf82..94c4217d8 100644
--- a/src/router/router-constants/routing-table.js
+++ b/src/router/router-constants/routing-table.js
@@ -29,10 +29,14 @@ const routingTable = function (store) {
scenario: navigationScenarios.CLICKED_FORWARD_WITHOUT_VIN,
destinationFmgPageValue: fmgPageValues.ESTIMATE,
},
+ {
+ scenario: navigationScenarios.CLICKED_FORWARD_WITH_SKIP_VIN,
+ destinationFmgPageValue: fmgPageValues.SERVICE_ZIP,
+ },
{
scenario:
navigationScenarios.CLICKED_FORWARD_WITH_REPAIR_AND_VERIFIED_INSURANCE,
- destinationFmgPageValue: fmgPageValues.ESTIMATE,
+ destinationFmgPageValue: fmgPageValues.SERVICE_ZIP,
},
{
scenario:
@@ -216,6 +220,23 @@ const routingTable = function (store) {
scenario: navigationScenarios.SELECTED_HOME_ADDRESS,
destinationFmgPageValue: fmgPageValues.ADDRESS_LOOKUP,
},
+ {
+ scenario: navigationScenarios.SELECTED_NO_VIN,
+ destinationFmgPageValue: fmgPageValues.SERVICE_ZIP,
+ },
+ ],
+ },
+ {
+ fmgPageValue: fmgPageValues.SERVICE_ZIP,
+ maps: [
+ {
+ scenario: navigationScenarios.CLICKED_BACK,
+ destinationFmgPageValue: fmgPageValues.ESTIMATE,
+ },
+ {
+ scenario: navigationScenarios.CLICKED_BACK_WITH_SKIP_VIN,
+ destinationFmgPageValue: fmgPageValues.VEHICLE_DAMAGE,
+ },
{
scenario: navigationScenarios.CLICKED_FORWARD_WITH_NO_QUESTIONS,
destinationFmgPageValue: fmgPageValues.QUOTE,
@@ -251,7 +272,7 @@ const routingTable = function (store) {
},
{
scenario: navigationScenarios.CLICKED_BACK_WITH_NO_VIN_NOR_QUESTIONS,
- destinationFmgPageValue: fmgPageValues.ESTIMATE,
+ destinationFmgPageValue: fmgPageValues.SERVICE_ZIP,
},
{
scenario: navigationScenarios.CLICKED_FORWARD_WITH_MULTIPLE_PARTS_TO_CHOOSE,
@@ -284,7 +305,7 @@ const routingTable = function (store) {
},
{
scenario: navigationScenarios.CLICKED_BACK_WITH_NO_VIN_NOR_QUESTIONS,
- destinationFmgPageValue: fmgPageValues.ESTIMATE,
+ destinationFmgPageValue: fmgPageValues.SERVICE_ZIP,
},
{
scenario: navigationScenarios.CLICKED_FORWARD_WITH_MOLDING_QUESTIONS,
@@ -309,7 +330,7 @@ const routingTable = function (store) {
},
{
scenario: navigationScenarios.CLICKED_BACK_WITH_NO_VIN_NOR_QUESTIONS,
- destinationFmgPageValue: fmgPageValues.ESTIMATE,
+ destinationFmgPageValue: fmgPageValues.SERVICE_ZIP,
},
{
scenario: navigationScenarios.CLICKED_BACK_WITH_PART_QUESTIONS,
@@ -338,7 +359,7 @@ const routingTable = function (store) {
},
{
scenario: navigationScenarios.CLICKED_BACK_WITH_NO_VIN_NOR_QUESTIONS,
- destinationFmgPageValue: fmgPageValues.ESTIMATE,
+ destinationFmgPageValue: fmgPageValues.SERVICE_ZIP,
},
{
scenario: navigationScenarios.CLICKED_BACK_WITH_PART_QUESTIONS,
@@ -367,7 +388,7 @@ const routingTable = function (store) {
},
{
scenario: navigationScenarios.CLICKED_BACK_WITH_NO_VIN_NOR_QUESTIONS,
- destinationFmgPageValue: fmgPageValues.ESTIMATE,
+ destinationFmgPageValue: fmgPageValues.SERVICE_ZIP,
},
{
scenario: navigationScenarios.CLICKED_BACK_WITH_PART_QUESTIONS,
diff --git a/src/store/index.js b/src/store/index.js
index 3ccfa4c01..c449a61c5 100644
--- a/src/store/index.js
+++ b/src/store/index.js
@@ -160,6 +160,7 @@ const getDefaultState = () => {
customerPortalLoginToken: null,
lockToken: null,
settledTenderAmount: 0,
+ isLeadGen: false,
},
applicationUser: {
eventBus: [],
@@ -294,6 +295,9 @@ export const mutations = {
updateSettledTenderAmount(state, settledTenderAmount) {
state.order.settledTenderAmount = settledTenderAmount;
},
+ updateIsLeadGen(state, isLeadGen) {
+ state.order.isLeadGen = isLeadGen;
+ },
updateCCToken(state, ccToken) {
state.order.payment.ccToken.subscriptionId = ccToken.subscriptionId;
state.order.payment.ccToken.expMonth = ccToken.expMonth;
@@ -674,6 +678,7 @@ export const getters = {
isOvernightDropOffAppointment: (state) => {
return state.order.schedule.routeCode?.includes(RouteCodeFlags.OVERNIGHT_DROP_OFF);
},
+ isLeadGen: (state) => state.order.isLeadGen,
isRecalibrationOnOrder: (state) => {
return getHasRecalibrationPart(state);
},
@@ -1927,10 +1932,13 @@ export const actions = {
context.state.order.vehicle.year != year ||
context.state.order.vehicle.make != make ||
context.state.order.vehicle.model != model ||
- context.state.order.vehicle.style != style
+ context.state.order.vehicle.style != style ||
+ context.state.order.isLeadGen
) {
- context.dispatch(storeActions.RESET_DAMAGE_STATE_AND_DEPENDENCIES);
- context.dispatch(storeActions.RESET_REGISTRATION_STATE_AND_DEPENDENCIES);
+ if (!context.state.order.isLeadGen) {
+ context.dispatch(storeActions.RESET_DAMAGE_STATE_AND_DEPENDENCIES);
+ context.dispatch(storeActions.RESET_REGISTRATION_STATE_AND_DEPENDENCIES);
+ }
context.commit(storeMutations.UPDATE_VEHICLE_VIN, null);
context.commit(storeMutations.UPDATE_YEAR, year);
context.commit(storeMutations.UPDATE_MAKE, make);
@@ -2701,6 +2709,9 @@ export const actions = {
// clear from local storage
window.sessionStorage.removeItem("submittedOrder");
},
+ resetIsLeadGen(context) {
+ context.commit(storeMutations.UPDATE_IS_LEAD_GEN, false);
+ },
};
export default createStore({
diff --git a/src/styles/common-styles.scss b/src/styles/common-styles.scss
index 197655db1..be01f3ed8 100644
--- a/src/styles/common-styles.scss
+++ b/src/styles/common-styles.scss
@@ -37,6 +37,19 @@ body {
max-width: 100%;
}
}
+ // Quote page desktop
+ &.quote {
+ .col-md-6,
+ .col-lg-4 {
+ max-width: 1200px;
+ }
+ .col-md-6.col-lg-4 {
+ @include media-breakpoint-up(lg) {
+ width: 100%;
+ max-width: 910px;
+ }
+ }
+ }
//END set max-width on columns
}
.pointer {