instantsearch.js 4.68.1 → 4.69.0

package/cjs/widgets/index/index.js

@@ -7,6 +7,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.default = void 0;
 var _algoliasearchHelper = _interopRequireDefault(require("algoliasearch-helper"));
 var _utils = require("../../lib/utils");
+var _addWidgetId = require("../../lib/utils/addWidgetId");
 var _excluded = ["initialSearchParameters"],
   _excluded2 = ["initialRecommendParameters"];
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
@@ -130,6 +131,8 @@ var index = function index(widgetParams) {
   var helper = null;
   var derivedHelper = null;
   var lastValidSearchParameters = null;
+  var hasRecommendWidget = false;
+  var hasSearchWidget = false;
   return {
     $$type: 'ais.index',
     $$widgetType: 'ais.index',
@@ -154,6 +157,16 @@ var index = function index(widgetParams) {
       derivedHelper.lastResults._state = helper.state;
       return derivedHelper.lastResults;
     },
+    getResultsForWidget: function getResultsForWidget(widget) {
+      var _helper;
+      if (widget.dependsOn !== 'recommend' || (0, _utils.isIndexWidget)(widget) || widget.$$id === undefined) {
+        return this.getResults();
+      }
+      if (!((_helper = helper) !== null && _helper !== void 0 && _helper.lastRecommendResults)) {
+        return null;
+      }
+      return helper.lastRecommendResults[widget.$$id];
+    },
     getPreviousState: function getPreviousState() {
       return lastValidSearchParameters;
     },
@@ -198,6 +211,21 @@ var index = function index(widgetParams) {
       })) {
         throw new Error(withUsage('The widget definition expects a `render` and/or an `init` method.'));
       }
+      widgets.forEach(function (widget) {
+        if ((0, _utils.isIndexWidget)(widget)) {
+          return;
+        }
+        if (localInstantSearchInstance && widget.dependsOn === 'recommend') {
+          localInstantSearchInstance._hasRecommendWidget = true;
+        } else if (localInstantSearchInstance) {
+          localInstantSearchInstance._hasSearchWidget = true;
+        } else if (widget.dependsOn === 'recommend') {
+          hasRecommendWidget = true;
+        } else {
+          hasSearchWidget = true;
+        }
+        (0, _addWidgetId.addWidgetId)(widget);
+      });
       localWidgets = localWidgets.concat(widgets);
       if (localInstantSearchInstance && Boolean(widgets.length)) {
         privateHelperSetState(helper, {
@@ -247,16 +275,41 @@ var index = function index(widgetParams) {
       localWidgets = localWidgets.filter(function (widget) {
         return widgets.indexOf(widget) === -1;
       });
+      localWidgets.forEach(function (widget) {
+        if ((0, _utils.isIndexWidget)(widget)) {
+          return;
+        }
+        if (localInstantSearchInstance && widget.dependsOn === 'recommend') {
+          localInstantSearchInstance._hasRecommendWidget = true;
+        } else if (localInstantSearchInstance) {
+          localInstantSearchInstance._hasSearchWidget = true;
+        } else if (widget.dependsOn === 'recommend') {
+          hasRecommendWidget = true;
+        } else {
+          hasSearchWidget = true;
+        }
+      });
       if (localInstantSearchInstance && Boolean(widgets.length)) {
-        var cleanedState = widgets.reduce(function (state, widget) {
-          // the `dispose` method exists at this point we already assert it
-          var next = widget.dispose({
-            helper: helper,
-            state: state,
-            parent: _this2
-          });
-          return next || state;
-        }, helper.state);
+        var _widgets$reduce = widgets.reduce(function (states, widget) {
+            // the `dispose` method exists at this point we already assert it
+            var next = widget.dispose({
+              helper: helper,
+              state: states.cleanedSearchState,
+              recommendState: states.cleanedRecommendState,
+              parent: _this2
+            });
+            if (next instanceof _algoliasearchHelper.default.RecommendParameters) {
+              states.cleanedRecommendState = next;
+            } else if (next) {
+              states.cleanedSearchState = next;
+            }
+            return states;
+          }, {
+            cleanedSearchState: helper.state,
+            cleanedRecommendState: helper.recommendState
+          }),
+          cleanedSearchState = _widgets$reduce.cleanedSearchState,
+          cleanedRecommendState = _widgets$reduce.cleanedRecommendState;
         var newState = localInstantSearchInstance.future.preserveSharedStateOnUnmount ? getLocalWidgetsSearchParameters(localWidgets, {
           uiState: localUiState,
           initialSearchParameters: new _algoliasearchHelper.default.SearchParameters({
@@ -264,16 +317,17 @@ var index = function index(widgetParams) {
           })
         }) : getLocalWidgetsSearchParameters(localWidgets, {
           uiState: getLocalWidgetsUiState(localWidgets, {
-            searchParameters: cleanedState,
+            searchParameters: cleanedSearchState,
             helper: helper
           }),
-          initialSearchParameters: cleanedState
+          initialSearchParameters: cleanedSearchState
         });
         localUiState = getLocalWidgetsUiState(localWidgets, {
           searchParameters: newState,
           helper: helper
         });
         helper.setState(newState);
+        helper.recommendState = cleanedRecommendState;
         if (localWidgets.length) {
           localInstantSearchInstance.scheduleSearch();
         }
@@ -459,9 +513,16 @@ var index = function index(widgetParams) {
         // schedule a render that will render the results injected on the helper.
         instantSearchInstance.scheduleRender();
       }
+      if (hasRecommendWidget) {
+        instantSearchInstance._hasRecommendWidget = true;
+      }
+      if (hasSearchWidget) {
+        instantSearchInstance._hasSearchWidget = true;
+      }
     },
     render: function render(_ref6) {
-      var _this4 = this;
+      var _derivedHelper2,
+        _this4 = this;
       var instantSearchInstance = _ref6.instantSearchInstance;
       // we can't attach a listener to the error event of search, as the error
       // then would no longer be thrown for global handlers.
@@ -471,7 +532,7 @@ var index = function index(widgetParams) {
 
       // 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() ? localWidgets : localWidgets.filter(_utils.isIndexWidget);
+      var widgetsToRender = this.getResults() || (_derivedHelper2 = derivedHelper) !== null && _derivedHelper2 !== void 0 && _derivedHelper2.lastRecommendResults ? localWidgets : localWidgets.filter(_utils.isIndexWidget);
       widgetsToRender = widgetsToRender.filter(function (widget) {
         if (!widget.shouldRender) {
           return true;
@@ -482,7 +543,7 @@ var index = function index(widgetParams) {
       });
       widgetsToRender.forEach(function (widget) {
         if (widget.getRenderState) {
-          var renderState = widget.getRenderState(instantSearchInstance.renderState[_this4.getIndexId()] || {}, (0, _utils.createRenderArgs)(instantSearchInstance, _this4));
+          var renderState = widget.getRenderState(instantSearchInstance.renderState[_this4.getIndexId()] || {}, (0, _utils.createRenderArgs)(instantSearchInstance, _this4, widget));
           storeRenderState({
             renderState: renderState,
             instantSearchInstance: instantSearchInstance,
@@ -499,14 +560,14 @@ var index = function index(widgetParams) {
         // not have results yet.
 
         if (widget.render) {
-          widget.render((0, _utils.createRenderArgs)(instantSearchInstance, _this4));
+          widget.render((0, _utils.createRenderArgs)(instantSearchInstance, _this4, widget));
         }
       });
     },
     dispose: function dispose() {
       var _this5 = this,
-        _helper,
-        _derivedHelper2;
+        _helper2,
+        _derivedHelper3;
       localWidgets.forEach(function (widget) {
         if (widget.dispose && helper) {
           // The dispose function is always called once the instance is started
@@ -518,15 +579,16 @@ var index = function index(widgetParams) {
           widget.dispose({
             helper: helper,
             state: helper.state,
+            recommendState: helper.recommendState,
             parent: _this5
           });
         }
       });
       localInstantSearchInstance = null;
       localParent = null;
-      (_helper = helper) === null || _helper === void 0 ? void 0 : _helper.removeAllListeners();
+      (_helper2 = helper) === null || _helper2 === void 0 ? void 0 : _helper2.removeAllListeners();
       helper = null;
-      (_derivedHelper2 = derivedHelper) === null || _derivedHelper2 === void 0 ? void 0 : _derivedHelper2.detach();
+      (_derivedHelper3 = derivedHelper) === null || _derivedHelper3 === void 0 ? void 0 : _derivedHelper3.detach();
       derivedHelper = null;
     },
     getWidgetUiState: function getWidgetUiState(uiState) {

package/cjs/widgets/index.js

@@ -47,6 +47,12 @@ Object.defineProperty(exports, "dynamicWidgets", {
     return _dynamicWidgets.default;
   }
 });
+Object.defineProperty(exports, "frequentlyBoughtTogether", {
+  enumerable: true,
+  get: function get() {
+    return _frequentlyBoughtTogether.default;
+  }
+});
 Object.defineProperty(exports, "geoSearch", {
   enumerable: true,
   get: function get() {
@@ -83,6 +89,12 @@ Object.defineProperty(exports, "infiniteHits", {
     return _infiniteHits.default;
   }
 });
+Object.defineProperty(exports, "lookingSimilar", {
+  enumerable: true,
+  get: function get() {
+    return _lookingSimilar.default;
+  }
+});
 Object.defineProperty(exports, "menu", {
   enumerable: true,
   get: function get() {
@@ -161,6 +173,12 @@ Object.defineProperty(exports, "refinementList", {
     return _refinementList.default;
   }
 });
+Object.defineProperty(exports, "relatedProducts", {
+  enumerable: true,
+  get: function get() {
+    return _relatedProducts.default;
+  }
+});
 Object.defineProperty(exports, "relevantSort", {
   enumerable: true,
   get: function get() {
@@ -191,6 +209,12 @@ Object.defineProperty(exports, "toggleRefinement", {
     return _toggleRefinement.default;
   }
 });
+Object.defineProperty(exports, "trendingItems", {
+  enumerable: true,
+  get: function get() {
+    return _trendingItems.default;
+  }
+});
 Object.defineProperty(exports, "voiceSearch", {
   enumerable: true,
   get: function get() {
@@ -221,6 +245,7 @@ var _places = _interopRequireDefault(require("./places/places"));
 var _poweredBy = _interopRequireDefault(require("./powered-by/powered-by"));
 var _queryRuleContext = _interopRequireDefault(require("./query-rule-context/query-rule-context"));
 var _queryRuleCustomData = _interopRequireDefault(require("./query-rule-custom-data/query-rule-custom-data"));
+var _relatedProducts = _interopRequireDefault(require("./related-products/related-products"));
 var _rangeInput = _interopRequireDefault(require("./range-input/range-input"));
 var _rangeSlider = _interopRequireDefault(require("./range-slider/range-slider"));
 var _ratingMenu = _interopRequireDefault(require("./rating-menu/rating-menu"));
@@ -230,7 +255,10 @@ var _searchBox = _interopRequireDefault(require("./search-box/search-box"));
 var _sortBy = _interopRequireDefault(require("./sort-by/sort-by"));
 var _stats = _interopRequireDefault(require("./stats/stats"));
 var _toggleRefinement = _interopRequireDefault(require("./toggle-refinement/toggle-refinement"));
+var _trendingItems = _interopRequireDefault(require("./trending-items/trending-items"));
 var _voiceSearch = _interopRequireDefault(require("./voice-search/voice-search"));
+var _frequentlyBoughtTogether = _interopRequireDefault(require("./frequently-bought-together/frequently-bought-together"));
+var _lookingSimilar = _interopRequireDefault(require("./looking-similar/looking-similar"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /** @deprecated answers is no longer supported */
 var EXPERIMENTAL_answers = (0, _utils.deprecate)(_answers.default, 'answers is no longer supported');

package/cjs/widgets/looking-similar/looking-similar.js

@@ -0,0 +1,122 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _instantsearchUiComponents = require("instantsearch-ui-components");
+var _preact = require("preact");
+var _Template = _interopRequireDefault(require("../../components/Template/Template"));
+var _connectLookingSimilar = _interopRequireDefault(require("../../connectors/looking-similar/connectLookingSimilar"));
+var _templating = require("../../lib/templating");
+var _utils = require("../../lib/utils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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); }
+var withUsage = (0, _utils.createDocumentationMessageGenerator)({
+  name: 'looking-similar'
+});
+var LookingSimilar = (0, _instantsearchUiComponents.createLookingSimilarComponent)({
+  createElement: _preact.h,
+  Fragment: _preact.Fragment
+});
+var renderer = function renderer(_ref) {
+  var renderState = _ref.renderState,
+    cssClasses = _ref.cssClasses,
+    containerNode = _ref.containerNode,
+    templates = _ref.templates;
+  return function (_ref2, isFirstRendering) {
+    var items = _ref2.items,
+      results = _ref2.results,
+      instantSearchInstance = _ref2.instantSearchInstance;
+    if (isFirstRendering) {
+      renderState.templateProps = (0, _templating.prepareTemplateProps)({
+        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+        defaultTemplates: {},
+        templatesConfig: instantSearchInstance.templatesConfig,
+        templates: templates
+      });
+      return;
+    }
+    var headerComponent = templates.header ? function (data) {
+      return (0, _preact.h)(_Template.default, _extends({}, renderState.templateProps, {
+        templateKey: "header",
+        rootTagName: "fragment",
+        data: {
+          cssClasses: data.classNames,
+          items: data.items
+        }
+      }));
+    } : undefined;
+    var itemComponent = templates.item ? function (_ref3) {
+      var item = _ref3.item;
+      return (0, _preact.h)(_Template.default, _extends({}, renderState.templateProps, {
+        templateKey: "item",
+        rootTagName: "fragment",
+        data: item
+      }));
+    } : undefined;
+    var emptyComponent = templates.empty ? function () {
+      return (0, _preact.h)(_Template.default, _extends({}, renderState.templateProps, {
+        templateKey: "empty",
+        rootTagName: "fragment",
+        data: results
+      }));
+    } : undefined;
+    (0, _preact.render)((0, _preact.h)(LookingSimilar, {
+      items: items,
+      headerComponent: headerComponent,
+      itemComponent: itemComponent,
+      sendEvent: function sendEvent() {},
+      classNames: cssClasses,
+      emptyComponent: emptyComponent,
+      status: instantSearchInstance.status
+    }), containerNode);
+  };
+};
+var lookingSimilar = function lookingSimilar(widgetParams) {
+  var _ref4 = widgetParams || {},
+    container = _ref4.container,
+    objectIDs = _ref4.objectIDs,
+    limit = _ref4.limit,
+    queryParameters = _ref4.queryParameters,
+    fallbackParameters = _ref4.fallbackParameters,
+    threshold = _ref4.threshold,
+    escapeHTML = _ref4.escapeHTML,
+    transformItems = _ref4.transformItems,
+    _ref4$templates = _ref4.templates,
+    templates = _ref4$templates === void 0 ? {} : _ref4$templates,
+    _ref4$cssClasses = _ref4.cssClasses,
+    cssClasses = _ref4$cssClasses === void 0 ? {} : _ref4$cssClasses;
+  if (!container) {
+    throw new Error(withUsage('The `container` option is required.'));
+  }
+  var containerNode = (0, _utils.getContainerNode)(container);
+  var specializedRenderer = renderer({
+    containerNode: containerNode,
+    cssClasses: cssClasses,
+    renderState: {},
+    templates: templates
+  });
+  var makeWidget = (0, _connectLookingSimilar.default)(specializedRenderer, function () {
+    return (0, _preact.render)(null, containerNode);
+  });
+  return _objectSpread(_objectSpread({}, makeWidget({
+    objectIDs: objectIDs,
+    limit: limit,
+    queryParameters: queryParameters,
+    fallbackParameters: fallbackParameters,
+    threshold: threshold,
+    escapeHTML: escapeHTML,
+    transformItems: transformItems
+  })), {}, {
+    $$widgetType: 'ais.lookingSimilar'
+  });
+};
+var _default = lookingSimilar;
+exports.default = _default;

package/cjs/widgets/related-products/related-products.js

@@ -0,0 +1,122 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _instantsearchUiComponents = require("instantsearch-ui-components");
+var _preact = require("preact");
+var _Template = _interopRequireDefault(require("../../components/Template/Template"));
+var _connectRelatedProducts = _interopRequireDefault(require("../../connectors/related-products/connectRelatedProducts"));
+var _templating = require("../../lib/templating");
+var _utils = require("../../lib/utils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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); }
+var withUsage = (0, _utils.createDocumentationMessageGenerator)({
+  name: 'related-products'
+});
+var RelatedProducts = (0, _instantsearchUiComponents.createRelatedProductsComponent)({
+  createElement: _preact.h,
+  Fragment: _preact.Fragment
+});
+function createRenderer(_ref) {
+  var renderState = _ref.renderState,
+    cssClasses = _ref.cssClasses,
+    containerNode = _ref.containerNode,
+    templates = _ref.templates;
+  return function renderer(_ref2, isFirstRendering) {
+    var items = _ref2.items,
+      results = _ref2.results,
+      instantSearchInstance = _ref2.instantSearchInstance;
+    if (isFirstRendering) {
+      renderState.templateProps = (0, _templating.prepareTemplateProps)({
+        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+        defaultTemplates: {},
+        templatesConfig: instantSearchInstance.templatesConfig,
+        templates: templates
+      });
+      return;
+    }
+    var headerComponent = templates.header ? function (data) {
+      return (0, _preact.h)(_Template.default, _extends({}, renderState.templateProps, {
+        templateKey: "header",
+        rootTagName: "fragment",
+        data: {
+          cssClasses: data.classNames,
+          items: data.items
+        }
+      }));
+    } : undefined;
+    var itemComponent = templates.item ? function (_ref3) {
+      var item = _ref3.item;
+      return (0, _preact.h)(_Template.default, _extends({}, renderState.templateProps, {
+        templateKey: "item",
+        rootTagName: "fragment",
+        data: item
+      }));
+    } : undefined;
+    var emptyComponent = templates.empty ? function () {
+      return (0, _preact.h)(_Template.default, _extends({}, renderState.templateProps, {
+        templateKey: "empty",
+        rootTagName: "fragment",
+        data: results
+      }));
+    } : undefined;
+    (0, _preact.render)((0, _preact.h)(RelatedProducts, {
+      items: items,
+      sendEvent: function sendEvent() {},
+      classNames: cssClasses,
+      headerComponent: headerComponent,
+      itemComponent: itemComponent,
+      emptyComponent: emptyComponent,
+      status: instantSearchInstance.status
+    }), containerNode);
+  };
+}
+var relatedProducts = function relatedProducts(widgetParams) {
+  var _ref4 = widgetParams || {},
+    container = _ref4.container,
+    objectIDs = _ref4.objectIDs,
+    limit = _ref4.limit,
+    queryParameters = _ref4.queryParameters,
+    fallbackParameters = _ref4.fallbackParameters,
+    threshold = _ref4.threshold,
+    escapeHTML = _ref4.escapeHTML,
+    transformItems = _ref4.transformItems,
+    _ref4$templates = _ref4.templates,
+    templates = _ref4$templates === void 0 ? {} : _ref4$templates,
+    _ref4$cssClasses = _ref4.cssClasses,
+    cssClasses = _ref4$cssClasses === void 0 ? {} : _ref4$cssClasses;
+  if (!container) {
+    throw new Error(withUsage('The `container` option is required.'));
+  }
+  var containerNode = (0, _utils.getContainerNode)(container);
+  var specializedRenderer = createRenderer({
+    containerNode: containerNode,
+    cssClasses: cssClasses,
+    renderState: {},
+    templates: templates
+  });
+  var makeWidget = (0, _connectRelatedProducts.default)(specializedRenderer, function () {
+    return (0, _preact.render)(null, containerNode);
+  });
+  return _objectSpread(_objectSpread({}, makeWidget({
+    objectIDs: objectIDs,
+    limit: limit,
+    queryParameters: queryParameters,
+    fallbackParameters: fallbackParameters,
+    threshold: threshold,
+    escapeHTML: escapeHTML,
+    transformItems: transformItems
+  })), {}, {
+    $$widgetType: 'ais.relatedProducts'
+  });
+};
+var _default = relatedProducts;
+exports.default = _default;

package/cjs/widgets/trending-items/trending-items.js

@@ -0,0 +1,126 @@
+"use strict";
+
+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); }
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _instantsearchUiComponents = require("instantsearch-ui-components");
+var _preact = require("preact");
+var _Template = _interopRequireDefault(require("../../components/Template/Template"));
+var _connectTrendingItems = _interopRequireDefault(require("../../connectors/trending-items/connectTrendingItems"));
+var _templating = require("../../lib/templating");
+var _utils = require("../../lib/utils");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
+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(arg) { var key = _toPrimitive(arg, "string"); return _typeof(key) === "symbol" ? key : String(key); }
+function _toPrimitive(input, hint) { if (_typeof(input) !== "object" || input === null) return input; var prim = input[Symbol.toPrimitive]; if (prim !== undefined) { var res = prim.call(input, hint || "default"); if (_typeof(res) !== "object") return res; throw new TypeError("@@toPrimitive must return a primitive value."); } return (hint === "string" ? String : Number)(input); }
+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); }
+var withUsage = (0, _utils.createDocumentationMessageGenerator)({
+  name: 'trending-items'
+});
+var TrendingItems = (0, _instantsearchUiComponents.createTrendingItemsComponent)({
+  createElement: _preact.h,
+  Fragment: _preact.Fragment
+});
+function createRenderer(_ref) {
+  var renderState = _ref.renderState,
+    cssClasses = _ref.cssClasses,
+    containerNode = _ref.containerNode,
+    templates = _ref.templates;
+  return function renderer(_ref2, isFirstRendering) {
+    var items = _ref2.items,
+      results = _ref2.results,
+      instantSearchInstance = _ref2.instantSearchInstance;
+    if (isFirstRendering) {
+      renderState.templateProps = (0, _templating.prepareTemplateProps)({
+        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+        defaultTemplates: {},
+        templatesConfig: instantSearchInstance.templatesConfig,
+        templates: templates
+      });
+      return;
+    }
+    var headerComponent = templates.header ? function (data) {
+      return (0, _preact.h)(_Template.default, _extends({}, renderState.templateProps, {
+        templateKey: "header",
+        rootTagName: "fragment",
+        data: {
+          cssClasses: data.classNames,
+          items: data.items
+        }
+      }));
+    } : undefined;
+    var itemComponent = templates.item ? function (_ref3) {
+      var item = _ref3.item;
+      return (0, _preact.h)(_Template.default, _extends({}, renderState.templateProps, {
+        templateKey: "item",
+        rootTagName: "fragment",
+        data: item
+      }));
+    } : undefined;
+    var emptyComponent = templates.empty ? function () {
+      return (0, _preact.h)(_Template.default, _extends({}, renderState.templateProps, {
+        templateKey: "empty",
+        rootTagName: "fragment",
+        data: results
+      }));
+    } : undefined;
+    (0, _preact.render)((0, _preact.h)(TrendingItems, {
+      items: items,
+      sendEvent: function sendEvent() {},
+      classNames: cssClasses,
+      headerComponent: headerComponent,
+      itemComponent: itemComponent,
+      emptyComponent: emptyComponent,
+      status: instantSearchInstance.status
+    }), containerNode);
+  };
+}
+var trendingItems = function trendingItems(widgetParams) {
+  var _ref4 = widgetParams || {},
+    container = _ref4.container,
+    facetName = _ref4.facetName,
+    facetValue = _ref4.facetValue,
+    limit = _ref4.limit,
+    queryParameters = _ref4.queryParameters,
+    fallbackParameters = _ref4.fallbackParameters,
+    threshold = _ref4.threshold,
+    escapeHTML = _ref4.escapeHTML,
+    transformItems = _ref4.transformItems,
+    _ref4$templates = _ref4.templates,
+    templates = _ref4$templates === void 0 ? {} : _ref4$templates,
+    _ref4$cssClasses = _ref4.cssClasses,
+    cssClasses = _ref4$cssClasses === void 0 ? {} : _ref4$cssClasses;
+  if (!container) {
+    throw new Error(withUsage('The `container` option is required.'));
+  }
+  var containerNode = (0, _utils.getContainerNode)(container);
+  var specializedRenderer = createRenderer({
+    containerNode: containerNode,
+    cssClasses: cssClasses,
+    renderState: {},
+    templates: templates
+  });
+  var makeWidget = (0, _connectTrendingItems.default)(specializedRenderer, function () {
+    return (0, _preact.render)(null, containerNode);
+  });
+  var facetParameters = facetName && facetValue ? {
+    facetName: facetName,
+    facetValue: facetValue
+  } : {};
+  return _objectSpread(_objectSpread({}, makeWidget(_objectSpread(_objectSpread({}, facetParameters), {}, {
+    limit: limit,
+    queryParameters: queryParameters,
+    fallbackParameters: fallbackParameters,
+    threshold: threshold,
+    escapeHTML: escapeHTML,
+    transformItems: transformItems
+  }))), {}, {
+    $$widgetType: 'ais.trendingItems'
+  });
+};
+var _default = trendingItems;
+exports.default = _default;