react-instantsearch 7.36.0 → 7.37.0

package/dist/umd/ReactInstantSearch.js

@@ -1,4 +1,4 @@
-/*! React InstantSearch 7.36.0 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch */
+/*! React InstantSearch 7.37.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.36.0';
+    var version$2 = '7.37.0';
 
     function _define_property(obj, key, value) {
         if (key in obj) {
@@ -10821,7 +10821,7 @@
         };
     }
 
-    var version = '4.102.0';
+    var version = '4.103.0';
 
     var withUsage$r = createDocumentationMessageGenerator({
         name: 'instantsearch'
@@ -13123,33 +13123,74 @@
                                         }
                                         break;
                                     }
-                                case 'tool-error':
+                                case 'tool-input-error':
                                     {
+                                        var _chunk_input, _chunk_providerExecuted, _chunk_providerMetadata;
                                         if (!currentMessage) break;
+                                        delete toolRawInputByCallId[chunk.toolCallId];
+                                        delete toolRawOutputByCallId[chunk.toolCallId];
                                         var toolIndex3 = currentMessage.parts.findIndex(function(p) {
                                             return 'toolCallId' in p && p.toolCallId === chunk.toolCallId;
                                         });
+                                        var existingPart3 = toolIndex3 >= 0 ? currentMessage.parts[toolIndex3] : null;
+                                        var _ref5 = existingPart3 !== null && existingPart3 !== void 0 ? existingPart3 : {}, _ignoredOutput = _ref5.output, _ignoredRawOutput = _ref5.rawOutput, _ignoredPreliminary = _ref5.preliminary, carryOver = _object_without_properties(_ref5, [
+                                            "output",
+                                            "rawOutput",
+                                            "preliminary"
+                                        ]);
+                                        var nextToolPart2 = _object_spread_props(_object_spread({}, carryOver), {
+                                            type: "tool-".concat(chunk.toolName),
+                                            toolCallId: chunk.toolCallId,
+                                            state: 'output-error',
+                                            input: undefined,
+                                            rawInput: (_chunk_input = chunk.input) !== null && _chunk_input !== void 0 ? _chunk_input : carryOver.rawInput,
+                                            errorText: chunk.errorText,
+                                            providerExecuted: (_chunk_providerExecuted = chunk.providerExecuted) !== null && _chunk_providerExecuted !== void 0 ? _chunk_providerExecuted : carryOver.providerExecuted,
+                                            callProviderMetadata: (_chunk_providerMetadata = chunk.providerMetadata) !== null && _chunk_providerMetadata !== void 0 ? _chunk_providerMetadata : carryOver.callProviderMetadata
+                                        });
                                         if (toolIndex3 >= 0) {
-                                            var _chunk_input;
-                                            delete toolRawInputByCallId[chunk.toolCallId];
-                                            delete toolRawOutputByCallId[chunk.toolCallId];
                                             var updatedParts8 = _to_consumable_array(currentMessage.parts);
-                                            var existingPart3 = updatedParts8[toolIndex3];
-                                            var _ignoredRawOutput = existingPart3.rawOutput, _ignoredPreliminary = existingPart3.preliminary, rest1 = _object_without_properties(existingPart3, [
-                                                "rawOutput",
-                                                "preliminary"
-                                            ]);
-                                            updatedParts8[toolIndex3] = _object_spread_props(_object_spread({}, rest1), {
-                                                state: 'output-error',
-                                                errorText: chunk.errorText,
-                                                input: (_chunk_input = chunk.input) !== null && _chunk_input !== void 0 ? _chunk_input : existingPart3.input,
-                                                callProviderMetadata: chunk.callProviderMetadata
-                                            });
+                                            updatedParts8[toolIndex3] = nextToolPart2;
                                             currentMessage = _object_spread_props(_object_spread({}, currentMessage), {
                                                 parts: updatedParts8
                                             });
-                                            _this.state.replaceMessage(currentMessageIndex, currentMessage);
+                                        } else {
+                                            currentMessage = _object_spread_props(_object_spread({}, currentMessage), {
+                                                parts: _to_consumable_array(currentMessage.parts).concat([
+                                                    nextToolPart2
+                                                ])
+                                            });
                                         }
+                                        _this.state.replaceMessage(currentMessageIndex, currentMessage);
+                                        break;
+                                    }
+                                case 'tool-output-error':
+                                    {
+                                        var _chunk_providerExecuted1, _chunk_providerMetadata1;
+                                        if (!currentMessage) break;
+                                        var toolIndex4 = currentMessage.parts.findIndex(function(p) {
+                                            return 'toolCallId' in p && p.toolCallId === chunk.toolCallId;
+                                        });
+                                        if (toolIndex4 < 0) break;
+                                        delete toolRawInputByCallId[chunk.toolCallId];
+                                        delete toolRawOutputByCallId[chunk.toolCallId];
+                                        var updatedParts9 = _to_consumable_array(currentMessage.parts);
+                                        var existingPart4 = updatedParts9[toolIndex4];
+                                        var _ignoredRawOutput1 = existingPart4.rawOutput, _ignoredPreliminary1 = existingPart4.preliminary, _ignoredOutput1 = existingPart4.output, rest1 = _object_without_properties(existingPart4, [
+                                            "rawOutput",
+                                            "preliminary",
+                                            "output"
+                                        ]);
+                                        updatedParts9[toolIndex4] = _object_spread_props(_object_spread({}, rest1), {
+                                            state: 'output-error',
+                                            errorText: chunk.errorText,
+                                            providerExecuted: (_chunk_providerExecuted1 = chunk.providerExecuted) !== null && _chunk_providerExecuted1 !== void 0 ? _chunk_providerExecuted1 : rest1.providerExecuted,
+                                            callProviderMetadata: (_chunk_providerMetadata1 = chunk.providerMetadata) !== null && _chunk_providerMetadata1 !== void 0 ? _chunk_providerMetadata1 : rest1.callProviderMetadata
+                                        });
+                                        currentMessage = _object_spread_props(_object_spread({}, currentMessage), {
+                                            parts: updatedParts9
+                                        });
+                                        _this.state.replaceMessage(currentMessageIndex, currentMessage);
                                         break;
                                     }
                                 case 'source-url':
@@ -19194,8 +19235,9 @@
     function createAutocompletePropGetters(param) {
         var useEffect = param.useEffect, useId = param.useId, useMemo = param.useMemo, useRef = param.useRef, useState = param.useState;
         return function usePropGetters(param) {
-            var indices = param.indices, indicesConfig = param.indicesConfig, onRefine = param.onRefine, globalOnSelect = param.onSelect, onApply = param.onApply, onSubmit = param.onSubmit, placeholder = param.placeholder, _param_isDetached = param.isDetached, isDetached = _param_isDetached === void 0 ? false : _param_isDetached, _param_shouldHidePanel = param.shouldHidePanel, shouldHidePanel = _param_shouldHidePanel === void 0 ? false : _param_shouldHidePanel, _param_autoFocus = param.autoFocus, autoFocus = _param_autoFocus === void 0 ? false : _param_autoFocus;
-            var getElementId = createGetElementId(useId());
+            var indices = param.indices, indicesConfig = param.indicesConfig, onRefine = param.onRefine, globalOnSelect = param.onSelect, onApply = param.onApply, onSubmit = param.onSubmit, placeholder = param.placeholder, _param_isDetached = param.isDetached, isDetached = _param_isDetached === void 0 ? false : _param_isDetached, _param_shouldHidePanel = param.shouldHidePanel, shouldHidePanel = _param_shouldHidePanel === void 0 ? false : _param_shouldHidePanel, _param_autoFocus = param.autoFocus, autoFocus = _param_autoFocus === void 0 ? false : _param_autoFocus, id = param.id;
+            var internalId = useId();
+            var getElementId = createGetElementId(id !== null && id !== void 0 ? id : internalId);
             var inputRef = useRef(null);
             var rootRef = useRef(null);
             var _useState = _sliced_to_array(useState(autoFocus), 2), isOpen = _useState[0], setIsOpen = _useState[1];
@@ -22270,11 +22312,14 @@
         Fragment: React.Fragment
     });
     var id = 0;
-    var useAutocompleteInstanceId = React.useId ? function() {
-        return React.useId().replace(/:/g, '');
+    // Colons (`:r0:`) preserved so concatenations like `autocomplete:r0:input`
+    // have a recognisable boundary; callers that need a colon-free variant for
+    // InstantSearch's `indexId` strip them at the use site.
+    var useAutocompleteId = React.useId ? function() {
+        return React.useId();
     } : function() {
         return React.useState(function() {
-            return "a".concat(id++);
+            return ":a".concat(id++, ":");
         })[0];
     };
     var usePropGetters = createAutocompletePropGetters({
@@ -22426,6 +22471,10 @@
             "translations",
             "transformItems"
         ]);
+        var autoFocus = restProps.autoFocus, placeholder = restProps.placeholder, classNames = restProps.classNames;
+        // Eager-mount only when `autoFocus` is set — otherwise wait for first focus
+        // before registering the autocomplete subtree in the search graph.
+        var _useState = _sliced_to_array(React.useState(autoFocus === true), 2), activated = _useState[0], setActivated = _useState[1];
         var translations = _object_spread({}, DEFAULT_TRANSLATIONS, userTranslations);
         var _useInstantSearch = useInstantSearch(), indexUiState = _useInstantSearch.indexUiState, indexRenderState = _useInstantSearch.indexRenderState, status = _useInstantSearch.status;
         var compositionID = useInstantSearchContext().compositionID;
@@ -22435,9 +22484,8 @@
         }, props.aiMode ? {
             opensChat: true
         } : {})).refine;
-        // In feeds-mode, indexId disambiguates multiple Autocomplete instances
-        // sharing the same compositionID. Mirrors the fallback at line 111 for React <18.
-        var instanceKey = useAutocompleteInstanceId();
+        var domId = useAutocompleteId();
+        var instanceKey = domId.replace(/:/g, '');
         if (isFeedsMode && indices !== undefined) {
             throw new Error('EXPERIMENTAL_Autocomplete: `feeds` and `indices` are mutually exclusive.');
         }
@@ -22607,7 +22655,84 @@
             "indices",
             "feeds"
         ]);
+        var instance = useInstantSearchContext();
+        var detached = useDetachedMode(detachedMediaQuery);
+        var isDetached = detached.isDetached, setIsModalOpen = detached.setIsModalOpen;
+        // Lazy activation only: when `activated` flips from false to true, the
+        // newly-mounted isolated `<Index>` schedules the parent's search even
+        // though the parent's state hasn't changed. Cancel it so only the
+        // autocomplete's own search fires on activation. Skip when `autoFocus`
+        // mounts the inner eagerly — the parent's legitimate initial search
+        // shares the same defer slot and must not be cancelled.
+        var initialActivatedRef = React.useRef(activated);
+        React.useLayoutEffect(function() {
+            if (activated && !initialActivatedRef.current) {
+                initialActivatedRef.current = true;
+                instance.scheduleSearch.cancel();
+            }
+        }, [
+            activated,
+            instance
+        ]);
+        if (!activated) {
+            var _indexUiState_query, _indexUiState_query1;
+            restProps.indices; restProps.feeds; restProps.autoFocus; restProps.placeholder; restProps.classNames; restProps.aiMode; restProps.panelComponent; restProps.getSearchPageURL; restProps.onSelect; var shellRootProps = _object_without_properties(restProps, [
+                "indices",
+                "feeds",
+                "autoFocus",
+                "placeholder",
+                "classNames",
+                "aiMode",
+                "panelComponent",
+                "getSearchPageURL",
+                "onSelect"
+            ]);
+            var activateWithQueryMirror = function activateWithQueryMirror() {
+                // Routing only fills the parent index's UI state, not the
+                // autocomplete's isolated one, so without this, the autocomplete
+                // would activate with an empty query and fire a useless search.
+                // We copy the parent's query into the autocomplete's slot of
+                // `_initialUiState` right before flipping `activated`: that's the
+                // moment the isolated `<Index>` is about to mount and read it.
+                // Doing this later would mean firing a second search to correct
+                // the first.
+                if (indexUiState.query) {
+                    var isoIndexId = "ais-autocomplete-".concat(instanceKey);
+                    var initial = instance._initialUiState;
+                    initial[isoIndexId] = _object_spread_props(_object_spread({}, initial[isoIndexId]), {
+                        query: indexUiState.query
+                    });
+                }
+                setActivated(true);
+            };
+            return /*#__PURE__*/ React.createElement(Autocomplete, _object_spread_props(_object_spread({}, shellRootProps), {
+                classNames: classNames
+            }), isDetached ? /*#__PURE__*/ React.createElement(AutocompleteDetachedSearchButton, {
+                query: (_indexUiState_query = indexUiState.query) !== null && _indexUiState_query !== void 0 ? _indexUiState_query : '',
+                placeholder: placeholder,
+                classNames: classNames,
+                translations: translations,
+                onClick: function onClick() {
+                    setIsModalOpen(true);
+                    activateWithQueryMirror();
+                }
+            }) : /*#__PURE__*/ React.createElement(AutocompleteSearch, {
+                inputProps: {
+                    id: "autocomplete".concat(domId, "input"),
+                    role: 'combobox',
+                    placeholder: placeholder,
+                    onFocus: activateWithQueryMirror
+                },
+                clearQuery: function clearQuery() {},
+                query: (_indexUiState_query1 = indexUiState.query) !== null && _indexUiState_query1 !== void 0 ? _indexUiState_query1 : '',
+                isSearchStalled: false,
+                classNames: classNames
+            }));
+        }
         var innerAutocomplete = /*#__PURE__*/ React.createElement(InnerAutocomplete, _object_spread_props(_object_spread({}, forwardedProps), {
+            autoFocus: true,
+            domId: domId,
+            detached: detached,
             indicesConfig: indicesConfig,
             refineSearchBox: refine,
             isSearchStalled: isSearchStalled,
@@ -22616,7 +22741,6 @@
             showRecent: showRecent,
             recentSearchConfig: recentSearchConfig,
             showQuerySuggestions: normalizedShowQuerySuggestions,
-            detachedMediaQuery: detachedMediaQuery,
             translations: translations,
             showPromptSuggestions: normalizedShowPromptSuggestions,
             transformItems: effectiveTransformItems,
@@ -22635,16 +22759,18 @@
             }), innerAutocomplete);
         }
         return /*#__PURE__*/ React.createElement(Index, {
-            EXPERIMENTAL_isolated: true
+            EXPERIMENTAL_isolated: true,
+            indexId: "ais-autocomplete-".concat(instanceKey)
         }, /*#__PURE__*/ React.createElement(Configure, searchParameters), indicesConfig.map(function(index) {
             return /*#__PURE__*/ React.createElement(Index, {
                 key: index.indexName,
-                indexName: index.indexName
+                indexName: index.indexName,
+                indexId: "ais-autocomplete-".concat(instanceKey, "-").concat(index.indexName)
             }, /*#__PURE__*/ React.createElement(Configure, index.searchParameters));
         }), innerAutocomplete);
     }
     function InnerAutocomplete(_0) {
-        var indicesConfig = _0.indicesConfig, refineSearchBox = _0.refineSearchBox, isSearchStalled = _0.isSearchStalled, getSearchPageURL = _0.getSearchPageURL, userOnSelect = _0.onSelect, indexUiState = _0.indexUiState, isSearchPage = _0.isSearchPage, PanelComponent = _0.panelComponent, showRecent = _0.showRecent, recentSearchConfig = _0.recentSearchConfig, showQuerySuggestions = _0.showQuerySuggestions, showPromptSuggestions = _0.showPromptSuggestions, chatRenderState = _0.chatRenderState, transformItems = _0.transformItems, placeholder = _0.placeholder, autoFocus = _0.autoFocus, _0_detachedMediaQuery = _0.detachedMediaQuery, detachedMediaQuery = _0_detachedMediaQuery === void 0 ? DEFAULT_DETACHED_MEDIA_QUERY : _0_detachedMediaQuery, translations = _0.translations, classNames = _0.classNames, aiMode = _0.aiMode, props = _object_without_properties(_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",
             "refineSearchBox",
             "isSearchStalled",
@@ -22661,10 +22787,11 @@
             "transformItems",
             "placeholder",
             "autoFocus",
-            "detachedMediaQuery",
             "translations",
             "classNames",
-            "aiMode"
+            "aiMode",
+            "domId",
+            "detached"
         ]);
         var _indexUiState_query, _ref;
         var _showPromptSuggestions_searchParameters;
@@ -22675,7 +22802,7 @@
             }
         }), indices = _useAutocomplete.indices, refineAutocomplete = _useAutocomplete.refine, currentRefinement = _useAutocomplete.currentRefinement;
         var resolvedQuery = currentRefinement !== undefined ? currentRefinement : (_indexUiState_query = indexUiState.query) !== null && _indexUiState_query !== void 0 ? _indexUiState_query : '';
-        var _useDetachedMode = useDetachedMode(detachedMediaQuery), isDetached = _useDetachedMode.isDetached, isModalDetached = _useDetachedMode.isModalDetached, isModalOpen = _useDetachedMode.isModalOpen, setIsModalOpen = _useDetachedMode.setIsModalOpen;
+        var isDetached = detached.isDetached, isModalDetached = detached.isModalDetached, isModalOpen = detached.isModalOpen, setIsModalOpen = detached.setIsModalOpen;
         var previousIsDetachedRef = React.useRef(isDetached);
         var _useStorage = useStorage({
             showRecent: showRecent,
@@ -22741,6 +22868,7 @@
         });
         var shouldHideEmptyPanel = allIndicesEmpty && recentEmpty && !hasNoResultsTemplate && !PanelComponent;
         var _usePropGetters = usePropGetters({
+            id: domId,
             indices: indicesForPropGettersWithPromptSuggestions,
             indicesConfig: indicesConfigForPropGetters,
             onRefine: function onRefine(query) {
@@ -22865,7 +22993,7 @@
                 NoResultsComponent: currentIndexConfig.noResultsComponent,
                 items: hits.map(function(item) {
                     return _object_spread_props(_object_spread({}, item), {
-                        __indexName: indexId
+                        __indexName: indexName
                     });
                 }),
                 getItemProps: getItemProps,