@empathyco/x-components 8.5.0 → 8.7.0

package/CHANGELOG.md

@@ -3,6 +3,20 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [8.7.0](https://github.com/empathyco/x/compare/@empathyco/x-components@8.6.0...@empathyco/x-components@8.7.0) (2026-07-20)
+
+### Features
+
+* reset searchbox query and facets when UserBrowsedToCategory (#2141)
+
+
+## [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/facets/wiring.js

@@ -191,6 +191,7 @@ const facetsWiring = createWiring({
         setQuery,
     },
     UserBrowsedToCategory: {
+        clearAllFiltersButStickyWire,
         clearQuery,
     },
     UserClickedOpenX: {

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

@@ -1 +1 @@
-{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/facets/wiring.ts"],"sourcesContent":["import type { Facet } from '@empathyco/x-types'\nimport type { UrlParams } from '../../types/url-params'\nimport type { XEventPayload } from '../../wiring/index'\nimport { createRawFilters } from '../../utils/filters'\nimport { namespacedWireCommit, namespacedWireCommitWithoutPayload } from '../../wiring/index'\nimport { wireService, wireServiceWithoutPayload } from '../../wiring/wires.factory'\nimport { filter, mapWire } from '../../wiring/wires.operators'\nimport { createWiring } from '../../wiring/wiring.utils'\nimport { DefaultFacetsService } from './service/facets.service'\n\n/**\n * `facets` {@link XModuleName | XModule name}.\n *\n * @internal\n */\nconst moduleName = 'facets'\n\n/**\n * WireCommit for {@link FacetsXModule}.\n *\n * @internal\n */\nconst wireCommit = namespacedWireCommit(moduleName)\n\n/**\n * WireCommitWithoutPayload for {@link FacetsXModule}.\n *\n * @internal\n */\nconst wireCommitWithoutPayload = namespacedWireCommitWithoutPayload(moduleName)\n\n/**\n * Wires factory for {@link DefaultFacetsService}.\n */\nconst wireFacetsService = wireService(DefaultFacetsService.instance)\n\n/**\n * Wires without payload factory for {@link DefaultFacetsService}.\n */\nconst wireFacetsServiceWithoutPayload = wireServiceWithoutPayload(DefaultFacetsService.instance)\n\n/**\n * Saves the facets contained in the `search` group, removing the previous ones, and keeping the\n * previous filters selected state.\n *\n * @public\n */\nconst updateFacetsGroupWithSearchFacetsWire = mapWire(\n  wireFacetsService('updateFacets'),\n  (facets: Facet[]) => ({\n    facets,\n    id: 'search',\n  }),\n)\n\n/**\n * Saves the facets contained in the group, removing the previous ones, and keeping the new filters\n * selected state.\n *\n * @public\n */\nconst setFacetsGroupWire = wireFacetsService('setFacets')\n\n/**\n * Toggles the selected state of a filter.\n *\n * @public\n */\nconst toggleFilterWire = wireFacetsService('toggle')\n\n/**\n * Deselects all the filters. Optionally, it can accept a list of facets ids as payload, and it will\n * only deselect the filters from those facets.\n *\n * @public\n */\nconst clearFiltersWire = wireFacetsService('clearFilters')\n\n/**\n * Deselects all selected filters.\n *\n * @public\n */\nconst clearAllFiltersWire = wireFacetsServiceWithoutPayload('clearFilters')\n\n/**\n * Deselects all selected filters but keep the sticky ones.\n *\n * @internal\n */\nconst clearAllFiltersButStickyWire = wireFacetsService('clearFiltersWithMetadata', {\n  metadata: {\n    keepSticky: true,\n  },\n})\n\n/**\n * Deselects all selected filters only when oldValue is not empty.\n *\n * @public\n */\nconst clearAllFiltersOnSecondQuery = filter(\n  clearAllFiltersButStickyWire,\n  ({ metadata }) => !!metadata.oldValue,\n)\n\n/**\n * Selects the filter passed by payload.\n *\n * @public\n */\nconst selectFilterWire = wireFacetsService('select')\n\n/**\n * Saves the params from the url.\n *\n * @public\n */\nconst setFiltersFromUrl = mapWire(wireFacetsService('select'), ({ filter }: UrlParams) =>\n  createRawFilters(filter),\n)\n\n/**\n * Saves the preselected filters.\n *\n * @public\n */\nconst updatePreselectedFilters = wireFacetsService('updatePreselectedFilters')\n\n/**\n * Selects the preselected filters stored in the state.\n *\n * @public\n */\nconst selectPreselectedFilterWire = wireFacetsService('selectPreselectedFilters')\n\n/**\n * Sets the facets state `query`.\n *\n * @public\n */\nconst setQuery = wireFacetsService('setQuery')\n\n/**\n * Clear the facets state `query` .\n *\n * @public\n */\nconst clearQuery = wireFacetsService('setQuery', '')\n\n/**\n * Removes all the sticky filters from the state.\n *\n * @internal\n */\nconst clearStickyFilters = filter<XEventPayload<'SearchResponseChanged'>>(\n  wireCommitWithoutPayload('clearStickyFilters'),\n  ({ eventPayload }) => {\n    return eventPayload.totalResults === 0\n  },\n)\n\n/**\n * Sets the filters of the facets module from a queryPreview's filters.\n *\n * @public\n */\nexport const setSelectedFiltersFromPreview = wireCommit(\n  'setFilters',\n  ({ eventPayload: { filters } }) => (filters ? createRawFilters(filters) : []),\n)\n\n/**\n * Sets the filters of the facets module from a selectedHistoryQuery's filters.\n *\n * @public\n */\nexport const setFiltersFromHistoryQueries = wireCommit(\n  'setFilters',\n  ({ eventPayload: { selectedFilters } }) => selectedFilters ?? [],\n)\n\n/**\n * Sets the query of the facets module from a queryPreview.\n *\n * @public\n */\nexport const setQueryFromPreview = wireCommit('setQuery', ({ eventPayload: { query } }) => query)\n\n/**\n * Wiring configuration for the {@link FacetsXModule | facets module}.\n *\n * @internal\n */\nexport const facetsWiring = createWiring({\n  ParamsLoadedFromUrl: {\n    // TODO: move this logic to Facets Service\n    clearAllFiltersWire,\n    setFiltersFromUrl,\n  },\n  PreselectedFiltersProvided: {\n    updatePreselectedFilters,\n  },\n  FacetsChanged: {\n    updateFacetsGroupWithSearchFacetsWire,\n  },\n  FacetsGroupProvided: {\n    setFacetsGroupWire,\n  },\n  UserAcceptedAQuery: {\n    setQuery,\n  },\n  FacetsQueryChanged: {\n    clearAllFiltersOnSecondQuery,\n  },\n  UserChangedExtraParams: {\n    clearAllFiltersButStickyWire,\n  },\n  UserClickedAFilter: {\n    toggleFilterWire,\n  },\n  UserClickedClearAllFilters: {\n    clearFiltersWire,\n  },\n  UserModifiedEditableNumberRangeFilter: {\n    selectFilterWire,\n  },\n  UserClickedAllFilter: {\n    clearFiltersWire,\n  },\n  UserClearedQuery: {\n    clearAllFiltersButStickyWire,\n    setQuery,\n  },\n  UserBrowsedToCategory: {\n    clearQuery,\n  },\n  UserClickedOpenX: {\n    selectPreselectedFilterWire,\n  },\n  SearchResponseChanged: {\n    clearStickyFilters,\n  },\n  UserAcceptedAQueryPreview: {\n    setQueryFromPreview,\n    setSelectedFiltersFromPreview,\n  },\n  UserSelectedAHistoryQuery: {\n    setFiltersFromHistoryQueries,\n  },\n})\n"],"names":[],"mappings":";;;;;;;AAUA;;;;AAIG;AACH,MAAM,UAAU,GAAG,QAAQ;AAE3B;;;;AAIG;AACH,MAAM,UAAU,GAAG,oBAAoB,CAAC,UAAU,CAAC;AAEnD;;;;AAIG;AACH,MAAM,wBAAwB,GAAG,kCAAkC,CAAC,UAAU,CAAC;AAE/E;;AAEG;AACH,MAAM,iBAAiB,GAAG,WAAW,CAAC,oBAAoB,CAAC,QAAQ,CAAC;AAEpE;;AAEG;AACH,MAAM,+BAA+B,GAAG,yBAAyB,CAAC,oBAAoB,CAAC,QAAQ,CAAC;AAEhG;;;;;AAKG;AACH,MAAM,qCAAqC,GAAG,OAAO,CACnD,iBAAiB,CAAC,cAAc,CAAC,EACjC,CAAC,MAAe,MAAM;IACpB,MAAM;AACN,IAAA,EAAE,EAAE,QAAQ;AACb,CAAA,CAAC,CACH;AAED;;;;;AAKG;AACH,MAAM,kBAAkB,GAAG,iBAAiB,CAAC,WAAW,CAAC;AAEzD;;;;AAIG;AACH,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,QAAQ,CAAC;AAEpD;;;;;AAKG;AACH,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,cAAc,CAAC;AAE1D;;;;AAIG;AACH,MAAM,mBAAmB,GAAG,+BAA+B,CAAC,cAAc,CAAC;AAE3E;;;;AAIG;AACH,MAAM,4BAA4B,GAAG,iBAAiB,CAAC,0BAA0B,EAAE;AACjF,IAAA,QAAQ,EAAE;AACR,QAAA,UAAU,EAAE,IAAI;AACjB,KAAA;AACF,CAAA,CAAC;AAEF;;;;AAIG;AACH,MAAM,4BAA4B,GAAG,MAAM,CACzC,4BAA4B,EAC5B,CAAC,EAAE,QAAQ,EAAE,KAAK,CAAC,CAAC,QAAQ,CAAC,QAAQ,CACtC;AAED;;;;AAIG;AACH,MAAM,gBAAgB,GAAG,iBAAiB,CAAC,QAAQ,CAAC;AAEpD;;;;AAIG;AACH,MAAM,iBAAiB,GAAG,OAAO,CAAC,iBAAiB,CAAC,QAAQ,CAAC,EAAE,CAAC,EAAE,MAAM,EAAa,KACnF,gBAAgB,CAAC,MAAM,CAAC,CACzB;AAED;;;;AAIG;AACH,MAAM,wBAAwB,GAAG,iBAAiB,CAAC,0BAA0B,CAAC;AAE9E;;;;AAIG;AACH,MAAM,2BAA2B,GAAG,iBAAiB,CAAC,0BAA0B,CAAC;AAEjF;;;;AAIG;AACH,MAAM,QAAQ,GAAG,iBAAiB,CAAC,UAAU,CAAC;AAE9C;;;;AAIG;AACH,MAAM,UAAU,GAAG,iBAAiB,CAAC,UAAU,EAAE,EAAE,CAAC;AAEpD;;;;AAIG;AACH,MAAM,kBAAkB,GAAG,MAAM,CAC/B,wBAAwB,CAAC,oBAAoB,CAAC,EAC9C,CAAC,EAAE,YAAY,EAAE,KAAI;AACnB,IAAA,OAAO,YAAY,CAAC,YAAY,KAAK,CAAC;AACxC,CAAC,CACF;AAED;;;;AAIG;AACI,MAAM,6BAA6B,GAAG,UAAU,CACrD,YAAY,EACZ,CAAC,EAAE,YAAY,EAAE,EAAE,OAAO,EAAE,EAAE,MAAM,OAAO,GAAG,gBAAgB,CAAC,OAAO,CAAC,GAAG,EAAE,CAAC;AAG/E;;;;AAIG;MACU,4BAA4B,GAAG,UAAU,CACpD,YAAY,EACZ,CAAC,EAAE,YAAY,EAAE,EAAE,eAAe,EAAE,EAAE,KAAK,eAAe,IAAI,EAAE;AAGlE;;;;AAIG;MACU,mBAAmB,GAAG,UAAU,CAAC,UAAU,EAAE,CAAC,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,KAAK;AAEhG;;;;AAIG;AACI,MAAM,YAAY,GAAG,YAAY,CAAC;AACvC,IAAA,mBAAmB,EAAE;;QAEnB,mBAAmB;QACnB,iBAAiB;AAClB,KAAA;AACD,IAAA,0BAA0B,EAAE;QAC1B,wBAAwB;AACzB,KAAA;AACD,IAAA,aAAa,EAAE;QACb,qCAAqC;AACtC,KAAA;AACD,IAAA,mBAAmB,EAAE;QACnB,kBAAkB;AACnB,KAAA;AACD,IAAA,kBAAkB,EAAE;QAClB,QAAQ;AACT,KAAA;AACD,IAAA,kBAAkB,EAAE;QAClB,4BAA4B;AAC7B,KAAA;AACD,IAAA,sBAAsB,EAAE;QACtB,4BAA4B;AAC7B,KAAA;AACD,IAAA,kBAAkB,EAAE;QAClB,gBAAgB;AACjB,KAAA;AACD,IAAA,0BAA0B,EAAE;QAC1B,gBAAgB;AACjB,KAAA;AACD,IAAA,qCAAqC,EAAE;QACrC,gBAAgB;AACjB,KAAA;AACD,IAAA,oBAAoB,EAAE;QACpB,gBAAgB;AACjB,KAAA;AACD,IAAA,gBAAgB,EAAE;QAChB,4BAA4B;QAC5B,QAAQ;AACT,KAAA;AACD,IAAA,qBAAqB,EAAE;QACrB,UAAU;AACX,KAAA;AACD,IAAA,gBAAgB,EAAE;QAChB,2BAA2B;AAC5B,KAAA;AACD,IAAA,qBAAqB,EAAE;QACrB,kBAAkB;AACnB,KAAA;AACD,IAAA,yBAAyB,EAAE;QACzB,mBAAmB;QACnB,6BAA6B;AAC9B,KAAA;AACD,IAAA,yBAAyB,EAAE;QACzB,4BAA4B;AAC7B,KAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/facets/wiring.ts"],"sourcesContent":["import type { Facet } from '@empathyco/x-types'\nimport type { UrlParams } from '../../types/url-params'\nimport type { XEventPayload } from '../../wiring/index'\nimport { createRawFilters } from '../../utils/filters'\nimport { namespacedWireCommit, namespacedWireCommitWithoutPayload } from '../../wiring/index'\nimport { wireService, wireServiceWithoutPayload } from '../../wiring/wires.factory'\nimport { filter, mapWire } from '../../wiring/wires.operators'\nimport { createWiring } from '../../wiring/wiring.utils'\nimport { DefaultFacetsService } from './service/facets.service'\n\n/**\n * `facets` {@link XModuleName | XModule name}.\n *\n * @internal\n */\nconst moduleName = 'facets'\n\n/**\n * WireCommit for {@link FacetsXModule}.\n *\n * @internal\n */\nconst wireCommit = namespacedWireCommit(moduleName)\n\n/**\n * WireCommitWithoutPayload for {@link FacetsXModule}.\n *\n * @internal\n */\nconst wireCommitWithoutPayload = namespacedWireCommitWithoutPayload(moduleName)\n\n/**\n * Wires factory for {@link DefaultFacetsService}.\n */\nconst wireFacetsService = wireService(DefaultFacetsService.instance)\n\n/**\n * Wires without payload factory for {@link DefaultFacetsService}.\n */\nconst wireFacetsServiceWithoutPayload = wireServiceWithoutPayload(DefaultFacetsService.instance)\n\n/**\n * Saves the facets contained in the `search` group, removing the previous ones, and keeping the\n * previous filters selected state.\n *\n * @public\n */\nconst updateFacetsGroupWithSearchFacetsWire = mapWire(\n  wireFacetsService('updateFacets'),\n  (facets: Facet[]) => ({\n    facets,\n    id: 'search',\n  }),\n)\n\n/**\n * Saves the facets contained in the group, removing the previous ones, and keeping the new filters\n * selected state.\n *\n * @public\n */\nconst setFacetsGroupWire = wireFacetsService('setFacets')\n\n/**\n * Toggles the selected state of a filter.\n *\n * @public\n */\nconst toggleFilterWire = wireFacetsService('toggle')\n\n/**\n * Deselects all the filters. Optionally, it can accept a list of facets ids as payload, and it will\n * only deselect the filters from those facets.\n *\n * @public\n */\nconst clearFiltersWire = wireFacetsService('clearFilters')\n\n/**\n * Deselects all selected filters.\n *\n * @public\n */\nconst clearAllFiltersWire = wireFacetsServiceWithoutPayload('clearFilters')\n\n/**\n * Deselects all selected filters but keep the sticky ones.\n *\n * @internal\n */\nconst clearAllFiltersButStickyWire = wireFacetsService('clearFiltersWithMetadata', {\n  metadata: {\n    keepSticky: true,\n  },\n})\n\n/**\n * Deselects all selected filters only when oldValue is not empty.\n *\n * @public\n */\nconst clearAllFiltersOnSecondQuery = filter(\n  clearAllFiltersButStickyWire,\n  ({ metadata }) => !!metadata.oldValue,\n)\n\n/**\n * Selects the filter passed by payload.\n *\n * @public\n */\nconst selectFilterWire = wireFacetsService('select')\n\n/**\n * Saves the params from the url.\n *\n * @public\n */\nconst setFiltersFromUrl = mapWire(wireFacetsService('select'), ({ filter }: UrlParams) =>\n  createRawFilters(filter),\n)\n\n/**\n * Saves the preselected filters.\n *\n * @public\n */\nconst updatePreselectedFilters = wireFacetsService('updatePreselectedFilters')\n\n/**\n * Selects the preselected filters stored in the state.\n *\n * @public\n */\nconst selectPreselectedFilterWire = wireFacetsService('selectPreselectedFilters')\n\n/**\n * Sets the facets state `query`.\n *\n * @public\n */\nconst setQuery = wireFacetsService('setQuery')\n\n/**\n * Clear the facets state `query` .\n *\n * @public\n */\nconst clearQuery = wireFacetsService('setQuery', '')\n\n/**\n * Removes all the sticky filters from the state.\n *\n * @internal\n */\nconst clearStickyFilters = filter<XEventPayload<'SearchResponseChanged'>>(\n  wireCommitWithoutPayload('clearStickyFilters'),\n  ({ eventPayload }) => {\n    return eventPayload.totalResults === 0\n  },\n)\n\n/**\n * Sets the filters of the facets module from a queryPreview's filters.\n *\n * @public\n */\nexport const setSelectedFiltersFromPreview = wireCommit(\n  'setFilters',\n  ({ eventPayload: { filters } }) => (filters ? createRawFilters(filters) : []),\n)\n\n/**\n * Sets the filters of the facets module from a selectedHistoryQuery's filters.\n *\n * @public\n */\nexport const setFiltersFromHistoryQueries = wireCommit(\n  'setFilters',\n  ({ eventPayload: { selectedFilters } }) => selectedFilters ?? [],\n)\n\n/**\n * Sets the query of the facets module from a queryPreview.\n *\n * @public\n */\nexport const setQueryFromPreview = wireCommit('setQuery', ({ eventPayload: { query } }) => query)\n\n/**\n * Wiring configuration for the {@link FacetsXModule | facets module}.\n *\n * @internal\n */\nexport const facetsWiring = createWiring({\n  ParamsLoadedFromUrl: {\n    // TODO: move this logic to Facets Service\n    clearAllFiltersWire,\n    setFiltersFromUrl,\n  },\n  PreselectedFiltersProvided: {\n    updatePreselectedFilters,\n  },\n  FacetsChanged: {\n    updateFacetsGroupWithSearchFacetsWire,\n  },\n  FacetsGroupProvided: {\n    setFacetsGroupWire,\n  },\n  UserAcceptedAQuery: {\n    setQuery,\n  },\n  FacetsQueryChanged: {\n    clearAllFiltersOnSecondQuery,\n  },\n  UserChangedExtraParams: {\n    clearAllFiltersButStickyWire,\n  },\n  UserClickedAFilter: {\n    toggleFilterWire,\n  },\n  UserClickedClearAllFilters: {\n    clearFiltersWire,\n  },\n  UserModifiedEditableNumberRangeFilter: {\n    selectFilterWire,\n  },\n  UserClickedAllFilter: {\n    clearFiltersWire,\n  },\n  UserClearedQuery: {\n    clearAllFiltersButStickyWire,\n    setQuery,\n  },\n  UserBrowsedToCategory: {\n    clearAllFiltersButStickyWire,\n    clearQuery,\n  },\n  UserClickedOpenX: {\n    selectPreselectedFilterWire,\n  },\n  SearchResponseChanged: {\n    clearStickyFilters,\n  },\n  UserAcceptedAQueryPreview: {\n    setQueryFromPreview,\n    setSelectedFiltersFromPreview,\n  },\n  UserSelectedAHistoryQuery: {\n    setFiltersFromHistoryQueries,\n  },\n})\n"],"names":[],"mappings":"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"}

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/search-box/wiring.js

@@ -92,6 +92,7 @@ const searchBoxWiring = createWiring({
         transitionState: setInputStatus('UserClearedQuery'),
     },
     UserBrowsedToCategory: {
+        clearSearchBoxQuery,
         transitionState: setInputStatus('UserClearedQuery'),
     },
     UserFocusedSearchBox: {

package/js/x-modules/search-box/wiring.js.map

@@ -1 +1 @@
-{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/search-box/wiring.ts"],"sourcesContent":["import type { XEvent } from '../../wiring/events.types'\nimport type { NamespacedWireCommit } from '../../wiring/namespaced-wiring.types'\nimport type { AnyWire } from '../../wiring/wiring.types'\nimport { filter } from '../../wiring/index'\nimport { namespacedWireCommit, namespacedWireDispatch } from '../../wiring/namespaced-wires.factory'\nimport { createWiring } from '../../wiring/wiring.utils'\n\n/**\n * `searchBox` {@link XModuleName | XModule name}.\n *\n * @internal\n */\nconst moduleName = 'searchBox'\n\n/**\n * WireCommit for {@link SearchBoxXModule}.\n *\n * @internal\n */\nconst wireCommit: NamespacedWireCommit<typeof moduleName> = namespacedWireCommit(moduleName)\n\n/**\n * WireDispatch for {@link SearchBoxXModule}.\n *\n * @internal\n */\nconst wireDispatch = namespacedWireDispatch(moduleName)\n\n/**\n * Sets the query of the search-box module.\n *\n * @public\n */\nconst setSearchBoxQuery = wireCommit('setQuery')\n\n/**\n * Sets the search state `query` with the selectedQueryPreview's query.\n *\n * @public\n */\nconst setSearchBoxQueryFromPreview = wireCommit('setQuery', ({ eventPayload: { query } }) => query)\n\n/**\n * Clears the query of the search-box module.\n *\n * @public\n */\nconst clearSearchBoxQuery = wireCommit('setQuery', '')\n\n/**\n * Sets the search state `query`.\n *\n * @public\n */\nconst setUrlParams = wireDispatch('setUrlParams')\n\n/**\n * Sets the search state `status`.\n *\n * @param event - The {@link XEvent} used to transition the status.\n *\n * @returns A wire.\n *\n * @public\n */\nconst setInputStatus = (event: XEvent): AnyWire => wireDispatch('setInputStatus', event)\n\n/**\n * SearchBox wiring.\n *\n * @internal\n */\nexport const searchBoxWiring = createWiring({\n  ParamsLoadedFromUrl: {\n    setUrlParams,\n    transitionState: filter(setInputStatus('UserAcceptedAQuery'), ({ eventPayload: urlParams }) => {\n      // eslint-disable-next-line ts/no-unsafe-member-access\n      return !!urlParams.query\n    }),\n  },\n  UserIsTypingAQuery: {\n    setSearchBoxQuery,\n    transitionState: setInputStatus('UserIsTypingAQuery'),\n  },\n  UserAcceptedAQuery: {\n    setSearchBoxQuery,\n    transitionState: setInputStatus('UserAcceptedAQuery'),\n  },\n  UserAcceptedAQueryPreview: {\n    setSearchBoxQueryFromPreview,\n    transitionState: setInputStatus('UserAcceptedAQuery'),\n  },\n  UserPressedClearSearchBoxButton: {\n    clearSearchBoxQuery,\n  },\n  UserClickedCloseX: {\n    clearSearchBoxQuery,\n  },\n  UserClickedOutOfMainModal: {\n    clearSearchBoxQuery,\n  },\n  UserClearedQuery: {\n    transitionState: setInputStatus('UserClearedQuery'),\n  },\n  UserBrowsedToCategory: {\n    transitionState: setInputStatus('UserClearedQuery'),\n  },\n  UserFocusedSearchBox: {\n    transitionState: setInputStatus('UserFocusedSearchBox'),\n  },\n  UserBlurredSearchBox: {\n    transitionState: setInputStatus('UserBlurredSearchBox'),\n  },\n})\n"],"names":[],"mappings":";;;;AAOA;;;;AAIG;AACH,MAAM,UAAU,GAAG,WAAW;AAE9B;;;;AAIG;AACH,MAAM,UAAU,GAA4C,oBAAoB,CAAC,UAAU,CAAC;AAE5F;;;;AAIG;AACH,MAAM,YAAY,GAAG,sBAAsB,CAAC,UAAU,CAAC;AAEvD;;;;AAIG;AACH,MAAM,iBAAiB,GAAG,UAAU,CAAC,UAAU,CAAC;AAEhD;;;;AAIG;AACH,MAAM,4BAA4B,GAAG,UAAU,CAAC,UAAU,EAAE,CAAC,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,KAAK,CAAC;AAEnG;;;;AAIG;AACH,MAAM,mBAAmB,GAAG,UAAU,CAAC,UAAU,EAAE,EAAE,CAAC;AAEtD;;;;AAIG;AACH,MAAM,YAAY,GAAG,YAAY,CAAC,cAAc,CAAC;AAEjD;;;;;;;;AAQG;AACH,MAAM,cAAc,GAAG,CAAC,KAAa,KAAc,YAAY,CAAC,gBAAgB,EAAE,KAAK,CAAC;AAExF;;;;AAIG;AACI,MAAM,eAAe,GAAG,YAAY,CAAC;AAC1C,IAAA,mBAAmB,EAAE;QACnB,YAAY;AACZ,QAAA,eAAe,EAAE,MAAM,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAAE,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,KAAI;;AAE5F,YAAA,OAAO,CAAC,CAAC,SAAS,CAAC,KAAK;AAC1B,QAAA,CAAC,CAAC;AACH,KAAA;AACD,IAAA,kBAAkB,EAAE;QAClB,iBAAiB;AACjB,QAAA,eAAe,EAAE,cAAc,CAAC,oBAAoB,CAAC;AACtD,KAAA;AACD,IAAA,kBAAkB,EAAE;QAClB,iBAAiB;AACjB,QAAA,eAAe,EAAE,cAAc,CAAC,oBAAoB,CAAC;AACtD,KAAA;AACD,IAAA,yBAAyB,EAAE;QACzB,4BAA4B;AAC5B,QAAA,eAAe,EAAE,cAAc,CAAC,oBAAoB,CAAC;AACtD,KAAA;AACD,IAAA,+BAA+B,EAAE;QAC/B,mBAAmB;AACpB,KAAA;AACD,IAAA,iBAAiB,EAAE;QACjB,mBAAmB;AACpB,KAAA;AACD,IAAA,yBAAyB,EAAE;QACzB,mBAAmB;AACpB,KAAA;AACD,IAAA,gBAAgB,EAAE;AAChB,QAAA,eAAe,EAAE,cAAc,CAAC,kBAAkB,CAAC;AACpD,KAAA;AACD,IAAA,qBAAqB,EAAE;AACrB,QAAA,eAAe,EAAE,cAAc,CAAC,kBAAkB,CAAC;AACpD,KAAA;AACD,IAAA,oBAAoB,EAAE;AACpB,QAAA,eAAe,EAAE,cAAc,CAAC,sBAAsB,CAAC;AACxD,KAAA;AACD,IAAA,oBAAoB,EAAE;AACpB,QAAA,eAAe,EAAE,cAAc,CAAC,sBAAsB,CAAC;AACxD,KAAA;AACF,CAAA;;;;"}
+{"version":3,"file":"wiring.js","sources":["../../../../src/x-modules/search-box/wiring.ts"],"sourcesContent":["import type { XEvent } from '../../wiring/events.types'\nimport type { NamespacedWireCommit } from '../../wiring/namespaced-wiring.types'\nimport type { AnyWire } from '../../wiring/wiring.types'\nimport { filter } from '../../wiring/index'\nimport { namespacedWireCommit, namespacedWireDispatch } from '../../wiring/namespaced-wires.factory'\nimport { createWiring } from '../../wiring/wiring.utils'\n\n/**\n * `searchBox` {@link XModuleName | XModule name}.\n *\n * @internal\n */\nconst moduleName = 'searchBox'\n\n/**\n * WireCommit for {@link SearchBoxXModule}.\n *\n * @internal\n */\nconst wireCommit: NamespacedWireCommit<typeof moduleName> = namespacedWireCommit(moduleName)\n\n/**\n * WireDispatch for {@link SearchBoxXModule}.\n *\n * @internal\n */\nconst wireDispatch = namespacedWireDispatch(moduleName)\n\n/**\n * Sets the query of the search-box module.\n *\n * @public\n */\nconst setSearchBoxQuery = wireCommit('setQuery')\n\n/**\n * Sets the search state `query` with the selectedQueryPreview's query.\n *\n * @public\n */\nconst setSearchBoxQueryFromPreview = wireCommit('setQuery', ({ eventPayload: { query } }) => query)\n\n/**\n * Clears the query of the search-box module.\n *\n * @public\n */\nconst clearSearchBoxQuery = wireCommit('setQuery', '')\n\n/**\n * Sets the search state `query`.\n *\n * @public\n */\nconst setUrlParams = wireDispatch('setUrlParams')\n\n/**\n * Sets the search state `status`.\n *\n * @param event - The {@link XEvent} used to transition the status.\n *\n * @returns A wire.\n *\n * @public\n */\nconst setInputStatus = (event: XEvent): AnyWire => wireDispatch('setInputStatus', event)\n\n/**\n * SearchBox wiring.\n *\n * @internal\n */\nexport const searchBoxWiring = createWiring({\n  ParamsLoadedFromUrl: {\n    setUrlParams,\n    transitionState: filter(setInputStatus('UserAcceptedAQuery'), ({ eventPayload: urlParams }) => {\n      // eslint-disable-next-line ts/no-unsafe-member-access\n      return !!urlParams.query\n    }),\n  },\n  UserIsTypingAQuery: {\n    setSearchBoxQuery,\n    transitionState: setInputStatus('UserIsTypingAQuery'),\n  },\n  UserAcceptedAQuery: {\n    setSearchBoxQuery,\n    transitionState: setInputStatus('UserAcceptedAQuery'),\n  },\n  UserAcceptedAQueryPreview: {\n    setSearchBoxQueryFromPreview,\n    transitionState: setInputStatus('UserAcceptedAQuery'),\n  },\n  UserPressedClearSearchBoxButton: {\n    clearSearchBoxQuery,\n  },\n  UserClickedCloseX: {\n    clearSearchBoxQuery,\n  },\n  UserClickedOutOfMainModal: {\n    clearSearchBoxQuery,\n  },\n  UserClearedQuery: {\n    transitionState: setInputStatus('UserClearedQuery'),\n  },\n  UserBrowsedToCategory: {\n    clearSearchBoxQuery,\n    transitionState: setInputStatus('UserClearedQuery'),\n  },\n  UserFocusedSearchBox: {\n    transitionState: setInputStatus('UserFocusedSearchBox'),\n  },\n  UserBlurredSearchBox: {\n    transitionState: setInputStatus('UserBlurredSearchBox'),\n  },\n})\n"],"names":[],"mappings":";;;;AAOA;;;;AAIG;AACH,MAAM,UAAU,GAAG,WAAW;AAE9B;;;;AAIG;AACH,MAAM,UAAU,GAA4C,oBAAoB,CAAC,UAAU,CAAC;AAE5F;;;;AAIG;AACH,MAAM,YAAY,GAAG,sBAAsB,CAAC,UAAU,CAAC;AAEvD;;;;AAIG;AACH,MAAM,iBAAiB,GAAG,UAAU,CAAC,UAAU,CAAC;AAEhD;;;;AAIG;AACH,MAAM,4BAA4B,GAAG,UAAU,CAAC,UAAU,EAAE,CAAC,EAAE,YAAY,EAAE,EAAE,KAAK,EAAE,EAAE,KAAK,KAAK,CAAC;AAEnG;;;;AAIG;AACH,MAAM,mBAAmB,GAAG,UAAU,CAAC,UAAU,EAAE,EAAE,CAAC;AAEtD;;;;AAIG;AACH,MAAM,YAAY,GAAG,YAAY,CAAC,cAAc,CAAC;AAEjD;;;;;;;;AAQG;AACH,MAAM,cAAc,GAAG,CAAC,KAAa,KAAc,YAAY,CAAC,gBAAgB,EAAE,KAAK,CAAC;AAExF;;;;AAIG;AACI,MAAM,eAAe,GAAG,YAAY,CAAC;AAC1C,IAAA,mBAAmB,EAAE;QACnB,YAAY;AACZ,QAAA,eAAe,EAAE,MAAM,CAAC,cAAc,CAAC,oBAAoB,CAAC,EAAE,CAAC,EAAE,YAAY,EAAE,SAAS,EAAE,KAAI;;AAE5F,YAAA,OAAO,CAAC,CAAC,SAAS,CAAC,KAAK;AAC1B,QAAA,CAAC,CAAC;AACH,KAAA;AACD,IAAA,kBAAkB,EAAE;QAClB,iBAAiB;AACjB,QAAA,eAAe,EAAE,cAAc,CAAC,oBAAoB,CAAC;AACtD,KAAA;AACD,IAAA,kBAAkB,EAAE;QAClB,iBAAiB;AACjB,QAAA,eAAe,EAAE,cAAc,CAAC,oBAAoB,CAAC;AACtD,KAAA;AACD,IAAA,yBAAyB,EAAE;QACzB,4BAA4B;AAC5B,QAAA,eAAe,EAAE,cAAc,CAAC,oBAAoB,CAAC;AACtD,KAAA;AACD,IAAA,+BAA+B,EAAE;QAC/B,mBAAmB;AACpB,KAAA;AACD,IAAA,iBAAiB,EAAE;QACjB,mBAAmB;AACpB,KAAA;AACD,IAAA,yBAAyB,EAAE;QACzB,mBAAmB;AACpB,KAAA;AACD,IAAA,gBAAgB,EAAE;AAChB,QAAA,eAAe,EAAE,cAAc,CAAC,kBAAkB,CAAC;AACpD,KAAA;AACD,IAAA,qBAAqB,EAAE;QACrB,mBAAmB;AACnB,QAAA,eAAe,EAAE,cAAc,CAAC,kBAAkB,CAAC;AACpD,KAAA;AACD,IAAA,oBAAoB,EAAE;AACpB,QAAA,eAAe,EAAE,cAAc,CAAC,sBAAsB,CAAC;AACxD,KAAA;AACD,IAAA,oBAAoB,EAAE;AACpB,QAAA,eAAe,EAAE,cAAc,CAAC,sBAAsB,CAAC;AACxD,KAAA;AACF,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.7.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": "04e24ecd213c1586b0eed60e72014497fe9dc553"
 }