react-instantsearch 7.16.3 → 7.17.0

package/dist/es/components/useAutocomplete.js

@@ -0,0 +1,231 @@
+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(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _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."); }
+function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
+function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
+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(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+import { connectAutocomplete } from "instantsearch.js/es/connectors/index.js";
+import { useId, useLayoutEffect, useRef, useState } from 'react';
+import { useConnector, useInstantSearch } from 'react-instantsearch-core';
+export function useAutocomplete(_ref) {
+  var indices = _ref.indices;
+  var _useConnector = useConnector(connectAutocomplete, {}),
+    connectorIndices = _useConnector.indices,
+    refine = _useConnector.refine;
+  var _useInstantSearch = useInstantSearch(),
+    setUiState = _useInstantSearch.setUiState;
+  var getElementId = createGetElementId(useId());
+  var rootRef = useRef(null);
+  var panelRef = useRef(null);
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    isOpen = _useState2[0],
+    setIsOpen = _useState2[1];
+  var _useState3 = useState(undefined),
+    _useState4 = _slicedToArray(_useState3, 2),
+    activeDescendent = _useState4[0],
+    setActiveDescendent = _useState4[1];
+  var items = indices.reduce(function (itemsAcc, index) {
+    var _connectorIndices$fin;
+    var indexItems = ((_connectorIndices$fin = connectorIndices.find(function (_ref2) {
+      var indexName = _ref2.indexName;
+      return index.indexName === indexName;
+    })) === null || _connectorIndices$fin === void 0 ? void 0 : _connectorIndices$fin.hits.reduce(function (indexItemsAcc, item, i) {
+      return _objectSpread(_objectSpread({}, indexItemsAcc), {}, _defineProperty({}, getElementId('item', index.indexName, i), {
+        item: item,
+        indexName: index.indexName,
+        getQuery: function getQuery() {
+          var _index$getQuery;
+          return ((_index$getQuery = index.getQuery) === null || _index$getQuery === void 0 ? void 0 : _index$getQuery.call(index, item)) || '';
+        },
+        getURL: function getURL() {
+          var _index$getURL;
+          return ((_index$getURL = index.getURL) === null || _index$getURL === void 0 ? void 0 : _index$getURL.call(index, item)) || '';
+        },
+        onSelect: index.onSelect
+      }));
+    }, {})) || {};
+    return _objectSpread(_objectSpread({}, itemsAcc), indexItems);
+  }, {});
+  useLayoutEffect(function () {
+    var onBodyClick = function onBodyClick(event) {
+      var _rootRef$current;
+      if ((_rootRef$current = rootRef.current) !== null && _rootRef$current !== void 0 && _rootRef$current.contains(event.target)) {
+        return;
+      }
+      setIsOpen(false);
+    };
+    document.body.addEventListener('click', onBodyClick);
+    return function () {
+      document.body.removeEventListener('click', onBodyClick);
+    };
+  }, [rootRef]);
+  var getNextActiveDescendent = function getNextActiveDescendent(key) {
+    if (!panelRef.current) {
+      return undefined;
+    }
+    var rows = _toConsumableArray(panelRef.current.querySelectorAll('[role="row"]'));
+    switch (key) {
+      case 'ArrowLeft':
+      case 'ArrowUp':
+        {
+          var prevIndex = rows.findIndex(function (row) {
+            return row.id === activeDescendent;
+          }) - 1;
+          if (rows[prevIndex]) {
+            return rows[prevIndex].id;
+          }
+          return rows[rows.length - 1].id;
+        }
+      case 'ArrowRight':
+      case 'ArrowDown':
+        {
+          var nextIndex = rows.findIndex(function (row) {
+            return row.id === activeDescendent;
+          }) + 1;
+          if (rows[nextIndex]) {
+            return rows[nextIndex].id;
+          }
+          return rows[0].id;
+        }
+      default:
+        return undefined;
+    }
+  };
+  var submit = function submit() {
+    setIsOpen(false);
+    if (activeDescendent && items[activeDescendent]) {
+      var _items$activeDescende = items[activeDescendent],
+        _item = _items$activeDescende.item,
+        onSelect = _items$activeDescende.onSelect,
+        getQuery = _items$activeDescende.getQuery,
+        getURL = _items$activeDescende.getURL;
+      onSelect === null || onSelect === void 0 ? void 0 : onSelect({
+        item: _item,
+        getQuery: getQuery,
+        getURL: getURL,
+        setQuery: function setQuery(query) {
+          refine(query);
+        }
+      });
+      setUiState(function (uiState) {
+        return _objectSpread(_objectSpread({}, uiState), {}, _defineProperty({}, getElementId('index'), {
+          query: getQuery()
+        }));
+      });
+      setActiveDescendent(undefined);
+    }
+  };
+  return {
+    getIndexProps: function getIndexProps() {
+      return {
+        indexId: getElementId('index')
+      };
+    },
+    getInputProps: function getInputProps() {
+      return {
+        id: getElementId('input'),
+        role: 'combobox',
+        'aria-autocomplete': 'list',
+        'aria-expanded': isOpen,
+        'aria-haspopup': 'grid',
+        'aria-controls': getElementId('panel'),
+        'aria-activedescendant': activeDescendent,
+        onFocus: function onFocus() {
+          return setIsOpen(true);
+        },
+        onKeyDown: function onKeyDown(event) {
+          if (event.key === 'Escape') {
+            setActiveDescendent(undefined);
+            setIsOpen(false);
+            return;
+          }
+          switch (event.key) {
+            case 'ArrowLeft':
+            case 'ArrowUp':
+            case 'ArrowRight':
+            case 'ArrowDown':
+              setActiveDescendent(getNextActiveDescendent(event.key));
+              event.preventDefault();
+              break;
+            case 'Enter':
+              {
+                submit();
+                break;
+              }
+            case 'Tab':
+              setIsOpen(false);
+              break;
+            default:
+              return;
+          }
+        },
+        onKeyUp: function onKeyUp(event) {
+          switch (event.key) {
+            case 'ArrowLeft':
+            case 'ArrowUp':
+            case 'ArrowRight':
+            case 'ArrowDown':
+            case 'Escape':
+            case 'Return':
+              event.preventDefault();
+              return;
+            default:
+              setActiveDescendent(undefined);
+              break;
+          }
+        }
+      };
+    },
+    getItemProps: function getItemProps(item, index) {
+      var id = getElementId('item', item.__indexName, index);
+      return {
+        id: id,
+        role: 'row',
+        'aria-selected': id === activeDescendent,
+        onMouseEnter: function onMouseEnter() {
+          return setActiveDescendent(id);
+        },
+        onMouseLeave: function onMouseLeave() {
+          return setActiveDescendent(undefined);
+        },
+        onSelect: function onSelect() {
+          return submit();
+        }
+      };
+    },
+    getPanelProps: function getPanelProps() {
+      return {
+        ref: panelRef,
+        hidden: !isOpen,
+        id: getElementId('panel'),
+        role: 'grid',
+        'aria-labelledby': getElementId('input')
+      };
+    },
+    getRootProps: function getRootProps() {
+      return {
+        ref: rootRef
+      };
+    }
+  };
+}
+function createGetElementId(autocompleteId) {
+  return function getElementId() {
+    var prefix = 'autocomplete';
+    for (var _len = arguments.length, suffixes = new Array(_len), _key = 0; _key < _len; _key++) {
+      suffixes[_key] = arguments[_key];
+    }
+    return "".concat(prefix).concat(autocompleteId).concat(suffixes.join(':'));
+  };
+}

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

@@ -0,0 +1,3 @@
+export * from 'react-instantsearch-core/dist/es/index.umd';
+export * from './widgets/index.umd';
+export * from './components';

package/dist/es/index.umd.js

@@ -0,0 +1,3 @@
+export * from 'react-instantsearch-core/dist/es/index.umd';
+export * from "./widgets/index.umd.js";
+export * from "./components/index.js";

package/dist/es/lib/useStickToBottom.d.ts

@@ -0,0 +1 @@
+export declare const useStickToBottom: (options?: import("instantsearch-ui-components").StickToBottomOptions) => import("instantsearch-ui-components").StickToBottomInstance;

package/dist/es/lib/useStickToBottom.js

@@ -0,0 +1,14 @@
+/* !---------------------------------------------------------------------------------------------
+ *  Copyright (c) StackBlitz. All rights reserved.
+ *  Licensed under the MIT License. See License.txt in the project root for license information.
+ *--------------------------------------------------------------------------------------------*/
+
+import { createStickToBottom } from 'instantsearch-ui-components';
+import { useCallback, useEffect, useMemo, useRef, useState } from 'react';
+export var useStickToBottom = createStickToBottom({
+  useCallback: useCallback,
+  useEffect: useEffect,
+  useMemo: useMemo,
+  useRef: useRef,
+  useState: useState
+});

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

@@ -54,6 +54,7 @@ export type SearchBoxProps = Omit<React.ComponentProps<'div'>, 'onSubmit' | 'onR
     onChange?: (event: React.ChangeEvent<HTMLInputElement> | React.CompositionEvent<HTMLInputElement>) => void;
     formRef?: React.RefObject<HTMLFormElement | null>;
     inputRef: React.RefObject<HTMLInputElement | null>;
+    inputProps?: Omit<React.ComponentProps<'input'>, 'placeholder' | 'value' | 'onChange' | 'onCompositionEnd' | 'autoFocus'>;
     isSearchStalled: boolean;
     value: string;
     resetIconComponent?: React.JSXElementConstructor<IconProps>;
@@ -62,4 +63,4 @@ export type SearchBoxProps = Omit<React.ComponentProps<'div'>, 'onSubmit' | 'onR
     classNames?: Partial<SearchBoxClassNames>;
     translations: SearchBoxTranslations;
 };
-export declare function SearchBox({ formRef, inputRef, isSearchStalled, onChange, onReset, onSubmit, placeholder, value, autoFocus, resetIconComponent: ResetIcon, submitIconComponent: SubmitIcon, loadingIconComponent: LoadingIcon, classNames, translations, ...props }: SearchBoxProps): React.JSX.Element;
+export declare function SearchBox({ formRef, inputRef, inputProps, isSearchStalled, onChange, onReset, onSubmit, placeholder, value, autoFocus, resetIconComponent: ResetIcon, submitIconComponent: SubmitIcon, loadingIconComponent: LoadingIcon, classNames, translations, ...props }: SearchBoxProps): React.JSX.Element;

package/dist/es/ui/SearchBox.js

@@ -1,4 +1,4 @@
-var _excluded = ["formRef", "inputRef", "isSearchStalled", "onChange", "onReset", "onSubmit", "placeholder", "value", "autoFocus", "resetIconComponent", "submitIconComponent", "loadingIconComponent", "classNames", "translations"];
+var _excluded = ["formRef", "inputRef", "inputProps", "isSearchStalled", "onChange", "onReset", "onSubmit", "placeholder", "value", "autoFocus", "resetIconComponent", "submitIconComponent", "loadingIconComponent", "classNames", "translations"];
 function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
 function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
@@ -66,6 +66,7 @@ function DefaultLoadingIcon(_ref5) {
 export function SearchBox(_ref7) {
   var formRef = _ref7.formRef,
     inputRef = _ref7.inputRef,
+    inputProps = _ref7.inputProps,
     isSearchStalled = _ref7.isSearchStalled,
     onChange = _ref7.onChange,
     onReset = _ref7.onReset,
@@ -112,9 +113,9 @@ export function SearchBox(_ref7) {
     onSubmit: handleSubmit,
     onReset: handleReset,
     role: "search"
-  }, /*#__PURE__*/React.createElement("input", {
+  }, /*#__PURE__*/React.createElement("input", _extends({}, inputProps, {
     ref: inputRef,
-    className: cx('ais-SearchBox-input', classNames.input),
+    className: cx('ais-SearchBox-input', classNames.input, inputProps === null || inputProps === void 0 ? void 0 : inputProps.className),
     "aria-label": "Search",
     autoComplete: "off",
     autoCorrect: "off",
@@ -127,7 +128,7 @@ export function SearchBox(_ref7) {
     onChange: onChange,
     onCompositionEnd: onChange,
     autoFocus: autoFocus
-  }), /*#__PURE__*/React.createElement("button", {
+  })), /*#__PURE__*/React.createElement("button", {
     className: cx('ais-SearchBox-submit', classNames.submit),
     type: "submit",
     title: translations.submitButtonTitle

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

@@ -0,0 +1,45 @@
+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 { IndexUiState } from 'instantsearch.js';
+import type { UIMessage } from 'instantsearch.js/es/lib/chat';
+import type { UseChatOptions } 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 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> & {
+    itemComponent?: ItemComponent<TObject>;
+    tools?: UserClientSideTools;
+    defaultOpen?: boolean;
+    getSearchPageURL?: (nextUiState: IndexUiState) => string;
+    toggleButtonProps?: UserToggleButtonProps;
+    headerProps?: UserHeaderProps;
+    messagesProps?: UserMessagesProps;
+    promptProps?: UserPromptProps;
+    toggleButtonComponent?: ChatUiProps['toggleButtonComponent'];
+    toggleButtonIconComponent?: ChatUiProps['toggleButtonProps']['toggleIconComponent'];
+    headerComponent?: ChatUiProps['headerComponent'];
+    headerTitleIconComponent?: ChatUiProps['headerProps']['titleIconComponent'];
+    headerCloseIconComponent?: ChatUiProps['headerProps']['closeIconComponent'];
+    headerMinimizeIconComponent?: ChatUiProps['headerProps']['minimizeIconComponent'];
+    headerMaximizeIconComponent?: ChatUiProps['headerProps']['maximizeIconComponent'];
+    messagesLoaderComponent?: ChatUiProps['messagesProps']['loaderComponent'];
+    messagesErrorComponent?: ChatUiProps['messagesProps']['errorComponent'];
+    promptComponent?: ChatUiProps['promptComponent'];
+    promptHeaderComponent?: ChatUiProps['promptProps']['headerComponent'];
+    promptFooterComponent?: ChatUiProps['promptProps']['footerComponent'];
+    actionsComponent?: ChatUiProps['messagesProps']['actionsComponent'];
+    translations?: Partial<{
+        prompt: ChatUiProps['promptProps']['translations'];
+        header: ChatUiProps['headerProps']['translations'];
+        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;

package/dist/es/widgets/Chat.js

@@ -0,0 +1,238 @@
+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"];
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+function _defineProperty(obj, key, value) { key = _toPropertyKey(key); if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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';
+import { useInstantSearch, useChat } from 'react-instantsearch-core';
+import { useStickToBottom } from "../lib/useStickToBottom.js";
+import { createCarouselTool } from "./chat/tools/SearchIndexTool.js";
+export { SearchIndexToolType, RecommendToolType };
+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;
+}
+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,
+    promptProps = _ref2.promptProps,
+    itemComponent = _ref2.itemComponent,
+    toggleButtonComponent = _ref2.toggleButtonComponent,
+    toggleButtonIconComponent = _ref2.toggleButtonIconComponent,
+    headerComponent = _ref2.headerComponent,
+    headerTitleIconComponent = _ref2.headerTitleIconComponent,
+    headerCloseIconComponent = _ref2.headerCloseIconComponent,
+    headerMinimizeIconComponent = _ref2.headerMinimizeIconComponent,
+    headerMaximizeIconComponent = _ref2.headerMaximizeIconComponent,
+    messagesLoaderComponent = _ref2.messagesLoaderComponent,
+    messagesErrorComponent = _ref2.messagesErrorComponent,
+    promptComponent = _ref2.promptComponent,
+    promptHeaderComponent = _ref2.promptHeaderComponent,
+    promptFooterComponent = _ref2.promptFooterComponent,
+    actionsComponent = _ref2.actionsComponent,
+    classNames = _ref2.classNames,
+    _ref2$translations = _ref2.translations,
+    translations = _ref2$translations === void 0 ? {} : _ref2$translations,
+    title = _ref2.title,
+    getSearchPageURL = _ref2.getSearchPageURL,
+    props = _objectWithoutProperties(_ref2, _excluded);
+  var promptTranslations = translations.prompt,
+    headerTranslations = translations.header,
+    messagesTranslations = translations.messages;
+  var _useInstantSearch = useInstantSearch(),
+    indexUiState = _useInstantSearch.indexUiState,
+    setIndexUiState = _useInstantSearch.setIndexUiState;
+  var _React$useState = React.useState(defaultOpen),
+    _React$useState2 = _slicedToArray(_React$useState, 2),
+    open = _React$useState2[0],
+    setOpen = _React$useState2[1];
+  var _React$useState3 = React.useState(false),
+    _React$useState4 = _slicedToArray(_React$useState3, 2),
+    maximized = _React$useState4[0],
+    setMaximized = _React$useState4[1];
+  var _React$useState5 = React.useState(''),
+    _React$useState6 = _slicedToArray(_React$useState5, 2),
+    input = _React$useState6[0],
+    setInput = _React$useState6[1];
+  var _React$useState7 = React.useState(false),
+    _React$useState8 = _slicedToArray(_React$useState7, 2),
+    isClearing = _React$useState8[0],
+    setIsClearing = _React$useState8[1];
+  var promptRef = React.useRef(null);
+  var _useStickToBottom = useStickToBottom({
+      initial: 'smooth',
+      resize: 'smooth'
+    }),
+    scrollRef = _useStickToBottom.scrollRef,
+    contentRef = _useStickToBottom.contentRef,
+    scrollToBottom = _useStickToBottom.scrollToBottom,
+    isAtBottom = _useStickToBottom.isAtBottom;
+  var tools = React.useMemo(function () {
+    var defaults = createDefaultTools(itemComponent, getSearchPageURL);
+    return _objectSpread(_objectSpread({}, defaults), userTools);
+  }, [getSearchPageURL, itemComponent, userTools]);
+  var _useChat = useChat(_objectSpread(_objectSpread({}, props), {}, {
+      sendAutomaticallyWhen: lastAssistantMessageIsCompleteWithToolCalls,
+      onToolCall: function onToolCall(_ref3) {
+        var toolCall = _ref3.toolCall;
+        var tool = tools[toolCall.toolName];
+        if (!tool) {
+          if (process.env.NODE_ENV === 'development') {
+            throw new Error("No tool implementation found for \"".concat(toolCall.toolName, "\". Please provide a tool implementation in the `tools` prop."));
+          }
+          addToolResult({
+            output: "No tool implemented for \"".concat(toolCall.toolName, "\"."),
+            tool: toolCall.toolName,
+            toolCallId: toolCall.toolCallId
+          });
+          return;
+        }
+        if (tool.onToolCall) {
+          var scopedAddToolResult = function scopedAddToolResult(_ref4) {
+            var output = _ref4.output;
+            return addToolResult({
+              output: output,
+              tool: toolCall.toolName,
+              toolCallId: toolCall.toolCallId
+            });
+          };
+          tool.onToolCall(_objectSpread(_objectSpread({}, toolCall), {}, {
+            addToolResult: scopedAddToolResult
+          }));
+        }
+      }
+    })),
+    messages = _useChat.messages,
+    sendMessage = _useChat.sendMessage,
+    addToolResult = _useChat.addToolResult,
+    status = _useChat.status,
+    regenerate = _useChat.regenerate,
+    stop = _useChat.stop,
+    setMessages = _useChat.setMessages,
+    clearError = _useChat.clearError,
+    error = _useChat.error;
+  var toolsForUi = React.useMemo(function () {
+    var result = {};
+    Object.entries(tools).forEach(function (_ref5) {
+      var _ref6 = _slicedToArray(_ref5, 2),
+        key = _ref6[0],
+        tool = _ref6[1];
+      result[key] = _objectSpread(_objectSpread({}, tool), {}, {
+        addToolResult: addToolResult
+      });
+    });
+    return result;
+  }, [tools, addToolResult]);
+  var handleClear = React.useCallback(function () {
+    if (!messages || messages.length === 0) return;
+    setIsClearing(true);
+  }, [messages]);
+  var handleClearTransitionEnd = React.useCallback(function () {
+    setMessages([]);
+    clearError();
+    setIsClearing(false);
+  }, [setMessages, clearError]);
+  if (process.env.NODE_ENV === 'development' && error) {
+    throw error;
+  }
+  return /*#__PURE__*/React.createElement(ChatUiComponent, {
+    title: title,
+    open: open,
+    maximized: maximized,
+    headerComponent: headerComponent,
+    promptComponent: promptComponent,
+    toggleButtonComponent: toggleButtonComponent,
+    toggleButtonProps: _objectSpread({
+      open: open,
+      onClick: function onClick() {
+        return setOpen(!open);
+      },
+      toggleIconComponent: toggleButtonIconComponent
+    }, toggleButtonProps),
+    headerProps: _objectSpread({
+      onClose: function onClose() {
+        return setOpen(false);
+      },
+      maximized: maximized,
+      onToggleMaximize: function onToggleMaximize() {
+        return setMaximized(!maximized);
+      },
+      onClear: handleClear,
+      canClear: Boolean(messages === null || messages === void 0 ? void 0 : messages.length) && !isClearing,
+      titleIconComponent: headerTitleIconComponent,
+      closeIconComponent: headerCloseIconComponent,
+      minimizeIconComponent: headerMinimizeIconComponent,
+      maximizeIconComponent: headerMaximizeIconComponent,
+      translations: headerTranslations
+    }, headerProps),
+    messagesProps: _objectSpread({
+      status: status,
+      onReload: function onReload(messageId) {
+        return regenerate({
+          messageId: messageId
+        });
+      },
+      onClose: function onClose() {
+        return setOpen(false);
+      },
+      messages: messages,
+      tools: toolsForUi,
+      indexUiState: indexUiState,
+      setIndexUiState: setIndexUiState,
+      isClearing: isClearing,
+      onClearTransitionEnd: handleClearTransitionEnd,
+      isScrollAtBottom: isAtBottom,
+      scrollRef: scrollRef,
+      contentRef: contentRef,
+      onScrollToBottom: scrollToBottom,
+      loaderComponent: messagesLoaderComponent,
+      errorComponent: messagesErrorComponent,
+      actionsComponent: actionsComponent,
+      translations: messagesTranslations
+    }, messagesProps),
+    promptProps: _objectSpread({
+      promptRef: promptRef,
+      status: status,
+      value: input,
+      translations: promptTranslations,
+      // Explicit event type is required to prevent TypeScript error
+      // where parameter would implicitly have 'any' type without type annotation
+      onInput: function onInput(event) {
+        setInput(event.currentTarget.value);
+      },
+      onSubmit: function onSubmit() {
+        sendMessage({
+          text: input
+        });
+        setInput('');
+      },
+      onStop: function onStop() {
+        stop();
+      },
+      headerComponent: promptHeaderComponent,
+      footerComponent: promptFooterComponent
+    }, promptProps),
+    classNames: classNames
+  });
+}

package/dist/es/widgets/chat/tools/SearchIndexTool.d.ts

@@ -0,0 +1,5 @@
+import type { RecommendComponentProps, RecordWithObjectID, UserClientSideTool } from 'instantsearch-ui-components';
+import type { IndexUiState } from 'instantsearch.js';
+type ItemComponent<TObject> = RecommendComponentProps<TObject>['itemComponent'];
+declare function createCarouselTool<TObject extends RecordWithObjectID>(showViewAll: boolean, itemComponent?: ItemComponent<TObject>, getSearchPageURL?: (nextUiState: IndexUiState) => string): UserClientSideTool;
+export { createCarouselTool };