react-instantsearch 7.32.3 → 7.33.0

package/dist/cjs/components/AutocompleteSearch.js

@@ -19,7 +19,7 @@ var AutocompleteSearchComponent = (0, _instantsearchuicomponents.createAutocompl
     Fragment: _react.Fragment
 });
 function AutocompleteSearch(param) {
-    var inputProps = param.inputProps, clearQuery = param.clearQuery, onQueryChange = param.onQueryChange, query = param.query, isSearchStalled = param.isSearchStalled, onCancel = param.onCancel, isDetached = param.isDetached, submitTitle = param.submitTitle, onAiModeClick = param.onAiModeClick, classNames = param.classNames;
+    var inputProps = param.inputProps, clearQuery = param.clearQuery, onQueryChange = param.onQueryChange, query = param.query, isSearchStalled = param.isSearchStalled, onCancel = param.onCancel, isDetached = param.isDetached, submitTitle = param.submitTitle, onAiModeClick = param.onAiModeClick, aiModeButtonDisabled = param.aiModeButtonDisabled, classNames = param.classNames;
     return /*#__PURE__*/ _react.default.createElement(AutocompleteSearchComponent, {
         inputProps: _object_spread_props._(_object_spread._({}, inputProps), {
             onChange: function onChange(event) {
@@ -34,6 +34,7 @@ function AutocompleteSearch(param) {
         isDetached: isDetached,
         submitTitle: submitTitle,
         onAiModeClick: onAiModeClick,
+        aiModeButtonDisabled: aiModeButtonDisabled,
         classNames: classNames
     });
 }

package/dist/cjs/ui/SearchBox.js

@@ -94,7 +94,7 @@ function DefaultAiModeIcon(param) {
     }));
 }
 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, 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, [
+    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_aiModeButtonDisabled = _0.aiModeButtonDisabled, aiModeButtonDisabled = _0_aiModeButtonDisabled === void 0 ? false : _0_aiModeButtonDisabled, _0_classNames = _0.classNames, classNames = _0_classNames === void 0 ? {} : _0_classNames, translations = _0.translations, props = _object_without_properties._(_0, [
         "formRef",
         "inputRef",
         "inputProps",
@@ -110,6 +110,7 @@ function SearchBox(_0) {
         "loadingIconComponent",
         "aiModeIconComponent",
         "onAiModeClick",
+        "aiModeButtonDisabled",
         "classNames",
         "translations"
     ]);
@@ -173,6 +174,7 @@ function SearchBox(_0) {
         className: (0, _instantsearchuicomponents.cx)('ais-AiModeButton', classNames.aiModeButton),
         type: "button",
         title: translations.aiModeButtonTitle || 'AI Mode',
+        disabled: aiModeButtonDisabled,
         onClick: function onClick(e) {
             e.preventDefault();
             onAiModeClick();

package/dist/cjs/widgets/Autocomplete.js

@@ -17,6 +17,7 @@ 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 _chat = require("instantsearch.js/cjs/lib/chat");
 require("instantsearch.js/cjs/lib/utils");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _reactinstantsearchcore = require("react-instantsearch-core");
@@ -429,14 +430,13 @@ function InnerAutocomplete(_0) {
         onSelect: userOnSelect !== null && userOnSelect !== void 0 ? userOnSelect : function(param) {
             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
-                    });
+                if (chatRenderState) {
+                    if ((0, _chat.openChat)(chatRenderState, {
+                        message: item.prompt,
+                        referer: 'prompt-suggestions'
+                    })) {
+                        setQuery('');
+                    }
                     return;
                 }
             }
@@ -572,17 +572,15 @@ function InnerAutocomplete(_0) {
             if (isDetached) {
                 setIsModalOpen(false);
             }
-            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
-                    });
-                }
+            if ((0, _chat.openChat)(chatRenderState, {
+                message: resolvedQuery,
+                referer: 'ai-mode'
+            })) {
+                refineSearchBox('');
+                refineAutocomplete('');
             }
         } : undefined,
+        aiModeButtonDisabled: aiMode ? (0, _chat.isChatBusy)(chatRenderState) : undefined,
         classNames: classNames
     });
     var panelContent = /*#__PURE__*/ _react.default.createElement(AutocompletePanel, _object_spread_props._(_object_spread._({}, getPanelProps()), {

package/dist/cjs/widgets/SearchBox.js

@@ -13,6 +13,7 @@ var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcar
 var _object_spread = require("@swc/helpers/_/_object_spread");
 var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
 var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
+var _chat = require("instantsearch.js/cjs/lib/chat");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _reactinstantsearchcore = require("react-instantsearch-core");
 var _SearchBox = require("../ui/SearchBox");
@@ -63,6 +64,7 @@ function SearchBox(_0) {
     if (query !== inputValue && document.activeElement !== inputRef.current) {
         setInputValue(query);
     }
+    var chatRenderState = indexRenderState.chat;
     var uiProps = {
         inputRef: inputRef,
         isSearchStalled: isSearchStalled,
@@ -70,18 +72,14 @@ function SearchBox(_0) {
         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
-                    });
-                }
+            if ((0, _chat.openChat)(chatRenderState, {
+                message: inputValue,
+                referer: 'ai-mode'
+            })) {
+                onReset();
             }
         } : undefined,
+        aiModeButtonDisabled: aiMode ? (0, _chat.isChatBusy)(chatRenderState) : undefined,
         value: inputValue,
         translations: _object_spread._({
             submitButtonTitle: 'Submit the search query',

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

@@ -10,6 +10,7 @@ export type AutocompleteSearchProps = {
     isDetached?: boolean;
     submitTitle?: string;
     onAiModeClick?: () => void;
+    aiModeButtonDisabled?: boolean;
     classNames?: Partial<AutocompleteClassNames>;
 };
-export declare function AutocompleteSearch({ inputProps, clearQuery, onQueryChange, query, isSearchStalled, onCancel, isDetached, submitTitle, onAiModeClick, classNames, }: AutocompleteSearchProps): React.JSX.Element;
+export declare function AutocompleteSearch({ inputProps, clearQuery, onQueryChange, query, isSearchStalled, onCancel, isDetached, submitTitle, onAiModeClick, aiModeButtonDisabled, classNames, }: AutocompleteSearchProps): React.JSX.Element;

package/dist/es/components/AutocompleteSearch.js

@@ -8,7 +8,7 @@ var AutocompleteSearchComponent = createAutocompleteSearchComponent({
     Fragment: Fragment
 });
 function AutocompleteSearch(param) {
-    var inputProps = param.inputProps, clearQuery = param.clearQuery, onQueryChange = param.onQueryChange, query = param.query, isSearchStalled = param.isSearchStalled, onCancel = param.onCancel, isDetached = param.isDetached, submitTitle = param.submitTitle, onAiModeClick = param.onAiModeClick, classNames = param.classNames;
+    var inputProps = param.inputProps, clearQuery = param.clearQuery, onQueryChange = param.onQueryChange, query = param.query, isSearchStalled = param.isSearchStalled, onCancel = param.onCancel, isDetached = param.isDetached, submitTitle = param.submitTitle, onAiModeClick = param.onAiModeClick, aiModeButtonDisabled = param.aiModeButtonDisabled, classNames = param.classNames;
     return /*#__PURE__*/ React.createElement(AutocompleteSearchComponent, {
         inputProps: _(_$1({}, inputProps), {
             onChange: function onChange(event) {
@@ -23,6 +23,7 @@ function AutocompleteSearch(param) {
         isDetached: isDetached,
         submitTitle: submitTitle,
         onAiModeClick: onAiModeClick,
+        aiModeButtonDisabled: aiModeButtonDisabled,
         classNames: classNames
     });
 }

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

@@ -74,7 +74,8 @@ export type SearchBoxProps = Omit<React.ComponentProps<'div'>, 'onSubmit' | 'onR
     loadingIconComponent?: React.JSXElementConstructor<IconProps>;
     aiModeIconComponent?: React.JSXElementConstructor<IconProps>;
     onAiModeClick?: () => void;
+    aiModeButtonDisabled?: boolean;
     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, aiModeIconComponent: AiModeIcon, onAiModeClick, 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, aiModeButtonDisabled, classNames, translations, ...props }: SearchBoxProps): React.JSX.Element;

package/dist/es/ui/SearchBox.js

@@ -83,7 +83,7 @@ function DefaultAiModeIcon(param) {
     }));
 }
 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, 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, [
+    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_aiModeButtonDisabled = _0.aiModeButtonDisabled, aiModeButtonDisabled = _0_aiModeButtonDisabled === void 0 ? false : _0_aiModeButtonDisabled, _0_classNames = _0.classNames, classNames = _0_classNames === void 0 ? {} : _0_classNames, translations = _0.translations, props = _(_0, [
         "formRef",
         "inputRef",
         "inputProps",
@@ -99,6 +99,7 @@ function SearchBox(_0) {
         "loadingIconComponent",
         "aiModeIconComponent",
         "onAiModeClick",
+        "aiModeButtonDisabled",
         "classNames",
         "translations"
     ]);
@@ -162,6 +163,7 @@ function SearchBox(_0) {
         className: cx('ais-AiModeButton', classNames.aiModeButton),
         type: "button",
         title: translations.aiModeButtonTitle || 'AI Mode',
+        disabled: aiModeButtonDisabled,
         onClick: function onClick(e) {
             e.preventDefault();
             onAiModeClick();

package/dist/es/widgets/Autocomplete.js

@@ -5,6 +5,7 @@ import { _ as _$5 } from '@swc/helpers/esm/_sliced_to_array.js';
 import { _ as _$2 } from '@swc/helpers/esm/_to_consumable_array.js';
 import { _ as _$3 } from '@swc/helpers/esm/_type_of.js';
 import { createAutocompleteComponent, createAutocompletePanelComponent, createAutocompleteIndexComponent, createAutocompleteSuggestionComponent, createAutocompletePromptSuggestionComponent, createAutocompleteRecentSearchComponent, createAutocompleteDetachedContainerComponent, createAutocompleteDetachedOverlayComponent, createAutocompleteDetachedFormContainerComponent, createAutocompleteDetachedSearchButtonComponent, createAutocompletePropGetters, createAutocompleteStorage, cx, getPromptSuggestionHits, isPromptSuggestion } from 'instantsearch-ui-components';
+import { openChat, isChatBusy } from 'instantsearch.js/es/lib/chat/index.js';
 import 'instantsearch.js/es/lib/utils/index.js';
 import React, { createElement, Fragment, useEffect, useMemo, useRef, useState } from 'react';
 import { useInstantSearch, useSearchBox, Index, Configure, useAutocomplete } from 'react-instantsearch-core';
@@ -418,14 +419,13 @@ function InnerAutocomplete(_0) {
         onSelect: userOnSelect !== null && userOnSelect !== void 0 ? userOnSelect : function(param) {
             var item = param.item, query = param.query, setQuery = param.setQuery, url = param.url;
             if (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
-                    });
+                if (chatRenderState) {
+                    if (openChat(chatRenderState, {
+                        message: item.prompt,
+                        referer: 'prompt-suggestions'
+                    })) {
+                        setQuery('');
+                    }
                     return;
                 }
             }
@@ -561,17 +561,15 @@ function InnerAutocomplete(_0) {
             if (isDetached) {
                 setIsModalOpen(false);
             }
-            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
-                    });
-                }
+            if (openChat(chatRenderState, {
+                message: resolvedQuery,
+                referer: 'ai-mode'
+            })) {
+                refineSearchBox('');
+                refineAutocomplete('');
             }
         } : undefined,
+        aiModeButtonDisabled: aiMode ? isChatBusy(chatRenderState) : undefined,
         classNames: classNames
     });
     var panelContent = /*#__PURE__*/ React.createElement(AutocompletePanel, _$4(_$1({}, getPanelProps()), {

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

@@ -16,5 +16,8 @@ export type FilterSuggestionsProps = Omit<FilterSuggestionsUiComponentProps, key
      */
     emptyComponent?: FilterSuggestionsUiComponentProps['emptyComponent'];
 };
+/**
+ * @deprecated Filter suggestions are deprecated and will be removed in a future major version.
+ */
 export declare function FilterSuggestions({ agentId, attributes, maxSuggestions, debounceMs, hitsToSample, transformItems, itemComponent, headerComponent, emptyComponent, transport, ...props }: FilterSuggestionsProps): React.JSX.Element;
 export {};

package/dist/es/widgets/FilterSuggestions.js

@@ -8,7 +8,9 @@ var FilterSuggestionsUiComponent = createFilterSuggestionsComponent({
     createElement: createElement,
     Fragment: Fragment
 });
-function FilterSuggestions(_0) {
+/**
+ * @deprecated Filter suggestions are deprecated and will be removed in a future major version.
+ */ function FilterSuggestions(_0) {
     var agentId = _0.agentId, attributes = _0.attributes, maxSuggestions = _0.maxSuggestions, debounceMs = _0.debounceMs, hitsToSample = _0.hitsToSample, transformItems = _0.transformItems, itemComponent = _0.itemComponent, headerComponent = _0.headerComponent, emptyComponent = _0.emptyComponent, transport = _0.transport, props = _(_0, [
         "agentId",
         "attributes",

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import type { SearchBoxProps as SearchBoxUiComponentProps } from '../ui/SearchBox';
 import type { UseSearchBoxProps } from 'react-instantsearch-core';
-type UiProps = Pick<SearchBoxUiComponentProps, 'inputRef' | 'isSearchStalled' | 'onChange' | 'onReset' | 'onSubmit' | 'onAiModeClick' | 'value' | 'autoFocus' | 'translations'>;
+type UiProps = Pick<SearchBoxUiComponentProps, 'inputRef' | 'isSearchStalled' | 'onChange' | 'onReset' | 'onSubmit' | 'onAiModeClick' | 'aiModeButtonDisabled' | 'value' | 'autoFocus' | 'translations'>;
 export type SearchBoxProps = Omit<SearchBoxUiComponentProps, Exclude<keyof UiProps, 'onSubmit' | 'autoFocus'>> & UseSearchBoxProps & {
     /**
      * Whether to trigger the search only on submit.

package/dist/es/widgets/SearchBox.js

@@ -1,6 +1,7 @@
 import { _ as _$2 } from '@swc/helpers/esm/_object_spread.js';
 import { _ } from '@swc/helpers/esm/_object_without_properties.js';
 import { _ as _$1 } from '@swc/helpers/esm/_sliced_to_array.js';
+import { openChat, isChatBusy } from 'instantsearch.js/es/lib/chat/index.js';
 import React, { useState, useRef } from 'react';
 import { useSearchBox, useInstantSearch } from 'react-instantsearch-core';
 import { SearchBox as SearchBox$1 } from '../ui/SearchBox.js';
@@ -52,6 +53,7 @@ function SearchBox(_0) {
     if (query !== inputValue && document.activeElement !== inputRef.current) {
         setInputValue(query);
     }
+    var chatRenderState = indexRenderState.chat;
     var uiProps = {
         inputRef: inputRef,
         isSearchStalled: isSearchStalled,
@@ -59,18 +61,14 @@ function SearchBox(_0) {
         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
-                    });
-                }
+            if (openChat(chatRenderState, {
+                message: inputValue,
+                referer: 'ai-mode'
+            })) {
+                onReset();
             }
         } : undefined,
+        aiModeButtonDisabled: aiMode ? isChatBusy(chatRenderState) : undefined,
         value: inputValue,
         translations: _$2({
             submitButtonTitle: 'Submit the search query',