react-instantsearch 7.18.0 → 7.19.0

package/dist/cjs/widgets/Autocomplete.js

@@ -1,6 +1,5 @@
 "use strict";
 
-function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9,9 +8,10 @@ var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _react = _interopRequireWildcard(require("react"));
 var _reactInstantsearchCore = require("react-instantsearch-core");
 var _AutocompleteSearch = require("../components/AutocompleteSearch");
-var _excluded = ["indices", "showSuggestions"],
-  _excluded2 = ["indicesConfig", "refineSearchBox", "getSearchPageURL", "onSelect", "indexUiState", "isSearchPage"];
+var _excluded = ["indices", "showSuggestions", "showRecent"],
+  _excluded2 = ["indicesConfig", "refineSearchBox", "getSearchPageURL", "onSelect", "indexUiState", "isSearchPage", "showRecent"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -42,6 +42,10 @@ var AutocompleteSuggestion = (0, _instantsearchUiComponents.createAutocompleteSu
   createElement: _react.createElement,
   Fragment: _react.Fragment
 });
+var AutocompleteRecentSearch = (0, _instantsearchUiComponents.createAutocompleteRecentSearchComponent)({
+  createElement: _react.createElement,
+  Fragment: _react.Fragment
+});
 var usePropGetters = (0, _instantsearchUiComponents.createAutocompletePropGetters)({
   useEffect: _react.useEffect,
   useId: _react.useId,
@@ -49,6 +53,11 @@ var usePropGetters = (0, _instantsearchUiComponents.createAutocompletePropGetter
   useRef: _react.useRef,
   useState: _react.useState
 });
+var useStorage = (0, _instantsearchUiComponents.createAutocompleteStorage)({
+  useEffect: _react.useEffect,
+  useMemo: _react.useMemo,
+  useState: _react.useState
+});
 var _ref2 = /*#__PURE__*/_react.default.createElement(_reactInstantsearchCore.Configure, {
   hitsPerPage: 5
 });
@@ -56,6 +65,7 @@ function EXPERIMENTAL_Autocomplete(_ref) {
   var _ref$indices = _ref.indices,
     indices = _ref$indices === void 0 ? [] : _ref$indices,
     showSuggestions = _ref.showSuggestions,
+    showRecent = _ref.showRecent,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useInstantSearch = (0, _reactInstantsearchCore.useInstantSearch)(),
     indexUiState = _useInstantSearch.indexUiState,
@@ -98,7 +108,8 @@ function EXPERIMENTAL_Autocomplete(_ref) {
     indicesConfig: indicesConfig,
     refineSearchBox: refine,
     indexUiState: indexUiState,
-    isSearchPage: isSearchPage
+    isSearchPage: isSearchPage,
+    showRecent: showRecent
   }))));
 }
 function InnerAutocomplete(_ref3) {
@@ -108,16 +119,29 @@ function InnerAutocomplete(_ref3) {
     userOnSelect = _ref3.onSelect,
     indexUiState = _ref3.indexUiState,
     isSearchPage = _ref3.isSearchPage,
+    showRecent = _ref3.showRecent,
     props = _objectWithoutProperties(_ref3, _excluded2);
   var _useAutocomplete = (0, _reactInstantsearchCore.useAutocomplete)(),
     indices = _useAutocomplete.indices,
-    refineAutocomplete = _useAutocomplete.refine;
-  var _usePropGetters = usePropGetters({
+    refineAutocomplete = _useAutocomplete.refine,
+    currentRefinement = _useAutocomplete.currentRefinement;
+  var _useStorage = useStorage({
+      showRecent: showRecent,
+      query: currentRefinement,
       indices: indices,
-      indicesConfig: indicesConfig,
+      indicesConfig: indicesConfig
+    }),
+    storage = _useStorage.storage,
+    storageHits = _useStorage.storageHits,
+    indicesForPropGetters = _useStorage.indicesForPropGetters,
+    indicesConfigForPropGetters = _useStorage.indicesConfigForPropGetters;
+  var _usePropGetters = usePropGetters({
+      indices: indicesForPropGetters,
+      indicesConfig: indicesConfigForPropGetters,
       onRefine: function onRefine(query) {
         refineAutocomplete(query);
         refineSearchBox(query);
+        storage.onAdd(query);
       },
       onSelect: userOnSelect !== null && userOnSelect !== void 0 ? userOnSelect : function (_ref4) {
         var query = _ref4.query,
@@ -140,15 +164,37 @@ function InnerAutocomplete(_ref3) {
     getItemProps = _usePropGetters.getItemProps,
     getPanelProps = _usePropGetters.getPanelProps,
     getRootProps = _usePropGetters.getRootProps;
+  var AutocompleteRecentSearchComponent = _typeof(showRecent) === 'object' && showRecent.itemComponent || AutocompleteRecentSearch;
   return /*#__PURE__*/_react.default.createElement(Autocomplete, _extends({}, props, getRootProps()), /*#__PURE__*/_react.default.createElement(_AutocompleteSearch.AutocompleteSearch, {
     inputProps: getInputProps(),
     clearQuery: function clearQuery() {
       refineSearchBox('');
       refineAutocomplete('');
     }
-  }), /*#__PURE__*/_react.default.createElement(AutocompletePanel, getPanelProps(), indices.map(function (_ref5, index) {
-    var indexId = _ref5.indexId,
-      hits = _ref5.hits;
+  }), /*#__PURE__*/_react.default.createElement(AutocompletePanel, getPanelProps(), showRecent && /*#__PURE__*/_react.default.createElement(AutocompleteIndex
+  // @ts-ignore - there seems to be problems with React.ComponentType and this, but it's actually correct
+  , {
+    ItemComponent: function ItemComponent(_ref5) {
+      var item = _ref5.item,
+        onSelect = _ref5.onSelect;
+      return /*#__PURE__*/_react.default.createElement(AutocompleteRecentSearchComponent, {
+        item: item,
+        onSelect: onSelect,
+        onRemoveRecentSearch: function onRemoveRecentSearch() {
+          return storage.onRemove(item.query);
+        }
+      });
+    },
+    classNames: {
+      root: 'ais-AutocompleteRecentSearches',
+      list: 'ais-AutocompleteRecentSearchesList',
+      item: 'ais-AutocompleteRecentSearchesItem'
+    },
+    items: storageHits,
+    getItemProps: getItemProps
+  }), indices.map(function (_ref6, index) {
+    var indexId = _ref6.indexId,
+      hits = _ref6.hits;
     return /*#__PURE__*/_react.default.createElement(AutocompleteIndex, {
       key: indexId
       // @ts-expect-error - there seems to be problems with React.ComponentType and this, but it's actually correct

package/dist/cjs/widgets/Chat.js

@@ -17,14 +17,13 @@ Object.defineProperty(exports, "SearchIndexToolType", {
   }
 });
 exports.createDefaultTools = createDefaultTools;
-var _ai = require("ai");
 var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _chat = require("instantsearch.js/cjs/lib/chat");
 var _react = _interopRequireWildcard(require("react"));
 var _reactInstantsearchCore = require("react-instantsearch-core");
 var _useStickToBottom2 = require("../lib/useStickToBottom");
 var _SearchIndexTool = require("./chat/tools/SearchIndexTool");
-var _excluded = ["tools", "defaultOpen", "toggleButtonProps", "headerProps", "messagesProps", "promptProps", "itemComponent", "toggleButtonComponent", "toggleButtonIconComponent", "headerComponent", "headerTitleIconComponent", "headerCloseIconComponent", "headerMinimizeIconComponent", "headerMaximizeIconComponent", "messagesLoaderComponent", "messagesErrorComponent", "promptComponent", "promptHeaderComponent", "promptFooterComponent", "actionsComponent", "classNames", "translations", "title", "getSearchPageURL"];
+var _excluded = ["tools", "toggleButtonProps", "headerProps", "messagesProps", "promptProps", "itemComponent", "toggleButtonComponent", "toggleButtonIconComponent", "headerComponent", "headerTitleIconComponent", "headerCloseIconComponent", "headerMinimizeIconComponent", "headerMaximizeIconComponent", "messagesLoaderComponent", "messagesErrorComponent", "promptComponent", "promptHeaderComponent", "promptFooterComponent", "assistantMessageLeadingComponent", "assistantMessageFooterComponent", "userMessageLeadingComponent", "userMessageFooterComponent", "actionsComponent", "classNames", "translations", "title", "getSearchPageURL"];
 function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -50,8 +49,6 @@ function createDefaultTools(itemComponent, getSearchPageURL) {
 }
 function Chat(_ref2) {
   var userTools = _ref2.tools,
-    _ref2$defaultOpen = _ref2.defaultOpen,
-    defaultOpen = _ref2$defaultOpen === void 0 ? false : _ref2$defaultOpen,
     toggleButtonProps = _ref2.toggleButtonProps,
     headerProps = _ref2.headerProps,
     messagesProps = _ref2.messagesProps,
@@ -69,6 +66,10 @@ function Chat(_ref2) {
     promptComponent = _ref2.promptComponent,
     promptHeaderComponent = _ref2.promptHeaderComponent,
     promptFooterComponent = _ref2.promptFooterComponent,
+    assistantMessageLeadingComponent = _ref2.assistantMessageLeadingComponent,
+    assistantMessageFooterComponent = _ref2.assistantMessageFooterComponent,
+    userMessageLeadingComponent = _ref2.userMessageLeadingComponent,
+    userMessageFooterComponent = _ref2.userMessageFooterComponent,
     actionsComponent = _ref2.actionsComponent,
     classNames = _ref2.classNames,
     _ref2$translations = _ref2.translations,
@@ -78,6 +79,7 @@ function Chat(_ref2) {
     props = _objectWithoutProperties(_ref2, _excluded);
   var promptTranslations = translations.prompt,
     headerTranslations = translations.header,
+    messageTranslations = translations.message,
     messagesTranslations = translations.messages;
   var _useInstantSearch = (0, _reactInstantsearchCore.useInstantSearch)(),
     indexUiState = _useInstantSearch.indexUiState,
@@ -99,25 +101,23 @@ function Chat(_ref2) {
     var defaults = createDefaultTools(itemComponent, getSearchPageURL);
     return _objectSpread(_objectSpread({}, defaults), userTools);
   }, [getSearchPageURL, itemComponent, userTools]);
-  var _useChat = (0, _reactInstantsearchCore.useChat)(_objectSpread(_objectSpread({}, props), {}, {
-      defaultOpen: defaultOpen,
-      tools: tools,
-      sendAutomaticallyWhen: _ai.lastAssistantMessageIsCompleteWithToolCalls
-    })),
-    messages = _useChat.messages,
-    sendMessage = _useChat.sendMessage,
-    status = _useChat.status,
-    regenerate = _useChat.regenerate,
-    stop = _useChat.stop,
-    error = _useChat.error,
-    input = _useChat.input,
-    setInput = _useChat.setInput,
-    open = _useChat.open,
-    setOpen = _useChat.setOpen,
-    isClearing = _useChat.isClearing,
-    clearMessages = _useChat.clearMessages,
-    onClearTransitionEnd = _useChat.onClearTransitionEnd,
-    hookTools = _useChat.tools;
+  var chatState = (0, _reactInstantsearchCore.useChat)(_objectSpread(_objectSpread({}, props), {}, {
+    tools: tools
+  }));
+  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;
   if (process.env.NODE_ENV === 'development' && error) {
     throw error;
   }
@@ -162,7 +162,7 @@ function Chat(_ref2) {
         return setOpen(false);
       },
       messages: messages,
-      tools: hookTools,
+      tools: toolsFromConnector,
       indexUiState: indexUiState,
       setIndexUiState: setIndexUiState,
       isClearing: isClearing,
@@ -174,7 +174,16 @@ function Chat(_ref2) {
       loaderComponent: messagesLoaderComponent,
       errorComponent: messagesErrorComponent,
       actionsComponent: actionsComponent,
-      translations: messagesTranslations
+      assistantMessageProps: _objectSpread({
+        leadingComponent: assistantMessageLeadingComponent,
+        footerComponent: assistantMessageFooterComponent
+      }, messagesProps === null || messagesProps === void 0 ? void 0 : messagesProps.assistantMessageProps),
+      userMessageProps: _objectSpread({
+        leadingComponent: userMessageLeadingComponent,
+        footerComponent: userMessageFooterComponent
+      }, messagesProps === null || messagesProps === void 0 ? void 0 : messagesProps.userMessageProps),
+      translations: messagesTranslations,
+      messageTranslations: messageTranslations
     }, messagesProps),
     promptProps: _objectSpread({
       promptRef: promptRef,

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

@@ -12,9 +12,23 @@ export type AutocompleteProps<TItem extends BaseHit> = ComponentProps<'div'> & {
     showSuggestions?: Partial<Pick<IndexConfig<{
         query: string;
     }>, 'indexName' | 'getURL' | 'headerComponent' | 'itemComponent' | 'classNames'>>;
+    showRecent?: boolean | {
+        /**
+         * Storage key to use in the local storage.
+         */
+        storageKey?: string;
+        /**
+         * Component to use for each recent search item.
+         */
+        itemComponent: AutocompleteIndexProps<{
+            query: string;
+        }>['ItemComponent'] & {
+            onRemoveRecentSearch: () => void;
+        };
+    };
     getSearchPageURL?: (nextUiState: IndexUiState) => string;
     onSelect?: AutocompleteIndexConfig<TItem>['onSelect'];
     classNames?: Partial<AutocompleteClassNames>;
 };
-export declare function EXPERIMENTAL_Autocomplete<TItem extends BaseHit = BaseHit>({ indices, showSuggestions, ...props }: AutocompleteProps<TItem>): React.JSX.Element;
+export declare function EXPERIMENTAL_Autocomplete<TItem extends BaseHit = BaseHit>({ indices, showSuggestions, showRecent, ...props }: AutocompleteProps<TItem>): React.JSX.Element;
 export {};

package/dist/es/widgets/Autocomplete.js

@@ -1,6 +1,6 @@
+var _excluded = ["indices", "showSuggestions", "showRecent"],
+  _excluded2 = ["indicesConfig", "refineSearchBox", "getSearchPageURL", "onSelect", "indexUiState", "isSearchPage", "showRecent"];
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
-var _excluded = ["indices", "showSuggestions"],
-  _excluded2 = ["indicesConfig", "refineSearchBox", "getSearchPageURL", "onSelect", "indexUiState", "isSearchPage"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
@@ -15,7 +15,7 @@ function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(
 function _arrayLikeToArray(r, a) { (null == a || a > r.length) && (a = r.length); for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e]; return n; }
 function _objectWithoutProperties(e, t) { if (null == e) return {}; var o, r, i = _objectWithoutPropertiesLoose(e, t); if (Object.getOwnPropertySymbols) { var n = Object.getOwnPropertySymbols(e); for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]); } return i; }
 function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import { createAutocompleteComponent, createAutocompleteIndexComponent, createAutocompletePanelComponent, createAutocompletePropGetters, createAutocompleteSuggestionComponent, cx } from 'instantsearch-ui-components';
+import { createAutocompleteComponent, createAutocompleteIndexComponent, createAutocompletePanelComponent, createAutocompletePropGetters, createAutocompleteSuggestionComponent, createAutocompleteRecentSearchComponent, createAutocompleteStorage, cx } from 'instantsearch-ui-components';
 import React, { createElement, Fragment, useEffect, useId, useMemo, useRef, useState } from 'react';
 import { Configure, Index, useAutocomplete, useInstantSearch, useSearchBox } from 'react-instantsearch-core';
 import { AutocompleteSearch } from "../components/AutocompleteSearch.js";
@@ -35,6 +35,10 @@ var AutocompleteSuggestion = createAutocompleteSuggestionComponent({
   createElement: createElement,
   Fragment: Fragment
 });
+var AutocompleteRecentSearch = createAutocompleteRecentSearchComponent({
+  createElement: createElement,
+  Fragment: Fragment
+});
 var usePropGetters = createAutocompletePropGetters({
   useEffect: useEffect,
   useId: useId,
@@ -42,6 +46,11 @@ var usePropGetters = createAutocompletePropGetters({
   useRef: useRef,
   useState: useState
 });
+var useStorage = createAutocompleteStorage({
+  useEffect: useEffect,
+  useMemo: useMemo,
+  useState: useState
+});
 var _ref2 = /*#__PURE__*/React.createElement(Configure, {
   hitsPerPage: 5
 });
@@ -49,6 +58,7 @@ export function EXPERIMENTAL_Autocomplete(_ref) {
   var _ref$indices = _ref.indices,
     indices = _ref$indices === void 0 ? [] : _ref$indices,
     showSuggestions = _ref.showSuggestions,
+    showRecent = _ref.showRecent,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useInstantSearch = useInstantSearch(),
     indexUiState = _useInstantSearch.indexUiState,
@@ -91,7 +101,8 @@ export function EXPERIMENTAL_Autocomplete(_ref) {
     indicesConfig: indicesConfig,
     refineSearchBox: refine,
     indexUiState: indexUiState,
-    isSearchPage: isSearchPage
+    isSearchPage: isSearchPage,
+    showRecent: showRecent
   }))));
 }
 function InnerAutocomplete(_ref3) {
@@ -101,16 +112,29 @@ function InnerAutocomplete(_ref3) {
     userOnSelect = _ref3.onSelect,
     indexUiState = _ref3.indexUiState,
     isSearchPage = _ref3.isSearchPage,
+    showRecent = _ref3.showRecent,
     props = _objectWithoutProperties(_ref3, _excluded2);
   var _useAutocomplete = useAutocomplete(),
     indices = _useAutocomplete.indices,
-    refineAutocomplete = _useAutocomplete.refine;
-  var _usePropGetters = usePropGetters({
+    refineAutocomplete = _useAutocomplete.refine,
+    currentRefinement = _useAutocomplete.currentRefinement;
+  var _useStorage = useStorage({
+      showRecent: showRecent,
+      query: currentRefinement,
       indices: indices,
-      indicesConfig: indicesConfig,
+      indicesConfig: indicesConfig
+    }),
+    storage = _useStorage.storage,
+    storageHits = _useStorage.storageHits,
+    indicesForPropGetters = _useStorage.indicesForPropGetters,
+    indicesConfigForPropGetters = _useStorage.indicesConfigForPropGetters;
+  var _usePropGetters = usePropGetters({
+      indices: indicesForPropGetters,
+      indicesConfig: indicesConfigForPropGetters,
       onRefine: function onRefine(query) {
         refineAutocomplete(query);
         refineSearchBox(query);
+        storage.onAdd(query);
       },
       onSelect: userOnSelect !== null && userOnSelect !== void 0 ? userOnSelect : function (_ref4) {
         var query = _ref4.query,
@@ -133,15 +157,37 @@ function InnerAutocomplete(_ref3) {
     getItemProps = _usePropGetters.getItemProps,
     getPanelProps = _usePropGetters.getPanelProps,
     getRootProps = _usePropGetters.getRootProps;
+  var AutocompleteRecentSearchComponent = _typeof(showRecent) === 'object' && showRecent.itemComponent || AutocompleteRecentSearch;
   return /*#__PURE__*/React.createElement(Autocomplete, _extends({}, props, getRootProps()), /*#__PURE__*/React.createElement(AutocompleteSearch, {
     inputProps: getInputProps(),
     clearQuery: function clearQuery() {
       refineSearchBox('');
       refineAutocomplete('');
     }
-  }), /*#__PURE__*/React.createElement(AutocompletePanel, getPanelProps(), indices.map(function (_ref5, index) {
-    var indexId = _ref5.indexId,
-      hits = _ref5.hits;
+  }), /*#__PURE__*/React.createElement(AutocompletePanel, getPanelProps(), showRecent && /*#__PURE__*/React.createElement(AutocompleteIndex
+  // @ts-ignore - there seems to be problems with React.ComponentType and this, but it's actually correct
+  , {
+    ItemComponent: function ItemComponent(_ref5) {
+      var item = _ref5.item,
+        onSelect = _ref5.onSelect;
+      return /*#__PURE__*/React.createElement(AutocompleteRecentSearchComponent, {
+        item: item,
+        onSelect: onSelect,
+        onRemoveRecentSearch: function onRemoveRecentSearch() {
+          return storage.onRemove(item.query);
+        }
+      });
+    },
+    classNames: {
+      root: 'ais-AutocompleteRecentSearches',
+      list: 'ais-AutocompleteRecentSearchesList',
+      item: 'ais-AutocompleteRecentSearchesItem'
+    },
+    items: storageHits,
+    getItemProps: getItemProps
+  }), indices.map(function (_ref6, index) {
+    var indexId = _ref6.indexId,
+      hits = _ref6.hits;
     return /*#__PURE__*/React.createElement(AutocompleteIndex, {
       key: indexId
       // @ts-expect-error - there seems to be problems with React.ComponentType and this, but it's actually correct

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

@@ -1,23 +1,22 @@
 import { SearchIndexToolType, RecommendToolType } from 'instantsearch.js/es/lib/chat';
 import React from 'react';
 export { SearchIndexToolType, RecommendToolType };
-import type { ChatProps as ChatUiProps, RecommendComponentProps, RecordWithObjectID, UserClientSideTool, UserClientSideTools } from 'instantsearch-ui-components';
+import type { ChatProps as ChatUiProps, RecommendComponentProps, RecordWithObjectID, UserClientSideTool, UserClientSideTools, ChatMessageProps } from 'instantsearch-ui-components';
 import type { IndexUiState } from 'instantsearch.js';
 import type { UIMessage } from 'instantsearch.js/es/lib/chat';
-import type { UseChatOptions } from 'react-instantsearch-core';
+import type { UseChatProps } from 'react-instantsearch-core';
 export declare function createDefaultTools<TObject extends RecordWithObjectID>(itemComponent?: ItemComponent<TObject>, getSearchPageURL?: (nextUiState: IndexUiState) => string): UserClientSideTools;
 type ItemComponent<TObject> = RecommendComponentProps<TObject>['itemComponent'];
 type UiProps = Pick<ChatUiProps, 'open' | 'headerProps' | 'toggleButtonProps' | 'messagesProps' | 'promptProps' | 'headerComponent' | 'promptComponent'>;
 type UserToggleButtonProps = Omit<ChatUiProps['toggleButtonProps'], 'open' | 'onClick'>;
 type UserHeaderProps = Omit<ChatUiProps['headerProps'], 'onClose'>;
-type UserMessagesProps = Omit<ChatUiProps['messagesProps'], 'messages' | 'tools' | 'indexUiState' | 'setIndexUiState' | 'scrollRef' | 'contentRef'>;
+type UserMessagesProps = Omit<ChatUiProps['messagesProps'], 'messages' | 'tools' | 'indexUiState' | 'setIndexUiState' | 'scrollRef' | 'contentRef' | 'messageComponent' | 'leadingComponent' | 'footerComponent' | 'translations' | 'classNames'>;
 type UserPromptProps = Omit<ChatUiProps['promptProps'], 'value' | 'onInput' | 'onSubmit' | 'headerComponent' | 'footerComponent'>;
 export type Tool = UserClientSideTool;
 export type Tools = UserClientSideTools;
-export type ChatProps<TObject, TUiMessage extends UIMessage = UIMessage> = Omit<ChatUiProps, keyof UiProps> & UseChatOptions<TUiMessage> & {
+export type ChatProps<TObject, TUiMessage extends UIMessage = UIMessage> = Omit<ChatUiProps, keyof UiProps> & UseChatProps<TUiMessage> & {
     itemComponent?: ItemComponent<TObject>;
     tools?: UserClientSideTools;
-    defaultOpen?: boolean;
     getSearchPageURL?: (nextUiState: IndexUiState) => string;
     toggleButtonProps?: UserToggleButtonProps;
     headerProps?: UserHeaderProps;
@@ -36,10 +35,15 @@ export type ChatProps<TObject, TUiMessage extends UIMessage = UIMessage> = Omit<
     promptHeaderComponent?: ChatUiProps['promptProps']['headerComponent'];
     promptFooterComponent?: ChatUiProps['promptProps']['footerComponent'];
     actionsComponent?: ChatUiProps['messagesProps']['actionsComponent'];
+    assistantMessageLeadingComponent?: ChatMessageProps['leadingComponent'];
+    assistantMessageFooterComponent?: ChatMessageProps['footerComponent'];
+    userMessageLeadingComponent?: ChatMessageProps['leadingComponent'];
+    userMessageFooterComponent?: ChatMessageProps['footerComponent'];
     translations?: Partial<{
         prompt: ChatUiProps['promptProps']['translations'];
         header: ChatUiProps['headerProps']['translations'];
+        message: ChatUiProps['messagesProps']['messageTranslations'];
         messages: ChatUiProps['messagesProps']['translations'];
     }>;
 };
-export declare function Chat<TObject extends RecordWithObjectID, TUiMessage extends UIMessage>({ tools: userTools, defaultOpen, toggleButtonProps, headerProps, messagesProps, promptProps, itemComponent, toggleButtonComponent, toggleButtonIconComponent, headerComponent, headerTitleIconComponent, headerCloseIconComponent, headerMinimizeIconComponent, headerMaximizeIconComponent, messagesLoaderComponent, messagesErrorComponent, promptComponent, promptHeaderComponent, promptFooterComponent, actionsComponent, classNames, translations, title, getSearchPageURL, ...props }: ChatProps<TObject, TUiMessage>): React.JSX.Element;
+export declare function Chat<TObject extends RecordWithObjectID, TUiMessage extends UIMessage>({ tools: userTools, toggleButtonProps, headerProps, messagesProps, promptProps, itemComponent, toggleButtonComponent, toggleButtonIconComponent, headerComponent, headerTitleIconComponent, headerCloseIconComponent, headerMinimizeIconComponent, headerMaximizeIconComponent, messagesLoaderComponent, messagesErrorComponent, promptComponent, promptHeaderComponent, promptFooterComponent, assistantMessageLeadingComponent, assistantMessageFooterComponent, userMessageLeadingComponent, userMessageFooterComponent, actionsComponent, classNames, translations, title, getSearchPageURL, ...props }: ChatProps<TObject, TUiMessage>): React.JSX.Element;

package/dist/es/widgets/Chat.js

@@ -1,4 +1,4 @@
-var _excluded = ["tools", "defaultOpen", "toggleButtonProps", "headerProps", "messagesProps", "promptProps", "itemComponent", "toggleButtonComponent", "toggleButtonIconComponent", "headerComponent", "headerTitleIconComponent", "headerCloseIconComponent", "headerMinimizeIconComponent", "headerMaximizeIconComponent", "messagesLoaderComponent", "messagesErrorComponent", "promptComponent", "promptHeaderComponent", "promptFooterComponent", "actionsComponent", "classNames", "translations", "title", "getSearchPageURL"];
+var _excluded = ["tools", "toggleButtonProps", "headerProps", "messagesProps", "promptProps", "itemComponent", "toggleButtonComponent", "toggleButtonIconComponent", "headerComponent", "headerTitleIconComponent", "headerCloseIconComponent", "headerMinimizeIconComponent", "headerMaximizeIconComponent", "messagesLoaderComponent", "messagesErrorComponent", "promptComponent", "promptHeaderComponent", "promptFooterComponent", "assistantMessageLeadingComponent", "assistantMessageFooterComponent", "userMessageLeadingComponent", "userMessageFooterComponent", "actionsComponent", "classNames", "translations", "title", "getSearchPageURL"];
 function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -13,7 +13,6 @@ function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t =
 function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
 function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-import { lastAssistantMessageIsCompleteWithToolCalls } from 'ai';
 import { createChatComponent } from 'instantsearch-ui-components';
 import { SearchIndexToolType, RecommendToolType } from "instantsearch.js/es/lib/chat/index.js";
 import React, { createElement, Fragment } from 'react';
@@ -31,8 +30,6 @@ export function createDefaultTools(itemComponent, getSearchPageURL) {
 }
 export function Chat(_ref2) {
   var userTools = _ref2.tools,
-    _ref2$defaultOpen = _ref2.defaultOpen,
-    defaultOpen = _ref2$defaultOpen === void 0 ? false : _ref2$defaultOpen,
     toggleButtonProps = _ref2.toggleButtonProps,
     headerProps = _ref2.headerProps,
     messagesProps = _ref2.messagesProps,
@@ -50,6 +47,10 @@ export function Chat(_ref2) {
     promptComponent = _ref2.promptComponent,
     promptHeaderComponent = _ref2.promptHeaderComponent,
     promptFooterComponent = _ref2.promptFooterComponent,
+    assistantMessageLeadingComponent = _ref2.assistantMessageLeadingComponent,
+    assistantMessageFooterComponent = _ref2.assistantMessageFooterComponent,
+    userMessageLeadingComponent = _ref2.userMessageLeadingComponent,
+    userMessageFooterComponent = _ref2.userMessageFooterComponent,
     actionsComponent = _ref2.actionsComponent,
     classNames = _ref2.classNames,
     _ref2$translations = _ref2.translations,
@@ -59,6 +60,7 @@ export function Chat(_ref2) {
     props = _objectWithoutProperties(_ref2, _excluded);
   var promptTranslations = translations.prompt,
     headerTranslations = translations.header,
+    messageTranslations = translations.message,
     messagesTranslations = translations.messages;
   var _useInstantSearch = useInstantSearch(),
     indexUiState = _useInstantSearch.indexUiState,
@@ -80,25 +82,23 @@ export function Chat(_ref2) {
     var defaults = createDefaultTools(itemComponent, getSearchPageURL);
     return _objectSpread(_objectSpread({}, defaults), userTools);
   }, [getSearchPageURL, itemComponent, userTools]);
-  var _useChat = useChat(_objectSpread(_objectSpread({}, props), {}, {
-      defaultOpen: defaultOpen,
-      tools: tools,
-      sendAutomaticallyWhen: lastAssistantMessageIsCompleteWithToolCalls
-    })),
-    messages = _useChat.messages,
-    sendMessage = _useChat.sendMessage,
-    status = _useChat.status,
-    regenerate = _useChat.regenerate,
-    stop = _useChat.stop,
-    error = _useChat.error,
-    input = _useChat.input,
-    setInput = _useChat.setInput,
-    open = _useChat.open,
-    setOpen = _useChat.setOpen,
-    isClearing = _useChat.isClearing,
-    clearMessages = _useChat.clearMessages,
-    onClearTransitionEnd = _useChat.onClearTransitionEnd,
-    hookTools = _useChat.tools;
+  var chatState = useChat(_objectSpread(_objectSpread({}, props), {}, {
+    tools: tools
+  }));
+  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;
   if (process.env.NODE_ENV === 'development' && error) {
     throw error;
   }
@@ -143,7 +143,7 @@ export function Chat(_ref2) {
         return setOpen(false);
       },
       messages: messages,
-      tools: hookTools,
+      tools: toolsFromConnector,
       indexUiState: indexUiState,
       setIndexUiState: setIndexUiState,
       isClearing: isClearing,
@@ -155,7 +155,16 @@ export function Chat(_ref2) {
       loaderComponent: messagesLoaderComponent,
       errorComponent: messagesErrorComponent,
       actionsComponent: actionsComponent,
-      translations: messagesTranslations
+      assistantMessageProps: _objectSpread({
+        leadingComponent: assistantMessageLeadingComponent,
+        footerComponent: assistantMessageFooterComponent
+      }, messagesProps === null || messagesProps === void 0 ? void 0 : messagesProps.assistantMessageProps),
+      userMessageProps: _objectSpread({
+        leadingComponent: userMessageLeadingComponent,
+        footerComponent: userMessageFooterComponent
+      }, messagesProps === null || messagesProps === void 0 ? void 0 : messagesProps.userMessageProps),
+      translations: messagesTranslations,
+      messageTranslations: messageTranslations
     }, messagesProps),
     promptProps: _objectSpread({
       promptRef: promptRef,