react-instantsearch 7.29.0 → 7.31.0

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 {};

package/dist/es/widgets/Autocomplete.js

@@ -308,7 +308,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 = _(_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 = _(_0, [
         "indicesConfig",
         "refineSearchBox",
         "isSearchStalled",
@@ -327,13 +327,18 @@ function InnerAutocomplete(_0) {
         "autoFocus",
         "detachedMediaQuery",
         "translations",
-        "classNames"
+        "classNames",
+        "aiMode"
     ]);
-    var _ref;
+    var _indexUiState_query, _ref;
     var _showPromptSuggestions_searchParameters;
     var _useAutocomplete = 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 = useRef(isDetached);
     var _useStorage = useStorage({
@@ -499,7 +504,7 @@ function InnerAutocomplete(_0) {
         });
     }
     indicesForPanel.forEach(function(param) {
-        var indexId = param.indexId, indexName = param.indexName, hits = param.hits;
+        var indexId = param.indexId, indexName = param.indexName, hits = param.hits, sendEvent = param.sendEvent;
         var elementId = indexName;
         if (indexName === (showQuerySuggestions === null || showQuerySuggestions === void 0 ? void 0 : showQuerySuggestions.indexName)) {
             elementId = 'suggestions';
@@ -525,9 +530,14 @@ function InnerAutocomplete(_0) {
                 });
             }),
             getItemProps: getItemProps,
+            sendEvent: sendEvent,
             classNames: currentIndexConfig.classNames
         });
     });
+    var handleCancel = function handleCancel() {
+        setIsModalOpen(false);
+        setIsOpen(false);
+    };
     var searchBoxContent = /*#__PURE__*/ React.createElement(AutocompleteSearch, {
         inputProps: getInputProps(),
         clearQuery: function clearQuery() {
@@ -537,9 +547,31 @@ function InnerAutocomplete(_0) {
         onQueryChange: function onQueryChange(query) {
             refineAutocomplete(query);
         },
-        query: currentRefinement || indexUiState.query || '',
-        refine: refineSearchBox,
-        isSearchStalled: isSearchStalled
+        query: resolvedQuery,
+        isSearchStalled: isSearchStalled,
+        onCancel: function onCancel() {
+            if (isDetached) {
+                handleCancel();
+            }
+        },
+        isDetached: isDetached,
+        submitTitle: isDetached ? translations.detachedCancelButtonText : undefined,
+        onAiModeClick: aiMode ? function() {
+            setIsOpen(false);
+            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
+                    });
+                }
+            }
+        } : undefined
     });
     var panelContent = /*#__PURE__*/ React.createElement(AutocompletePanel, getPanelProps(), PanelComponent ? /*#__PURE__*/ React.createElement(PanelComponent, {
         elements: elements,
@@ -558,7 +590,7 @@ function InnerAutocomplete(_0) {
             rootRef: rootRef,
             classNames: classNames
         }), /*#__PURE__*/ React.createElement(AutocompleteDetachedSearchButton, {
-            query: currentRefinement || indexUiState.query || '',
+            query: resolvedQuery,
             placeholder: placeholder,
             classNames: classNames,
             onClick: function onClick() {
@@ -572,19 +604,11 @@ function InnerAutocomplete(_0) {
             translations: translations
         }), isModalOpen && /*#__PURE__*/ React.createElement(AutocompleteDetachedOverlay, {
             classNames: classNames,
-            onClose: function onClose() {
-                setIsModalOpen(false);
-                setIsOpen(false);
-            }
+            onClose: handleCancel
         }, /*#__PURE__*/ React.createElement(AutocompleteDetachedContainer, {
             classNames: detachedContainerClassNames
         }, /*#__PURE__*/ React.createElement(AutocompleteDetachedFormContainer, {
-            classNames: classNames,
-            onCancel: function onCancel() {
-                setIsModalOpen(false);
-                setIsOpen(false);
-            },
-            translations: translations
+            classNames: classNames
         }, searchBoxContent), panelContent)));
     }
     // Normal (non-detached) rendering

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

@@ -14,7 +14,7 @@ type UserMessagesProps = Omit<ChatUiProps['messagesProps'], 'messages' | 'tools'
 type UserPromptProps = Omit<ChatUiProps['promptProps'], 'value' | 'onInput' | 'onSubmit' | 'headerComponent' | 'footerComponent'>;
 export type Tool = UserClientSideTool;
 export type Tools = UserClientSideTools;
-export type ChatProps<TObject, TUiMessage extends UIMessage = UIMessage> = Omit<ChatUiProps, keyof UiProps> & UseChatProps<TUiMessage> & {
+export type ChatProps<TObject, TUiMessage extends UIMessage = UIMessage> = Omit<ChatUiProps, keyof UiProps | 'ref'> & UseChatProps<TUiMessage> & {
     itemComponent?: ItemComponent<TObject>;
     tools?: UserClientSideTools;
     getSearchPageURL?: (nextUiState: IndexUiState) => string;
@@ -30,11 +30,12 @@ export type ChatProps<TObject, TUiMessage extends UIMessage = UIMessage> = Omit<
     headerCloseIconComponent?: ChatUiProps['headerProps']['closeIconComponent'];
     headerMinimizeIconComponent?: ChatUiProps['headerProps']['minimizeIconComponent'];
     headerMaximizeIconComponent?: ChatUiProps['headerProps']['maximizeIconComponent'];
-    messagesLoaderComponent?: ChatUiProps['messagesProps']['loaderComponent'];
     messagesErrorComponent?: ChatUiProps['messagesProps']['errorComponent'];
     promptComponent?: ChatUiProps['promptComponent'];
     promptHeaderComponent?: ChatUiProps['promptProps']['headerComponent'];
     promptFooterComponent?: ChatUiProps['promptProps']['footerComponent'];
+    loaderComponent?: ChatUiProps['messagesProps']['loaderComponent'];
+    emptyComponent?: ChatUiProps['messagesProps']['emptyComponent'];
     actionsComponent?: ChatUiProps['messagesProps']['actionsComponent'];
     assistantMessageLeadingComponent?: ChatMessageProps['leadingComponent'];
     assistantMessageFooterComponent?: ChatMessageProps['footerComponent'];
@@ -48,4 +49,13 @@ export type ChatProps<TObject, TUiMessage extends UIMessage = UIMessage> = Omit<
         messages: ChatUiProps['messagesProps']['translations'];
     }>;
 };
-export declare function Chat<TObject extends RecordWithObjectID, TUiMessage extends UIMessage>({ tools: userTools, toggleButtonProps, headerProps, messagesProps, promptProps, itemComponent, layoutComponent, toggleButtonComponent, toggleButtonIconComponent, headerComponent, headerTitleIconComponent, headerCloseIconComponent, headerMinimizeIconComponent, headerMaximizeIconComponent, messagesLoaderComponent, messagesErrorComponent, promptComponent, promptHeaderComponent, promptFooterComponent, assistantMessageLeadingComponent, assistantMessageFooterComponent, userMessageLeadingComponent, userMessageFooterComponent, actionsComponent, suggestionsComponent, classNames, translations, title, getSearchPageURL, ...props }: ChatProps<TObject, TUiMessage>): React.JSX.Element;
+export type ChatHandle = {
+    setOpen: (open: boolean) => void;
+    sendMessage: (params: {
+        text: string;
+    }) => void;
+    setInput: (input: string) => void;
+};
+export declare const Chat: <TObject extends RecordWithObjectID = RecordWithObjectID, TUiMessage extends UIMessage = UIMessage>(props: ChatProps<TObject, TUiMessage> & {
+    ref?: React.Ref<ChatHandle>;
+}) => React.ReactElement | null;

package/dist/es/widgets/Chat.js

@@ -1,12 +1,13 @@
 import { _ } from '@swc/helpers/esm/_define_property.js';
-import { _ as _$3 } from '@swc/helpers/esm/_object_spread.js';
-import { _ as _$4 } from '@swc/helpers/esm/_object_spread_props.js';
-import { _ as _$1 } from '@swc/helpers/esm/_object_without_properties.js';
-import { _ as _$2 } from '@swc/helpers/esm/_sliced_to_array.js';
+import { _ as _$4 } from '@swc/helpers/esm/_object_spread.js';
+import { _ as _$5 } from '@swc/helpers/esm/_object_spread_props.js';
+import { _ as _$2 } from '@swc/helpers/esm/_object_without_properties.js';
+import { _ as _$3 } from '@swc/helpers/esm/_sliced_to_array.js';
+import { _ as _$1 } from '@swc/helpers/esm/_to_array.js';
 import { createChatComponent } from 'instantsearch-ui-components';
 import { SearchIndexToolType, RecommendToolType, MemorizeToolType, MemorySearchToolType, PonderToolType } from 'instantsearch.js/es/lib/chat/index.js';
 export { MemorizeToolType, MemorySearchToolType, PonderToolType, RecommendToolType, SearchIndexToolType } from 'instantsearch.js/es/lib/chat/index.js';
-import React, { createElement, Fragment, useState, useRef, useMemo, useEffect } from 'react';
+import React, { createElement, Fragment, useState, useRef, useMemo, useImperativeHandle, useEffect } from 'react';
 import { useInstantSearch, useChat } from 'react-instantsearch-core';
 import { useStickToBottom } from '../lib/useStickToBottom.js';
 import { createCarouselTool } from './chat/tools/SearchIndexTool.js';
@@ -19,8 +20,11 @@ function createDefaultTools(itemComponent, getSearchPageURL) {
     var _obj;
     return _obj = {}, _(_obj, SearchIndexToolType, createCarouselTool(true, itemComponent, getSearchPageURL)), _(_obj, RecommendToolType, createCarouselTool(false, itemComponent, getSearchPageURL)), _(_obj, MemorizeToolType, {}), _(_obj, MemorySearchToolType, {}), _(_obj, 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 = _$1(_0, [
+function ChatInner(_0, _1) {
+    var _ref = [
+        _0,
+        _1
+    ], _ref1 = _$1(_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, loaderComponent = _ref2.loaderComponent, 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 = _$2(_ref2, [
         "tools",
         "toggleButtonProps",
         "headerProps",
@@ -35,7 +39,7 @@ function Chat(_0) {
         "headerCloseIconComponent",
         "headerMinimizeIconComponent",
         "headerMaximizeIconComponent",
-        "messagesLoaderComponent",
+        "loaderComponent",
         "messagesErrorComponent",
         "promptComponent",
         "promptHeaderComponent",
@@ -44,16 +48,17 @@ function Chat(_0) {
         "assistantMessageFooterComponent",
         "userMessageLeadingComponent",
         "userMessageFooterComponent",
+        "emptyComponent",
         "actionsComponent",
         "suggestionsComponent",
         "classNames",
         "translations",
         "title",
         "getSearchPageURL"
-    ]);
+    ]), _rest1 = _$3(_rest, 1), ref = _rest1[0];
     var promptTranslations = translations.prompt, headerTranslations = translations.header, messageTranslations = translations.message, messagesTranslations = translations.messages;
     var _useInstantSearch = useInstantSearch(), indexUiState = _useInstantSearch.indexUiState, setIndexUiState = _useInstantSearch.setIndexUiState;
-    var _useState = _$2(useState(false), 2), maximized = _useState[0], setMaximized = _useState[1];
+    var _useState = _$3(useState(false), 2), maximized = _useState[0], setMaximized = _useState[1];
     var promptRef = useRef(null);
     var _useStickToBottom = useStickToBottom({
         initial: 'smooth',
@@ -61,16 +66,25 @@ function Chat(_0) {
     }), scrollRef = _useStickToBottom.scrollRef, contentRef = _useStickToBottom.contentRef, scrollToBottom = _useStickToBottom.scrollToBottom, isAtBottom = _useStickToBottom.isAtBottom;
     var tools = useMemo(function() {
         var defaults = createDefaultTools(itemComponent, getSearchPageURL);
-        return _$3({}, defaults, userTools);
+        return _$4({}, defaults, userTools);
     }, [
         getSearchPageURL,
         itemComponent,
         userTools
     ]);
-    var chatState = useChat(_$4(_$3({}, props), {
+    var chatState = useChat(_$5(_$4({}, props), {
         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;
+    useImperativeHandle(ref, function() {
+        return {
+            setOpen: setOpen,
+            sendMessage: function sendMessage1(params) {
+                return sendMessage(params);
+            },
+            setInput: setInput
+        };
+    });
     var wasOpenRef = useRef(false);
     useEffect(function() {
         var shouldFocusPrompt = !wasOpenRef.current && open;
@@ -97,14 +111,14 @@ function Chat(_0) {
         promptComponent: promptComponent,
         toggleButtonComponent: toggleButtonComponent,
         suggestionsComponent: suggestionsComponent,
-        toggleButtonProps: _$3({
+        toggleButtonProps: _$4({
             open: open,
             onClick: function onClick() {
                 return setOpen(!open);
             },
             toggleIconComponent: toggleButtonIconComponent
         }, toggleButtonProps),
-        headerProps: _$3({
+        headerProps: _$4({
             onClose: function onClose() {
                 return setOpen(false);
             },
@@ -120,7 +134,7 @@ function Chat(_0) {
             maximizeIconComponent: headerMaximizeIconComponent,
             translations: headerTranslations
         }, headerProps),
-        messagesProps: _$3({
+        messagesProps: _$4({
             status: status,
             onReload: function onReload(messageId) {
                 return regenerate({
@@ -130,6 +144,8 @@ function Chat(_0) {
             onClose: function onClose() {
                 return setOpen(false);
             },
+            sendMessage: sendMessage,
+            setInput: setInput,
             onFeedback: onFeedback,
             feedbackState: feedbackState,
             messages: messages,
@@ -142,21 +158,22 @@ function Chat(_0) {
             scrollRef: scrollRef,
             contentRef: contentRef,
             onScrollToBottom: scrollToBottom,
-            loaderComponent: messagesLoaderComponent,
+            loaderComponent: loaderComponent,
             errorComponent: messagesErrorComponent,
+            emptyComponent: emptyComponent,
             actionsComponent: actionsComponent,
-            assistantMessageProps: _$3({
+            assistantMessageProps: _$4({
                 leadingComponent: assistantMessageLeadingComponent,
                 footerComponent: assistantMessageFooterComponent
             }, messagesProps === null || messagesProps === void 0 ? void 0 : messagesProps.assistantMessageProps),
-            userMessageProps: _$3({
+            userMessageProps: _$4({
                 leadingComponent: userMessageLeadingComponent,
                 footerComponent: userMessageFooterComponent
             }, messagesProps === null || messagesProps === void 0 ? void 0 : messagesProps.userMessageProps),
             translations: messagesTranslations,
             messageTranslations: messageTranslations
         }, messagesProps),
-        promptProps: _$3({
+        promptProps: _$4({
             promptRef: promptRef,
             status: status,
             value: input,
@@ -187,5 +204,6 @@ function Chat(_0) {
         classNames: classNames
     });
 }
+var Chat = /*#__PURE__*/ React.forwardRef(ChatInner);
 
 export { Chat, createDefaultTools };

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

@@ -1,11 +1,12 @@
 import React from 'react';
 import type { RefinementListProps as RefinementListUiComponentProps } from '../ui/RefinementList';
-import type { SearchBoxTranslations } from '../ui/SearchBox';
 import type { RefinementListWidgetParams } from 'instantsearch.js/es/widgets/refinement-list/refinement-list';
 import type { UseRefinementListProps } from 'react-instantsearch-core';
 type UiProps = Pick<RefinementListUiComponentProps, 'canRefine' | 'items' | 'onRefine' | 'query' | 'searchBox' | 'noResults' | 'canToggleShowMore' | 'onToggleShowMore' | 'isShowingMore' | 'translations'>;
 export type RefinementListProps = Omit<RefinementListUiComponentProps, keyof UiProps> & UseRefinementListProps & Pick<RefinementListWidgetParams, 'searchable' | 'searchablePlaceholder' | 'searchableSelectOnSubmit'> & {
-    translations?: Partial<UiProps['translations'] & SearchBoxTranslations & {
+    translations?: Partial<UiProps['translations'] & {
+        submitButtonTitle: string;
+        resetButtonTitle: string;
         /**
          * What to display when there are no results.
          */

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' | 'value' | 'autoFocus' | 'translations'>;
+type UiProps = Pick<SearchBoxUiComponentProps, 'inputRef' | 'isSearchStalled' | 'onChange' | 'onReset' | 'onSubmit' | 'onAiModeClick' | 'value' | 'autoFocus' | 'translations'>;
 export type SearchBoxProps = Omit<SearchBoxUiComponentProps, Exclude<keyof UiProps, 'onSubmit' | 'autoFocus'>> & UseSearchBoxProps & {
     /**
      * Whether to trigger the search only on submit.
@@ -14,7 +14,13 @@ export type SearchBoxProps = Omit<SearchBoxUiComponentProps, Exclude<keyof UiPro
      * @default false
      */
     ignoreCompositionEvents?: boolean;
+    /**
+     * When true, renders an AI mode button inside the search box
+     * that opens the Chat widget and sends the current query.
+     * Requires a Chat widget on the same index.
+     */
+    aiMode?: boolean;
     translations?: Partial<UiProps['translations']>;
 };
-export declare function SearchBox({ queryHook, searchAsYouType, ignoreCompositionEvents, translations, ...props }: SearchBoxProps): React.JSX.Element;
+export declare function SearchBox({ queryHook, searchAsYouType, ignoreCompositionEvents, aiMode, translations, ...props }: SearchBoxProps): React.JSX.Element;
 export {};

package/dist/es/widgets/SearchBox.js

@@ -2,14 +2,15 @@ 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 React, { useState, useRef } from 'react';
-import { useSearchBox } from 'react-instantsearch-core';
+import { useSearchBox, useInstantSearch } from 'react-instantsearch-core';
 import { SearchBox as SearchBox$1 } from '../ui/SearchBox.js';
 
 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 = _(_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 = _(_0, [
         "queryHook",
         "searchAsYouType",
         "ignoreCompositionEvents",
+        "aiMode",
         "translations"
     ]);
     var _useSearchBox = useSearchBox({
@@ -17,6 +18,7 @@ function SearchBox(_0) {
     }, {
         $$widgetType: 'ais.searchBox'
     }), query = _useSearchBox.query, refine = _useSearchBox.refine, isSearchStalled = _useSearchBox.isSearchStalled;
+    var indexRenderState = useInstantSearch().indexRenderState;
     var _useState = _$1(useState(query), 2), inputValue = _useState[0], setInputValue = _useState[1];
     var inputRef = useRef(null);
     function setQuery(newQuery) {
@@ -56,10 +58,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: _$2({
             submitButtonTitle: 'Submit the search query',
-            resetButtonTitle: 'Clear the search query'
+            resetButtonTitle: 'Clear the search query',
+            aiModeButtonTitle: 'AI Mode'
         }, translations)
     };
     return /*#__PURE__*/ React.createElement(SearchBox$1, _$2({}, props, uiProps));

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import type { TrendingFacetsProps as TrendingFacetsUiComponentProps } from 'instantsearch-ui-components';
+import type { UseTrendingFacetsProps } from 'react-instantsearch-core';
+type UiProps = Pick<TrendingFacetsUiComponentProps, 'items' | 'itemComponent' | 'headerComponent' | 'emptyComponent' | 'status'>;
+export type TrendingFacetsProps = Omit<TrendingFacetsUiComponentProps, keyof UiProps> & UseTrendingFacetsProps & {
+    itemComponent?: TrendingFacetsUiComponentProps['itemComponent'];
+    headerComponent?: TrendingFacetsUiComponentProps['headerComponent'];
+    emptyComponent?: TrendingFacetsUiComponentProps['emptyComponent'];
+};
+export declare function TrendingFacets({ facetName, limit, threshold, fallbackParameters, queryParameters, escapeHTML, transformItems, itemComponent, headerComponent, emptyComponent, ...props }: TrendingFacetsProps): React.JSX.Element;
+export {};

package/dist/es/widgets/TrendingFacets.js

@@ -0,0 +1,46 @@
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
+import { createTrendingFacetsComponent } from 'instantsearch-ui-components';
+import React, { createElement, Fragment } from 'react';
+import { useInstantSearch, useTrendingFacets } from 'react-instantsearch-core';
+
+var TrendingFacetsUiComponent = createTrendingFacetsComponent({
+    createElement: createElement,
+    Fragment: 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 = _(_0, [
+        "facetName",
+        "limit",
+        "threshold",
+        "fallbackParameters",
+        "queryParameters",
+        "escapeHTML",
+        "transformItems",
+        "itemComponent",
+        "headerComponent",
+        "emptyComponent"
+    ]);
+    var status = useInstantSearch().status;
+    var items = 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.createElement(TrendingFacetsUiComponent, _$1({}, props, uiProps));
+}
+
+export { TrendingFacets };

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

@@ -1,5 +1,6 @@
 import { _ } from '@swc/helpers/esm/_object_spread.js';
 import { createButtonComponent, ArrowRightIcon, ChevronLeftIcon, ChevronRightIcon } from 'instantsearch-ui-components';
+import { addAbsolutePosition, addQueryID } from 'instantsearch.js/es/lib/utils/index.js';
 import React, { createElement } from 'react';
 import { Carousel } from '../../../components/Carousel.js';
 
@@ -8,10 +9,13 @@ function createCarouselTool(showViewAll, itemComponent, getSearchPageURL) {
         createElement: 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 = 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 = addQueryID(hitsWithAbsolutePosition, output === null || output === void 0 ? void 0 : output.queryID);
         var MemoedHeaderComponent = React.useMemo(function() {
             return function(props) {
                 return /*#__PURE__*/ React.createElement(HeaderComponent, _({
@@ -32,7 +36,7 @@ function createCarouselTool(showViewAll, itemComponent, getSearchPageURL) {
         return /*#__PURE__*/ React.createElement(Carousel, {
             items: items,
             itemComponent: itemComponent,
-            sendEvent: function sendEvent() {},
+            sendEvent: sendEvent,
             showNavigation: false,
             headerComponent: MemoedHeaderComponent
         });

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

@@ -23,4 +23,5 @@ export * from './SortBy';
 export * from './Stats';
 export * from './ToggleRefinement';
 export * from './TrendingItems';
+export * from './TrendingFacets';
 export * from './FilterSuggestions';

package/dist/es/widgets/index.js

@@ -23,5 +23,6 @@ export { SortBy } from './SortBy.js';
 export { Stats } from './Stats.js';
 export { ToggleRefinement } from './ToggleRefinement.js';
 export { TrendingItems } from './TrendingItems.js';
+export { TrendingFacets } from './TrendingFacets.js';
 export { FilterSuggestions } from './FilterSuggestions.js';
 export { MemorizeToolType, MemorySearchToolType, PonderToolType, RecommendToolType, SearchIndexToolType } from 'instantsearch.js/es/lib/chat/index.js';