react-instantsearch 7.33.1 → 7.34.0

package/dist/cjs/components/ChatInlineLayout.js

@@ -15,3 +15,6 @@ var ChatInlineLayout = (0, _instantsearchuicomponents.createChatInlineLayoutComp
     createElement: _react.createElement,
     Fragment: _react.Fragment
 });
+// Marker used by `<Chat>` to auto-exempt inline layouts from the entry-point
+// validation, since inline chats are always visible (no trigger needed).
+ChatInlineLayout.$$inlineLayout = true;

package/dist/cjs/widgets/Autocomplete.js

@@ -201,22 +201,25 @@ function getMediaQueryList(mediaQuery) {
     };
 }
 function EXPERIMENTAL_Autocomplete(_0) {
-    var _0_indices = _0.indices, indices = _0_indices === void 0 ? [] : _0_indices, showQuerySuggestions = _0.showQuerySuggestions, showPromptSuggestions = _0.showPromptSuggestions, showRecent = _0.showRecent, userSearchParameters = _0.searchParameters, detachedMediaQuery = _0.detachedMediaQuery, tmp = _0.translations, userTranslations = tmp === void 0 ? {} : tmp, props = _object_without_properties._(_0, [
+    var _0_indices = _0.indices, indices = _0_indices === void 0 ? [] : _0_indices, showQuerySuggestions = _0.showQuerySuggestions, showPromptSuggestions = _0.showPromptSuggestions, showRecent = _0.showRecent, userSearchParameters = _0.searchParameters, detachedMediaQuery = _0.detachedMediaQuery, tmp = _0.translations, userTranslations = tmp === void 0 ? {} : tmp, aiMode = _0.aiMode, props = _object_without_properties._(_0, [
         "indices",
         "showQuerySuggestions",
         "showPromptSuggestions",
         "showRecent",
         "searchParameters",
         "detachedMediaQuery",
-        "translations"
+        "translations",
+        "aiMode"
     ]);
     var _showRecent_classNames, _showRecent_classNames1, _showRecent_classNames2, _showRecent_classNames3;
     var translations = _object_spread._({}, DEFAULT_TRANSLATIONS, userTranslations);
     var _useInstantSearch = (0, _reactinstantsearchcore.useInstantSearch)(), indexUiState = _useInstantSearch.indexUiState, indexRenderState = _useInstantSearch.indexRenderState, status = _useInstantSearch.status;
-    var refine = (0, _reactinstantsearchcore.useSearchBox)({}, {
+    var refine = (0, _reactinstantsearchcore.useSearchBox)({}, _object_spread._({
         $$type: 'ais.autocomplete',
         $$widgetType: 'ais.autocomplete'
-    }).refine;
+    }, aiMode ? {
+        opensChat: true
+    } : {})).refine;
     var isSearchStalled = status === 'stalled';
     var searchParameters = _object_spread._({
         hitsPerPage: 5
@@ -305,6 +308,7 @@ function EXPERIMENTAL_Autocomplete(_0) {
             indexName: index.indexName
         }, /*#__PURE__*/ _react.default.createElement(_reactinstantsearchcore.Configure, index.searchParameters));
     }), /*#__PURE__*/ _react.default.createElement(InnerAutocomplete, _object_spread_props._(_object_spread._({}, props), {
+        aiMode: aiMode,
         indicesConfig: indicesConfig,
         refineSearchBox: refine,
         isSearchStalled: isSearchStalled,

package/dist/cjs/widgets/Chat.js

@@ -61,16 +61,13 @@ 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, 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 = _object_without_properties._(_ref2, [
+    ], _ref1 = _to_array._(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), userTools = _ref2.tools, headerProps = _ref2.headerProps, messagesProps = _ref2.messagesProps, promptProps = _ref2.promptProps, itemComponent = _ref2.itemComponent, layoutComponent = _ref2.layoutComponent, 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, _ref_disableTriggerValidation = _ref2.disableTriggerValidation, disableTriggerValidation = _ref_disableTriggerValidation === void 0 ? false : _ref_disableTriggerValidation, props = _object_without_properties._(_ref2, [
         "tools",
-        "toggleButtonProps",
         "headerProps",
         "messagesProps",
         "promptProps",
         "itemComponent",
         "layoutComponent",
-        "toggleButtonComponent",
-        "toggleButtonIconComponent",
         "headerComponent",
         "headerTitleIconComponent",
         "headerCloseIconComponent",
@@ -91,7 +88,8 @@ function ChatInner(_0, _1) {
         "classNames",
         "translations",
         "title",
-        "getSearchPageURL"
+        "getSearchPageURL",
+        "disableTriggerValidation"
     ]), _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;
@@ -109,8 +107,14 @@ function ChatInner(_0, _1) {
         itemComponent,
         userTools
     ]);
+    // Inline layouts are always visible, so they don't require a `<ChatTrigger />`
+    // (or AI mode) to be present. We detect this via a `$$inlineLayout` marker
+    // set on the layout component, which is consistent across flavors.
+    var isInlineLayoutComponent = typeof layoutComponent === 'function' && layoutComponent.$$inlineLayout === true;
+    var effectiveDisableTriggerValidation = disableTriggerValidation || isInlineLayoutComponent;
     var chatState = (0, _reactinstantsearchcore.useChat)(_object_spread_props._(_object_spread._({}, props), {
-        tools: tools
+        tools: tools,
+        disableTriggerValidation: effectiveDisableTriggerValidation
     }));
     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() {
@@ -146,15 +150,7 @@ function ChatInner(_0, _1) {
         layoutComponent: layoutComponent,
         headerComponent: headerComponent,
         promptComponent: promptComponent,
-        toggleButtonComponent: toggleButtonComponent,
         suggestionsComponent: suggestionsComponent,
-        toggleButtonProps: _object_spread._({
-            open: open,
-            onClick: function onClick() {
-                return setOpen(!open);
-            },
-            toggleIconComponent: toggleButtonIconComponent
-        }, toggleButtonProps),
         headerProps: _object_spread._({
             onClose: function onClose() {
                 return setOpen(false);

package/dist/cjs/widgets/ChatTrigger.js

@@ -0,0 +1,49 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "ChatTrigger", {
+    enumerable: true,
+    get: function() {
+        return ChatTrigger;
+    }
+});
+var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
+var _object_spread = require("@swc/helpers/_/_object_spread");
+var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
+var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
+var _instantsearchuicomponents = require("instantsearch-ui-components");
+var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
+var _reactinstantsearchcore = require("react-instantsearch-core");
+var ChatToggleButton = (0, _instantsearchuicomponents.createChatToggleButtonComponent)({
+    createElement: _react.createElement,
+    Fragment: _react.Fragment
+});
+function ChatTrigger(_0) {
+    var classNames = _0.classNames, toggleIconComponent = _0.toggleIconComponent, onClick = _0.onClick, _0_floating = _0.floating, floating = _0_floating === void 0 ? true : _0_floating, props = _object_without_properties._(_0, [
+        "classNames",
+        "toggleIconComponent",
+        "onClick",
+        "floating"
+    ]);
+    var _useChatTrigger = (0, _reactinstantsearchcore.useChatTrigger)({}, {
+        $$widgetType: 'ais.chatTrigger'
+    }), open = _useChatTrigger.open, toggleOpen = _useChatTrigger.toggleOpen;
+    var handleClick = function handleClick() {
+        toggleOpen();
+        onClick === null || onClick === void 0 ? void 0 : onClick();
+    };
+    var rootClassName = [
+        floating && 'ais-ChatToggleButton--floating',
+        classNames === null || classNames === void 0 ? void 0 : classNames.root
+    ].filter(Boolean).flat();
+    return /*#__PURE__*/ _react.default.createElement(ChatToggleButton, _object_spread._({
+        open: open,
+        onClick: handleClick,
+        classNames: _object_spread_props._(_object_spread._({}, classNames), {
+            root: rootClassName
+        }),
+        toggleIconComponent: toggleIconComponent
+    }, props));
+}

package/dist/cjs/widgets/SearchBox.js

@@ -27,9 +27,11 @@ function SearchBox(_0) {
     ]);
     var _useSearchBox = (0, _reactinstantsearchcore.useSearchBox)({
         queryHook: queryHook
-    }, {
+    }, _object_spread._({
         $$widgetType: 'ais.searchBox'
-    }), query = _useSearchBox.query, refine = _useSearchBox.refine, isSearchStalled = _useSearchBox.isSearchStalled;
+    }, aiMode ? {
+        opensChat: true
+    } : {})), 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);

package/dist/cjs/widgets/index.js

@@ -7,6 +7,7 @@ var _export_star = require("@swc/helpers/_/_export_star");
 _export_star._(require("./Autocomplete"), exports);
 _export_star._(require("./Breadcrumb"), exports);
 _export_star._(require("./Chat"), exports);
+_export_star._(require("./ChatTrigger"), exports);
 _export_star._(require("./ClearRefinements"), exports);
 _export_star._(require("./CurrentRefinements"), exports);
 _export_star._(require("./FrequentlyBoughtTogether"), exports);

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

@@ -1 +1,4 @@
-export declare const ChatInlineLayout: (userProps: import("instantsearch-ui-components").ChatLayoutOwnProps) => JSX.Element;
+import { createChatInlineLayoutComponent } from 'instantsearch-ui-components';
+export declare const ChatInlineLayout: ReturnType<typeof createChatInlineLayoutComponent> & {
+    $$inlineLayout: true;
+};

package/dist/es/components/ChatInlineLayout.js

@@ -5,5 +5,8 @@ var ChatInlineLayout = createChatInlineLayoutComponent({
     createElement: createElement,
     Fragment: Fragment
 });
+// Marker used by `<Chat>` to auto-exempt inline layouts from the entry-point
+// validation, since inline chats are always visible (no trigger needed).
+ChatInlineLayout.$$inlineLayout = true;
 
 export { ChatInlineLayout };

package/dist/es/index.js

@@ -4,6 +4,7 @@ export { EXPERIMENTAL_Autocomplete } from './widgets/Autocomplete.js';
 export { Breadcrumb } from './widgets/Breadcrumb.js';
 export { DisplayResultsToolType, MemorizeToolType, MemorySearchToolType, PonderToolType, RecommendToolType, SearchIndexToolType } from 'instantsearch.js/es/lib/chat/index.js';
 export { Chat, createDefaultTools } from './widgets/Chat.js';
+export { ChatTrigger } from './widgets/ChatTrigger.js';
 export { ClearRefinements } from './widgets/ClearRefinements.js';
 export { CurrentRefinements } from './widgets/CurrentRefinements.js';
 export { FrequentlyBoughtTogether } from './widgets/FrequentlyBoughtTogether.js';

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

@@ -84,5 +84,5 @@ export type AutocompleteProps<TItem extends BaseHit> = ComponentProps<'div'> & {
      */
     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 declare function EXPERIMENTAL_Autocomplete<TItem extends BaseHit = BaseHit>({ indices, showQuerySuggestions, showPromptSuggestions, showRecent, searchParameters: userSearchParameters, detachedMediaQuery, translations: userTranslations, aiMode, ...props }: AutocompleteProps<TItem>): React.JSX.Element;
 export {};

package/dist/es/widgets/Autocomplete.js

@@ -190,22 +190,25 @@ function getMediaQueryList(mediaQuery) {
     };
 }
 function EXPERIMENTAL_Autocomplete(_0) {
-    var _0_indices = _0.indices, indices = _0_indices === void 0 ? [] : _0_indices, showQuerySuggestions = _0.showQuerySuggestions, showPromptSuggestions = _0.showPromptSuggestions, showRecent = _0.showRecent, userSearchParameters = _0.searchParameters, detachedMediaQuery = _0.detachedMediaQuery, tmp = _0.translations, userTranslations = tmp === void 0 ? {} : tmp, props = _(_0, [
+    var _0_indices = _0.indices, indices = _0_indices === void 0 ? [] : _0_indices, showQuerySuggestions = _0.showQuerySuggestions, showPromptSuggestions = _0.showPromptSuggestions, showRecent = _0.showRecent, userSearchParameters = _0.searchParameters, detachedMediaQuery = _0.detachedMediaQuery, tmp = _0.translations, userTranslations = tmp === void 0 ? {} : tmp, aiMode = _0.aiMode, props = _(_0, [
         "indices",
         "showQuerySuggestions",
         "showPromptSuggestions",
         "showRecent",
         "searchParameters",
         "detachedMediaQuery",
-        "translations"
+        "translations",
+        "aiMode"
     ]);
     var _showRecent_classNames, _showRecent_classNames1, _showRecent_classNames2, _showRecent_classNames3;
     var translations = _$1({}, DEFAULT_TRANSLATIONS, userTranslations);
     var _useInstantSearch = useInstantSearch(), indexUiState = _useInstantSearch.indexUiState, indexRenderState = _useInstantSearch.indexRenderState, status = _useInstantSearch.status;
-    var refine = useSearchBox({}, {
+    var refine = useSearchBox({}, _$1({
         $$type: 'ais.autocomplete',
         $$widgetType: 'ais.autocomplete'
-    }).refine;
+    }, aiMode ? {
+        opensChat: true
+    } : {})).refine;
     var isSearchStalled = status === 'stalled';
     var searchParameters = _$1({
         hitsPerPage: 5
@@ -294,6 +297,7 @@ function EXPERIMENTAL_Autocomplete(_0) {
             indexName: index.indexName
         }, /*#__PURE__*/ React.createElement(Configure, index.searchParameters));
     }), /*#__PURE__*/ React.createElement(InnerAutocomplete, _$4(_$1({}, props), {
+        aiMode: aiMode,
         indicesConfig: indicesConfig,
         refineSearchBox: refine,
         isSearchStalled: isSearchStalled,

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

@@ -7,8 +7,7 @@ import type { UIMessage } from 'instantsearch.js/es/lib/chat';
 import type { UseChatProps } from 'react-instantsearch-core';
 export declare function createDefaultTools<TObject extends RecordWithObjectID>(itemComponent?: ItemComponent<TObject>, getSearchPageURL?: (nextUiState: IndexUiState) => string): UserClientSideTools;
 type ItemComponent<TObject> = RecommendComponentProps<TObject>['itemComponent'];
-type UiProps = Pick<ChatUiProps, 'open' | 'headerProps' | 'toggleButtonProps' | 'messagesProps' | 'promptProps' | 'suggestionsProps' | 'headerComponent' | 'promptComponent' | 'suggestionsComponent' | 'layoutComponent' | 'sendMessage' | 'regenerate' | 'stop' | 'error'>;
-type UserToggleButtonProps = Omit<ChatUiProps['toggleButtonProps'], 'open' | 'onClick'>;
+type UiProps = Pick<ChatUiProps, 'open' | 'headerProps' | 'messagesProps' | 'promptProps' | 'suggestionsProps' | 'headerComponent' | 'promptComponent' | 'suggestionsComponent' | 'layoutComponent' | 'sendMessage' | 'regenerate' | 'stop' | 'error'>;
 type UserHeaderProps = Omit<ChatUiProps['headerProps'], 'onClose'>;
 type UserMessagesProps = Omit<ChatUiProps['messagesProps'], 'messages' | 'tools' | 'indexUiState' | 'setIndexUiState' | 'scrollRef' | 'contentRef' | 'messageComponent' | 'leadingComponent' | 'footerComponent' | 'suggestionsComponent' | 'translations' | 'classNames'>;
 type UserPromptProps = Omit<ChatUiProps['promptProps'], 'value' | 'onInput' | 'onSubmit' | 'headerComponent' | 'footerComponent'>;
@@ -18,13 +17,10 @@ export type ChatProps<TObject, TUiMessage extends UIMessage = UIMessage> = Omit<
     itemComponent?: ItemComponent<TObject>;
     tools?: UserClientSideTools;
     getSearchPageURL?: (nextUiState: IndexUiState) => string;
-    toggleButtonProps?: UserToggleButtonProps;
     headerProps?: UserHeaderProps;
     messagesProps?: UserMessagesProps;
     promptProps?: UserPromptProps;
     layoutComponent?: (props: ChatLayoutOwnProps) => JSX.Element;
-    toggleButtonComponent?: ChatUiProps['toggleButtonComponent'];
-    toggleButtonIconComponent?: ChatUiProps['toggleButtonProps']['toggleIconComponent'];
     headerComponent?: ChatUiProps['headerComponent'];
     headerTitleIconComponent?: ChatUiProps['headerProps']['titleIconComponent'];
     headerCloseIconComponent?: ChatUiProps['headerProps']['closeIconComponent'];

package/dist/es/widgets/Chat.js

@@ -25,16 +25,13 @@ 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, [
+    ], _ref1 = _$1(_ref), _ref2 = _ref1[0], _rest = _ref1.slice(1), userTools = _ref2.tools, headerProps = _ref2.headerProps, messagesProps = _ref2.messagesProps, promptProps = _ref2.promptProps, itemComponent = _ref2.itemComponent, layoutComponent = _ref2.layoutComponent, 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, _ref_disableTriggerValidation = _ref2.disableTriggerValidation, disableTriggerValidation = _ref_disableTriggerValidation === void 0 ? false : _ref_disableTriggerValidation, props = _$2(_ref2, [
         "tools",
-        "toggleButtonProps",
         "headerProps",
         "messagesProps",
         "promptProps",
         "itemComponent",
         "layoutComponent",
-        "toggleButtonComponent",
-        "toggleButtonIconComponent",
         "headerComponent",
         "headerTitleIconComponent",
         "headerCloseIconComponent",
@@ -55,7 +52,8 @@ function ChatInner(_0, _1) {
         "classNames",
         "translations",
         "title",
-        "getSearchPageURL"
+        "getSearchPageURL",
+        "disableTriggerValidation"
     ]), _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;
@@ -73,8 +71,14 @@ function ChatInner(_0, _1) {
         itemComponent,
         userTools
     ]);
+    // Inline layouts are always visible, so they don't require a `<ChatTrigger />`
+    // (or AI mode) to be present. We detect this via a `$$inlineLayout` marker
+    // set on the layout component, which is consistent across flavors.
+    var isInlineLayoutComponent = typeof layoutComponent === 'function' && layoutComponent.$$inlineLayout === true;
+    var effectiveDisableTriggerValidation = disableTriggerValidation || isInlineLayoutComponent;
     var chatState = useChat(_$5(_$4({}, props), {
-        tools: tools
+        tools: tools,
+        disableTriggerValidation: effectiveDisableTriggerValidation
     }));
     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() {
@@ -110,15 +114,7 @@ function ChatInner(_0, _1) {
         layoutComponent: layoutComponent,
         headerComponent: headerComponent,
         promptComponent: promptComponent,
-        toggleButtonComponent: toggleButtonComponent,
         suggestionsComponent: suggestionsComponent,
-        toggleButtonProps: _$4({
-            open: open,
-            onClick: function onClick() {
-                return setOpen(!open);
-            },
-            toggleIconComponent: toggleButtonIconComponent
-        }, toggleButtonProps),
         headerProps: _$4({
             onClose: function onClose() {
                 return setOpen(false);

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

@@ -0,0 +1,24 @@
+import React from 'react';
+import type { ChatToggleButtonClassNames, ChatToggleButtonProps as ChatToggleButtonUiProps } from 'instantsearch-ui-components';
+export type ChatTriggerProps = Omit<ChatToggleButtonUiProps, 'open' | 'onClick'> & {
+    /**
+     * CSS classes to add to the widget elements.
+     */
+    classNames?: Partial<ChatToggleButtonClassNames>;
+    /**
+     * Custom icon component to replace the default sparkles/chevron icons.
+     */
+    toggleIconComponent?: ChatToggleButtonUiProps['toggleIconComponent'];
+    /**
+     * Callback when the trigger is clicked.
+     */
+    onClick?: () => void;
+    /**
+     * Whether the button is positioned as a floating action button at the
+     * bottom-right of the viewport. Set to `false` to render an inline button
+     * that flows with surrounding content.
+     * @default true
+     */
+    floating?: boolean;
+};
+export declare function ChatTrigger({ classNames, toggleIconComponent, onClick, floating, ...props }: ChatTriggerProps): React.JSX.Element;

package/dist/es/widgets/ChatTrigger.js

@@ -0,0 +1,40 @@
+import { _ as _$1 } from '@swc/helpers/esm/_object_spread.js';
+import { _ as _$2 } from '@swc/helpers/esm/_object_spread_props.js';
+import { _ } from '@swc/helpers/esm/_object_without_properties.js';
+import { createChatToggleButtonComponent } from 'instantsearch-ui-components';
+import React, { createElement, Fragment } from 'react';
+import { useChatTrigger } from 'react-instantsearch-core';
+
+var ChatToggleButton = createChatToggleButtonComponent({
+    createElement: createElement,
+    Fragment: Fragment
+});
+function ChatTrigger(_0) {
+    var classNames = _0.classNames, toggleIconComponent = _0.toggleIconComponent, onClick = _0.onClick, _0_floating = _0.floating, floating = _0_floating === void 0 ? true : _0_floating, props = _(_0, [
+        "classNames",
+        "toggleIconComponent",
+        "onClick",
+        "floating"
+    ]);
+    var _useChatTrigger = useChatTrigger({}, {
+        $$widgetType: 'ais.chatTrigger'
+    }), open = _useChatTrigger.open, toggleOpen = _useChatTrigger.toggleOpen;
+    var handleClick = function handleClick() {
+        toggleOpen();
+        onClick === null || onClick === void 0 ? void 0 : onClick();
+    };
+    var rootClassName = [
+        floating && 'ais-ChatToggleButton--floating',
+        classNames === null || classNames === void 0 ? void 0 : classNames.root
+    ].filter(Boolean).flat();
+    return /*#__PURE__*/ React.createElement(ChatToggleButton, _$1({
+        open: open,
+        onClick: handleClick,
+        classNames: _$2(_$1({}, classNames), {
+            root: rootClassName
+        }),
+        toggleIconComponent: toggleIconComponent
+    }, props));
+}
+
+export { ChatTrigger };

package/dist/es/widgets/SearchBox.js

@@ -1,6 +1,6 @@
-import { _ as _$2 } from '@swc/helpers/esm/_object_spread.js';
+import { _ as _$1 } 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 { _ as _$2 } 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';
@@ -16,11 +16,13 @@ function SearchBox(_0) {
     ]);
     var _useSearchBox = useSearchBox({
         queryHook: queryHook
-    }, {
+    }, _$1({
         $$widgetType: 'ais.searchBox'
-    }), query = _useSearchBox.query, refine = _useSearchBox.refine, isSearchStalled = _useSearchBox.isSearchStalled;
+    }, aiMode ? {
+        opensChat: true
+    } : {})), 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 _useState = _$2(useState(query), 2), inputValue = _useState[0], setInputValue = _useState[1];
     var inputRef = useRef(null);
     function setQuery(newQuery) {
         var isComposing = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : false;
@@ -70,13 +72,13 @@ function SearchBox(_0) {
         } : undefined,
         aiModeButtonDisabled: aiMode ? isChatBusy(chatRenderState) : undefined,
         value: inputValue,
-        translations: _$2({
+        translations: _$1({
             submitButtonTitle: 'Submit the search query',
             resetButtonTitle: 'Clear the search query',
             aiModeButtonTitle: 'AI Mode'
         }, translations)
     };
-    return /*#__PURE__*/ React.createElement(SearchBox$1, _$2({}, props, uiProps));
+    return /*#__PURE__*/ React.createElement(SearchBox$1, _$1({}, props, uiProps));
 }
 
 export { SearchBox };

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

@@ -1,6 +1,7 @@
 export * from './Autocomplete';
 export * from './Breadcrumb';
 export * from './Chat';
+export * from './ChatTrigger';
 export * from './ClearRefinements';
 export * from './CurrentRefinements';
 export * from './FrequentlyBoughtTogether';

package/dist/es/widgets/index.js

@@ -1,6 +1,7 @@
 export { EXPERIMENTAL_Autocomplete } from './Autocomplete.js';
 export { Breadcrumb } from './Breadcrumb.js';
 export { Chat, createDefaultTools } from './Chat.js';
+export { ChatTrigger } from './ChatTrigger.js';
 export { ClearRefinements } from './ClearRefinements.js';
 export { CurrentRefinements } from './CurrentRefinements.js';
 export { FrequentlyBoughtTogether } from './FrequentlyBoughtTogether.js';