@wayke-se/components-react 4.0.0-beta.9 → 4.1.0-beta.1

package/README.md

@@ -135,8 +135,8 @@ const App = ({}) => {
   const id = 'd01f79a3-7552-49c4-9d4d-deb3aa581c31';
 
   // Optional, get id when related vehicles are clicked
-  const onClickSearchItem = useCallback((id: string) => {
-    console.log(id);
+  const onClickSearchItem = useCallback((data) => {
+    console.log(data.id);
   }, []);
 
   return (
@@ -159,7 +159,7 @@ const App = ({}) => {
 | Property                 | Type       | Required | Value                |
 |--------------------------|------------|----------|----------------------|
 | id                       | string     | true     |                      |
-| marketCode               | MarketCode | false    |                      |
+| marketCode               | MarketCode | false    | SE | NO              |
 | pathRoute                | string     | false    |                      |
 | hashRoute                | boolean    | false    |                      |
 | disableResetScrollOnInit | boolean    | false    |                      |
@@ -183,7 +183,7 @@ const App = ({}) => {
 ### WaykeSearch
 | Property                  | Type                      | Values                    |
 |---------------------------|---------------------------|---------------------------|
-| marketCode                | MarketCode                |                           |
+| marketCode                | MarketCode                | SE | NO                   |
 | pathRoute                 | string                    |                           |
 | hashRoute                 | boolean                   |                           |
 | filterList                | SearchFilterTypes[]       |                           |
@@ -191,7 +191,7 @@ const App = ({}) => {
 | removeSearchBar           | boolean                   |                           |
 | removeFilterOptions       | boolean                   |                           |
 | placeholderImage          | string                    |                           |
-| onClickSearchItem         | function                  | (id: string) => void      |
+| onClickSearchItem         | function                  | (data: CallbackItemData) => void      |
 | modifyDocumentTitleSearch | string                    |                           |
 | displayBranchName         | string                    |                           |
 
@@ -338,7 +338,7 @@ import { WaykePubSub}  from '@wayke-se/components-react';
 
 const event = {
   eventName: 'ItemClicked',
-  callback: (id) => <('subscribed ItemClicked:', id),
+  callback: (data) => console.log('subscribed ItemClicked:', data),
 };
 
 WaykePubSub.subscribe(event);
@@ -353,24 +353,90 @@ WaykePubSub.unsubscribe(event);
 | publish      | eventName: string, ...arg: any |
 
 ### EventBase
-| eventName          | callback                                         |
-|--------------------|--------------------------------------------------|
-| HashRouteChange    | (id: string) => void                             |
-| ItemClicked        | (id: string) => void                             |
-| EcomOnInit         | () => void                                       |
-| EcomOnUserEvent    | (userEvent: string, currentStep: string) => void |
-| EcomOnExit         | () => void                                       |
-| ImagesClick        | () => void                                       |
-| OptionsClick       | () => void                                       |
-| PhonenumberVisible | () => void                                       |
-| PhonenumberCall    | () => void                                       |
-| MailVisible        | () => void                                       |
-| InsuranceInterest  | () => void                                       |
-| FinanceInterest    | () => void                                       |
-| All                | (eventName: string, data: any[]) => void         |
-
+| eventName             | callback                  | Data                                                                                                                            |
+|-----------------------|---------------------------|---------------------------------------------------------------------------------------------------------------------------------|
+| HashRouteChange       | (data) => void            | CallbackHashRouteChangeData                                                                                                     |
+| ItemClicked           | (data) => void            | CallbackItemData                                                                                                                |
+| Ecom                  | (data) => void            | CallbackEcomData                                                                                                                |
+| ImagesClick           | (data) => void            | CallbackItemData                                                                                                                |
+| OptionsClick          | (data) => void            | CallbackItemData                                                                                                                |
+| PhonenumberVisible    | (data) => void            | CallbackItemData                                                                                                                |
+| PhonenumberCall       | (data) => void            | CallbackItemData                                                                                                                |
+| MailVisible           | (data) => void            | CallbackItemData                                                                                                                |
+| InsuranceInterest     | (data) => void            | CallbackItemData                                                                                                                |
+| InsuranceOpen         | (data) => void            | CallbackItemData                                                                                                                |
+| InsuranceClose        | (data) => void            | CallbackItemData                                                                                                                |
+| FinanceInterest       | (data) => void            | CallbackItemData                                                                                                                |
+| FinanceOpen           | (data) => void            | CallbackItemData                                                                                                                |
+| FinanceClose          | (data) => void            | CallbackItemData                                                                                                                |
+| SearchClearQuery      | (data) => void            | CallbackSearchClearQueryData                                                                                                    |
+| SearchClearAllFilters | (data) => void            | CallbackSearchClearAllFiltersQueryData                                                                                          |
+| SearchInitiated       | (data) => void            | CallbackSearchInitiatedData                                                                                                     |
+| SearchCompleted       | (data) => void            | CallbackSearchCompletedData                                                                                                     |
+| Search                | (data) => void            | CallbackSearchData                                                                                                              |
+| FilterApply           | (data) => void            | CallbackFilterApplyData                                                                                                         |
+| All                   | (eventName, data) => void | CallbackHashRouteChangeData \| CallbackEcomOnUserEventData \| CallbackItemData \| CallbackSearchClearQueryData \| CallbackSearchClearAllFiltersQueryData \| CallbackSearchInitiatedData \| CallbackSearchCompletedData \| CallbackSearchData \| CallbackFilterApplyData |
 * `All` - Subscribes to all events.
 
+#### CallbackHashRouteChangeData
+| Property  | Type      |
+|-----------|-----------|
+| id        | string    |
+
+#### CallbackItemData
+| Property      | Type      |
+|---------------|-----------|
+| id            | string    |
+| branchName    | string    |
+| branchId      | string    |
+
+#### CallbackEcomData
+| Property      | Type                  |
+|---------------|-----------------------|
+| id            | string                |
+| branchName    | string                |
+| branchId      | string                |
+| view          | EcomView              |  
+| event         | EcomView              |  
+| currentStep   | EcomStep \| undefined |  
+| data          | any \| undefined      |  
+
+#### CallbackSearchClearQueryData
+| Property  | Type      |
+|-----------|-----------|
+| query     | string    |
+
+#### CallbackSearchClearAllFiltersQueryData
+| Property  | Type      |
+|-----------|-----------|
+| query     | string    |
+
+#### CallbackSearchInitiatedData
+| Property  | Type      |
+|-----------|-----------|
+| query     | string    |
+
+#### CallbackSearchCompletedData
+| Property  | Type      |
+|-----------|-----------|
+| query     | string    |
+| hits      | number    |
+
+#### CallbackSearchData
+| Property  | Type      |
+|-----------|-----------|
+| query     | string    |
+
+#### CallbackFilterApplyData
+| Property  | Type                  |
+|-----------|-----------------------|
+| type      | "checkbox" \| "range" |
+| filter    | string                |
+| value     | string \| undefined   |
+| checked   | boolean \| "range"    |
+| min       | number \| "range"     |
+| max       | number \| "range"     |
+
 ## Theme
 It is possible to apply a custom theme using *CSS*. The things that can be styled are:
 - Primary brand color

package/dist/index.d.ts

@@ -913,10 +913,11 @@ declare module '@wayke-se/components-react/src/components/ActionList/index' {
   import React from 'react';
   import { Maybe, ContactOptions, Branch } from '@wayke-se/components-react/src/@types/codegen/types';
   interface ActionListProps {
+      id: string;
       branch?: Maybe<Branch>;
       contact?: Maybe<ContactOptions>;
   }
-  const ActionList: ({ contact, branch }: ActionListProps) => React.JSX.Element | null;
+  const ActionList: ({ id, contact, branch }: ActionListProps) => React.JSX.Element | null;
   export default ActionList;
 
 }
@@ -1368,11 +1369,13 @@ declare module '@wayke-se/components-react/src/components/FilterPanel/index' {
   import React from 'react';
   import { Facet } from '@wayke-se/components-react/src/@types/search';
   import { SearchFilterTypes } from '@wayke-se/components-react/src/@types/filter';
+  import { QueryFilter } from '@wayke-se/components-react/src/@types/queryFilter';
   export interface FilterProps {
       label: string;
       activeFilters?: number;
   }
   export interface Props {
+      queryFilter: QueryFilter;
       facet?: Facet;
       loading: boolean;
       filteredFacets: Facet[];
@@ -1381,7 +1384,7 @@ declare module '@wayke-se/components-react/src/components/FilterPanel/index' {
       onClose: () => void;
       onFilterUpdate: (nextQuery: string) => void;
   }
-  const FilterPanel: ({ facet, filteredFacets, numberOfHits, loading, onFilterUpdate, onClose, }: Props) => React.JSX.Element;
+  const FilterPanel: ({ queryFilter, facet, filteredFacets, numberOfHits, loading, onFilterUpdate, onClose, }: Props) => React.JSX.Element;
   export default FilterPanel;
 
 }
@@ -1399,24 +1402,26 @@ declare module '@wayke-se/components-react/src/components/FilterPanel/rangeFacet
 }
 declare module '@wayke-se/components-react/src/components/FinancialOptions/LoanModal' {
   import React from 'react';
-  import { FinancialOption } from '@wayke-se/components-react/src/@types/codegen/types';
+  import { Branch, FinancialOption, Maybe } from '@wayke-se/components-react/src/@types/codegen/types';
   interface LoanModalProps {
       id: string;
+      branch?: Maybe<Branch>;
       financialOption: FinancialOption;
       onClose: () => void;
   }
-  const LoanModal: ({ id, financialOption, onClose }: LoanModalProps) => React.JSX.Element;
+  const LoanModal: ({ id, branch, financialOption, onClose }: LoanModalProps) => React.JSX.Element;
   export default LoanModal;
 
 }
 declare module '@wayke-se/components-react/src/components/FinancialOptions/index' {
   import React from 'react';
-  import { FinancialOption } from '@wayke-se/components-react/src/@types/codegen/types';
+  import { Branch, FinancialOption, Maybe } from '@wayke-se/components-react/src/@types/codegen/types';
   interface FinancialOptionsProps {
       id: string;
+      branch?: Maybe<Branch>;
       financialOptions: FinancialOption[];
   }
-  const FinancialOptions: ({ id, financialOptions }: FinancialOptionsProps) => React.JSX.Element;
+  const FinancialOptions: ({ id, branch, financialOptions }: FinancialOptionsProps) => React.JSX.Element;
   export default FinancialOptions;
 
 }
@@ -1432,12 +1437,13 @@ declare module '@wayke-se/components-react/src/components/FinancialOptions/leasi
 }
 declare module '@wayke-se/components-react/src/components/FinancialOptions/loan' {
   import React from 'react';
-  import { FinancialOption } from '@wayke-se/components-react/src/@types/codegen/types';
+  import { Branch, FinancialOption, Maybe } from '@wayke-se/components-react/src/@types/codegen/types';
   interface LoanProps {
       id: string;
+      branch?: Maybe<Branch>;
       financialOption: FinancialOption;
   }
-  const Loan: ({ id, financialOption }: LoanProps) => React.JSX.Element;
+  const Loan: ({ id, branch, financialOption }: LoanProps) => React.JSX.Element;
   export default Loan;
 
 }
@@ -1453,12 +1459,14 @@ declare module '@wayke-se/components-react/src/components/Gallery/MediaButton' {
 }
 declare module '@wayke-se/components-react/src/components/Gallery/index' {
   import React from 'react';
-  import { Media } from '@wayke-se/components-react/src/@types/codegen/types';
+  import { Branch, Maybe, Media } from '@wayke-se/components-react/src/@types/codegen/types';
   interface GalleryProps {
+      id: string;
+      branch?: Maybe<Branch>;
       media?: Media[];
       placeholderImage?: string;
   }
-  const Gallery: ({ media, placeholderImage }: GalleryProps) => React.JSX.Element;
+  const Gallery: ({ id, branch, media, placeholderImage }: GalleryProps) => React.JSX.Element;
   export default Gallery;
 
 }
@@ -1489,6 +1497,7 @@ declare module '@wayke-se/components-react/src/components/Gallery/wrapper' {
 }
 declare module '@wayke-se/components-react/src/components/Grid/index' {
   import React from 'react';
+  import { OnItemClick } from '@wayke-se/components-react/src/components/ProductCard/index';
   import { Document } from '@wayke-se/components-react/src/@types/search';
   interface GridProps {
       documents?: Document[];
@@ -1496,7 +1505,7 @@ declare module '@wayke-se/components-react/src/components/Grid/index' {
       pathRoute?: string;
       placeholderImage?: string;
       displayBranchName?: boolean;
-      onClickItem?: (id: string) => void;
+      onClickItem?: (data: OnItemClick) => void;
   }
   const Grid: ({ documents, placeholderImage, hashRoute, pathRoute, displayBranchName, onClickItem, }: GridProps) => React.JSX.Element | null;
   export default Grid;
@@ -1702,11 +1711,13 @@ declare module '@wayke-se/components-react/src/components/InsuranceOptions/Insur
 }
 declare module '@wayke-se/components-react/src/components/InsuranceOptions/InsuranceFree' {
   import React from 'react';
-  import { InsuranceOption } from '@wayke-se/components-react/src/@types/codegen/types';
+  import { Branch, InsuranceOption, Maybe } from '@wayke-se/components-react/src/@types/codegen/types';
   interface InsuranceOptions {
+      id: string;
+      branch?: Maybe<Branch>;
       insuranceOptions: InsuranceOption[];
   }
-  const Insurance: ({ insuranceOptions }: InsuranceOptions) => React.JSX.Element | null;
+  const Insurance: ({ id, branch, insuranceOptions }: InsuranceOptions) => React.JSX.Element | null;
   export default Insurance;
 
 }
@@ -2103,13 +2114,19 @@ declare module '@wayke-se/components-react/src/components/PriceTable/wrapper' {
 declare module '@wayke-se/components-react/src/components/ProductCard/index' {
   import React from 'react';
   import { ItemProps } from '@wayke-se/components-react/src/components/UspList/index';
-  import { File } from '@wayke-se/components-react/src/@types/search';
+  import { Branch, File } from '@wayke-se/components-react/src/@types/search';
+  export interface OnItemClick {
+      id: string;
+      branchId?: string;
+      branchName?: string;
+  }
   interface Props {
       id: string;
       title: string;
       href?: string;
       imageFile?: File;
       pathRoute?: string;
+      branch?: Branch;
       placeholderImage?: string;
       description?: string;
       uspList?: ItemProps[];
@@ -2118,9 +2135,9 @@ declare module '@wayke-se/components-react/src/components/ProductCard/index' {
       oldPrice?: string;
       branchName?: string;
       businessLeasingPrice?: string;
-      onClick?: (id: string) => void;
+      onClick?: (data: OnItemClick) => void;
   }
-  const ProductCard: ({ id, title, href, imageFile, pathRoute, placeholderImage, branchName, description, uspList, price, oldPrice, leasingPrice, businessLeasingPrice, onClick, }: Props) => React.JSX.Element;
+  const ProductCard: ({ id, title, href, imageFile, pathRoute, placeholderImage, branch, branchName, description, uspList, price, oldPrice, leasingPrice, businessLeasingPrice, onClick, }: Props) => React.JSX.Element;
   export default ProductCard;
 
 }
@@ -2843,8 +2860,8 @@ declare module '@wayke-se/components-react/src/index' {
   import WaykeItemProvider, { WaykeItemProviderSettings } from '@wayke-se/components-react/src/providers/WaykeItemProvidet';
   import WaykePubSub, { EventSubscriptions } from '@wayke-se/components-react/src/utils/pubsub/pubsub';
   import type { SearchFilterTypes, SearchFilterNameTypes } from '@wayke-se/components-react/src/@types/filter';
-  import type { EventHashRouteChange, EventItemClicked, EventEcomOnInit, EventEcomOnUser, EventEcomOnExit, EventImagesClick, EventOptionsClick, EventPhonenumberVisible, EventPhonenumberCall, EventMailVisible, EventInsuranceInterest, EventFinanceInterest, EventAll, EventType, EventNames, CallbackHashRouteChange, CallbackEventItemClicked, CallbackEcomOnUserEvent, CallbackEmpty } from '@wayke-se/components-react/src/utils/pubsub/Events';
-  export { WaykeProvider, WaykeItemProvider, WaykeSearch, WaykeSearchItem, SearchBar, WaykeThemeProvider, WaykeItemProviderSettings, WaykePubSub, WaykeCompositeWithProviderProps, WaykeProviderSettings, WaykeSearchProps, WaykeSearchItemProps, SearchFilterTypes, SearchFilterNameTypes, EventSubscriptions, EventHashRouteChange, EventItemClicked, EventEcomOnInit, EventEcomOnUser, EventEcomOnExit, EventImagesClick, EventOptionsClick, EventPhonenumberVisible, EventPhonenumberCall, EventMailVisible, EventInsuranceInterest, EventFinanceInterest, EventAll, EventType, EventNames, CallbackHashRouteChange, CallbackEventItemClicked, CallbackEcomOnUserEvent, CallbackEmpty, };
+  import type { EventHashRouteChange, EventItemClicked, EventEcom, EventImagesClick, EventOptionsClick, EventPhonenumberVisible, EventPhonenumberCall, EventMailVisible, EventInsuranceInterest, EventInsuranceOpen, EventInsuranceClose, EventFinanceInterest, EventFinanceOpen, EventFinanceClose, EventSearch, EventFilterApply, EventAll, EventType, EventNames, CallbackHashRouteChange, CallbackEcom, CallbackEmpty } from '@wayke-se/components-react/src/utils/pubsub/Events';
+  export { WaykeProvider, WaykeItemProvider, WaykeSearch, WaykeSearchItem, SearchBar, WaykeThemeProvider, WaykeItemProviderSettings, WaykePubSub, WaykeCompositeWithProviderProps, WaykeProviderSettings, WaykeSearchProps, WaykeSearchItemProps, SearchFilterTypes, SearchFilterNameTypes, EventSubscriptions, EventHashRouteChange, EventItemClicked, EventEcom, EventImagesClick, EventOptionsClick, EventPhonenumberVisible, EventPhonenumberCall, EventMailVisible, EventInsuranceInterest, EventInsuranceOpen, EventInsuranceClose, EventFinanceInterest, EventFinanceOpen, EventFinanceClose, EventSearch, EventFilterApply, EventAll, EventType, EventNames, CallbackHashRouteChange, CallbackEcom, CallbackEmpty, };
   export default WaykeComposite;
 
 }
@@ -2935,6 +2952,7 @@ declare module '@wayke-se/components-react/src/layouts/search/index' {
   import React from 'react';
   import { SearchFilterTypes } from '@wayke-se/components-react/src/@types/filter';
   import { MarketCode } from '@wayke-se/components-react/src/@types/market';
+  import { OnItemClick } from '@wayke-se/components-react/src/components/ProductCard/index';
   export interface WaykeSearchProps {
       marketCode?: MarketCode;
       filterList?: SearchFilterTypes[];
@@ -2946,7 +2964,7 @@ declare module '@wayke-se/components-react/src/layouts/search/index' {
       pathRoute?: string;
       modifyDocumentTitleSearch?: string;
       displayBranchName?: boolean;
-      onClickSearchItem?: (id: string) => void;
+      onClickSearchItem?: (data: OnItemClick) => void;
   }
   const WaykeSearch: ({ marketCode, filterList, initialQueryParams, hashRoute, pathRoute, removeSearchBar, placeholderImage, removeFilterOptions, modifyDocumentTitleSearch, displayBranchName, onClickSearchItem, }: WaykeSearchProps) => React.JSX.Element | null;
   export default WaykeSearch;
@@ -3000,7 +3018,10 @@ declare module '@wayke-se/components-react/src/layouts/searchItem/BranchModal' {
 declare module '@wayke-se/components-react/src/layouts/searchItem/CheckList' {
   import React from 'react';
   import { Manufacturer, PackageOption, Ecommerce, ContactOptions, Branch } from '@wayke-se/components-react/src/@types/codegen/types';
+  import { MarketCode } from '@wayke-se/components-react/src/@types/market';
   interface CheckList {
+      id: string;
+      marketCode?: MarketCode;
       manufacturer?: Manufacturer | null;
       packageOptions: PackageOption[];
       ecommerce?: Ecommerce | null;
@@ -3010,7 +3031,7 @@ declare module '@wayke-se/components-react/src/layouts/searchItem/CheckList' {
       availableFrom?: Date | null;
       toggleEcomModal: () => void;
   }
-  const CheckList: ({ manufacturer, packageOptions, ecommerce, branch, contact, availableFrom, toggleEcomModal, loadingCentralStorageVehicle, }: CheckList) => React.JSX.Element;
+  const CheckList: ({ id, marketCode, manufacturer, packageOptions, ecommerce, branch, contact, availableFrom, toggleEcomModal, loadingCentralStorageVehicle, }: CheckList) => React.JSX.Element;
   export default CheckList;
 
 }
@@ -3059,7 +3080,7 @@ declare module '@wayke-se/components-react/src/layouts/searchItem/MetadataItem'
 declare module '@wayke-se/components-react/src/layouts/searchItem/PackageOptionModal' {
   import React from 'react';
   interface ModelLink {
-      href?: string | null;
+      url?: string | null;
       title?: string | null;
   }
   export interface PackageOptionModalData {
@@ -3144,11 +3165,12 @@ declare module '@wayke-se/components-react/src/layouts/searchItem/index' {
 declare module '@wayke-se/components-react/src/layouts/searchItem/useEcom' {
   /// <reference types="react" />
   import { SettingsContextProps } from '@wayke-se/components-react/src/State/Settings/SettingsContext';
+  import { Branch, Maybe } from '@wayke-se/components-react/src/@types/codegen/types';
   interface EcomWeb {
       start: () => void;
       destroy: () => void;
   }
-  function useEcom(id: string, ecomSettings: SettingsContextProps['ecomSettings']): import("react").MutableRefObject<EcomWeb | undefined>;
+  function useEcom(id: string, ecomSettings: SettingsContextProps['ecomSettings'], branch?: Maybe<Branch>): import("react").MutableRefObject<EcomWeb | undefined>;
   export default useEcom;
 
 }
@@ -3264,6 +3286,9 @@ declare module '@wayke-se/components-react/src/utils/constants' {
   export const LEASING_PRICE = "leasingPrice";
   export const BUSINESS_LEASING_PRICE = "businessLeasingPrice";
   export const ODOMETER_VALUE_AS_KM = "odometerValueAsKm";
+  export const FUEL_TYPES = "fuelTypes";
+  export const ENGINE_BASE_TYPE = "engineBaseType";
+  export const ELECTRICAL_RANGE_WLTP = "enhancedProperties.electricalRangeWLTP.value";
   export const COLOR_WHITE: {
       displayName: string;
       hex: string;
@@ -3330,11 +3355,12 @@ declare module '@wayke-se/components-react/src/utils/deep-copy' {
 declare module '@wayke-se/components-react/src/utils/formats' {
   export const notEmpty: <TValue>(value: TValue | null | undefined) => value is TValue;
   export const numberSeparator: (value: number, n?: number, x?: number, s?: string, c?: string) => string | null;
+  import { MarketCode } from '@wayke-se/components-react/src/@types/market';
   export const FacetIdToTitle: (f: string) => string;
   export const dateTimeFormat: {
       YearMonth: number;
       DayMonth: number;
-      format: (value: string | Date, format: number) => string;
+      format: (value: string | Date, format: number, marketCode?: MarketCode) => string;
   };
 
 }
@@ -3362,75 +3388,152 @@ declare module '@wayke-se/components-react/src/utils/pubsub/Actions' {
 
 }
 declare module '@wayke-se/components-react/src/utils/pubsub/Events' {
+  import { EcomEvent, EcomStep, EcomView } from '@wayke-se/ecom-web/src/Utils/ecomEvent';
   interface EventBase<Callback> {
       eventName: EventNames;
       callback: Callback;
   }
   export type CallbackEmpty = () => void;
-  export type CallbackHashRouteChange = (id?: string) => void;
+  interface CallbackHashRouteChangeData {
+      id: string;
+  }
+  export type CallbackHashRouteChange = (data: CallbackHashRouteChangeData) => void;
+  interface CallbackItemData {
+      id: string;
+      branchId: string;
+      branchName: string;
+  }
+  export type CallbackItem = (data: CallbackItemData) => void;
+  export interface CallbackSearchData {
+      query: string;
+  }
+  export type CallbackSearch = (data: CallbackSearchData) => void;
+  export interface CallbackSearchClearQueryData {
+      query: string;
+  }
+  export type CallbackSearchClearQuery = (data: CallbackSearchClearQueryData) => void;
+  export interface CallbackSearchClearAllFiltersQueryData {
+      query: string;
+  }
+  export type CallbackSearchClearAllFiltersQuery = (data: CallbackSearchClearAllFiltersQueryData) => void;
+  export interface CallbackSearchInitiatedData {
+      query: string;
+  }
+  export type CallbackSearchInitiated = (data: CallbackSearchInitiatedData) => void;
+  export interface CallbackSearchCompletedData {
+      query: string;
+      hits: number;
+  }
+  export type CallbackSearchCompleted = (data: CallbackSearchCompletedData) => void;
+  export interface CallbackEcomData extends CallbackItemData {
+      view: EcomView;
+      event: EcomEvent;
+      currentStep?: EcomStep;
+      data?: any;
+  }
+  export interface CallbackFilterApplyData {
+      type: 'checkbox' | 'range';
+      filter: string;
+      value?: string;
+      checked?: boolean;
+      min?: number;
+      max?: number;
+  }
+  export type CallbackFilterApply = (data: CallbackFilterApplyData) => void;
+  export type CallbackEcom = (data: CallbackEcomData) => void;
   export interface EventHashRouteChange extends EventBase<CallbackHashRouteChange> {
       eventName: 'HashRouteChange';
   }
-  export type CallbackEventItemClicked = (id: string) => void;
-  export interface EventItemClicked extends EventBase<CallbackEventItemClicked> {
+  export interface EventItemClicked extends EventBase<CallbackItem> {
       eventName: 'ItemClicked';
   }
-  export interface EventEcomOnInit extends EventBase<CallbackEmpty> {
-      eventName: 'EcomOnInit';
-  }
-  export type CallbackEcomOnUserEvent = (userEvent: string, currentStep: string) => void;
-  export interface EventEcomOnUser extends EventBase<CallbackEcomOnUserEvent> {
-      eventName: 'EcomOnUserEvent';
+  export interface EventEcom extends EventBase<CallbackEcom> {
+      eventName: 'Ecom';
   }
-  export interface EventEcomOnExit extends EventBase<CallbackEmpty> {
-      eventName: 'EcomOnExit';
-  }
-  export interface EventImagesClick extends EventBase<CallbackEmpty> {
+  export interface EventImagesClick extends EventBase<CallbackItem> {
       eventName: 'ImagesClick';
   }
-  export interface EventOptionsClick extends EventBase<CallbackEmpty> {
+  export interface EventOptionsClick extends EventBase<CallbackItem> {
       eventName: 'OptionsClick';
   }
-  export interface EventPhonenumberVisible extends EventBase<CallbackEmpty> {
+  export interface EventPhonenumberVisible extends EventBase<CallbackItem> {
       eventName: 'PhonenumberVisible';
   }
-  export interface EventPhonenumberCall extends EventBase<CallbackEmpty> {
+  export interface EventPhonenumberCall extends EventBase<CallbackItem> {
       eventName: 'PhonenumberCall';
   }
-  export interface EventMailVisible extends EventBase<CallbackEmpty> {
+  export interface EventMailVisible extends EventBase<CallbackItem> {
       eventName: 'MailVisible';
   }
-  export interface EventInsuranceInterest extends EventBase<CallbackEmpty> {
+  export interface EventInsuranceOpen extends EventBase<CallbackItem> {
+      eventName: 'InsuranceOpen';
+  }
+  export interface EventInsuranceClose extends EventBase<CallbackItem> {
+      eventName: 'InsuranceClose';
+  }
+  export interface EventInsuranceInterest extends EventBase<CallbackItem> {
       eventName: 'InsuranceInterest';
   }
-  export interface EventFinanceInterest extends EventBase<CallbackEmpty> {
+  export interface EventFinanceOpen extends EventBase<CallbackItem> {
+      eventName: 'FinanceOpen';
+  }
+  export interface EventFinanceClose extends EventBase<CallbackItem> {
+      eventName: 'FinanceClose';
+  }
+  export interface EventFinanceInterest extends EventBase<CallbackItem> {
       eventName: 'FinanceInterest';
   }
+  export interface EventSearch extends EventBase<CallbackSearch> {
+      eventName: 'Search';
+  }
+  export interface EventSearchClearQuery extends EventBase<CallbackSearchClearQuery> {
+      eventName: 'SearchClearQuery';
+  }
+  export interface EventSearchClearAllFiltersQuery extends EventBase<CallbackSearchClearAllFiltersQuery> {
+      eventName: 'SearchClearAllFilters';
+  }
+  export interface EventSearchInitiated extends EventBase<CallbackSearchInitiated> {
+      eventName: 'SearchInitiated';
+  }
+  export interface EventSearchCompleted extends EventBase<CallbackSearchCompleted> {
+      eventName: 'SearchCompleted';
+  }
+  export interface EventFilterApply extends EventBase<CallbackFilterApply> {
+      eventName: 'FilterApply';
+  }
   export type CallbackAll = (eventName: Omit<EventNames, 'All'>, data: any) => void;
   export interface EventAll extends EventBase<CallbackAll> {
       eventName: 'All';
   }
-  export type EventType = EventHashRouteChange | EventItemClicked | EventEcomOnInit | EventEcomOnUser | EventEcomOnExit | EventImagesClick | EventOptionsClick | EventPhonenumberVisible | EventPhonenumberCall | EventMailVisible | EventInsuranceInterest | EventFinanceInterest | EventAll;
+  export type EventType = EventHashRouteChange | EventItemClicked | EventEcom | EventImagesClick | EventOptionsClick | EventPhonenumberVisible | EventPhonenumberCall | EventMailVisible | EventInsuranceOpen | EventInsuranceClose | EventInsuranceInterest | EventFinanceOpen | EventFinanceClose | EventFinanceInterest | EventSearch | EventSearchClearQuery | EventSearchClearAllFiltersQuery | EventSearchInitiated | EventSearchCompleted | EventFilterApply | EventAll;
   export type EventNames = Pick<EventType, 'eventName'>['eventName'];
   export {};
 
 }
 declare module '@wayke-se/components-react/src/utils/pubsub/pubsub' {
   import { ActionAll, ActionNames, ActionOnFilterUpdate, ActionTypes } from '@wayke-se/components-react/src/utils/pubsub/Actions';
-  import { EventHashRouteChange, EventItemClicked, EventEcomOnInit, EventEcomOnUser, EventEcomOnExit, EventImagesClick, EventOptionsClick, EventPhonenumberVisible, EventPhonenumberCall, EventMailVisible, EventInsuranceInterest, EventFinanceInterest, EventAll, EventType, EventNames } from '@wayke-se/components-react/src/utils/pubsub/Events';
+  import { EventHashRouteChange, EventItemClicked, EventEcom, EventImagesClick, EventOptionsClick, EventPhonenumberVisible, EventPhonenumberCall, EventMailVisible, EventInsuranceInterest, EventFinanceInterest, EventAll, EventType, EventNames, EventSearch, EventFinanceOpen, EventFinanceClose, EventInsuranceClose, EventInsuranceOpen, EventFilterApply, EventSearchCompleted, EventSearchInitiated, EventSearchClearQuery, EventSearchClearAllFiltersQuery } from '@wayke-se/components-react/src/utils/pubsub/Events';
   export type EventSubscriptions = {
       HashRouteChange: EventHashRouteChange[];
       ItemClicked: EventItemClicked[];
-      EcomOnInit: EventEcomOnInit[];
-      EcomOnUserEvent: EventEcomOnUser[];
-      EcomOnExit: EventEcomOnExit[];
+      Ecom: EventEcom[];
       ImagesClick: EventImagesClick[];
       OptionsClick: EventOptionsClick[];
       PhonenumberVisible: EventPhonenumberVisible[];
       PhonenumberCall: EventPhonenumberCall[];
       MailVisible: EventMailVisible[];
+      InsuranceOpen: EventInsuranceOpen[];
+      InsuranceClose: EventInsuranceClose[];
       InsuranceInterest: EventInsuranceInterest[];
+      FinanceOpen: EventFinanceOpen[];
+      FinanceClose: EventFinanceClose[];
       FinanceInterest: EventFinanceInterest[];
+      Search: EventSearch[];
+      SearchClearQuery: EventSearchClearQuery[];
+      SearchClearAllFilters: EventSearchClearAllFiltersQuery[];
+      SearchInitiated: EventSearchInitiated[];
+      SearchCompleted: EventSearchCompleted[];
+      FilterApply: EventFilterApply[];
       All: EventAll[];
   };
   export type ActionSubscriptions = {