react-instantsearch 7.16.2 → 7.17.0

package/dist/umd/ReactInstantSearch.js

@@ -1,13 +1,13 @@
 /*! React InstantSearch UNRELEASED | © Algolia, inc. | https://github.com/algolia/instantsearch */
 (function (global, factory) {
-  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react')) :
-  typeof define === 'function' && define.amd ? define(['exports', 'react'], factory) :
-  (global = global || self, factory(global.ReactInstantSearch = {}, global.React));
-}(this, (function (exports, React) { 'use strict';
+  typeof exports === 'object' && typeof module !== 'undefined' ? factory(exports, require('react'), require('ai')) :
+  typeof define === 'function' && define.amd ? define(['exports', 'react', 'ai'], factory) :
+  (global = global || self, factory(global.ReactInstantSearch = {}, global.React, global.ai));
+}(this, (function (exports, React, ai) { 'use strict';
 
   var React__default = 'default' in React ? React['default'] : React;
 
-  var version = '7.16.2';
+  var version = '7.17.0';
 
   // Copyright Joyent, Inc. and other Node contributors.
   //
@@ -10546,12 +10546,18 @@
     }, []);
   }
   var index = function index(widgetParams) {
-    if (widgetParams === undefined || widgetParams.indexName === undefined) {
+    if (widgetParams === undefined || widgetParams.indexName === undefined && !widgetParams.EXPERIMENTAL_isolated) {
       throw new Error(withUsage$2('The `indexName` option is required.'));
     }
-    var indexName = widgetParams.indexName,
+
+    // When isolated=true, we use an empty string as the default indexName.
+    // This is intentional: isolated indices do not require a real index name.
+    var _widgetParams$indexNa = widgetParams.indexName,
+      indexName = _widgetParams$indexNa === void 0 ? '' : _widgetParams$indexNa,
       _widgetParams$indexId = widgetParams.indexId,
-      indexId = _widgetParams$indexId === void 0 ? indexName : _widgetParams$indexId;
+      indexId = _widgetParams$indexId === void 0 ? indexName : _widgetParams$indexId,
+      _widgetParams$EXPERIM = widgetParams.EXPERIMENTAL_isolated,
+      isolated = _widgetParams$EXPERIM === void 0 ? false : _widgetParams$EXPERIM;
     var localWidgets = [];
     var localUiState = {};
     var localInstantSearchInstance = null;
@@ -10564,6 +10570,7 @@
     return {
       $$type: 'ais.index',
       $$widgetType: 'ais.index',
+      _isolated: isolated,
       getIndexName: function getIndexName() {
         return indexName;
       },
@@ -10615,7 +10622,7 @@
         return resolveScopedResultsFromWidgets(widgetSiblings);
       },
       getParent: function getParent() {
-        return localParent;
+        return isolated ? null : localParent;
       },
       createURL: function createURL(nextState) {
         if (typeof nextState === 'function') {
@@ -10634,12 +10641,15 @@
         if (!Array.isArray(widgets)) {
           throw new Error(withUsage$2('The `addWidgets` method expects an array of widgets.'));
         }
-        if (widgets.some(function (widget) {
+        var flatWidgets = widgets.reduce(function (acc, w) {
+          return acc.concat(Array.isArray(w) ? w : [w]);
+        }, []);
+        if (flatWidgets.some(function (widget) {
           return typeof widget.init !== 'function' && typeof widget.render !== 'function';
         })) {
           throw new Error(withUsage$2('The widget definition expects a `render` and/or an `init` method.'));
         }
-        widgets.forEach(function (widget) {
+        flatWidgets.forEach(function (widget) {
           if (isIndexWidget(widget)) {
             return;
           }
@@ -10654,8 +10664,8 @@
           }
           addWidgetId(widget);
         });
-        localWidgets = localWidgets.concat(widgets);
-        if (localInstantSearchInstance && Boolean(widgets.length)) {
+        localWidgets = localWidgets.concat(flatWidgets);
+        if (localInstantSearchInstance && Boolean(flatWidgets.length)) {
           privateHelperSetState(helper, {
             state: getLocalWidgetsSearchParameters(localWidgets, {
               uiState: localUiState,
@@ -10671,7 +10681,7 @@
           // We compute the render state before calling `init` in a separate loop
           // to construct the whole render state object that is then passed to
           // `init`.
-          widgets.forEach(function (widget) {
+          flatWidgets.forEach(function (widget) {
             if (widget.getRenderState) {
               var renderState = widget.getRenderState(localInstantSearchInstance.renderState[_this.getIndexId()] || {}, createInitArgs(localInstantSearchInstance, _this, localInstantSearchInstance._initialUiState));
               storeRenderState({
@@ -10681,12 +10691,17 @@
               });
             }
           });
-          widgets.forEach(function (widget) {
+          flatWidgets.forEach(function (widget) {
             if (widget.init) {
               widget.init(createInitArgs(localInstantSearchInstance, _this, localInstantSearchInstance._initialUiState));
             }
           });
-          localInstantSearchInstance.scheduleSearch();
+          if (isolated) {
+            var _helper2;
+            (_helper2 = helper) === null || _helper2 === void 0 ? void 0 : _helper2.search();
+          } else {
+            localInstantSearchInstance.scheduleSearch();
+          }
         }
         return this;
       },
@@ -10695,13 +10710,16 @@
         if (!Array.isArray(widgets)) {
           throw new Error(withUsage$2('The `removeWidgets` method expects an array of widgets.'));
         }
-        if (widgets.some(function (widget) {
+        var flatWidgets = widgets.reduce(function (acc, w) {
+          return acc.concat(Array.isArray(w) ? w : [w]);
+        }, []);
+        if (flatWidgets.some(function (widget) {
           return typeof widget.dispose !== 'function';
         })) {
           throw new Error(withUsage$2('The widget definition expects a `dispose` method.'));
         }
         localWidgets = localWidgets.filter(function (widget) {
-          return widgets.indexOf(widget) === -1;
+          return flatWidgets.indexOf(widget) === -1;
         });
         localWidgets.forEach(function (widget) {
           if (isIndexWidget(widget)) {
@@ -10717,8 +10735,8 @@
             hasSearchWidget = true;
           }
         });
-        if (localInstantSearchInstance && Boolean(widgets.length)) {
-          var _widgets$reduce = widgets.reduce(function (states, widget) {
+        if (localInstantSearchInstance && Boolean(flatWidgets.length)) {
+          var _flatWidgets$reduce = flatWidgets.reduce(function (states, widget) {
               // the `dispose` method exists at this point we already assert it
               var next = widget.dispose({
                 helper: helper,
@@ -10736,8 +10754,8 @@
               cleanedSearchState: helper.state,
               cleanedRecommendState: helper.recommendState
             }),
-            cleanedSearchState = _widgets$reduce.cleanedSearchState,
-            cleanedRecommendState = _widgets$reduce.cleanedRecommendState;
+            cleanedSearchState = _flatWidgets$reduce.cleanedSearchState,
+            cleanedRecommendState = _flatWidgets$reduce.cleanedRecommendState;
           var newState = localInstantSearchInstance.future.preserveSharedStateOnUnmount ? getLocalWidgetsSearchParameters(localWidgets, {
             uiState: localUiState,
             initialSearchParameters: new algoliasearchHelper_1.SearchParameters({
@@ -10757,7 +10775,12 @@
           helper.setState(newState);
           helper.recommendState = cleanedRecommendState;
           if (localWidgets.length) {
-            localInstantSearchInstance.scheduleSearch();
+            if (isolated) {
+              var _helper3;
+              (_helper3 = helper) === null || _helper3 === void 0 ? void 0 : _helper3.search();
+            } else {
+              localInstantSearchInstance.scheduleSearch();
+            }
           }
         }
         return this;
@@ -10795,13 +10818,20 @@
         // This Helper is only used for state management we do not care about the
         // `searchClient`. Only the "main" Helper created at the `InstantSearch`
         // level is aware of the client.
-        helper = algoliasearchHelper_1({}, parameters.index, parameters);
+        helper = algoliasearchHelper_1(mainHelper.getClient(), parameters.index, parameters);
         helper.recommendState = recommendParameters;
 
         // We forward the call to `search` to the "main" instance of the Helper
         // which is responsible for managing the queries (it's the only one that is
         // aware of the `searchClient`).
         helper.search = function () {
+          if (isolated) {
+            instantSearchInstance.status = 'loading';
+            _this3.render({
+              instantSearchInstance: instantSearchInstance
+            });
+            return instantSearchInstance.compositionID ? helper.searchWithComposition() : helper.searchOnlyWithDerivedHelpers();
+          }
           if (instantSearchInstance.onStateChange) {
             instantSearchInstance.onStateChange({
               uiState: instantSearchInstance.mainIndex.getWidgetUiState({}),
@@ -10825,7 +10855,9 @@
           var state = helper.state.setQueryParameters(userState);
           return mainHelper.searchForFacetValues(facetName, facetValue, maxFacetHits, state);
         };
-        derivedHelper = mainHelper.derive(function () {
+        var isolatedHelper = indexName ? helper : algoliasearchHelper_1({}, '__empty_index__', {});
+        var derivingHelper = isolated ? isolatedHelper : nearestIsolatedHelper(parent, mainHelper);
+        derivedHelper = derivingHelper.derive(function () {
           return mergeSearchParameters.apply(void 0, [mainHelper.state].concat(_toConsumableArray$1(resolveSearchParameters(_this3))));
         }, function () {
           return _this3.getHelper().recommendState;
@@ -10957,7 +10989,11 @@
 
         // We only render index widgets if there are no results.
         // This makes sure `render` is never called with `results` being `null`.
-        var widgetsToRender = this.getResults() || (_derivedHelper2 = derivedHelper) !== null && _derivedHelper2 !== void 0 && _derivedHelper2.lastRecommendResults ? localWidgets : localWidgets.filter(isIndexWidget);
+        // If it's an isolated index without an index name, we render all widgets,
+        // as there are no results to display for the isolated index itself.
+        var widgetsToRender = this.getResults() || (_derivedHelper2 = derivedHelper) !== null && _derivedHelper2 !== void 0 && _derivedHelper2.lastRecommendResults || isolated && !indexName ? localWidgets : localWidgets.filter(function (widget) {
+          return widget.shouldRender;
+        });
         widgetsToRender = widgetsToRender.filter(function (widget) {
           if (!widget.shouldRender) {
             return true;
@@ -10991,7 +11027,7 @@
       },
       dispose: function dispose() {
         var _this5 = this,
-          _helper2,
+          _helper4,
           _derivedHelper3;
         localWidgets.forEach(function (widget) {
           if (widget.dispose && helper) {
@@ -11011,13 +11047,15 @@
         });
         localInstantSearchInstance = null;
         localParent = null;
-        (_helper2 = helper) === null || _helper2 === void 0 ? void 0 : _helper2.removeAllListeners();
+        (_helper4 = helper) === null || _helper4 === void 0 ? void 0 : _helper4.removeAllListeners();
         helper = null;
         (_derivedHelper3 = derivedHelper) === null || _derivedHelper3 === void 0 ? void 0 : _derivedHelper3.detach();
         derivedHelper = null;
       },
       getWidgetUiState: function getWidgetUiState(uiState) {
-        return localWidgets.filter(isIndexWidget).reduce(function (previousUiState, innerIndex) {
+        return localWidgets.filter(isIndexWidget).filter(function (w) {
+          return !w._isolated;
+        }).reduce(function (previousUiState, innerIndex) {
           return innerIndex.getWidgetUiState(previousUiState);
         }, _objectSpread$f(_objectSpread$f({}, uiState), {}, _defineProperty$f({}, indexId, _objectSpread$f(_objectSpread$f({}, uiState[indexId]), localUiState))));
       },
@@ -11031,6 +11069,9 @@
           initialSearchParameters: searchParameters
         });
       },
+      shouldRender: function shouldRender() {
+        return true;
+      },
       refreshUiState: function refreshUiState() {
         localUiState = getLocalWidgetsUiState(localWidgets, {
           searchParameters: this.getHelper().state,
@@ -11053,6 +11094,19 @@
     instantSearchInstance.renderState = _objectSpread$f(_objectSpread$f({}, instantSearchInstance.renderState), {}, _defineProperty$f({}, parentIndexName, _objectSpread$f(_objectSpread$f({}, instantSearchInstance.renderState[parentIndexName]), renderState)));
   }
 
+  /**
+   * Walk up the parent chain to find the closest isolated index, or fall back to mainHelper
+   */
+  function nearestIsolatedHelper(current, mainHelper) {
+    while (current) {
+      if (current._isolated) {
+        return current.getHelper();
+      }
+      current = current.getParent();
+    }
+    return mainHelper;
+  }
+
   function _slicedToArray$6(arr, i) {
     return _arrayWithHoles$6(arr) || _iterableToArrayLimit$6(arr, i) || _unsupportedIterableToArray$8(arr, i) || _nonIterableRest$6();
   }
@@ -13468,7 +13522,7 @@
     };
   }
 
-  var version$3 = '4.79.2';
+  var version$3 = '4.81.0';
 
   function _typeof$q(o) {
     "@babel/helpers - typeof";
@@ -13902,12 +13956,9 @@
         if (!Array.isArray(widgets)) {
           throw new Error(withUsage$3('The `addWidgets` method expects an array of widgets. Please use `addWidget`.'));
         }
-        if (widgets.some(function (widget) {
-          return typeof widget.init !== 'function' && typeof widget.render !== 'function';
+        if (this.compositionID && widgets.some(function (w) {
+          return !Array.isArray(w) && isIndexWidget(w) && !w._isolated;
         })) {
-          throw new Error(withUsage$3('The widget definition expects a `render` and/or an `init` method.'));
-        }
-        if (this.compositionID && widgets.some(isIndexWidget)) {
           throw new Error(withUsage$3('The `index` widget cannot be used with a composition-based InstantSearch implementation.'));
         }
         this.mainIndex.addWidgets(widgets);
@@ -13939,11 +13990,6 @@
         if (!Array.isArray(widgets)) {
           throw new Error(withUsage$3('The `removeWidgets` method expects an array of widgets. Please use `removeWidget`.'));
         }
-        if (widgets.some(function (widget) {
-          return typeof widget.dispose !== 'function';
-        })) {
-          throw new Error(withUsage$3('The widget definition expects a `dispose` method.'));
-        }
         this.mainIndex.removeWidgets(widgets);
         return this;
       }
@@ -20895,6 +20941,10 @@
     });
   }
 
+  var useChat = function useChat() {
+    throw new Error("\"useChat()\" 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");
+  };
+
   function _iterableToArrayLimit$g(r, l) {
     var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];
     if (null != t) {
@@ -21050,6 +21100,50 @@
 
   var _extends$2 = unwrapExports(_extends_1);
 
+  var objectWithoutPropertiesLoose = createCommonjsModule(function (module) {
+  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;
+  }
+  module.exports = _objectWithoutPropertiesLoose, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  });
+
+  unwrapExports(objectWithoutPropertiesLoose);
+
+  var objectWithoutProperties = createCommonjsModule(function (module) {
+  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;
+  }
+  module.exports = _objectWithoutProperties, module.exports.__esModule = true, module.exports["default"] = module.exports;
+  });
+
+  var _objectWithoutProperties$d = unwrapExports(objectWithoutProperties);
+
+  function cx() {
+    for (var _len = arguments.length, classNames = new Array(_len), _key = 0; _key < _len; _key++) {
+      classNames[_key] = arguments[_key];
+    }
+    return classNames.reduce(function (acc, className) {
+      if (Array.isArray(className)) {
+        return acc.concat(className);
+      }
+      return acc.concat([className]);
+    }, []).filter(Boolean).join(' ');
+  }
+
   var _typeof_1 = createCommonjsModule(function (module) {
   function _typeof(o) {
     "@babel/helpers - typeof";
@@ -21108,50 +21202,6 @@
 
   var _defineProperty$N = unwrapExports(defineProperty);
 
-  var objectWithoutPropertiesLoose = createCommonjsModule(function (module) {
-  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;
-  }
-  module.exports = _objectWithoutPropertiesLoose, module.exports.__esModule = true, module.exports["default"] = module.exports;
-  });
-
-  unwrapExports(objectWithoutPropertiesLoose);
-
-  var objectWithoutProperties = createCommonjsModule(function (module) {
-  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;
-  }
-  module.exports = _objectWithoutProperties, module.exports.__esModule = true, module.exports["default"] = module.exports;
-  });
-
-  var _objectWithoutProperties$d = unwrapExports(objectWithoutProperties);
-
-  function cx() {
-    for (var _len = arguments.length, classNames = new Array(_len), _key = 0; _key < _len; _key++) {
-      classNames[_key] = arguments[_key];
-    }
-    return classNames.reduce(function (acc, className) {
-      if (Array.isArray(className)) {
-        return acc.concat(className);
-      }
-      return acc.concat([className]);
-    }, []).filter(Boolean).join(' ');
-  }
-
   function createDefaultEmptyComponent(_ref) {
     var createElement = _ref.createElement,
       Fragment = _ref.Fragment;
@@ -21217,7 +21267,7 @@
     };
   }
 
-  var _excluded$c = ["listRef", "nextButtonRef", "previousButtonRef", "carouselIdRef", "classNames", "itemComponent", "previousIconComponent", "nextIconComponent", "items", "translations", "sendEvent"];
+  var _excluded$c = ["listRef", "nextButtonRef", "previousButtonRef", "carouselIdRef", "canScrollLeft", "canScrollRight", "setCanScrollLeft", "setCanScrollRight", "classNames", "itemComponent", "previousIconComponent", "nextIconComponent", "headerComponent", "showNavigation", "items", "translations", "sendEvent"];
   function ownKeys$L(e, r) {
     var t = Object.keys(e);
     if (Object.getOwnPropertySymbols) {
@@ -21279,6 +21329,10 @@
         nextButtonRef = userProps.nextButtonRef,
         previousButtonRef = userProps.previousButtonRef,
         carouselIdRef = userProps.carouselIdRef,
+        canScrollLeft = userProps.canScrollLeft,
+        canScrollRight = userProps.canScrollRight,
+        setCanScrollLeft = userProps.setCanScrollLeft,
+        setCanScrollRight = userProps.setCanScrollRight,
         _userProps$classNames = userProps.classNames,
         classNames = _userProps$classNames === void 0 ? {} : _userProps$classNames,
         _userProps$itemCompon = userProps.itemComponent,
@@ -21290,6 +21344,9 @@
         PreviousIconComponent = _userProps$previousIc === void 0 ? PreviousIconDefaultComponent : _userProps$previousIc,
         _userProps$nextIconCo = userProps.nextIconComponent,
         NextIconComponent = _userProps$nextIconCo === void 0 ? NextIconDefaultComponent : _userProps$nextIconCo,
+        HeaderComponent = userProps.headerComponent,
+        _userProps$showNaviga = userProps.showNavigation,
+        showNavigation = _userProps$showNaviga === void 0 ? true : _userProps$showNaviga,
         items = userProps.items,
         userTranslations = userProps.translations,
         sendEvent = userProps.sendEvent,
@@ -21320,18 +21377,31 @@
         }
       }
       function updateNavigationButtonsProps() {
-        if (!listRef.current || !previousButtonRef.current || !nextButtonRef.current) {
+        if (!listRef.current) {
           return;
         }
-        previousButtonRef.current.hidden = listRef.current.scrollLeft <= 0;
-        nextButtonRef.current.hidden = listRef.current.scrollLeft + listRef.current.clientWidth >= listRef.current.scrollWidth;
+        var isLeftHidden = listRef.current.scrollLeft <= 0;
+        var isRightHidden = listRef.current.scrollLeft + listRef.current.clientWidth >= listRef.current.scrollWidth;
+        setCanScrollLeft(!isLeftHidden);
+        setCanScrollRight(!isRightHidden);
+        if (previousButtonRef.current) {
+          previousButtonRef.current.hidden = isLeftHidden;
+        }
+        if (nextButtonRef.current) {
+          nextButtonRef.current.hidden = isRightHidden;
+        }
       }
       if (items.length === 0) {
         return null;
       }
       return createElement("div", _extends$2({}, props, {
         className: cx(cssClasses.root)
-      }), createElement("button", {
+      }), HeaderComponent && createElement(HeaderComponent, {
+        canScrollLeft: canScrollLeft,
+        canScrollRight: canScrollRight,
+        scrollLeft: scrollLeft,
+        scrollRight: scrollRight
+      }), showNavigation && createElement("button", {
         ref: previousButtonRef,
         title: translations.previousButtonTitle,
         "aria-label": translations.previousButtonLabel,
@@ -21378,7 +21448,7 @@
           item: item,
           sendEvent: sendEvent
         }));
-      })), createElement("button", {
+      })), showNavigation && createElement("button", {
         ref: nextButtonRef,
         title: translations.nextButtonTitle,
         "aria-label": translations.nextButtonLabel,
@@ -22523,7 +22593,67 @@
     return /*#__PURE__*/React__default.createElement(InfiniteHits, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$A = ["items", "classNames", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "createURL", "onRefine", "translations"];
+  var _excluded$A = ["objectIDs", "limit", "threshold", "queryParameters", "fallbackParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent", "layoutComponent"];
+  var LookingSimilarUiComponent = createLookingSimilarComponent({
+    createElement: React.createElement,
+    Fragment: React.Fragment
+  });
+  function LookingSimilar(_ref) {
+    var objectIDs = _ref.objectIDs,
+      limit = _ref.limit,
+      threshold = _ref.threshold,
+      queryParameters = _ref.queryParameters,
+      fallbackParameters = _ref.fallbackParameters,
+      escapeHTML = _ref.escapeHTML,
+      transformItems = _ref.transformItems,
+      itemComponent = _ref.itemComponent,
+      headerComponent = _ref.headerComponent,
+      emptyComponent = _ref.emptyComponent,
+      layoutComponent = _ref.layoutComponent,
+      props = _objectWithoutProperties$c(_ref, _excluded$A);
+    var _useInstantSearch = useInstantSearch(),
+      status = _useInstantSearch.status;
+    var _useLookingSimilar = useLookingSimilar({
+        objectIDs: objectIDs,
+        limit: limit,
+        threshold: threshold,
+        queryParameters: queryParameters,
+        fallbackParameters: fallbackParameters,
+        escapeHTML: escapeHTML,
+        transformItems: transformItems
+      }, {
+        $$widgetType: 'ais.lookingSimilar'
+      }),
+      items = _useLookingSimilar.items,
+      sendEvent = _useLookingSimilar.sendEvent;
+    var layout = layoutComponent ? function (layoutProps) {
+      return layoutComponent(_objectSpread2(_objectSpread2({}, layoutProps), {}, {
+        classNames: {
+          list: layoutProps.classNames.list,
+          item: layoutProps.classNames.item
+        }
+      }));
+    } : undefined;
+    var _itemComponent = React.useMemo(function () {
+      return itemComponent ? function (itemProps) {
+        return itemComponent(_objectSpread2(_objectSpread2({}, itemProps), {}, {
+          sendEvent: sendEvent
+        }));
+      } : undefined;
+    }, [itemComponent, sendEvent]);
+    var uiProps = {
+      items: items,
+      itemComponent: _itemComponent,
+      headerComponent: headerComponent,
+      emptyComponent: emptyComponent,
+      layout: layout,
+      status: status,
+      sendEvent: sendEvent
+    };
+    return /*#__PURE__*/React__default.createElement(LookingSimilarUiComponent, _extends$1({}, props, uiProps));
+  }
+
+  var _excluded$B = ["items", "classNames", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "createURL", "onRefine", "translations"];
   function Menu(_ref) {
     var items = _ref.items,
       _ref$classNames = _ref.classNames,
@@ -22535,7 +22665,7 @@
       createURL = _ref.createURL,
       onRefine = _ref.onRefine,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$A);
+      props = _objectWithoutProperties$c(_ref, _excluded$B);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-Menu', classNames.root, items.length === 0 && cx('ais-Menu--noRefinement', classNames.noRefinementRoot), props.className)
     }), /*#__PURE__*/React__default.createElement("ul", {
@@ -22568,7 +22698,7 @@
     }));
   }
 
-  var _excluded$B = ["attribute", "limit", "showMore", "showMoreLimit", "sortBy", "transformItems", "translations"];
+  var _excluded$C = ["attribute", "limit", "showMore", "showMoreLimit", "sortBy", "transformItems", "translations"];
   function Menu$1(_ref) {
     var attribute = _ref.attribute,
       limit = _ref.limit,
@@ -22577,7 +22707,7 @@
       sortBy = _ref.sortBy,
       transformItems = _ref.transformItems,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$B);
+      props = _objectWithoutProperties$c(_ref, _excluded$C);
     var _useMenu = useMenu({
         attribute: attribute,
         limit: limit,
@@ -22614,7 +22744,7 @@
     }));
   }
 
-  var _excluded$C = ["pages", "currentPage", "nbPages", "isFirstPage", "isLastPage", "showFirst", "showPrevious", "showNext", "showLast", "createURL", "onNavigate", "translations", "classNames"],
+  var _excluded$D = ["pages", "currentPage", "nbPages", "isFirstPage", "isLastPage", "showFirst", "showPrevious", "showNext", "showLast", "createURL", "onNavigate", "translations", "classNames"],
     _excluded2$5 = ["isDisabled", "className", "classNames", "href", "onClick"];
   function Pagination(_ref) {
     var pages = _ref.pages,
@@ -22635,7 +22765,7 @@
       translations = _ref.translations,
       _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      props = _objectWithoutProperties$c(_ref, _excluded$C);
+      props = _objectWithoutProperties$c(_ref, _excluded$D);
     var firstPageIndex = 0;
     var previousPageIndex = currentPage - 1;
     var nextPageIndex = currentPage + 1;
@@ -22729,7 +22859,7 @@
     }, props)));
   }
 
-  var _excluded$D = ["showFirst", "showPrevious", "showNext", "showLast", "padding", "totalPages", "translations"];
+  var _excluded$E = ["showFirst", "showPrevious", "showNext", "showLast", "padding", "totalPages", "translations"];
   function Pagination$1(_ref) {
     var showFirst = _ref.showFirst,
       showPrevious = _ref.showPrevious,
@@ -22738,7 +22868,7 @@
       padding = _ref.padding,
       totalPages = _ref.totalPages,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$D);
+      props = _objectWithoutProperties$c(_ref, _excluded$E);
     var _usePagination = usePagination({
         padding: padding,
         totalPages: totalPages
@@ -22787,14 +22917,14 @@
     }));
   }
 
-  var _excluded$E = ["classNames", "url", "theme"];
+  var _excluded$F = ["classNames", "url", "theme"];
   function PoweredBy(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
       url = _ref.url,
       _ref$theme = _ref.theme,
       theme = _ref$theme === void 0 ? 'light' : _ref$theme,
-      props = _objectWithoutProperties$c(_ref, _excluded$E);
+      props = _objectWithoutProperties$c(_ref, _excluded$F);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-PoweredBy', theme === 'dark' ? cx('ais-PoweredBy--dark', classNames.dark) : cx('ais-PoweredBy--light', classNames.light), classNames.root, props.className)
     }), /*#__PURE__*/React__default.createElement("a", {
@@ -22824,7 +22954,7 @@
     return /*#__PURE__*/React__default.createElement(PoweredBy, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$F = ["classNames", "range", "start", "step", "disabled", "onSubmit", "translations"];
+  var _excluded$G = ["classNames", "range", "start", "step", "disabled", "onSubmit", "translations"];
   // if the default value is undefined, React considers the component uncontrolled initially, which we don't want 0 or NaN as the default value
   var unsetNumberInputValue = '';
 
@@ -22849,7 +22979,7 @@
       disabled = _ref.disabled,
       _onSubmit = _ref.onSubmit,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$F);
+      props = _objectWithoutProperties$c(_ref, _excluded$G);
     var values = {
       min: minValue !== -Infinity && minValue !== min ? minValue : unsetNumberInputValue,
       max: maxValue !== Infinity && maxValue !== max ? maxValue : unsetNumberInputValue
@@ -22929,14 +23059,14 @@
     }, translations.submitButtonText)));
   }
 
-  var _excluded$G = ["attribute", "min", "max", "precision", "translations"];
+  var _excluded$H = ["attribute", "min", "max", "precision", "translations"];
   function RangeInput$1(_ref) {
     var attribute = _ref.attribute,
       min = _ref.min,
       max = _ref.max,
       precision = _ref.precision,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$G);
+      props = _objectWithoutProperties$c(_ref, _excluded$H);
     var _useRange = useRange({
         attribute: attribute,
         min: min,
@@ -22964,7 +23094,7 @@
     return /*#__PURE__*/React__default.createElement(RangeInput, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$H = ["canRefine", "items", "onRefine", "query", "searchBox", "noResults", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "className", "classNames", "translations"];
+  var _excluded$I = ["canRefine", "items", "onRefine", "query", "searchBox", "noResults", "showMore", "canToggleShowMore", "onToggleShowMore", "isShowingMore", "className", "classNames", "translations"];
   function RefinementList$1(_ref) {
     var canRefine = _ref.canRefine,
       items = _ref.items,
@@ -22980,7 +23110,7 @@
       _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$H);
+      props = _objectWithoutProperties$c(_ref, _excluded$I);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-RefinementList', classNames.root, items.length === 0 && cx('ais-RefinementList--noRefinement', classNames.noRefinementRoot), className)
     }), searchBox && /*#__PURE__*/React__default.createElement("div", {
@@ -23019,7 +23149,7 @@
     }));
   }
 
-  var _excluded$I = ["formRef", "inputRef", "isSearchStalled", "onChange", "onReset", "onSubmit", "placeholder", "value", "autoFocus", "resetIconComponent", "submitIconComponent", "loadingIconComponent", "classNames", "translations"];
+  var _excluded$J = ["formRef", "inputRef", "inputProps", "isSearchStalled", "onChange", "onReset", "onSubmit", "placeholder", "value", "autoFocus", "resetIconComponent", "submitIconComponent", "loadingIconComponent", "classNames", "translations"];
   var _ref2 = /*#__PURE__*/React__default.createElement("path", {
     d: "M26.804 29.01c-2.832 2.34-6.465 3.746-10.426 3.746C7.333 32.756 0 25.424 0 16.378 0 7.333 7.333 0 16.378 0c9.046 0 16.378 7.333 16.378 16.378 0 3.96-1.406 7.594-3.746 10.426l10.534 10.534c.607.607.61 1.59-.004 2.202-.61.61-1.597.61-2.202.004L26.804 29.01zm-10.426.627c7.323 0 13.26-5.936 13.26-13.26 0-7.32-5.937-13.257-13.26-13.257C9.056 3.12 3.12 9.056 3.12 16.378c0 7.323 5.936 13.26 13.258 13.26z"
   });
@@ -23082,6 +23212,7 @@
   function SearchBox(_ref7) {
     var formRef = _ref7.formRef,
       inputRef = _ref7.inputRef,
+      inputProps = _ref7.inputProps,
       isSearchStalled = _ref7.isSearchStalled,
       onChange = _ref7.onChange,
       onReset = _ref7.onReset,
@@ -23099,7 +23230,7 @@
       _ref7$classNames = _ref7.classNames,
       classNames = _ref7$classNames === void 0 ? {} : _ref7$classNames,
       translations = _ref7.translations,
-      props = _objectWithoutProperties$c(_ref7, _excluded$I);
+      props = _objectWithoutProperties$c(_ref7, _excluded$J);
     function handleSubmit(event) {
       event.preventDefault();
       event.stopPropagation();
@@ -23128,9 +23259,9 @@
       onSubmit: handleSubmit,
       onReset: handleReset,
       role: "search"
-    }, /*#__PURE__*/React__default.createElement("input", {
+    }, /*#__PURE__*/React__default.createElement("input", _extends$1({}, 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",
@@ -23143,7 +23274,7 @@
       onChange: onChange,
       onCompositionEnd: onChange,
       autoFocus: autoFocus
-    }), /*#__PURE__*/React__default.createElement("button", {
+    })), /*#__PURE__*/React__default.createElement("button", {
       className: cx('ais-SearchBox-submit', classNames.submit),
       type: "submit",
       title: translations.submitButtonTitle
@@ -23164,7 +23295,7 @@
     }))));
   }
 
-  var _excluded$J = ["searchable", "searchablePlaceholder", "searchableSelectOnSubmit", "attribute", "operator", "limit", "showMore", "showMoreLimit", "sortBy", "escapeFacetValues", "transformItems", "translations"];
+  var _excluded$K = ["searchable", "searchablePlaceholder", "searchableSelectOnSubmit", "attribute", "operator", "limit", "showMore", "showMoreLimit", "sortBy", "escapeFacetValues", "transformItems", "translations"];
   function RefinementList$2(_ref) {
     var searchable = _ref.searchable,
       searchablePlaceholder = _ref.searchablePlaceholder,
@@ -23179,7 +23310,7 @@
       escapeFacetValues = _ref.escapeFacetValues,
       transformItems = _ref.transformItems,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$J);
+      props = _objectWithoutProperties$c(_ref, _excluded$K);
     var _useRefinementList = useRefinementList({
         attribute: attribute,
         operator: operator,
@@ -23271,7 +23402,7 @@
     }));
   }
 
-  var _excluded$K = ["objectIDs", "limit", "threshold", "fallbackParameters", "queryParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent", "layoutComponent"];
+  var _excluded$L = ["objectIDs", "limit", "threshold", "fallbackParameters", "queryParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent", "layoutComponent"];
   var RelatedProductsUiComponent = createRelatedProductsComponent({
     createElement: React.createElement,
     Fragment: React.Fragment
@@ -23288,7 +23419,7 @@
       headerComponent = _ref.headerComponent,
       emptyComponent = _ref.emptyComponent,
       layoutComponent = _ref.layoutComponent,
-      props = _objectWithoutProperties$c(_ref, _excluded$K);
+      props = _objectWithoutProperties$c(_ref, _excluded$L);
     var _useInstantSearch = useInstantSearch(),
       status = _useInstantSearch.status;
     var _useRelatedProducts = useRelatedProducts({
@@ -23331,7 +23462,7 @@
     return /*#__PURE__*/React__default.createElement(RelatedProductsUiComponent, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$L = ["queryHook", "searchAsYouType", "ignoreCompositionEvents", "translations"];
+  var _excluded$M = ["queryHook", "searchAsYouType", "ignoreCompositionEvents", "translations"];
   function SearchBox$1(_ref) {
     var queryHook = _ref.queryHook,
       _ref$searchAsYouType = _ref.searchAsYouType,
@@ -23339,7 +23470,7 @@
       _ref$ignoreCompositio = _ref.ignoreCompositionEvents,
       ignoreCompositionEvents = _ref$ignoreCompositio === void 0 ? false : _ref$ignoreCompositio,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$L);
+      props = _objectWithoutProperties$c(_ref, _excluded$M);
     var _useSearchBox = useSearchBox({
         queryHook: queryHook
       }, {
@@ -23400,11 +23531,11 @@
     return /*#__PURE__*/React__default.createElement(SearchBox, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$M = ["classNames"];
+  var _excluded$N = ["classNames"];
   function Snippet(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      props = _objectWithoutProperties$c(_ref, _excluded$M);
+      props = _objectWithoutProperties$c(_ref, _excluded$N);
     return /*#__PURE__*/React__default.createElement(InternalHighlight, _extends$1({
       classNames: {
         root: cx('ais-Snippet', classNames.root),
@@ -23415,14 +23546,14 @@
     }, props));
   }
 
-  var _excluded$N = ["hit", "attribute", "highlightedTagName", "nonHighlightedTagName", "separator"];
+  var _excluded$O = ["hit", "attribute", "highlightedTagName", "nonHighlightedTagName", "separator"];
   function Snippet$1(_ref) {
     var hit = _ref.hit,
       attribute = _ref.attribute,
       highlightedTagName = _ref.highlightedTagName,
       nonHighlightedTagName = _ref.nonHighlightedTagName,
       separator = _ref.separator,
-      props = _objectWithoutProperties$c(_ref, _excluded$N);
+      props = _objectWithoutProperties$c(_ref, _excluded$O);
     var property = getPropertyByPath(hit._snippetResult, attribute) || [];
     var properties = Array.isArray(property) ? property : [property];
     var parts = properties.map(function (singleValue) {
@@ -23436,7 +23567,7 @@
     }));
   }
 
-  var _excluded$O = ["items", "value", "onChange", "classNames"];
+  var _excluded$P = ["items", "value", "onChange", "classNames"];
   function SortBy(_ref) {
     var items = _ref.items,
       value = _ref.value,
@@ -23444,7 +23575,7 @@
       _onChange = _ref$onChange === void 0 ? function () {} : _ref$onChange,
       _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
-      props = _objectWithoutProperties$c(_ref, _excluded$O);
+      props = _objectWithoutProperties$c(_ref, _excluded$P);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-SortBy', classNames.root, props.className)
     }), /*#__PURE__*/React__default.createElement("select", {
@@ -23463,11 +23594,11 @@
     })));
   }
 
-  var _excluded$P = ["items", "transformItems"];
+  var _excluded$Q = ["items", "transformItems"];
   function SortBy$1(_ref) {
     var items = _ref.items,
       transformItems = _ref.transformItems,
-      props = _objectWithoutProperties$c(_ref, _excluded$P);
+      props = _objectWithoutProperties$c(_ref, _excluded$Q);
     var _useSortBy = useSortBy({
         items: items,
         transformItems: transformItems
@@ -23485,7 +23616,7 @@
     return /*#__PURE__*/React__default.createElement(SortBy, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$Q = ["classNames", "nbHits", "processingTimeMS", "nbSortedHits", "areHitsSorted", "translations"];
+  var _excluded$R = ["classNames", "nbHits", "processingTimeMS", "nbSortedHits", "areHitsSorted", "translations"];
   function Stats(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
@@ -23494,7 +23625,7 @@
       nbSortedHits = _ref.nbSortedHits,
       areHitsSorted = _ref.areHitsSorted,
       translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$Q);
+      props = _objectWithoutProperties$c(_ref, _excluded$R);
     var translationOptions = {
       nbHits: nbHits,
       processingTimeMS: processingTimeMS,
@@ -23508,10 +23639,10 @@
     }, translations.rootElementText(translationOptions)));
   }
 
-  var _excluded$R = ["translations"];
+  var _excluded$S = ["translations"];
   function Stats$1(_ref) {
     var translations = _ref.translations,
-      props = _objectWithoutProperties$c(_ref, _excluded$R);
+      props = _objectWithoutProperties$c(_ref, _excluded$S);
     var _useStats = useStats(undefined, {
         $$widgetType: 'ais.stats'
       }),
@@ -23561,14 +23692,14 @@
     return '';
   }
 
-  var _excluded$S = ["classNames", "checked", "onChange", "label"];
+  var _excluded$T = ["classNames", "checked", "onChange", "label"];
   function ToggleRefinement(_ref) {
     var _ref$classNames = _ref.classNames,
       classNames = _ref$classNames === void 0 ? {} : _ref$classNames,
       checked = _ref.checked,
       _onChange = _ref.onChange,
       label = _ref.label,
-      props = _objectWithoutProperties$c(_ref, _excluded$S);
+      props = _objectWithoutProperties$c(_ref, _excluded$T);
     return /*#__PURE__*/React__default.createElement("div", _extends$1({}, props, {
       className: cx('ais-ToggleRefinement', classNames.root, props.className)
     }), /*#__PURE__*/React__default.createElement("label", {
@@ -23585,12 +23716,12 @@
     }, label)));
   }
 
-  var _excluded$T = ["attribute", "on", "off"];
+  var _excluded$U = ["attribute", "on", "off"];
   function ToggleRefinement$1(_ref) {
     var attribute = _ref.attribute,
       on = _ref.on,
       off = _ref.off,
-      props = _objectWithoutProperties$c(_ref, _excluded$T);
+      props = _objectWithoutProperties$c(_ref, _excluded$U);
     var _useToggleRefinement = useToggleRefinement({
         attribute: attribute,
         on: on,
@@ -23613,7 +23744,7 @@
     }, props, uiProps));
   }
 
-  var _excluded$U = ["facetName", "facetValue", "limit", "threshold", "fallbackParameters", "queryParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent", "layoutComponent"];
+  var _excluded$V = ["facetName", "facetValue", "limit", "threshold", "fallbackParameters", "queryParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent", "layoutComponent"];
   var TrendingItemsUiComponent = createTrendingItemsComponent({
     createElement: React.createElement,
     Fragment: React.Fragment
@@ -23631,7 +23762,7 @@
       headerComponent = _ref.headerComponent,
       emptyComponent = _ref.emptyComponent,
       layoutComponent = _ref.layoutComponent,
-      props = _objectWithoutProperties$c(_ref, _excluded$U);
+      props = _objectWithoutProperties$c(_ref, _excluded$V);
     var facetParameters = facetName && facetValue ? {
       facetName: facetName,
       facetValue: facetValue
@@ -23677,82 +23808,42 @@
     return /*#__PURE__*/React__default.createElement(TrendingItemsUiComponent, _extends$1({}, props, uiProps));
   }
 
-  var _excluded$V = ["objectIDs", "limit", "threshold", "queryParameters", "fallbackParameters", "escapeHTML", "transformItems", "itemComponent", "headerComponent", "emptyComponent", "layoutComponent"];
-  var LookingSimilarUiComponent = createLookingSimilarComponent({
-    createElement: React.createElement,
-    Fragment: React.Fragment
-  });
-  function LookingSimilar(_ref) {
-    var objectIDs = _ref.objectIDs,
-      limit = _ref.limit,
-      threshold = _ref.threshold,
-      queryParameters = _ref.queryParameters,
-      fallbackParameters = _ref.fallbackParameters,
-      escapeHTML = _ref.escapeHTML,
-      transformItems = _ref.transformItems,
-      itemComponent = _ref.itemComponent,
-      headerComponent = _ref.headerComponent,
-      emptyComponent = _ref.emptyComponent,
-      layoutComponent = _ref.layoutComponent,
-      props = _objectWithoutProperties$c(_ref, _excluded$V);
-    var _useInstantSearch = useInstantSearch(),
-      status = _useInstantSearch.status;
-    var _useLookingSimilar = useLookingSimilar({
-        objectIDs: objectIDs,
-        limit: limit,
-        threshold: threshold,
-        queryParameters: queryParameters,
-        fallbackParameters: fallbackParameters,
-        escapeHTML: escapeHTML,
-        transformItems: transformItems
-      }, {
-        $$widgetType: 'ais.lookingSimilar'
-      }),
-      items = _useLookingSimilar.items,
-      sendEvent = _useLookingSimilar.sendEvent;
-    var layout = layoutComponent ? function (layoutProps) {
-      return layoutComponent(_objectSpread2(_objectSpread2({}, layoutProps), {}, {
-        classNames: {
-          list: layoutProps.classNames.list,
-          item: layoutProps.classNames.item
-        }
-      }));
-    } : undefined;
-    var _itemComponent = React.useMemo(function () {
-      return itemComponent ? function (itemProps) {
-        return itemComponent(_objectSpread2(_objectSpread2({}, itemProps), {}, {
-          sendEvent: sendEvent
-        }));
-      } : undefined;
-    }, [itemComponent, sendEvent]);
-    var uiProps = {
-      items: items,
-      itemComponent: _itemComponent,
-      headerComponent: headerComponent,
-      emptyComponent: emptyComponent,
-      layout: layout,
-      status: status,
-      sendEvent: sendEvent
-    };
-    return /*#__PURE__*/React__default.createElement(LookingSimilarUiComponent, _extends$1({}, props, uiProps));
-  }
+  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");
+  };
+  var SearchIndexToolType = undefined;
+  var RecommendToolType = undefined;
+  var createDefaultTools = function createDefaultTools() {};
 
   var CarouselUiComponent = createCarouselComponent({
     createElement: React.createElement,
     Fragment: React.Fragment
   });
   function Carousel(props) {
+    var _useState = React.useState(false),
+      _useState2 = _slicedToArray$g(_useState, 2),
+      canScrollLeft = _useState2[0],
+      setCanScrollLeft = _useState2[1];
+    var _useState3 = React.useState(true),
+      _useState4 = _slicedToArray$g(_useState3, 2),
+      canScrollRight = _useState4[0],
+      setCanScrollRight = _useState4[1];
     var carouselRefs = {
       listRef: React.useRef(null),
       nextButtonRef: React.useRef(null),
       previousButtonRef: React.useRef(null),
-      carouselIdRef: React.useRef(generateCarouselId())
+      carouselIdRef: React.useRef(generateCarouselId()),
+      canScrollLeft: canScrollLeft,
+      canScrollRight: canScrollRight,
+      setCanScrollLeft: setCanScrollLeft,
+      setCanScrollRight: setCanScrollRight
     };
     return /*#__PURE__*/React__default.createElement(CarouselUiComponent, _extends$1({}, carouselRefs, props));
   }
 
   exports.Breadcrumb = Breadcrumb$1;
   exports.Carousel = Carousel;
+  exports.Chat = Chat;
   exports.ClearRefinements = ClearRefinements$1;
   exports.Configure = Configure;
   exports.CurrentRefinements = CurrentRefinements$1;
@@ -23774,16 +23865,20 @@
   exports.Pagination = Pagination$1;
   exports.PoweredBy = PoweredBy$1;
   exports.RangeInput = RangeInput$1;
+  exports.RecommendToolType = RecommendToolType;
   exports.RefinementList = RefinementList$2;
   exports.RelatedProducts = RelatedProducts;
   exports.SearchBox = SearchBox$1;
+  exports.SearchIndexToolType = SearchIndexToolType;
   exports.Snippet = Snippet$1;
   exports.SortBy = SortBy$1;
   exports.Stats = Stats$1;
   exports.ToggleRefinement = ToggleRefinement$1;
   exports.TrendingItems = TrendingItems;
+  exports.createDefaultTools = createDefaultTools;
   exports.getServerState = getServerState;
   exports.useBreadcrumb = useBreadcrumb;
+  exports.useChat = useChat;
   exports.useClearRefinements = useClearRefinements;
   exports.useConfigure = useConfigure;
   exports.useConnector = useConnector;