react-instantsearch 7.22.0 → 7.23.0

package/dist/cjs/widgets/Autocomplete.js

@@ -10,7 +10,7 @@ var _reactInstantsearchCore = require("react-instantsearch-core");
 var _AutocompleteSearch = require("../components/AutocompleteSearch");
 var _ReverseHighlight = require("./ReverseHighlight");
 var _excluded = ["indices", "showSuggestions", "showRecent", "searchParameters"],
-  _excluded2 = ["indicesConfig", "refineSearchBox", "getSearchPageURL", "onSelect", "indexUiState", "isSearchPage", "panelComponent", "showRecent", "recentSearchConfig", "showSuggestions", "placeholder"];
+  _excluded2 = ["indicesConfig", "refineSearchBox", "getSearchPageURL", "onSelect", "indexUiState", "isSearchPage", "panelComponent", "showRecent", "recentSearchConfig", "showSuggestions", "transformItems", "placeholder"];
 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 _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 _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); }
@@ -149,9 +149,12 @@ function InnerAutocomplete(_ref3) {
     showRecent = _ref3.showRecent,
     recentSearchConfig = _ref3.recentSearchConfig,
     showSuggestions = _ref3.showSuggestions,
+    transformItems = _ref3.transformItems,
     placeholder = _ref3.placeholder,
     props = _objectWithoutProperties(_ref3, _excluded2);
-  var _useAutocomplete = (0, _reactInstantsearchCore.useAutocomplete)(),
+  var _useAutocomplete = (0, _reactInstantsearchCore.useAutocomplete)({
+      transformItems: transformItems
+    }),
     indices = _useAutocomplete.indices,
     refineAutocomplete = _useAutocomplete.refine,
     currentRefinement = _useAutocomplete.currentRefinement;
@@ -159,7 +162,8 @@ function InnerAutocomplete(_ref3) {
       showRecent: showRecent,
       query: currentRefinement,
       indices: indices,
-      indicesConfig: indicesConfig
+      indicesConfig: indicesConfig,
+      suggestionsIndexName: showSuggestions === null || showSuggestions === void 0 ? void 0 : showSuggestions.indexName
     }),
     storage = _useStorage.storage,
     storageHits = _useStorage.storageHits,
@@ -226,7 +230,7 @@ function InnerAutocomplete(_ref3) {
       key: "recentSearches"
     });
   }
-  indices.forEach(function (_ref6, i) {
+  indices.forEach(function (_ref6) {
     var indexId = _ref6.indexId,
       indexName = _ref6.indexName,
       hits = _ref6.hits;
@@ -236,21 +240,27 @@ function InnerAutocomplete(_ref3) {
         return storageHit.query === suggestionHit.query;
       });
     }) : hits;
+    var currentIndexConfig = indicesConfig.find(function (config) {
+      return config.indexName === indexName;
+    });
+    if (!currentIndexConfig) {
+      return;
+    }
     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[i].headerComponent
+      HeaderComponent: currentIndexConfig.headerComponent
       // @ts-expect-error - there seems to be problems with React.ComponentType and this, but it's actually correct
       ,
-      ItemComponent: indicesConfig[i].itemComponent,
+      ItemComponent: currentIndexConfig.itemComponent,
       items: filteredHits.map(function (item) {
         return _objectSpread(_objectSpread({}, item), {}, {
           __indexName: indexId
         });
       }),
       getItemProps: getItemProps,
-      classNames: indicesConfig[i].classNames
+      classNames: currentIndexConfig.classNames
     });
   });
   return /*#__PURE__*/_react.default.createElement(Autocomplete, _extends({}, props, getRootProps()), /*#__PURE__*/_react.default.createElement(_AutocompleteSearch.AutocompleteSearch, {

package/dist/cjs/widgets/Chat.js

@@ -4,6 +4,24 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.Chat = Chat;
+Object.defineProperty(exports, "MemorizeToolType", {
+  enumerable: true,
+  get: function get() {
+    return _chat.MemorizeToolType;
+  }
+});
+Object.defineProperty(exports, "MemorySearchToolType", {
+  enumerable: true,
+  get: function get() {
+    return _chat.MemorySearchToolType;
+  }
+});
+Object.defineProperty(exports, "PonderToolType", {
+  enumerable: true,
+  get: function get() {
+    return _chat.PonderToolType;
+  }
+});
 Object.defineProperty(exports, "RecommendToolType", {
   enumerable: true,
   get: function get() {
@@ -23,7 +41,7 @@ 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", "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"];
+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", "suggestionsComponent", "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; }
@@ -45,7 +63,7 @@ var ChatUiComponent = (0, _instantsearchUiComponents.createChatComponent)({
 });
 function createDefaultTools(itemComponent, getSearchPageURL) {
   var _ref;
-  return _ref = {}, _defineProperty(_ref, _chat.SearchIndexToolType, (0, _SearchIndexTool.createCarouselTool)(true, itemComponent, getSearchPageURL)), _defineProperty(_ref, _chat.RecommendToolType, (0, _SearchIndexTool.createCarouselTool)(false, itemComponent, getSearchPageURL)), _ref;
+  return _ref = {}, _defineProperty(_ref, _chat.SearchIndexToolType, (0, _SearchIndexTool.createCarouselTool)(true, itemComponent, getSearchPageURL)), _defineProperty(_ref, _chat.RecommendToolType, (0, _SearchIndexTool.createCarouselTool)(false, itemComponent, getSearchPageURL)), _defineProperty(_ref, _chat.MemorizeToolType, {}), _defineProperty(_ref, _chat.MemorySearchToolType, {}), _defineProperty(_ref, _chat.PonderToolType, {}), _ref;
 }
 function Chat(_ref2) {
   var userTools = _ref2.tools,
@@ -71,6 +89,7 @@ function Chat(_ref2) {
     userMessageLeadingComponent = _ref2.userMessageLeadingComponent,
     userMessageFooterComponent = _ref2.userMessageFooterComponent,
     actionsComponent = _ref2.actionsComponent,
+    suggestionsComponent = _ref2.suggestionsComponent,
     classNames = _ref2.classNames,
     _ref2$translations = _ref2.translations,
     translations = _ref2$translations === void 0 ? {} : _ref2$translations,
@@ -117,7 +136,8 @@ function Chat(_ref2) {
     isClearing = chatState.isClearing,
     clearMessages = chatState.clearMessages,
     onClearTransitionEnd = chatState.onClearTransitionEnd,
-    toolsFromConnector = chatState.tools;
+    toolsFromConnector = chatState.tools,
+    suggestions = chatState.suggestions;
   if (process.env.NODE_ENV === 'development' && error) {
     throw error;
   }
@@ -128,6 +148,7 @@ function Chat(_ref2) {
     headerComponent: headerComponent,
     promptComponent: promptComponent,
     toggleButtonComponent: toggleButtonComponent,
+    suggestionsComponent: suggestionsComponent,
     toggleButtonProps: _objectSpread({
       open: open,
       onClick: function onClick() {
@@ -205,6 +226,14 @@ function Chat(_ref2) {
       headerComponent: promptHeaderComponent,
       footerComponent: promptFooterComponent
     }, promptProps),
+    suggestionsProps: {
+      suggestions: suggestions,
+      onSuggestionClick: function onSuggestionClick(suggestion) {
+        sendMessage({
+          text: suggestion
+        });
+      }
+    },
     classNames: classNames
   });
 }

package/dist/cjs/widgets/FilterSuggestions.js

@@ -0,0 +1,56 @@
+"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.FilterSuggestions = FilterSuggestions;
+var _instantsearchUiComponents = require("instantsearch-ui-components");
+var _react = _interopRequireWildcard(require("react"));
+var _reactInstantsearchCore = require("react-instantsearch-core");
+var _excluded = ["agentId", "attributes", "maxSuggestions", "debounceMs", "hitsToSample", "transformItems", "itemComponent", "headerComponent", "emptyComponent", "transport"];
+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 _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; }
+var FilterSuggestionsUiComponent = (0, _instantsearchUiComponents.createFilterSuggestionsComponent)({
+  createElement: _react.createElement,
+  Fragment: _react.Fragment
+});
+function FilterSuggestions(_ref) {
+  var agentId = _ref.agentId,
+    attributes = _ref.attributes,
+    maxSuggestions = _ref.maxSuggestions,
+    debounceMs = _ref.debounceMs,
+    hitsToSample = _ref.hitsToSample,
+    transformItems = _ref.transformItems,
+    itemComponent = _ref.itemComponent,
+    headerComponent = _ref.headerComponent,
+    emptyComponent = _ref.emptyComponent,
+    transport = _ref.transport,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useFilterSuggestions = (0, _reactInstantsearchCore.useFilterSuggestions)({
+      agentId: agentId,
+      attributes: attributes,
+      maxSuggestions: maxSuggestions,
+      debounceMs: debounceMs,
+      hitsToSample: hitsToSample,
+      transformItems: transformItems,
+      transport: transport
+    }, {
+      $$widgetType: 'ais.filterSuggestions'
+    }),
+    suggestions = _useFilterSuggestions.suggestions,
+    isLoading = _useFilterSuggestions.isLoading,
+    refine = _useFilterSuggestions.refine;
+  var uiProps = {
+    suggestions: suggestions,
+    isLoading: isLoading,
+    refine: refine,
+    skeletonCount: maxSuggestions,
+    itemComponent: itemComponent,
+    headerComponent: headerComponent,
+    emptyComponent: emptyComponent
+  };
+  return /*#__PURE__*/_react.default.createElement(FilterSuggestionsUiComponent, _extends({}, props, uiProps));
+}

package/dist/cjs/widgets/index.js

@@ -277,4 +277,15 @@ Object.keys(_TrendingItems).forEach(function (key) {
       return _TrendingItems[key];
     }
   });
+});
+var _FilterSuggestions = require("./FilterSuggestions");
+Object.keys(_FilterSuggestions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _FilterSuggestions[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _FilterSuggestions[key];
+    }
+  });
 });

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

@@ -7,9 +7,12 @@ var _exportNames = {
   Chat: true,
   SearchIndexToolType: true,
   RecommendToolType: true,
+  MemorizeToolType: true,
+  MemorySearchToolType: true,
+  PonderToolType: true,
   createDefaultTools: true
 };
-exports.createDefaultTools = exports.SearchIndexToolType = exports.RecommendToolType = exports.Chat = void 0;
+exports.createDefaultTools = exports.SearchIndexToolType = exports.RecommendToolType = exports.PonderToolType = exports.MemorySearchToolType = exports.MemorizeToolType = exports.Chat = void 0;
 var _Autocomplete = require("./Autocomplete");
 Object.keys(_Autocomplete).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -34,6 +37,18 @@ Object.keys(_Breadcrumb).forEach(function (key) {
     }
   });
 });
+var _FilterSuggestions = require("./FilterSuggestions");
+Object.keys(_FilterSuggestions).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (Object.prototype.hasOwnProperty.call(_exportNames, key)) return;
+  if (key in exports && exports[key] === _FilterSuggestions[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _FilterSuggestions[key];
+    }
+  });
+});
 var _ClearRefinements = require("./ClearRefinements");
 Object.keys(_ClearRefinements).forEach(function (key) {
   if (key === "default" || key === "__esModule") return;
@@ -303,4 +318,7 @@ var Chat = exports.Chat = function Chat() {
 };
 var SearchIndexToolType = exports.SearchIndexToolType = undefined;
 var RecommendToolType = exports.RecommendToolType = undefined;
+var MemorizeToolType = exports.MemorizeToolType = undefined;
+var MemorySearchToolType = exports.MemorySearchToolType = undefined;
+var PonderToolType = exports.PonderToolType = undefined;
 var createDefaultTools = exports.createDefaultTools = function createDefaultTools() {};

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

@@ -3,6 +3,7 @@ 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 { TransformItemsIndicesConfig } from 'instantsearch.js/es/connectors/autocomplete/connectAutocomplete';
 import type { ComponentProps } from 'react';
 type AutocompleteSearchParameters = Omit<PlainSearchParameters, 'index'>;
 type IndexConfig<TItem extends BaseHit> = AutocompleteIndexConfig<TItem> & {
@@ -40,6 +41,7 @@ export type AutocompleteProps<TItem extends BaseHit> = ComponentProps<'div'> & {
     };
     getSearchPageURL?: (nextUiState: IndexUiState) => string;
     onSelect?: AutocompleteIndexConfig<TItem>['onSelect'];
+    transformItems?: (indices: TransformItemsIndicesConfig[]) => TransformItemsIndicesConfig[];
     panelComponent?: (props: {
         elements: PanelElements;
         indices: ReturnType<typeof useAutocomplete>['indices'];

package/dist/es/widgets/Autocomplete.js

@@ -1,5 +1,5 @@
 var _excluded = ["indices", "showSuggestions", "showRecent", "searchParameters"],
-  _excluded2 = ["indicesConfig", "refineSearchBox", "getSearchPageURL", "onSelect", "indexUiState", "isSearchPage", "panelComponent", "showRecent", "recentSearchConfig", "showSuggestions", "placeholder"];
+  _excluded2 = ["indicesConfig", "refineSearchBox", "getSearchPageURL", "onSelect", "indexUiState", "isSearchPage", "panelComponent", "showRecent", "recentSearchConfig", "showSuggestions", "transformItems", "placeholder"];
 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 _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 _toConsumableArray(r) { return _arrayWithoutHoles(r) || _iterableToArray(r) || _unsupportedIterableToArray(r) || _nonIterableSpread(); }
@@ -142,9 +142,12 @@ function InnerAutocomplete(_ref3) {
     showRecent = _ref3.showRecent,
     recentSearchConfig = _ref3.recentSearchConfig,
     showSuggestions = _ref3.showSuggestions,
+    transformItems = _ref3.transformItems,
     placeholder = _ref3.placeholder,
     props = _objectWithoutProperties(_ref3, _excluded2);
-  var _useAutocomplete = useAutocomplete(),
+  var _useAutocomplete = useAutocomplete({
+      transformItems: transformItems
+    }),
     indices = _useAutocomplete.indices,
     refineAutocomplete = _useAutocomplete.refine,
     currentRefinement = _useAutocomplete.currentRefinement;
@@ -152,7 +155,8 @@ function InnerAutocomplete(_ref3) {
       showRecent: showRecent,
       query: currentRefinement,
       indices: indices,
-      indicesConfig: indicesConfig
+      indicesConfig: indicesConfig,
+      suggestionsIndexName: showSuggestions === null || showSuggestions === void 0 ? void 0 : showSuggestions.indexName
     }),
     storage = _useStorage.storage,
     storageHits = _useStorage.storageHits,
@@ -219,7 +223,7 @@ function InnerAutocomplete(_ref3) {
       key: "recentSearches"
     });
   }
-  indices.forEach(function (_ref6, i) {
+  indices.forEach(function (_ref6) {
     var indexId = _ref6.indexId,
       indexName = _ref6.indexName,
       hits = _ref6.hits;
@@ -229,21 +233,27 @@ function InnerAutocomplete(_ref3) {
         return storageHit.query === suggestionHit.query;
       });
     }) : hits;
+    var currentIndexConfig = indicesConfig.find(function (config) {
+      return config.indexName === indexName;
+    });
+    if (!currentIndexConfig) {
+      return;
+    }
     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[i].headerComponent
+      HeaderComponent: currentIndexConfig.headerComponent
       // @ts-expect-error - there seems to be problems with React.ComponentType and this, but it's actually correct
       ,
-      ItemComponent: indicesConfig[i].itemComponent,
+      ItemComponent: currentIndexConfig.itemComponent,
       items: filteredHits.map(function (item) {
         return _objectSpread(_objectSpread({}, item), {}, {
           __indexName: indexId
         });
       }),
       getItemProps: getItemProps,
-      classNames: indicesConfig[i].classNames
+      classNames: currentIndexConfig.classNames
     });
   });
   return /*#__PURE__*/React.createElement(Autocomplete, _extends({}, props, getRootProps()), /*#__PURE__*/React.createElement(AutocompleteSearch, {

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

@@ -1,16 +1,16 @@
-import { SearchIndexToolType, RecommendToolType } from 'instantsearch.js/es/lib/chat';
+import { SearchIndexToolType, RecommendToolType, MemorizeToolType, MemorySearchToolType, PonderToolType } from 'instantsearch.js/es/lib/chat';
 import React from 'react';
-export { SearchIndexToolType, RecommendToolType };
+export { SearchIndexToolType, RecommendToolType, MemorizeToolType, MemorySearchToolType, PonderToolType, };
 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 { 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 UiProps = Pick<ChatUiProps, 'open' | 'headerProps' | 'toggleButtonProps' | 'messagesProps' | 'promptProps' | 'suggestionsProps' | 'headerComponent' | 'promptComponent' | 'suggestionsComponent'>;
 type UserToggleButtonProps = Omit<ChatUiProps['toggleButtonProps'], 'open' | 'onClick'>;
 type UserHeaderProps = Omit<ChatUiProps['headerProps'], 'onClose'>;
-type UserMessagesProps = Omit<ChatUiProps['messagesProps'], 'messages' | 'tools' | 'indexUiState' | 'setIndexUiState' | 'scrollRef' | 'contentRef' | 'messageComponent' | 'leadingComponent' | 'footerComponent' | 'translations' | 'classNames'>;
+type UserMessagesProps = Omit<ChatUiProps['messagesProps'], 'messages' | 'tools' | 'indexUiState' | 'setIndexUiState' | 'scrollRef' | 'contentRef' | 'messageComponent' | 'leadingComponent' | 'footerComponent' | 'suggestionsComponent' | 'translations' | 'classNames'>;
 type UserPromptProps = Omit<ChatUiProps['promptProps'], 'value' | 'onInput' | 'onSubmit' | 'headerComponent' | 'footerComponent'>;
 export type Tool = UserClientSideTool;
 export type Tools = UserClientSideTools;
@@ -39,6 +39,7 @@ export type ChatProps<TObject, TUiMessage extends UIMessage = UIMessage> = Omit<
     assistantMessageFooterComponent?: ChatMessageProps['footerComponent'];
     userMessageLeadingComponent?: ChatMessageProps['leadingComponent'];
     userMessageFooterComponent?: ChatMessageProps['footerComponent'];
+    suggestionsComponent?: ChatUiProps['suggestionsComponent'];
     translations?: Partial<{
         prompt: ChatUiProps['promptProps']['translations'];
         header: ChatUiProps['headerProps']['translations'];
@@ -46,4 +47,4 @@ export type ChatProps<TObject, TUiMessage extends UIMessage = UIMessage> = Omit<
         messages: ChatUiProps['messagesProps']['translations'];
     }>;
 };
-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;
+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, suggestionsComponent, classNames, translations, title, getSearchPageURL, ...props }: ChatProps<TObject, TUiMessage>): React.JSX.Element;

package/dist/es/widgets/Chat.js

@@ -1,4 +1,4 @@
-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"];
+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", "suggestionsComponent", "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; }
@@ -14,19 +14,19 @@ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object
 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 { createChatComponent } from 'instantsearch-ui-components';
-import { SearchIndexToolType, RecommendToolType } from "instantsearch.js/es/lib/chat/index.js";
+import { SearchIndexToolType, RecommendToolType, MemorizeToolType, MemorySearchToolType, PonderToolType } from "instantsearch.js/es/lib/chat/index.js";
 import React, { createElement, Fragment } from 'react';
 import { useInstantSearch, useChat } from 'react-instantsearch-core';
 import { useStickToBottom } from "../lib/useStickToBottom.js";
 import { createCarouselTool } from "./chat/tools/SearchIndexTool.js";
-export { SearchIndexToolType, RecommendToolType };
+export { SearchIndexToolType, RecommendToolType, MemorizeToolType, MemorySearchToolType, PonderToolType };
 var ChatUiComponent = createChatComponent({
   createElement: createElement,
   Fragment: Fragment
 });
 export function createDefaultTools(itemComponent, getSearchPageURL) {
   var _ref;
-  return _ref = {}, _defineProperty(_ref, SearchIndexToolType, createCarouselTool(true, itemComponent, getSearchPageURL)), _defineProperty(_ref, RecommendToolType, createCarouselTool(false, itemComponent, getSearchPageURL)), _ref;
+  return _ref = {}, _defineProperty(_ref, SearchIndexToolType, createCarouselTool(true, itemComponent, getSearchPageURL)), _defineProperty(_ref, RecommendToolType, createCarouselTool(false, itemComponent, getSearchPageURL)), _defineProperty(_ref, MemorizeToolType, {}), _defineProperty(_ref, MemorySearchToolType, {}), _defineProperty(_ref, PonderToolType, {}), _ref;
 }
 export function Chat(_ref2) {
   var userTools = _ref2.tools,
@@ -52,6 +52,7 @@ export function Chat(_ref2) {
     userMessageLeadingComponent = _ref2.userMessageLeadingComponent,
     userMessageFooterComponent = _ref2.userMessageFooterComponent,
     actionsComponent = _ref2.actionsComponent,
+    suggestionsComponent = _ref2.suggestionsComponent,
     classNames = _ref2.classNames,
     _ref2$translations = _ref2.translations,
     translations = _ref2$translations === void 0 ? {} : _ref2$translations,
@@ -98,7 +99,8 @@ export function Chat(_ref2) {
     isClearing = chatState.isClearing,
     clearMessages = chatState.clearMessages,
     onClearTransitionEnd = chatState.onClearTransitionEnd,
-    toolsFromConnector = chatState.tools;
+    toolsFromConnector = chatState.tools,
+    suggestions = chatState.suggestions;
   if (process.env.NODE_ENV === 'development' && error) {
     throw error;
   }
@@ -109,6 +111,7 @@ export function Chat(_ref2) {
     headerComponent: headerComponent,
     promptComponent: promptComponent,
     toggleButtonComponent: toggleButtonComponent,
+    suggestionsComponent: suggestionsComponent,
     toggleButtonProps: _objectSpread({
       open: open,
       onClick: function onClick() {
@@ -186,6 +189,14 @@ export function Chat(_ref2) {
       headerComponent: promptHeaderComponent,
       footerComponent: promptFooterComponent
     }, promptProps),
+    suggestionsProps: {
+      suggestions: suggestions,
+      onSuggestionClick: function onSuggestionClick(suggestion) {
+        sendMessage({
+          text: suggestion
+        });
+      }
+    },
     classNames: classNames
   });
 }

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

@@ -0,0 +1,20 @@
+import React from 'react';
+import type { FilterSuggestionsProps as FilterSuggestionsUiComponentProps } from 'instantsearch-ui-components';
+import type { UseFilterSuggestionsProps } from 'react-instantsearch-core';
+type UiProps = Pick<FilterSuggestionsUiComponentProps, 'suggestions' | 'isLoading' | 'refine' | 'skeletonCount' | 'itemComponent' | 'headerComponent' | 'emptyComponent'>;
+export type FilterSuggestionsProps = Omit<FilterSuggestionsUiComponentProps, keyof UiProps> & UseFilterSuggestionsProps & {
+    /**
+     * Component to render each suggestion item.
+     */
+    itemComponent?: FilterSuggestionsUiComponentProps['itemComponent'];
+    /**
+     * Component to render the header. Set to `false` to disable the header.
+     */
+    headerComponent?: FilterSuggestionsUiComponentProps['headerComponent'];
+    /**
+     * Component to render when there are no suggestions.
+     */
+    emptyComponent?: FilterSuggestionsUiComponentProps['emptyComponent'];
+};
+export declare function FilterSuggestions({ agentId, attributes, maxSuggestions, debounceMs, hitsToSample, transformItems, itemComponent, headerComponent, emptyComponent, transport, ...props }: FilterSuggestionsProps): React.JSX.Element;
+export {};

package/dist/es/widgets/FilterSuggestions.js

@@ -0,0 +1,48 @@
+var _excluded = ["agentId", "attributes", "maxSuggestions", "debounceMs", "hitsToSample", "transformItems", "itemComponent", "headerComponent", "emptyComponent", "transport"];
+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 { createFilterSuggestionsComponent } from 'instantsearch-ui-components';
+import React, { createElement, Fragment } from 'react';
+import { useFilterSuggestions } from 'react-instantsearch-core';
+var FilterSuggestionsUiComponent = createFilterSuggestionsComponent({
+  createElement: createElement,
+  Fragment: Fragment
+});
+export function FilterSuggestions(_ref) {
+  var agentId = _ref.agentId,
+    attributes = _ref.attributes,
+    maxSuggestions = _ref.maxSuggestions,
+    debounceMs = _ref.debounceMs,
+    hitsToSample = _ref.hitsToSample,
+    transformItems = _ref.transformItems,
+    itemComponent = _ref.itemComponent,
+    headerComponent = _ref.headerComponent,
+    emptyComponent = _ref.emptyComponent,
+    transport = _ref.transport,
+    props = _objectWithoutProperties(_ref, _excluded);
+  var _useFilterSuggestions = useFilterSuggestions({
+      agentId: agentId,
+      attributes: attributes,
+      maxSuggestions: maxSuggestions,
+      debounceMs: debounceMs,
+      hitsToSample: hitsToSample,
+      transformItems: transformItems,
+      transport: transport
+    }, {
+      $$widgetType: 'ais.filterSuggestions'
+    }),
+    suggestions = _useFilterSuggestions.suggestions,
+    isLoading = _useFilterSuggestions.isLoading,
+    refine = _useFilterSuggestions.refine;
+  var uiProps = {
+    suggestions: suggestions,
+    isLoading: isLoading,
+    refine: refine,
+    skeletonCount: maxSuggestions,
+    itemComponent: itemComponent,
+    headerComponent: headerComponent,
+    emptyComponent: emptyComponent
+  };
+  return /*#__PURE__*/React.createElement(FilterSuggestionsUiComponent, _extends({}, props, uiProps));
+}

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

@@ -23,3 +23,4 @@ export * from './SortBy';
 export * from './Stats';
 export * from './ToggleRefinement';
 export * from './TrendingItems';
+export * from './FilterSuggestions';

package/dist/es/widgets/index.js

@@ -22,4 +22,5 @@ export * from "./Snippet.js";
 export * from "./SortBy.js";
 export * from "./Stats.js";
 export * from "./ToggleRefinement.js";
-export * from "./TrendingItems.js";
+export * from "./TrendingItems.js";
+export * from "./FilterSuggestions.js";

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

@@ -1,8 +1,12 @@
 export * from './Autocomplete';
 export * from './Breadcrumb';
 export declare const Chat: () => never;
+export * from './FilterSuggestions';
 export declare const SearchIndexToolType: undefined;
 export declare const RecommendToolType: undefined;
+export declare const MemorizeToolType: undefined;
+export declare const MemorySearchToolType: undefined;
+export declare const PonderToolType: undefined;
 export declare const createDefaultTools: () => void;
 export * from './ClearRefinements';
 export * from './CurrentRefinements';

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

@@ -3,8 +3,12 @@ export * from "./Breadcrumb.js";
 export var Chat = function Chat() {
   throw new Error("\"<Chat>\" is not available from the UMD build.\n\nPlease use React InstantSearch with a packaging system:\nhttps://www.algolia.com/doc/guides/building-search-ui/installation/react/#install-react-instantsearch-as-an-npm-package");
 };
+export * from "./FilterSuggestions.js";
 export var SearchIndexToolType = undefined;
 export var RecommendToolType = undefined;
+export var MemorizeToolType = undefined;
+export var MemorySearchToolType = undefined;
+export var PonderToolType = undefined;
 export var createDefaultTools = function createDefaultTools() {};
 export * from "./ClearRefinements.js";
 export * from "./CurrentRefinements.js";