@getlupa/vue 0.0.1

package/dist/src/stores/searchBox.d.ts

@@ -0,0 +1,204 @@
+import { type Ref } from 'vue';
+import { type PublicQuery, type SearchQueryResult } from '@getlupa/client-sdk/Types';
+import type { SearchBoxOptions } from '../types/search-box/SearchBoxOptions';
+import type { DisplaySuggestion } from '../types/search-box/Common';
+import type { SdkOptions } from '../types/General';
+export declare const useSearchBoxStore: import("pinia").StoreDefinition<"searchBox", import("pinia")._UnwrapAll<Pick<{
+    options: Ref<SearchBoxOptions>;
+    docResults: Ref<Record<string, SearchQueryResult>>;
+    suggestionResults: Ref<Record<string, DisplaySuggestion[]>>;
+    highlightedIndex: Ref<number>;
+    inputValue: Ref<string>;
+    resultsVisible: import("vue").ComputedRef<boolean>;
+    panelItemCounts: import("vue").ComputedRef<({
+        queryKey: string;
+        count: number;
+        panel: import('../types/search-box/SearchBoxPanel').SuggestionSearchBoxPanel;
+    } | {
+        queryKey: string;
+        count: number;
+        panel: import('../types/search-box/SearchBoxPanel').DocumentSearchBoxPanel;
+    })[]>;
+    totalCount: import("vue").ComputedRef<number>;
+    highlightedItem: import("vue").ComputedRef<{
+        queryKey: string;
+        index: number;
+        panel: import('../types/search-box/SearchBoxPanel').DocumentSearchBoxPanel | import('../types/search-box/SearchBoxPanel').SuggestionSearchBoxPanel;
+    }>;
+    highlightedDocument: import("vue").ComputedRef<{
+        doc: any;
+        link?: undefined;
+        queryKey?: undefined;
+        id?: undefined;
+        title?: undefined;
+    } | {
+        doc: import("@getlupa/client-sdk/Types").Document;
+        link: string;
+        queryKey: string;
+        id: unknown;
+        title: string;
+    }>;
+    querySuggestions: ({ queryKey, publicQuery, options }: {
+        queryKey: string;
+        publicQuery: PublicQuery;
+        options?: SdkOptions;
+    }) => Promise<{
+        suggestions: import("@getlupa/client-sdk/Types").Suggestion[];
+    }>;
+    queryDocuments: ({ queryKey, publicQuery, options }: {
+        queryKey: string;
+        publicQuery: PublicQuery;
+        options?: SdkOptions;
+    }) => Promise<{
+        queryKey: string;
+        result: {
+            items: any[];
+        };
+    } | {
+        queryKey: string;
+        result: SearchQueryResult;
+    }>;
+    highlightChange: ({ action }: {
+        action: 'down' | 'up' | 'clear';
+    }) => {
+        highlightIndex: number;
+    };
+    saveInputValue: ({ input }: {
+        input: string;
+    }) => void;
+    saveOptions: ({ newOptions }: {
+        newOptions: SearchBoxOptions;
+    }) => void;
+}, "options" | "docResults" | "suggestionResults" | "highlightedIndex" | "inputValue">>, Pick<{
+    options: Ref<SearchBoxOptions>;
+    docResults: Ref<Record<string, SearchQueryResult>>;
+    suggestionResults: Ref<Record<string, DisplaySuggestion[]>>;
+    highlightedIndex: Ref<number>;
+    inputValue: Ref<string>;
+    resultsVisible: import("vue").ComputedRef<boolean>;
+    panelItemCounts: import("vue").ComputedRef<({
+        queryKey: string;
+        count: number;
+        panel: import('../types/search-box/SearchBoxPanel').SuggestionSearchBoxPanel;
+    } | {
+        queryKey: string;
+        count: number;
+        panel: import('../types/search-box/SearchBoxPanel').DocumentSearchBoxPanel;
+    })[]>;
+    totalCount: import("vue").ComputedRef<number>;
+    highlightedItem: import("vue").ComputedRef<{
+        queryKey: string;
+        index: number;
+        panel: import('../types/search-box/SearchBoxPanel').DocumentSearchBoxPanel | import('../types/search-box/SearchBoxPanel').SuggestionSearchBoxPanel;
+    }>;
+    highlightedDocument: import("vue").ComputedRef<{
+        doc: any;
+        link?: undefined;
+        queryKey?: undefined;
+        id?: undefined;
+        title?: undefined;
+    } | {
+        doc: import("@getlupa/client-sdk/Types").Document;
+        link: string;
+        queryKey: string;
+        id: unknown;
+        title: string;
+    }>;
+    querySuggestions: ({ queryKey, publicQuery, options }: {
+        queryKey: string;
+        publicQuery: PublicQuery;
+        options?: SdkOptions;
+    }) => Promise<{
+        suggestions: import("@getlupa/client-sdk/Types").Suggestion[];
+    }>;
+    queryDocuments: ({ queryKey, publicQuery, options }: {
+        queryKey: string;
+        publicQuery: PublicQuery;
+        options?: SdkOptions;
+    }) => Promise<{
+        queryKey: string;
+        result: {
+            items: any[];
+        };
+    } | {
+        queryKey: string;
+        result: SearchQueryResult;
+    }>;
+    highlightChange: ({ action }: {
+        action: 'down' | 'up' | 'clear';
+    }) => {
+        highlightIndex: number;
+    };
+    saveInputValue: ({ input }: {
+        input: string;
+    }) => void;
+    saveOptions: ({ newOptions }: {
+        newOptions: SearchBoxOptions;
+    }) => void;
+}, "totalCount" | "resultsVisible" | "panelItemCounts" | "highlightedItem" | "highlightedDocument">, Pick<{
+    options: Ref<SearchBoxOptions>;
+    docResults: Ref<Record<string, SearchQueryResult>>;
+    suggestionResults: Ref<Record<string, DisplaySuggestion[]>>;
+    highlightedIndex: Ref<number>;
+    inputValue: Ref<string>;
+    resultsVisible: import("vue").ComputedRef<boolean>;
+    panelItemCounts: import("vue").ComputedRef<({
+        queryKey: string;
+        count: number;
+        panel: import('../types/search-box/SearchBoxPanel').SuggestionSearchBoxPanel;
+    } | {
+        queryKey: string;
+        count: number;
+        panel: import('../types/search-box/SearchBoxPanel').DocumentSearchBoxPanel;
+    })[]>;
+    totalCount: import("vue").ComputedRef<number>;
+    highlightedItem: import("vue").ComputedRef<{
+        queryKey: string;
+        index: number;
+        panel: import('../types/search-box/SearchBoxPanel').DocumentSearchBoxPanel | import('../types/search-box/SearchBoxPanel').SuggestionSearchBoxPanel;
+    }>;
+    highlightedDocument: import("vue").ComputedRef<{
+        doc: any;
+        link?: undefined;
+        queryKey?: undefined;
+        id?: undefined;
+        title?: undefined;
+    } | {
+        doc: import("@getlupa/client-sdk/Types").Document;
+        link: string;
+        queryKey: string;
+        id: unknown;
+        title: string;
+    }>;
+    querySuggestions: ({ queryKey, publicQuery, options }: {
+        queryKey: string;
+        publicQuery: PublicQuery;
+        options?: SdkOptions;
+    }) => Promise<{
+        suggestions: import("@getlupa/client-sdk/Types").Suggestion[];
+    }>;
+    queryDocuments: ({ queryKey, publicQuery, options }: {
+        queryKey: string;
+        publicQuery: PublicQuery;
+        options?: SdkOptions;
+    }) => Promise<{
+        queryKey: string;
+        result: {
+            items: any[];
+        };
+    } | {
+        queryKey: string;
+        result: SearchQueryResult;
+    }>;
+    highlightChange: ({ action }: {
+        action: 'down' | 'up' | 'clear';
+    }) => {
+        highlightIndex: number;
+    };
+    saveInputValue: ({ input }: {
+        input: string;
+    }) => void;
+    saveOptions: ({ newOptions }: {
+        newOptions: SearchBoxOptions;
+    }) => void;
+}, "querySuggestions" | "queryDocuments" | "highlightChange" | "saveInputValue" | "saveOptions">>;

package/dist/src/stores/searchResult.d.ts

@@ -0,0 +1,125 @@
+import { type Ref } from 'vue';
+import type { SearchQueryResult } from '@getlupa/client-sdk/Types';
+import { ResultsLayoutEnum, type ResultsLayout } from '../types/search-results/ResultsLayout';
+import type { ProductGrid } from '../types/search-results/SearchResultsOptions';
+export declare const useSearchResultStore: import("pinia").StoreDefinition<"searchResult", import("pinia")._UnwrapAll<Pick<{
+    isMobileSidebarVisible: Ref<boolean>;
+    searchResult: Ref<SearchQueryResult>;
+    columnCount: Ref<number>;
+    addToCartAmount: Ref<number>;
+    facets: import("vue").ComputedRef<import("@getlupa/client-sdk/Types").FacetResult[]>;
+    filters: import("vue").ComputedRef<import("@getlupa/client-sdk/Types").FilterGroup>;
+    loading: Ref<boolean>;
+    layout: Ref<ResultsLayoutEnum>;
+    currentQueryText: import("vue").ComputedRef<string>;
+    totalItems: import("vue").ComputedRef<number>;
+    hasResults: import("vue").ComputedRef<boolean>;
+    labeledFilters: import("vue").ComputedRef<import("../types/search-results/Filters").LabeledFilter[]>;
+    displayFilters: import("vue").ComputedRef<import("../types/search-results/Filters").LabeledFilter[]>;
+    currentFilterCount: import("vue").ComputedRef<number>;
+    currentFilterKeys: import("vue").ComputedRef<string[]>;
+    hasAnyFilter: import("vue").ComputedRef<boolean>;
+    itemRange: import("vue").ComputedRef<number[]>;
+    isPageEmpty: import("vue").ComputedRef<boolean>;
+    setSidebarState: ({ visible }: {
+        visible: boolean;
+    }) => void;
+    queryFacet: ({ queryKey, facetKey }: {
+        queryKey: string;
+        facetKey: string;
+    }) => Promise<void>;
+    add: (newSearchResult: SearchQueryResult) => {
+        searchResult: SearchQueryResult;
+        pageSize: number;
+    } | {
+        searchResult: SearchQueryResult;
+        pageSize?: undefined;
+    };
+    setColumnCount: ({ width, grid }: {
+        width: number;
+        grid: ProductGrid;
+    }) => void;
+    setAddToCartAmount: (newAddToCartAmount: number) => void;
+    setLayout: (newLayout: ResultsLayout) => void;
+    setLoading: (state: boolean) => void;
+}, "loading" | "searchResult" | "isMobileSidebarVisible" | "columnCount" | "addToCartAmount" | "layout">>, Pick<{
+    isMobileSidebarVisible: Ref<boolean>;
+    searchResult: Ref<SearchQueryResult>;
+    columnCount: Ref<number>;
+    addToCartAmount: Ref<number>;
+    facets: import("vue").ComputedRef<import("@getlupa/client-sdk/Types").FacetResult[]>;
+    filters: import("vue").ComputedRef<import("@getlupa/client-sdk/Types").FilterGroup>;
+    loading: Ref<boolean>;
+    layout: Ref<ResultsLayoutEnum>;
+    currentQueryText: import("vue").ComputedRef<string>;
+    totalItems: import("vue").ComputedRef<number>;
+    hasResults: import("vue").ComputedRef<boolean>;
+    labeledFilters: import("vue").ComputedRef<import("../types/search-results/Filters").LabeledFilter[]>;
+    displayFilters: import("vue").ComputedRef<import("../types/search-results/Filters").LabeledFilter[]>;
+    currentFilterCount: import("vue").ComputedRef<number>;
+    currentFilterKeys: import("vue").ComputedRef<string[]>;
+    hasAnyFilter: import("vue").ComputedRef<boolean>;
+    itemRange: import("vue").ComputedRef<number[]>;
+    isPageEmpty: import("vue").ComputedRef<boolean>;
+    setSidebarState: ({ visible }: {
+        visible: boolean;
+    }) => void;
+    queryFacet: ({ queryKey, facetKey }: {
+        queryKey: string;
+        facetKey: string;
+    }) => Promise<void>;
+    add: (newSearchResult: SearchQueryResult) => {
+        searchResult: SearchQueryResult;
+        pageSize: number;
+    } | {
+        searchResult: SearchQueryResult;
+        pageSize?: undefined;
+    };
+    setColumnCount: ({ width, grid }: {
+        width: number;
+        grid: ProductGrid;
+    }) => void;
+    setAddToCartAmount: (newAddToCartAmount: number) => void;
+    setLayout: (newLayout: ResultsLayout) => void;
+    setLoading: (state: boolean) => void;
+}, "filters" | "facets" | "currentQueryText" | "totalItems" | "hasResults" | "labeledFilters" | "displayFilters" | "currentFilterCount" | "currentFilterKeys" | "hasAnyFilter" | "itemRange" | "isPageEmpty">, Pick<{
+    isMobileSidebarVisible: Ref<boolean>;
+    searchResult: Ref<SearchQueryResult>;
+    columnCount: Ref<number>;
+    addToCartAmount: Ref<number>;
+    facets: import("vue").ComputedRef<import("@getlupa/client-sdk/Types").FacetResult[]>;
+    filters: import("vue").ComputedRef<import("@getlupa/client-sdk/Types").FilterGroup>;
+    loading: Ref<boolean>;
+    layout: Ref<ResultsLayoutEnum>;
+    currentQueryText: import("vue").ComputedRef<string>;
+    totalItems: import("vue").ComputedRef<number>;
+    hasResults: import("vue").ComputedRef<boolean>;
+    labeledFilters: import("vue").ComputedRef<import("../types/search-results/Filters").LabeledFilter[]>;
+    displayFilters: import("vue").ComputedRef<import("../types/search-results/Filters").LabeledFilter[]>;
+    currentFilterCount: import("vue").ComputedRef<number>;
+    currentFilterKeys: import("vue").ComputedRef<string[]>;
+    hasAnyFilter: import("vue").ComputedRef<boolean>;
+    itemRange: import("vue").ComputedRef<number[]>;
+    isPageEmpty: import("vue").ComputedRef<boolean>;
+    setSidebarState: ({ visible }: {
+        visible: boolean;
+    }) => void;
+    queryFacet: ({ queryKey, facetKey }: {
+        queryKey: string;
+        facetKey: string;
+    }) => Promise<void>;
+    add: (newSearchResult: SearchQueryResult) => {
+        searchResult: SearchQueryResult;
+        pageSize: number;
+    } | {
+        searchResult: SearchQueryResult;
+        pageSize?: undefined;
+    };
+    setColumnCount: ({ width, grid }: {
+        width: number;
+        grid: ProductGrid;
+    }) => void;
+    setAddToCartAmount: (newAddToCartAmount: number) => void;
+    setLayout: (newLayout: ResultsLayout) => void;
+    setLoading: (state: boolean) => void;
+}, "add" | "setSidebarState" | "queryFacet" | "setColumnCount" | "setAddToCartAmount" | "setLayout" | "setLoading">>;

package/dist/src/stores/tracking.d.ts

@@ -0,0 +1,46 @@
+import type { AnalyticsEventType } from '../types/AnalyticsOptions';
+import type { TrackableEventData } from '../types/search-box/Common';
+import type { PublicQuery, SearchQueryResult } from '@getlupa/client-sdk/Types';
+export declare const useTrackingStore: import("pinia").StoreDefinition<"tracking", import("pinia")._UnwrapAll<Pick<{
+    trackSearch: ({ queryKey, query, type }: {
+        queryKey: string;
+        query: PublicQuery;
+        type?: AnalyticsEventType;
+    }) => void;
+    trackResults: ({ queryKey, results }: {
+        queryKey: string;
+        results: SearchQueryResult;
+    }) => void;
+    trackEvent: ({ queryKey, data }: {
+        queryKey: string;
+        data: TrackableEventData;
+    }) => void;
+}, never>>, Pick<{
+    trackSearch: ({ queryKey, query, type }: {
+        queryKey: string;
+        query: PublicQuery;
+        type?: AnalyticsEventType;
+    }) => void;
+    trackResults: ({ queryKey, results }: {
+        queryKey: string;
+        results: SearchQueryResult;
+    }) => void;
+    trackEvent: ({ queryKey, data }: {
+        queryKey: string;
+        data: TrackableEventData;
+    }) => void;
+}, never>, Pick<{
+    trackSearch: ({ queryKey, query, type }: {
+        queryKey: string;
+        query: PublicQuery;
+        type?: AnalyticsEventType;
+    }) => void;
+    trackResults: ({ queryKey, results }: {
+        queryKey: string;
+        results: SearchQueryResult;
+    }) => void;
+    trackEvent: ({ queryKey, data }: {
+        queryKey: string;
+        data: TrackableEventData;
+    }) => void;
+}, "trackSearch" | "trackResults" | "trackEvent">>;

package/dist/src/types/AnalyticsOptions.d.ts

@@ -0,0 +1,14 @@
+export declare const PARENT_EVENT_NAME = "GetLupa";
+export type AnalyticsEventType = 'search_query' | 'search_form_submit' | 'autocomplete_suggestion_click' | 'autocomplete_product_click' | 'search_product_click' | 'search_zero_results' | 'search_filters' | 'search_add_to_cart' | 'view_item_list' | 'select_item' | 'product_recommendation_click';
+export type AnalyticsOptions = {
+    type: 'ua' | 'ga4' | 'debug';
+    enabled: boolean;
+    parentEventName: string;
+    ignoreEvents?: AnalyticsEventType[];
+    itemMap?: (item: Record<string, unknown>) => Record<string, unknown>;
+};
+export type ProductClickTrackingSettings = {
+    eventType?: AnalyticsEventType;
+    eventLabel?: string;
+    listLabel?: string;
+};

package/dist/src/types/DocumentElement.d.ts

@@ -0,0 +1,91 @@
+export declare enum DocumentElementType {
+    IMAGE = "image",
+    TITLE = "title",
+    CUSTOM = "custom",
+    DESCRIPTION = "description",
+    PRICE = "price",
+    REGULARPRICE = "regularPrice",
+    RATING = "rating",
+    SINGLE_STAR_RATING = "singleStarRating",
+    ADDTOCART = "addToCart",
+    CUSTOM_HTML = "customHtml"
+}
+export type DocumentElementBase<T = any> = {
+    type: DocumentElementType;
+    key?: string;
+    display?: (document: T) => boolean;
+    isHtml?: boolean;
+    group?: string;
+    dynamic?: boolean;
+};
+export type ImageDocumentElement<T = any> = DocumentElementBase<T> & {
+    type: DocumentElementType.IMAGE;
+    placeholder: string;
+    baseUrl?: string;
+    key: string;
+    customUrl?: (document: T) => string;
+};
+export type TitleDocumentElement<T = any> = DocumentElementBase<T> & {
+    type: DocumentElementType.TITLE;
+    maxLines: number;
+    link?: boolean;
+    key: string;
+};
+export type DescriptionDocumentElement<T = any> = DocumentElementBase<T> & {
+    type: DocumentElementType.DESCRIPTION;
+    maxLines: number;
+    key: string;
+    className: string;
+};
+export type CustomDocumentElement<T = any> = DocumentElementBase<T> & {
+    type: DocumentElementType.CUSTOM;
+    maxLines?: number;
+    className: string;
+    key: string;
+    label?: string;
+    action?: (document: T) => Promise<unknown> | undefined;
+};
+export type PriceElement<T = any> = DocumentElementBase<T> & {
+    type: DocumentElementType.PRICE;
+    key: string;
+};
+export type RegularPriceDocumentElement<T = any> = DocumentElementBase<T> & {
+    type: DocumentElementType.REGULARPRICE;
+    key: string;
+};
+export type RatingElement<T = any> = DocumentElementBase<T> & {
+    type: DocumentElementType.RATING;
+    labels: RatingLabels;
+    links: RatingLinks;
+    totalKey: string;
+    getRatingPercentage?: (doc: T) => number;
+    key: string;
+};
+export type SingleStarRatingElement<T = any> = DocumentElementBase<T> & {
+    type: DocumentElementType.SINGLE_STAR_RATING;
+    labels: RatingLabels;
+    links: RatingLinks;
+    key: string;
+    totalKey: string;
+    displayRating: (doc: T) => string;
+};
+export type RatingLabels = {
+    numberOfRatings: string;
+};
+export type RatingLinks = {
+    ratingDetails?: string;
+};
+export type AddToCartElement<T = any> = DocumentElementBase<T> & {
+    type: DocumentElementType.ADDTOCART;
+    action: (document: T, amount: number) => Promise<unknown> | undefined;
+    labels: {
+        addToCart: string;
+    };
+};
+export type CustomHtmlElement<T = any> = DocumentElementBase<T> & {
+    type: DocumentElementType.CUSTOM_HTML;
+    html: (document: T) => string;
+    className: string;
+    action?: (document: T) => Promise<unknown> | undefined;
+};
+export type DocumentElement = ImageDocumentElement | TitleDocumentElement | DescriptionDocumentElement | CustomDocumentElement | PriceElement | RegularPriceDocumentElement | RatingElement | SingleStarRatingElement | AddToCartElement | CustomHtmlElement;

package/dist/src/types/General.d.ts

@@ -0,0 +1,20 @@
+import type { AnalyticsOptions } from './AnalyticsOptions';
+import type { Environment as SdkEnvironment } from '@getlupa/client-sdk/Types';
+export type SdkOptions = {
+    environment: SdkEnvironment;
+    customBaseUrl?: string;
+    customUrl?: string;
+    customPayload?: Record<string, unknown>;
+    customHeaders?: Record<string, string>;
+    onError?: (err: unknown) => unknown;
+};
+export type TrackingOptions = {
+    trackBase?: boolean;
+    trackSession?: boolean;
+    trackUser?: boolean;
+    userKey?: string;
+    analytics?: AnalyticsOptions;
+};
+export type Environment = SdkEnvironment;
+export type SortDirection = 'asc' | 'desc';
+export type ScreenSize = 'xs' | 'sm' | 'md' | 'l' | 'xl';

package/dist/src/types/product-list/ProductListOptions.d.ts

@@ -0,0 +1,29 @@
+import type { FilterGroup } from '@getlupa/client-sdk/Types';
+import type { RoutingBehavior } from '../search-results/RoutingBehavior';
+import type { SearchResultsOptions } from '../search-results/SearchResultsOptions';
+export type CategoryFilterOptions = {
+    queryKey?: string;
+    routingBehavior?: RoutingBehavior;
+    keys: {
+        titleKey?: string;
+        urlKey?: string;
+    };
+    filters?: Record<string, string[]>;
+    back?: {
+        url: string;
+        title: string;
+    };
+    parent?: {
+        url?: string;
+        title?: string;
+    };
+    current?: {
+        title?: string;
+        description?: string;
+        descriptionTop?: string;
+    };
+};
+export type ProductListOptions = SearchResultsOptions & {
+    initialFilters?: FilterGroup;
+    categories?: CategoryFilterOptions;
+};

package/dist/src/types/recommendations/RecommendationsOptions.d.ts

@@ -0,0 +1,26 @@
+import type { SdkOptions } from '../General';
+import type { SearchResultsProductCardOptions } from '../search-results/SearchResultsProductCardOptions';
+export type RecommenderCarouselOptions = {
+    itemsToShow?: number;
+    snapAlign?: string;
+    scrollPerPage?: number;
+    breakpoints?: Record<number, RecommenderCarouselOptions>;
+};
+export type ProductRecommendationOptions = SearchResultsProductCardOptions & {
+    options: SdkOptions;
+} & {
+    containerSelector: string;
+    queryKey: string;
+    itemId: string;
+    abTesting?: RecommendationABTestingOptions;
+    carousel?: RecommenderCarouselOptions;
+};
+export type RecommendationABTestingOptions = {
+    enabled: boolean;
+    originalIds?: string[];
+    events?: {
+        lupaSearchEventName: string;
+        originalEventName: string;
+    };
+    oldRecommenderDisplayRatio?: number;
+};

package/dist/src/types/search-box/Common.d.ts

@@ -0,0 +1,51 @@
+import type { Document, Suggestion, ReportableEventType } from '@getlupa/client-sdk/Types';
+import type { AnalyticsEventType } from '../AnalyticsOptions';
+import type { SearchBoxPanelType } from './SearchBoxPanel';
+export type FetchedData = {
+    items: Document[] | Suggestion[];
+    type: SearchBoxPanelType;
+};
+export type InputSuggestion = {
+    item: Suggestion;
+    queryKey: string;
+    override: boolean;
+    facet?: InputSuggestionFacet;
+};
+export type InputSuggestionFacet = {
+    label?: string;
+    count?: number;
+    key: string;
+    title: string;
+};
+export type DisplaySuggestion = {
+    suggestion: Suggestion;
+    display: string;
+    displayHighlight: string;
+    facet?: InputSuggestionFacet;
+};
+export type SelectedData = {
+    item: Document | InputSuggestion;
+    type: SearchBoxPanelType;
+};
+export type TrackableEventData = {
+    type?: ReportableEventType;
+    searchQuery?: string;
+    itemId?: string;
+    analytics?: {
+        type: AnalyticsEventType;
+        label: string;
+        listLabel?: string;
+        items?: Record<string, unknown>[];
+        itemId?: string;
+    };
+    options?: {
+        allowEmptySearchQuery: boolean;
+    };
+};
+export type HighlightedDocInfo = {
+    doc?: Document;
+    link?: string;
+    queryKey?: string;
+    id?: unknown;
+    title?: string;
+};

package/dist/src/types/search-box/SearchBoxHistory.d.ts

@@ -0,0 +1,6 @@
+export type SearchBoxHistory = {
+    labels: HistoryLabel;
+};
+export type HistoryLabel = {
+    clear: string;
+};

package/dist/src/types/search-box/SearchBoxOptions.d.ts

@@ -0,0 +1,36 @@
+import type { SdkOptions } from '../General';
+import type { RoutingBehavior } from '../search-results/RoutingBehavior';
+import type { DynamicData } from '../search-results/SearchResultsOptions';
+import type { SearchBoxHistory } from './SearchBoxHistory';
+import type { SearchBoxPanel } from './SearchBoxPanel';
+export type SearchBoxOptions = SearchBoxPanelOptions & {
+    inputSelector: string;
+    searchTriggers?: string[];
+    routingBehavior?: RoutingBehavior;
+    dynamicData?: DynamicData;
+};
+export type SearchBoxOptionLabels = {
+    placeholder: string;
+    noResults: string;
+    moreResults: string;
+    currency: string;
+    priceSeparator?: string;
+    defaultFacetLabel?: string;
+    close?: string;
+};
+export type SearchBoxOptionLinks = {
+    searchResults: string;
+};
+export type SearchBoxInputOptions = {
+    minInputLength: number;
+    labels: SearchBoxOptionLabels;
+    links: SearchBoxOptionLinks;
+    inputAttributes?: Record<string, string>;
+};
+export type SearchBoxPanelOptions = SearchBoxInputOptions & {
+    history: SearchBoxHistory;
+    panels: SearchBoxPanel[];
+    options: SdkOptions;
+    debounce?: number;
+    showTotalCount?: boolean;
+};