instantsearch.js 4.68.1 → 4.70.0

package/es/widgets/index/index.js

@@ -16,6 +16,7 @@ function _objectWithoutProperties(source, excluded) { if (source == null) return
 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; }
 import algoliasearchHelper from 'algoliasearch-helper';
 import { checkIndexUiState, createDocumentationMessageGenerator, resolveSearchParameters, mergeSearchParameters, warning, isIndexWidget, createInitArgs, createRenderArgs } from "../../lib/utils/index.js";
+import { addWidgetId } from "../../lib/utils/addWidgetId.js";
 var withUsage = createDocumentationMessageGenerator({
   name: 'index-widget'
 });
@@ -123,6 +124,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',
@@ -147,6 +150,16 @@ var index = function index(widgetParams) {
       derivedHelper.lastResults._state = helper.state;
       return derivedHelper.lastResults;
     },
+    getResultsForWidget: function getResultsForWidget(widget) {
+      var _helper;
+      if (widget.dependsOn !== 'recommend' || 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;
     },
@@ -191,6 +204,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 (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;
+        }
+        addWidgetId(widget);
+      });
       localWidgets = localWidgets.concat(widgets);
       if (localInstantSearchInstance && Boolean(widgets.length)) {
         privateHelperSetState(helper, {
@@ -240,16 +268,41 @@ var index = function index(widgetParams) {
       localWidgets = localWidgets.filter(function (widget) {
         return widgets.indexOf(widget) === -1;
       });
+      localWidgets.forEach(function (widget) {
+        if (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.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.SearchParameters({
@@ -257,16 +310,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();
         }
@@ -342,13 +396,20 @@ var index = function index(widgetParams) {
         return _this3.getHelper().recommendState;
       });
       var indexInitialResults = (_instantSearchInstanc = instantSearchInstance._initialResults) === null || _instantSearchInstanc === void 0 ? void 0 : _instantSearchInstanc[this.getIndexId()];
-      if (indexInitialResults) {
+      if (indexInitialResults !== null && indexInitialResults !== void 0 && indexInitialResults.results) {
         // We restore the shape of the results provided to the instance to respect
         // the helper's structure.
         var results = new algoliasearchHelper.SearchResults(new algoliasearchHelper.SearchParameters(indexInitialResults.state), indexInitialResults.results);
         derivedHelper.lastResults = results;
         helper.lastResults = results;
       }
+      if (indexInitialResults !== null && indexInitialResults !== void 0 && indexInitialResults.recommendResults) {
+        var recommendResults = new algoliasearchHelper.RecommendResults(new algoliasearchHelper.RecommendParameters({
+          params: indexInitialResults.recommendResults.params
+        }), indexInitialResults.recommendResults.results);
+        derivedHelper.lastRecommendResults = recommendResults;
+        helper.lastRecommendResults = recommendResults;
+      }
 
       // Subscribe to the Helper state changes for the page before widgets
       // are initialized. This behavior mimics the original one of the Helper.
@@ -452,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.
@@ -464,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(isIndexWidget);
+      var widgetsToRender = this.getResults() || (_derivedHelper2 = derivedHelper) !== null && _derivedHelper2 !== void 0 && _derivedHelper2.lastRecommendResults ? localWidgets : localWidgets.filter(isIndexWidget);
       widgetsToRender = widgetsToRender.filter(function (widget) {
         if (!widget.shouldRender) {
           return true;
@@ -475,7 +543,7 @@ var index = function index(widgetParams) {
       });
       widgetsToRender.forEach(function (widget) {
         if (widget.getRenderState) {
-          var renderState = widget.getRenderState(instantSearchInstance.renderState[_this4.getIndexId()] || {}, createRenderArgs(instantSearchInstance, _this4));
+          var renderState = widget.getRenderState(instantSearchInstance.renderState[_this4.getIndexId()] || {}, createRenderArgs(instantSearchInstance, _this4, widget));
           storeRenderState({
             renderState: renderState,
             instantSearchInstance: instantSearchInstance,
@@ -492,14 +560,14 @@ var index = function index(widgetParams) {
         // not have results yet.
 
         if (widget.render) {
-          widget.render(createRenderArgs(instantSearchInstance, _this4));
+          widget.render(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
@@ -511,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/es/widgets/index.d.ts

@@ -25,6 +25,7 @@ export { default as places } from './places/places';
 export { default as poweredBy } from './powered-by/powered-by';
 export { default as queryRuleContext } from './query-rule-context/query-rule-context';
 export { default as queryRuleCustomData } from './query-rule-custom-data/query-rule-custom-data';
+export { default as relatedProducts } from './related-products/related-products';
 export { default as rangeInput } from './range-input/range-input';
 export { default as rangeSlider } from './range-slider/range-slider';
 export { default as ratingMenu } from './rating-menu/rating-menu';
@@ -34,4 +35,7 @@ export { default as searchBox } from './search-box/search-box';
 export { default as sortBy } from './sort-by/sort-by';
 export { default as stats } from './stats/stats';
 export { default as toggleRefinement } from './toggle-refinement/toggle-refinement';
+export { default as trendingItems } from './trending-items/trending-items';
 export { default as voiceSearch } from './voice-search/voice-search';
+export { default as frequentlyBoughtTogether } from './frequently-bought-together/frequently-bought-together';
+export { default as lookingSimilar } from './looking-similar/looking-similar';

package/es/widgets/index.js

@@ -29,6 +29,7 @@ export { default as places } from "./places/places.js";
 export { default as poweredBy } from "./powered-by/powered-by.js";
 export { default as queryRuleContext } from "./query-rule-context/query-rule-context.js";
 export { default as queryRuleCustomData } from "./query-rule-custom-data/query-rule-custom-data.js";
+export { default as relatedProducts } from "./related-products/related-products.js";
 export { default as rangeInput } from "./range-input/range-input.js";
 export { default as rangeSlider } from "./range-slider/range-slider.js";
 export { default as ratingMenu } from "./rating-menu/rating-menu.js";
@@ -38,4 +39,7 @@ export { default as searchBox } from "./search-box/search-box.js";
 export { default as sortBy } from "./sort-by/sort-by.js";
 export { default as stats } from "./stats/stats.js";
 export { default as toggleRefinement } from "./toggle-refinement/toggle-refinement.js";
-export { default as voiceSearch } from "./voice-search/voice-search.js";
+export { default as trendingItems } from "./trending-items/trending-items.js";
+export { default as voiceSearch } from "./voice-search/voice-search.js";
+export { default as frequentlyBoughtTogether } from "./frequently-bought-together/frequently-bought-together.js";
+export { default as lookingSimilar } from "./looking-similar/looking-similar.js";

package/es/widgets/looking-similar/looking-similar.d.ts

@@ -0,0 +1,41 @@
+
+import type { LookingSimilarWidgetDescription, LookingSimilarConnectorParams } from '../../connectors/looking-similar/connectLookingSimilar';
+import type { Template, WidgetFactory, Hit } from '../../types';
+import type { RecommendResultItem } from 'algoliasearch-helper';
+import type { RecommendClassNames, LookingSimilarProps as LookingSimilarUiProps } from 'instantsearch-ui-components';
+export type LookingSimilarCSSClasses = Partial<RecommendClassNames>;
+export type LookingSimilarTemplates = Partial<{
+    /**
+     * Template to use when there are no results.
+     */
+    empty: Template<RecommendResultItem>;
+    /**
+     * Template to use for the header of the widget.
+     */
+    header: Template<Pick<Parameters<NonNullable<LookingSimilarUiProps<Hit>['headerComponent']>>[0], 'items'> & {
+        cssClasses: RecommendClassNames;
+    }>;
+    /**
+     * Template to use for each result. This template will receive an object containing a single record.
+     */
+    item: Template<Hit>;
+}>;
+type LookingSimilarWidgetParams = {
+    /**
+     * CSS Selector or HTMLElement to insert the widget.
+     */
+    container: string | HTMLElement;
+    /**
+     * Templates to use for the widget.
+     */
+    templates?: LookingSimilarTemplates;
+    /**
+     * CSS classes to add.
+     */
+    cssClasses?: LookingSimilarCSSClasses;
+};
+export type LookingSimilarWidget = WidgetFactory<LookingSimilarWidgetDescription & {
+    $$widgetType: 'ais.lookingSimilar';
+}, LookingSimilarConnectorParams, LookingSimilarWidgetParams>;
+declare const lookingSimilar: LookingSimilarWidget;
+export default lookingSimilar;

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

@@ -0,0 +1,114 @@
+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); }
+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); }
+import { createLookingSimilarComponent } from 'instantsearch-ui-components';
+import { Fragment, h, render } from 'preact';
+import TemplateComponent from "../../components/Template/Template.js";
+import connectLookingSimilar from "../../connectors/looking-similar/connectLookingSimilar.js";
+import { prepareTemplateProps } from "../../lib/templating/index.js";
+import { getContainerNode, createDocumentationMessageGenerator } from "../../lib/utils/index.js";
+var withUsage = createDocumentationMessageGenerator({
+  name: 'looking-similar'
+});
+var LookingSimilar = createLookingSimilarComponent({
+  createElement: h,
+  Fragment: 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 = prepareTemplateProps({
+        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+        defaultTemplates: {},
+        templatesConfig: instantSearchInstance.templatesConfig,
+        templates: templates
+      });
+      return;
+    }
+    var headerComponent = templates.header ? function (data) {
+      return h(TemplateComponent, _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 h(TemplateComponent, _extends({}, renderState.templateProps, {
+        templateKey: "item",
+        rootTagName: "fragment",
+        data: item
+      }));
+    } : undefined;
+    var emptyComponent = templates.empty ? function () {
+      return h(TemplateComponent, _extends({}, renderState.templateProps, {
+        templateKey: "empty",
+        rootTagName: "fragment",
+        data: results
+      }));
+    } : undefined;
+    render(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 = getContainerNode(container);
+  var specializedRenderer = renderer({
+    containerNode: containerNode,
+    cssClasses: cssClasses,
+    renderState: {},
+    templates: templates
+  });
+  var makeWidget = connectLookingSimilar(specializedRenderer, function () {
+    return render(null, containerNode);
+  });
+  return _objectSpread(_objectSpread({}, makeWidget({
+    objectIDs: objectIDs,
+    limit: limit,
+    queryParameters: queryParameters,
+    fallbackParameters: fallbackParameters,
+    threshold: threshold,
+    escapeHTML: escapeHTML,
+    transformItems: transformItems
+  })), {}, {
+    $$widgetType: 'ais.lookingSimilar'
+  });
+};
+export default lookingSimilar;

package/es/widgets/related-products/related-products.d.ts

@@ -0,0 +1,41 @@
+
+import type { RelatedProductsWidgetDescription, RelatedProductsConnectorParams } from '../../connectors/related-products/connectRelatedProducts';
+import type { Template, WidgetFactory, Hit } from '../../types';
+import type { RecommendResultItem } from 'algoliasearch-helper';
+import type { RecommendClassNames, RelatedProductsProps as RelatedProductsUiProps } from 'instantsearch-ui-components';
+export type RelatedProductsCSSClasses = Partial<RecommendClassNames>;
+export type RelatedProductsTemplates = Partial<{
+    /**
+     * Template to use when there are no results.
+     */
+    empty: Template<RecommendResultItem>;
+    /**
+     * Template to use for the header of the widget.
+     */
+    header: Template<Pick<Parameters<NonNullable<RelatedProductsUiProps<Hit>['headerComponent']>>[0], 'items'> & {
+        cssClasses: RecommendClassNames;
+    }>;
+    /**
+     * Template to use for each result. This template will receive an object containing a single record.
+     */
+    item: Template<Hit>;
+}>;
+type RelatedProductsWidgetParams = {
+    /**
+     * CSS selector or `HTMLElement` to insert the widget into.
+     */
+    container: string | HTMLElement;
+    /**
+     * Templates to customize the widget.
+     */
+    templates?: RelatedProductsTemplates;
+    /**
+     * CSS classes to add to the widget elements.
+     */
+    cssClasses?: RelatedProductsCSSClasses;
+};
+export type RelatedProductsWidget = WidgetFactory<RelatedProductsWidgetDescription & {
+    $$widgetType: 'ais.relatedProducts';
+}, RelatedProductsConnectorParams, RelatedProductsWidgetParams>;
+declare const relatedProducts: RelatedProductsWidget;
+export default relatedProducts;

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

@@ -0,0 +1,114 @@
+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); }
+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); }
+import { createRelatedProductsComponent } from 'instantsearch-ui-components';
+import { Fragment, h, render } from 'preact';
+import TemplateComponent from "../../components/Template/Template.js";
+import connectRelatedProducts from "../../connectors/related-products/connectRelatedProducts.js";
+import { prepareTemplateProps } from "../../lib/templating/index.js";
+import { getContainerNode, createDocumentationMessageGenerator } from "../../lib/utils/index.js";
+var withUsage = createDocumentationMessageGenerator({
+  name: 'related-products'
+});
+var RelatedProducts = createRelatedProductsComponent({
+  createElement: h,
+  Fragment: 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 = prepareTemplateProps({
+        // eslint-disable-next-line @typescript-eslint/consistent-type-assertions
+        defaultTemplates: {},
+        templatesConfig: instantSearchInstance.templatesConfig,
+        templates: templates
+      });
+      return;
+    }
+    var headerComponent = templates.header ? function (data) {
+      return h(TemplateComponent, _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 h(TemplateComponent, _extends({}, renderState.templateProps, {
+        templateKey: "item",
+        rootTagName: "fragment",
+        data: item
+      }));
+    } : undefined;
+    var emptyComponent = templates.empty ? function () {
+      return h(TemplateComponent, _extends({}, renderState.templateProps, {
+        templateKey: "empty",
+        rootTagName: "fragment",
+        data: results
+      }));
+    } : undefined;
+    render(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 = getContainerNode(container);
+  var specializedRenderer = createRenderer({
+    containerNode: containerNode,
+    cssClasses: cssClasses,
+    renderState: {},
+    templates: templates
+  });
+  var makeWidget = connectRelatedProducts(specializedRenderer, function () {
+    return render(null, containerNode);
+  });
+  return _objectSpread(_objectSpread({}, makeWidget({
+    objectIDs: objectIDs,
+    limit: limit,
+    queryParameters: queryParameters,
+    fallbackParameters: fallbackParameters,
+    threshold: threshold,
+    escapeHTML: escapeHTML,
+    transformItems: transformItems
+  })), {}, {
+    $$widgetType: 'ais.relatedProducts'
+  });
+};
+export default relatedProducts;

package/es/widgets/trending-items/trending-items.d.ts

@@ -0,0 +1,41 @@
+
+import type { TrendingItemsWidgetDescription, TrendingItemsConnectorParams } from '../../connectors/trending-items/connectTrendingItems';
+import type { Template, WidgetFactory, Hit } from '../../types';
+import type { RecommendResultItem } from 'algoliasearch-helper';
+import type { RecommendClassNames, TrendingItemsProps as TrendingItemsUiProps } from 'instantsearch-ui-components';
+export type TrendingItemsCSSClasses = Partial<RecommendClassNames>;
+export type TrendingItemsTemplates = Partial<{
+    /**
+     * Template to use when there are no results.
+     */
+    empty: Template<RecommendResultItem>;
+    /**
+     * Template to use for the header of the widget.
+     */
+    header: Template<Pick<Parameters<NonNullable<TrendingItemsUiProps<Hit>['headerComponent']>>[0], 'items'> & {
+        cssClasses: RecommendClassNames;
+    }>;
+    /**
+     * Template to use for each result. This template will receive an object containing a single record.
+     */
+    item: Template<Hit>;
+}>;
+type TrendingItemsWidgetParams = {
+    /**
+     * CSS selector or `HTMLElement` to insert the widget into.
+     */
+    container: string | HTMLElement;
+    /**
+     * Templates to customize the widget.
+     */
+    templates?: TrendingItemsTemplates;
+    /**
+     * CSS classes to add to the widget elements.
+     */
+    cssClasses?: TrendingItemsCSSClasses;
+};
+export type TrendingItemsWidget = WidgetFactory<TrendingItemsWidgetDescription & {
+    $$widgetType: 'ais.trendingItems';
+}, TrendingItemsConnectorParams, TrendingItemsWidgetParams>;
+declare const trendingItems: TrendingItemsWidget;
+export default trendingItems;