react-instantsearch 7.37.0 → 7.38.0

package/dist/cjs/widgets/Chat.js

@@ -52,7 +52,8 @@ var _SearchIndexTool = require("./chat/tools/SearchIndexTool");
 var ChatUiComponent = (0, _instantsearchuicomponents.createChatComponent)({
     createElement: _react.createElement,
     Fragment: _react.Fragment,
-    memo: _react.memo
+    memo: _react.memo,
+    useState: _react.useState
 });
 function createDefaultTools(itemComponent, getSearchPageURL) {
     var _obj;
@@ -117,7 +118,7 @@ function ChatInner(_0, _1) {
         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;
+    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, onFeedback = chatState.sendChatMessageFeedback, feedbackState = chatState.feedbackState;
     (0, _react.useImperativeHandle)(ref, function() {
         return {
             setOpen: setOpen,
@@ -178,7 +179,7 @@ function ChatInner(_0, _1) {
                 return setMaximized(!maximized);
             },
             onClear: clearMessages,
-            canClear: Boolean(messages === null || messages === void 0 ? void 0 : messages.length) && !isClearing,
+            canClear: Boolean(messages === null || messages === void 0 ? void 0 : messages.length),
             titleIconComponent: headerTitleIconComponent,
             closeIconComponent: headerCloseIconComponent,
             minimizeIconComponent: headerMinimizeIconComponent,
@@ -204,8 +205,6 @@ function ChatInner(_0, _1) {
             tools: toolsFromConnector,
             indexUiState: indexUiState,
             setIndexUiState: setIndexUiState,
-            isClearing: isClearing,
-            onClearTransitionEnd: onClearTransitionEnd,
             isScrollAtBottom: isAtBottom,
             scrollRef: scrollRef,
             contentRef: contentRef,

package/dist/es/widgets/Chat.js

@@ -16,7 +16,8 @@ import { createCarouselTool } from './chat/tools/SearchIndexTool.js';
 var ChatUiComponent = createChatComponent({
     createElement: createElement,
     Fragment: Fragment,
-    memo: memo
+    memo: memo,
+    useState: useState
 });
 function createDefaultTools(itemComponent, getSearchPageURL) {
     var _obj;
@@ -81,7 +82,7 @@ function ChatInner(_0, _1) {
         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;
+    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, onFeedback = chatState.sendChatMessageFeedback, feedbackState = chatState.feedbackState;
     useImperativeHandle(ref, function() {
         return {
             setOpen: setOpen,
@@ -142,7 +143,7 @@ function ChatInner(_0, _1) {
                 return setMaximized(!maximized);
             },
             onClear: clearMessages,
-            canClear: Boolean(messages === null || messages === void 0 ? void 0 : messages.length) && !isClearing,
+            canClear: Boolean(messages === null || messages === void 0 ? void 0 : messages.length),
             titleIconComponent: headerTitleIconComponent,
             closeIconComponent: headerCloseIconComponent,
             minimizeIconComponent: headerMinimizeIconComponent,
@@ -168,8 +169,6 @@ function ChatInner(_0, _1) {
             tools: toolsFromConnector,
             indexUiState: indexUiState,
             setIndexUiState: setIndexUiState,
-            isClearing: isClearing,
-            onClearTransitionEnd: onClearTransitionEnd,
             isScrollAtBottom: isAtBottom,
             scrollRef: scrollRef,
             contentRef: contentRef,

package/dist/umd/ReactInstantSearch.js

@@ -1,4 +1,4 @@
-/*! React InstantSearch 7.37.0 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch */
+/*! React InstantSearch 7.38.0 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch */
 (function (global, factory) {
     typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
     typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
@@ -24,7 +24,7 @@
 
     var React__namespace = /*#__PURE__*/_interopNamespaceDefault(React);
 
-    var version$2 = '7.37.0';
+    var version$2 = '7.38.0';
 
     function _define_property(obj, key, value) {
         if (key in obj) {
@@ -6890,10 +6890,11 @@
 
     var hasAlphanumeric = new RegExp(/\w/i);
     function getHighlightFromSiblings(parts, i) {
+        var _ref, _ref1;
         var _parts_, _parts_1;
         var current = parts[i];
-        var isNextHighlighted = ((_parts_ = parts[i + 1]) === null || _parts_ === void 0 ? void 0 : _parts_.isHighlighted) || true;
-        var isPreviousHighlighted = ((_parts_1 = parts[i - 1]) === null || _parts_1 === void 0 ? void 0 : _parts_1.isHighlighted) || true;
+        var isNextHighlighted = (_ref = (_parts_ = parts[i + 1]) === null || _parts_ === void 0 ? void 0 : _parts_.isHighlighted) !== null && _ref !== void 0 ? _ref : true;
+        var isPreviousHighlighted = (_ref1 = (_parts_1 = parts[i - 1]) === null || _parts_1 === void 0 ? void 0 : _parts_1.isHighlighted) !== null && _ref1 !== void 0 ? _ref1 : true;
         if (!hasAlphanumeric.test(unescape$1(current.value)) && isPreviousHighlighted === isNextHighlighted) {
             return isPreviousHighlighted;
         }
@@ -10821,7 +10822,7 @@
         };
     }
 
-    var version = '4.103.0';
+    var version = '4.104.0';
 
     var withUsage$r = createDocumentationMessageGenerator({
         name: 'instantsearch'
@@ -13884,12 +13885,10 @@
             var _chatInstance;
             var input = '';
             var open = false;
-            var isClearing = false;
             var sendEvent;
             var setInput;
             var setOpen;
             var focusInput;
-            var setIsClearing;
             var setFeedbackState;
             var hasValidatedEntryPoints = false;
             var agentId = 'agentId' in options ? options.agentId : undefined;
@@ -13919,21 +13918,17 @@
                 _chatInstance.messages = messagesParam;
             };
             var clearMessages = function clearMessages() {
-                if (!_chatInstance.messages || _chatInstance.messages.length === 0) {
-                    return;
-                }
                 var status = _chatInstance.status;
                 if (status === 'submitted' || status === 'streaming') {
                     _chatInstance.stop();
                 }
-                setIsClearing(true);
-            };
-            var onClearTransitionEnd = function onClearTransitionEnd() {
+                // Reset the non-reactive state first: `setMessages` and `clearError` emit
+                // ChatState callbacks that synchronously re-render, so they must run last
+                // for that render to see the cleared feedback and rotated conversation id.
+                feedbackState = {};
+                _chatInstance.resetConversationId();
                 setMessages([]);
                 _chatInstance.clearError();
-                _chatInstance.resetConversationId();
-                feedbackState = {};
-                setIsClearing(false);
             };
             var validateEntryPoints = function validateEntryPoints(instantSearchInstance) {
                 if (disableTriggerValidation || hasValidatedEntryPoints) {
@@ -13999,22 +13994,37 @@
                     }));
                 }
                 if ('agentId' in options && options.agentId) {
+                    var _options_requestOptions, _options_requestOptions1;
                     if (!appId || !apiKey) {
                         throw new Error(withUsage$o('Could not extract Algolia credentials from the search client.'));
                     }
-                    var baseApi = "https://".concat(appId, ".algolia.net/agent-studio/1/agents/").concat(agentId, "/completions?compatibilityMode=ai-sdk-5");
+                    var createApi = function createApi() {
+                        var bypassCache = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : false;
+                        var _options_requestOptions;
+                        var api = new URL("https://".concat(appId, ".algolia.net/agent-studio/1/agents/").concat(agentId, "/completions"));
+                        var queryParameters = _object_spread(_object_spread_props(_object_spread({}, (_options_requestOptions = options.requestOptions) === null || _options_requestOptions === void 0 ? void 0 : _options_requestOptions.queryParameters), {
+                            compatibilityMode: 'ai-sdk-5'
+                        }), bypassCache ? {
+                            cache: false
+                        } : {});
+                        api.search = new URLSearchParams(queryParameters).toString();
+                        return api.toString();
+                    };
+                    var baseApi = createApi();
                     transport = new DefaultChatTransport({
                         api: baseApi,
-                        headers: {
+                        headers: _object_spread_props(_object_spread({}, _instanceof((_options_requestOptions = options.requestOptions) === null || _options_requestOptions === void 0 ? void 0 : _options_requestOptions.headers, Headers) ? Object.fromEntries(options.requestOptions.headers.entries()) : (_options_requestOptions1 = options.requestOptions) === null || _options_requestOptions1 === void 0 ? void 0 : _options_requestOptions1.headers), {
+                            // Preserve the required Algolia identity headers and chat agent
+                            // marker, even when requestOptions.headers contains the same keys.
                             'x-algolia-application-id': appId,
                             'x-algolia-api-key': apiKey,
                             'x-algolia-agent': "".concat(getAlgoliaAgent(client), "; chat")
-                        },
+                        }),
                         prepareSendMessagesRequest: function prepareSendMessagesRequest(param) {
                             var id = param.id, messages = param.messages, trigger = param.trigger, messageId = param.messageId;
                             return {
                                 // Bypass cache when regenerating to ensure fresh responses
-                                api: trigger === 'regenerate-message' ? "".concat(baseApi, "&cache=false") : baseApi,
+                                api: trigger === 'regenerate-message' ? createApi(true) : baseApi,
                                 body: {
                                     id: id,
                                     messageId: messageId,
@@ -14099,10 +14109,6 @@
                         input = i;
                         render();
                     };
-                    setIsClearing = function setIsClearing(value) {
-                        isClearing = value;
-                        render();
-                    };
                     setFeedbackState = function setFeedbackState(messageId, state) {
                         feedbackState = _object_spread_props(_object_spread({}, feedbackState), _define_property({}, messageId, state));
                         render();
@@ -14221,9 +14227,7 @@
                         focusInput: focusInput,
                         setMessages: setMessages,
                         suggestions: getSuggestionsFromMessages(_chatInstance.messages),
-                        isClearing: isClearing,
                         clearMessages: clearMessages,
-                        onClearTransitionEnd: onClearTransitionEnd,
                         tools: toolsWithAddToolResult,
                         sendChatMessageFeedback: _sendChatMessageFeedback,
                         feedbackState: feedbackState,
@@ -20448,9 +20452,8 @@
             Fragment: Fragment
         });
         // Skip re-rendering (and re-compiling the markdown of) completed messages on
-        // every streaming delta. Falls back to the plain component when the host
-        // renderer doesn't provide a `memo` HOC.
-        var MemoizedDefaultMessage = memo ? memo(DefaultMessageComponent, areMessagePropsEqual) : DefaultMessageComponent;
+        // every streaming delta.
+        var MemoizedDefaultMessage = memo(DefaultMessageComponent, areMessagePropsEqual);
         var DefaultLoaderComponent = createChatMessageLoaderComponent({
             createElement: createElement
         });
@@ -20827,8 +20830,11 @@
         };
     }
 
+    function prefersReducedMotion() {
+        return typeof window !== 'undefined' && typeof window.matchMedia === 'function' && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+    }
     function createChatComponent(param) {
-        var createElement = param.createElement, Fragment = param.Fragment, memo = param.memo;
+        var createElement = param.createElement, Fragment = param.Fragment, memo = param.memo, useState = param.useState;
         var ChatHeader = createChatHeaderComponent({
             createElement: createElement,
             Fragment: Fragment
@@ -20869,11 +20875,38 @@
                 "stop",
                 "error"
             ]);
+            var _useState = _sliced_to_array(useState(false), 2), isClearing = _useState[0], setIsClearing = _useState[1];
+            var commitClear = headerProps.onClear || messagesProps.onNewConversation;
+            var startClear = function startClear() {
+                if (!commitClear) {
+                    return;
+                }
+                // Reduced motion disables the transition, so `transitionend` never fires;
+                // commit immediately instead of waiting for it.
+                if (prefersReducedMotion()) {
+                    commitClear();
+                    return;
+                }
+                // Stop streaming now so the assistant stops immediately, not after the fade.
+                if (messagesProps.status === 'submitted' || messagesProps.status === 'streaming') {
+                    stop();
+                }
+                setIsClearing(true);
+            };
+            var finishClear = function finishClear() {
+                commitClear === null || commitClear === void 0 ? void 0 : commitClear();
+                setIsClearing(false);
+            };
             var headerComponent = createElement(HeaderComponent || ChatHeader, _object_spread_props(_object_spread({}, headerProps), {
+                onClear: commitClear ? startClear : headerProps.onClear,
+                canClear: headerProps.canClear && !isClearing,
                 classNames: classNames.header,
                 maximized: maximized
             }));
             var messagesComponent = /*#__PURE__*/ createElement(ChatMessages, _object_spread_props(_object_spread({}, messagesProps), {
+                isClearing: isClearing,
+                onClearTransitionEnd: finishClear,
+                onNewConversation: commitClear ? startClear : messagesProps.onNewConversation,
                 error: error,
                 classNames: classNames.messages,
                 messageClassNames: classNames.message,
@@ -20898,9 +20931,9 @@
                 messages: messagesProps.messages,
                 status: messagesProps.status,
                 tools: messagesProps.tools,
-                isClearing: messagesProps.isClearing,
-                clearMessages: headerProps.onClear,
-                onClearTransitionEnd: messagesProps.onClearTransitionEnd,
+                isClearing: isClearing,
+                clearMessages: commitClear ? startClear : headerProps.onClear,
+                onClearTransitionEnd: finishClear,
                 suggestions: suggestionsProps.suggestions,
                 sendMessage: sendMessage,
                 regenerate: regenerate,
@@ -23395,7 +23428,8 @@
     var ChatUiComponent = createChatComponent({
         createElement: React.createElement,
         Fragment: React.Fragment,
-        memo: React.memo
+        memo: React.memo,
+        useState: React.useState
     });
     function createDefaultTools(itemComponent, getSearchPageURL) {
         var _obj;
@@ -23460,7 +23494,7 @@
             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;
+        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, onFeedback = chatState.sendChatMessageFeedback, feedbackState = chatState.feedbackState;
         React.useImperativeHandle(ref, function() {
             return {
                 setOpen: setOpen,
@@ -23524,7 +23558,7 @@
                     return setMaximized(!maximized);
                 },
                 onClear: clearMessages,
-                canClear: Boolean(messages === null || messages === void 0 ? void 0 : messages.length) && !isClearing,
+                canClear: Boolean(messages === null || messages === void 0 ? void 0 : messages.length),
                 titleIconComponent: headerTitleIconComponent,
                 closeIconComponent: headerCloseIconComponent,
                 minimizeIconComponent: headerMinimizeIconComponent,
@@ -23550,8 +23584,6 @@
                 tools: toolsFromConnector,
                 indexUiState: indexUiState,
                 setIndexUiState: setIndexUiState,
-                isClearing: isClearing,
-                onClearTransitionEnd: onClearTransitionEnd,
                 isScrollAtBottom: isAtBottom,
                 scrollRef: scrollRef,
                 contentRef: contentRef,