project-booster-vue 10.2.2 → 10.2.4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "project-booster-vue",
-  "version": "10.2.2",
+  "version": "10.2.4",
   "private": false,
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/rework/alert/MPbAlert.vue

@@ -77,11 +77,13 @@ import { PayloadAction } from '../types/genericPayload';
 import { sanitizeCerberusAttribut } from '@/services/sanitize';
 import { ref } from 'vue';
 import { ButtonType, EventName, sendAnalyticEvent } from '../services/event';
+import { useStore } from 'vuex';
 
 const emit = defineEmits(['go-back', 'step-completed']);
 const showModal = ref(false);
 const titleModal = ref('');
 const srcModal = ref('');
+const store = useStore();
 
 const props = defineProps({
   /**
@@ -101,7 +103,7 @@ const handleCloseModal = () => {
 };
 
 const handleShowModal = (option: any) => {
-  sendAnalyticEvent(EventName.CLICK, {
+  sendAnalyticEvent(store, EventName.CLICK, {
     button_name: option.viewModel.button.label || '',
     button_location: '',
     button_type: ButtonType.ACTION,
@@ -121,7 +123,7 @@ const handleShowModal = (option: any) => {
  * @param action
  */
 const callAction = (button: PayloadAction) => {
-  sendAnalyticEvent(EventName.CLICK, {
+  sendAnalyticEvent(store, EventName.CLICK, {
     button_name: button.label || '',
     button_location: '',
     button_type: ButtonType.ACTION,

package/src/components/rework/exit-options/MPbExitOptions.vue

@@ -89,9 +89,11 @@ import { areConditionsValid } from '../../../services/scenarioConditionals';
 import { sanitizeCerberusAttribut } from '@/services/sanitize';
 import { ScenarioStepAnswer } from '@/types/pb/Scenario';
 import { ButtonType, EventName, sendAnalyticEvent } from '../services/event';
+import { useStore } from 'vuex';
 
 const emit = defineEmits(['go-back', 'step-completed']);
 const message = ref('');
+const store = useStore();
 
 const props = defineProps({
   /**
@@ -124,7 +126,7 @@ const props = defineProps({
  * @param action
  */
 const callAction = (action: PayloadAction, label: string) => {
-  sendAnalyticEvent(EventName.CLICK, {
+  sendAnalyticEvent(store, EventName.CLICK, {
     button_name: label || '',
     button_location: '',
     button_type: ButtonType.ACTION,

package/src/components/rework/question/MPbQuestion.vue

@@ -660,7 +660,7 @@ export default defineComponent({
         }
       }
 
-      sendAnalyticEvent(EventName.FIELD, {
+      sendAnalyticEvent(this.$store, EventName.FIELD, {
         field_name: multiSelectOptions?.label || '',
         field_value: answers,
         funnel_name: this.payload.viewModel.analytics.funnel_name,
@@ -787,7 +787,7 @@ export default defineComponent({
       });
 
       if (answer.viewModel) {
-        sendAnalyticEvent(EventName.CLICK, {
+        sendAnalyticEvent(this.$store, EventName.CLICK, {
           button_name: answer.viewModel?.title || '',
           button_location: '',
           button_type: ButtonType.ACTION,

package/src/components/rework/question/configurations-import/MPbConfigurationsImport.vue

@@ -204,7 +204,7 @@ export default defineComponent({
     const configurationImportError = ref(false);
 
     const navigateTo = (viewModel: ConfigurationsImportViewModel) => {
-      sendAnalyticEvent(EventName.CLICK, {
+      sendAnalyticEvent(store, EventName.CLICK, {
         button_name: viewModel.label || '',
         button_location: '',
         button_type: ButtonType.ACTION,
@@ -246,7 +246,7 @@ export default defineComponent({
     };
 
     const skipQuestion = (button: ConfigurationsImportSkippable) => {
-      sendAnalyticEvent(EventName.CLICK, {
+      sendAnalyticEvent(store, EventName.CLICK, {
         button_name: button.label || '',
         button_location: '',
         button_type: ButtonType.ACTION,
@@ -260,7 +260,7 @@ export default defineComponent({
     };
 
     const validMultiSelect = (multiSelectOptions: ConfigurationsImportMultiSelectAction) => {
-      sendAnalyticEvent(EventName.CLICK, {
+      sendAnalyticEvent(store, EventName.CLICK, {
         button_name: multiSelectOptions.label || '',
         button_location: '',
         button_type: ButtonType.ACTION,
@@ -273,7 +273,7 @@ export default defineComponent({
     };
 
     const callAction = (action: PayloadAction) => {
-      sendAnalyticEvent(EventName.CLICK, {
+      sendAnalyticEvent(store, EventName.CLICK, {
         button_name: action.label || '',
         button_location: '',
         button_type: ButtonType.ACTION,

package/src/components/rework/question/upload-document/MPbUploadDocument.vue

@@ -235,7 +235,7 @@ export default defineComponent({
     });
 
     const navigateTo = (viewModel: UploadDocumentViewModel) => {
-      sendAnalyticEvent(EventName.CLICK, {
+      sendAnalyticEvent(store, EventName.CLICK, {
         button_name: viewModel.label || '',
         button_location: '',
         button_type: ButtonType.ACTION,
@@ -259,7 +259,7 @@ export default defineComponent({
     };
 
     const validMultiSelect = (multiSelectOptions: UploadDocumentMultiSelectAction) => {
-      sendAnalyticEvent(EventName.CLICK, {
+      sendAnalyticEvent(store, EventName.CLICK, {
         button_name: multiSelectOptions.label || '',
         button_location: '',
         button_type: ButtonType.ACTION,
@@ -276,7 +276,7 @@ export default defineComponent({
     };
 
     const skipQuestion = (button: UploadDocumentMultiSelectAction) => {
-      sendAnalyticEvent(EventName.CLICK, {
+      sendAnalyticEvent(store, EventName.CLICK, {
         button_name: button.label || '',
         button_location: '',
         button_type: ButtonType.ACTION,

package/src/components/rework/services/event.ts

@@ -1,7 +1,3 @@
-import { useStore } from 'vuex';
-
-const store = useStore();
-
 export enum EventName {
   CLICK = 'button.click',
   FIELD = 'step.field',
@@ -28,7 +24,7 @@ interface EventField {
  * @param event_name
  * @param event_data
  */
-export const sendAnalyticEvent = (event_name: EventName, event_data: EventData | EventField) => {
+export const sendAnalyticEvent = (store: any, event_name: EventName, event_data: EventData | EventField) => {
   store.dispatch('sendEventToBus', {
     code: 'EMIT-ANALYTIC-EVENT',
     payload: {