react-instantsearch 7.18.0 → 7.20.0

package/dist/es/widgets/Autocomplete.js

@@ -1,11 +1,6 @@
+var _excluded = ["indices", "showSuggestions", "showRecent", "searchParameters"],
+  _excluded2 = ["indicesConfig", "refineSearchBox", "getSearchPageURL", "onSelect", "indexUiState", "isSearchPage", "panelComponent", "showRecent", "showSuggestions"];
 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; }
-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 _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."); }
@@ -13,12 +8,18 @@ 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; }
-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";
+import { ReverseHighlight } from "./ReverseHighlight.js";
 var Autocomplete = createAutocompleteComponent({
   createElement: createElement,
   Fragment: Fragment
@@ -35,6 +36,10 @@ var AutocompleteSuggestion = createAutocompleteSuggestionComponent({
   createElement: createElement,
   Fragment: Fragment
 });
+var AutocompleteRecentSearch = createAutocompleteRecentSearchComponent({
+  createElement: createElement,
+  Fragment: Fragment
+});
 var usePropGetters = createAutocompletePropGetters({
   useEffect: useEffect,
   useId: useId,
@@ -42,13 +47,17 @@ var usePropGetters = createAutocompletePropGetters({
   useRef: useRef,
   useState: useState
 });
-var _ref2 = /*#__PURE__*/React.createElement(Configure, {
-  hitsPerPage: 5
+var useStorage = createAutocompleteStorage({
+  useEffect: useEffect,
+  useMemo: useMemo,
+  useState: useState
 });
 export 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 = useInstantSearch(),
     indexUiState = _useInstantSearch.indexUiState,
@@ -58,13 +67,25 @@ export 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.createElement(AutocompleteSuggestion, {
+          item: item,
+          onSelect: onSelect
+        }, /*#__PURE__*/React.createElement(ConditionalReverseHighlight, {
+          item: item
+        }));
+      },
       classNames: {
         root: 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: cx('ais-AutocompleteSuggestionsList', showSuggestions === null || showSuggestions === void 0 ? void 0 : (_showSuggestions$clas2 = showSuggestions.classNames) === null || _showSuggestions$clas2 === void 0 ? void 0 : _showSuggestions$clas2.list),
@@ -82,16 +103,18 @@ export function EXPERIMENTAL_Autocomplete(_ref) {
   }, [indexRenderState]);
   return /*#__PURE__*/React.createElement(Fragment, null, /*#__PURE__*/React.createElement(Index, {
     EXPERIMENTAL_isolated: true
-  }, _ref2, indicesConfig.map(function (index) {
+  }, /*#__PURE__*/React.createElement(Configure, searchParameters), indicesConfig.map(function (index) {
     return /*#__PURE__*/React.createElement(Index, {
       key: index.indexName,
       indexName: index.indexName
-    });
+    }, /*#__PURE__*/React.createElement(Configure, index.searchParameters));
   }), /*#__PURE__*/React.createElement(InnerAutocomplete, _extends({}, props, {
     indicesConfig: indicesConfig,
     refineSearchBox: refine,
     indexUiState: indexUiState,
-    isSearchPage: isSearchPage
+    isSearchPage: isSearchPage,
+    showRecent: showRecent,
+    showSuggestions: showSuggestions
   }))));
 }
 function InnerAutocomplete(_ref3) {
@@ -101,16 +124,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 = 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,30 +171,79 @@ function InnerAutocomplete(_ref3) {
     getItemProps = _usePropGetters.getItemProps,
     getPanelProps = _usePropGetters.getPanelProps,
     getRootProps = _usePropGetters.getRootProps;
-  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;
-    return /*#__PURE__*/React.createElement(AutocompleteIndex, {
+  var AutocompleteRecentSearchComponent = _typeof(showRecent) === 'object' && showRecent.itemComponent || AutocompleteRecentSearch;
+  var elements = {};
+  if (showRecent) {
+    elements.recent = /*#__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);
+          }
+        }, /*#__PURE__*/React.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.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.createElement(Autocomplete, _extends({}, props, getRootProps()), /*#__PURE__*/React.createElement(AutocompleteSearch, {
+    inputProps: getInputProps(),
+    clearQuery: function clearQuery() {
+      refineSearchBox('');
+      refineAutocomplete('');
+    }
+  }), /*#__PURE__*/React.createElement(AutocompletePanel, getPanelProps(), PanelComponent ? /*#__PURE__*/React.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.createElement(ReverseHighlight, {
+    attribute: "query",
+    hit: item
+  });
 }

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,

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

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { PartialKeys } from '../types';
+import type { ReverseHighlightProps as ReverseHighlightUiComponentProps } from '../ui/ReverseHighlight';
+import type { BaseHit, Hit } from 'instantsearch.js';
+export type ReverseHighlightProps<THit extends Hit<BaseHit>> = {
+    hit: THit;
+    attribute: keyof THit | string[];
+} & PartialKeys<Omit<ReverseHighlightUiComponentProps, 'parts'>, 'highlightedTagName' | 'nonHighlightedTagName' | 'separator'>;
+export declare function ReverseHighlight<THit extends Hit<BaseHit>>({ hit, attribute, highlightedTagName, nonHighlightedTagName, separator, ...props }: ReverseHighlightProps<THit>): React.JSX.Element;

package/dist/es/widgets/ReverseHighlight.js

@@ -0,0 +1,39 @@
+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 = ["hit", "attribute", "highlightedTagName", "nonHighlightedTagName", "separator"],
+  _excluded2 = ["isHighlighted"];
+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; }
+import { getHighlightedParts, getPropertyByPath, unescape } from "instantsearch.js/es/lib/utils/index.js";
+import React from 'react';
+import { ReverseHighlight as ReverseHighlightUiComponent } from "../ui/ReverseHighlight.js";
+export 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 = getPropertyByPath(hit._highlightResult, attribute) || [];
+  var properties = Array.isArray(property) ? property : [property];
+  var parts = properties.map(function (singleValue) {
+    return getHighlightedParts(unescape(singleValue.value || '')).map(function (_ref2) {
+      var isHighlighted = _ref2.isHighlighted,
+        rest = _objectWithoutProperties(_ref2, _excluded2);
+      return _objectSpread(_objectSpread({}, rest), {}, {
+        isHighlighted: !isHighlighted
+      });
+    });
+  });
+  return /*#__PURE__*/React.createElement(ReverseHighlightUiComponent, _extends({}, props, {
+    parts: parts,
+    highlightedTagName: highlightedTagName,
+    nonHighlightedTagName: nonHighlightedTagName,
+    separator: separator
+  }));
+}

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

@@ -16,6 +16,7 @@ export * from './PoweredBy';
 export * from './RangeInput';
 export * from './RefinementList';
 export * from './RelatedProducts';
+export * from './ReverseHighlight';
 export * from './SearchBox';
 export * from './Snippet';
 export * from './SortBy';

package/dist/es/widgets/index.js

@@ -16,6 +16,7 @@ export * from "./PoweredBy.js";
 export * from "./RangeInput.js";
 export * from "./RefinementList.js";
 export * from "./RelatedProducts.js";
+export * from "./ReverseHighlight.js";
 export * from "./SearchBox.js";
 export * from "./Snippet.js";
 export * from "./SortBy.js";

package/dist/es/widgets/index.umd.d.ts

@@ -19,6 +19,7 @@ export * from './PoweredBy';
 export * from './RangeInput';
 export * from './RefinementList';
 export * from './RelatedProducts';
+export * from './ReverseHighlight';
 export * from './SearchBox';
 export * from './Snippet';
 export * from './SortBy';

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

@@ -21,6 +21,7 @@ export * from "./PoweredBy.js";
 export * from "./RangeInput.js";
 export * from "./RefinementList.js";
 export * from "./RelatedProducts.js";
+export * from "./ReverseHighlight.js";
 export * from "./SearchBox.js";
 export * from "./Snippet.js";
 export * from "./SortBy.js";