react-instantsearch 7.47.0 → 7.48.0

package/dist/cjs/widgets/Chat.js

@@ -46,6 +46,7 @@ var _object_spread_props = require("@swc/helpers/_/_object_spread_props");
 var _object_without_properties = require("@swc/helpers/_/_object_without_properties");
 var _sliced_to_array = require("@swc/helpers/_/_sliced_to_array");
 var _to_array = require("@swc/helpers/_/_to_array");
+var _to_consumable_array = require("@swc/helpers/_/_to_consumable_array");
 var _instantsearchuicomponents = require("instantsearch-ui-components");
 var _chat = require("instantsearch.js/cjs/lib/chat");
 var _focusAfterReveal = require("instantsearch.js/cjs/lib/chat/focusAfterReveal");
@@ -138,7 +139,7 @@ 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, loaderPosition = _ref2.loaderPosition, shouldShowLoader = _ref2.shouldShowLoader, loaderShowDelay = _ref2.loaderShowDelay, loaderMinDuration = _ref2.loaderMinDuration, 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, [
+    ], _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, loaderPosition = _ref2.loaderPosition, shouldShowLoader = _ref2.shouldShowLoader, loaderShowDelay = _ref2.loaderShowDelay, loaderMinDuration = _ref2.loaderMinDuration, 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, reasoningComponent = _ref2.reasoningComponent, props = _object_without_properties._(_ref2, [
         "tools",
         "headerProps",
         "messagesProps",
@@ -171,7 +172,8 @@ function ChatInner(_0, _1) {
         "title",
         "getSearchPageURL",
         "disableTriggerValidation",
-        "showReasoning"
+        "showReasoning",
+        "reasoningComponent"
     ]), _rest1 = _sliced_to_array._(_rest, 1), ref = _rest1[0];
     var _ref3;
     var promptTranslations = translations.prompt, headerTranslations = translations.header, messageTranslations = translations.message, messagesTranslations = translations.messages;
@@ -202,11 +204,21 @@ function ChatInner(_0, _1) {
         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, clearMessages = chatState.clearMessages, toolsFromConnector = chatState.tools, suggestions = chatState.suggestions, suggestionsStatus = chatState.suggestionsStatus, onFeedback = chatState.sendChatMessageFeedback, feedbackState = chatState.feedbackState, consumeInputFocus = chatState['~consumeInputFocus'], isOpenStatePersistenceEnabled = chatState['~isOpenStatePersistenceEnabled'];
+    var sendMessageAndScrollToBottom = (0, _react.useCallback)(function() {
+        for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
+            args[_key] = arguments[_key];
+        }
+        scrollToBottom();
+        return sendMessage.apply(void 0, _to_consumable_array._(args));
+    }, [
+        scrollToBottom,
+        sendMessage
+    ]);
     (0, _react.useImperativeHandle)(ref, function() {
         return {
             setOpen: setOpen,
-            sendMessage: function sendMessage1(params) {
-                return sendMessage(params);
+            sendMessage: function sendMessage(params) {
+                return sendMessageAndScrollToBottom(params);
             },
             setInput: setInput
         };
@@ -255,7 +267,7 @@ function ChatInner(_0, _1) {
         title: title,
         open: open,
         maximized: maximized,
-        sendMessage: sendMessage,
+        sendMessage: sendMessageAndScrollToBottom,
         regenerate: regenerate,
         stop: stop,
         error: error,
@@ -290,7 +302,7 @@ function ChatInner(_0, _1) {
             onClose: function onClose() {
                 return setOpen(false);
             },
-            sendMessage: sendMessage,
+            sendMessage: sendMessageAndScrollToBottom,
             setInput: setInput,
             onFeedback: onFeedback,
             feedbackState: feedbackState,
@@ -316,7 +328,8 @@ function ChatInner(_0, _1) {
             assistantMessageProps: _object_spread._({
                 leadingComponent: assistantMessageLeadingComponent,
                 footerComponent: assistantMessageFooterComponent,
-                showReasoning: showReasoning
+                showReasoning: showReasoning,
+                reasoningComponent: reasoningComponent
             }, callerAssistantMessageProps),
             userMessageProps: _object_spread._({
                 leadingComponent: userMessageLeadingComponent,
@@ -333,7 +346,7 @@ function ChatInner(_0, _1) {
                 setInput(event.currentTarget.value);
             },
             onSubmit: function onSubmit() {
-                sendMessage({
+                sendMessageAndScrollToBottom({
                     text: input
                 });
                 setInput('');
@@ -350,7 +363,7 @@ function ChatInner(_0, _1) {
             suggestions: suggestions,
             isLoading: suggestionsStatus === 'loading',
             onSuggestionClick: function onSuggestionClick(suggestion) {
-                sendMessage({
+                sendMessageAndScrollToBottom({
                     text: suggestion
                 });
             }

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

@@ -60,9 +60,18 @@ export type ChatProps<TObject, TUiMessage extends UIMessage = UIMessage> = Omit<
     userMessageFooterComponent?: ChatMessageProps['footerComponent'];
     suggestionsComponent?: ChatUiProps['suggestionsComponent'];
     /**
-     * Whether to render reasoning parts
+     * Whether to render the reasoning an agent sends. `true` by default, so
+     * reasoning that arrives is shown. Pass `false` to suppress it in this
+     * widget. It cannot make an agent send reasoning: whether reasoning reaches
+     * the client at all is the agent's own `sendReasoning` setting.
      */
     showReasoning?: boolean;
+    /**
+     * Custom reasoning renderer. It replaces the built-in disclosure rather than
+     * enabling reasoning: reasoning renders by default, and
+     * `showReasoning: false` suppresses this renderer along with it.
+     */
+    reasoningComponent?: ChatMessageProps<TUiMessage>['reasoningComponent'];
     translations?: Partial<{
         prompt: ChatUiProps['promptProps']['translations'];
         header: ChatUiProps['headerProps']['translations'];

package/dist/es/widgets/Chat.js

@@ -8,11 +8,12 @@ import { _ as _$5 } from '@swc/helpers/esm/_object_spread_props.js';
 import { _ as _$8 } from '@swc/helpers/esm/_object_without_properties.js';
 import { _ as _$9 } from '@swc/helpers/esm/_sliced_to_array.js';
 import { _ as _$7 } from '@swc/helpers/esm/_to_array.js';
+import { _ as _$a } from '@swc/helpers/esm/_to_consumable_array.js';
 import { createChatComponent } from 'instantsearch-ui-components';
 import { SearchIndexToolType, RecommendToolType, DisplayResultsToolType, MemorizeToolType, MemorySearchToolType, PonderToolType } from 'instantsearch.js/es/lib/chat/index.js';
 export { DisplayResultsToolType, MemorizeToolType, MemorySearchToolType, PonderToolType, RecommendToolType, SearchIndexToolType } from 'instantsearch.js/es/lib/chat/index.js';
 import { getActiveContainerAnimations, holdContainerInertUntilReveal, restoreContainerInertUntilReveal, focusAfterReveal } from 'instantsearch.js/es/lib/chat/focusAfterReveal.js';
-import React, { createElement, Fragment, useMemo, useState, useEffect, useRef, useImperativeHandle } from 'react';
+import React, { createElement, Fragment, useMemo, useState, useEffect, useRef, useCallback, useImperativeHandle } from 'react';
 import { useInstantSearch, useChat } from 'react-instantsearch-core';
 import { useStickToBottom } from '../lib/useStickToBottom.js';
 import { createDisplayResultsTool } from './chat/tools/DisplayResultsTool.js';
@@ -102,7 +103,7 @@ function ChatInner(_0, _1) {
     var _ref = [
         _0,
         _1
-    ], _ref1 = _$7(_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, loaderPosition = _ref2.loaderPosition, shouldShowLoader = _ref2.shouldShowLoader, loaderShowDelay = _ref2.loaderShowDelay, loaderMinDuration = _ref2.loaderMinDuration, 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 = _$8(_ref2, [
+    ], _ref1 = _$7(_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, loaderPosition = _ref2.loaderPosition, shouldShowLoader = _ref2.shouldShowLoader, loaderShowDelay = _ref2.loaderShowDelay, loaderMinDuration = _ref2.loaderMinDuration, 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, reasoningComponent = _ref2.reasoningComponent, props = _$8(_ref2, [
         "tools",
         "headerProps",
         "messagesProps",
@@ -135,7 +136,8 @@ function ChatInner(_0, _1) {
         "title",
         "getSearchPageURL",
         "disableTriggerValidation",
-        "showReasoning"
+        "showReasoning",
+        "reasoningComponent"
     ]), _rest1 = _$9(_rest, 1), ref = _rest1[0];
     var _ref3;
     var promptTranslations = translations.prompt, headerTranslations = translations.header, messageTranslations = translations.message, messagesTranslations = translations.messages;
@@ -166,11 +168,21 @@ function ChatInner(_0, _1) {
         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, clearMessages = chatState.clearMessages, toolsFromConnector = chatState.tools, suggestions = chatState.suggestions, suggestionsStatus = chatState.suggestionsStatus, onFeedback = chatState.sendChatMessageFeedback, feedbackState = chatState.feedbackState, consumeInputFocus = chatState['~consumeInputFocus'], isOpenStatePersistenceEnabled = chatState['~isOpenStatePersistenceEnabled'];
+    var sendMessageAndScrollToBottom = useCallback(function() {
+        for(var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++){
+            args[_key] = arguments[_key];
+        }
+        scrollToBottom();
+        return sendMessage.apply(void 0, _$a(args));
+    }, [
+        scrollToBottom,
+        sendMessage
+    ]);
     useImperativeHandle(ref, function() {
         return {
             setOpen: setOpen,
-            sendMessage: function sendMessage1(params) {
-                return sendMessage(params);
+            sendMessage: function sendMessage(params) {
+                return sendMessageAndScrollToBottom(params);
             },
             setInput: setInput
         };
@@ -219,7 +231,7 @@ function ChatInner(_0, _1) {
         title: title,
         open: open,
         maximized: maximized,
-        sendMessage: sendMessage,
+        sendMessage: sendMessageAndScrollToBottom,
         regenerate: regenerate,
         stop: stop,
         error: error,
@@ -254,7 +266,7 @@ function ChatInner(_0, _1) {
             onClose: function onClose() {
                 return setOpen(false);
             },
-            sendMessage: sendMessage,
+            sendMessage: sendMessageAndScrollToBottom,
             setInput: setInput,
             onFeedback: onFeedback,
             feedbackState: feedbackState,
@@ -280,7 +292,8 @@ function ChatInner(_0, _1) {
             assistantMessageProps: _$6({
                 leadingComponent: assistantMessageLeadingComponent,
                 footerComponent: assistantMessageFooterComponent,
-                showReasoning: showReasoning
+                showReasoning: showReasoning,
+                reasoningComponent: reasoningComponent
             }, callerAssistantMessageProps),
             userMessageProps: _$6({
                 leadingComponent: userMessageLeadingComponent,
@@ -297,7 +310,7 @@ function ChatInner(_0, _1) {
                 setInput(event.currentTarget.value);
             },
             onSubmit: function onSubmit() {
-                sendMessage({
+                sendMessageAndScrollToBottom({
                     text: input
                 });
                 setInput('');
@@ -314,7 +327,7 @@ function ChatInner(_0, _1) {
             suggestions: suggestions,
             isLoading: suggestionsStatus === 'loading',
             onSuggestionClick: function onSuggestionClick(suggestion) {
-                sendMessage({
+                sendMessageAndScrollToBottom({
                     text: suggestion
                 });
             }