CSR-762 Rename and move around GA logic

src/App.vue

@@ -5,17 +5,17 @@
             name="route-fade"
             mode="out-in">
             <!-- The above durations should be kept in sync with the global css class "fade-on-route-transition" -->
-            <component :is="Component" @focusin="handleChildFocus" />
+            <component :is="Component" @focusin="handleAnyComponentFocus" />
         </transition>
     </router-view>
 </template>
 
 <script>
-import { handleChildFocus } from "@/helpers/analytics-helper"
+import { handleAnyComponentFocus } from "@/helpers/input-button-focus-helper"
 export default {
     name: "app",
     methods: {
-        handleChildFocus: handleChildFocus
+        handleAnyComponentFocus: handleAnyComponentFocus
     }
 };
 </script>

src/common-components/base-input-button/base-input-button.vue

@@ -26,7 +26,7 @@
 import { useField } from "vee-validate";
 import { toRef } from "vue";
 import { queryStrings } from "@/constants/query-strings";
-import { handleInputFocus, handleInputBlur } from "@/helpers/analytics-helper";
+import { handleButtonComponentFocus, handleInputComponentBlur } from "@/helpers/input-button-focus-helper";
 import { inputButtonProps } from "@/common-components/base-input-button/button-functionality-props";
 
 export default {
@@ -100,14 +100,14 @@ export default {
             this.$emit("update:modelValue", this.valueToEmit);
         },
         handleFocus() {
-            handleInputFocus({
+            handleButtonComponentFocus({
                 groupName: this.groupName,
             });
         },
         handleBlur() {
-            handleInputBlur({
+            handleInputComponentBlur({
                 groupName: this.groupName,
-                onFocusCallback: this.handlePushClickEventToGACheck,
+                onButtonQuestionLostFocusCallback: this.handlePushClickEventToGACheck,
             });
         },
         handlePushClickEventToGACheck(source) {

src/helpers/analytics-helper.js

@@ -1,34 +0,0 @@
-let lastFocusedInputGroupName = "";
-let onFocusCallback = null;
-
-const handleChildFocus = (e) => {
-    const targetType = e.target.type;
-    if (targetType !== "radio" && targetType !== "checkbox") {
-        handleInputFocus({
-            groupName: null,
-        });
-    }
-}
-
-const handleInputFocus = (e) => {
-    if (
-        e &&
-        lastFocusedInputGroupName !== e.groupName &&
-        onFocusCallback
-    ) {
-        onFocusCallback();
-    }
-}
-
-const handleInputBlur = (e) => {
-    if (e) {
-        lastFocusedInputGroupName = e.groupName;
-        onFocusCallback = e.onFocusCallback;
-    }
-}
-
-export {
-    handleChildFocus,
-    handleInputFocus,
-    handleInputBlur
-}

src/helpers/input-button-focus-helper.js

@@ -0,0 +1,34 @@
+let lastFocusedInputGroupName = "";
+let onButtonQuestionLostFocusCallback = null;
+
+const handleAnyComponentFocus = (e) => {
+    const targetType = e.target.type;
+    if (targetType !== "radio" && targetType !== "checkbox") {
+        invokeButtonQuestionLostFocusCallback();
+    }
+};
+
+const handleButtonComponentFocus = (e) => {
+    if (e && lastFocusedInputGroupName !== e.groupName) {
+        invokeButtonQuestionLostFocusCallback();
+    }
+};
+
+const handleInputComponentBlur = (e) => {
+    if (e) {
+        lastFocusedInputGroupName = e.groupName;
+        onButtonQuestionLostFocusCallback = e.onButtonQuestionLostFocusCallback;
+    }
+};
+
+const invokeButtonQuestionLostFocusCallback = () => {
+    if (onButtonQuestionLostFocusCallback) {
+        onButtonQuestionLostFocusCallback();
+    }
+};
+
+export {
+    handleAnyComponentFocus,
+    handleButtonComponentFocus,
+    handleInputComponentBlur,
+};