react-instantsearch 7.26.1 → 7.28.0

package/dist/cjs/widgets/Autocomplete.js

@@ -1,69 +1,84 @@
 'use strict';
 
-var _object_spread = require('@swc/helpers/_/_object_spread');
-var _object_spread_props = require('@swc/helpers/_/_object_spread_props');
-var _object_without_properties = require('@swc/helpers/_/_object_without_properties');
-var _sliced_to_array = require('@swc/helpers/_/_sliced_to_array');
-var _to_consumable_array = require('@swc/helpers/_/_to_consumable_array');
-var _type_of = require('@swc/helpers/_/_type_of');
-var instantsearchUiComponents = require('instantsearch-ui-components');
-var React = require('react');
-var reactInstantsearchCore = require('react-instantsearch-core');
-var AutocompleteSearch = require('../components/AutocompleteSearch.js');
-var ReverseHighlight = require('./ReverseHighlight.js');
-
-var Autocomplete = instantsearchUiComponents.createAutocompleteComponent({
-    createElement: React.createElement,
-    Fragment: React.Fragment
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "EXPERIMENTAL_Autocomplete", {
+    enumerable: true,
+    get: function() {
+        return EXPERIMENTAL_Autocomplete;
+    }
+});
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _to_consumable_array = require("@swc/helpers/_/_to_consumable_array");
+var _type_of = require("@swc/helpers/_/_type_of");
+var _instantsearchuicomponents = require("instantsearch-ui-components");
+require("instantsearch.js/cjs/lib/utils");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+var _reactinstantsearchcore = require("react-instantsearch-core");
+var _AutocompleteSearch = require("../components/AutocompleteSearch");
+var _Highlight = require("./Highlight");
+var _ReverseHighlight = require("./ReverseHighlight");
+var Autocomplete = (0, _instantsearchuicomponents.createAutocompleteComponent)({
+    createElement: _react.createElement,
+    Fragment: _react.Fragment
+});
+var AutocompletePanel = (0, _instantsearchuicomponents.createAutocompletePanelComponent)({
+    createElement: _react.createElement,
+    Fragment: _react.Fragment
 });
-var AutocompletePanel = instantsearchUiComponents.createAutocompletePanelComponent({
-    createElement: React.createElement,
-    Fragment: React.Fragment
+var AutocompleteIndex = (0, _instantsearchuicomponents.createAutocompleteIndexComponent)({
+    createElement: _react.createElement,
+    Fragment: _react.Fragment
 });
-var AutocompleteIndex = instantsearchUiComponents.createAutocompleteIndexComponent({
-    createElement: React.createElement,
-    Fragment: React.Fragment
+var AutocompleteSuggestion = (0, _instantsearchuicomponents.createAutocompleteSuggestionComponent)({
+    createElement: _react.createElement,
+    Fragment: _react.Fragment
 });
-var AutocompleteSuggestion = instantsearchUiComponents.createAutocompleteSuggestionComponent({
-    createElement: React.createElement,
-    Fragment: React.Fragment
+var AutocompletePromptSuggestion = (0, _instantsearchuicomponents.createAutocompletePromptSuggestionComponent)({
+    createElement: _react.createElement,
+    Fragment: _react.Fragment
 });
-var AutocompleteRecentSearch = instantsearchUiComponents.createAutocompleteRecentSearchComponent({
-    createElement: React.createElement,
-    Fragment: React.Fragment
+var AutocompleteRecentSearch = (0, _instantsearchuicomponents.createAutocompleteRecentSearchComponent)({
+    createElement: _react.createElement,
+    Fragment: _react.Fragment
 });
-var AutocompleteDetachedContainer = instantsearchUiComponents.createAutocompleteDetachedContainerComponent({
-    createElement: React.createElement,
-    Fragment: React.Fragment
+var AutocompleteDetachedContainer = (0, _instantsearchuicomponents.createAutocompleteDetachedContainerComponent)({
+    createElement: _react.createElement,
+    Fragment: _react.Fragment
 });
-var AutocompleteDetachedOverlay = instantsearchUiComponents.createAutocompleteDetachedOverlayComponent({
-    createElement: React.createElement,
-    Fragment: React.Fragment
+var AutocompleteDetachedOverlay = (0, _instantsearchuicomponents.createAutocompleteDetachedOverlayComponent)({
+    createElement: _react.createElement,
+    Fragment: _react.Fragment
 });
-var AutocompleteDetachedFormContainer = instantsearchUiComponents.createAutocompleteDetachedFormContainerComponent({
-    createElement: React.createElement,
-    Fragment: React.Fragment
+var AutocompleteDetachedFormContainer = (0, _instantsearchuicomponents.createAutocompleteDetachedFormContainerComponent)({
+    createElement: _react.createElement,
+    Fragment: _react.Fragment
 });
-var AutocompleteDetachedSearchButton = instantsearchUiComponents.createAutocompleteDetachedSearchButtonComponent({
-    createElement: React.createElement,
-    Fragment: React.Fragment
+var AutocompleteDetachedSearchButton = (0, _instantsearchuicomponents.createAutocompleteDetachedSearchButtonComponent)({
+    createElement: _react.createElement,
+    Fragment: _react.Fragment
 });
 var id = 0;
-var usePropGetters = instantsearchUiComponents.createAutocompletePropGetters({
-    useEffect: React.useEffect,
-    useId: React.useId || function() {
-        return React.useState(function() {
+var usePropGetters = (0, _instantsearchuicomponents.createAutocompletePropGetters)({
+    useEffect: _react.useEffect,
+    useId: _react.default.useId || function() {
+        return _react.default.useState(function() {
             return (id++).toString();
         });
     },
-    useMemo: React.useMemo,
-    useRef: React.useRef,
-    useState: React.useState
+    useMemo: _react.useMemo,
+    useRef: _react.useRef,
+    useState: _react.useState
 });
-var useStorage = instantsearchUiComponents.createAutocompleteStorage({
-    useEffect: React.useEffect,
-    useMemo: React.useMemo,
-    useState: React.useState
+var useStorage = (0, _instantsearchuicomponents.createAutocompleteStorage)({
+    useEffect: _react.useEffect,
+    useMemo: _react.useMemo,
+    useState: _react.useState
 });
 var DEFAULT_DETACHED_MEDIA_QUERY = '(max-width: 680px)';
 var DEFAULT_DETACHED_MODAL_MEDIA_QUERY = '(min-width: 680px)';
@@ -98,18 +113,18 @@ function getMediaQueryList(mediaQuery) {
 /**
  * Hook to manage detached (mobile) mode state
  */ function useDetachedMode(mediaQuery) {
-    var resolvedMediaQuery = React.useMemo(function() {
+    var resolvedMediaQuery = (0, _react.useMemo)(function() {
         return resolveMediaQuery(mediaQuery, DETACHED_MEDIA_QUERY_CSS_VAR, DEFAULT_DETACHED_MEDIA_QUERY);
     }, [
         mediaQuery
     ]);
-    var _useState = _sliced_to_array._(React.useState(function() {
+    var _useState = _sliced_to_array._((0, _react.useState)(function() {
         var _getMediaQueryList;
         return resolvedMediaQuery ? Boolean((_getMediaQueryList = getMediaQueryList(resolvedMediaQuery)) === null || _getMediaQueryList === void 0 ? void 0 : _getMediaQueryList.matches) : false;
     }), 2), isDetached = _useState[0], setIsDetached = _useState[1];
-    var _useState1 = _sliced_to_array._(React.useState(false), 2), isModalOpen = _useState1[0], setIsModalOpen = _useState1[1];
-    var _useState2 = _sliced_to_array._(React.useState(false), 2), isModalDetached = _useState2[0], setIsModalDetached = _useState2[1];
-    React.useEffect(function() {
+    var _useState1 = _sliced_to_array._((0, _react.useState)(false), 2), isModalOpen = _useState1[0], setIsModalOpen = _useState1[1];
+    var _useState2 = _sliced_to_array._((0, _react.useState)(false), 2), isModalDetached = _useState2[0], setIsModalDetached = _useState2[1];
+    (0, _react.useEffect)(function() {
         if (!resolvedMediaQuery) {
             setIsDetached(false);
             return function() {};
@@ -135,7 +150,7 @@ function getMediaQueryList(mediaQuery) {
         resolvedMediaQuery,
         isDetached
     ]);
-    React.useEffect(function() {
+    (0, _react.useEffect)(function() {
         if (!isDetached) {
             setIsModalDetached(false);
             return function() {};
@@ -161,7 +176,7 @@ function getMediaQueryList(mediaQuery) {
     }, [
         isDetached
     ]);
-    React.useEffect(function() {
+    (0, _react.useEffect)(function() {
         if (typeof document === 'undefined') return function() {};
         if (isModalOpen) {
             var scrollY = window.scrollY;
@@ -185,9 +200,10 @@ function getMediaQueryList(mediaQuery) {
     };
 }
 function EXPERIMENTAL_Autocomplete(_0) {
-    var _0_indices = _0.indices, indices = _0_indices === void 0 ? [] : _0_indices, showSuggestions = _0.showSuggestions, showRecent = _0.showRecent, userSearchParameters = _0.searchParameters, detachedMediaQuery = _0.detachedMediaQuery, tmp = _0.translations, userTranslations = tmp === void 0 ? {} : tmp, props = _object_without_properties._(_0, [
+    var _0_indices = _0.indices, indices = _0_indices === void 0 ? [] : _0_indices, showQuerySuggestions = _0.showQuerySuggestions, showPromptSuggestions = _0.showPromptSuggestions, showRecent = _0.showRecent, userSearchParameters = _0.searchParameters, detachedMediaQuery = _0.detachedMediaQuery, tmp = _0.translations, userTranslations = tmp === void 0 ? {} : tmp, props = _object_without_properties._(_0, [
         "indices",
-        "showSuggestions",
+        "showQuerySuggestions",
+        "showPromptSuggestions",
         "showRecent",
         "searchParameters",
         "detachedMediaQuery",
@@ -195,8 +211,8 @@ function EXPERIMENTAL_Autocomplete(_0) {
     ]);
     var _showRecent_classNames, _showRecent_classNames1, _showRecent_classNames2, _showRecent_classNames3;
     var translations = _object_spread._({}, DEFAULT_TRANSLATIONS, userTranslations);
-    var _useInstantSearch = reactInstantsearchCore.useInstantSearch(), indexUiState = _useInstantSearch.indexUiState, indexRenderState = _useInstantSearch.indexRenderState, status = _useInstantSearch.status;
-    var refine = reactInstantsearchCore.useSearchBox({}, {
+    var _useInstantSearch = (0, _reactinstantsearchcore.useInstantSearch)(), indexUiState = _useInstantSearch.indexUiState, indexRenderState = _useInstantSearch.indexRenderState, status = _useInstantSearch.status;
+    var refine = (0, _reactinstantsearchcore.useSearchBox)({}, {
         $$type: 'ais.autocomplete',
         $$widgetType: 'ais.autocomplete'
     }).refine;
@@ -205,56 +221,89 @@ function EXPERIMENTAL_Autocomplete(_0) {
         hitsPerPage: 5
     }, userSearchParameters);
     var indicesConfig = _to_consumable_array._(indices);
-    if (showSuggestions === null || showSuggestions === void 0 ? void 0 : showSuggestions.indexName) {
-        var _showSuggestions_classNames, _showSuggestions_classNames1, _showSuggestions_classNames2, _showSuggestions_classNames3;
+    if (showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : showQuerySuggestions.indexName) {
+        var _showQuerySuggestions_classNames, _showQuerySuggestions_classNames1, _showQuerySuggestions_classNames2, _showQuerySuggestions_classNames3;
         indicesConfig.unshift({
-            indexName: showSuggestions.indexName,
-            headerComponent: showSuggestions.headerComponent,
-            itemComponent: showSuggestions.itemComponent || function(param) {
+            indexName: showQuerySuggestions.indexName,
+            headerComponent: showQuerySuggestions.headerComponent,
+            itemComponent: showQuerySuggestions.itemComponent || function(param) {
                 var item = param.item, onSelect = param.onSelect, onApply = param.onApply;
-                return /*#__PURE__*/ React.createElement(AutocompleteSuggestion, {
+                return /*#__PURE__*/ _react.default.createElement(AutocompleteSuggestion, {
                     item: item,
                     onSelect: onSelect,
                     onApply: onApply
-                }, /*#__PURE__*/ React.createElement(ConditionalReverseHighlight, {
+                }, /*#__PURE__*/ _react.default.createElement(ConditionalReverseHighlight, {
                     item: item
                 }));
             },
             classNames: {
-                root: instantsearchUiComponents.cx('ais-AutocompleteSuggestions', showSuggestions === null || showSuggestions === void 0 ? void 0 : (_showSuggestions_classNames = showSuggestions.classNames) === null || _showSuggestions_classNames === void 0 ? void 0 : _showSuggestions_classNames.root),
-                list: instantsearchUiComponents.cx('ais-AutocompleteSuggestionsList', showSuggestions === null || showSuggestions === void 0 ? void 0 : (_showSuggestions_classNames1 = showSuggestions.classNames) === null || _showSuggestions_classNames1 === void 0 ? void 0 : _showSuggestions_classNames1.list),
-                header: instantsearchUiComponents.cx('ais-AutocompleteSuggestionsHeader', showSuggestions === null || showSuggestions === void 0 ? void 0 : (_showSuggestions_classNames2 = showSuggestions.classNames) === null || _showSuggestions_classNames2 === void 0 ? void 0 : _showSuggestions_classNames2.header),
-                item: instantsearchUiComponents.cx('ais-AutocompleteSuggestionsItem', showSuggestions === null || showSuggestions === void 0 ? void 0 : (_showSuggestions_classNames3 = showSuggestions.classNames) === null || _showSuggestions_classNames3 === void 0 ? void 0 : _showSuggestions_classNames3.item)
+                root: (0, _instantsearchuicomponents.cx)('ais-AutocompleteSuggestions', showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : (_showQuerySuggestions_classNames = showQuerySuggestions.classNames) === null || _showQuerySuggestions_classNames === void 0 ? void 0 : _showQuerySuggestions_classNames.root),
+                list: (0, _instantsearchuicomponents.cx)('ais-AutocompleteSuggestionsList', showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : (_showQuerySuggestions_classNames1 = showQuerySuggestions.classNames) === null || _showQuerySuggestions_classNames1 === void 0 ? void 0 : _showQuerySuggestions_classNames1.list),
+                header: (0, _instantsearchuicomponents.cx)('ais-AutocompleteSuggestionsHeader', showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : (_showQuerySuggestions_classNames2 = showQuerySuggestions.classNames) === null || _showQuerySuggestions_classNames2 === void 0 ? void 0 : _showQuerySuggestions_classNames2.header),
+                item: (0, _instantsearchuicomponents.cx)('ais-AutocompleteSuggestionsItem', showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : (_showQuerySuggestions_classNames3 = showQuerySuggestions.classNames) === null || _showQuerySuggestions_classNames3 === void 0 ? void 0 : _showQuerySuggestions_classNames3.item)
             },
+            searchParameters: _object_spread._({
+                hitsPerPage: 3
+            }, showQuerySuggestions.searchParameters),
             getQuery: function getQuery(item) {
                 return item.query;
             },
-            getURL: showSuggestions.getURL
+            getURL: showQuerySuggestions.getURL
+        });
+    }
+    if (showPromptSuggestions === null || showPromptSuggestions === void 0 ? void 0 : showPromptSuggestions.indexName) {
+        var _showPromptSuggestions_classNames, _showPromptSuggestions_classNames1, _showPromptSuggestions_classNames2, _showPromptSuggestions_classNames3;
+        indicesConfig.push({
+            indexName: showPromptSuggestions.indexName,
+            headerComponent: showPromptSuggestions.headerComponent,
+            itemComponent: showPromptSuggestions.itemComponent || function(param) {
+                var item = param.item, onSelect = param.onSelect;
+                return /*#__PURE__*/ _react.default.createElement(AutocompletePromptSuggestion, {
+                    item: item,
+                    onSelect: onSelect
+                }, /*#__PURE__*/ _react.default.createElement(ConditionalHighlight, {
+                    item: item,
+                    attribute: "prompt"
+                }));
+            },
+            classNames: {
+                root: (0, _instantsearchuicomponents.cx)('ais-AutocompletePromptSuggestions', (_showPromptSuggestions_classNames = showPromptSuggestions.classNames) === null || _showPromptSuggestions_classNames === void 0 ? void 0 : _showPromptSuggestions_classNames.root),
+                list: (0, _instantsearchuicomponents.cx)('ais-AutocompletePromptSuggestionsList', (_showPromptSuggestions_classNames1 = showPromptSuggestions.classNames) === null || _showPromptSuggestions_classNames1 === void 0 ? void 0 : _showPromptSuggestions_classNames1.list),
+                header: (0, _instantsearchuicomponents.cx)('ais-AutocompletePromptSuggestionsHeader', (_showPromptSuggestions_classNames2 = showPromptSuggestions.classNames) === null || _showPromptSuggestions_classNames2 === void 0 ? void 0 : _showPromptSuggestions_classNames2.header),
+                item: (0, _instantsearchuicomponents.cx)('ais-AutocompletePromptSuggestionsItem', (_showPromptSuggestions_classNames3 = showPromptSuggestions.classNames) === null || _showPromptSuggestions_classNames3 === void 0 ? void 0 : _showPromptSuggestions_classNames3.item)
+            },
+            searchParameters: _object_spread._({
+                hitsPerPage: 3
+            }, showPromptSuggestions.searchParameters),
+            getQuery: function getQuery(item) {
+                return item.prompt;
+            },
+            getURL: showPromptSuggestions.getURL
         });
     }
     var recentSearchConfig = showRecent ? {
         headerComponent: (typeof showRecent === "undefined" ? "undefined" : _type_of._(showRecent)) === 'object' ? showRecent.headerComponent : undefined,
         itemComponent: (typeof showRecent === "undefined" ? "undefined" : _type_of._(showRecent)) === 'object' && showRecent.itemComponent ? showRecent.itemComponent : AutocompleteRecentSearch,
         classNames: {
-            root: instantsearchUiComponents.cx('ais-AutocompleteRecentSearches', (typeof showRecent === "undefined" ? "undefined" : _type_of._(showRecent)) === 'object' ? (_showRecent_classNames = showRecent.classNames) === null || _showRecent_classNames === void 0 ? void 0 : _showRecent_classNames.root : undefined),
-            list: instantsearchUiComponents.cx('ais-AutocompleteRecentSearchesList', (typeof showRecent === "undefined" ? "undefined" : _type_of._(showRecent)) === 'object' ? (_showRecent_classNames1 = showRecent.classNames) === null || _showRecent_classNames1 === void 0 ? void 0 : _showRecent_classNames1.list : undefined),
-            header: instantsearchUiComponents.cx('ais-AutocompleteRecentSearchesHeader', (typeof showRecent === "undefined" ? "undefined" : _type_of._(showRecent)) === 'object' ? (_showRecent_classNames2 = showRecent.classNames) === null || _showRecent_classNames2 === void 0 ? void 0 : _showRecent_classNames2.header : undefined),
-            item: instantsearchUiComponents.cx('ais-AutocompleteRecentSearchesItem', (typeof showRecent === "undefined" ? "undefined" : _type_of._(showRecent)) === 'object' ? (_showRecent_classNames3 = showRecent.classNames) === null || _showRecent_classNames3 === void 0 ? void 0 : _showRecent_classNames3.item : undefined)
+            root: (0, _instantsearchuicomponents.cx)('ais-AutocompleteRecentSearches', (typeof showRecent === "undefined" ? "undefined" : _type_of._(showRecent)) === 'object' ? (_showRecent_classNames = showRecent.classNames) === null || _showRecent_classNames === void 0 ? void 0 : _showRecent_classNames.root : undefined),
+            list: (0, _instantsearchuicomponents.cx)('ais-AutocompleteRecentSearchesList', (typeof showRecent === "undefined" ? "undefined" : _type_of._(showRecent)) === 'object' ? (_showRecent_classNames1 = showRecent.classNames) === null || _showRecent_classNames1 === void 0 ? void 0 : _showRecent_classNames1.list : undefined),
+            header: (0, _instantsearchuicomponents.cx)('ais-AutocompleteRecentSearchesHeader', (typeof showRecent === "undefined" ? "undefined" : _type_of._(showRecent)) === 'object' ? (_showRecent_classNames2 = showRecent.classNames) === null || _showRecent_classNames2 === void 0 ? void 0 : _showRecent_classNames2.header : undefined),
+            item: (0, _instantsearchuicomponents.cx)('ais-AutocompleteRecentSearchesItem', (typeof showRecent === "undefined" ? "undefined" : _type_of._(showRecent)) === 'object' ? (_showRecent_classNames3 = showRecent.classNames) === null || _showRecent_classNames3 === void 0 ? void 0 : _showRecent_classNames3.item : undefined)
         }
     } : undefined;
-    var isSearchPage = React.useMemo(function() {
+    var isSearchPage = (0, _react.useMemo)(function() {
         return typeof indexRenderState.hits !== 'undefined' || typeof indexRenderState.infiniteHits !== 'undefined';
     }, [
         indexRenderState
     ]);
-    return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement(reactInstantsearchCore.Index, {
+    return /*#__PURE__*/ _react.default.createElement(_react.Fragment, null, /*#__PURE__*/ _react.default.createElement(_reactinstantsearchcore.Index, {
         EXPERIMENTAL_isolated: true
-    }, /*#__PURE__*/ React.createElement(reactInstantsearchCore.Configure, searchParameters), indicesConfig.map(function(index) {
-        return /*#__PURE__*/ React.createElement(reactInstantsearchCore.Index, {
+    }, /*#__PURE__*/ _react.default.createElement(_reactinstantsearchcore.Configure, searchParameters), indicesConfig.map(function(index) {
+        return /*#__PURE__*/ _react.default.createElement(_reactinstantsearchcore.Index, {
             key: index.indexName,
             indexName: index.indexName
-        }, /*#__PURE__*/ React.createElement(reactInstantsearchCore.Configure, index.searchParameters));
-    }), /*#__PURE__*/ React.createElement(InnerAutocomplete, _object_spread_props._(_object_spread._({}, props), {
+        }, /*#__PURE__*/ _react.default.createElement(_reactinstantsearchcore.Configure, index.searchParameters));
+    }), /*#__PURE__*/ _react.default.createElement(InnerAutocomplete, _object_spread_props._(_object_spread._({}, props), {
         indicesConfig: indicesConfig,
         refineSearchBox: refine,
         isSearchStalled: isSearchStalled,
@@ -262,13 +311,15 @@ function EXPERIMENTAL_Autocomplete(_0) {
         isSearchPage: isSearchPage,
         showRecent: showRecent,
         recentSearchConfig: recentSearchConfig,
-        showSuggestions: showSuggestions,
+        showQuerySuggestions: showQuerySuggestions,
         detachedMediaQuery: detachedMediaQuery,
-        translations: translations
+        translations: translations,
+        showPromptSuggestions: showPromptSuggestions,
+        chatRenderState: indexRenderState.chat
     }))));
 }
 function InnerAutocomplete(_0) {
-    var indicesConfig = _0.indicesConfig, refineSearchBox = _0.refineSearchBox, isSearchStalled = _0.isSearchStalled, getSearchPageURL = _0.getSearchPageURL, userOnSelect = _0.onSelect, indexUiState = _0.indexUiState, isSearchPage = _0.isSearchPage, PanelComponent = _0.panelComponent, showRecent = _0.showRecent, recentSearchConfig = _0.recentSearchConfig, showSuggestions = _0.showSuggestions, transformItems = _0.transformItems, placeholder = _0.placeholder, _0_detachedMediaQuery = _0.detachedMediaQuery, detachedMediaQuery = _0_detachedMediaQuery === void 0 ? DEFAULT_DETACHED_MEDIA_QUERY : _0_detachedMediaQuery, translations = _0.translations, classNames = _0.classNames, props = _object_without_properties._(_0, [
+    var indicesConfig = _0.indicesConfig, refineSearchBox = _0.refineSearchBox, isSearchStalled = _0.isSearchStalled, getSearchPageURL = _0.getSearchPageURL, userOnSelect = _0.onSelect, indexUiState = _0.indexUiState, isSearchPage = _0.isSearchPage, PanelComponent = _0.panelComponent, showRecent = _0.showRecent, recentSearchConfig = _0.recentSearchConfig, showQuerySuggestions = _0.showQuerySuggestions, showPromptSuggestions = _0.showPromptSuggestions, chatRenderState = _0.chatRenderState, transformItems = _0.transformItems, placeholder = _0.placeholder, autoFocus = _0.autoFocus, _0_detachedMediaQuery = _0.detachedMediaQuery, detachedMediaQuery = _0_detachedMediaQuery === void 0 ? DEFAULT_DETACHED_MEDIA_QUERY : _0_detachedMediaQuery, translations = _0.translations, classNames = _0.classNames, props = _object_without_properties._(_0, [
         "indicesConfig",
         "refineSearchBox",
         "isSearchStalled",
@@ -279,27 +330,88 @@ function InnerAutocomplete(_0) {
         "panelComponent",
         "showRecent",
         "recentSearchConfig",
-        "showSuggestions",
+        "showQuerySuggestions",
+        "showPromptSuggestions",
+        "chatRenderState",
         "transformItems",
         "placeholder",
+        "autoFocus",
         "detachedMediaQuery",
         "translations",
         "classNames"
     ]);
-    var _useAutocomplete = reactInstantsearchCore.useAutocomplete({
+    var _ref;
+    var _showPromptSuggestions_searchParameters;
+    var _useAutocomplete = (0, _reactinstantsearchcore.useAutocomplete)({
         transformItems: transformItems
     }), indices = _useAutocomplete.indices, refineAutocomplete = _useAutocomplete.refine, currentRefinement = _useAutocomplete.currentRefinement;
     var _useDetachedMode = useDetachedMode(detachedMediaQuery), isDetached = _useDetachedMode.isDetached, isModalDetached = _useDetachedMode.isModalDetached, isModalOpen = _useDetachedMode.isModalOpen, setIsModalOpen = _useDetachedMode.setIsModalOpen;
-    var previousIsDetachedRef = React.useRef(isDetached);
+    var previousIsDetachedRef = (0, _react.useRef)(isDetached);
     var _useStorage = useStorage({
         showRecent: showRecent,
         query: currentRefinement,
         indices: indices,
         indicesConfig: indicesConfig,
-        suggestionsIndexName: showSuggestions === null || showSuggestions === void 0 ? void 0 : showSuggestions.indexName
+        suggestionsIndexName: showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : showQuerySuggestions.indexName
     }), storage = _useStorage.storage, storageHits = _useStorage.storageHits, indicesForPropGetters = _useStorage.indicesForPropGetters, indicesConfigForPropGetters = _useStorage.indicesConfigForPropGetters;
+    var promptSuggestionsIndexName = showPromptSuggestions === null || showPromptSuggestions === void 0 ? void 0 : showPromptSuggestions.indexName;
+    var promptSuggestionsLimit = (_ref = showPromptSuggestions === null || showPromptSuggestions === void 0 ? void 0 : (_showPromptSuggestions_searchParameters = showPromptSuggestions.searchParameters) === null || _showPromptSuggestions_searchParameters === void 0 ? void 0 : _showPromptSuggestions_searchParameters.hitsPerPage) !== null && _ref !== void 0 ? _ref : 3;
+    var indicesForPanel = (0, _react.useMemo)(function() {
+        return indices.map(function(index) {
+            var dedupedHits = index.indexName === (showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : showQuerySuggestions.indexName) && showRecent ? index.hits.filter(function(suggestionHit) {
+                return !storageHits.find(function(storageHit) {
+                    return storageHit.query === suggestionHit.query;
+                });
+            }) : index.hits;
+            if (index.indexName !== promptSuggestionsIndexName) {
+                return _object_spread_props._(_object_spread._({}, index), {
+                    hits: dedupedHits
+                });
+            }
+            return _object_spread_props._(_object_spread._({}, index), {
+                hits: (0, _instantsearchuicomponents.getPromptSuggestionHits)({
+                    hits: dedupedHits,
+                    limit: promptSuggestionsLimit
+                })
+            });
+        });
+    }, [
+        indices,
+        promptSuggestionsIndexName,
+        promptSuggestionsLimit,
+        showRecent,
+        showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : showQuerySuggestions.indexName,
+        storageHits
+    ]);
+    var indicesForPropGettersWithPromptSuggestions = (0, _react.useMemo)(function() {
+        return indicesForPropGetters.map(function(index) {
+            if (index.indexName !== promptSuggestionsIndexName) {
+                return index;
+            }
+            return _object_spread_props._(_object_spread._({}, index), {
+                hits: (0, _instantsearchuicomponents.getPromptSuggestionHits)({
+                    hits: index.hits,
+                    limit: promptSuggestionsLimit
+                })
+            });
+        });
+    }, [
+        indicesForPropGetters,
+        promptSuggestionsIndexName,
+        promptSuggestionsLimit
+    ]);
+    (0, _react.useRef)(false);
+    var allIndicesEmpty = indicesForPanel.every(function(param) {
+        var hits = param.hits;
+        return hits.length === 0;
+    });
+    var recentEmpty = !storageHits || storageHits.length === 0;
+    var hasNoResultsTemplate = indicesConfig.some(function(c) {
+        return c.noResultsComponent !== undefined;
+    });
+    var shouldHideEmptyPanel = allIndicesEmpty && recentEmpty && !hasNoResultsTemplate && !PanelComponent;
     var _usePropGetters = usePropGetters({
-        indices: indicesForPropGetters,
+        indices: indicesForPropGettersWithPromptSuggestions,
         indicesConfig: indicesConfigForPropGetters,
         onRefine: function onRefine(query) {
             refineAutocomplete(query);
@@ -310,7 +422,19 @@ function InnerAutocomplete(_0) {
             refineAutocomplete(query);
         },
         onSelect: userOnSelect !== null && userOnSelect !== void 0 ? userOnSelect : function(param) {
-            var query = param.query, setQuery = param.setQuery, url = param.url;
+            var item = param.item, query = param.query, setQuery = param.setQuery, url = param.url;
+            if ((0, _instantsearchuicomponents.isPromptSuggestion)(item)) {
+                var chatRenderStateWithFocus = chatRenderState;
+                if (chatRenderStateWithFocus) {
+                    var _chatRenderStateWithFocus_setOpen, _chatRenderStateWithFocus_focusInput, _chatRenderStateWithFocus_sendMessage;
+                    (_chatRenderStateWithFocus_setOpen = chatRenderStateWithFocus.setOpen) === null || _chatRenderStateWithFocus_setOpen === void 0 ? void 0 : _chatRenderStateWithFocus_setOpen.call(chatRenderStateWithFocus, true);
+                    (_chatRenderStateWithFocus_focusInput = chatRenderStateWithFocus.focusInput) === null || _chatRenderStateWithFocus_focusInput === void 0 ? void 0 : _chatRenderStateWithFocus_focusInput.call(chatRenderStateWithFocus);
+                    (_chatRenderStateWithFocus_sendMessage = chatRenderStateWithFocus.sendMessage) === null || _chatRenderStateWithFocus_sendMessage === void 0 ? void 0 : _chatRenderStateWithFocus_sendMessage.call(chatRenderStateWithFocus, {
+                        text: item.prompt
+                    });
+                    return;
+                }
+            }
             if (url) {
                 window.location.href = url;
                 return;
@@ -330,10 +454,12 @@ function InnerAutocomplete(_0) {
             }
         },
         placeholder: placeholder,
-        isDetached: isDetached
+        isDetached: isDetached,
+        shouldHidePanel: shouldHideEmptyPanel,
+        autoFocus: autoFocus
     }), getInputProps = _usePropGetters.getInputProps, getItemProps = _usePropGetters.getItemProps, getPanelProps = _usePropGetters.getPanelProps, getRootProps = _usePropGetters.getRootProps, isOpen = _usePropGetters.isOpen, setIsOpen = _usePropGetters.setIsOpen, focusInput = _usePropGetters.focusInput;
     // Open panel and focus input when modal opens
-    React.useEffect(function() {
+    (0, _react.useEffect)(function() {
         if (isDetached && isModalOpen) {
             setIsOpen(true);
             // Focus input to show the keyboard on mobile
@@ -346,7 +472,7 @@ function InnerAutocomplete(_0) {
         focusInput
     ]);
     // Keep the modal open if the panel was open before switching to detached
-    React.useEffect(function() {
+    (0, _react.useEffect)(function() {
         var wasDetached = previousIsDetachedRef.current;
         var switchedToDetached = !wasDetached && isDetached;
         if (switchedToDetached && isOpen) {
@@ -361,19 +487,19 @@ function InnerAutocomplete(_0) {
     var elements = {};
     if (showRecent && recentSearchConfig) {
         var RecentSearchItemComponent = recentSearchConfig.itemComponent;
-        elements.recent = /*#__PURE__*/ React.createElement(AutocompleteIndex, {
+        elements.recent = /*#__PURE__*/ _react.default.createElement(AutocompleteIndex, {
             HeaderComponent: recentSearchConfig.headerComponent,
             // @ts-ignore - there seems to be problems with React.ComponentType and this, but it's actually correct
             ItemComponent: function ItemComponent(param) {
                 var item = param.item, onSelect = param.onSelect, onApply = param.onApply;
-                return /*#__PURE__*/ React.createElement(RecentSearchItemComponent, {
+                return /*#__PURE__*/ _react.default.createElement(RecentSearchItemComponent, {
                     item: item,
                     onSelect: onSelect,
                     onRemoveRecentSearch: function onRemoveRecentSearch() {
                         return storage.onRemove(item.query);
                     },
                     onApply: onApply
-                }, /*#__PURE__*/ React.createElement(ConditionalReverseHighlight, {
+                }, /*#__PURE__*/ _react.default.createElement(ConditionalReverseHighlight, {
                     item: item
                 }));
             },
@@ -383,27 +509,28 @@ function InnerAutocomplete(_0) {
             key: "recentSearches"
         });
     }
-    indices.forEach(function(param) {
+    indicesForPanel.forEach(function(param) {
         var indexId = param.indexId, indexName = param.indexName, hits = param.hits;
-        var elementId = indexName === (showSuggestions === null || showSuggestions === void 0 ? void 0 : showSuggestions.indexName) ? 'suggestions' : indexName;
-        var filteredHits = elementId === 'suggestions' && showRecent ? hits.filter(function(suggestionHit) {
-            return !storageHits.find(function(storageHit) {
-                return storageHit.query === suggestionHit.query;
-            });
-        }) : hits;
+        var elementId = indexName;
+        if (indexName === (showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : showQuerySuggestions.indexName)) {
+            elementId = 'suggestions';
+        } else if (indexName === (showPromptSuggestions === null || showPromptSuggestions === void 0 ? void 0 : showPromptSuggestions.indexName)) {
+            elementId = 'promptSuggestions';
+        }
         var currentIndexConfig = indicesConfig.find(function(config) {
             return config.indexName === indexName;
         });
         if (!currentIndexConfig) {
             return;
         }
-        elements[elementId] = /*#__PURE__*/ React.createElement(AutocompleteIndex, {
+        elements[elementId] = /*#__PURE__*/ _react.default.createElement(AutocompleteIndex, {
             key: indexId,
             // @ts-expect-error - there seems to be problems with React.ComponentType and this, but it's actually correct
             HeaderComponent: currentIndexConfig.headerComponent,
             // @ts-expect-error - there seems to be problems with React.ComponentType and this, but it's actually correct
             ItemComponent: currentIndexConfig.itemComponent,
-            items: filteredHits.map(function(item) {
+            NoResultsComponent: currentIndexConfig.noResultsComponent,
+            items: hits.map(function(item) {
                 return _object_spread_props._(_object_spread._({}, item), {
                     __indexName: indexId
                 });
@@ -412,7 +539,7 @@ function InnerAutocomplete(_0) {
             classNames: currentIndexConfig.classNames
         });
     });
-    var searchBoxContent = /*#__PURE__*/ React.createElement(AutocompleteSearch.AutocompleteSearch, {
+    var searchBoxContent = /*#__PURE__*/ _react.default.createElement(_AutocompleteSearch.AutocompleteSearch, {
         inputProps: getInputProps(),
         clearQuery: function clearQuery() {
             refineSearchBox('');
@@ -425,19 +552,23 @@ function InnerAutocomplete(_0) {
         refine: refineSearchBox,
         isSearchStalled: isSearchStalled
     });
-    var panelContent = /*#__PURE__*/ React.createElement(AutocompletePanel, getPanelProps(), PanelComponent ? /*#__PURE__*/ React.createElement(PanelComponent, {
+    var panelContent = /*#__PURE__*/ _react.default.createElement(AutocompletePanel, getPanelProps(), PanelComponent ? /*#__PURE__*/ _react.default.createElement(PanelComponent, {
         elements: elements,
-        indices: indices
+        indices: indicesForPanel
     }) : Object.keys(elements).map(function(elementId) {
         return elements[elementId];
     }));
     var detachedContainerClassNames = isModalDetached ? _object_spread_props._(_object_spread._({}, classNames), {
-        detachedContainer: instantsearchUiComponents.cx('ais-AutocompleteDetachedContainer--modal', classNames === null || classNames === void 0 ? void 0 : classNames.detachedContainer)
+        detachedContainer: (0, _instantsearchuicomponents.cx)('ais-AutocompleteDetachedContainer--modal', classNames === null || classNames === void 0 ? void 0 : classNames.detachedContainer)
     }) : classNames;
+    var _getRootProps = getRootProps(), rootRef = _getRootProps.ref, rootProps = _object_without_properties._(_getRootProps, [
+        "ref"
+    ]);
     if (isDetached) {
-        return /*#__PURE__*/ React.createElement(Autocomplete, _object_spread_props._(_object_spread._({}, props, getRootProps()), {
+        return /*#__PURE__*/ _react.default.createElement(Autocomplete, _object_spread_props._(_object_spread._({}, props, rootProps), {
+            rootRef: rootRef,
             classNames: classNames
-        }), /*#__PURE__*/ React.createElement(AutocompleteDetachedSearchButton, {
+        }), /*#__PURE__*/ _react.default.createElement(AutocompleteDetachedSearchButton, {
             query: currentRefinement || indexUiState.query || '',
             placeholder: placeholder,
             classNames: classNames,
@@ -450,15 +581,15 @@ function InnerAutocomplete(_0) {
                 refineAutocomplete('');
             },
             translations: translations
-        }), isModalOpen && /*#__PURE__*/ React.createElement(AutocompleteDetachedOverlay, {
+        }), isModalOpen && /*#__PURE__*/ _react.default.createElement(AutocompleteDetachedOverlay, {
             classNames: classNames,
             onClose: function onClose() {
                 setIsModalOpen(false);
                 setIsOpen(false);
             }
-        }, /*#__PURE__*/ React.createElement(AutocompleteDetachedContainer, {
+        }, /*#__PURE__*/ _react.default.createElement(AutocompleteDetachedContainer, {
             classNames: detachedContainerClassNames
-        }, /*#__PURE__*/ React.createElement(AutocompleteDetachedFormContainer, {
+        }, /*#__PURE__*/ _react.default.createElement(AutocompleteDetachedFormContainer, {
             classNames: classNames,
             onCancel: function onCancel() {
                 setIsModalOpen(false);
@@ -468,7 +599,8 @@ function InnerAutocomplete(_0) {
         }, searchBoxContent), panelContent)));
     }
     // Normal (non-detached) rendering
-    return /*#__PURE__*/ React.createElement(Autocomplete, _object_spread_props._(_object_spread._({}, props, getRootProps()), {
+    return /*#__PURE__*/ _react.default.createElement(Autocomplete, _object_spread_props._(_object_spread._({}, props, rootProps), {
+        rootRef: rootRef,
         classNames: classNames
     }), searchBoxContent, panelContent);
 }
@@ -479,10 +611,20 @@ function ConditionalReverseHighlight(param) {
     item._highlightResult.query.matchLevel === 'none') {
         return item.query;
     }
-    return /*#__PURE__*/ React.createElement(ReverseHighlight.ReverseHighlight, {
+    return /*#__PURE__*/ _react.default.createElement(_ReverseHighlight.ReverseHighlight, {
         attribute: "query",
         hit: item
     });
 }
-
-exports.EXPERIMENTAL_Autocomplete = EXPERIMENTAL_Autocomplete;
+function ConditionalHighlight(param) {
+    var item = param.item, _param_attribute = param.attribute, attribute = _param_attribute === void 0 ? 'query' : _param_attribute;
+    var _item__highlightResult;
+    if (!((_item__highlightResult = item._highlightResult) === null || _item__highlightResult === void 0 ? void 0 : _item__highlightResult[attribute]) || // @ts-expect-error - we should not have matchLevel as arrays here
+    item._highlightResult[attribute].matchLevel === 'none') {
+        return /*#__PURE__*/ _react.default.createElement(_react.default.Fragment, null, item[attribute]);
+    }
+    return /*#__PURE__*/ _react.default.createElement(_Highlight.Highlight, {
+        attribute: attribute,
+        hit: item
+    });
+}