react-instantsearch 7.29.0 → 7.30.0

package/dist/cjs/components/AutocompleteSearch.js

@@ -19,17 +19,17 @@ var AutocompleteSearchComponent = (0, _instantsearchuicomponents.createAutocompl
     Fragment: _react.Fragment
 });
 function AutocompleteSearch(param) {
-    var inputProps = param.inputProps, clearQuery = param.clearQuery, onQueryChange = param.onQueryChange, query = param.query, refine = param.refine, isSearchStalled = param.isSearchStalled;
+    var inputProps = param.inputProps, clearQuery = param.clearQuery, onQueryChange = param.onQueryChange, query = param.query, isSearchStalled = param.isSearchStalled, onAiModeClick = param.onAiModeClick;
     return /*#__PURE__*/ _react.default.createElement(AutocompleteSearchComponent, {
         inputProps: _object_spread_props._(_object_spread._({}, inputProps), {
             onChange: function onChange(event) {
                 var value = event.currentTarget.value;
-                refine(value);
                 onQueryChange === null || onQueryChange === void 0 ? void 0 : onQueryChange(value);
             }
         }),
         onClear: clearQuery,
         query: query,
-        isSearchStalled: isSearchStalled
+        isSearchStalled: isSearchStalled,
+        onAiModeClick: onAiModeClick
     });
 }

package/dist/cjs/components/ChatGreeting.js

@@ -0,0 +1,16 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ChatGreeting", {
+    enumerable: true,
+    get: function() {
+        return ChatGreeting;
+    }
+});
+var _instantsearchuicomponents = require("instantsearch-ui-components");
+var _react = require("react");
+var ChatGreeting = (0, _instantsearchuicomponents.createChatGreetingComponent)({
+    createElement: _react.createElement
+});

package/dist/cjs/components/ChatSidePanelLayout.js

@@ -0,0 +1,17 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ChatSidePanelLayout", {
+    enumerable: true,
+    get: function() {
+        return ChatSidePanelLayout;
+    }
+});
+var _instantsearchuicomponents = require("instantsearch-ui-components");
+var _react = require("react");
+var ChatSidePanelLayout = (0, _instantsearchuicomponents.createChatSidePanelLayoutComponent)({
+    createElement: _react.createElement,
+    Fragment: _react.Fragment
+});

package/dist/cjs/components/index.js

@@ -7,3 +7,5 @@ var _export_star = require("@swc/helpers/_/_export_star");
 _export_star._(require("./Carousel"), exports);
 _export_star._(require("./ChatOverlayLayout"), exports);
 _export_star._(require("./ChatInlineLayout"), exports);
+_export_star._(require("./ChatSidePanelLayout"), exports);
+_export_star._(require("./ChatGreeting"), exports);

package/dist/cjs/ui/SearchBox.js

@@ -71,8 +71,30 @@ function DefaultLoadingIcon(param) {
         repeatCount: "indefinite"
     })))));
 }
+function DefaultAiModeIcon(param) {
+    var classNames = param.classNames;
+    return /*#__PURE__*/ _react.default.createElement("svg", {
+        className: (0, _instantsearchuicomponents.cx)('ais-AiModeButton-icon', classNames.aiModeIcon),
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 20 20",
+        width: "16",
+        height: "16",
+        "aria-hidden": "true"
+    }, /*#__PURE__*/ _react.default.createElement("path", {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        d: "M10 1.875c.27 0 .51.173.594.43l1.593 4.844a1.043 1.043 0 0 0 .664.664l4.844 1.593a.625.625 0 0 1 0 1.188l-4.844 1.593a1.043 1.043 0 0 0-.664.664l-1.593 4.844a.625.625 0 0 1-1.188 0l-1.593-4.844a1.042 1.042 0 0 0-.664-.664l-4.844-1.593a.625.625 0 0 1 0-1.188l4.844-1.593a1.042 1.042 0 0 0 .664-.664l1.593-4.844a.625.625 0 0 1 .594-.43ZM9 7.539A2.292 2.292 0 0 1 7.54 9L4.5 10l3.04 1A2.292 2.292 0 0 1 9 12.46l1 3.04 1-3.04A2.293 2.293 0 0 1 12.46 11l3.04-1-3.04-1A2.292 2.292 0 0 1 11 7.54L10 4.5 9 7.54ZM4.167 1.875c.345 0 .625.28.625.625v3.333a.625.625 0 0 1-1.25 0V2.5c0-.345.28-.625.625-.625ZM15.833 13.542c.345 0 .625.28.625.625V17.5a.625.625 0 1 1-1.25 0v-3.333c0-.345.28-.625.625-.625Z",
+        clipRule: "evenodd"
+    }), /*#__PURE__*/ _react.default.createElement("path", {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        d: "M1.875 4.167c0-.346.28-.625.625-.625h3.333a.625.625 0 1 1 0 1.25H2.5a.625.625 0 0 1-.625-.625ZM13.542 15.833c0-.345.28-.625.625-.625H17.5a.625.625 0 0 1 0 1.25h-3.333a.625.625 0 0 1-.625-.625Z",
+        clipRule: "evenodd"
+    }));
+}
 function SearchBox(_0) {
-    var formRef = _0.formRef, inputRef = _0.inputRef, inputProps = _0.inputProps, isSearchStalled = _0.isSearchStalled, onChange = _0.onChange, onReset = _0.onReset, onSubmit = _0.onSubmit, _0_placeholder = _0.placeholder, placeholder = _0_placeholder === void 0 ? '' : _0_placeholder, value = _0.value, autoFocus = _0.autoFocus, tmp = _0.resetIconComponent, ResetIcon = tmp === void 0 ? DefaultResetIcon : tmp, tmp1 = _0.submitIconComponent, SubmitIcon = tmp1 === void 0 ? DefaultSubmitIcon : tmp1, tmp2 = _0.loadingIconComponent, LoadingIcon = tmp2 === void 0 ? DefaultLoadingIcon : tmp2, _0_classNames = _0.classNames, classNames = _0_classNames === void 0 ? {} : _0_classNames, translations = _0.translations, props = _object_without_properties._(_0, [
+    var formRef = _0.formRef, inputRef = _0.inputRef, inputProps = _0.inputProps, isSearchStalled = _0.isSearchStalled, onChange = _0.onChange, onReset = _0.onReset, onSubmit = _0.onSubmit, _0_placeholder = _0.placeholder, placeholder = _0_placeholder === void 0 ? '' : _0_placeholder, value = _0.value, autoFocus = _0.autoFocus, tmp = _0.resetIconComponent, ResetIcon = tmp === void 0 ? DefaultResetIcon : tmp, tmp1 = _0.submitIconComponent, SubmitIcon = tmp1 === void 0 ? DefaultSubmitIcon : tmp1, tmp2 = _0.loadingIconComponent, LoadingIcon = tmp2 === void 0 ? DefaultLoadingIcon : tmp2, tmp3 = _0.aiModeIconComponent, AiModeIcon = tmp3 === void 0 ? DefaultAiModeIcon : tmp3, onAiModeClick = _0.onAiModeClick, _0_classNames = _0.classNames, classNames = _0_classNames === void 0 ? {} : _0_classNames, translations = _0.translations, props = _object_without_properties._(_0, [
         "formRef",
         "inputRef",
         "inputProps",
@@ -86,6 +108,8 @@ function SearchBox(_0) {
         "resetIconComponent",
         "submitIconComponent",
         "loadingIconComponent",
+        "aiModeIconComponent",
+        "onAiModeClick",
         "classNames",
         "translations"
     ]);
@@ -145,7 +169,19 @@ function SearchBox(_0) {
         hidden: value.length === 0 || isSearchStalled
     }, /*#__PURE__*/ _react.default.createElement(ResetIcon, {
         classNames: classNames
-    })), /*#__PURE__*/ _react.default.createElement("span", {
+    })), onAiModeClick && /*#__PURE__*/ _react.default.createElement("button", {
+        className: (0, _instantsearchuicomponents.cx)('ais-AiModeButton', classNames.aiModeButton),
+        type: "button",
+        title: translations.aiModeButtonTitle || 'AI Mode',
+        onClick: function onClick(e) {
+            e.preventDefault();
+            onAiModeClick();
+        }
+    }, /*#__PURE__*/ _react.default.createElement(AiModeIcon, {
+        classNames: classNames
+    }), /*#__PURE__*/ _react.default.createElement("span", {
+        className: "ais-AiModeButton-label"
+    }, translations.aiModeButtonTitle || 'AI Mode')), /*#__PURE__*/ _react.default.createElement("span", {
         className: (0, _instantsearchuicomponents.cx)('ais-SearchBox-loadingIndicator', classNames.loadingIndicator),
         hidden: !isSearchStalled
     }, /*#__PURE__*/ _react.default.createElement(LoadingIcon, {

package/dist/cjs/widgets/Autocomplete.js

@@ -319,7 +319,7 @@ function EXPERIMENTAL_Autocomplete(_0) {
     }))));
 }
 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, 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, [
+    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, aiMode = _0.aiMode, props = _object_without_properties._(_0, [
         "indicesConfig",
         "refineSearchBox",
         "isSearchStalled",
@@ -338,13 +338,18 @@ function InnerAutocomplete(_0) {
         "autoFocus",
         "detachedMediaQuery",
         "translations",
-        "classNames"
+        "classNames",
+        "aiMode"
     ]);
-    var _ref;
+    var _indexUiState_query, _ref;
     var _showPromptSuggestions_searchParameters;
     var _useAutocomplete = (0, _reactinstantsearchcore.useAutocomplete)({
-        transformItems: transformItems
+        transformItems: transformItems,
+        future: {
+            undefinedEmptyQuery: true
+        }
     }), indices = _useAutocomplete.indices, refineAutocomplete = _useAutocomplete.refine, currentRefinement = _useAutocomplete.currentRefinement;
+    var resolvedQuery = currentRefinement !== undefined ? currentRefinement : (_indexUiState_query = indexUiState.query) !== null && _indexUiState_query !== void 0 ? _indexUiState_query : '';
     var _useDetachedMode = useDetachedMode(detachedMediaQuery), isDetached = _useDetachedMode.isDetached, isModalDetached = _useDetachedMode.isModalDetached, isModalOpen = _useDetachedMode.isModalOpen, setIsModalOpen = _useDetachedMode.setIsModalOpen;
     var previousIsDetachedRef = (0, _react.useRef)(isDetached);
     var _useStorage = useStorage({
@@ -548,9 +553,20 @@ function InnerAutocomplete(_0) {
         onQueryChange: function onQueryChange(query) {
             refineAutocomplete(query);
         },
-        query: currentRefinement || indexUiState.query || '',
-        refine: refineSearchBox,
-        isSearchStalled: isSearchStalled
+        query: resolvedQuery,
+        isSearchStalled: isSearchStalled,
+        onAiModeClick: aiMode ? function() {
+            if (chatRenderState) {
+                var _chatRenderState_setOpen;
+                (_chatRenderState_setOpen = chatRenderState.setOpen) === null || _chatRenderState_setOpen === void 0 ? void 0 : _chatRenderState_setOpen.call(chatRenderState, true);
+                if (resolvedQuery.trim()) {
+                    var _chatRenderState_sendMessage;
+                    (_chatRenderState_sendMessage = chatRenderState.sendMessage) === null || _chatRenderState_sendMessage === void 0 ? void 0 : _chatRenderState_sendMessage.call(chatRenderState, {
+                        text: resolvedQuery
+                    });
+                }
+            }
+        } : undefined
     });
     var panelContent = /*#__PURE__*/ _react.default.createElement(AutocompletePanel, getPanelProps(), PanelComponent ? /*#__PURE__*/ _react.default.createElement(PanelComponent, {
         elements: elements,
@@ -569,7 +585,7 @@ function InnerAutocomplete(_0) {
             rootRef: rootRef,
             classNames: classNames
         }), /*#__PURE__*/ _react.default.createElement(AutocompleteDetachedSearchButton, {
-            query: currentRefinement || indexUiState.query || '',
+            query: resolvedQuery,
             placeholder: placeholder,
             classNames: classNames,
             onClick: function onClick() {

package/dist/cjs/widgets/Chat.js

@@ -38,6 +38,7 @@ 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_array = require("@swc/helpers/_/_to_array");
 var _instantsearchuicomponents = require("instantsearch-ui-components");
 var _chat = require("instantsearch.js/cjs/lib/chat");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
@@ -52,8 +53,11 @@ function createDefaultTools(itemComponent, getSearchPageURL) {
     var _obj;
     return _obj = {}, _define_property._(_obj, _chat.SearchIndexToolType, (0, _SearchIndexTool.createCarouselTool)(true, itemComponent, getSearchPageURL)), _define_property._(_obj, _chat.RecommendToolType, (0, _SearchIndexTool.createCarouselTool)(false, itemComponent, getSearchPageURL)), _define_property._(_obj, _chat.MemorizeToolType, {}), _define_property._(_obj, _chat.MemorySearchToolType, {}), _define_property._(_obj, _chat.PonderToolType, {}), _obj;
 }
-function Chat(_0) {
-    var userTools = _0.tools, toggleButtonProps = _0.toggleButtonProps, headerProps = _0.headerProps, messagesProps = _0.messagesProps, promptProps = _0.promptProps, itemComponent = _0.itemComponent, layoutComponent = _0.layoutComponent, toggleButtonComponent = _0.toggleButtonComponent, toggleButtonIconComponent = _0.toggleButtonIconComponent, headerComponent = _0.headerComponent, headerTitleIconComponent = _0.headerTitleIconComponent, headerCloseIconComponent = _0.headerCloseIconComponent, headerMinimizeIconComponent = _0.headerMinimizeIconComponent, headerMaximizeIconComponent = _0.headerMaximizeIconComponent, messagesLoaderComponent = _0.messagesLoaderComponent, messagesErrorComponent = _0.messagesErrorComponent, promptComponent = _0.promptComponent, promptHeaderComponent = _0.promptHeaderComponent, promptFooterComponent = _0.promptFooterComponent, assistantMessageLeadingComponent = _0.assistantMessageLeadingComponent, assistantMessageFooterComponent = _0.assistantMessageFooterComponent, userMessageLeadingComponent = _0.userMessageLeadingComponent, userMessageFooterComponent = _0.userMessageFooterComponent, actionsComponent = _0.actionsComponent, suggestionsComponent = _0.suggestionsComponent, classNames = _0.classNames, _0_translations = _0.translations, translations = _0_translations === void 0 ? {} : _0_translations, title = _0.title, getSearchPageURL = _0.getSearchPageURL, props = _object_without_properties._(_0, [
+function ChatInner(_0, _1) {
+    var _ref = [
+        _0,
+        _1
+    ], _ref1 = _to_array._(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), userTools = _ref2.tools, toggleButtonProps = _ref2.toggleButtonProps, headerProps = _ref2.headerProps, messagesProps = _ref2.messagesProps, promptProps = _ref2.promptProps, itemComponent = _ref2.itemComponent, layoutComponent = _ref2.layoutComponent, toggleButtonComponent = _ref2.toggleButtonComponent, toggleButtonIconComponent = _ref2.toggleButtonIconComponent, headerComponent = _ref2.headerComponent, headerTitleIconComponent = _ref2.headerTitleIconComponent, headerCloseIconComponent = _ref2.headerCloseIconComponent, headerMinimizeIconComponent = _ref2.headerMinimizeIconComponent, headerMaximizeIconComponent = _ref2.headerMaximizeIconComponent, messagesLoaderComponent = _ref2.messagesLoaderComponent, messagesErrorComponent = _ref2.messagesErrorComponent, promptComponent = _ref2.promptComponent, promptHeaderComponent = _ref2.promptHeaderComponent, promptFooterComponent = _ref2.promptFooterComponent, assistantMessageLeadingComponent = _ref2.assistantMessageLeadingComponent, assistantMessageFooterComponent = _ref2.assistantMessageFooterComponent, userMessageLeadingComponent = _ref2.userMessageLeadingComponent, userMessageFooterComponent = _ref2.userMessageFooterComponent, emptyComponent = _ref2.emptyComponent, actionsComponent = _ref2.actionsComponent, suggestionsComponent = _ref2.suggestionsComponent, classNames = _ref2.classNames, _ref_translations = _ref2.translations, translations = _ref_translations === void 0 ? {} : _ref_translations, title = _ref2.title, getSearchPageURL = _ref2.getSearchPageURL, props = _object_without_properties._(_ref2, [
         "tools",
         "toggleButtonProps",
         "headerProps",
@@ -77,13 +81,14 @@ function Chat(_0) {
         "assistantMessageFooterComponent",
         "userMessageLeadingComponent",
         "userMessageFooterComponent",
+        "emptyComponent",
         "actionsComponent",
         "suggestionsComponent",
         "classNames",
         "translations",
         "title",
         "getSearchPageURL"
-    ]);
+    ]), _rest1 = _sliced_to_array._(_rest, 1), ref = _rest1[0];
     var promptTranslations = translations.prompt, headerTranslations = translations.header, messageTranslations = translations.message, messagesTranslations = translations.messages;
     var _useInstantSearch = (0, _reactinstantsearchcore.useInstantSearch)(), indexUiState = _useInstantSearch.indexUiState, setIndexUiState = _useInstantSearch.setIndexUiState;
     var _useState = _sliced_to_array._((0, _react.useState)(false), 2), maximized = _useState[0], setMaximized = _useState[1];
@@ -104,6 +109,15 @@ function Chat(_0) {
         tools: tools
     }));
     var messages = chatState.messages, sendMessage = chatState.sendMessage, status = chatState.status, regenerate = chatState.regenerate, stop = chatState.stop, error = chatState.error, input = chatState.input, setInput = chatState.setInput, open = chatState.open, setOpen = chatState.setOpen, isClearing = chatState.isClearing, clearMessages = chatState.clearMessages, onClearTransitionEnd = chatState.onClearTransitionEnd, toolsFromConnector = chatState.tools, suggestions = chatState.suggestions, onFeedback = chatState.sendChatMessageFeedback, feedbackState = chatState.feedbackState;
+    (0, _react.useImperativeHandle)(ref, function() {
+        return {
+            setOpen: setOpen,
+            sendMessage: function sendMessage1(params) {
+                return sendMessage(params);
+            },
+            setInput: setInput
+        };
+    });
     var wasOpenRef = (0, _react.useRef)(false);
     (0, _react.useEffect)(function() {
         var shouldFocusPrompt = !wasOpenRef.current && open;
@@ -163,6 +177,8 @@ function Chat(_0) {
             onClose: function onClose() {
                 return setOpen(false);
             },
+            sendMessage: sendMessage,
+            setInput: setInput,
             onFeedback: onFeedback,
             feedbackState: feedbackState,
             messages: messages,
@@ -177,6 +193,7 @@ function Chat(_0) {
             onScrollToBottom: scrollToBottom,
             loaderComponent: messagesLoaderComponent,
             errorComponent: messagesErrorComponent,
+            emptyComponent: emptyComponent,
             actionsComponent: actionsComponent,
             assistantMessageProps: _object_spread._({
                 leadingComponent: assistantMessageLeadingComponent,
@@ -220,3 +237,4 @@ function Chat(_0) {
         classNames: classNames
     });
 }
+var Chat = /*#__PURE__*/ _react.default.forwardRef(ChatInner);

package/dist/cjs/widgets/SearchBox.js

@@ -17,10 +17,11 @@ var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _reactinstantsearchcore = require("react-instantsearch-core");
 var _SearchBox = require("../ui/SearchBox");
 function SearchBox(_0) {
-    var queryHook = _0.queryHook, _0_searchAsYouType = _0.searchAsYouType, searchAsYouType = _0_searchAsYouType === void 0 ? true : _0_searchAsYouType, _0_ignoreCompositionEvents = _0.ignoreCompositionEvents, ignoreCompositionEvents = _0_ignoreCompositionEvents === void 0 ? false : _0_ignoreCompositionEvents, translations = _0.translations, props = _object_without_properties._(_0, [
+    var queryHook = _0.queryHook, _0_searchAsYouType = _0.searchAsYouType, searchAsYouType = _0_searchAsYouType === void 0 ? true : _0_searchAsYouType, _0_ignoreCompositionEvents = _0.ignoreCompositionEvents, ignoreCompositionEvents = _0_ignoreCompositionEvents === void 0 ? false : _0_ignoreCompositionEvents, aiMode = _0.aiMode, translations = _0.translations, props = _object_without_properties._(_0, [
         "queryHook",
         "searchAsYouType",
         "ignoreCompositionEvents",
+        "aiMode",
         "translations"
     ]);
     var _useSearchBox = (0, _reactinstantsearchcore.useSearchBox)({
@@ -28,6 +29,7 @@ function SearchBox(_0) {
     }, {
         $$widgetType: 'ais.searchBox'
     }), query = _useSearchBox.query, refine = _useSearchBox.refine, isSearchStalled = _useSearchBox.isSearchStalled;
+    var indexRenderState = (0, _reactinstantsearchcore.useInstantSearch)().indexRenderState;
     var _useState = _sliced_to_array._((0, _react.useState)(query), 2), inputValue = _useState[0], setInputValue = _useState[1];
     var inputRef = (0, _react.useRef)(null);
     function setQuery(newQuery) {
@@ -67,10 +69,24 @@ function SearchBox(_0) {
         onChange: onChange,
         onReset: onReset,
         onSubmit: onSubmit,
+        onAiModeClick: aiMode ? function() {
+            var chatRenderState = indexRenderState.chat;
+            if (chatRenderState) {
+                var _chatRenderState_setOpen;
+                (_chatRenderState_setOpen = chatRenderState.setOpen) === null || _chatRenderState_setOpen === void 0 ? void 0 : _chatRenderState_setOpen.call(chatRenderState, true);
+                if (inputValue.trim()) {
+                    var _chatRenderState_sendMessage;
+                    (_chatRenderState_sendMessage = chatRenderState.sendMessage) === null || _chatRenderState_sendMessage === void 0 ? void 0 : _chatRenderState_sendMessage.call(chatRenderState, {
+                        text: inputValue
+                    });
+                }
+            }
+        } : undefined,
         value: inputValue,
         translations: _object_spread._({
             submitButtonTitle: 'Submit the search query',
-            resetButtonTitle: 'Clear the search query'
+            resetButtonTitle: 'Clear the search query',
+            aiModeButtonTitle: 'AI Mode'
         }, translations)
     };
     return /*#__PURE__*/ _react.default.createElement(_SearchBox.SearchBox, _object_spread._({}, props, uiProps));

package/dist/cjs/widgets/TrendingFacets.js

@@ -0,0 +1,55 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "TrendingFacets", {
+    enumerable: true,
+    get: function() {
+        return TrendingFacets;
+    }
+});
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _instantsearchuicomponents = require("instantsearch-ui-components");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+var _reactinstantsearchcore = require("react-instantsearch-core");
+var TrendingFacetsUiComponent = (0, _instantsearchuicomponents.createTrendingFacetsComponent)({
+    createElement: _react.createElement,
+    Fragment: _react.Fragment
+});
+function TrendingFacets(_0) {
+    var facetName = _0.facetName, limit = _0.limit, threshold = _0.threshold, fallbackParameters = _0.fallbackParameters, queryParameters = _0.queryParameters, escapeHTML = _0.escapeHTML, transformItems = _0.transformItems, itemComponent = _0.itemComponent, headerComponent = _0.headerComponent, emptyComponent = _0.emptyComponent, props = _object_without_properties._(_0, [
+        "facetName",
+        "limit",
+        "threshold",
+        "fallbackParameters",
+        "queryParameters",
+        "escapeHTML",
+        "transformItems",
+        "itemComponent",
+        "headerComponent",
+        "emptyComponent"
+    ]);
+    var status = (0, _reactinstantsearchcore.useInstantSearch)().status;
+    var items = (0, _reactinstantsearchcore.useTrendingFacets)({
+        facetName: facetName,
+        limit: limit,
+        threshold: threshold,
+        fallbackParameters: fallbackParameters,
+        queryParameters: queryParameters,
+        escapeHTML: escapeHTML,
+        transformItems: transformItems
+    }, {
+        $$widgetType: 'ais.trendingFacets'
+    }).items;
+    var uiProps = {
+        items: items,
+        itemComponent: itemComponent,
+        headerComponent: headerComponent,
+        emptyComponent: emptyComponent,
+        status: status
+    };
+    return /*#__PURE__*/ _react.default.createElement(TrendingFacetsUiComponent, _object_spread._({}, props, uiProps));
+}

package/dist/cjs/widgets/chat/tools/SearchIndexTool.js

@@ -12,6 +12,7 @@ Object.defineProperty(exports, "createCarouselTool", {
 var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 var _object_spread = require("@swc/helpers/_/_object_spread");
 var _instantsearchuicomponents = require("instantsearch-ui-components");
+var _utils = require("instantsearch.js/cjs/lib/utils");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _components = require("../../../components");
 function createCarouselTool(showViewAll, itemComponent, getSearchPageURL) {
@@ -19,10 +20,13 @@ function createCarouselTool(showViewAll, itemComponent, getSearchPageURL) {
         createElement: _react.createElement
     });
     function SearchLayoutComponent(param) {
-        var message = param.message, applyFilters = param.applyFilters, onClose = param.onClose;
+        var message = param.message, applyFilters = param.applyFilters, onClose = param.onClose, sendEvent = param.sendEvent;
+        var _ref;
+        var _output_hits;
         var input = message === null || message === void 0 ? void 0 : message.input;
         var output = message === null || message === void 0 ? void 0 : message.output;
-        var items = (output === null || output === void 0 ? void 0 : output.hits) || [];
+        var hitsWithAbsolutePosition = (0, _utils.addAbsolutePosition)((output === null || output === void 0 ? void 0 : output.hits) || [], 0, ((_ref = input === null || input === void 0 ? void 0 : input.number_of_results) !== null && _ref !== void 0 ? _ref : output === null || output === void 0 ? void 0 : (_output_hits = output.hits) === null || _output_hits === void 0 ? void 0 : _output_hits.length) || 5);
+        var items = (0, _utils.addQueryID)(hitsWithAbsolutePosition, output === null || output === void 0 ? void 0 : output.queryID);
         var MemoedHeaderComponent = _react.default.useMemo(function() {
             return function(props) {
                 return /*#__PURE__*/ _react.default.createElement(HeaderComponent, _object_spread._({
@@ -43,7 +47,7 @@ function createCarouselTool(showViewAll, itemComponent, getSearchPageURL) {
         return /*#__PURE__*/ _react.default.createElement(_components.Carousel, {
             items: items,
             itemComponent: itemComponent,
-            sendEvent: function sendEvent() {},
+            sendEvent: sendEvent,
             showNavigation: false,
             headerComponent: MemoedHeaderComponent
         });

package/dist/cjs/widgets/index.js

@@ -29,4 +29,5 @@ _export_star._(require("./SortBy"), exports);
 _export_star._(require("./Stats"), exports);
 _export_star._(require("./ToggleRefinement"), exports);
 _export_star._(require("./TrendingItems"), exports);
+_export_star._(require("./TrendingFacets"), exports);
 _export_star._(require("./FilterSuggestions"), exports);

package/dist/es/components/AutocompleteSearch.d.ts

@@ -5,7 +5,7 @@ export type AutocompleteSearchProps = {
     clearQuery: () => void;
     onQueryChange?: (query: string) => void;
     query: string;
-    refine: (query: string) => void;
     isSearchStalled: boolean;
+    onAiModeClick?: () => void;
 };
-export declare function AutocompleteSearch({ inputProps, clearQuery, onQueryChange, query, refine, isSearchStalled, }: AutocompleteSearchProps): React.JSX.Element;
+export declare function AutocompleteSearch({ inputProps, clearQuery, onQueryChange, query, isSearchStalled, onAiModeClick, }: AutocompleteSearchProps): React.JSX.Element;

package/dist/es/components/AutocompleteSearch.js

@@ -8,18 +8,18 @@ var AutocompleteSearchComponent = createAutocompleteSearchComponent({
     Fragment: Fragment
 });
 function AutocompleteSearch(param) {
-    var inputProps = param.inputProps, clearQuery = param.clearQuery, onQueryChange = param.onQueryChange, query = param.query, refine = param.refine, isSearchStalled = param.isSearchStalled;
+    var inputProps = param.inputProps, clearQuery = param.clearQuery, onQueryChange = param.onQueryChange, query = param.query, isSearchStalled = param.isSearchStalled, onAiModeClick = param.onAiModeClick;
     return /*#__PURE__*/ React.createElement(AutocompleteSearchComponent, {
         inputProps: _(_$1({}, inputProps), {
             onChange: function onChange(event) {
                 var value = event.currentTarget.value;
-                refine(value);
                 onQueryChange === null || onQueryChange === void 0 ? void 0 : onQueryChange(value);
             }
         }),
         onClear: clearQuery,
         query: query,
-        isSearchStalled: isSearchStalled
+        isSearchStalled: isSearchStalled,
+        onAiModeClick: onAiModeClick
     });
 }
 

package/dist/es/components/ChatGreeting.d.ts

@@ -0,0 +1 @@
+export declare const ChatGreeting: (userProps: import("instantsearch-ui-components").ChatGreetingProps) => JSX.Element;

package/dist/es/components/ChatGreeting.js

@@ -0,0 +1,8 @@
+import { createChatGreetingComponent } from 'instantsearch-ui-components';
+import { createElement } from 'react';
+
+var ChatGreeting = createChatGreetingComponent({
+    createElement: createElement
+});
+
+export { ChatGreeting };

package/dist/es/components/ChatOverlayLayout.d.ts

@@ -1,3 +1 @@
-import type { ChatLayoutOwnProps } from 'instantsearch-ui-components';
-export type { ChatLayoutOwnProps };
-export declare const ChatOverlayLayout: (userProps: ChatLayoutOwnProps) => JSX.Element;
+export declare const ChatOverlayLayout: (userProps: import("instantsearch-ui-components").ChatLayoutOwnProps) => JSX.Element;

package/dist/es/components/ChatSidePanelLayout.d.ts

@@ -0,0 +1 @@
+export declare const ChatSidePanelLayout: (userProps: import("instantsearch-ui-components").ChatSidePanelLayoutProps) => JSX.Element;

package/dist/es/components/ChatSidePanelLayout.js

@@ -0,0 +1,9 @@
+import { createChatSidePanelLayoutComponent } from 'instantsearch-ui-components';
+import { createElement, Fragment } from 'react';
+
+var ChatSidePanelLayout = createChatSidePanelLayoutComponent({
+    createElement: createElement,
+    Fragment: Fragment
+});
+
+export { ChatSidePanelLayout };

package/dist/es/components/index.d.ts

@@ -1,3 +1,5 @@
 export * from './Carousel';
 export * from './ChatOverlayLayout';
 export * from './ChatInlineLayout';
+export * from './ChatSidePanelLayout';
+export * from './ChatGreeting';

package/dist/es/components/index.js

@@ -1,3 +1,5 @@
 export { Carousel } from './Carousel.js';
 export { ChatOverlayLayout } from './ChatOverlayLayout.js';
 export { ChatInlineLayout } from './ChatInlineLayout.js';
+export { ChatSidePanelLayout } from './ChatSidePanelLayout.js';
+export { ChatGreeting } from './ChatGreeting.js';

package/dist/es/index.js

@@ -26,7 +26,10 @@ export { SortBy } from './widgets/SortBy.js';
 export { Stats } from './widgets/Stats.js';
 export { ToggleRefinement } from './widgets/ToggleRefinement.js';
 export { TrendingItems } from './widgets/TrendingItems.js';
+export { TrendingFacets } from './widgets/TrendingFacets.js';
 export { FilterSuggestions } from './widgets/FilterSuggestions.js';
 export { Carousel } from './components/Carousel.js';
 export { ChatOverlayLayout } from './components/ChatOverlayLayout.js';
 export { ChatInlineLayout } from './components/ChatInlineLayout.js';
+export { ChatSidePanelLayout } from './components/ChatSidePanelLayout.js';
+export { ChatGreeting } from './components/ChatGreeting.js';

package/dist/es/ui/SearchBox.d.ts

@@ -39,6 +39,14 @@ export type SearchBoxClassNames = {
      * Class names to apply to the loading icon
      */
     loadingIcon: string;
+    /**
+     * Class names to apply to the AI mode button
+     */
+    aiModeButton: string;
+    /**
+     * Class names to apply to the AI mode icon
+     */
+    aiModeIcon: string;
 };
 export type SearchBoxTranslations = {
     /**
@@ -49,6 +57,10 @@ export type SearchBoxTranslations = {
      * The alternative text of the reset button.
      */
     resetButtonTitle: string;
+    /**
+     * The alternative text of the AI mode button.
+     */
+    aiModeButtonTitle?: string;
 };
 export type SearchBoxProps = Omit<React.ComponentProps<'div'>, 'onSubmit' | 'onReset' | 'onChange'> & Pick<React.ComponentProps<'form'>, 'onSubmit'> & Required<Pick<React.ComponentProps<'form'>, 'onReset'>> & Pick<React.ComponentProps<'input'>, 'placeholder' | 'autoFocus'> & {
     onChange?: (event: React.ChangeEvent<HTMLInputElement> | React.CompositionEvent<HTMLInputElement>) => void;
@@ -60,7 +72,9 @@ export type SearchBoxProps = Omit<React.ComponentProps<'div'>, 'onSubmit' | 'onR
     resetIconComponent?: React.JSXElementConstructor<IconProps>;
     submitIconComponent?: React.JSXElementConstructor<IconProps>;
     loadingIconComponent?: React.JSXElementConstructor<IconProps>;
+    aiModeIconComponent?: React.JSXElementConstructor<IconProps>;
+    onAiModeClick?: () => void;
     classNames?: Partial<SearchBoxClassNames>;
     translations: SearchBoxTranslations;
 };
-export declare function SearchBox({ formRef, inputRef, inputProps, isSearchStalled, onChange, onReset, onSubmit, placeholder, value, autoFocus, resetIconComponent: ResetIcon, submitIconComponent: SubmitIcon, loadingIconComponent: LoadingIcon, classNames, translations, ...props }: SearchBoxProps): React.JSX.Element;
+export declare function SearchBox({ formRef, inputRef, inputProps, isSearchStalled, onChange, onReset, onSubmit, placeholder, value, autoFocus, resetIconComponent: ResetIcon, submitIconComponent: SubmitIcon, loadingIconComponent: LoadingIcon, aiModeIconComponent: AiModeIcon, onAiModeClick, classNames, translations, ...props }: SearchBoxProps): React.JSX.Element;

package/dist/es/ui/SearchBox.js

@@ -60,8 +60,30 @@ function DefaultLoadingIcon(param) {
         repeatCount: "indefinite"
     })))));
 }
+function DefaultAiModeIcon(param) {
+    var classNames = param.classNames;
+    return /*#__PURE__*/ React.createElement("svg", {
+        className: cx('ais-AiModeButton-icon', classNames.aiModeIcon),
+        xmlns: "http://www.w3.org/2000/svg",
+        fill: "none",
+        viewBox: "0 0 20 20",
+        width: "16",
+        height: "16",
+        "aria-hidden": "true"
+    }, /*#__PURE__*/ React.createElement("path", {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        d: "M10 1.875c.27 0 .51.173.594.43l1.593 4.844a1.043 1.043 0 0 0 .664.664l4.844 1.593a.625.625 0 0 1 0 1.188l-4.844 1.593a1.043 1.043 0 0 0-.664.664l-1.593 4.844a.625.625 0 0 1-1.188 0l-1.593-4.844a1.042 1.042 0 0 0-.664-.664l-4.844-1.593a.625.625 0 0 1 0-1.188l4.844-1.593a1.042 1.042 0 0 0 .664-.664l1.593-4.844a.625.625 0 0 1 .594-.43ZM9 7.539A2.292 2.292 0 0 1 7.54 9L4.5 10l3.04 1A2.292 2.292 0 0 1 9 12.46l1 3.04 1-3.04A2.293 2.293 0 0 1 12.46 11l3.04-1-3.04-1A2.292 2.292 0 0 1 11 7.54L10 4.5 9 7.54ZM4.167 1.875c.345 0 .625.28.625.625v3.333a.625.625 0 0 1-1.25 0V2.5c0-.345.28-.625.625-.625ZM15.833 13.542c.345 0 .625.28.625.625V17.5a.625.625 0 1 1-1.25 0v-3.333c0-.345.28-.625.625-.625Z",
+        clipRule: "evenodd"
+    }), /*#__PURE__*/ React.createElement("path", {
+        fill: "currentColor",
+        fillRule: "evenodd",
+        d: "M1.875 4.167c0-.346.28-.625.625-.625h3.333a.625.625 0 1 1 0 1.25H2.5a.625.625 0 0 1-.625-.625ZM13.542 15.833c0-.345.28-.625.625-.625H17.5a.625.625 0 0 1 0 1.25h-3.333a.625.625 0 0 1-.625-.625Z",
+        clipRule: "evenodd"
+    }));
+}
 function SearchBox(_0) {
-    var formRef = _0.formRef, inputRef = _0.inputRef, inputProps = _0.inputProps, isSearchStalled = _0.isSearchStalled, onChange = _0.onChange, onReset = _0.onReset, onSubmit = _0.onSubmit, _0_placeholder = _0.placeholder, placeholder = _0_placeholder === void 0 ? '' : _0_placeholder, value = _0.value, autoFocus = _0.autoFocus, tmp = _0.resetIconComponent, ResetIcon = tmp === void 0 ? DefaultResetIcon : tmp, tmp1 = _0.submitIconComponent, SubmitIcon = tmp1 === void 0 ? DefaultSubmitIcon : tmp1, tmp2 = _0.loadingIconComponent, LoadingIcon = tmp2 === void 0 ? DefaultLoadingIcon : tmp2, _0_classNames = _0.classNames, classNames = _0_classNames === void 0 ? {} : _0_classNames, translations = _0.translations, props = _(_0, [
+    var formRef = _0.formRef, inputRef = _0.inputRef, inputProps = _0.inputProps, isSearchStalled = _0.isSearchStalled, onChange = _0.onChange, onReset = _0.onReset, onSubmit = _0.onSubmit, _0_placeholder = _0.placeholder, placeholder = _0_placeholder === void 0 ? '' : _0_placeholder, value = _0.value, autoFocus = _0.autoFocus, tmp = _0.resetIconComponent, ResetIcon = tmp === void 0 ? DefaultResetIcon : tmp, tmp1 = _0.submitIconComponent, SubmitIcon = tmp1 === void 0 ? DefaultSubmitIcon : tmp1, tmp2 = _0.loadingIconComponent, LoadingIcon = tmp2 === void 0 ? DefaultLoadingIcon : tmp2, tmp3 = _0.aiModeIconComponent, AiModeIcon = tmp3 === void 0 ? DefaultAiModeIcon : tmp3, onAiModeClick = _0.onAiModeClick, _0_classNames = _0.classNames, classNames = _0_classNames === void 0 ? {} : _0_classNames, translations = _0.translations, props = _(_0, [
         "formRef",
         "inputRef",
         "inputProps",
@@ -75,6 +97,8 @@ function SearchBox(_0) {
         "resetIconComponent",
         "submitIconComponent",
         "loadingIconComponent",
+        "aiModeIconComponent",
+        "onAiModeClick",
         "classNames",
         "translations"
     ]);
@@ -134,7 +158,19 @@ function SearchBox(_0) {
         hidden: value.length === 0 || isSearchStalled
     }, /*#__PURE__*/ React.createElement(ResetIcon, {
         classNames: classNames
-    })), /*#__PURE__*/ React.createElement("span", {
+    })), onAiModeClick && /*#__PURE__*/ React.createElement("button", {
+        className: cx('ais-AiModeButton', classNames.aiModeButton),
+        type: "button",
+        title: translations.aiModeButtonTitle || 'AI Mode',
+        onClick: function onClick(e) {
+            e.preventDefault();
+            onAiModeClick();
+        }
+    }, /*#__PURE__*/ React.createElement(AiModeIcon, {
+        classNames: classNames
+    }), /*#__PURE__*/ React.createElement("span", {
+        className: "ais-AiModeButton-label"
+    }, translations.aiModeButtonTitle || 'AI Mode')), /*#__PURE__*/ React.createElement("span", {
         className: cx('ais-SearchBox-loadingIndicator', classNames.loadingIndicator),
         hidden: !isSearchStalled
     }, /*#__PURE__*/ React.createElement(LoadingIcon, {

package/dist/es/widgets/Autocomplete.d.ts

@@ -77,6 +77,12 @@ export type AutocompleteProps<TItem extends BaseHit> = ComponentProps<'div'> & {
      * Translations for the Autocomplete widget.
      */
     translations?: Partial<AutocompleteTranslations>;
+    /**
+     * When true, renders an AI mode button inside the search input
+     * that opens the Chat widget and sends the current query.
+     * Requires a Chat widget on the same index.
+     */
+    aiMode?: boolean;
 };
 export declare function EXPERIMENTAL_Autocomplete<TItem extends BaseHit = BaseHit>({ indices, showQuerySuggestions, showPromptSuggestions, showRecent, searchParameters: userSearchParameters, detachedMediaQuery, translations: userTranslations, ...props }: AutocompleteProps<TItem>): React.JSX.Element;
 export {};