instantsearch.js 4.86.1 → 4.87.0

package/cjs/widgets/chat/chat.js

@@ -179,7 +179,13 @@ function createCarouselTool(showViewAll, templates, getSearchPageURL) {
 }
 function createDefaultTools(templates, getSearchPageURL) {
   var _ref9;
-  return _ref9 = {}, _defineProperty(_ref9, _chat.SearchIndexToolType, createCarouselTool(true, templates, getSearchPageURL)), _defineProperty(_ref9, _chat.RecommendToolType, createCarouselTool(false, templates, getSearchPageURL)), _ref9;
+  return _ref9 = {}, _defineProperty(_ref9, _chat.SearchIndexToolType, createCarouselTool(true, templates, getSearchPageURL)), _defineProperty(_ref9, _chat.RecommendToolType, createCarouselTool(false, templates, getSearchPageURL)), _defineProperty(_ref9, _chat.MemorizeToolType, {
+    templates: {}
+  }), _defineProperty(_ref9, _chat.MemorySearchToolType, {
+    templates: {}
+  }), _defineProperty(_ref9, _chat.PonderToolType, {
+    templates: {}
+  }), _ref9;
 }
 function ChatWrapper(_ref0) {
   var cssClasses = _ref0.cssClasses,
@@ -202,6 +208,7 @@ function ChatWrapper(_ref0) {
     headerProps = _ref0.headerProps,
     messagesProps = _ref0.messagesProps,
     promptProps = _ref0.promptProps,
+    suggestionsProps = _ref0.suggestionsProps,
     state = _ref0.state;
   var _useStickToBottom = (0, _useStickToBottom2.useStickToBottom)({
       initial: 'smooth',
@@ -230,6 +237,7 @@ function ChatWrapper(_ref0) {
     },
     headerComponent: headerProps.layoutComponent,
     promptComponent: promptProps.layoutComponent,
+    suggestionsComponent: suggestionsProps.suggestionsComponent,
     headerProps: {
       onClose: function onClose() {
         return setChatOpen(false);
@@ -293,6 +301,10 @@ function ChatWrapper(_ref0) {
       headerComponent: promptProps.headerComponent,
       footerComponent: promptProps.footerComponent,
       translations: promptProps.translations
+    },
+    suggestionsProps: {
+      onSuggestionClick: suggestionsProps.onSuggestionClick,
+      suggestions: suggestionsProps.suggestions
     }
   });
 }
@@ -326,7 +338,8 @@ var createRenderer = function createRenderer(_ref1) {
       isClearing = props.isClearing,
       clearMessages = props.clearMessages,
       onClearTransitionEnd = props.onClearTransitionEnd,
-      toolsFromConnector = props.tools;
+      toolsFromConnector = props.tools,
+      suggestions = props.suggestions;
     if (process.env.NODE_ENV === 'development' && error) {
       throw error;
     }
@@ -527,6 +540,13 @@ var createRenderer = function createRenderer(_ref1) {
         }
       }));
     } : undefined;
+    var suggestionsComponent = templates.suggestions ? function (suggestionsProps) {
+      return (0, _preact.h)(_Template.default, _extends({}, renderState.templateProps, {
+        templateKey: "suggestions",
+        rootTagName: "fragment",
+        data: suggestionsProps
+      }));
+    } : undefined;
     state.subscribe(rerender);
     function rerender() {
       (0, _preact.render)((0, _preact.h)(ChatWrapper, {
@@ -580,7 +600,16 @@ var createRenderer = function createRenderer(_ref1) {
           translations: promptTranslations,
           promptRef: promptRef
         },
-        state: state
+        state: state,
+        suggestionsProps: {
+          suggestions: suggestions,
+          onSuggestionClick: function onSuggestionClick(message) {
+            sendMessage({
+              text: message
+            });
+          },
+          suggestionsComponent: suggestionsComponent
+        }
       }), containerNode);
     }
     rerender();

package/cjs/widgets/filter-suggestions/filter-suggestions.js

@@ -0,0 +1,131 @@
+"use strict";
+
+function _typeof(o) { "@babel/helpers - typeof"; return _typeof = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function (o) { return typeof o; } : function (o) { return o && "function" == typeof Symbol && o.constructor === Symbol && o !== Symbol.prototype ? "symbol" : typeof o; }, _typeof(o); }
+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 _connectFilterSuggestions = _interopRequireDefault(require("../../connectors/filter-suggestions/connectFilterSuggestions"));
+var _templating = require("../../lib/templating");
+var _utils = require("../../lib/utils");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
+function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : i + ""; }
+function _toPrimitive(t, r) { if ("object" != _typeof(t) || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != _typeof(i)) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+var withUsage = (0, _utils.createDocumentationMessageGenerator)({
+  name: 'filter-suggestions'
+});
+var FilterSuggestions = (0, _instantsearchUiComponents.createFilterSuggestionsComponent)({
+  createElement: _preact.h,
+  Fragment: 'fragment'
+});
+var createRenderer = function createRenderer(_ref) {
+  var renderState = _ref.renderState,
+    cssClasses = _ref.cssClasses,
+    containerNode = _ref.containerNode,
+    templates = _ref.templates,
+    maxSuggestions = _ref.maxSuggestions;
+  return function (props, isFirstRendering) {
+    var suggestions = props.suggestions,
+      isLoading = props.isLoading,
+      refine = props.refine,
+      instantSearchInstance = props.instantSearchInstance;
+    var headerTemplate = templates.header === false ? undefined : templates.header;
+    if (isFirstRendering) {
+      renderState.templateProps = (0, _templating.prepareTemplateProps)({
+        defaultTemplates: {},
+        templatesConfig: instantSearchInstance.templatesConfig,
+        templates: {
+          header: headerTemplate,
+          item: templates.item,
+          empty: templates.empty
+        }
+      });
+      return;
+    }
+    var headerComponent;
+    if (templates.header === false) {
+      headerComponent = false;
+    } else if (headerTemplate) {
+      headerComponent = function headerComponent(headerProps) {
+        return (0, _preact.h)(_Template.default, _extends({}, renderState.templateProps, {
+          templateKey: "header",
+          rootTagName: "div",
+          data: headerProps
+        }));
+      };
+    }
+    var itemComponent = templates.item ? function (itemProps) {
+      return (0, _preact.h)(_Template.default, _extends({}, renderState.templateProps, {
+        templateKey: "item",
+        rootTagName: "fragment",
+        data: itemProps
+      }));
+    } : undefined;
+    var emptyComponent = templates.empty ? function (emptyProps) {
+      return (0, _preact.h)(_Template.default, _extends({}, renderState.templateProps, {
+        templateKey: "empty",
+        rootTagName: "div",
+        data: emptyProps
+      }));
+    } : undefined;
+    var uiProps = {
+      suggestions: suggestions,
+      isLoading: isLoading,
+      refine: refine,
+      skeletonCount: maxSuggestions,
+      itemComponent: itemComponent,
+      headerComponent: headerComponent,
+      emptyComponent: emptyComponent
+    };
+    (0, _preact.render)((0, _preact.h)(FilterSuggestions, _extends({
+      classNames: cssClasses
+    }, uiProps)), containerNode);
+  };
+};
+var filterSuggestions = exports.default = function filterSuggestions(widgetParams) {
+  var _ref2 = widgetParams || {},
+    container = _ref2.container,
+    _ref2$templates = _ref2.templates,
+    templates = _ref2$templates === void 0 ? {} : _ref2$templates,
+    _ref2$cssClasses = _ref2.cssClasses,
+    cssClasses = _ref2$cssClasses === void 0 ? {} : _ref2$cssClasses,
+    agentId = _ref2.agentId,
+    attributes = _ref2.attributes,
+    maxSuggestions = _ref2.maxSuggestions,
+    debounceMs = _ref2.debounceMs,
+    hitsToSample = _ref2.hitsToSample,
+    transformItems = _ref2.transformItems,
+    transport = _ref2.transport;
+  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,
+    maxSuggestions: maxSuggestions
+  });
+  var makeWidget = (0, _connectFilterSuggestions.default)(specializedRenderer, function () {
+    return (0, _preact.render)(null, containerNode);
+  });
+  return _objectSpread(_objectSpread({}, makeWidget({
+    agentId: agentId,
+    attributes: attributes,
+    maxSuggestions: maxSuggestions,
+    debounceMs: debounceMs,
+    hitsToSample: hitsToSample,
+    transformItems: transformItems,
+    transport: transport
+  })), {}, {
+    $$widgetType: 'ais.filterSuggestions'
+  });
+};

package/cjs/widgets/index.js

@@ -53,6 +53,12 @@ Object.defineProperty(exports, "dynamicWidgets", {
     return _dynamicWidgets.default;
   }
 });
+Object.defineProperty(exports, "filterSuggestions", {
+  enumerable: true,
+  get: function get() {
+    return _filterSuggestions.default;
+  }
+});
 Object.defineProperty(exports, "frequentlyBoughtTogether", {
   enumerable: true,
   get: function get() {
@@ -267,6 +273,7 @@ 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"));
 var _chat = _interopRequireDefault(require("./chat/chat"));
+var _filterSuggestions = _interopRequireDefault(require("./filter-suggestions/filter-suggestions"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /** @deprecated answers is no longer supported */
 var EXPERIMENTAL_answers = exports.EXPERIMENTAL_answers = (0, _utils.deprecate)(_answers.default, 'answers is no longer supported');

package/cjs/widgets/index.umd.js

@@ -48,6 +48,12 @@ Object.defineProperty(exports, "dynamicWidgets", {
     return _dynamicWidgets.default;
   }
 });
+Object.defineProperty(exports, "filterSuggestions", {
+  enumerable: true,
+  get: function get() {
+    return _filterSuggestions.default;
+  }
+});
 Object.defineProperty(exports, "frequentlyBoughtTogether", {
   enumerable: true,
   get: function get() {
@@ -261,6 +267,7 @@ var _trendingItems = _interopRequireDefault(require("./trending-items/trending-i
 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"));
+var _filterSuggestions = _interopRequireDefault(require("./filter-suggestions/filter-suggestions"));
 function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
 /** @deprecated answers is no longer supported */
 var EXPERIMENTAL_answers = exports.EXPERIMENTAL_answers = (0, _utils.deprecate)(_answers.default, 'answers is no longer supported');