CSR-762 Get GA event working with state
This commit is contained in:
Katie
parent
9e91a60ea3
commit
aba72ca593
7 changed files with 736 additions and 406 deletions
|
|
@ -25,6 +25,8 @@
|
|||
import { queryStrings } from "@/constants/query-strings";
|
||||
import { useField } from "vee-validate";
|
||||
import { toRef } from "vue";
|
||||
import { gaStoreActions } from "../../constants/store-actions";
|
||||
import store from "../../store";
|
||||
|
||||
export default {
|
||||
name: "base-input-button",
|
||||
|
|
@ -83,7 +85,12 @@ export default {
|
|||
case eventTypes.KEYPRESS_SUBMIT:
|
||||
case eventTypes.CHANGE:
|
||||
this.handleClick(e);
|
||||
window.lastFocusedInputGroup = this.groupName;
|
||||
this.dispatchStoreAction(
|
||||
gaStoreActions.UPDATE_LAST_FOCUSED_INPUT_GROUP,
|
||||
this.groupName,
|
||||
false
|
||||
);
|
||||
// window.lastFocusedInputGroup = this.groupName;
|
||||
this.pushClickEventToGA();
|
||||
break;
|
||||
}
|
||||
|
|
@ -119,9 +126,17 @@ export default {
|
|||
this.valueToEmit = this.value;
|
||||
}
|
||||
|
||||
window.currentlySelectedValues =
|
||||
window.currentlySelectedValues ?? {};
|
||||
window.currentlySelectedValues[this.groupName] = this.value;
|
||||
// window.currentlySelectedValues =
|
||||
// window.currentlySelectedValues ?? {};
|
||||
this.dispatchStoreAction(
|
||||
gaStoreActions.UPDATE_CURRENTLY_SELECTED_VALUES,
|
||||
{
|
||||
groupName: this.groupName,
|
||||
value: this.value,
|
||||
},
|
||||
// false
|
||||
);
|
||||
// window.currentlySelectedValues[this.groupName] = this.value;
|
||||
this.handleChange(this.valueToEmit);
|
||||
},
|
||||
handleClick(e) {
|
||||
|
|
@ -129,10 +144,20 @@ export default {
|
|||
this.$emit("buttonClicked", this.valueToEmit);
|
||||
},
|
||||
pushClickEventToGA(value) {
|
||||
window.firedGaClickEventValues =
|
||||
window.firedGaClickEventValues ?? {};
|
||||
window.firedGaClickEventValues[window.lastFocusedInputGroup] =
|
||||
value ?? this.value;
|
||||
// window.firedGaClickEventValues =
|
||||
// window.firedGaClickEventValues ?? {};
|
||||
const lastFocusedInputGroup =
|
||||
store.getters.gaClickInformation.lastFocusedInputGroup;
|
||||
this.dispatchStoreAction(
|
||||
gaStoreActions.UPDATE_FIRED_GA_CLICK_EVENT_VALUES,
|
||||
{
|
||||
groupName: lastFocusedInputGroup,
|
||||
value: value ?? this.value,
|
||||
},
|
||||
// false
|
||||
);
|
||||
// window.firedGaClickEventValues[window.lastFocusedInputGroup] =
|
||||
// value ?? this.value;
|
||||
|
||||
this.pushEventToGA(
|
||||
this.$route.query[queryStrings.FMG_PAGE],
|
||||
|
|
@ -143,65 +168,68 @@ export default {
|
|||
);
|
||||
},
|
||||
handleBlur() {
|
||||
window.lastFocusedInputGroup = this.groupName;
|
||||
window.wasLastFocusedInputMultiselect = this.isMultiSelect;
|
||||
this.dispatchStoreAction(
|
||||
gaStoreActions.UPDATE_LAST_FOCUSED_INPUT_GROUP,
|
||||
this.groupName,
|
||||
false
|
||||
);
|
||||
this.dispatchStoreAction(
|
||||
gaStoreActions.UPDATE_WAS_LAST_FOCUSED_INPUT_MULTISELECT,
|
||||
this.isMultiSelect,
|
||||
false
|
||||
);
|
||||
// window.lastFocusedInputGroup = this.groupName;
|
||||
// window.wasLastFocusedInputMultiselect = this.isMultiSelect;
|
||||
},
|
||||
handleKeyboardNavigation(key) {
|
||||
this.test(key);
|
||||
},
|
||||
test(event) {
|
||||
window.firedGaClickEventValues =
|
||||
window.firedGaClickEventValues ?? {};
|
||||
window.currentlySelectedValues =
|
||||
window.currentlySelectedValues ?? {};
|
||||
const gaClickInformation = store.getters.gaClickInformation;
|
||||
const firedGaClickEventValues =
|
||||
gaClickInformation.firedGaClickEventValues;
|
||||
const currentlySelectedValues =
|
||||
gaClickInformation.currentlySelectedValues;
|
||||
const lastFocusedInputGroup =
|
||||
gaClickInformation.lastFocusedInputGroup;
|
||||
const wasLastFocusedInputMultiselect =
|
||||
gaClickInformation.wasLastFocusedInputMultiselect;
|
||||
|
||||
const keyCode = event?.code;
|
||||
// Keyboard navigation
|
||||
if (keyCode) {
|
||||
if (
|
||||
window.currentlySelectedValues &&
|
||||
window.firedGaClickEventValues &&
|
||||
window.lastFocusedInputGroup &&
|
||||
!window.wasLastFocusedInputMultiselect &&
|
||||
window.currentlySelectedValues[
|
||||
window.lastFocusedInputGroup
|
||||
] &&
|
||||
window.firedGaClickEventValues[
|
||||
window.lastFocusedInputGroup
|
||||
] !=
|
||||
window.currentlySelectedValues[
|
||||
window.lastFocusedInputGroup
|
||||
]
|
||||
!wasLastFocusedInputMultiselect &&
|
||||
currentlySelectedValues[lastFocusedInputGroup] &&
|
||||
firedGaClickEventValues[lastFocusedInputGroup] !=
|
||||
currentlySelectedValues[lastFocusedInputGroup]
|
||||
) {
|
||||
if (keyCode === "Tab") {
|
||||
this.pushClickEventToGA(
|
||||
window.currentlySelectedValues[
|
||||
window.lastFocusedInputGroup
|
||||
]
|
||||
currentlySelectedValues[lastFocusedInputGroup]
|
||||
);
|
||||
} else if (keyCode?.includes("Arrow")) {
|
||||
if (window.lastFocusedInputGroup != this.groupName) {
|
||||
if (lastFocusedInputGroup != this.groupName) {
|
||||
this.pushClickEventToGA(
|
||||
window.currentlySelectedValues[
|
||||
window.lastFocusedInputGroup
|
||||
]
|
||||
currentlySelectedValues[lastFocusedInputGroup]
|
||||
);
|
||||
}
|
||||
}
|
||||
}
|
||||
} else {
|
||||
// Radio click
|
||||
window.lastFocusedInputGroup = this.groupName;
|
||||
this.dispatchStoreAction(
|
||||
gaStoreActions.UPDATE_LAST_FOCUSED_INPUT_GROUP,
|
||||
this.groupName,
|
||||
false
|
||||
);
|
||||
// window.lastFocusedInputGroup = this.groupName;
|
||||
if (
|
||||
window.firedGaClickEventValues[
|
||||
window.lastFocusedInputGroup
|
||||
] !=
|
||||
window.currentlySelectedValues[window.lastFocusedInputGroup]
|
||||
firedGaClickEventValues[lastFocusedInputGroup] !=
|
||||
currentlySelectedValues[lastFocusedInputGroup]
|
||||
) {
|
||||
this.pushClickEventToGA(
|
||||
window.currentlySelectedValues[
|
||||
window.lastFocusedInputGroup
|
||||
]
|
||||
currentlySelectedValues[lastFocusedInputGroup]
|
||||
);
|
||||
}
|
||||
}
|
||||
|
|
|
|||
|
|
@ -1,78 +1,84 @@
|
|||
const storeActions = {
|
||||
// Content Actions
|
||||
GET_ROUTE_INFO_ACTION: "getRouteInfo",
|
||||
GET_HOMEPAGE_NAME: "getHomepageName",
|
||||
GET_PAGE_DATA: "getPageData",
|
||||
// Content Actions
|
||||
GET_ROUTE_INFO_ACTION: "getRouteInfo",
|
||||
GET_HOMEPAGE_NAME: "getHomepageName",
|
||||
GET_PAGE_DATA: "getPageData",
|
||||
|
||||
// Vehicle Actions
|
||||
GET_VEHICLE_YEARS: "getVehicleYears",
|
||||
GET_VEHICLE_MAKES: "getVehicleMakes",
|
||||
GET_VEHICLE_MODELS: "getVehicleModels",
|
||||
GET_VEHICLE_STYLES: "getVehicleStyles",
|
||||
SET_VEHICLE: "setVehicle",
|
||||
GET_DAMAGE_OPTIONS: "getDamageOptions",
|
||||
GET_EVOX_IMAGE: "getEvoxImage",
|
||||
// Vehicle Actions
|
||||
GET_VEHICLE_YEARS: "getVehicleYears",
|
||||
GET_VEHICLE_MAKES: "getVehicleMakes",
|
||||
GET_VEHICLE_MODELS: "getVehicleModels",
|
||||
GET_VEHICLE_STYLES: "getVehicleStyles",
|
||||
SET_VEHICLE: "setVehicle",
|
||||
GET_DAMAGE_OPTIONS: "getDamageOptions",
|
||||
GET_EVOX_IMAGE: "getEvoxImage",
|
||||
|
||||
// Lookup Actions
|
||||
LOOKUP_VEHICLE_BY_YMMS: "lookupVehicleByYmms",
|
||||
LOOKUP_VEHICLE_BY_VIN: "lookupVehicleByVin",
|
||||
LOOKUP_VIN_BY_PLATE: "lookupVinByPlate",
|
||||
LOOKUP_VIN_BY_ADDRESS: "lookupVinByAddress",
|
||||
// Lookup Actions
|
||||
LOOKUP_VEHICLE_BY_YMMS: "lookupVehicleByYmms",
|
||||
LOOKUP_VEHICLE_BY_VIN: "lookupVehicleByVin",
|
||||
LOOKUP_VIN_BY_PLATE: "lookupVinByPlate",
|
||||
LOOKUP_VIN_BY_ADDRESS: "lookupVinByAddress",
|
||||
|
||||
GET_PARTS_OR_QUESTIONS: "getPartsOrQuestions",
|
||||
GET_PARTS: "getParts",
|
||||
GET_CAPABILITY_QUESTIONS: "getCapabilityQuestions",
|
||||
GET_PART_FROM_CAPABILITY_QUESTION_ANSWER:
|
||||
"getPartFromCapabilityQuestionAnswer",
|
||||
GET_MOLDING_QUESTIONS: "getMoldingQuestions",
|
||||
SAVE_ORDER: "saveOrder",
|
||||
LOAD_ORDER: "loadOrder",
|
||||
UPDATE_STORE_WITH_SAVE_ORDER_RESPONSE: "updateStoreWithSaveOrderResponse",
|
||||
VALIDATE_ZIP: "validateZip",
|
||||
LOG_EXPERIMENT_EXPOSURE: "logExperimentExposure",
|
||||
LOG_PAGE_VIEW: "logPageView",
|
||||
LOG_CUSTOM_EVENT: "logCustomEvent",
|
||||
INITIALIZE_SESSION: "initializeSession",
|
||||
GET_EXPERIMENTS_BY_USER: "GetExperimentsByUser",
|
||||
RUN_EXPERIMENTS_FOR_TRIGGER: "runExperimentsForTrigger",
|
||||
CLEAR_VIN: "clearVin",
|
||||
RESET_SAVE_ORDER_PROMISE: "resetSaveOrderPromise",
|
||||
GET_PARTS_OR_QUESTIONS: "getPartsOrQuestions",
|
||||
GET_PARTS: "getParts",
|
||||
GET_CAPABILITY_QUESTIONS: "getCapabilityQuestions",
|
||||
GET_PART_FROM_CAPABILITY_QUESTION_ANSWER:
|
||||
"getPartFromCapabilityQuestionAnswer",
|
||||
GET_MOLDING_QUESTIONS: "getMoldingQuestions",
|
||||
SAVE_ORDER: "saveOrder",
|
||||
LOAD_ORDER: "loadOrder",
|
||||
UPDATE_STORE_WITH_SAVE_ORDER_RESPONSE: "updateStoreWithSaveOrderResponse",
|
||||
VALIDATE_ZIP: "validateZip",
|
||||
LOG_EXPERIMENT_EXPOSURE: "logExperimentExposure",
|
||||
LOG_PAGE_VIEW: "logPageView",
|
||||
LOG_CUSTOM_EVENT: "logCustomEvent",
|
||||
INITIALIZE_SESSION: "initializeSession",
|
||||
GET_EXPERIMENTS_BY_USER: "GetExperimentsByUser",
|
||||
RUN_EXPERIMENTS_FOR_TRIGGER: "runExperimentsForTrigger",
|
||||
CLEAR_VIN: "clearVin",
|
||||
RESET_SAVE_ORDER_PROMISE: "resetSaveOrderPromise",
|
||||
|
||||
// DEPENDENCY MUTATIONS
|
||||
RESET_VEHICLE_STATE_AND_DEPENDENCIES: "resetVehicleAndDependencies",
|
||||
RESET_DAMAGE_STATE_AND_DEPENDENCIES: "resetDamageAndDependencies",
|
||||
RESET_REGISTRATION_STATE_AND_DEPENDENCIES:
|
||||
"resetRegistrationAndDependencies",
|
||||
RESET_PARTS_STATE_AND_DEPENDENCIES: "resetPartsAndDependencies",
|
||||
RESET_STATE: "resetState",
|
||||
// DEPENDENCY MUTATIONS
|
||||
RESET_VEHICLE_STATE_AND_DEPENDENCIES: "resetVehicleAndDependencies",
|
||||
RESET_DAMAGE_STATE_AND_DEPENDENCIES: "resetDamageAndDependencies",
|
||||
RESET_REGISTRATION_STATE_AND_DEPENDENCIES: "resetRegistrationAndDependencies",
|
||||
RESET_PARTS_STATE_AND_DEPENDENCIES: "resetPartsAndDependencies",
|
||||
RESET_STATE: "resetState",
|
||||
|
||||
// SAVE COMPONENT STATE
|
||||
SAVE_VEHICLE_YEAR: "saveVehicleYear",
|
||||
SAVE_VEHICLE_MAKE: "saveVehicleMake",
|
||||
SAVE_VEHICLE_MODEL: "saveVehicleModel",
|
||||
SAVE_VEHICLE_STYLE: "saveVehicleStyle",
|
||||
SAVE_VEHICLE_DAMAGE: "saveVehicleDamage",
|
||||
SAVE_VIN_LOOKUP: "saveVinLookup",
|
||||
SAVE_SERVICE_LOCATION: "saveServiceLocation",
|
||||
SAVE_EMAIL: "saveEmail",
|
||||
SAVE_REGISTRATION_LICENSE_PLATE_LOOKUP:
|
||||
"saveRegistrationLicensePlateLookup",
|
||||
SAVE_VIN: "saveVin",
|
||||
SAVE_REGISTRATION_ADDRESS_LOOKUP: "saveRegistrationAddressLookup",
|
||||
SAVE_GLASS_PARTS: "saveGlassParts",
|
||||
SAVE_PART_QUESTION_ANSWERS: "savePartQuestionAnswers",
|
||||
RESET_MOLDING_AND_CAPABILITY_QUESTIONS_IF_NEEDED:
|
||||
"resetMoldingAndCapabilityQuestionAnswersIfNeeded",
|
||||
SAVE_MOLDING_QUESTION_ANSWERS: "saveMoldingQuestionAnswers",
|
||||
SAVE_CAPABILITY_QUESTION_ANSWERS: "saveCapabilityQuestionAnswers",
|
||||
// SAVE COMPONENT STATE
|
||||
SAVE_VEHICLE_YEAR: "saveVehicleYear",
|
||||
SAVE_VEHICLE_MAKE: "saveVehicleMake",
|
||||
SAVE_VEHICLE_MODEL: "saveVehicleModel",
|
||||
SAVE_VEHICLE_STYLE: "saveVehicleStyle",
|
||||
SAVE_VEHICLE_DAMAGE: "saveVehicleDamage",
|
||||
SAVE_VIN_LOOKUP: "saveVinLookup",
|
||||
SAVE_SERVICE_LOCATION: "saveServiceLocation",
|
||||
SAVE_EMAIL: "saveEmail",
|
||||
SAVE_REGISTRATION_LICENSE_PLATE_LOOKUP: "saveRegistrationLicensePlateLookup",
|
||||
SAVE_VIN: "saveVin",
|
||||
SAVE_REGISTRATION_ADDRESS_LOOKUP: "saveRegistrationAddressLookup",
|
||||
SAVE_GLASS_PARTS: "saveGlassParts",
|
||||
SAVE_PART_QUESTION_ANSWERS: "savePartQuestionAnswers",
|
||||
RESET_MOLDING_AND_CAPABILITY_QUESTIONS_IF_NEEDED:
|
||||
"resetMoldingAndCapabilityQuestionAnswersIfNeeded",
|
||||
SAVE_MOLDING_QUESTION_ANSWERS: "saveMoldingQuestionAnswers",
|
||||
SAVE_CAPABILITY_QUESTION_ANSWERS: "saveCapabilityQuestionAnswers",
|
||||
|
||||
// START GA click event actions
|
||||
// UPDATE_CURRENTLY_SELECTED_VALUES: "updateCurrentlySelectedValues",
|
||||
// UPDATE_FIRED_GA_CLICK_EVENT_VALUES: "updateFiredGaClickEventValues",
|
||||
// UPDATE_LAST_FOCUSED_INPUT_GROUP: "updateLastFocusedInputGroup",
|
||||
// UPDATE_WAS_LAST_FOCUSED_INPUT_MULTISELECT:
|
||||
// "updateWasLastFocusedInputMultiselect",
|
||||
// END GA click event actions
|
||||
};
|
||||
|
||||
const gaStoreActions = {
|
||||
UPDATE_CURRENTLY_SELECTED_VALUES: "updateCurrentlySelectedValues",
|
||||
UPDATE_FIRED_GA_CLICK_EVENT_VALUES: "updateFiredGaClickEventValues",
|
||||
UPDATE_LAST_FOCUSED_INPUT_GROUP: "updateLastFocusedInputGroup",
|
||||
UPDATE_WAS_LAST_FOCUSED_INPUT_MULTISELECT:
|
||||
"updateWasLastFocusedInputMultiselect",
|
||||
UPDATE_CURRENTLY_SELECTED_VALUES: "updateCurrentlySelectedValues",
|
||||
UPDATE_FIRED_GA_CLICK_EVENT_VALUES: "updateFiredGaClickEventValues",
|
||||
UPDATE_LAST_FOCUSED_INPUT_GROUP: "updateLastFocusedInputGroup",
|
||||
UPDATE_WAS_LAST_FOCUSED_INPUT_MULTISELECT:
|
||||
"updateWasLastFocusedInputMultiselect",
|
||||
};
|
||||
|
||||
export { storeActions, gaStoreActions };
|
||||
|
|
|
|||
|
|
@ -1,71 +1,79 @@
|
|||
const storeMutations = {
|
||||
// VEHICLE MUTATIONS
|
||||
UPDATE_YEAR: "updateYear",
|
||||
UPDATE_MAKE: "updateMake",
|
||||
UPDATE_MODEL: "updateModel",
|
||||
UPDATE_STYLE: "updateStyle",
|
||||
UPDATE_CAR_ID: "updateCarId",
|
||||
UPDATE_VEHICLE_CATEGORY: "updateVehicleCategory",
|
||||
UPDATE_VEHICLE_IMAGE_URL: "updateVehicleImageUrl",
|
||||
UPDATE_VEHICLE_IMAGE_VIF_NUMBER: "updateVehicleImageVifNumber",
|
||||
UPDATE_VEHICLE_IMAGE_COLOR: "updateVehicleImageColor",
|
||||
UPDATE_VEHICLE_VIN: "updateVehicleVin",
|
||||
UPDATE_VEHICLE: "updateVehicle",
|
||||
// VEHICLE MUTATIONS
|
||||
UPDATE_YEAR: "updateYear",
|
||||
UPDATE_MAKE: "updateMake",
|
||||
UPDATE_MODEL: "updateModel",
|
||||
UPDATE_STYLE: "updateStyle",
|
||||
UPDATE_CAR_ID: "updateCarId",
|
||||
UPDATE_VEHICLE_CATEGORY: "updateVehicleCategory",
|
||||
UPDATE_VEHICLE_IMAGE_URL: "updateVehicleImageUrl",
|
||||
UPDATE_VEHICLE_IMAGE_VIF_NUMBER: "updateVehicleImageVifNumber",
|
||||
UPDATE_VEHICLE_IMAGE_COLOR: "updateVehicleImageColor",
|
||||
UPDATE_VEHICLE_VIN: "updateVehicleVin",
|
||||
UPDATE_VEHICLE: "updateVehicle",
|
||||
|
||||
UPDATE_IS_REPAIR: "updateIsRepair",
|
||||
UPDATE_NUMBER_OF_CHIPS: "updateNumberOfChips",
|
||||
UPDATE_GLASS_TO_REPLACE: "updateGlassToReplace",
|
||||
UPDATE_PART_QUESTION_ANSWERS: "updatePartQuestionAnswers",
|
||||
UPDATE_MOLDING_QUESTION_ANSWERS: "updateMoldingQuestionAnswers",
|
||||
UPDATE_CAPABILITY_QUESTION_ANSWERS: "updateCapabilityQuestionAnswers",
|
||||
UPDATE_GLASS_PARTS: "updateGlassParts",
|
||||
UPDATE_OTHER_PARTS: "updateOtherParts",
|
||||
UPDATE_IS_REPAIR: "updateIsRepair",
|
||||
UPDATE_NUMBER_OF_CHIPS: "updateNumberOfChips",
|
||||
UPDATE_GLASS_TO_REPLACE: "updateGlassToReplace",
|
||||
UPDATE_PART_QUESTION_ANSWERS: "updatePartQuestionAnswers",
|
||||
UPDATE_MOLDING_QUESTION_ANSWERS: "updateMoldingQuestionAnswers",
|
||||
UPDATE_CAPABILITY_QUESTION_ANSWERS: "updateCapabilityQuestionAnswers",
|
||||
UPDATE_GLASS_PARTS: "updateGlassParts",
|
||||
UPDATE_OTHER_PARTS: "updateOtherParts",
|
||||
|
||||
UPDATE_REGISTRATION_LICENSE_PLATE: "updateRegistrationLicensePlate",
|
||||
UPDATE_REGISTRATION_ADDRESS: "updateRegistrationAddress",
|
||||
UPDATE_REGISTRATION_CITY: "updateRegistrationCity",
|
||||
UPDATE_REGISTRATION_STATE: "updateRegistrationState",
|
||||
UPDATE_REGISTRATION_ZIP_CODE: "updateRegistrationZipCode",
|
||||
UPDATE_REGISTRATION_FIRST_NAME: "updateRegistrationFirstName",
|
||||
UPDATE_REGISTRATION_LAST_NAME: "updateRegistrationLastName",
|
||||
UPDATE_REGISTRATION: "updateRegistration",
|
||||
UPDATE_REGISTRATION_LICENSE_PLATE: "updateRegistrationLicensePlate",
|
||||
UPDATE_REGISTRATION_ADDRESS: "updateRegistrationAddress",
|
||||
UPDATE_REGISTRATION_CITY: "updateRegistrationCity",
|
||||
UPDATE_REGISTRATION_STATE: "updateRegistrationState",
|
||||
UPDATE_REGISTRATION_ZIP_CODE: "updateRegistrationZipCode",
|
||||
UPDATE_REGISTRATION_FIRST_NAME: "updateRegistrationFirstName",
|
||||
UPDATE_REGISTRATION_LAST_NAME: "updateRegistrationLastName",
|
||||
UPDATE_REGISTRATION: "updateRegistration",
|
||||
|
||||
UPDATE_SERVICE_LOCATION_ZIP_CODE: "updateServiceLocationZipCode",
|
||||
UPDATE_SERVICE_LOCATION_STATE: "updateServiceLocationState",
|
||||
UPDATE_SERVICE_LOCATION: "updateServiceLocation",
|
||||
UPDATE_SERVICE_LOCATION_ZIP_CODE: "updateServiceLocationZipCode",
|
||||
UPDATE_SERVICE_LOCATION_STATE: "updateServiceLocationState",
|
||||
UPDATE_SERVICE_LOCATION: "updateServiceLocation",
|
||||
|
||||
UPDATE_CUSTOMER_EMAIL_ADDRESS: "updateCustomerEmailAddress",
|
||||
UPDATE_CUSTOMER_EMAIL_ADDRESS: "updateCustomerEmailAddress",
|
||||
|
||||
// ORDER MUTATIONS
|
||||
UPDATE_REFERRAL_NUMBER: "updateReferralNumber",
|
||||
UPDATE_REFERRAL_DATE: "updateReferralDate",
|
||||
UPDATE_REFERRAL_CORRELATION_ID: "updateReferralCorrelationId",
|
||||
UPDATE_PARENT_ACCT_NUMBER: "updateParentAcctNumber",
|
||||
UPDATE_EON: "updateEON",
|
||||
UPDATE_SAVED_SESSION_ID: "updateSavedSessionId",
|
||||
UPDATE_CRM_CUSTOMER_ID: "updateCrmCustomerId",
|
||||
// ORDER MUTATIONS
|
||||
UPDATE_REFERRAL_NUMBER: "updateReferralNumber",
|
||||
UPDATE_REFERRAL_DATE: "updateReferralDate",
|
||||
UPDATE_REFERRAL_CORRELATION_ID: "updateReferralCorrelationId",
|
||||
UPDATE_PARENT_ACCT_NUMBER: "updateParentAcctNumber",
|
||||
UPDATE_EON: "updateEON",
|
||||
UPDATE_SAVED_SESSION_ID: "updateSavedSessionId",
|
||||
UPDATE_CRM_CUSTOMER_ID: "updateCrmCustomerId",
|
||||
|
||||
// EVENT BUS MUTATIONS
|
||||
ADD_EVENT_TO_BUS: "addEventToBus",
|
||||
REMOVE_EVENT_FROM_BUS: "removeEventFromBus",
|
||||
// EVENT BUS MUTATIONS
|
||||
ADD_EVENT_TO_BUS: "addEventToBus",
|
||||
REMOVE_EVENT_FROM_BUS: "removeEventFromBus",
|
||||
|
||||
// DEPENDENCY MUTATIONS
|
||||
RESET_VEHICLE_STATE: "resetVehicleState",
|
||||
RESET_DAMAGE_STATE: "resetDamageState",
|
||||
RESET_REGISTRATION_STATE: "resetRegistrationState",
|
||||
RESET_GLASS_PARTS_STATE: "resetGlassPartsState",
|
||||
RESET_STATE: "resetState",
|
||||
RESET_SAVE_ORDER_PROMISE: "resetSaveOrderPromise",
|
||||
// DEPENDENCY MUTATIONS
|
||||
RESET_VEHICLE_STATE: "resetVehicleState",
|
||||
RESET_DAMAGE_STATE: "resetDamageState",
|
||||
RESET_REGISTRATION_STATE: "resetRegistrationState",
|
||||
RESET_GLASS_PARTS_STATE: "resetGlassPartsState",
|
||||
RESET_STATE: "resetState",
|
||||
RESET_SAVE_ORDER_PROMISE: "resetSaveOrderPromise",
|
||||
|
||||
// OTHER MUTATIONS
|
||||
UPDATE_PAGE_DATA: "updatePageData",
|
||||
UPDATE_STATE_WITH_ORDER_INFORMATION: "updateStateWithOrderInformation",
|
||||
UPDATE_SAVE_ORDER_PROMISE: "updateSaveOrderPromise",
|
||||
UPDATE_LAST_PAGE_VISITED: "updateLastPageVisited",
|
||||
// OTHER MUTATIONS
|
||||
UPDATE_PAGE_DATA: "updatePageData",
|
||||
UPDATE_STATE_WITH_ORDER_INFORMATION: "updateStateWithOrderInformation",
|
||||
UPDATE_SAVE_ORDER_PROMISE: "updateSaveOrderPromise",
|
||||
UPDATE_LAST_PAGE_VISITED: "updateLastPageVisited",
|
||||
|
||||
// EXPERIMENT MUTATIONS
|
||||
UPDATE_EXPERIMENTS: "updateExperiments",
|
||||
UPDATE_TRIGGERED_SITE_ENTRY: "updateTriggeredSiteEntry",
|
||||
// EXPERIMENT MUTATIONS
|
||||
UPDATE_EXPERIMENTS: "updateExperiments",
|
||||
UPDATE_TRIGGERED_SITE_ENTRY: "updateTriggeredSiteEntry",
|
||||
|
||||
// START GA click event mutations
|
||||
// UPDATE_CURRENTLY_SELECTED_VALUES: "updateCurrentlySelectedValues",
|
||||
// UPDATE_FIRED_GA_CLICK_EVENT_VALUES: "updateFiredGaClickEventValues",
|
||||
// UPDATE_LAST_FOCUSED_INPUT_GROUP: "updateLastFocusedInputGroup",
|
||||
// UPDATE_WAS_LAST_FOCUSED_INPUT_MULTISELECT:
|
||||
// "updateWasLastFocusedInputMultiselect",
|
||||
// END GA click event mutations
|
||||
};
|
||||
|
||||
const gaStoreMutations = {
|
||||
|
|
|
|||
|
|
@ -8,12 +8,14 @@ import baseMixin from "@/mixins/base-mixin.js";
|
|||
import analyticsMixin from "@/mixins/analytics-mixin.js";
|
||||
import experimentMixin from "@/mixins/experiment-mixin.js";
|
||||
import "../node_modules/bootstrap/dist/js/bootstrap.js";
|
||||
import gaState from "./store/gaState";
|
||||
|
||||
// Vue App Setup
|
||||
const vueApp = createApp(App);
|
||||
|
||||
vueApp.use(router);
|
||||
vueApp.use(store);
|
||||
vueApp.use(gaState)
|
||||
vueApp.use(LoadScript);
|
||||
vueApp.use(Maska);
|
||||
vueApp.mixin(baseMixin);
|
||||
|
|
|
|||
|
|
@ -29,6 +29,8 @@ export default {
|
|||
logCustomEvent(category, action, label, value) {
|
||||
const currentPageName = getPageNameByQueryString();
|
||||
|
||||
console.log("PUSHING: ", label)
|
||||
|
||||
var payload = {
|
||||
userId: getDeviceIdValue(),
|
||||
sessionKey: getSessionKeyValue(),
|
||||
|
|
|
|||
|
|
@ -1,90 +1,72 @@
|
|||
import { createStore } from "vuex";
|
||||
import { endpoints } from "@/constants/endpoints.js";
|
||||
import { gaStoreMutations } from "@/constants/store-mutations";
|
||||
import { getDateForSavedSessionTimeout } from "@/helpers/heritage-integration/session-helper";
|
||||
import createPersistedState from "vuex-persistedstate";
|
||||
import globalMethods from "@/global-methods";
|
||||
import { gaStoreActions } from "@/constants/store-actions";
|
||||
import { applicationConfig } from "@/constants/application-config";
|
||||
import { experimentTriggers } from "@/constants/experiments";
|
||||
import { damageLocationsSelected } from "@/constants/damage-locations-selected";
|
||||
import { fmgPageValues } from "@/router/router-constants/fmgPage-values";
|
||||
|
||||
// Export State
|
||||
const getDefaultState = () => {
|
||||
return {
|
||||
gaClickInformation: {
|
||||
currentlySelectedValues: {},
|
||||
firedGaClickEventValues: {},
|
||||
lastFocusedInputGroup: "",
|
||||
wasLastFocusedInputMultiselect: undefined,
|
||||
},
|
||||
};
|
||||
return {
|
||||
gaClickInformation: {
|
||||
currentlySelectedValues: {},
|
||||
firedGaClickEventValues: {},
|
||||
lastFocusedInputGroup: "",
|
||||
wasLastFocusedInputMultiselect: undefined,
|
||||
},
|
||||
};
|
||||
};
|
||||
|
||||
export const gaState = getDefaultState();
|
||||
|
||||
// Export Mutations
|
||||
export const gaMutations = {
|
||||
updateCurrentlySelectedValues(state, groupName, value) {
|
||||
state.gaClickInformation.currentlySelectedValues[groupName] = value;
|
||||
},
|
||||
updateFiredGaClickEventValues(state, groupName, value) {
|
||||
state.gaClickInformation.firedGaClickEventValues[groupName] = value;
|
||||
},
|
||||
updateLastFocusedInputGroup(state, groupName) {
|
||||
state.gaClickInformation.lastFocusedInputGroup = groupName;
|
||||
},
|
||||
updateWasLastFocusedInputMultiselect(
|
||||
state,
|
||||
wasLastFocusedInputMultiselect
|
||||
) {
|
||||
state.gaClickInformation.wasLastFocusedInputMultiselect =
|
||||
wasLastFocusedInputMultiselect;
|
||||
},
|
||||
updateCurrentlySelectedValues(state, { groupName, value }) {
|
||||
state.gaClickInformation.currentlySelectedValues[groupName] = value;
|
||||
},
|
||||
updateFiredGaClickEventValues(state, { groupName, value }) {
|
||||
state.gaClickInformation.firedGaClickEventValues[groupName] = value;
|
||||
},
|
||||
updateLastFocusedInputGroup(state, groupName) {
|
||||
state.gaClickInformation.lastFocusedInputGroup = groupName;
|
||||
},
|
||||
updateWasLastFocusedInputMultiselect(state, wasLastFocusedInputMultiselect) {
|
||||
state.gaClickInformation.wasLastFocusedInputMultiselect =
|
||||
wasLastFocusedInputMultiselect;
|
||||
},
|
||||
};
|
||||
|
||||
// Export Getters
|
||||
export const getters = {
|
||||
gaClickInformation: (state) => state.gaClickInformation,
|
||||
gaClickInformation: (state) => state.gaClickInformation,
|
||||
};
|
||||
|
||||
// Export Actions
|
||||
export const gaActions = {
|
||||
updateCurrentlySelectedValues(context, groupName, value) {
|
||||
context.commit(
|
||||
gaStoreMutations.UPDATE_CURRENTLY_SELECTED_VALUES,
|
||||
groupName,
|
||||
value
|
||||
);
|
||||
},
|
||||
updateFiredGaClickEventValues(context, groupName, value) {
|
||||
context.commit(
|
||||
gaStoreMutations.UPDATE_FIRED_GA_CLICK_EVENT_VALUES,
|
||||
groupName,
|
||||
value
|
||||
);
|
||||
},
|
||||
updateLastFocusedInputGroup(context, groupName) {
|
||||
context.commit(
|
||||
gaStoreMutations.UPDATE_LAST_FOCUSED_INPUT_GROUP,
|
||||
groupName
|
||||
);
|
||||
},
|
||||
updateWasLastFocusedInputMultiselect(
|
||||
context,
|
||||
wasLastFocusedInputMultiselect
|
||||
) {
|
||||
context.commit(
|
||||
gaStoreMutations.UPDATE_WAS_LAST_FOCUSED_INPUT_MULTISELECT,
|
||||
wasLastFocusedInputMultiselect
|
||||
);
|
||||
},
|
||||
updateCurrentlySelectedValues(context, { groupName, value }) {
|
||||
context.commit(gaStoreMutations.UPDATE_CURRENTLY_SELECTED_VALUES, {
|
||||
groupName,
|
||||
value,
|
||||
});
|
||||
},
|
||||
updateFiredGaClickEventValues(context, { groupName, value }) {
|
||||
context.commit(gaStoreMutations.UPDATE_FIRED_GA_CLICK_EVENT_VALUES, {
|
||||
groupName,
|
||||
value,
|
||||
});
|
||||
},
|
||||
updateLastFocusedInputGroup(context, groupName) {
|
||||
context.commit(gaStoreMutations.UPDATE_LAST_FOCUSED_INPUT_GROUP, groupName);
|
||||
},
|
||||
updateWasLastFocusedInputMultiselect(
|
||||
context,
|
||||
wasLastFocusedInputMultiselect
|
||||
) {
|
||||
context.commit(
|
||||
gaStoreMutations.UPDATE_WAS_LAST_FOCUSED_INPUT_MULTISELECT,
|
||||
wasLastFocusedInputMultiselect
|
||||
);
|
||||
},
|
||||
};
|
||||
|
||||
export default createStore({
|
||||
gaState,
|
||||
gaMutations,
|
||||
getters,
|
||||
gaActions,
|
||||
});
|
||||
export default {
|
||||
state: gaState,
|
||||
mutations: gaMutations,
|
||||
getters,
|
||||
actions: gaActions,
|
||||
};
|
||||
|
|
|
|||
File diff suppressed because it is too large
Load diff
Loading…
Reference in a new issue