INSR-8878/9031: Add analytics events on welcome-page and contact-details

src/iss-components/continue-modal/continue-modal.vue

@@ -64,10 +64,14 @@ export default {
         modalSubHeaderText() {
             return this.getCmsContent('ContinueReferralModalWidget', 'SubheaderText')
                 .replaceAll('{custom:mmFound}', this.getMakeModelString.toUpperCase());
+        },
+        accountName() {
+            return this.mainStore.issConfig.clientName.replaceAll(" ", "").replaceAll("&", "amp");
         }
     },
     methods: {
         openModal() {
+            this.pushEventToGA("existing_claim", "pop_up_displayed", this.accountName, true);
             this.$refs.continueModal.openModal();
         },
         setModalStatus(isOpened) {
@@ -77,9 +81,11 @@ export default {
             this.$refs.continueModal.closeModal();
         },
         continueReferral() {
+            this.pushEventToGA("existing_claim", "finish_claim", this.accountName, true);
             this.$emit('continue-previous-referral');
         },
         startNewReferral() {
+            this.pushEventToGA("existing_claim", "start_new_claim", this.accountName, true);
             this.$emit('start-new-referral');
         }
     }

src/layouts/contact-details/contact-details.vue

@@ -230,11 +230,15 @@ export default {
     },
     watch: {
         isSameAsPolicyAddress(newValue) {
+            this.pushEventToGA("mobile_location", "same_as_policy_address", newValue ? "checked" : "unchecked", true);
             if (newValue) {
                 this.copyPolicyAddressToServiceLocation();
             } else {
                 this.clearAddressFields();
             }
+        },
+        isVehicleProtected(newValue) {
+            this.pushEventToGA("mobile_location", "is_vehicle_protected", newValue, true);
         }
     },
     methods: {

src/layouts/welcome-page/welcome-page.vue

@@ -68,6 +68,7 @@
                         :options="DamageCauseOptions"
                         disableAutoFill
                         :validationRules="rules.damageOption"
+                        isRequired
                         placeHolderText="Select an option"
                         class="form-group" />
                     <textboxQuestion
@@ -252,6 +253,34 @@ export default {
             }
         };
     },
+    mounted() {
+        if (this.mainStore.applicationUser.firstHit) {
+            const isInfoPrefilled = !!(this.mainStore.order.policy.policyNumber
+                && this.mainStore.order.policy.dateOfLoss
+                && this.mainStore.order.policy.policyZipCode);
+
+            this.pushEventToGA("policy_info", "info_prefilled", isInfoPrefilled.toString(), true);
+
+            this.$nextTick(() => {
+                const requiredFieldCount = document.querySelectorAll('[aria-required="true"]').length;
+                this.pushEventToGA("policy_info", "required_fields", requiredFieldCount.toString(), true);
+            });
+
+            this.mainStore.applicationUser.firstHit = false;
+        }
+
+        // TODO: Check if we're coming from SFA
+        // eslint-disable-next-line
+        if (false) {
+            this.pushEventToGA("co_branded", "welcome_clicked_cta", "yes_clicked", 0);
+            this.pushEventToGA("visitor_info_welcome", "referring_site", "SFA", null);
+        }
+        else {
+            this.pushEventToGA("visitor_info_welcome", "referring_site", "ClientSite", null);
+        }
+
+        this.pushEventToGA("visitor_info_welcome", "client_name", this.accountName, null);
+    },
     computed: {
         DamageCauseOptions() {
             const damageCauseAnswers = this.getCmsContent(
@@ -300,6 +329,9 @@ export default {
         },
         phoneMask() {
             return MaskaFormattedMasks.PHONE_NUMBER;
+        },
+        accountName() {
+            return this.mainStore.issConfig.clientName.replaceAll(" ", "").replaceAll("&", "amp");
         }
     },
     methods: {
@@ -460,6 +492,20 @@ export default {
             this.answeredContinueModal = true;
             this.$refs.continueModal.closeModal();
         }
+    },
+    watch: {
+        'welcomePageModel.policyZipCode': {
+            handler: async function (newZip) {
+                if (newZip.length === 5) {
+                    this.pushEventToGA("policy_info", "policy_zip", newZip, true);
+                }
+            }
+        },
+        'welcomePageModel.damageCause': function (newCause) {
+            if (newCause) {
+                this.pushEventToGA("policy_info", "cause_of_loss", newCause, true);
+            }
+        }
     }
 };
 </script>

src/store/index.js

@@ -238,7 +238,8 @@ export const getDefaultState = () => ({
         triggeredSiteEntry: false, // TODO not in save session
         duplicateOrders: [],
         hasSentSaveQuoteEmail: null,
-        coverageLookupAttempts: 0
+        coverageLookupAttempts: 0,
+        firstHit: true
     },
     issConfig: {
         clientName: 'Generic Insurance', // this is the default and will be overriden by the client's name