From d2bf8ad762ed1013f1182e2a51bd57e70a81b758 Mon Sep 17 00:00:00 2001
From: Laura Martinez Garcia <lauram@empathy.co>
Date: Mon, 5 Aug 2024 12:12:41 +0200
Subject: [PATCH] fix: send origin in query tagging

---
 .../x-components/src/components/base-event-button.vue | 11 ++++++++++-
 packages/x-components/src/views/home/Home.vue         |  1 +
 .../components/query-preview-button.vue               | 10 ++++++++++
 3 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/packages/x-components/src/components/base-event-button.vue b/packages/x-components/src/components/base-event-button.vue
index 37c295d034..82f8935b31 100644
--- a/packages/x-components/src/components/base-event-button.vue
+++ b/packages/x-components/src/components/base-event-button.vue
@@ -9,6 +9,7 @@
   import { defineComponent, PropType, ref } from 'vue';
   import { use$x } from '../composables/use-$x';
   import { XEvent, XEventsTypes } from '../wiring/events.types';
+  import { QueryFeature } from '../types/origin';
 
   /**
    * Component to be reused that renders a `<button>` with the logic of emitting events to the bus
@@ -26,6 +27,14 @@
       events: {
         type: Object as PropType<Partial<XEventsTypes>>,
         required: true
+      },
+      /**
+       * The origin property for the request on each query preview.
+       *
+       * @public
+       */
+      queryFeature: {
+        type: String as PropType<QueryFeature>
       }
     },
     setup(props) {
@@ -38,7 +47,7 @@
        */
       function emitEvents() {
         Object.entries(props.events).forEach(([event, payload]) =>
-          $x.emit(event as XEvent, payload, { target: rootRef.value })
+          $x.emit(event as XEvent, payload, { target: rootRef.value, feature: props.queryFeature })
         );
       }
 
diff --git a/packages/x-components/src/views/home/Home.vue b/packages/x-components/src/views/home/Home.vue
index 8737328e43..2c9b06c833 100644
--- a/packages/x-components/src/views/home/Home.vue
+++ b/packages/x-components/src/views/home/Home.vue
@@ -270,6 +270,7 @@
                       <QueryPreviewButton
                         class="x-w-fit x-button-xl x-button-ghost"
                         :queryPreviewInfo="queryPreviewInfo"
+                        :queryFeature="'customer'"
                       >
                         {{ `${queryPreviewInfo.query} (${totalResults})` }}
                       </QueryPreviewButton>
diff --git a/packages/x-components/src/x-modules/queries-preview/components/query-preview-button.vue b/packages/x-components/src/x-modules/queries-preview/components/query-preview-button.vue
index df8e415a37..741a97e9c9 100644
--- a/packages/x-components/src/x-modules/queries-preview/components/query-preview-button.vue
+++ b/packages/x-components/src/x-modules/queries-preview/components/query-preview-button.vue
@@ -2,6 +2,7 @@
   <BaseEventButton
     v-on="$listeners"
     :events="events"
+    :queryFeature="queryFeature"
     class="x-query-preview-button x-button"
     data-test="query-preview-button"
   >
@@ -19,6 +20,7 @@
   import { BaseEventButton } from '../../../components';
   import { queriesPreviewXModule } from '../x-module';
   import { useState } from '../../../composables/use-state';
+  import { QueryFeature } from '../../../types/origin';
 
   /**
    * Component containing an event button that emits
@@ -42,6 +44,14 @@
       queryPreviewInfo: {
         type: Object as PropType<QueryPreviewInfo>,
         required: true
+      },
+      /**
+       * The origin property for the request on each query preview.
+       *
+       * @public
+       */
+      queryFeature: {
+        type: String as PropType<QueryFeature>
       }
     },
     setup(props) {