@seekora-ai/ui-sdk-react 0.2.8 → 0.2.9

package/dist/src/index.d.ts

@@ -1074,6 +1074,10 @@ interface RichQuerySuggestionsProps extends QuerySuggestionsEventHandlers {
     debounceMs?: number;
     /** Include dropdown recommendations from API */
     includeDropdownRecommendations?: boolean;
+    /** When false, omit product hits list from dropdown (default true) */
+    includeDropdownProductList?: boolean;
+    /** When false, omit filtered_tabs from dropdown (default true) */
+    includeFilteredTabs?: boolean;
     /** Include categories in suggestions */
     includeCategories?: boolean;
     /** Max categories per suggestion */
@@ -1346,6 +1350,10 @@ interface UseQuerySuggestionsEnhancedOptions {
     minQueryLength?: number;
     /** Include dropdown recommendations (trending, products, etc.) */
     includeDropdownRecommendations?: boolean;
+    /** When false, omit product hits list from dropdown (default true) */
+    includeDropdownProductList?: boolean;
+    /** When false, omit filtered_tabs from dropdown extensions (default true) */
+    includeFilteredTabs?: boolean;
     /** Include categories in suggestions */
     includeCategories?: boolean;
     /** Include facets in suggestions */
@@ -2644,6 +2652,10 @@ interface SuggestionSearchBarProps {
     debounceMs?: number;
     /** Include dropdown recommendations (products, tabs, trending) */
     includeDropdownRecommendations?: boolean;
+    /** When false, omit product hits list from dropdown (default true) */
+    includeDropdownProductList?: boolean;
+    /** When false, omit filtered_tabs from dropdown (default true) */
+    includeFilteredTabs?: boolean;
     /** Include categories per suggestion */
     includeCategories?: boolean;
     /** Filtered tabs configuration */

package/dist/src/index.esm.js

@@ -4565,7 +4565,7 @@ function transformFilteredTab(raw) {
 // Main Hook
 // ============================================================================
 function useQuerySuggestionsEnhanced(options) {
-    const { client, query, enabled = true, debounceMs = 200, maxSuggestions = 10, minQueryLength = 1, includeDropdownRecommendations = false, includeCategories = true, includeFacets = false, maxCategories = 3, maxFacets = 5, filteredTabs, minPopularity, timeRange, disableTypoTolerance, analyticsTags, enableRecentSearches = true, maxRecentSearches = MAX_RECENT_SEARCHES_DEFAULT, recentSearchesKey = RECENT_SEARCHES_DEFAULT_KEY, onSuggestionsLoaded, onError, } = options;
+    const { client, query, enabled = true, debounceMs = 200, maxSuggestions = 10, minQueryLength = 1, includeDropdownRecommendations = false, includeDropdownProductList = true, includeFilteredTabs = true, includeCategories = true, includeFacets = false, maxCategories = 3, maxFacets = 5, filteredTabs, minPopularity, timeRange, disableTypoTolerance, analyticsTags, enableRecentSearches = true, maxRecentSearches = MAX_RECENT_SEARCHES_DEFAULT, recentSearchesKey = RECENT_SEARCHES_DEFAULT_KEY, onSuggestionsLoaded, onError, } = options;
     // State
     const [suggestions, setSuggestions] = useState([]);
     const [loading, setLoading] = useState(false);
@@ -4612,6 +4612,8 @@ function useQuerySuggestionsEnhanced(options) {
             const response = await client.getSuggestions?.(searchQuery, {
                 hitsPerPage: maxSuggestions,
                 include_dropdown_recommendations: includeDropdownRecommendations || (filteredTabs && filteredTabs.length > 0),
+                include_dropdown_product_list: includeDropdownProductList,
+                include_filtered_tabs: includeFilteredTabs,
                 include_categories: includeCategories,
                 include_facets: includeFacets,
                 max_categories: maxCategories,
@@ -4704,6 +4706,8 @@ function useQuerySuggestionsEnhanced(options) {
         minQueryLength,
         maxSuggestions,
         includeDropdownRecommendations,
+        includeDropdownProductList,
+        includeFilteredTabs,
         includeCategories,
         includeFacets,
         maxCategories,
@@ -5473,7 +5477,7 @@ const CloseIcon = () => (React.createElement("svg", { viewBox: "0 0 20 20", fill
 // Component
 // ============================================================================
 const RichQuerySuggestions = forwardRef(function RichQuerySuggestions(props, ref) {
-    const { query, isOpen = true, sections = DEFAULT_SECTIONS, maxSuggestionsPerSection = 8, minQueryLength = 0, debounceMs = 200, includeDropdownRecommendations = true, includeCategories = true, maxCategories = 3, showCounts = true, showCategoryCounts = true, showSectionHeaders = true, classNames = {}, style, renderSuggestion, renderCategory, renderTrendingItem, renderRecentItem, header, footer, width = '100%', maxHeight = '480px', zIndex = 1000, ariaLabel = 'Search suggestions', analyticsTags, onSuggestionSelect, onCategoryClick, onRecentSearchClick, onRecentSearchRemove, onViewAllClick, onOpen, onClose, } = props;
+    const { query, isOpen = true, sections = DEFAULT_SECTIONS, maxSuggestionsPerSection = 8, minQueryLength = 0, debounceMs = 200, includeDropdownRecommendations = true, includeDropdownProductList = true, includeFilteredTabs = true, includeCategories = true, maxCategories = 3, showCounts = true, showCategoryCounts = true, showSectionHeaders = true, classNames = {}, style, renderSuggestion, renderCategory, renderTrendingItem, renderRecentItem, header, footer, width = '100%', maxHeight = '480px', zIndex = 1000, ariaLabel = 'Search suggestions', analyticsTags, onSuggestionSelect, onCategoryClick, onRecentSearchClick, onRecentSearchRemove, onViewAllClick, onOpen, onClose, } = props;
     const { client } = useSearchContext();
     const containerRef = useRef(null);
     const [activeIndex, setActiveIndex] = useState(-1);
@@ -5487,6 +5491,8 @@ const RichQuerySuggestions = forwardRef(function RichQuerySuggestions(props, ref
         maxSuggestions: maxSuggestionsPerSection,
         minQueryLength,
         includeDropdownRecommendations,
+        includeDropdownProductList,
+        includeFilteredTabs,
         includeCategories,
         maxCategories,
         analyticsTags,
@@ -11790,7 +11796,7 @@ const createStyles = (isMobile) => ({
 // Component
 // ============================================================================
 const SuggestionSearchBar = forwardRef(function SuggestionSearchBar(props, ref) {
-    const { client, variant = 'amazon', autoMobileVariant = true, placeholder = 'Search...', defaultQuery = '', value, minQueryLength = 1, maxSuggestions = 8, debounceMs = 200, includeDropdownRecommendations = true, includeCategories = true, filteredTabs, analyticsTags, enableRecentSearches = true, maxRecentSearches = 10, showProducts = true, showTrendingOnEmpty = true, enableAnalytics = true, analyticsConfig, suggestionFields, productFields, theme, onSearch, onQueryChange, onSuggestionSelect, onProductClick, onCategoryClick, onTabChange, className, style, inputClassName, dropdownWidth, dropdownMaxHeight = '500px', zIndex = 1000, enableCache = true, cacheTtlMs = 30000, cacheMaxSize = 100, } = props;
+    const { client, variant = 'amazon', autoMobileVariant = true, placeholder = 'Search...', defaultQuery = '', value, minQueryLength = 1, maxSuggestions = 8, debounceMs = 200, includeDropdownRecommendations = true, includeDropdownProductList = true, includeFilteredTabs = true, includeCategories = true, filteredTabs, analyticsTags, enableRecentSearches = true, maxRecentSearches = 10, showProducts = true, showTrendingOnEmpty = true, enableAnalytics = true, analyticsConfig, suggestionFields, productFields, theme, onSearch, onQueryChange, onSuggestionSelect, onProductClick, onCategoryClick, onTabChange, className, style, inputClassName, dropdownWidth, dropdownMaxHeight = '500px', zIndex = 1000, enableCache = true, cacheTtlMs = 30000, cacheMaxSize = 100, } = props;
     // Theme: prop overrides context (SearchProvider theme)
     const searchContext = useSearchContext();
     const effectiveTheme = theme ?? searchContext.theme;
@@ -11873,6 +11879,8 @@ const SuggestionSearchBar = forwardRef(function SuggestionSearchBar(props, ref)
         const cacheOptions = {
             maxSuggestions,
             includeDropdownRecommendations,
+            includeDropdownProductList,
+            includeFilteredTabs,
             includeCategories,
             filteredTabs: filteredTabs?.map(t => t.filter).join(','),
         };
@@ -11893,6 +11901,8 @@ const SuggestionSearchBar = forwardRef(function SuggestionSearchBar(props, ref)
             const response = await client.getSuggestions?.(searchQuery, {
                 hitsPerPage: maxSuggestions,
                 include_dropdown_recommendations: includeDropdownRecommendations,
+                include_dropdown_product_list: includeDropdownProductList,
+                include_filtered_tabs: includeFilteredTabs,
                 include_categories: includeCategories,
                 filtered_tabs: filteredTabs,
                 analytics_tags: analyticsTags,
@@ -11931,7 +11941,7 @@ const SuggestionSearchBar = forwardRef(function SuggestionSearchBar(props, ref)
         finally {
             setLoading(false);
         }
-    }, [client, minQueryLength, maxSuggestions, includeDropdownRecommendations, includeCategories, filteredTabs, analyticsTags, enableAnalytics, analytics, cache]);
+    }, [client, minQueryLength, maxSuggestions, includeDropdownRecommendations, includeDropdownProductList, includeFilteredTabs, includeCategories, filteredTabs, analyticsTags, enableAnalytics, analytics, cache]);
     // Parse API response - handles multiple response formats
     const parseAndSetData = useCallback((response) => {
         // Handle different response structures from the API/SDK