@empathyco/x-components 8.5.0 → 8.6.0

package/CHANGELOG.md

@@ -3,6 +3,13 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.6.0](https://github.com/empathyco/x/compare/@empathyco/x-components@8.5.0...@empathyco/x-components@8.6.0) (2026-07-17)
+
+### Features
+
+* **vendor:** vendor banner events (#2140)
+
+
 ## [8.5.0](https://github.com/empathyco/x/compare/@empathyco/x-components@8.4.0...@empathyco/x-components@8.5.0) (2026-07-16)
 
 ### Features

package/docs/API-reference/api/x-components.banner.md

@@ -17,6 +17,10 @@ _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         required: true;
     };
     titleClass: StringConstructor;
+    clickEvent: {
+        type: PropType<XEvent>;
+        default: string;
+    };
 }>, {
     imageFailed: import("vue").Ref<boolean, boolean>;
     anchorEvents: () => Partial<{ [key in keyof GlobalEventHandlersEventMap]: () => void; }>;
@@ -26,5 +30,11 @@ _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         required: true;
     };
     titleClass: StringConstructor;
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
+    clickEvent: {
+        type: PropType<XEvent>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    clickEvent: keyof import("../../../wiring").XEventsTypes;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>
 ```

package/docs/API-reference/api/x-components.hierarchicalfilter.md

@@ -214,6 +214,8 @@ _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         UserClickedAVendorResult?: import("../../../vendor").VendorResult | undefined;
         UserClickedVendorResultAddToCart?: import("../../../vendor").VendorResult | undefined;
         VendorBannersChanged?: Omit<import("../../../vendor").VendorBanner, "modelName">[] | undefined;
+        UserViewedAVendorBanner?: import("../../../vendor").VendorBanner | undefined;
+        UserClickedAVendorBanner?: import("../../../vendor").VendorBanner | undefined;
     }>;
     innerCssClasses: import("vue").ComputedRef<(string | Dictionary<boolean>)[]>;
     renderedChildrenFilters: import("vue").ComputedRef<HierarchicalFilterModel[]>;

package/docs/API-reference/api/x-components.md

@@ -3395,6 +3395,17 @@ Alias to facilitate retrieving the modules with status.
 The interface for a vendor banner, extending the base Banner interface. The optional position means: - If the position is defined, the banner will be displayed in that position inside the grid. - If the position is undefined, the banner will be displayed on top of the grid and full width.
 
 
+</td></tr>
+<tr><td>
+
+[VendorBannerTagging](./x-components.vendorbannertagging.md)
+
+
+</td><td>
+
+The tagging info for a vendor banner.
+
+
 </td></tr>
 <tr><td>
 

package/docs/API-reference/api/x-components.simplefilter.md

@@ -211,6 +211,8 @@ _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         UserClickedAVendorResult?: import("../../../vendor").VendorResult | undefined;
         UserClickedVendorResultAddToCart?: import("../../../vendor").VendorResult | undefined;
         VendorBannersChanged?: Omit<import("../../../vendor").VendorBanner, "modelName">[] | undefined;
+        UserViewedAVendorBanner?: import("../../../vendor").VendorBanner | undefined;
+        UserClickedAVendorBanner?: import("../../../vendor").VendorBanner | undefined;
     }>;
     innerCssClasses: import("vue").ComputedRef<(string | Dictionary<boolean>)[]>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/docs/API-reference/api/x-components.snippetcallbacks.md

@@ -201,6 +201,8 @@ _default: import("vue").DefineComponent<{}, {
         UserClickedAVendorResult: (payload: import("..").VendorResult, metadata: WireMetadata) => unknown;
         UserClickedVendorResultAddToCart: (payload: import("..").VendorResult, metadata: WireMetadata) => unknown;
         VendorBannersChanged: (payload: Omit<import("..").VendorBanner, "modelName">[], metadata: WireMetadata) => unknown;
+        UserViewedAVendorBanner: (payload: import("..").VendorBanner, metadata: WireMetadata) => unknown;
+        UserClickedAVendorBanner: (payload: import("..").VendorBanner, metadata: WireMetadata) => unknown;
     }>>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
     GlobalXBus: import("vue").DefineComponent<{}, {}, any>;

package/docs/API-reference/api/x-components.vendorbanner.md

@@ -9,9 +9,9 @@ The interface for a vendor banner, extending the base Banner interface. The opti
 **Signature:**
 
 ```typescript
-export interface VendorBanner extends Omit<Banner, 'modelName'>, NamedModel<'VendorBanner'> 
+export interface VendorBanner extends Omit<Banner, 'modelName' | 'tagging'>, NamedModel<'VendorBanner'> 
 ```
-**Extends:** Omit&lt;Banner, 'modelName'&gt;, NamedModel&lt;'VendorBanner'&gt;
+**Extends:** Omit&lt;Banner, 'modelName' \| 'tagging'&gt;, NamedModel&lt;'VendorBanner'&gt;
 
 ## Properties
 
@@ -54,6 +54,25 @@ number
 _(Optional)_
 
 
+</td></tr>
+<tr><td>
+
+[tagging?](./x-components.vendorbanner.tagging.md)
+
+
+</td><td>
+
+
+</td><td>
+
+[VendorBannerTagging](./x-components.vendorbannertagging.md)
+
+
+</td><td>
+
+_(Optional)_
+
+
 </td></tr>
 </tbody></table>
 

package/docs/API-reference/api/x-components.vendorbanner.tagging.md

@@ -0,0 +1,11 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [VendorBanner](./x-components.vendorbanner.md) &gt; [tagging](./x-components.vendorbanner.tagging.md)
+
+## VendorBanner.tagging property
+
+**Signature:**
+
+```typescript
+tagging?: VendorBannerTagging;
+```

package/docs/API-reference/api/x-components.vendorbannertagging.clickurl.md

@@ -0,0 +1,11 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [VendorBannerTagging](./x-components.vendorbannertagging.md) &gt; [clickUrl](./x-components.vendorbannertagging.clickurl.md)
+
+## VendorBannerTagging.clickUrl property
+
+**Signature:**
+
+```typescript
+clickUrl: string;
+```

package/docs/API-reference/api/x-components.vendorbannertagging.md

@@ -0,0 +1,73 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [VendorBannerTagging](./x-components.vendorbannertagging.md)
+
+## VendorBannerTagging interface
+
+The tagging info for a vendor banner.
+
+**Signature:**
+
+```typescript
+export interface VendorBannerTagging 
+```
+
+## Properties
+
+<table><thead><tr><th>
+
+Property
+
+
+</th><th>
+
+Modifiers
+
+
+</th><th>
+
+Type
+
+
+</th><th>
+
+Description
+
+
+</th></tr></thead>
+<tbody><tr><td>
+
+[clickUrl](./x-components.vendorbannertagging.clickurl.md)
+
+
+</td><td>
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+
+</td></tr>
+<tr><td>
+
+[viewUrl](./x-components.vendorbannertagging.viewurl.md)
+
+
+</td><td>
+
+
+</td><td>
+
+string
+
+
+</td><td>
+
+
+</td></tr>
+</tbody></table>
+

package/docs/API-reference/api/x-components.vendorbannertagging.viewurl.md

@@ -0,0 +1,11 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [VendorBannerTagging](./x-components.vendorbannertagging.md) &gt; [viewUrl](./x-components.vendorbannertagging.viewurl.md)
+
+## VendorBannerTagging.viewUrl property
+
+**Signature:**
+
+```typescript
+viewUrl: string;
+```

package/docs/API-reference/api/x-components.vendorxevents.md

@@ -37,6 +37,25 @@ Description
 </th></tr></thead>
 <tbody><tr><td>
 
+[UserClickedAVendorBanner](./x-components.vendorxevents.userclickedavendorbanner.md)
+
+
+</td><td>
+
+
+</td><td>
+
+[VendorBanner](./x-components.vendorbanner.md)
+
+
+</td><td>
+
+The user clicked on a vendor banner. Payload: The [vendor banner](./x-components.vendorbanner.md) that was clicked.
+
+
+</td></tr>
+<tr><td>
+
 [UserClickedAVendorResult](./x-components.vendorxevents.userclickedavendorresult.md)
 
 
@@ -72,6 +91,25 @@ The user clicked on a vendor result. Payload: The [vendor result](./x-components
 The user clicked on the add to cart button of a vendor result. Payload: The [vendor result](./x-components.vendorresult.md) that was clicked.
 
 
+</td></tr>
+<tr><td>
+
+[UserViewedAVendorBanner](./x-components.vendorxevents.userviewedavendorbanner.md)
+
+
+</td><td>
+
+
+</td><td>
+
+[VendorBanner](./x-components.vendorbanner.md)
+
+
+</td><td>
+
+The user viewed a vendor banner. Payload: The [vendor banner](./x-components.vendorbanner.md) that was viewed.
+
+
 </td></tr>
 <tr><td>
 

package/docs/API-reference/api/x-components.vendorxevents.userclickedavendorbanner.md

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [VendorXEvents](./x-components.vendorxevents.md) &gt; [UserClickedAVendorBanner](./x-components.vendorxevents.userclickedavendorbanner.md)
+
+## VendorXEvents.UserClickedAVendorBanner property
+
+The user clicked on a vendor banner. Payload: The [vendor banner](./x-components.vendorbanner.md) that was clicked.
+
+**Signature:**
+
+```typescript
+UserClickedAVendorBanner: VendorBanner;
+```

package/docs/API-reference/api/x-components.vendorxevents.userviewedavendorbanner.md

@@ -0,0 +1,13 @@
+<!-- Do not edit this file. It is automatically generated by API Documenter. -->
+
+[Home](./index.md) &gt; [@empathyco/x-components](./x-components.md) &gt; [VendorXEvents](./x-components.vendorxevents.md) &gt; [UserViewedAVendorBanner](./x-components.vendorxevents.userviewedavendorbanner.md)
+
+## VendorXEvents.UserViewedAVendorBanner property
+
+The user viewed a vendor banner. Payload: The [vendor banner](./x-components.vendorbanner.md) that was viewed.
+
+**Signature:**
+
+```typescript
+UserViewedAVendorBanner: VendorBanner;
+```

package/docs/API-reference/api/x-types.banner.md

@@ -9,9 +9,9 @@ A banner is an image with a title, that when clicked redirect the user to an URL
 **Signature:**
 
 ```typescript
-export interface Banner extends NamedModel<'Banner'>, Identifiable, Taggable 
+export interface Banner extends NamedModel<'Banner' | 'VendorBanner'>, Identifiable, Taggable 
 ```
-**Extends:** [NamedModel](./x-types.namedmodel.md)<!-- -->&lt;'Banner'&gt;, [Identifiable](./x-types.identifiable.md)<!-- -->, [Taggable](./x-types.taggable.md)
+**Extends:** [NamedModel](./x-types.namedmodel.md)<!-- -->&lt;'Banner' \| 'VendorBanner'&gt;, [Identifiable](./x-types.identifiable.md)<!-- -->, [Taggable](./x-types.taggable.md)
 
 ## Properties
 

package/docs/API-reference/components/search/x-components.banner.md

@@ -8,17 +8,19 @@ title: Banner
 
 ## Props
 
-| Name                    | Description      | Type                     | Default       |
-| ----------------------- | ---------------- | ------------------------ | ------------- |
-| <code>banner</code>     | The banner data. | <code>BannerModel</code> | <code></code> |
-| <code>titleClass</code> |                  | <code>string</code>      | <code></code> |
+| Name                    | Description                               | Type                     | Default                           |
+| ----------------------- | ----------------------------------------- | ------------------------ | --------------------------------- |
+| <code>banner</code>     | The banner data.                          | <code>BannerModel</code> | <code></code>                     |
+| <code>titleClass</code> |                                           | <code>string</code>      | <code></code>                     |
+| <code>clickEvent</code> | Event to emit when the banner is clicked. | <code>XEvent</code>      | <code>'UserClickedABanner'</code> |
 
 ## Events
 
 This component emits the following event:
 
-- [`UserClickedABanner`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):
-  emitted when the user clicks the banner (if it has a URL).
+- `clickEvent` (default `UserClickedABanner`):
+  emitted when the user clicks the banner (if it has a URL). The event name can be customized
+  via the `clickEvent` prop.
 
 ## See it in action
 

package/js/x-modules/search/components/banner.vue.js.map

@@ -1 +1 @@
-{"version":3,"file":"banner.vue.js","sources":["../../../../../src/x-modules/search/components/banner.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"banner.url ? 'a' : 'figure'\"\n    v-if=\"!imageFailed\"\n    :href=\"banner.url\"\n    class=\"x-banner\"\n    data-test=\"banner\"\n    v-on=\"banner.url ? anchorEvents() : {}\"\n  >\n    <img\n      :src=\"banner.image\"\n      :alt=\"banner.title ? banner.title : 'Banner'\"\n      class=\"x-banner__image\"\n      data-test=\"banner-image\"\n      @error=\"imageFailed = true\"\n    />\n    <h2 v-if=\"banner.title\" class=\"x-banner__title\" :class=\"titleClass\" data-test=\"banner-title\">\n      {{ banner.title }}\n    </h2>\n  </component>\n</template>\n\n<script lang=\"ts\">\nimport type { Banner as BannerModel } from '@empathyco/x-types'\nimport type { PropType } from 'vue'\nimport { defineComponent, ref } from 'vue'\nimport { useXBus } from '../../../composables/use-x-bus'\nimport { searchXModule } from '../x-module'\n\n/**.\n * A banner result is just an item that has been inserted into the search results to advertise\n * something. Usually it is the first item in the grid or it can be placed in the middle of them\n * and fill the whole row where appears.\n * The banner may be clickable or non-clickable depending on whether it has an associated URL\n * or not. It contains an image and, optionally, a title. In case the image does not\n * load due to an error the banner will not be rendered.\n *\n * Additionally, this component exposes the following props to modify the classes of the\n * elements: `titleClass`.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'Banner',\n  xModule: searchXModule.name,\n  props: {\n    /**\n     * The banner data.\n     *\n     * @public\n     */\n    banner: {\n      type: Object as PropType<BannerModel>,\n      required: true,\n    },\n    titleClass: String,\n  },\n  setup(props) {\n    const xBus = useXBus()\n\n    /**\n     * Flag to handle banner image errors.\n     *\n     * @public\n     */\n    const imageFailed = ref(false)\n\n    /**\n     * Emits the banner click event.\n     *\n     * @internal\n     */\n    const emitClickEvent = (): void => {\n      xBus.emit('UserClickedABanner', props.banner)\n    }\n\n    /**\n     * Returns the events supported by the anchor.\n     *\n     * @returns Events supported by the anchor.\n     *\n     * @internal\n     */\n    const anchorEvents = (): Partial<{\n      [key in keyof GlobalEventHandlersEventMap]: () => void\n    }> => ({\n      click: () => emitClickEvent(),\n      auxclick: () => emitClickEvent(),\n      contextmenu: () => emitClickEvent(),\n    })\n\n    return {\n      imageFailed,\n      anchorEvents,\n    }\n  },\n})\n</script>\n\n<style lang=\"css\" scoped>\n.x-banner {\n  display: flex;\n  flex-flow: column nowrap;\n  text-decoration: none;\n}\n\n.x-banner__image {\n  width: 100%;\n  object-fit: contain;\n}\n</style>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component emits the following event:\n\n- [`UserClickedABanner`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  emitted when the user clicks the banner (if it has a URL).\n\n## See it in action\n\nIn this example, banner data is passed as a prop.\n\n_Here you can see how the `Banner` component is rendered._\n\n```vue\n<template>\n  <Banner :banner=\"banner\" />\n</template>\n\n<script setup>\nimport { Banner } from '@empathyco/x-components/search'\nimport { ref } from 'vue'\n\nconst banner = ref({\n  modelName: 'Banner',\n  id: 'banner-example',\n  url: 'https://my-website.com/summer-shirts',\n  image: 'https://my-website.com/images/summer-shirts.jpg',\n  title: 'Trendy summer shirts',\n  position: 1,\n})\n</script>\n```\n\n### Customizing the items with classes\n\nThe `titleClass` prop can be used to add classes to the banner title.\n\n```vue\n<template>\n  <Banner :banner=\"banner\" titleClass=\"x-bg-neutral-50\" />\n</template>\n\n<script setup>\nimport { Banner } from '@empathyco/x-components/search'\nimport { ref } from 'vue'\n\nconst banner = ref({\n  modelName: 'Banner',\n  id: 'banner-example',\n  url: 'https://my-website.com/summer-shirts',\n  image: 'https://my-website.com/images/summer-shirts.jpg',\n  title: 'Trendy summer shirts',\n  position: 1,\n})\n</script>\n```\n</docs>\n"],"names":["_openBlock","_createBlock","_resolveDynamicComponent","_mergeProps","_toHandlers","_withCtx","_createElementVNode","_createElementBlock","_normalizeClass","_toDisplayString","_createCommentVNode"],"mappings":";;;;;;;AAGW,EAAA,OAAA,CAAA,IAAA,CAAA,WAAA,IAAAA,SAAA,EAAA,EAFTC,WAAA,CAkBYC,uBAAA,CAjBL,IAAA,CAAA,MAAA,CAAO,GAAA,GAAG,iBADjBC,UAAA,CAkBY;AAAA,IAAA,GAAA,EAAA,CAAA;AAfT,IAAA,IAAA,EAAM,IAAA,CAAA,MAAA,CAAO,GAAA;AAAA,IACd,KAAA,EAAM,UAAA;AAAA,IACN,WAAA,EAAU;AAAA,GAAA,EACVC,UAAA,CAAuC,IAAA,CAAjC,MAAA,CAAO,GAAA,GAAM,IAAA,CAAA,YAAA,EAAY,GAAA,EAAA,CAAA,CAAA,EAAA;AAAA,IAAA,OAAA,EAAAC,OAAA,CAE/B,MAME;AAAA,MANFC,kBAAA,CAME,KAAA,EAAA;AAAA,QALC,KAAK,IAAA,CAAA,MAAA,CAAO,KAAA;AAAA,QACZ,GAAA,EAAK,IAAA,CAAA,MAAA,CAAO,KAAA,GAAQ,IAAA,CAAA,MAAA,CAAO,KAAA,GAAK,QAAA;AAAA,QACjC,KAAA,EAAM,iBAAA;AAAA,QACN,WAAA,EAAU,cAAA;AAAA,QACT,OAAA,EAAK,sCAAE,IAAA,CAAA,WAAA,GAAW,IAAA;AAAA,OAAA,EAAA,IAAA,EAAA,EAAA,EAAA,UAAA,CAAA;AAEX,MAAA,IAAA,CAAA,MAAA,CAAO,KAAA,IAAAN,SAAA,EAAA,EAAjBO,kBAAA;AAAA,QAEK,IAAA;AAAA,QAAA;AAAA,UAAA,GAAA,EAAA,CAAA;UAFmB,KAAA,EAAKC,cAAA,CAAA,CAAC,mBAA0B,IAAA,CAAA,UAAU,CAAA,CAAA;AAAA,UAAE,WAAA,EAAU;AAAA,SAAA;AACzE,QAAAC,eAAA,CAAA,IAAA,CAAA,MAAA,CAAO,KAAK,CAAA;AAAA,QAAA;AAAA;AAAA,OAAA,IAAAC,kBAAA,CAAA,MAAA,EAAA,IAAA;;;;;;;;;;"}
+{"version":3,"file":"banner.vue.js","sources":["../../../../../src/x-modules/search/components/banner.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"banner.url ? 'a' : 'figure'\"\n    v-if=\"!imageFailed\"\n    :href=\"banner.url\"\n    class=\"x-banner\"\n    data-test=\"banner\"\n    v-on=\"banner.url ? anchorEvents() : {}\"\n  >\n    <img\n      :src=\"banner.image\"\n      :alt=\"banner.title ? banner.title : 'Banner'\"\n      class=\"x-banner__image\"\n      data-test=\"banner-image\"\n      @error=\"imageFailed = true\"\n    />\n    <h2 v-if=\"banner.title\" class=\"x-banner__title\" :class=\"titleClass\" data-test=\"banner-title\">\n      {{ banner.title }}\n    </h2>\n  </component>\n</template>\n\n<script lang=\"ts\">\nimport type { Banner as BannerModel } from '@empathyco/x-types'\nimport type { PropType } from 'vue'\nimport type { XEvent } from '../../../wiring'\nimport { defineComponent, ref } from 'vue'\nimport { useXBus } from '../../../composables/use-x-bus'\nimport { searchXModule } from '../x-module'\n\n/**.\n * A banner result is just an item that has been inserted into the search results to advertise\n * something. Usually it is the first item in the grid or it can be placed in the middle of them\n * and fill the whole row where appears.\n * The banner may be clickable or non-clickable depending on whether it has an associated URL\n * or not. It contains an image and, optionally, a title. In case the image does not\n * load due to an error the banner will not be rendered.\n *\n * Additionally, this component exposes the following props to modify the classes of the\n * elements: `titleClass`.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'Banner',\n  xModule: searchXModule.name,\n  props: {\n    /**\n     * The banner data.\n     *\n     * @public\n     */\n    banner: {\n      type: Object as PropType<BannerModel>,\n      required: true,\n    },\n    titleClass: String,\n    /**\n     * Event to emit when the banner is clicked.\n     *\n     * @public\n     */\n    clickEvent: {\n      type: String as PropType<XEvent>,\n      default: 'UserClickedABanner',\n    },\n  },\n  setup(props) {\n    const xBus = useXBus()\n\n    /**\n     * Flag to handle banner image errors.\n     *\n     * @public\n     */\n    const imageFailed = ref(false)\n\n    /**\n     * Emits the banner click event.\n     *\n     * @internal\n     */\n    const emitClickEvent = (): void => {\n      xBus.emit(props.clickEvent, props.banner)\n    }\n\n    /**\n     * Returns the events supported by the anchor.\n     *\n     * @returns Events supported by the anchor.\n     *\n     * @internal\n     */\n    const anchorEvents = (): Partial<{\n      [key in keyof GlobalEventHandlersEventMap]: () => void\n    }> => ({\n      click: () => emitClickEvent(),\n      auxclick: () => emitClickEvent(),\n      contextmenu: () => emitClickEvent(),\n    })\n\n    return {\n      imageFailed,\n      anchorEvents,\n    }\n  },\n})\n</script>\n\n<style lang=\"css\" scoped>\n.x-banner {\n  display: flex;\n  flex-flow: column nowrap;\n  text-decoration: none;\n}\n\n.x-banner__image {\n  width: 100%;\n  object-fit: contain;\n}\n</style>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component emits the following event:\n\n- `clickEvent` (default `UserClickedABanner`):\n  emitted when the user clicks the banner (if it has a URL). The event name can be customized\n  via the `clickEvent` prop.\n\n## See it in action\n\nIn this example, banner data is passed as a prop.\n\n_Here you can see how the `Banner` component is rendered._\n\n```vue\n<template>\n  <Banner :banner=\"banner\" />\n</template>\n\n<script setup>\nimport { Banner } from '@empathyco/x-components/search'\nimport { ref } from 'vue'\n\nconst banner = ref({\n  modelName: 'Banner',\n  id: 'banner-example',\n  url: 'https://my-website.com/summer-shirts',\n  image: 'https://my-website.com/images/summer-shirts.jpg',\n  title: 'Trendy summer shirts',\n  position: 1,\n})\n</script>\n```\n\n### Customizing the items with classes\n\nThe `titleClass` prop can be used to add classes to the banner title.\n\n```vue\n<template>\n  <Banner :banner=\"banner\" titleClass=\"x-bg-neutral-50\" />\n</template>\n\n<script setup>\nimport { Banner } from '@empathyco/x-components/search'\nimport { ref } from 'vue'\n\nconst banner = ref({\n  modelName: 'Banner',\n  id: 'banner-example',\n  url: 'https://my-website.com/summer-shirts',\n  image: 'https://my-website.com/images/summer-shirts.jpg',\n  title: 'Trendy summer shirts',\n  position: 1,\n})\n</script>\n```\n</docs>\n"],"names":["_openBlock","_createBlock","_resolveDynamicComponent","_mergeProps","_toHandlers","_withCtx","_createElementVNode","_createElementBlock","_normalizeClass","_toDisplayString","_createCommentVNode"],"mappings":";;;;;;;AAGW,EAAA,OAAA,CAAA,IAAA,CAAA,WAAA,IAAAA,SAAA,EAAA,EAFTC,WAAA,CAkBYC,uBAAA,CAjBL,IAAA,CAAA,MAAA,CAAO,GAAA,GAAG,iBADjBC,UAAA,CAkBY;AAAA,IAAA,GAAA,EAAA,CAAA;AAfT,IAAA,IAAA,EAAM,IAAA,CAAA,MAAA,CAAO,GAAA;AAAA,IACd,KAAA,EAAM,UAAA;AAAA,IACN,WAAA,EAAU;AAAA,GAAA,EACVC,UAAA,CAAuC,IAAA,CAAjC,MAAA,CAAO,GAAA,GAAM,IAAA,CAAA,YAAA,EAAY,GAAA,EAAA,CAAA,CAAA,EAAA;AAAA,IAAA,OAAA,EAAAC,OAAA,CAE/B,MAME;AAAA,MANFC,kBAAA,CAME,KAAA,EAAA;AAAA,QALC,KAAK,IAAA,CAAA,MAAA,CAAO,KAAA;AAAA,QACZ,GAAA,EAAK,IAAA,CAAA,MAAA,CAAO,KAAA,GAAQ,IAAA,CAAA,MAAA,CAAO,KAAA,GAAK,QAAA;AAAA,QACjC,KAAA,EAAM,iBAAA;AAAA,QACN,WAAA,EAAU,cAAA;AAAA,QACT,OAAA,EAAK,sCAAE,IAAA,CAAA,WAAA,GAAW,IAAA;AAAA,OAAA,EAAA,IAAA,EAAA,EAAA,EAAA,UAAA,CAAA;AAEX,MAAA,IAAA,CAAA,MAAA,CAAO,KAAA,IAAAN,SAAA,EAAA,EAAjBO,kBAAA;AAAA,QAEK,IAAA;AAAA,QAAA;AAAA,UAAA,GAAA,EAAA,CAAA;UAFmB,KAAA,EAAKC,cAAA,CAAA,CAAC,mBAA0B,IAAA,CAAA,UAAU,CAAA,CAAA;AAAA,UAAE,WAAA,EAAU;AAAA,SAAA;AACzE,QAAAC,eAAA,CAAA,IAAA,CAAA,MAAA,CAAO,KAAK,CAAA;AAAA,QAAA;AAAA;AAAA,OAAA,IAAAC,kBAAA,CAAA,MAAA,EAAA,IAAA;;;;;;;;;;"}

package/js/x-modules/search/components/banner.vue2.js

@@ -29,6 +29,15 @@ var _sfc_main = defineComponent({
             required: true,
         },
         titleClass: String,
+        /**
+         * Event to emit when the banner is clicked.
+         *
+         * @public
+         */
+        clickEvent: {
+            type: String,
+            default: 'UserClickedABanner',
+        },
     },
     setup(props) {
         const xBus = useXBus();
@@ -44,7 +53,7 @@ var _sfc_main = defineComponent({
          * @internal
          */
         const emitClickEvent = () => {
-            xBus.emit('UserClickedABanner', props.banner);
+            xBus.emit(props.clickEvent, props.banner);
         };
         /**
          * Returns the events supported by the anchor.

package/js/x-modules/search/components/banner.vue2.js.map

@@ -1 +1 @@
-{"version":3,"file":"banner.vue2.js","sources":["../../../../../src/x-modules/search/components/banner.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"banner.url ? 'a' : 'figure'\"\n    v-if=\"!imageFailed\"\n    :href=\"banner.url\"\n    class=\"x-banner\"\n    data-test=\"banner\"\n    v-on=\"banner.url ? anchorEvents() : {}\"\n  >\n    <img\n      :src=\"banner.image\"\n      :alt=\"banner.title ? banner.title : 'Banner'\"\n      class=\"x-banner__image\"\n      data-test=\"banner-image\"\n      @error=\"imageFailed = true\"\n    />\n    <h2 v-if=\"banner.title\" class=\"x-banner__title\" :class=\"titleClass\" data-test=\"banner-title\">\n      {{ banner.title }}\n    </h2>\n  </component>\n</template>\n\n<script lang=\"ts\">\nimport type { Banner as BannerModel } from '@empathyco/x-types'\nimport type { PropType } from 'vue'\nimport { defineComponent, ref } from 'vue'\nimport { useXBus } from '../../../composables/use-x-bus'\nimport { searchXModule } from '../x-module'\n\n/**.\n * A banner result is just an item that has been inserted into the search results to advertise\n * something. Usually it is the first item in the grid or it can be placed in the middle of them\n * and fill the whole row where appears.\n * The banner may be clickable or non-clickable depending on whether it has an associated URL\n * or not. It contains an image and, optionally, a title. In case the image does not\n * load due to an error the banner will not be rendered.\n *\n * Additionally, this component exposes the following props to modify the classes of the\n * elements: `titleClass`.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'Banner',\n  xModule: searchXModule.name,\n  props: {\n    /**\n     * The banner data.\n     *\n     * @public\n     */\n    banner: {\n      type: Object as PropType<BannerModel>,\n      required: true,\n    },\n    titleClass: String,\n  },\n  setup(props) {\n    const xBus = useXBus()\n\n    /**\n     * Flag to handle banner image errors.\n     *\n     * @public\n     */\n    const imageFailed = ref(false)\n\n    /**\n     * Emits the banner click event.\n     *\n     * @internal\n     */\n    const emitClickEvent = (): void => {\n      xBus.emit('UserClickedABanner', props.banner)\n    }\n\n    /**\n     * Returns the events supported by the anchor.\n     *\n     * @returns Events supported by the anchor.\n     *\n     * @internal\n     */\n    const anchorEvents = (): Partial<{\n      [key in keyof GlobalEventHandlersEventMap]: () => void\n    }> => ({\n      click: () => emitClickEvent(),\n      auxclick: () => emitClickEvent(),\n      contextmenu: () => emitClickEvent(),\n    })\n\n    return {\n      imageFailed,\n      anchorEvents,\n    }\n  },\n})\n</script>\n\n<style lang=\"css\" scoped>\n.x-banner {\n  display: flex;\n  flex-flow: column nowrap;\n  text-decoration: none;\n}\n\n.x-banner__image {\n  width: 100%;\n  object-fit: contain;\n}\n</style>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component emits the following event:\n\n- [`UserClickedABanner`](https://github.com/empathyco/x/blob/main/packages/x-components/src/wiring/events.types.ts):\n  emitted when the user clicks the banner (if it has a URL).\n\n## See it in action\n\nIn this example, banner data is passed as a prop.\n\n_Here you can see how the `Banner` component is rendered._\n\n```vue\n<template>\n  <Banner :banner=\"banner\" />\n</template>\n\n<script setup>\nimport { Banner } from '@empathyco/x-components/search'\nimport { ref } from 'vue'\n\nconst banner = ref({\n  modelName: 'Banner',\n  id: 'banner-example',\n  url: 'https://my-website.com/summer-shirts',\n  image: 'https://my-website.com/images/summer-shirts.jpg',\n  title: 'Trendy summer shirts',\n  position: 1,\n})\n</script>\n```\n\n### Customizing the items with classes\n\nThe `titleClass` prop can be used to add classes to the banner title.\n\n```vue\n<template>\n  <Banner :banner=\"banner\" titleClass=\"x-bg-neutral-50\" />\n</template>\n\n<script setup>\nimport { Banner } from '@empathyco/x-components/search'\nimport { ref } from 'vue'\n\nconst banner = ref({\n  modelName: 'Banner',\n  id: 'banner-example',\n  url: 'https://my-website.com/summer-shirts',\n  image: 'https://my-website.com/images/summer-shirts.jpg',\n  title: 'Trendy summer shirts',\n  position: 1,\n})\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AA6BA;;;;;;;;;;;;AAYE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,aAAa,CAAC,IAAI;AAC3B,IAAA,KAAK,EAAE;AACL;;;;AAIE;AACF,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAA+B;AACrC,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AACD,QAAA,UAAU,EAAE,MAAM;AACnB,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;AACT,QAAA,MAAM,IAAG,GAAI,OAAO,EAAC;AAErB;;;;AAIE;AACF,QAAA,MAAM,WAAU,GAAI,GAAG,CAAC,KAAK,CAAA;AAE7B;;;;AAIE;QACF,MAAM,cAAa,GAAI,MAAU;YAC/B,IAAI,CAAC,IAAI,CAAC,oBAAoB,EAAE,KAAK,CAAC,MAAM,CAAA;AAC9C,QAAA,CAAA;AAEA;;;;;;AAME;AACF,QAAA,MAAM,YAAW,GAAI,OAEd;AACL,YAAA,KAAK,EAAE,MAAM,cAAc,EAAE;AAC7B,YAAA,QAAQ,EAAE,MAAM,cAAc,EAAE;AAChC,YAAA,WAAW,EAAE,MAAM,cAAc,EAAE;AACpC,SAAA,CAAA;QAED,OAAO;YACL,WAAW;YACX,YAAY;SACd;IACF,CAAC;AACF,CAAA,CAAA;;;;"}
+{"version":3,"file":"banner.vue2.js","sources":["../../../../../src/x-modules/search/components/banner.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"banner.url ? 'a' : 'figure'\"\n    v-if=\"!imageFailed\"\n    :href=\"banner.url\"\n    class=\"x-banner\"\n    data-test=\"banner\"\n    v-on=\"banner.url ? anchorEvents() : {}\"\n  >\n    <img\n      :src=\"banner.image\"\n      :alt=\"banner.title ? banner.title : 'Banner'\"\n      class=\"x-banner__image\"\n      data-test=\"banner-image\"\n      @error=\"imageFailed = true\"\n    />\n    <h2 v-if=\"banner.title\" class=\"x-banner__title\" :class=\"titleClass\" data-test=\"banner-title\">\n      {{ banner.title }}\n    </h2>\n  </component>\n</template>\n\n<script lang=\"ts\">\nimport type { Banner as BannerModel } from '@empathyco/x-types'\nimport type { PropType } from 'vue'\nimport type { XEvent } from '../../../wiring'\nimport { defineComponent, ref } from 'vue'\nimport { useXBus } from '../../../composables/use-x-bus'\nimport { searchXModule } from '../x-module'\n\n/**.\n * A banner result is just an item that has been inserted into the search results to advertise\n * something. Usually it is the first item in the grid or it can be placed in the middle of them\n * and fill the whole row where appears.\n * The banner may be clickable or non-clickable depending on whether it has an associated URL\n * or not. It contains an image and, optionally, a title. In case the image does not\n * load due to an error the banner will not be rendered.\n *\n * Additionally, this component exposes the following props to modify the classes of the\n * elements: `titleClass`.\n *\n * @public\n */\nexport default defineComponent({\n  name: 'Banner',\n  xModule: searchXModule.name,\n  props: {\n    /**\n     * The banner data.\n     *\n     * @public\n     */\n    banner: {\n      type: Object as PropType<BannerModel>,\n      required: true,\n    },\n    titleClass: String,\n    /**\n     * Event to emit when the banner is clicked.\n     *\n     * @public\n     */\n    clickEvent: {\n      type: String as PropType<XEvent>,\n      default: 'UserClickedABanner',\n    },\n  },\n  setup(props) {\n    const xBus = useXBus()\n\n    /**\n     * Flag to handle banner image errors.\n     *\n     * @public\n     */\n    const imageFailed = ref(false)\n\n    /**\n     * Emits the banner click event.\n     *\n     * @internal\n     */\n    const emitClickEvent = (): void => {\n      xBus.emit(props.clickEvent, props.banner)\n    }\n\n    /**\n     * Returns the events supported by the anchor.\n     *\n     * @returns Events supported by the anchor.\n     *\n     * @internal\n     */\n    const anchorEvents = (): Partial<{\n      [key in keyof GlobalEventHandlersEventMap]: () => void\n    }> => ({\n      click: () => emitClickEvent(),\n      auxclick: () => emitClickEvent(),\n      contextmenu: () => emitClickEvent(),\n    })\n\n    return {\n      imageFailed,\n      anchorEvents,\n    }\n  },\n})\n</script>\n\n<style lang=\"css\" scoped>\n.x-banner {\n  display: flex;\n  flex-flow: column nowrap;\n  text-decoration: none;\n}\n\n.x-banner__image {\n  width: 100%;\n  object-fit: contain;\n}\n</style>\n\n<docs lang=\"mdx\">\n## Events\n\nThis component emits the following event:\n\n- `clickEvent` (default `UserClickedABanner`):\n  emitted when the user clicks the banner (if it has a URL). The event name can be customized\n  via the `clickEvent` prop.\n\n## See it in action\n\nIn this example, banner data is passed as a prop.\n\n_Here you can see how the `Banner` component is rendered._\n\n```vue\n<template>\n  <Banner :banner=\"banner\" />\n</template>\n\n<script setup>\nimport { Banner } from '@empathyco/x-components/search'\nimport { ref } from 'vue'\n\nconst banner = ref({\n  modelName: 'Banner',\n  id: 'banner-example',\n  url: 'https://my-website.com/summer-shirts',\n  image: 'https://my-website.com/images/summer-shirts.jpg',\n  title: 'Trendy summer shirts',\n  position: 1,\n})\n</script>\n```\n\n### Customizing the items with classes\n\nThe `titleClass` prop can be used to add classes to the banner title.\n\n```vue\n<template>\n  <Banner :banner=\"banner\" titleClass=\"x-bg-neutral-50\" />\n</template>\n\n<script setup>\nimport { Banner } from '@empathyco/x-components/search'\nimport { ref } from 'vue'\n\nconst banner = ref({\n  modelName: 'Banner',\n  id: 'banner-example',\n  url: 'https://my-website.com/summer-shirts',\n  image: 'https://my-website.com/images/summer-shirts.jpg',\n  title: 'Trendy summer shirts',\n  position: 1,\n})\n</script>\n```\n</docs>\n"],"names":[],"mappings":";;;;AA8BA;;;;;;;;;;;;AAYE;AACF,gBAAe,eAAe,CAAC;AAC7B,IAAA,IAAI,EAAE,QAAQ;IACd,OAAO,EAAE,aAAa,CAAC,IAAI;AAC3B,IAAA,KAAK,EAAE;AACL;;;;AAIE;AACF,QAAA,MAAM,EAAE;AACN,YAAA,IAAI,EAAE,MAA+B;AACrC,YAAA,QAAQ,EAAE,IAAI;AACf,SAAA;AACD,QAAA,UAAU,EAAE,MAAM;AAClB;;;;AAIE;AACF,QAAA,UAAU,EAAE;AACV,YAAA,IAAI,EAAE,MAA0B;AAChC,YAAA,OAAO,EAAE,oBAAoB;AAC9B,SAAA;AACF,KAAA;AACD,IAAA,KAAK,CAAC,KAAK,EAAA;AACT,QAAA,MAAM,IAAG,GAAI,OAAO,EAAC;AAErB;;;;AAIE;AACF,QAAA,MAAM,WAAU,GAAI,GAAG,CAAC,KAAK,CAAA;AAE7B;;;;AAIE;QACF,MAAM,cAAa,GAAI,MAAU;YAC/B,IAAI,CAAC,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,KAAK,CAAC,MAAM,CAAA;AAC1C,QAAA,CAAA;AAEA;;;;;;AAME;AACF,QAAA,MAAM,YAAW,GAAI,OAEd;AACL,YAAA,KAAK,EAAE,MAAM,cAAc,EAAE;AAC7B,YAAA,QAAQ,EAAE,MAAM,cAAc,EAAE;AAChC,YAAA,WAAW,EAAE,MAAM,cAAc,EAAE;AACpC,SAAA,CAAA;QAED,OAAO;YACL,WAAW;YACX,YAAY;SACd;IACF,CAAC;AACF,CAAA,CAAA;;;;"}

package/js/x-modules/vendor/wiring.js

@@ -14,6 +14,8 @@ const fetchTagging = async (url) => fetch(url, { method: 'GET', keepalive: true
 const trackResultView = createWireFromFunction(({ eventPayload: { tagging } }) => tagging?.viewUrl && void fetchTagging(tagging.viewUrl));
 const trackResultClick = createWireFromFunction(({ eventPayload: { tagging } }) => tagging?.clickUrl && void fetchTagging(tagging.clickUrl));
 const trackResultAddToCart = createWireFromFunction(({ eventPayload: { tagging } }) => tagging?.add2cartUrl && void fetchTagging(tagging.add2cartUrl));
+const trackBannerView = createWireFromFunction(({ eventPayload: { tagging } }) => tagging?.viewUrl && void fetchTagging(tagging.viewUrl));
+const trackBannerClick = createWireFromFunction(({ eventPayload: { tagging } }) => tagging?.clickUrl && void fetchTagging(tagging.clickUrl));
 /**
  * Sets the vendor results of the {@link VendorXModule}.
  *
@@ -65,6 +67,12 @@ const vendorWiring = createWiring({
     VendorBannersChanged: {
         setBanners,
     },
+    UserViewedAVendorBanner: {
+        trackBannerView,
+    },
+    UserClickedAVendorBanner: {
+        trackBannerClick,
+    },
     SearchRequestChanged: {
         resetResults,
         resetBanners,

package/js/x-modules/vendor/wiring.js.map

@@ -1 +1 @@
-{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/vendor/wiring.ts"],"sourcesContent":["import type { WirePayload, XEventPayload } from '../../wiring'\nimport { createWireFromFunction, createWiring, namespacedWireCommit } from '../../wiring'\n\n/**\n * WireCommit for {@link VendorXModule}.\n *\n * @internal\n */\nconst wireCommit = namespacedWireCommit('vendor')\n\nconst fetchTagging = async (url: string) => fetch(url, { method: 'GET', keepalive: true })\n\nconst trackResultView = createWireFromFunction<XEventPayload<'UserViewedAVendorResult'>>(\n  ({ eventPayload: { tagging } }) => tagging?.viewUrl && void fetchTagging(tagging.viewUrl),\n)\nconst trackResultClick = createWireFromFunction<XEventPayload<'UserClickedAVendorResult'>>(\n  ({ eventPayload: { tagging } }) => tagging?.clickUrl && void fetchTagging(tagging.clickUrl),\n)\nconst trackResultAddToCart = createWireFromFunction<\n  XEventPayload<'UserClickedVendorResultAddToCart'>\n>(({ eventPayload: { tagging } }) => tagging?.add2cartUrl && void fetchTagging(tagging.add2cartUrl))\n/**\n * Sets the vendor results of the {@link VendorXModule}.\n *\n * @public\n */\nexport const setResults = wireCommit(\n  'setResults',\n  ({ eventPayload }: WirePayload<XEventPayload<'VendorResultsChanged'>>) =>\n    eventPayload.map(vendorResult => ({\n      ...vendorResult,\n      modelName: 'VendorResult' as const,\n    })),\n)\n\n/**\n * Sets the vendor banners of the {@link VendorXModule}.\n *\n * @public\n */\nexport const setBanners = wireCommit(\n  'setBanners',\n  ({ eventPayload }: WirePayload<XEventPayload<'VendorBannersChanged'>>) =>\n    eventPayload.map(vendorBanner => ({\n      ...vendorBanner,\n      modelName: 'VendorBanner' as const,\n    })),\n)\n\n/**\n * Resets the vendor results of the {@link VendorXModule}.\n *\n * @public\n */\nconst resetResults = wireCommit('setResults', [])\n\n/**\n * Resets the vendor banners of the {@link VendorXModule}.\n *\n * @public\n */\nconst resetBanners = wireCommit('setBanners', [])\n\n/**\n * Wiring configuration for the {@link VendorXModule | vendor module}.\n *\n * @internal\n */\nexport const vendorWiring = createWiring({\n  VendorResultsChanged: {\n    setResults,\n  },\n  UserViewedAVendorResult: {\n    trackResultView,\n  },\n  UserClickedAVendorResult: {\n    trackResultClick,\n  },\n  UserClickedVendorResultAddToCart: {\n    trackResultAddToCart,\n  },\n  VendorBannersChanged: {\n    setBanners,\n  },\n  SearchRequestChanged: {\n    resetResults,\n    resetBanners,\n  },\n})\n"],"names":[],"mappings":";;;;;;AAGA;;;;AAIG;AACH,MAAM,UAAU,GAAG,oBAAoB,CAAC,QAAQ,CAAC;AAEjD,MAAM,YAAY,GAAG,OAAO,GAAW,KAAK,KAAK,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AAE1F,MAAM,eAAe,GAAG,sBAAsB,CAC5C,CAAC,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,EAAE,KAAK,OAAO,EAAE,OAAO,IAAI,KAAK,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAC1F;AACD,MAAM,gBAAgB,GAAG,sBAAsB,CAC7C,CAAC,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,EAAE,KAAK,OAAO,EAAE,QAAQ,IAAI,KAAK,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,CAC5F;AACD,MAAM,oBAAoB,GAAG,sBAAsB,CAEjD,CAAC,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,EAAE,KAAK,OAAO,EAAE,WAAW,IAAI,KAAK,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;AACpG;;;;AAIG;MACU,UAAU,GAAG,UAAU,CAClC,YAAY,EACZ,CAAC,EAAE,YAAY,EAAsD,KACnE,YAAY,CAAC,GAAG,CAAC,YAAY,KAAK;AAChC,IAAA,GAAG,YAAY;AACf,IAAA,SAAS,EAAE,cAAuB;CACnC,CAAC,CAAC;AAGP;;;;AAIG;MACU,UAAU,GAAG,UAAU,CAClC,YAAY,EACZ,CAAC,EAAE,YAAY,EAAsD,KACnE,YAAY,CAAC,GAAG,CAAC,YAAY,KAAK;AAChC,IAAA,GAAG,YAAY;AACf,IAAA,SAAS,EAAE,cAAuB;CACnC,CAAC,CAAC;AAGP;;;;AAIG;AACH,MAAM,YAAY,GAAG,UAAU,CAAC,YAAY,EAAE,EAAE,CAAC;AAEjD;;;;AAIG;AACH,MAAM,YAAY,GAAG,UAAU,CAAC,YAAY,EAAE,EAAE,CAAC;AAEjD;;;;AAIG;AACI,MAAM,YAAY,GAAG,YAAY,CAAC;AACvC,IAAA,oBAAoB,EAAE;QACpB,UAAU;AACX,KAAA;AACD,IAAA,uBAAuB,EAAE;QACvB,eAAe;AAChB,KAAA;AACD,IAAA,wBAAwB,EAAE;QACxB,gBAAgB;AACjB,KAAA;AACD,IAAA,gCAAgC,EAAE;QAChC,oBAAoB;AACrB,KAAA;AACD,IAAA,oBAAoB,EAAE;QACpB,UAAU;AACX,KAAA;AACD,IAAA,oBAAoB,EAAE;QACpB,YAAY;QACZ,YAAY;AACb,KAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/vendor/wiring.ts"],"sourcesContent":["import type { WirePayload, XEventPayload } from '../../wiring'\nimport { createWireFromFunction, createWiring, namespacedWireCommit } from '../../wiring'\n\n/**\n * WireCommit for {@link VendorXModule}.\n *\n * @internal\n */\nconst wireCommit = namespacedWireCommit('vendor')\n\nconst fetchTagging = async (url: string) => fetch(url, { method: 'GET', keepalive: true })\n\nconst trackResultView = createWireFromFunction<XEventPayload<'UserViewedAVendorResult'>>(\n  ({ eventPayload: { tagging } }) => tagging?.viewUrl && void fetchTagging(tagging.viewUrl),\n)\nconst trackResultClick = createWireFromFunction<XEventPayload<'UserClickedAVendorResult'>>(\n  ({ eventPayload: { tagging } }) => tagging?.clickUrl && void fetchTagging(tagging.clickUrl),\n)\nconst trackResultAddToCart = createWireFromFunction<\n  XEventPayload<'UserClickedVendorResultAddToCart'>\n>(({ eventPayload: { tagging } }) => tagging?.add2cartUrl && void fetchTagging(tagging.add2cartUrl))\nconst trackBannerView = createWireFromFunction<XEventPayload<'UserViewedAVendorBanner'>>(\n  ({ eventPayload: { tagging } }) => tagging?.viewUrl && void fetchTagging(tagging.viewUrl),\n)\nconst trackBannerClick = createWireFromFunction<XEventPayload<'UserClickedAVendorBanner'>>(\n  ({ eventPayload: { tagging } }) => tagging?.clickUrl && void fetchTagging(tagging.clickUrl),\n)\n/**\n * Sets the vendor results of the {@link VendorXModule}.\n *\n * @public\n */\nexport const setResults = wireCommit(\n  'setResults',\n  ({ eventPayload }: WirePayload<XEventPayload<'VendorResultsChanged'>>) =>\n    eventPayload.map(vendorResult => ({\n      ...vendorResult,\n      modelName: 'VendorResult' as const,\n    })),\n)\n\n/**\n * Sets the vendor banners of the {@link VendorXModule}.\n *\n * @public\n */\nexport const setBanners = wireCommit(\n  'setBanners',\n  ({ eventPayload }: WirePayload<XEventPayload<'VendorBannersChanged'>>) =>\n    eventPayload.map(vendorBanner => ({\n      ...vendorBanner,\n      modelName: 'VendorBanner' as const,\n    })),\n)\n\n/**\n * Resets the vendor results of the {@link VendorXModule}.\n *\n * @public\n */\nconst resetResults = wireCommit('setResults', [])\n\n/**\n * Resets the vendor banners of the {@link VendorXModule}.\n *\n * @public\n */\nconst resetBanners = wireCommit('setBanners', [])\n\n/**\n * Wiring configuration for the {@link VendorXModule | vendor module}.\n *\n * @internal\n */\nexport const vendorWiring = createWiring({\n  VendorResultsChanged: {\n    setResults,\n  },\n  UserViewedAVendorResult: {\n    trackResultView,\n  },\n  UserClickedAVendorResult: {\n    trackResultClick,\n  },\n  UserClickedVendorResultAddToCart: {\n    trackResultAddToCart,\n  },\n  VendorBannersChanged: {\n    setBanners,\n  },\n  UserViewedAVendorBanner: {\n    trackBannerView,\n  },\n  UserClickedAVendorBanner: {\n    trackBannerClick,\n  },\n  SearchRequestChanged: {\n    resetResults,\n    resetBanners,\n  },\n})\n"],"names":[],"mappings":";;;;;;AAGA;;;;AAIG;AACH,MAAM,UAAU,GAAG,oBAAoB,CAAC,QAAQ,CAAC;AAEjD,MAAM,YAAY,GAAG,OAAO,GAAW,KAAK,KAAK,CAAC,GAAG,EAAE,EAAE,MAAM,EAAE,KAAK,EAAE,SAAS,EAAE,IAAI,EAAE,CAAC;AAE1F,MAAM,eAAe,GAAG,sBAAsB,CAC5C,CAAC,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,EAAE,KAAK,OAAO,EAAE,OAAO,IAAI,KAAK,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAC1F;AACD,MAAM,gBAAgB,GAAG,sBAAsB,CAC7C,CAAC,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,EAAE,KAAK,OAAO,EAAE,QAAQ,IAAI,KAAK,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,CAC5F;AACD,MAAM,oBAAoB,GAAG,sBAAsB,CAEjD,CAAC,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,EAAE,KAAK,OAAO,EAAE,WAAW,IAAI,KAAK,YAAY,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC;AACpG,MAAM,eAAe,GAAG,sBAAsB,CAC5C,CAAC,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,EAAE,KAAK,OAAO,EAAE,OAAO,IAAI,KAAK,YAAY,CAAC,OAAO,CAAC,OAAO,CAAC,CAC1F;AACD,MAAM,gBAAgB,GAAG,sBAAsB,CAC7C,CAAC,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,EAAE,KAAK,OAAO,EAAE,QAAQ,IAAI,KAAK,YAAY,CAAC,OAAO,CAAC,QAAQ,CAAC,CAC5F;AACD;;;;AAIG;MACU,UAAU,GAAG,UAAU,CAClC,YAAY,EACZ,CAAC,EAAE,YAAY,EAAsD,KACnE,YAAY,CAAC,GAAG,CAAC,YAAY,KAAK;AAChC,IAAA,GAAG,YAAY;AACf,IAAA,SAAS,EAAE,cAAuB;CACnC,CAAC,CAAC;AAGP;;;;AAIG;MACU,UAAU,GAAG,UAAU,CAClC,YAAY,EACZ,CAAC,EAAE,YAAY,EAAsD,KACnE,YAAY,CAAC,GAAG,CAAC,YAAY,KAAK;AAChC,IAAA,GAAG,YAAY;AACf,IAAA,SAAS,EAAE,cAAuB;CACnC,CAAC,CAAC;AAGP;;;;AAIG;AACH,MAAM,YAAY,GAAG,UAAU,CAAC,YAAY,EAAE,EAAE,CAAC;AAEjD;;;;AAIG;AACH,MAAM,YAAY,GAAG,UAAU,CAAC,YAAY,EAAE,EAAE,CAAC;AAEjD;;;;AAIG;AACI,MAAM,YAAY,GAAG,YAAY,CAAC;AACvC,IAAA,oBAAoB,EAAE;QACpB,UAAU;AACX,KAAA;AACD,IAAA,uBAAuB,EAAE;QACvB,eAAe;AAChB,KAAA;AACD,IAAA,wBAAwB,EAAE;QACxB,gBAAgB;AACjB,KAAA;AACD,IAAA,gCAAgC,EAAE;QAChC,oBAAoB;AACrB,KAAA;AACD,IAAA,oBAAoB,EAAE;QACpB,UAAU;AACX,KAAA;AACD,IAAA,uBAAuB,EAAE;QACvB,eAAe;AAChB,KAAA;AACD,IAAA,wBAAwB,EAAE;QACxB,gBAAgB;AACjB,KAAA;AACD,IAAA,oBAAoB,EAAE;QACpB,YAAY;QACZ,YAAY;AACb,KAAA;AACF,CAAA;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@empathyco/x-components",
-  "version": "8.5.0",
+  "version": "8.6.0",
   "description": "Empathy X Components",
   "author": "Empathy Systems Corporation S.L.",
   "license": "Apache-2.0",
@@ -68,8 +68,8 @@
   },
   "dependencies": {
     "@empathyco/x-adapter": "8.1.8",
-    "@empathyco/x-adapter-platform": "1.7.1",
-    "@empathyco/x-types": "10.6.0",
+    "@empathyco/x-adapter-platform": "1.7.2",
+    "@empathyco/x-types": "10.7.0",
     "@empathyco/x-utils": "1.0.9",
     "@vue/devtools-api": "~6.6.4",
     "@vueuse/core": "~12.8.2",
@@ -117,5 +117,5 @@
     "access": "public",
     "directory": "dist"
   },
-  "gitHead": "23cadd3838c5517e15f0284e33c568f0faf82078"
+  "gitHead": "b939fa80f9090a85ca9085dfc15fdc4e90cf5958"
 }

package/report/x-components.api.json

@@ -4651,7 +4651,25 @@
             },
             {
               "kind": "Content",
-              "text": ";\n}>, {\n    imageFailed: import(\"vue\")."
+              "text": ";\n    clickEvent: {\n        type: "
+            },
+            {
+              "kind": "Reference",
+              "text": "PropType",
+              "canonicalReference": "@vue/runtime-core!PropType:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<"
+            },
+            {
+              "kind": "Reference",
+              "text": "XEvent",
+              "canonicalReference": "@empathyco/x-components!XEvent:type"
+            },
+            {
+              "kind": "Content",
+              "text": ">;\n        default: string;\n    };\n}>, {\n    imageFailed: import(\"vue\")."
             },
             {
               "kind": "Reference",
@@ -4750,7 +4768,25 @@
             },
             {
               "kind": "Content",
-              "text": ";\n}>> & "
+              "text": ";\n    clickEvent: {\n        type: "
+            },
+            {
+              "kind": "Reference",
+              "text": "PropType",
+              "canonicalReference": "@vue/runtime-core!PropType:type"
+            },
+            {
+              "kind": "Content",
+              "text": "<"
+            },
+            {
+              "kind": "Reference",
+              "text": "XEvent",
+              "canonicalReference": "@empathyco/x-components!XEvent:type"
+            },
+            {
+              "kind": "Content",
+              "text": ">;\n        default: string;\n    };\n}>> & "
             },
             {
               "kind": "Reference",
@@ -4759,7 +4795,16 @@
             },
             {
               "kind": "Content",
-              "text": "<{}>, {}, {}, {}, {}, string, import(\"vue\")."
+              "text": "<{}>, {\n    clickEvent: keyof import(\"../../../wiring\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "XEventsTypes",
+              "canonicalReference": "@empathyco/x-components!XEventsTypes:interface"
+            },
+            {
+              "kind": "Content",
+              "text": ";\n}, {}, {}, {}, string, import(\"vue\")."
             },
             {
               "kind": "Reference",
@@ -4777,7 +4822,7 @@
           "name": "Banner",
           "variableTypeTokenRange": {
             "startIndex": 1,
-            "endIndex": 38
+            "endIndex": 48
           }
         },
         {
@@ -37162,7 +37207,25 @@
             },
             {
               "kind": "Content",
-              "text": ", \"modelName\">[] | undefined;\n    }>;\n    innerCssClasses: import(\"vue\")."
+              "text": ", \"modelName\">[] | undefined;\n        UserViewedAVendorBanner?: import(\"../../../vendor\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "VendorBanner",
+              "canonicalReference": "@empathyco/x-components!VendorBanner:interface"
+            },
+            {
+              "kind": "Content",
+              "text": " | undefined;\n        UserClickedAVendorBanner?: import(\"../../../vendor\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "VendorBanner",
+              "canonicalReference": "@empathyco/x-components!VendorBanner:interface"
+            },
+            {
+              "kind": "Content",
+              "text": " | undefined;\n    }>;\n    innerCssClasses: import(\"vue\")."
             },
             {
               "kind": "Reference",
@@ -37432,7 +37495,7 @@
           "name": "HierarchicalFilter",
           "variableTypeTokenRange": {
             "startIndex": 1,
-            "endIndex": 310
+            "endIndex": 314
           }
         },
         {
@@ -76435,7 +76498,25 @@
             },
             {
               "kind": "Content",
-              "text": ", \"modelName\">[] | undefined;\n    }>;\n    innerCssClasses: import(\"vue\")."
+              "text": ", \"modelName\">[] | undefined;\n        UserViewedAVendorBanner?: import(\"../../../vendor\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "VendorBanner",
+              "canonicalReference": "@empathyco/x-components!VendorBanner:interface"
+            },
+            {
+              "kind": "Content",
+              "text": " | undefined;\n        UserClickedAVendorBanner?: import(\"../../../vendor\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "VendorBanner",
+              "canonicalReference": "@empathyco/x-components!VendorBanner:interface"
+            },
+            {
+              "kind": "Content",
+              "text": " | undefined;\n    }>;\n    innerCssClasses: import(\"vue\")."
             },
             {
               "kind": "Reference",
@@ -76606,7 +76687,7 @@
           "name": "SimpleFilter",
           "variableTypeTokenRange": {
             "startIndex": 1,
-            "endIndex": 278
+            "endIndex": 282
           }
         },
         {
@@ -79893,6 +79974,42 @@
               "text": "WireMetadata",
               "canonicalReference": "@empathyco/x-components!WireMetadata:interface"
             },
+            {
+              "kind": "Content",
+              "text": ") => unknown;\n        UserViewedAVendorBanner: (payload: import(\"..\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "VendorBanner",
+              "canonicalReference": "@empathyco/x-components!VendorBanner:interface"
+            },
+            {
+              "kind": "Content",
+              "text": ", metadata: "
+            },
+            {
+              "kind": "Reference",
+              "text": "WireMetadata",
+              "canonicalReference": "@empathyco/x-components!WireMetadata:interface"
+            },
+            {
+              "kind": "Content",
+              "text": ") => unknown;\n        UserClickedAVendorBanner: (payload: import(\"..\")."
+            },
+            {
+              "kind": "Reference",
+              "text": "VendorBanner",
+              "canonicalReference": "@empathyco/x-components!VendorBanner:interface"
+            },
+            {
+              "kind": "Content",
+              "text": ", metadata: "
+            },
+            {
+              "kind": "Reference",
+              "text": "WireMetadata",
+              "canonicalReference": "@empathyco/x-components!WireMetadata:interface"
+            },
             {
               "kind": "Content",
               "text": ") => unknown;\n    }>>;\n}, {}, {}, {}, import(\"vue\")."
@@ -79967,7 +80084,7 @@
           "name": "SnippetCallbacks",
           "variableTypeTokenRange": {
             "startIndex": 1,
-            "endIndex": 592
+            "endIndex": 600
           }
         },
         {
@@ -89970,7 +90087,7 @@
             },
             {
               "kind": "Content",
-              "text": ", 'modelName'>"
+              "text": ", 'modelName' | 'tagging'>"
             },
             {
               "kind": "Content",
@@ -90021,6 +90138,34 @@
                 "startIndex": 1,
                 "endIndex": 2
               }
+            },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@empathyco/x-components!VendorBanner#tagging:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "tagging?: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "VendorBannerTagging",
+                  "canonicalReference": "@empathyco/x-components!VendorBannerTagging:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": true,
+              "releaseTag": "Public",
+              "name": "tagging",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
             }
           ],
           "extendsTokenRanges": [
@@ -90237,6 +90382,78 @@
             "endIndex": 42
           }
         },
+        {
+          "kind": "Interface",
+          "canonicalReference": "@empathyco/x-components!VendorBannerTagging:interface",
+          "docComment": "/**\n * The tagging info for a vendor banner.\n *\n * @public\n */\n",
+          "excerptTokens": [
+            {
+              "kind": "Content",
+              "text": "export interface VendorBannerTagging "
+            }
+          ],
+          "fileUrlPath": "src/x-modules/vendor/types.ts",
+          "releaseTag": "Public",
+          "name": "VendorBannerTagging",
+          "preserveMemberOrder": false,
+          "members": [
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@empathyco/x-components!VendorBannerTagging#clickUrl:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "clickUrl: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "clickUrl",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@empathyco/x-components!VendorBannerTagging#viewUrl:member",
+              "docComment": "",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "viewUrl: "
+                },
+                {
+                  "kind": "Content",
+                  "text": "string"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "viewUrl",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            }
+          ],
+          "extendsTokenRanges": []
+        },
         {
           "kind": "Interface",
           "canonicalReference": "@empathyco/x-components!VendorGetters:interface",
@@ -90860,6 +91077,34 @@
           "name": "VendorXEvents",
           "preserveMemberOrder": false,
           "members": [
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@empathyco/x-components!VendorXEvents#UserClickedAVendorBanner:member",
+              "docComment": "/**\n * The user clicked on a vendor banner. Payload: The {@link VendorBanner | vendor banner} that was clicked.\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "UserClickedAVendorBanner: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "VendorBanner",
+                  "canonicalReference": "@empathyco/x-components!VendorBanner:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "UserClickedAVendorBanner",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
             {
               "kind": "PropertySignature",
               "canonicalReference": "@empathyco/x-components!VendorXEvents#UserClickedAVendorResult:member",
@@ -90916,6 +91161,34 @@
                 "endIndex": 2
               }
             },
+            {
+              "kind": "PropertySignature",
+              "canonicalReference": "@empathyco/x-components!VendorXEvents#UserViewedAVendorBanner:member",
+              "docComment": "/**\n * The user viewed a vendor banner. Payload: The {@link VendorBanner | vendor banner} that was viewed.\n */\n",
+              "excerptTokens": [
+                {
+                  "kind": "Content",
+                  "text": "UserViewedAVendorBanner: "
+                },
+                {
+                  "kind": "Reference",
+                  "text": "VendorBanner",
+                  "canonicalReference": "@empathyco/x-components!VendorBanner:interface"
+                },
+                {
+                  "kind": "Content",
+                  "text": ";"
+                }
+              ],
+              "isReadonly": false,
+              "isOptional": false,
+              "releaseTag": "Public",
+              "name": "UserViewedAVendorBanner",
+              "propertyTypeTokenRange": {
+                "startIndex": 1,
+                "endIndex": 2
+              }
+            },
             {
               "kind": "PropertySignature",
               "canonicalReference": "@empathyco/x-components!VendorXEvents#UserViewedAVendorResult:member",

package/report/x-components.api.md

@@ -539,6 +539,10 @@ type: PropType<Banner_2>;
 required: true;
 };
 titleClass: StringConstructor;
+clickEvent: {
+type: PropType<XEvent>;
+default: string;
+};
 }>, {
 imageFailed: Ref<boolean, boolean>;
 anchorEvents: () => Partial<{ [key in keyof GlobalEventHandlersEventMap]: () => void; }>;
@@ -548,7 +552,13 @@ type: PropType<Banner_2>;
 required: true;
 };
 titleClass: StringConstructor;
-}>> & Readonly<{}>, {}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
+clickEvent: {
+type: PropType<XEvent>;
+default: string;
+};
+}>> & Readonly<{}>, {
+clickEvent: keyof XEventsTypes;
+}, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
 // @public
 export const BannersList: DefineComponent<ExtractPropTypes<    {
@@ -3982,6 +3992,8 @@ UserViewedAVendorResult?: VendorResult | undefined;
 UserClickedAVendorResult?: VendorResult | undefined;
 UserClickedVendorResultAddToCart?: VendorResult | undefined;
 VendorBannersChanged?: Omit<VendorBanner, "modelName">[] | undefined;
+UserViewedAVendorBanner?: VendorBanner | undefined;
+UserClickedAVendorBanner?: VendorBanner | undefined;
 }>;
 innerCssClasses: ComputedRef<(string | Dictionary<boolean>)[]>;
 renderedChildrenFilters: ComputedRef<HierarchicalFilter_2[]>;
@@ -8241,6 +8253,8 @@ UserViewedAVendorResult?: VendorResult | undefined;
 UserClickedAVendorResult?: VendorResult | undefined;
 UserClickedVendorResultAddToCart?: VendorResult | undefined;
 VendorBannersChanged?: Omit<VendorBanner, "modelName">[] | undefined;
+UserViewedAVendorBanner?: VendorBanner | undefined;
+UserClickedAVendorBanner?: VendorBanner | undefined;
 }>;
 innerCssClasses: ComputedRef<(string | Dictionary<boolean>)[]>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<ExtractPropTypes<    {
@@ -8584,6 +8598,8 @@ UserViewedAVendorResult: (payload: VendorResult, metadata: WireMetadata) => unkn
 UserClickedAVendorResult: (payload: VendorResult, metadata: WireMetadata) => unknown;
 UserClickedVendorResultAddToCart: (payload: VendorResult, metadata: WireMetadata) => unknown;
 VendorBannersChanged: (payload: Omit<VendorBanner, "modelName">[], metadata: WireMetadata) => unknown;
+UserViewedAVendorBanner: (payload: VendorBanner, metadata: WireMetadata) => unknown;
+UserClickedAVendorBanner: (payload: VendorBanner, metadata: WireMetadata) => unknown;
 }>>;
 }, {}, {}, {}, ComponentOptionsMixin, ComponentOptionsMixin, {}, string, PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
 GlobalXBus: DefineComponent<    {}, {}, any>;
@@ -9590,9 +9606,11 @@ export interface VendorActions {
 }
 
 // @public
-export interface VendorBanner extends Omit<Banner_2, 'modelName'>, NamedModel<'VendorBanner'> {
+export interface VendorBanner extends Omit<Banner_2, 'modelName' | 'tagging'>, NamedModel<'VendorBanner'> {
     // (undocumented)
     position?: number;
+    // (undocumented)
+    tagging?: VendorBannerTagging;
 }
 
 // @public
@@ -9612,6 +9630,14 @@ default: string;
 animation: string | Function | Record<string, any>;
 }, {}, {}, {}, string, ComponentProvideOptions, true, {}, any>;
 
+// @public
+export interface VendorBannerTagging {
+    // (undocumented)
+    clickUrl: string;
+    // (undocumented)
+    viewUrl: string;
+}
+
 // @internal
 export const vendorEmitters: {};
 
@@ -9687,6 +9713,12 @@ export const vendorWiring: {
     VendorBannersChanged: {
         setBanners: AnyWire;
     };
+    UserViewedAVendorBanner: {
+        trackBannerView: Wire<VendorBanner>;
+    };
+    UserClickedAVendorBanner: {
+        trackBannerClick: Wire<VendorBanner>;
+    };
     SearchRequestChanged: {
         resetResults: AnyWire;
         resetBanners: AnyWire;
@@ -9695,8 +9727,10 @@ export const vendorWiring: {
 
 // @public
 export interface VendorXEvents {
+    UserClickedAVendorBanner: VendorBanner;
     UserClickedAVendorResult: VendorResult;
     UserClickedVendorResultAddToCart: VendorResult;
+    UserViewedAVendorBanner: VendorBanner;
     UserViewedAVendorResult: VendorResult;
     VendorBannersChanged: Omit<VendorBanner, 'modelName'>[];
     VendorResultsChanged: Omit<VendorResult, 'modelName'>[];
@@ -10264,7 +10298,7 @@ export type XStoreModuleOptions<StoreModule extends AnyXStoreModule> = StoreModu
 // dist/types/src/x-modules/facets/components/filters/hierarchical-filter.vue.d.ts:211:9 - (ae-forgotten-export) The symbol "RelatedPrompt_2" needs to be exported by the entry point index.d.ts
 // dist/types/src/x-modules/facets/components/lists/selected-filters-list.vue.d.ts:27:5 - (ae-forgotten-export) The symbol "RenderFilter" needs to be exported by the entry point index.d.ts
 // dist/types/src/x-modules/related-prompts/components/related-prompts-tag-list.vue.d.ts:62:9 - (ae-forgotten-export) The symbol "RelatedPromptNextQuery" needs to be exported by the entry point index.d.ts
-// dist/types/src/x-modules/search/components/banner.vue.d.ts:23:9 - (ae-forgotten-export) The symbol "Banner_2" needs to be exported by the entry point index.d.ts
+// dist/types/src/x-modules/search/components/banner.vue.d.ts:24:9 - (ae-forgotten-export) The symbol "Banner_2" needs to be exported by the entry point index.d.ts
 // src/x-modules/ai/store/emitters.ts:9:24 - (ae-forgotten-export) The symbol "AiSuggestionsSearchRequest" needs to be exported by the entry point index.d.ts
 // src/x-modules/browse/store/emitters.ts:13:40 - (ae-forgotten-export) The symbol "Promoted_2" needs to be exported by the entry point index.d.ts
 // src/x-modules/url/store/emitters.ts:57:1 - (ae-forgotten-export) The symbol "shouldPushUrl" needs to be exported by the entry point index.d.ts

package/report/x-types.api.json

@@ -1477,7 +1477,7 @@
             },
             {
               "kind": "Content",
-              "text": "<'Banner'>"
+              "text": "<'Banner' | 'VendorBanner'>"
             },
             {
               "kind": "Content",

package/types/src/components/snippet-callbacks.vue.d.ts

@@ -197,6 +197,8 @@ declare const _default: import("vue").DefineComponent<{}, {
         UserClickedAVendorResult: (payload: import("..").VendorResult, metadata: WireMetadata) => unknown;
         UserClickedVendorResultAddToCart: (payload: import("..").VendorResult, metadata: WireMetadata) => unknown;
         VendorBannersChanged: (payload: Omit<import("..").VendorBanner, "modelName">[], metadata: WireMetadata) => unknown;
+        UserViewedAVendorBanner: (payload: import("..").VendorBanner, metadata: WireMetadata) => unknown;
+        UserClickedAVendorBanner: (payload: import("..").VendorBanner, metadata: WireMetadata) => unknown;
     }>>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
     GlobalXBus: import("vue").DefineComponent<{}, {}, any>;

package/types/src/components/snippet-callbacks.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"snippet-callbacks.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../src/components/snippet-callbacks.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAO7C;;;;;GAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACH,wBA0CE"}
+{"version":3,"file":"snippet-callbacks.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../src/components/snippet-callbacks.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,WAAW,CAAA;AAO7C;;;;;GAKG;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AACH,wBA0CE"}

package/types/src/x-modules/facets/components/filters/hierarchical-filter.vue.d.ts

@@ -222,6 +222,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         UserClickedAVendorResult?: import("../../../vendor").VendorResult | undefined;
         UserClickedVendorResultAddToCart?: import("../../../vendor").VendorResult | undefined;
         VendorBannersChanged?: Omit<import("../../../vendor").VendorBanner, "modelName">[] | undefined;
+        UserViewedAVendorBanner?: import("../../../vendor").VendorBanner | undefined;
+        UserClickedAVendorBanner?: import("../../../vendor").VendorBanner | undefined;
     }>;
     innerCssClasses: import("vue").ComputedRef<(string | Dictionary<boolean>)[]>;
     renderedChildrenFilters: import("vue").ComputedRef<HierarchicalFilterModel[]>;

package/types/src/x-modules/facets/components/filters/hierarchical-filter.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hierarchical-filter.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../../../src/x-modules/facets/components/filters/hierarchical-filter.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,kBAAkB,IAAI,uBAAuB,EAAE,MAAM,oBAAoB,CAAA;AAC/F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AASnE;;;;GAIG;;IAMC,iCAAiC;;cAEf,QAAQ,CAAC,uBAAuB,CAAC;;;IAGnD,+DAA+D;;IAE/D;;;;OAIG;iBACoB,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IACtD,+BAA+B;;cAEd,QAAQ,CAAC,CAAC,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC;;;IAG3D,0CAA0C;;IAE1C,0CAA0C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6CAwDM,uBAAuB;;IA5EvE,iCAAiC;;cAEf,QAAQ,CAAC,uBAAuB,CAAC;;;IAGnD,+DAA+D;;IAE/D;;;;OAIG;iBACoB,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IACtD,+BAA+B;;cAEd,QAAQ,CAAC,CAAC,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC;;;IAG3D,0CAA0C;;IAE1C,0CAA0C;;;;;;;;AAzB9C,wBA+GE"}
+{"version":3,"file":"hierarchical-filter.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../../../src/x-modules/facets/components/filters/hierarchical-filter.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,EAAE,kBAAkB,IAAI,uBAAuB,EAAE,MAAM,oBAAoB,CAAA;AAC/F,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AASnE;;;;GAIG;;IAMC,iCAAiC;;cAEf,QAAQ,CAAC,uBAAuB,CAAC;;;IAGnD,+DAA+D;;IAE/D;;;;OAIG;iBACoB,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IACtD,+BAA+B;;cAEd,QAAQ,CAAC,CAAC,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC;;;IAG3D,0CAA0C;;IAE1C,0CAA0C;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;6CAwDM,uBAAuB;;IA5EvE,iCAAiC;;cAEf,QAAQ,CAAC,uBAAuB,CAAC;;;IAGnD,+DAA+D;;IAE/D;;;;OAIG;iBACoB,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IACtD,+BAA+B;;cAEd,QAAQ,CAAC,CAAC,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC;;;IAG3D,0CAA0C;;IAE1C,0CAA0C;;;;;;;;AAzB9C,wBA+GE"}

package/types/src/x-modules/facets/components/filters/simple-filter.vue.d.ts

@@ -212,6 +212,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         UserClickedAVendorResult?: import("../../../vendor").VendorResult | undefined;
         UserClickedVendorResultAddToCart?: import("../../../vendor").VendorResult | undefined;
         VendorBannersChanged?: Omit<import("../../../vendor").VendorBanner, "modelName">[] | undefined;
+        UserViewedAVendorBanner?: import("../../../vendor").VendorBanner | undefined;
+        UserClickedAVendorBanner?: import("../../../vendor").VendorBanner | undefined;
     }>;
     innerCssClasses: import("vue").ComputedRef<(string | Dictionary<boolean>)[]>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{

package/types/src/x-modules/facets/components/filters/simple-filter.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"simple-filter.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../../../src/x-modules/facets/components/filters/simple-filter.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,IAAI,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC3E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAKnE;;;;GAIG;;IAOC,iCAAiC;;cAEf,QAAQ,CAAC,iBAAiB,CAAC;;;IAG7C,iFAAiF;iBAC1D,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IACtD,+BAA+B;;cAEd,QAAQ,CAAC,CAAC,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAT3D,iCAAiC;;cAEf,QAAQ,CAAC,iBAAiB,CAAC;;;IAG7C,iFAAiF;iBAC1D,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IACtD,+BAA+B;;cAEd,QAAQ,CAAC,CAAC,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC;;;;;;;;AAf/D,wBAsCE"}
+{"version":3,"file":"simple-filter.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../../../src/x-modules/facets/components/filters/simple-filter.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,IAAI,iBAAiB,EAAE,MAAM,oBAAoB,CAAA;AAC3E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,oBAAoB,CAAA;AACpD,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,iCAAiC,CAAA;AAKnE;;;;GAIG;;IAOC,iCAAiC;;cAEf,QAAQ,CAAC,iBAAiB,CAAC;;;IAG7C,iFAAiF;iBAC1D,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IACtD,+BAA+B;;cAEd,QAAQ,CAAC,CAAC,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;IAT3D,iCAAiC;;cAEf,QAAQ,CAAC,iBAAiB,CAAC;;;IAG7C,iFAAiF;iBAC1D,QAAQ,CAAC,OAAO,CAAC,YAAY,CAAC,CAAC;IACtD,+BAA+B;;cAEd,QAAQ,CAAC,CAAC,MAAM,GAAG,UAAU,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC;;;;;;;;AAf/D,wBAsCE"}

package/types/src/x-modules/related-prompts/components/related-prompts-tag-list.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"related-prompts-tag-list.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../../src/x-modules/related-prompts/components/related-prompts-tag-list.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAQnC;;;;;;;GAOG;;IAMC;;;;OAIG;;IAEH;;;;OAIG;;;;;IAEH;;;;OAIG;;IAEH;;;;OAIG;;IAEH;;;;;OAKG;eACiB,QAAQ,CAAC,MAAM,EAAE,CAAC;IACtC;;;;OAIG;;;;;;8BAoE8B,MAAM,KAAG,IAAI;wBAiEnB,OAAO;kBAeb,OAAO,QAAQ,MAAM,IAAI;kBAkBzB,OAAO,QAAQ,MAAM,IAAI;;;;;;;;;;;iCAoCq8b,CAAC;sCAAqD,CAAC;8BAA6C,CAAC;;;;;;;;;;;;;IA7Oxlc;;;;OAIG;;IAEH;;;;OAIG;;;;;IAEH;;;;OAIG;;IAEH;;;;OAIG;;IAEH;;;;;OAKG;eACiB,QAAQ,CAAC,MAAM,EAAE,CAAC;IACtC;;;;OAIG;;;;;;;;;;;;;AAxCP,wBAiPE"}
+{"version":3,"file":"related-prompts-tag-list.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../../src/x-modules/related-prompts/components/related-prompts-tag-list.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAQnC;;;;;;;GAOG;;IAMC;;;;OAIG;;IAEH;;;;OAIG;;;;;IAEH;;;;OAIG;;IAEH;;;;OAIG;;IAEH;;;;;OAKG;eACiB,QAAQ,CAAC,MAAM,EAAE,CAAC;IACtC;;;;OAIG;;;;;;8BAoE8B,MAAM,KAAG,IAAI;wBAiEnB,OAAO;kBAeb,OAAO,QAAQ,MAAM,IAAI;kBAkBzB,OAAO,QAAQ,MAAM,IAAI;;;;;;;;;;;iCAoCs9b,CAAC;sCAAqD,CAAC;8BAA6C,CAAC;;;;;;;;;;;;;IA7Ozmc;;;;OAIG;;IAEH;;;;OAIG;;;;;IAEH;;;;OAIG;;IAEH;;;;OAIG;;IAEH;;;;;OAKG;eACiB,QAAQ,CAAC,MAAM,EAAE,CAAC;IACtC;;;;OAIG;;;;;;;;;;;;;AAxCP,wBAiPE"}

package/types/src/x-modules/search/components/banner.vue.d.ts

@@ -1,5 +1,6 @@
 import type { Banner as BannerModel } from '@empathyco/x-types';
 import type { PropType } from 'vue';
+import type { XEvent } from '../../../wiring';
 /**.
  * A banner result is just an item that has been inserted into the search results to advertise
  * something. Usually it is the first item in the grid or it can be placed in the middle of them
@@ -24,6 +25,15 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: true;
     };
     titleClass: StringConstructor;
+    /**
+     * Event to emit when the banner is clicked.
+     *
+     * @public
+     */
+    clickEvent: {
+        type: PropType<XEvent>;
+        default: string;
+    };
 }>, {
     imageFailed: import("vue").Ref<boolean, boolean>;
     anchorEvents: () => Partial<{ [key in keyof GlobalEventHandlersEventMap]: () => void; }>;
@@ -38,6 +48,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         required: true;
     };
     titleClass: StringConstructor;
-}>> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+    /**
+     * Event to emit when the banner is clicked.
+     *
+     * @public
+     */
+    clickEvent: {
+        type: PropType<XEvent>;
+        default: string;
+    };
+}>> & Readonly<{}>, {
+    clickEvent: keyof import("../../../wiring").XEventsTypes;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 export default _default;
 //# sourceMappingURL=banner.vue?vue&type=script&lang.d.ts.map

package/types/src/x-modules/search/components/banner.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"banner.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../../src/x-modules/search/components/banner.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAC/D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AAKnC;;;;;;;;;;;;GAYG;;IAKC;;;;OAIG;;cAEe,QAAQ,CAAC,WAAW,CAAC;;;;;;wBA+Bd,OAAO,CAAC,GAC9B,GAAG,IAAI,MAAM,2BAA2B,GAAG,MAAM,IAAI,GACvD,CAAC;;IAvCF;;;;OAIG;;cAEe,QAAQ,CAAC,WAAW,CAAC;;;;;AAV3C,wBAsDE"}
+{"version":3,"file":"banner.vue?vue&type=script&lang.d.ts","sourceRoot":"","sources":["../../../../../../src/x-modules/search/components/banner.vue?vue&type=script&lang.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,oBAAoB,CAAA;AAC/D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,KAAK,CAAA;AACnC,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,iBAAiB,CAAA;AAK7C;;;;;;;;;;;;GAYG;;IAKC;;;;OAIG;;cAEe,QAAQ,CAAC,WAAW,CAAC;;;;IAIvC;;;;OAIG;;cAEe,QAAQ,CAAC,MAAM,CAAC;;;;;wBA8BT,OAAO,CAAC,GAC9B,GAAG,IAAI,MAAM,2BAA2B,GAAG,MAAM,IAAI,GACvD,CAAC;;IAhDF;;;;OAIG;;cAEe,QAAQ,CAAC,WAAW,CAAC;;;;IAIvC;;;;OAIG;;cAEe,QAAQ,CAAC,MAAM,CAAC;;;;;;AApBtC,wBA+DE"}

package/types/src/x-modules/vendor/events.types.d.ts

@@ -32,5 +32,15 @@ export interface VendorXEvents {
      * modelName is excluded since it is an internal field, and we will assign it under the hood.
      */
     VendorBannersChanged: Omit<VendorBanner, 'modelName'>[];
+    /**
+     * The user viewed a vendor banner.
+     * Payload: The {@link VendorBanner | vendor banner} that was viewed.
+     */
+    UserViewedAVendorBanner: VendorBanner;
+    /**
+     * The user clicked on a vendor banner.
+     * Payload: The {@link VendorBanner | vendor banner} that was clicked.
+     */
+    UserClickedAVendorBanner: VendorBanner;
 }
 //# sourceMappingURL=events.types.d.ts.map

package/types/src/x-modules/vendor/events.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"events.types.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/vendor/events.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEzD;;;;GAIG;AACH,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,oBAAoB,EAAE,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC,EAAE,CAAA;IACvD;;;OAGG;IACH,uBAAuB,EAAE,YAAY,CAAA;IACrC;;;OAGG;IACH,wBAAwB,EAAE,YAAY,CAAA;IACtC;;;OAGG;IACH,gCAAgC,EAAE,YAAY,CAAA;IAE9C;;;;OAIG;IACH,oBAAoB,EAAE,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC,EAAE,CAAA;CACxD"}
+{"version":3,"file":"events.types.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/vendor/events.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEzD;;;;GAIG;AACH,MAAM,WAAW,aAAa;IAC5B;;;;OAIG;IACH,oBAAoB,EAAE,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC,EAAE,CAAA;IACvD;;;OAGG;IACH,uBAAuB,EAAE,YAAY,CAAA;IACrC;;;OAGG;IACH,wBAAwB,EAAE,YAAY,CAAA;IACtC;;;OAGG;IACH,gCAAgC,EAAE,YAAY,CAAA;IAE9C;;;;OAIG;IACH,oBAAoB,EAAE,IAAI,CAAC,YAAY,EAAE,WAAW,CAAC,EAAE,CAAA;IAEvD;;;OAGG;IACH,uBAAuB,EAAE,YAAY,CAAA;IACrC;;;OAGG;IACH,wBAAwB,EAAE,YAAY,CAAA;CACvC"}

package/types/src/x-modules/vendor/types.d.ts

@@ -4,6 +4,15 @@ export interface VendorResultTagging {
     clickUrl: string;
     add2cartUrl: string;
 }
+/**
+ * The tagging info for a vendor banner.
+ *
+ * @public
+ */
+export interface VendorBannerTagging {
+    clickUrl: string;
+    viewUrl: string;
+}
 /**
  * The interface for a vendor result, extending the base Result interface.
  */
@@ -17,7 +26,8 @@ export interface VendorResult extends Omit<Result, 'modelName' | 'tagging'>, Nam
  * - If the position is defined, the banner will be displayed in that position inside the grid.
  * - If the position is undefined, the banner will be displayed on top of the grid and full width.
  */
-export interface VendorBanner extends Omit<Banner, 'modelName'>, NamedModel<'VendorBanner'> {
+export interface VendorBanner extends Omit<Banner, 'modelName' | 'tagging'>, NamedModel<'VendorBanner'> {
     position?: number;
+    tagging?: VendorBannerTagging;
 }
 //# sourceMappingURL=types.d.ts.map

package/types/src/x-modules/vendor/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/vendor/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAEpE,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED;;GAEG;AACH,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,SAAS,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC;IACzE,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,mBAAmB,CAAA;CAC9B;AAED;;;;;GAKG;AACH,MAAM,WAAW,YAAa,SAAQ,IAAI,CAAC,MAAM,EAAE,WAAW,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC;IACzF,QAAQ,CAAC,EAAE,MAAM,CAAA;CAClB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/vendor/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAA;AAEpE,MAAM,WAAW,mBAAmB;IAClC,OAAO,EAAE,MAAM,CAAA;IACf,QAAQ,EAAE,MAAM,CAAA;IAChB,WAAW,EAAE,MAAM,CAAA;CACpB;AAED;;;;GAIG;AACH,MAAM,WAAW,mBAAmB;IAClC,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,EAAE,MAAM,CAAA;CAChB;AAED;;GAEG;AACH,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,SAAS,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC;IACzE,QAAQ,EAAE,MAAM,CAAA;IAChB,OAAO,CAAC,EAAE,mBAAmB,CAAA;CAC9B;AAED;;;;;GAKG;AACH,MAAM,WAAW,YACf,SAAQ,IAAI,CAAC,MAAM,EAAE,WAAW,GAAG,SAAS,CAAC,EAAE,UAAU,CAAC,cAAc,CAAC;IACzE,QAAQ,CAAC,EAAE,MAAM,CAAA;IACjB,OAAO,CAAC,EAAE,mBAAmB,CAAA;CAC9B"}

package/types/src/x-modules/vendor/wiring.d.ts

@@ -31,6 +31,12 @@ export declare const vendorWiring: {
     VendorBannersChanged: {
         setBanners: import("../../wiring").AnyWire;
     };
+    UserViewedAVendorBanner: {
+        trackBannerView: import("../../wiring").Wire<import("./types").VendorBanner>;
+    };
+    UserClickedAVendorBanner: {
+        trackBannerClick: import("../../wiring").Wire<import("./types").VendorBanner>;
+    };
     SearchRequestChanged: {
         resetResults: import("../../wiring").AnyWire;
         resetBanners: import("../../wiring").AnyWire;

package/types/src/x-modules/vendor/wiring.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"wiring.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/vendor/wiring.ts"],"names":[],"mappings":"AAqBA;;;;GAIG;AACH,eAAO,MAAM,UAAU,gCAOtB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU,gCAOtB,CAAA;AAgBD;;;;GAIG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;CAoBvB,CAAA"}
+{"version":3,"file":"wiring.d.ts","sourceRoot":"","sources":["../../../../../src/x-modules/vendor/wiring.ts"],"names":[],"mappings":"AA2BA;;;;GAIG;AACH,eAAO,MAAM,UAAU,gCAOtB,CAAA;AAED;;;;GAIG;AACH,eAAO,MAAM,UAAU,gCAOtB,CAAA;AAgBD;;;;GAIG;AACH,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;CA0BvB,CAAA"}