react-instantsearch 7.18.0 → 7.20.0

package/dist/cjs/ui/ReverseHighlight.js

@@ -0,0 +1,27 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ReverseHighlight = ReverseHighlight;
+var _instantsearchUiComponents = require("instantsearch-ui-components");
+var _react = _interopRequireDefault(require("react"));
+var _InternalHighlight = require("./InternalHighlight");
+var _excluded = ["classNames"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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; }
+function ReverseHighlight(_ref) {
+  var _ref$classNames = _ref.classNames,
+    classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/_react.default.createElement(_InternalHighlight.InternalHighlight, _extends({
+    classNames: {
+      root: (0, _instantsearchUiComponents.cx)('ais-ReverseHighlight', classNames.root),
+      highlighted: (0, _instantsearchUiComponents.cx)('ais-ReverseHighlight-highlighted', classNames.highlighted),
+      nonHighlighted: (0, _instantsearchUiComponents.cx)('ais-ReverseHighlight-nonHighlighted', classNames.nonHighlighted),
+      separator: (0, _instantsearchUiComponents.cx)('ais-ReverseHighlight-separator', classNames.separator)
+    }
+  }, props));
+}

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,14 +8,11 @@ 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 _ReverseHighlight = require("./ReverseHighlight");
+var _excluded = ["indices", "showSuggestions", "showRecent", "searchParameters"],
+  _excluded2 = ["indicesConfig", "refineSearchBox", "getSearchPageURL", "onSelect", "indexUiState", "isSearchPage", "panelComponent", "showRecent", "showSuggestions"];
 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 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; }
-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); }
+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 _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
 function _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
 function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
@@ -24,6 +20,11 @@ function _unsupportedIterableToArray(r, a) { if (r) { if ("string" == typeof r)
 function _iterableToArray(r) { if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r); }
 function _arrayWithoutHoles(r) { if (Array.isArray(r)) return _arrayLikeToArray(r); }
 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 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; }
+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); }
 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; }
 var Autocomplete = (0, _instantsearchUiComponents.createAutocompleteComponent)({
@@ -42,6 +43,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,13 +54,17 @@ var usePropGetters = (0, _instantsearchUiComponents.createAutocompletePropGetter
   useRef: _react.useRef,
   useState: _react.useState
 });
-var _ref2 = /*#__PURE__*/_react.default.createElement(_reactInstantsearchCore.Configure, {
-  hitsPerPage: 5
+var useStorage = (0, _instantsearchUiComponents.createAutocompleteStorage)({
+  useEffect: _react.useEffect,
+  useMemo: _react.useMemo,
+  useState: _react.useState
 });
 function EXPERIMENTAL_Autocomplete(_ref) {
   var _ref$indices = _ref.indices,
     indices = _ref$indices === void 0 ? [] : _ref$indices,
     showSuggestions = _ref.showSuggestions,
+    showRecent = _ref.showRecent,
+    userSearchParameters = _ref.searchParameters,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useInstantSearch = (0, _reactInstantsearchCore.useInstantSearch)(),
     indexUiState = _useInstantSearch.indexUiState,
@@ -65,13 +74,25 @@ function EXPERIMENTAL_Autocomplete(_ref) {
       $$widgetType: 'ais.autocomplete'
     }),
     refine = _useSearchBox.refine;
+  var searchParameters = _objectSpread({
+    hitsPerPage: 5
+  }, userSearchParameters);
   var indicesConfig = _toConsumableArray(indices);
   if (showSuggestions !== null && showSuggestions !== void 0 && showSuggestions.indexName) {
     var _showSuggestions$clas, _showSuggestions$clas2, _showSuggestions$clas3, _showSuggestions$clas4;
     indicesConfig.unshift({
       indexName: showSuggestions.indexName,
       headerComponent: showSuggestions.headerComponent,
-      itemComponent: showSuggestions.itemComponent || AutocompleteSuggestion,
+      itemComponent: showSuggestions.itemComponent || function (_ref2) {
+        var item = _ref2.item,
+          onSelect = _ref2.onSelect;
+        return /*#__PURE__*/_react.default.createElement(AutocompleteSuggestion, {
+          item: item,
+          onSelect: onSelect
+        }, /*#__PURE__*/_react.default.createElement(ConditionalReverseHighlight, {
+          item: item
+        }));
+      },
       classNames: {
         root: (0, _instantsearchUiComponents.cx)('ais-AutocompleteSuggestions', showSuggestions === null || showSuggestions === void 0 ? void 0 : (_showSuggestions$clas = showSuggestions.classNames) === null || _showSuggestions$clas === void 0 ? void 0 : _showSuggestions$clas.root),
         list: (0, _instantsearchUiComponents.cx)('ais-AutocompleteSuggestionsList', showSuggestions === null || showSuggestions === void 0 ? void 0 : (_showSuggestions$clas2 = showSuggestions.classNames) === null || _showSuggestions$clas2 === void 0 ? void 0 : _showSuggestions$clas2.list),
@@ -89,16 +110,18 @@ function EXPERIMENTAL_Autocomplete(_ref) {
   }, [indexRenderState]);
   return /*#__PURE__*/_react.default.createElement(_react.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactInstantsearchCore.Index, {
     EXPERIMENTAL_isolated: true
-  }, _ref2, indicesConfig.map(function (index) {
+  }, /*#__PURE__*/_react.default.createElement(_reactInstantsearchCore.Configure, searchParameters), indicesConfig.map(function (index) {
     return /*#__PURE__*/_react.default.createElement(_reactInstantsearchCore.Index, {
       key: index.indexName,
       indexName: index.indexName
-    });
+    }, /*#__PURE__*/_react.default.createElement(_reactInstantsearchCore.Configure, index.searchParameters));
   }), /*#__PURE__*/_react.default.createElement(InnerAutocomplete, _extends({}, props, {
     indicesConfig: indicesConfig,
     refineSearchBox: refine,
     indexUiState: indexUiState,
-    isSearchPage: isSearchPage
+    isSearchPage: isSearchPage,
+    showRecent: showRecent,
+    showSuggestions: showSuggestions
   }))));
 }
 function InnerAutocomplete(_ref3) {
@@ -108,16 +131,31 @@ function InnerAutocomplete(_ref3) {
     userOnSelect = _ref3.onSelect,
     indexUiState = _ref3.indexUiState,
     isSearchPage = _ref3.isSearchPage,
+    PanelComponent = _ref3.panelComponent,
+    showRecent = _ref3.showRecent,
+    showSuggestions = _ref3.showSuggestions,
     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,30 +178,79 @@ function InnerAutocomplete(_ref3) {
     getItemProps = _usePropGetters.getItemProps,
     getPanelProps = _usePropGetters.getPanelProps,
     getRootProps = _usePropGetters.getRootProps;
-  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;
-    return /*#__PURE__*/_react.default.createElement(AutocompleteIndex, {
+  var AutocompleteRecentSearchComponent = _typeof(showRecent) === 'object' && showRecent.itemComponent || AutocompleteRecentSearch;
+  var elements = {};
+  if (showRecent) {
+    elements.recent = /*#__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);
+          }
+        }, /*#__PURE__*/_react.default.createElement(ConditionalReverseHighlight, {
+          item: item
+        }));
+      },
+      classNames: {
+        root: 'ais-AutocompleteRecentSearches',
+        list: 'ais-AutocompleteRecentSearchesList',
+        item: 'ais-AutocompleteRecentSearchesItem'
+      },
+      items: storageHits,
+      getItemProps: getItemProps
+    });
+  }
+  indices.forEach(function (_ref6, i) {
+    var indexId = _ref6.indexId,
+      indexName = _ref6.indexName,
+      hits = _ref6.hits;
+    var elementId = indexName === (showSuggestions === null || showSuggestions === void 0 ? void 0 : showSuggestions.indexName) ? 'suggestions' : indexName;
+    elements[elementId] = /*#__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
       ,
-      HeaderComponent: indicesConfig[index].headerComponent
+      HeaderComponent: indicesConfig[i].headerComponent
       // @ts-expect-error - there seems to be problems with React.ComponentType and this, but it's actually correct
       ,
-      ItemComponent: indicesConfig[index].itemComponent,
+      ItemComponent: indicesConfig[i].itemComponent,
       items: hits.map(function (item) {
         return _objectSpread(_objectSpread({}, item), {}, {
           __indexName: indexId
         });
       }),
       getItemProps: getItemProps,
-      classNames: indicesConfig[index].classNames
+      classNames: indicesConfig[i].classNames
     });
+  });
+  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(), PanelComponent ? /*#__PURE__*/_react.default.createElement(PanelComponent, {
+    elements: elements,
+    indices: indices
+  }) : Object.keys(elements).map(function (elementId) {
+    return elements[elementId];
   })));
+}
+function ConditionalReverseHighlight(_ref7) {
+  var _item$_highlightResul;
+  var item = _ref7.item;
+  if (!((_item$_highlightResul = item._highlightResult) !== null && _item$_highlightResul !== void 0 && _item$_highlightResul.query) ||
+  // @ts-expect-error - we should not have matchLevel as arrays here
+  item._highlightResult.query.matchLevel === 'none') {
+    return item.query;
+  }
+  return /*#__PURE__*/_react.default.createElement(_ReverseHighlight.ReverseHighlight, {
+    attribute: "query",
+    hit: item
+  });
 }

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/cjs/widgets/ReverseHighlight.js

@@ -0,0 +1,46 @@
+"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
+});
+exports.ReverseHighlight = ReverseHighlight;
+var _utils = require("instantsearch.js/cjs/lib/utils");
+var _react = _interopRequireDefault(require("react"));
+var _ReverseHighlight = require("../ui/ReverseHighlight");
+var _excluded = ["hit", "attribute", "highlightedTagName", "nonHighlightedTagName", "separator"],
+  _excluded2 = ["isHighlighted"];
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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; }
+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); }
+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; }
+function ReverseHighlight(_ref) {
+  var hit = _ref.hit,
+    attribute = _ref.attribute,
+    highlightedTagName = _ref.highlightedTagName,
+    nonHighlightedTagName = _ref.nonHighlightedTagName,
+    separator = _ref.separator,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var property = (0, _utils.getPropertyByPath)(hit._highlightResult, attribute) || [];
+  var properties = Array.isArray(property) ? property : [property];
+  var parts = properties.map(function (singleValue) {
+    return (0, _utils.getHighlightedParts)((0, _utils.unescape)(singleValue.value || '')).map(function (_ref2) {
+      var isHighlighted = _ref2.isHighlighted,
+        rest = _objectWithoutProperties(_ref2, _excluded2);
+      return _objectSpread(_objectSpread({}, rest), {}, {
+        isHighlighted: !isHighlighted
+      });
+    });
+  });
+  return /*#__PURE__*/_react.default.createElement(_ReverseHighlight.ReverseHighlight, _extends({}, props, {
+    parts: parts,
+    highlightedTagName: highlightedTagName,
+    nonHighlightedTagName: nonHighlightedTagName,
+    separator: separator
+  }));
+}

package/dist/cjs/widgets/index.js

@@ -201,6 +201,17 @@ Object.keys(_RelatedProducts).forEach(function (key) {
     }
   });
 });
+var _ReverseHighlight = require("./ReverseHighlight");
+Object.keys(_ReverseHighlight).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ReverseHighlight[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ReverseHighlight[key];
+    }
+  });
+});
 var _SearchBox = require("./SearchBox");
 Object.keys(_SearchBox).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/cjs/widgets/index.umd.js

@@ -214,6 +214,18 @@ Object.keys(_RelatedProducts).forEach(function (key) {
     }
   });
 });
+var _ReverseHighlight = require("./ReverseHighlight");
+Object.keys(_ReverseHighlight).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _ReverseHighlight[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _ReverseHighlight[key];
+    }
+  });
+});
 var _SearchBox = require("./SearchBox");
 Object.keys(_SearchBox).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;

package/dist/es/ui/ReverseHighlight.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+import type { HighlightProps as InternalHighlightProps, HighlightClassNames as InternalHighlightClassNames } from 'instantsearch-ui-components';
+export type ReverseHighlightClassNames = InternalHighlightClassNames;
+export type ReverseHighlightProps = Omit<InternalHighlightProps, 'classNames'> & {
+    classNames?: Partial<ReverseHighlightClassNames>;
+};
+export declare function ReverseHighlight({ classNames, ...props }: ReverseHighlightProps): React.JSX.Element;

package/dist/es/ui/ReverseHighlight.js

@@ -0,0 +1,20 @@
+var _excluded = ["classNames"];
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+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 { cx } from 'instantsearch-ui-components';
+import React from 'react';
+import { InternalHighlight } from "./InternalHighlight.js";
+export function ReverseHighlight(_ref) {
+  var _ref$classNames = _ref.classNames,
+    classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
+    props = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React.createElement(InternalHighlight, _extends({
+    classNames: {
+      root: cx('ais-ReverseHighlight', classNames.root),
+      highlighted: cx('ais-ReverseHighlight-highlighted', classNames.highlighted),
+      nonHighlighted: cx('ais-ReverseHighlight-nonHighlighted', classNames.nonHighlighted),
+      separator: cx('ais-ReverseHighlight-separator', classNames.separator)
+    }
+  }, props));
+}

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

@@ -1,20 +1,44 @@
 import React from 'react';
+import { useAutocomplete } from 'react-instantsearch-core';
+import type { PlainSearchParameters } from 'algoliasearch-helper';
 import type { AutocompleteIndexClassNames, AutocompleteIndexConfig, AutocompleteClassNames, AutocompleteIndexProps } from 'instantsearch-ui-components';
 import type { BaseHit, IndexUiState } from 'instantsearch.js';
 import type { ComponentProps } from 'react';
+type AutocompleteSearchParameters = Omit<PlainSearchParameters, 'index'>;
 type IndexConfig<TItem extends BaseHit> = AutocompleteIndexConfig<TItem> & {
     headerComponent?: AutocompleteIndexProps<TItem>['HeaderComponent'];
     itemComponent: AutocompleteIndexProps<TItem>['ItemComponent'];
+    searchParameters?: AutocompleteSearchParameters;
     classNames?: Partial<AutocompleteIndexClassNames>;
 };
+type PanelElements = Partial<Record<'recent' | 'suggestions' | (string & {}), React.JSX.Element>>;
 export type AutocompleteProps<TItem extends BaseHit> = ComponentProps<'div'> & {
     indices?: Array<IndexConfig<TItem>>;
     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'];
+    panelComponent?: (props: {
+        elements: PanelElements;
+        indices: ReturnType<typeof useAutocomplete>['indices'];
+    }) => React.JSX.Element;
+    searchParameters?: AutocompleteSearchParameters;
     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, searchParameters: userSearchParameters, ...props }: AutocompleteProps<TItem>): React.JSX.Element;
 export {};