react-instantsearch 7.40.0 → 7.42.0

package/dist/cjs/components/Carousel.js

@@ -16,7 +16,9 @@ var _instantsearchuicomponents = require("instantsearch-ui-components");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var CarouselUiComponent = (0, _instantsearchuicomponents.createCarouselComponent)({
     createElement: _react.createElement,
-    Fragment: _react.Fragment
+    Fragment: _react.Fragment,
+    useEffect: _react.useEffect,
+    useRef: _react.useRef
 });
 function Carousel(props) {
     var _useState = _sliced_to_array._((0, _react.useState)(false), 2), canScrollLeft = _useState[0], setCanScrollLeft = _useState[1];

package/dist/cjs/widgets/Autocomplete.js

@@ -3,9 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-Object.defineProperty(exports, "EXPERIMENTAL_Autocomplete", {
-    enumerable: true,
-    get: function() {
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: Object.getOwnPropertyDescriptor(all, name).get
+    });
+}
+_export(exports, {
+    get Autocomplete () {
+        return Autocomplete;
+    },
+    get EXPERIMENTAL_Autocomplete () {
         return EXPERIMENTAL_Autocomplete;
     }
 });
@@ -18,13 +26,13 @@ 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 _utils = require("instantsearch.js/cjs/lib/utils");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 var _reactinstantsearchcore = require("react-instantsearch-core");
 var _AutocompleteSearch = require("../components/AutocompleteSearch");
 var _Highlight = require("./Highlight");
 var _ReverseHighlight = require("./ReverseHighlight");
-var Autocomplete = (0, _instantsearchuicomponents.createAutocompleteComponent)({
+var AutocompleteUiComponent = (0, _instantsearchuicomponents.createAutocompleteComponent)({
     createElement: _react.createElement,
     Fragment: _react.Fragment
 });
@@ -210,7 +218,7 @@ function getMediaQueryList(mediaQuery) {
         setIsModalOpen: setIsModalOpen
     };
 }
-function EXPERIMENTAL_Autocomplete(props) {
+function Autocomplete(props) {
     var _showRecent_classNames, _showRecent_classNames1, _showRecent_classNames2, _showRecent_classNames3;
     var indices = 'indices' in props ? props.indices : undefined;
     var feeds = 'feeds' in props ? props.feeds : undefined;
@@ -243,10 +251,10 @@ function EXPERIMENTAL_Autocomplete(props) {
     var domId = useAutocompleteId();
     var instanceKey = domId.replace(/:/g, '');
     if (isFeedsMode && indices !== undefined) {
-        throw new Error('EXPERIMENTAL_Autocomplete: `feeds` and `indices` are mutually exclusive.');
+        throw new Error('Autocomplete: `feeds` and `indices` are mutually exclusive.');
     }
     if (isFeedsMode && !compositionID) {
-        throw new Error('EXPERIMENTAL_Autocomplete in feeds-mode requires a composition-based <InstantSearch> (compositionID must be set).');
+        throw new Error('Autocomplete in feeds-mode requires a composition-based <InstantSearch> (compositionID must be set).');
     }
     var isSearchStalled = status === 'stalled';
     var searchParameters = _object_spread._({
@@ -461,7 +469,7 @@ function EXPERIMENTAL_Autocomplete(props) {
             }
             setActivated(true);
         };
-        return /*#__PURE__*/ _react.default.createElement(Autocomplete, _object_spread_props._(_object_spread._({}, shellRootProps), {
+        return /*#__PURE__*/ _react.default.createElement(AutocompleteUiComponent, _object_spread_props._(_object_spread._({}, shellRootProps), {
             classNames: classNames
         }), isDetached ? /*#__PURE__*/ _react.default.createElement(AutocompleteDetachedSearchButton, {
             query: (_indexUiState_query = indexUiState.query) !== null && _indexUiState_query !== void 0 ? _indexUiState_query : '',
@@ -504,7 +512,7 @@ function EXPERIMENTAL_Autocomplete(props) {
     }));
     if (isFeedsMode) {
         return /*#__PURE__*/ _react.default.createElement(_reactinstantsearchcore.Index, {
-            EXPERIMENTAL_isolated: true,
+            isolated: true,
             indexName: compositionID,
             indexId: "ais-autocomplete-".concat(instanceKey)
         }, /*#__PURE__*/ _react.default.createElement(_reactinstantsearchcore.Configure, searchParameters), /*#__PURE__*/ _react.default.createElement(_reactinstantsearchcore.Feeds, {
@@ -515,7 +523,7 @@ function EXPERIMENTAL_Autocomplete(props) {
         }), innerAutocomplete);
     }
     return /*#__PURE__*/ _react.default.createElement(_reactinstantsearchcore.Index, {
-        EXPERIMENTAL_isolated: true,
+        isolated: true,
         indexId: "ais-autocomplete-".concat(instanceKey)
     }, /*#__PURE__*/ _react.default.createElement(_reactinstantsearchcore.Configure, searchParameters), indicesConfig.map(function(index) {
         return /*#__PURE__*/ _react.default.createElement(_reactinstantsearchcore.Index, {
@@ -525,6 +533,7 @@ function EXPERIMENTAL_Autocomplete(props) {
         }, /*#__PURE__*/ _react.default.createElement(_reactinstantsearchcore.Configure, index.searchParameters));
     }), innerAutocomplete);
 }
+var EXPERIMENTAL_Autocomplete = (0, _utils.deprecate)(Autocomplete, 'EXPERIMENTAL_Autocomplete is no longer experimental. Please use Autocomplete instead.');
 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, translations = _0.translations, classNames = _0.classNames, aiMode = _0.aiMode, domId = _0.domId, detached = _0.detached, props = _object_without_properties._(_0, [
         "indicesConfig",
@@ -641,7 +650,7 @@ function InnerAutocomplete(_0) {
                 if (chatRenderState) {
                     if ((0, _chat.openChat)(chatRenderState, {
                         message: item.prompt,
-                        referer: 'prompt-suggestions'
+                        referer: 'prompt-suggestions-autocomplete'
                     })) {
                         setQuery('');
                     }
@@ -810,7 +819,7 @@ function InnerAutocomplete(_0) {
         "ref"
     ]);
     if (isDetached) {
-        return /*#__PURE__*/ _react.default.createElement(Autocomplete, _object_spread_props._(_object_spread._({}, props, rootProps), {
+        return /*#__PURE__*/ _react.default.createElement(AutocompleteUiComponent, _object_spread_props._(_object_spread._({}, props, rootProps), {
             rootRef: rootRef,
             classNames: classNames
         }), /*#__PURE__*/ _react.default.createElement(AutocompleteDetachedSearchButton, {
@@ -836,7 +845,7 @@ function InnerAutocomplete(_0) {
         }, searchBoxContent), panelContent)));
     }
     // Normal (non-detached) rendering
-    return /*#__PURE__*/ _react.default.createElement(Autocomplete, _object_spread_props._(_object_spread._({}, props, rootProps), {
+    return /*#__PURE__*/ _react.default.createElement(AutocompleteUiComponent, _object_spread_props._(_object_spread._({}, props, rootProps), {
         rootRef: rootRef,
         classNames: classNames
     }), searchBoxContent, panelContent);

package/dist/cjs/widgets/Chat.js

@@ -52,18 +52,35 @@ var _SearchIndexTool = require("./chat/tools/SearchIndexTool");
 var ChatUiComponent = (0, _instantsearchuicomponents.createChatComponent)({
     createElement: _react.createElement,
     Fragment: _react.Fragment,
-    memo: _react.memo,
+    useMemo: _react.useMemo,
     useState: _react.useState
 });
 function createDefaultTools(itemComponent, getSearchPageURL) {
     var _obj;
     return _obj = {}, _define_property._(_obj, _chat.SearchIndexToolType, (0, _SearchIndexTool.createCarouselTool)(true, itemComponent, getSearchPageURL)), _define_property._(_obj, _chat.RecommendToolType, (0, _SearchIndexTool.createCarouselTool)(false, itemComponent, getSearchPageURL)), _define_property._(_obj, _chat.DisplayResultsToolType, (0, _DisplayResultsTool.createDisplayResultsTool)(itemComponent)), _define_property._(_obj, _chat.MemorizeToolType, {}), _define_property._(_obj, _chat.MemorySearchToolType, {}), _define_property._(_obj, _chat.PonderToolType, {}), _obj;
 }
+function mergeToolOptions(defaultTools, userTools) {
+    if (!userTools) {
+        return defaultTools;
+    }
+    var tools = _object_spread._({}, defaultTools, userTools);
+    Object.keys(userTools).forEach(function(toolName) {
+        var _defaultTools_toolName;
+        var userTool = userTools[toolName];
+        var defaultStreamInput = (_defaultTools_toolName = defaultTools[toolName]) === null || _defaultTools_toolName === void 0 ? void 0 : _defaultTools_toolName.streamInput;
+        if (userTool.layoutComponent !== undefined && userTool.streamInput === undefined && defaultStreamInput !== undefined) {
+            tools[toolName] = _object_spread_props._(_object_spread._({}, userTool), {
+                streamInput: defaultStreamInput
+            });
+        }
+    });
+    return tools;
+}
 function ChatInner(_0, _1) {
     var _ref = [
         _0,
         _1
-    ], _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, [
+    ], _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, showReasoning = _ref2.showReasoning, props = _object_without_properties._(_ref2, [
         "tools",
         "headerProps",
         "messagesProps",
@@ -91,7 +108,8 @@ function ChatInner(_0, _1) {
         "translations",
         "title",
         "getSearchPageURL",
-        "disableTriggerValidation"
+        "disableTriggerValidation",
+        "showReasoning"
     ]), _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;
@@ -103,7 +121,7 @@ function ChatInner(_0, _1) {
     }), scrollRef = _useStickToBottom1.scrollRef, contentRef = _useStickToBottom1.contentRef, scrollToBottom = _useStickToBottom1.scrollToBottom, isAtBottom = _useStickToBottom1.isAtBottom;
     var tools = (0, _react.useMemo)(function() {
         var defaults = createDefaultTools(itemComponent, getSearchPageURL);
-        return _object_spread._({}, defaults, userTools);
+        return mergeToolOptions(defaults, userTools);
     }, [
         getSearchPageURL,
         itemComponent,
@@ -158,6 +176,10 @@ function ChatInner(_0, _1) {
         status,
         scrollToBottom
     ]);
+    var _ref3 = messagesProps !== null && messagesProps !== void 0 ? messagesProps : {}, callerAssistantMessageProps = _ref3.assistantMessageProps, callerUserMessageProps = _ref3.userMessageProps, restMessagesProps = _object_without_properties._(_ref3, [
+        "assistantMessageProps",
+        "userMessageProps"
+    ]);
     return /*#__PURE__*/ _react.default.createElement(ChatUiComponent, {
         title: title,
         open: open,
@@ -213,17 +235,18 @@ function ChatInner(_0, _1) {
             errorComponent: messagesErrorComponent,
             emptyComponent: emptyComponent,
             actionsComponent: actionsComponent,
+            translations: messagesTranslations,
+            messageTranslations: messageTranslations
+        }, restMessagesProps), {
             assistantMessageProps: _object_spread._({
                 leadingComponent: assistantMessageLeadingComponent,
-                footerComponent: assistantMessageFooterComponent
-            }, messagesProps === null || messagesProps === void 0 ? void 0 : messagesProps.assistantMessageProps),
+                footerComponent: assistantMessageFooterComponent,
+                showReasoning: showReasoning
+            }, callerAssistantMessageProps),
             userMessageProps: _object_spread._({
                 leadingComponent: userMessageLeadingComponent,
                 footerComponent: userMessageFooterComponent
-            }, messagesProps === null || messagesProps === void 0 ? void 0 : messagesProps.userMessageProps),
-            translations: messagesTranslations,
-            messageTranslations: messageTranslations
-        }, messagesProps), {
+            }, callerUserMessageProps),
             error: error
         }),
         promptProps: _object_spread._({

package/dist/cjs/widgets/PromptSuggestions.js

@@ -0,0 +1,66 @@
+'use strict';
+
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "PromptSuggestions", {
+    enumerable: true,
+    get: function() {
+        return PromptSuggestions;
+    }
+});
+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 PromptSuggestionsUi = (0, _instantsearchuicomponents.createPromptSuggestionsComponent)({
+    createElement: _react.createElement,
+    Fragment: _react.Fragment
+});
+function PromptSuggestions(_0) {
+    var _0_classNames = _0.classNames, classNames = _0_classNames === void 0 ? {} : _0_classNames, LayoutComponent = _0.layoutComponent, onSuggestionClickOverride = _0.onSuggestionClick, // Connector params — forwarded to the hook, not the UI root.
+    agentId = _0.agentId, transport = _0.transport, configurationId = _0.configurationId, transformHits = _0.transformHits, context = _0.context, transformItems = _0.transformItems, props = _object_without_properties._(_0, [
+        "classNames",
+        "layoutComponent",
+        "onSuggestionClick",
+        "agentId",
+        "transport",
+        "configurationId",
+        "transformHits",
+        "context",
+        "transformItems"
+    ]);
+    var _usePromptSuggestions = (0, _reactinstantsearchcore.usePromptSuggestions)({
+        agentId: agentId,
+        transport: transport,
+        configurationId: configurationId,
+        transformHits: transformHits,
+        context: context,
+        transformItems: transformItems
+    }, {
+        $$widgetType: 'ais.promptSuggestions'
+    }), suggestions = _usePromptSuggestions.suggestions, isLoading = _usePromptSuggestions.isLoading, onSuggestionClick = _usePromptSuggestions.onSuggestionClick, isChatBusy = _usePromptSuggestions.isChatBusy, sendToChat = _usePromptSuggestions.sendToChat;
+    var handleClick = onSuggestionClickOverride ? function(prompt) {
+        return onSuggestionClickOverride(prompt, {
+            sendToChat: sendToChat
+        });
+    } : onSuggestionClick;
+    if (LayoutComponent) {
+        return /*#__PURE__*/ _react.default.createElement(LayoutComponent, {
+            suggestions: suggestions,
+            isLoading: isLoading,
+            onSuggestionClick: handleClick,
+            isChatBusy: isChatBusy
+        });
+    }
+    return /*#__PURE__*/ _react.default.createElement(PromptSuggestionsUi, _object_spread_props._(_object_spread._({}, props), {
+        classNames: classNames,
+        suggestions: suggestions,
+        isLoading: isLoading,
+        onSuggestionClick: handleClick,
+        disabled: isChatBusy
+    }));
+}

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

@@ -17,11 +17,43 @@ function createDisplayResultsTool(itemComponent) {
     var DisplayResultsUIComponent = (0, _instantsearchuicomponents.createDisplayResultsToolComponent)({
         createElement: _react.createElement,
         Fragment: _react.Fragment,
-        useMemo: _react.useMemo
+        useEffect: _react.useEffect,
+        useMemo: _react.useMemo,
+        useRef: _react.useRef
     });
     var Button = (0, _instantsearchuicomponents.createButtonComponent)({
         createElement: _react.createElement
     });
+    var DisplayResultsCarouselHeader = function DisplayResultsCarouselHeader(param) {
+        var nbItems = param.nbItems, canScrollLeft = param.canScrollLeft, canScrollRight = param.canScrollRight, scrollLeft = param.scrollLeft, scrollRight = param.scrollRight;
+        return /*#__PURE__*/ _react.default.createElement("div", {
+            className: "ais-ChatToolDisplayResultsCarouselHeader"
+        }, /*#__PURE__*/ _react.default.createElement("div", {
+            className: "ais-ChatToolDisplayResultsCarouselHeaderCount"
+        }, nbItems, " result", nbItems > 1 ? 's' : ''), /*#__PURE__*/ _react.default.createElement("div", {
+            className: "ais-ChatToolDisplayResultsCarouselHeaderScrollButtons"
+        }, /*#__PURE__*/ _react.default.createElement(Button, {
+            variant: "outline",
+            size: "sm",
+            iconOnly: true,
+            "aria-label": "Previous",
+            onClick: scrollLeft,
+            disabled: !canScrollLeft,
+            className: "ais-ChatToolDisplayResultsCarouselHeaderScrollButton"
+        }, /*#__PURE__*/ _react.default.createElement(_instantsearchuicomponents.ChevronLeftIcon, {
+            createElement: _react.createElement
+        })), /*#__PURE__*/ _react.default.createElement(Button, {
+            variant: "outline",
+            size: "sm",
+            iconOnly: true,
+            "aria-label": "Next",
+            onClick: scrollRight,
+            disabled: !canScrollRight,
+            className: "ais-ChatToolDisplayResultsCarouselHeaderScrollButton"
+        }, /*#__PURE__*/ _react.default.createElement(_instantsearchuicomponents.ChevronRightIcon, {
+            createElement: _react.createElement
+        }))));
+    };
     var DisplayResultsLayoutComponent = function DisplayResultsLayoutComponent(toolProps) {
         return /*#__PURE__*/ _react.default.createElement(DisplayResultsUIComponent, {
             toolProps: toolProps,
@@ -32,39 +64,13 @@ function createDisplayResultsTool(itemComponent) {
                     itemComponent: itemComponent,
                     sendEvent: sendEvent,
                     showNavigation: false,
-                    headerComponent: function headerComponent(param) {
-                        var canScrollLeft = param.canScrollLeft, canScrollRight = param.canScrollRight, scrollLeft = param.scrollLeft, scrollRight = param.scrollRight;
-                        return /*#__PURE__*/ _react.default.createElement("div", {
-                            className: "ais-ChatToolDisplayResultsCarouselHeader"
-                        }, /*#__PURE__*/ _react.default.createElement("div", {
-                            className: "ais-ChatToolDisplayResultsCarouselHeaderCount"
-                        }, items.length, " result", items.length > 1 ? 's' : ''), /*#__PURE__*/ _react.default.createElement("div", {
-                            className: "ais-ChatToolDisplayResultsCarouselHeaderScrollButtons"
-                        }, /*#__PURE__*/ _react.default.createElement(Button, {
-                            variant: "outline",
-                            size: "sm",
-                            iconOnly: true,
-                            onClick: scrollLeft,
-                            disabled: !canScrollLeft,
-                            className: "ais-ChatToolDisplayResultsCarouselHeaderScrollButton"
-                        }, /*#__PURE__*/ _react.default.createElement(_instantsearchuicomponents.ChevronLeftIcon, {
-                            createElement: _react.createElement
-                        })), /*#__PURE__*/ _react.default.createElement(Button, {
-                            variant: "outline",
-                            size: "sm",
-                            iconOnly: true,
-                            onClick: scrollRight,
-                            disabled: !canScrollRight,
-                            className: "ais-ChatToolDisplayResultsCarouselHeaderScrollButton"
-                        }, /*#__PURE__*/ _react.default.createElement(_instantsearchuicomponents.ChevronRightIcon, {
-                            createElement: _react.createElement
-                        }))));
-                    }
+                    headerComponent: DisplayResultsCarouselHeader
                 });
             }
         });
     };
     return {
-        layoutComponent: DisplayResultsLayoutComponent
+        layoutComponent: DisplayResultsLayoutComponent,
+        streamInput: true
     };
 }

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

@@ -10,98 +10,27 @@ Object.defineProperty(exports, "createCarouselTool", {
     }
 });
 var _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-var _object_spread = require("@swc/helpers/_/_object_spread");
 var _instantsearchuicomponents = require("instantsearch-ui-components");
-var _utils = require("instantsearch.js/cjs/lib/utils");
 var _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
-var _components = require("../../../components");
 function createCarouselTool(showViewAll, itemComponent, getSearchPageURL) {
-    var Button = (0, _instantsearchuicomponents.createButtonComponent)({
-        createElement: _react.createElement
+    var SearchLayoutUIComponent = (0, _instantsearchuicomponents.createCarouselToolComponent)({
+        createElement: _react.createElement,
+        Fragment: _react.Fragment,
+        useEffect: _react.useEffect,
+        useMemo: _react.useMemo,
+        useRef: _react.useRef,
+        useState: _react.useState
     });
-    function SearchLayoutComponent(param) {
-        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 hitsWithAbsolutePosition = (0, _utils.addAbsolutePosition)((output === null || output === void 0 ? void 0 : output.hits) || [], 0, ((_ref = input === null || input === void 0 ? void 0 : input.number_of_results) !== null && _ref !== void 0 ? _ref : output === null || output === void 0 ? void 0 : (_output_hits = output.hits) === null || _output_hits === void 0 ? void 0 : _output_hits.length) || 5);
-        var items = (0, _utils.addQueryID)(hitsWithAbsolutePosition, output === null || output === void 0 ? void 0 : output.queryID);
-        var MemoedHeaderComponent = _react.default.useMemo(function() {
-            return function(props) {
-                return /*#__PURE__*/ _react.default.createElement(HeaderComponent, _object_spread._({
-                    nbHits: output === null || output === void 0 ? void 0 : output.nbHits,
-                    input: input,
-                    hitsPerPage: items.length,
-                    onClose: onClose,
-                    applyFilters: applyFilters
-                }, props));
-            };
-        }, [
-            items.length,
-            input,
-            output === null || output === void 0 ? void 0 : output.nbHits,
-            applyFilters,
-            onClose
-        ]);
-        return /*#__PURE__*/ _react.default.createElement(_components.Carousel, {
-            items: items,
+    var SearchLayoutComponent = function SearchLayoutComponent(toolProps) {
+        return /*#__PURE__*/ _react.default.createElement(SearchLayoutUIComponent, {
+            getSearchPageURL: getSearchPageURL,
+            headerProps: {
+                showViewAll: showViewAll
+            },
             itemComponent: itemComponent,
-            sendEvent: sendEvent,
-            showNavigation: false,
-            headerComponent: MemoedHeaderComponent
+            toolProps: toolProps
         });
-    }
-    function HeaderComponent(param) {
-        var canScrollLeft = param.canScrollLeft, canScrollRight = param.canScrollRight, scrollLeft = param.scrollLeft, scrollRight = param.scrollRight, nbHits = param.nbHits, input = param.input, hitsPerPage = param.hitsPerPage, applyFilters = param.applyFilters, onClose = param.onClose;
-        if ((hitsPerPage !== null && hitsPerPage !== void 0 ? hitsPerPage : 0) < 1) {
-            return null;
-        }
-        return /*#__PURE__*/ _react.default.createElement("div", {
-            className: "ais-ChatToolSearchIndexCarouselHeader"
-        }, /*#__PURE__*/ _react.default.createElement("div", {
-            className: "ais-ChatToolSearchIndexCarouselHeaderResults"
-        }, nbHits && /*#__PURE__*/ _react.default.createElement("div", {
-            className: "ais-ChatToolSearchIndexCarouselHeaderCount"
-        }, hitsPerPage !== null && hitsPerPage !== void 0 ? hitsPerPage : 0, " of ", nbHits.toLocaleString(), " result", nbHits > 1 ? 's' : ''), showViewAll && /*#__PURE__*/ _react.default.createElement(Button, {
-            variant: "ghost",
-            size: "sm",
-            onClick: function onClick() {
-                if (!input || !applyFilters) return;
-                var params = applyFilters({
-                    query: input.query,
-                    facetFilters: (0, _instantsearchuicomponents.getFacetFiltersFromToolInput)(input)
-                });
-                if (getSearchPageURL && new URL(getSearchPageURL(params)).pathname !== window.location.pathname) {
-                    window.location.href = getSearchPageURL(params);
-                }
-                onClose();
-            },
-            className: "ais-ChatToolSearchIndexCarouselHeaderViewAll"
-        }, "View all", /*#__PURE__*/ _react.default.createElement(_instantsearchuicomponents.ArrowRightIcon, {
-            createElement: _react.createElement
-        }))), (hitsPerPage !== null && hitsPerPage !== void 0 ? hitsPerPage : 0) > 2 && /*#__PURE__*/ _react.default.createElement("div", {
-            className: "ais-ChatToolSearchIndexCarouselHeaderScrollButtons"
-        }, /*#__PURE__*/ _react.default.createElement(Button, {
-            variant: "outline",
-            size: "sm",
-            iconOnly: true,
-            onClick: scrollLeft,
-            disabled: !canScrollLeft,
-            className: "ais-ChatToolSearchIndexCarouselHeaderScrollButton"
-        }, /*#__PURE__*/ _react.default.createElement(_instantsearchuicomponents.ChevronLeftIcon, {
-            createElement: _react.createElement
-        })), /*#__PURE__*/ _react.default.createElement(Button, {
-            variant: "outline",
-            size: "sm",
-            iconOnly: true,
-            onClick: scrollRight,
-            disabled: !canScrollRight,
-            className: "ais-ChatToolSearchIndexCarouselHeaderScrollButton"
-        }, /*#__PURE__*/ _react.default.createElement(_instantsearchuicomponents.ChevronRightIcon, {
-            createElement: _react.createElement
-        }))));
-    }
+    };
     return {
         layoutComponent: SearchLayoutComponent
     };

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("./PromptSuggestions"), exports);
 _export_star._(require("./ChatTrigger"), exports);
 _export_star._(require("./ClearRefinements"), exports);
 _export_star._(require("./CurrentRefinements"), exports);

package/dist/es/components/Carousel.js

@@ -1,11 +1,13 @@
 import { _ as _$1 } from '@swc/helpers/esm/_object_spread.js';
 import { _ } from '@swc/helpers/esm/_sliced_to_array.js';
 import { createCarouselComponent, generateCarouselId } from 'instantsearch-ui-components';
-import React, { createElement, Fragment, useState, useRef } from 'react';
+import React, { createElement, Fragment, useEffect, useRef, useState } from 'react';
 
 var CarouselUiComponent = createCarouselComponent({
     createElement: createElement,
-    Fragment: Fragment
+    Fragment: Fragment,
+    useEffect: useEffect,
+    useRef: useRef
 });
 function Carousel(props) {
     var _useState = _(useState(false), 2), canScrollLeft = _useState[0], setCanScrollLeft = _useState[1];

package/dist/es/index.js

@@ -1,9 +1,10 @@
 export * from 'react-instantsearch-core';
 export { useStickToBottom } from './lib/useStickToBottom.js';
-export { EXPERIMENTAL_Autocomplete } from './widgets/Autocomplete.js';
+export { Autocomplete, 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 { PromptSuggestions } from './widgets/PromptSuggestions.js';
 export { ChatTrigger } from './widgets/ChatTrigger.js';
 export { ClearRefinements } from './widgets/ClearRefinements.js';
 export { CurrentRefinements } from './widgets/CurrentRefinements.js';

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

@@ -142,5 +142,7 @@ export type AutocompleteFeedsProps<TItem extends BaseHit> = AutocompleteCommonPr
     showPromptSuggestions?: FeedsShowPromptSuggestionsConfig;
 };
 export type AutocompleteProps<TItem extends BaseHit> = AutocompleteIndicesProps<TItem> | AutocompleteFeedsProps<TItem>;
-export declare function EXPERIMENTAL_Autocomplete<TItem extends BaseHit = BaseHit>(props: AutocompleteProps<TItem>): React.JSX.Element;
+export declare function Autocomplete<TItem extends BaseHit = BaseHit>(props: AutocompleteProps<TItem>): React.JSX.Element;
+/** @deprecated use Autocomplete instead */
+export declare const EXPERIMENTAL_Autocomplete: typeof Autocomplete;
 export {};