react-instantsearch 7.11.4 → 7.12.1

package/dist/cjs/ui/InfiniteHits.js

@@ -6,7 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.InfiniteHits = InfiniteHits;
 var _instantsearchUiComponents = require("instantsearch-ui-components");
 var _react = _interopRequireDefault(require("react"));
-var _excluded = ["hitComponent", "hits", "sendEvent", "isFirstPage", "isLastPage", "onShowPrevious", "onShowMore", "classNames", "translations"];
+var _excluded = ["hitComponent", "hits", "bannerComponent", "banner", "sendEvent", "isFirstPage", "isLastPage", "onShowPrevious", "onShowMore", "classNames", "translations"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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; }
@@ -19,26 +19,56 @@ function DefaultHitComponent(_ref) {
     }
   }, JSON.stringify(hit).slice(0, 100), "\u2026");
 }
-function InfiniteHits(_ref2) {
-  var _ref2$hitComponent = _ref2.hitComponent,
-    HitComponent = _ref2$hitComponent === void 0 ? DefaultHitComponent : _ref2$hitComponent,
-    hits = _ref2.hits,
-    sendEvent = _ref2.sendEvent,
-    isFirstPage = _ref2.isFirstPage,
-    isLastPage = _ref2.isLastPage,
-    onShowPrevious = _ref2.onShowPrevious,
-    onShowMore = _ref2.onShowMore,
-    _ref2$classNames = _ref2.classNames,
-    classNames = _ref2$classNames === void 0 ? {} : _ref2$classNames,
-    translations = _ref2.translations,
-    props = _objectWithoutProperties(_ref2, _excluded);
+function DefaultBanner(_ref2) {
+  var classNames = _ref2.classNames,
+    banner = _ref2.banner;
+  if (!banner.image.urls[0].url) {
+    return null;
+  }
+  return /*#__PURE__*/_react.default.createElement("aside", {
+    className: (0, _instantsearchUiComponents.cx)('ais-InfiniteHits-banner', classNames.bannerRoot)
+  }, banner.link ? /*#__PURE__*/_react.default.createElement("a", {
+    className: (0, _instantsearchUiComponents.cx)('ais-InfiniteHits-banner-link', classNames.bannerLink),
+    href: banner.link.url,
+    target: banner.link.target
+  }, /*#__PURE__*/_react.default.createElement("img", {
+    className: (0, _instantsearchUiComponents.cx)('ais-InfiniteHits-banner-image', classNames.bannerImage),
+    src: banner.image.urls[0].url,
+    alt: banner.image.title
+  })) : /*#__PURE__*/_react.default.createElement("img", {
+    className: (0, _instantsearchUiComponents.cx)('ais-InfiniteHits-banner-image', classNames.bannerImage),
+    src: banner.image.urls[0].url,
+    alt: banner.image.title
+  }));
+}
+function InfiniteHits(_ref3) {
+  var _ref3$hitComponent = _ref3.hitComponent,
+    HitComponent = _ref3$hitComponent === void 0 ? DefaultHitComponent : _ref3$hitComponent,
+    hits = _ref3.hits,
+    BannerComponent = _ref3.bannerComponent,
+    banner = _ref3.banner,
+    sendEvent = _ref3.sendEvent,
+    isFirstPage = _ref3.isFirstPage,
+    isLastPage = _ref3.isLastPage,
+    onShowPrevious = _ref3.onShowPrevious,
+    onShowMore = _ref3.onShowMore,
+    _ref3$classNames = _ref3.classNames,
+    classNames = _ref3$classNames === void 0 ? {} : _ref3$classNames,
+    translations = _ref3.translations,
+    props = _objectWithoutProperties(_ref3, _excluded);
   return /*#__PURE__*/_react.default.createElement("div", _extends({}, props, {
     className: (0, _instantsearchUiComponents.cx)('ais-InfiniteHits', classNames.root, hits.length === 0 && (0, _instantsearchUiComponents.cx)('ais-InfiniteHits--empty', classNames.emptyRoot), props.className)
   }), onShowPrevious && /*#__PURE__*/_react.default.createElement("button", {
     className: (0, _instantsearchUiComponents.cx)('ais-InfiniteHits-loadPrevious', classNames.loadPrevious, isFirstPage && (0, _instantsearchUiComponents.cx)('ais-InfiniteHits-loadPrevious--disabled', classNames.disabledLoadPrevious)),
     onClick: onShowPrevious,
     disabled: isFirstPage
-  }, translations.showPreviousButtonText), /*#__PURE__*/_react.default.createElement("ol", {
+  }, translations.showPreviousButtonText), banner && (BannerComponent ? /*#__PURE__*/_react.default.createElement(BannerComponent, {
+    className: (0, _instantsearchUiComponents.cx)('ais-InfiniteHits-banner', classNames.bannerRoot),
+    banner: banner
+  }) : /*#__PURE__*/_react.default.createElement(DefaultBanner, {
+    classNames: classNames,
+    banner: banner
+  })), /*#__PURE__*/_react.default.createElement("ol", {
     className: (0, _instantsearchUiComponents.cx)('ais-InfiniteHits-list', classNames.list)
   }, hits.map(function (hit) {
     return /*#__PURE__*/_react.default.createElement("li", {

package/dist/cjs/widgets/InfiniteHits.js

@@ -8,7 +8,7 @@ exports.InfiniteHits = InfiniteHits;
 var _react = _interopRequireDefault(require("react"));
 var _reactInstantsearchCore = require("react-instantsearch-core");
 var _InfiniteHits = require("../ui/InfiniteHits");
-var _excluded = ["showPrevious", "cache", "escapeHTML", "showPrevious", "transformItems", "translations"];
+var _excluded = ["showPrevious", "cache", "escapeHTML", "showPrevious", "transformItems", "translations", "bannerComponent"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
@@ -26,6 +26,7 @@ function InfiniteHits(_ref) {
     userShowPrevious = _ref.showPrevious,
     transformItems = _ref.transformItems,
     translations = _ref.translations,
+    BannerComponent = _ref.bannerComponent,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useInfiniteHits = (0, _reactInstantsearchCore.useInfiniteHits)({
       cache: cache,
@@ -36,13 +37,19 @@ function InfiniteHits(_ref) {
       $$widgetType: 'ais.infiniteHits'
     }),
     hits = _useInfiniteHits.hits,
+    banner = _useInfiniteHits.banner,
     sendEvent = _useInfiniteHits.sendEvent,
     showPrevious = _useInfiniteHits.showPrevious,
     showMore = _useInfiniteHits.showMore,
     isFirstPage = _useInfiniteHits.isFirstPage,
     isLastPage = _useInfiniteHits.isLastPage;
+  var bannerComponent = BannerComponent === false ? function () {
+    return null;
+  } : BannerComponent;
   var uiProps = {
     hits: hits,
+    banner: banner,
+    bannerComponent: bannerComponent,
     sendEvent: sendEvent,
     onShowPrevious: shouldShowPrevious ? showPrevious : undefined,
     onShowMore: showMore,

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

@@ -1,13 +1,19 @@
 import React from 'react';
+import type { Banner } from 'algoliasearch-helper';
 import type { Hit } from 'instantsearch.js';
 import type { SendEventForHits } from 'instantsearch.js/es/lib/utils';
 export type InfiniteHitsProps<THit> = React.ComponentProps<'div'> & {
     hits: THit[];
+    banner?: Banner;
     sendEvent: SendEventForHits;
     hitComponent?: React.JSXElementConstructor<{
         hit: THit;
         sendEvent: SendEventForHits;
     }>;
+    bannerComponent?: React.JSXElementConstructor<{
+        className: string;
+        banner: Banner;
+    }>;
     isFirstPage: boolean;
     isLastPage: boolean;
     onShowPrevious?: () => void;
@@ -48,9 +54,21 @@ export type InfiniteHitsClassNames = {
      * Class names to apply to each item element
      */
     item: string;
+    /**
+     * Class names to apply to the banner element
+     */
+    bannerRoot: string | string[];
+    /**
+     * Class names to apply to the banner image element
+     */
+    bannerImage: string | string[];
+    /**
+     * Class names to apply to the banner link element
+     */
+    bannerLink: string | string[];
 };
 export type InfiniteHitsTranslations = {
     showPreviousButtonText: string;
     showMoreButtonText: string;
 };
-export declare function InfiniteHits<THit extends Hit>({ hitComponent: HitComponent, hits, sendEvent, isFirstPage, isLastPage, onShowPrevious, onShowMore, classNames, translations, ...props }: InfiniteHitsProps<THit>): JSX.Element;
+export declare function InfiniteHits<THit extends Hit>({ hitComponent: HitComponent, hits, bannerComponent: BannerComponent, banner, sendEvent, isFirstPage, isLastPage, onShowPrevious, onShowMore, classNames, translations, ...props }: InfiniteHitsProps<THit>): JSX.Element;

package/dist/es/ui/InfiniteHits.js

@@ -1,4 +1,4 @@
-var _excluded = ["hitComponent", "hits", "sendEvent", "isFirstPage", "isLastPage", "onShowPrevious", "onShowMore", "classNames", "translations"];
+var _excluded = ["hitComponent", "hits", "bannerComponent", "banner", "sendEvent", "isFirstPage", "isLastPage", "onShowPrevious", "onShowMore", "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; }
@@ -12,26 +12,56 @@ function DefaultHitComponent(_ref) {
     }
   }, JSON.stringify(hit).slice(0, 100), "\u2026");
 }
-export function InfiniteHits(_ref2) {
-  var _ref2$hitComponent = _ref2.hitComponent,
-    HitComponent = _ref2$hitComponent === void 0 ? DefaultHitComponent : _ref2$hitComponent,
-    hits = _ref2.hits,
-    sendEvent = _ref2.sendEvent,
-    isFirstPage = _ref2.isFirstPage,
-    isLastPage = _ref2.isLastPage,
-    onShowPrevious = _ref2.onShowPrevious,
-    onShowMore = _ref2.onShowMore,
-    _ref2$classNames = _ref2.classNames,
-    classNames = _ref2$classNames === void 0 ? {} : _ref2$classNames,
-    translations = _ref2.translations,
-    props = _objectWithoutProperties(_ref2, _excluded);
+function DefaultBanner(_ref2) {
+  var classNames = _ref2.classNames,
+    banner = _ref2.banner;
+  if (!banner.image.urls[0].url) {
+    return null;
+  }
+  return /*#__PURE__*/React.createElement("aside", {
+    className: cx('ais-InfiniteHits-banner', classNames.bannerRoot)
+  }, banner.link ? /*#__PURE__*/React.createElement("a", {
+    className: cx('ais-InfiniteHits-banner-link', classNames.bannerLink),
+    href: banner.link.url,
+    target: banner.link.target
+  }, /*#__PURE__*/React.createElement("img", {
+    className: cx('ais-InfiniteHits-banner-image', classNames.bannerImage),
+    src: banner.image.urls[0].url,
+    alt: banner.image.title
+  })) : /*#__PURE__*/React.createElement("img", {
+    className: cx('ais-InfiniteHits-banner-image', classNames.bannerImage),
+    src: banner.image.urls[0].url,
+    alt: banner.image.title
+  }));
+}
+export function InfiniteHits(_ref3) {
+  var _ref3$hitComponent = _ref3.hitComponent,
+    HitComponent = _ref3$hitComponent === void 0 ? DefaultHitComponent : _ref3$hitComponent,
+    hits = _ref3.hits,
+    BannerComponent = _ref3.bannerComponent,
+    banner = _ref3.banner,
+    sendEvent = _ref3.sendEvent,
+    isFirstPage = _ref3.isFirstPage,
+    isLastPage = _ref3.isLastPage,
+    onShowPrevious = _ref3.onShowPrevious,
+    onShowMore = _ref3.onShowMore,
+    _ref3$classNames = _ref3.classNames,
+    classNames = _ref3$classNames === void 0 ? {} : _ref3$classNames,
+    translations = _ref3.translations,
+    props = _objectWithoutProperties(_ref3, _excluded);
   return /*#__PURE__*/React.createElement("div", _extends({}, props, {
     className: cx('ais-InfiniteHits', classNames.root, hits.length === 0 && cx('ais-InfiniteHits--empty', classNames.emptyRoot), props.className)
   }), onShowPrevious && /*#__PURE__*/React.createElement("button", {
     className: cx('ais-InfiniteHits-loadPrevious', classNames.loadPrevious, isFirstPage && cx('ais-InfiniteHits-loadPrevious--disabled', classNames.disabledLoadPrevious)),
     onClick: onShowPrevious,
     disabled: isFirstPage
-  }, translations.showPreviousButtonText), /*#__PURE__*/React.createElement("ol", {
+  }, translations.showPreviousButtonText), banner && (BannerComponent ? /*#__PURE__*/React.createElement(BannerComponent, {
+    className: cx('ais-InfiniteHits-banner', classNames.bannerRoot),
+    banner: banner
+  }) : /*#__PURE__*/React.createElement(DefaultBanner, {
+    classNames: classNames,
+    banner: banner
+  })), /*#__PURE__*/React.createElement("ol", {
     className: cx('ais-InfiniteHits-list', classNames.list)
   }, hits.map(function (hit) {
     return /*#__PURE__*/React.createElement("li", {

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

@@ -1,8 +1,14 @@
+import React from 'react';
 import type { InfiniteHitsProps as InfiniteHitsUiComponentProps } from '../ui/InfiniteHits';
 import type { BaseHit, Hit } from 'instantsearch.js';
 import type { UseInfiniteHitsProps } from 'react-instantsearch-core';
-type UiProps<THit extends BaseHit = BaseHit> = Pick<InfiniteHitsUiComponentProps<Hit<THit>>, 'hits' | 'sendEvent' | 'onShowPrevious' | 'onShowMore' | 'isFirstPage' | 'isLastPage' | 'translations'>;
-export type InfiniteHitsProps<THit extends BaseHit = BaseHit> = Omit<InfiniteHitsUiComponentProps<Hit<THit>>, keyof UiProps<THit>> & UseInfiniteHitsProps<THit> & {
+type UiProps<THit extends BaseHit = BaseHit> = Pick<InfiniteHitsUiComponentProps<Hit<THit>>, 'hits' | 'banner' | 'bannerComponent' | 'sendEvent' | 'onShowPrevious' | 'onShowMore' | 'isFirstPage' | 'isLastPage' | 'translations'>;
+export type InfiniteHitsProps<THit extends BaseHit = BaseHit> = Omit<InfiniteHitsUiComponentProps<Hit<THit>>, keyof UiProps<THit>> & {
+    bannerComponent?: React.JSXElementConstructor<{
+        banner: Required<InfiniteHitsUiComponentProps<Hit<THit>>>['banner'];
+        className: string;
+    }> | false;
+} & UseInfiniteHitsProps<THit> & {
     /**
      * Displays the "Show Previous" button when the UI is loaded from a page
      * beyond the first one.
@@ -11,5 +17,5 @@ export type InfiniteHitsProps<THit extends BaseHit = BaseHit> = Omit<InfiniteHit
     showPrevious?: boolean;
     translations?: Partial<UiProps<THit>['translations']>;
 };
-export declare function InfiniteHits<THit extends BaseHit = BaseHit>({ showPrevious: shouldShowPrevious, cache, escapeHTML, showPrevious: userShowPrevious, transformItems, translations, ...props }: InfiniteHitsProps<THit>): JSX.Element;
+export declare function InfiniteHits<THit extends BaseHit = BaseHit>({ showPrevious: shouldShowPrevious, cache, escapeHTML, showPrevious: userShowPrevious, transformItems, translations, bannerComponent: BannerComponent, ...props }: InfiniteHitsProps<THit>): JSX.Element;
 export {};

package/dist/es/widgets/InfiniteHits.js

@@ -1,5 +1,5 @@
 function _typeof(obj) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (obj) { return typeof obj; } : function (obj) { return obj && "function" == typeof Symbol && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }, _typeof(obj); }
-var _excluded = ["showPrevious", "cache", "escapeHTML", "showPrevious", "transformItems", "translations"];
+var _excluded = ["showPrevious", "cache", "escapeHTML", "showPrevious", "transformItems", "translations", "bannerComponent"];
 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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -19,6 +19,7 @@ export function InfiniteHits(_ref) {
     userShowPrevious = _ref.showPrevious,
     transformItems = _ref.transformItems,
     translations = _ref.translations,
+    BannerComponent = _ref.bannerComponent,
     props = _objectWithoutProperties(_ref, _excluded);
   var _useInfiniteHits = useInfiniteHits({
       cache: cache,
@@ -29,13 +30,19 @@ export function InfiniteHits(_ref) {
       $$widgetType: 'ais.infiniteHits'
     }),
     hits = _useInfiniteHits.hits,
+    banner = _useInfiniteHits.banner,
     sendEvent = _useInfiniteHits.sendEvent,
     showPrevious = _useInfiniteHits.showPrevious,
     showMore = _useInfiniteHits.showMore,
     isFirstPage = _useInfiniteHits.isFirstPage,
     isLastPage = _useInfiniteHits.isLastPage;
+  var bannerComponent = BannerComponent === false ? function () {
+    return null;
+  } : BannerComponent;
   var uiProps = {
     hits: hits,
+    banner: banner,
+    bannerComponent: bannerComponent,
     sendEvent: sendEvent,
     onShowPrevious: shouldShowPrevious ? showPrevious : undefined,
     onShowMore: showMore,

package/dist/umd/ReactInstantSearch.js

@@ -7,7 +7,7 @@
 
   var React__default = 'default' in React ? React['default'] : React;
 
-  var version = '7.11.4';
+  var version = '7.12.1';
 
   // Copyright Joyent, Inc. and other Node contributors.
   //
@@ -577,7 +577,11 @@
           return cache[params.$$id] === undefined;
         })
         .map(function (params) {
-          var query = Object.assign({}, params, { indexName: indexName });
+          var query = Object.assign({}, params, {
+            indexName: indexName,
+            // @TODO: remove this if it ever gets handled by the API
+            threshold: params.threshold || 0,
+          });
           delete query.$$id;
 
           return query;
@@ -4528,7 +4532,7 @@
 
   var sortAndMergeRecommendations_1 = sortAndMergeRecommendations;
 
-  var version$1 = '3.22.1';
+  var version$1 = '3.22.2';
 
   var escapeFacetValue$3 = escapeFacetValue_1.escapeFacetValue;
 
@@ -7796,10 +7800,10 @@
   // typed as any, since it accepts the _real_ js clients, not the interface we otherwise expect
   function getAppIdAndApiKey(searchClient) {
     if (searchClient.transporter) {
-      // searchClient v4
-      var _searchClient$transpo = searchClient.transporter,
-        headers = _searchClient$transpo.headers,
-        queryParameters = _searchClient$transpo.queryParameters;
+      // searchClient v4 or v5
+      var transporter = searchClient.transporter;
+      var headers = transporter.headers || transporter.baseHeaders;
+      var queryParameters = transporter.queryParameters || transporter.baseQueryParameters;
       var APP_ID = 'x-algolia-application-id';
       var API_KEY = 'x-algolia-api-key';
       var appId = headers[APP_ID] || queryParameters[APP_ID];
@@ -11171,7 +11175,7 @@
     for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
     return arr2;
   }
-  var ALGOLIA_INSIGHTS_VERSION = '2.13.0';
+  var ALGOLIA_INSIGHTS_VERSION = '2.15.0';
   var ALGOLIA_INSIGHTS_SRC = "https://cdn.jsdelivr.net/npm/search-insights@".concat(ALGOLIA_INSIGHTS_VERSION, "/dist/search-insights.min.js");
   function createInsightsMiddleware() {
     var props = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -16631,12 +16635,12 @@
     }, {
       key: "isLastPage",
       value: function isLastPage() {
-        return this.currentPage === this.total - 1 || this.total === 0;
+        return this.currentPage >= this.total - 1;
       }
     }, {
       key: "isFirstPage",
       value: function isFirstPage() {
-        return this.currentPage === 0;
+        return this.currentPage <= 0;
       }
     }]);
     return Paginator;
@@ -19294,7 +19298,7 @@
     };
   }
 
-  var version$3 = '4.72.2';
+  var version$3 = '4.73.1';
 
   function _typeof$N(obj) {
     "@babel/helpers - typeof";
@@ -21696,7 +21700,7 @@
     return /*#__PURE__*/React__default.createElement(HitsPerPage, _extends$2({}, props, uiProps));
   }
 
-  var _excluded$x = ["hitComponent", "hits", "sendEvent", "isFirstPage", "isLastPage", "onShowPrevious", "onShowMore", "classNames", "translations"];
+  var _excluded$x = ["hitComponent", "hits", "bannerComponent", "banner", "sendEvent", "isFirstPage", "isLastPage", "onShowPrevious", "onShowMore", "classNames", "translations"];
   function DefaultHitComponent$1(_ref) {
     var hit = _ref.hit;
     return /*#__PURE__*/React__default.createElement("div", {
@@ -21705,26 +21709,56 @@
       }
     }, JSON.stringify(hit).slice(0, 100), "\u2026");
   }
-  function InfiniteHits(_ref2) {
-    var _ref2$hitComponent = _ref2.hitComponent,
-      HitComponent = _ref2$hitComponent === void 0 ? DefaultHitComponent$1 : _ref2$hitComponent,
-      hits = _ref2.hits,
-      sendEvent = _ref2.sendEvent,
-      isFirstPage = _ref2.isFirstPage,
-      isLastPage = _ref2.isLastPage,
-      onShowPrevious = _ref2.onShowPrevious,
-      onShowMore = _ref2.onShowMore,
-      _ref2$classNames = _ref2.classNames,
-      classNames = _ref2$classNames === void 0 ? {} : _ref2$classNames,
-      translations = _ref2.translations,
-      props = _objectWithoutProperties$d(_ref2, _excluded$x);
+  function DefaultBanner(_ref2) {
+    var classNames = _ref2.classNames,
+      banner = _ref2.banner;
+    if (!banner.image.urls[0].url) {
+      return null;
+    }
+    return /*#__PURE__*/React__default.createElement("aside", {
+      className: cx('ais-InfiniteHits-banner', classNames.bannerRoot)
+    }, banner.link ? /*#__PURE__*/React__default.createElement("a", {
+      className: cx('ais-InfiniteHits-banner-link', classNames.bannerLink),
+      href: banner.link.url,
+      target: banner.link.target
+    }, /*#__PURE__*/React__default.createElement("img", {
+      className: cx('ais-InfiniteHits-banner-image', classNames.bannerImage),
+      src: banner.image.urls[0].url,
+      alt: banner.image.title
+    })) : /*#__PURE__*/React__default.createElement("img", {
+      className: cx('ais-InfiniteHits-banner-image', classNames.bannerImage),
+      src: banner.image.urls[0].url,
+      alt: banner.image.title
+    }));
+  }
+  function InfiniteHits(_ref3) {
+    var _ref3$hitComponent = _ref3.hitComponent,
+      HitComponent = _ref3$hitComponent === void 0 ? DefaultHitComponent$1 : _ref3$hitComponent,
+      hits = _ref3.hits,
+      BannerComponent = _ref3.bannerComponent,
+      banner = _ref3.banner,
+      sendEvent = _ref3.sendEvent,
+      isFirstPage = _ref3.isFirstPage,
+      isLastPage = _ref3.isLastPage,
+      onShowPrevious = _ref3.onShowPrevious,
+      onShowMore = _ref3.onShowMore,
+      _ref3$classNames = _ref3.classNames,
+      classNames = _ref3$classNames === void 0 ? {} : _ref3$classNames,
+      translations = _ref3.translations,
+      props = _objectWithoutProperties$d(_ref3, _excluded$x);
     return /*#__PURE__*/React__default.createElement("div", _extends$2({}, props, {
       className: cx('ais-InfiniteHits', classNames.root, hits.length === 0 && cx('ais-InfiniteHits--empty', classNames.emptyRoot), props.className)
     }), onShowPrevious && /*#__PURE__*/React__default.createElement("button", {
       className: cx('ais-InfiniteHits-loadPrevious', classNames.loadPrevious, isFirstPage && cx('ais-InfiniteHits-loadPrevious--disabled', classNames.disabledLoadPrevious)),
       onClick: onShowPrevious,
       disabled: isFirstPage
-    }, translations.showPreviousButtonText), /*#__PURE__*/React__default.createElement("ol", {
+    }, translations.showPreviousButtonText), banner && (BannerComponent ? /*#__PURE__*/React__default.createElement(BannerComponent, {
+      className: cx('ais-InfiniteHits-banner', classNames.bannerRoot),
+      banner: banner
+    }) : /*#__PURE__*/React__default.createElement(DefaultBanner, {
+      classNames: classNames,
+      banner: banner
+    })), /*#__PURE__*/React__default.createElement("ol", {
       className: cx('ais-InfiniteHits-list', classNames.list)
     }, hits.map(function (hit) {
       return /*#__PURE__*/React__default.createElement("li", {
@@ -21747,7 +21781,7 @@
     }, translations.showMoreButtonText));
   }
 
-  var _excluded$y = ["showPrevious", "cache", "escapeHTML", "showPrevious", "transformItems", "translations"];
+  var _excluded$y = ["showPrevious", "cache", "escapeHTML", "showPrevious", "transformItems", "translations", "bannerComponent"];
   function InfiniteHits$1(_ref) {
     var _ref$showPrevious = _ref.showPrevious,
       shouldShowPrevious = _ref$showPrevious === void 0 ? true : _ref$showPrevious,
@@ -21756,6 +21790,7 @@
       userShowPrevious = _ref.showPrevious,
       transformItems = _ref.transformItems,
       translations = _ref.translations,
+      BannerComponent = _ref.bannerComponent,
       props = _objectWithoutProperties$d(_ref, _excluded$y);
     var _useInfiniteHits = useInfiniteHits({
         cache: cache,
@@ -21766,13 +21801,19 @@
         $$widgetType: 'ais.infiniteHits'
       }),
       hits = _useInfiniteHits.hits,
+      banner = _useInfiniteHits.banner,
       sendEvent = _useInfiniteHits.sendEvent,
       showPrevious = _useInfiniteHits.showPrevious,
       showMore = _useInfiniteHits.showMore,
       isFirstPage = _useInfiniteHits.isFirstPage,
       isLastPage = _useInfiniteHits.isLastPage;
+    var bannerComponent = BannerComponent === false ? function () {
+      return null;
+    } : BannerComponent;
     var uiProps = {
       hits: hits,
+      banner: banner,
+      bannerComponent: bannerComponent,
       sendEvent: sendEvent,
       onShowPrevious: shouldShowPrevious ? showPrevious : undefined,
       onShowMore: showMore,