instantsearch.js 4.80.0 → 4.81.0

package/cjs/widgets/chat/chat.js

@@ -0,0 +1,615 @@
+"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
+});
+Object.defineProperty(exports, "RecommendToolType", {
+  enumerable: true,
+  get: function get() {
+    return _chat.RecommendToolType;
+  }
+});
+Object.defineProperty(exports, "SearchIndexToolType", {
+  enumerable: true,
+  get: function get() {
+    return _chat.SearchIndexToolType;
+  }
+});
+exports.default = void 0;
+var _instantsearchUiComponents = require("instantsearch-ui-components");
+var _preact = require("preact");
+var _hooks = require("preact/hooks");
+var _Template = _interopRequireDefault(require("../../components/Template/Template"));
+var _connectChat = _interopRequireDefault(require("../../connectors/chat/connectChat"));
+var _chat = require("../../lib/chat");
+var _templating = require("../../lib/templating");
+var _useStickToBottom2 = require("../../lib/useStickToBottom");
+var _utils = require("../../lib/utils");
+var _templates = require("../../templates");
+var _excluded = ["container", "templates", "cssClasses", "resume", "tools", "getSearchPageURL"];
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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; }
+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(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(t) { var i = _toPrimitive(t, "string"); return "symbol" == _typeof(i) ? i : String(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() { _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 _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i]; return arr2; }
+function _iterableToArrayLimit(r, l) { var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"]; if (null != t) { var e, n, i, u, a = [], f = !0, o = !1; try { if (i = (t = t.call(r)).next, 0 === l) { if (Object(t) !== t) return; f = !1; } else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0); } catch (r) { o = !0, n = r; } finally { try { if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return; } finally { if (o) throw n; } } return a; } }
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+var withUsage = (0, _utils.createDocumentationMessageGenerator)({
+  name: 'chat'
+});
+var Chat = (0, _instantsearchUiComponents.createChatComponent)({
+  createElement: _preact.h,
+  Fragment: _preact.Fragment
+});
+function getDefinedProperties(obj) {
+  return Object.fromEntries(Object.entries(obj).filter(function (_ref) {
+    var _ref2 = _slicedToArray(_ref, 2),
+      value = _ref2[1];
+    return value !== undefined;
+  }));
+}
+var _ref6 = (0, _preact.h)(_instantsearchUiComponents.ArrowRightIconComponent, {
+  createElement: _preact.h
+});
+var _ref7 = (0, _preact.h)(_instantsearchUiComponents.ChevronLeftIconComponent, {
+  createElement: _preact.h
+});
+var _ref8 = (0, _preact.h)(_instantsearchUiComponents.ChevronRightIconComponent, {
+  createElement: _preact.h
+});
+function createCarouselTool(showViewAll, templates, getSearchPageURL) {
+  var Button = (0, _instantsearchUiComponents.createButtonComponent)({
+    createElement: _preact.h
+  });
+  function SearchLayoutComponent(_ref3) {
+    var message = _ref3.message,
+      indexUiState = _ref3.indexUiState,
+      setIndexUiState = _ref3.setIndexUiState,
+      onClose = _ref3.onClose;
+    var input = message === null || message === void 0 ? void 0 : message.input;
+    var output = message === null || message === void 0 ? void 0 : message.output;
+    var items = (output === null || output === void 0 ? void 0 : output.hits) || [];
+    var MemoedHeaderComponent = (0, _hooks.useMemo)(function () {
+      return function (props) {
+        return (0, _preact.h)(HeaderComponent, _extends({
+          nbHits: output === null || output === void 0 ? void 0 : output.nbHits,
+          query: input === null || input === void 0 ? void 0 : input.query,
+          hitsPerPage: items.length,
+          setIndexUiState: setIndexUiState,
+          indexUiState: indexUiState,
+          getSearchPageURL: getSearchPageURL,
+          onClose: onClose
+        }, props));
+      };
+    }, [items.length, input === null || input === void 0 ? void 0 : input.query, output === null || output === void 0 ? void 0 : output.nbHits, setIndexUiState, indexUiState, onClose]);
+    return (0, _templates.carousel)({
+      showNavigation: false,
+      templates: {
+        header: MemoedHeaderComponent
+      }
+    })({
+      items: items,
+      templates: {
+        item: function item(_ref4) {
+          var _item = _ref4.item;
+          return (0, _preact.h)(_Template.default, {
+            templates: templates,
+            templateKey: "item",
+            data: _item,
+            rootTagName: "fragment"
+          });
+        }
+      },
+      sendEvent: function sendEvent() {}
+    });
+  }
+  function HeaderComponent(_ref5) {
+    var canScrollLeft = _ref5.canScrollLeft,
+      canScrollRight = _ref5.canScrollRight,
+      scrollLeft = _ref5.scrollLeft,
+      scrollRight = _ref5.scrollRight,
+      nbHits = _ref5.nbHits,
+      query = _ref5.query,
+      hitsPerPage = _ref5.hitsPerPage,
+      setIndexUiState = _ref5.setIndexUiState,
+      indexUiState = _ref5.indexUiState,
+      onClose = _ref5.onClose,
+      getSearchPageURL = _ref5.getSearchPageURL;
+    if ((hitsPerPage !== null && hitsPerPage !== void 0 ? hitsPerPage : 0) < 1) {
+      return null;
+    }
+    return (0, _preact.h)("div", {
+      className: "ais-ChatToolSearchIndexCarouselHeader"
+    }, (0, _preact.h)("div", {
+      className: "ais-ChatToolSearchIndexCarouselHeaderResults"
+    }, nbHits && (0, _preact.h)("div", {
+      className: "ais-ChatToolSearchIndexCarouselHeaderCount"
+    }, hitsPerPage !== null && hitsPerPage !== void 0 ? hitsPerPage : 0, " of ", nbHits.toLocaleString(), " result", nbHits > 1 ? 's' : ''), showViewAll && (0, _preact.h)(Button, {
+      variant: "ghost",
+      size: "sm",
+      onClick: function onClick() {
+        if (!query) return;
+        var nextUiState = _objectSpread(_objectSpread({}, indexUiState), {}, {
+          query: query
+        });
+
+        // If no main search page URL or we are on the search page, just update the state
+        if (!getSearchPageURL || getSearchPageURL && new URL(getSearchPageURL(nextUiState)).pathname === window.location.pathname) {
+          setIndexUiState(nextUiState);
+          onClose();
+          return;
+        }
+
+        // Navigate to different page
+        window.location.href = getSearchPageURL(nextUiState);
+      },
+      className: "ais-ChatToolSearchIndexCarouselHeaderViewAll"
+    }, "View all", _ref6)), (hitsPerPage !== null && hitsPerPage !== void 0 ? hitsPerPage : 0) > 2 && (0, _preact.h)("div", {
+      className: "ais-ChatToolSearchIndexCarouselHeaderScrollButtons"
+    }, (0, _preact.h)(Button, {
+      variant: "outline",
+      size: "sm",
+      iconOnly: true,
+      onClick: scrollLeft,
+      disabled: !canScrollLeft,
+      className: "ais-ChatToolSearchIndexCarouselHeaderScrollButton"
+    }, _ref7), (0, _preact.h)(Button, {
+      variant: "outline",
+      size: "sm",
+      iconOnly: true,
+      onClick: scrollRight,
+      disabled: !canScrollRight,
+      className: "ais-ChatToolSearchIndexCarouselHeaderScrollButton"
+    }, _ref8)));
+  }
+  return {
+    templates: {
+      layout: SearchLayoutComponent
+    }
+  };
+}
+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;
+}
+function ChatWrapper(_ref10) {
+  var cssClasses = _ref10.cssClasses,
+    chatOpen = _ref10.chatOpen,
+    setChatOpen = _ref10.setChatOpen,
+    chatMessages = _ref10.chatMessages,
+    setChatMessages = _ref10.setChatMessages,
+    indexUiState = _ref10.indexUiState,
+    setIndexUiState = _ref10.setIndexUiState,
+    chatStatus = _ref10.chatStatus,
+    chatInput = _ref10.chatInput,
+    setChatInput = _ref10.setChatInput,
+    sendMessage = _ref10.sendMessage,
+    regenerate = _ref10.regenerate,
+    stop = _ref10.stop,
+    toolsForUi = _ref10.toolsForUi,
+    toggleButtonProps = _ref10.toggleButtonProps,
+    headerProps = _ref10.headerProps,
+    messagesProps = _ref10.messagesProps,
+    promptProps = _ref10.promptProps,
+    state = _ref10.state;
+  var _useStickToBottom = (0, _useStickToBottom2.useStickToBottom)({
+      initial: 'smooth',
+      resize: 'smooth'
+    }),
+    scrollRef = _useStickToBottom.scrollRef,
+    contentRef = _useStickToBottom.contentRef,
+    scrollToBottom = _useStickToBottom.scrollToBottom,
+    isAtBottom = _useStickToBottom.isAtBottom;
+  state.init();
+  var _state$use = state.use(false),
+    _state$use2 = _slicedToArray(_state$use, 2),
+    isClearing = _state$use2[0],
+    setIsClearing = _state$use2[1];
+  var _state$use3 = state.use(false),
+    _state$use4 = _slicedToArray(_state$use3, 2),
+    maximized = _state$use4[0],
+    setMaximized = _state$use4[1];
+  var onClear = function onClear() {
+    return setIsClearing(true);
+  };
+  var onClearTransitionEnd = function onClearTransitionEnd() {
+    setChatMessages([]);
+    setIsClearing(false);
+  };
+  return (0, _preact.h)(Chat, {
+    classNames: cssClasses,
+    open: chatOpen,
+    maximized: maximized,
+    toggleButtonComponent: toggleButtonProps.layoutComponent,
+    toggleButtonProps: {
+      open: chatOpen,
+      onClick: function onClick() {
+        return setChatOpen(!chatOpen);
+      },
+      toggleIconComponent: toggleButtonProps.iconComponent
+    },
+    headerComponent: headerProps.layoutComponent,
+    promptComponent: promptProps.layoutComponent,
+    headerProps: {
+      onClose: function onClose() {
+        return setChatOpen(false);
+      },
+      maximized: maximized,
+      onToggleMaximize: function onToggleMaximize() {
+        return setMaximized(!maximized);
+      },
+      onClear: onClear,
+      canClear: Boolean(chatMessages === null || chatMessages === void 0 ? void 0 : chatMessages.length) && !isClearing,
+      closeIconComponent: headerProps.closeIconComponent,
+      minimizeIconComponent: headerProps.minimizeIconComponent,
+      maximizeIconComponent: headerProps.maximizeIconComponent,
+      titleIconComponent: headerProps.titleIconComponent,
+      translations: headerProps.translations
+    },
+    messagesProps: {
+      status: chatStatus,
+      onReload: function onReload(messageId) {
+        return regenerate({
+          messageId: messageId
+        });
+      },
+      onClose: function onClose() {
+        return setChatOpen(false);
+      },
+      messages: chatMessages,
+      indexUiState: indexUiState,
+      isClearing: isClearing,
+      onClearTransitionEnd: onClearTransitionEnd,
+      isScrollAtBottom: isAtBottom,
+      scrollRef: scrollRef,
+      contentRef: contentRef,
+      onScrollToBottom: scrollToBottom,
+      setIndexUiState: setIndexUiState,
+      tools: toolsForUi,
+      loaderComponent: messagesProps.loaderComponent,
+      errorComponent: messagesProps.errorComponent,
+      actionsComponent: messagesProps.actionsComponent,
+      translations: messagesProps.translations
+    },
+    promptProps: {
+      promptRef: promptProps.promptRef,
+      status: chatStatus,
+      value: chatInput,
+      onInput: function onInput(event) {
+        setChatInput(event.currentTarget.value);
+      },
+      onSubmit: function onSubmit() {
+        sendMessage({
+          text: chatInput
+        });
+        setChatInput('');
+      },
+      onStop: function onStop() {
+        stop();
+      },
+      headerComponent: promptProps.headerComponent,
+      footerComponent: promptProps.footerComponent,
+      translations: promptProps.translations
+    }
+  });
+}
+var createRenderer = function createRenderer(_ref11) {
+  var renderState = _ref11.renderState,
+    cssClasses = _ref11.cssClasses,
+    containerNode = _ref11.containerNode,
+    templates = _ref11.templates,
+    tools = _ref11.tools;
+  var state = createLocalState();
+  var promptRef = {
+    current: null
+  };
+  return function (props, isFirstRendering) {
+    var _templates$header, _templates$header2, _templates$header3, _templates$header4, _templates$header5, _templates$header6, _templates$header7, _templates$header8, _templates$header9, _templates$header10, _templates$messages, _templates$messages2, _templates$messages3, _templates$messages4, _templates$messages5, _templates$messages6, _templates$prompt, _templates$prompt2, _templates$prompt3, _templates$prompt4, _templates$prompt5, _templates$prompt6, _templates$prompt7, _templates$prompt8, _templates$prompt9, _templates$toggleButt, _templates$toggleButt2;
+    var indexUiState = props.indexUiState,
+      input = props.input,
+      instantSearchInstance = props.instantSearchInstance,
+      messages = props.messages,
+      open = props.open,
+      sendMessage = props.sendMessage,
+      setIndexUiState = props.setIndexUiState,
+      setInput = props.setInput,
+      setMessages = props.setMessages,
+      setOpen = props.setOpen,
+      status = props.status,
+      error = props.error,
+      addToolResult = props.addToolResult,
+      regenerate = props.regenerate,
+      stop = props.stop;
+    if (process.env.NODE_ENV === 'development' && error) {
+      throw error;
+    }
+    if (isFirstRendering) {
+      renderState.templateProps = (0, _templating.prepareTemplateProps)({
+        defaultTemplates: {},
+        templatesConfig: instantSearchInstance.templatesConfig,
+        templates: templates
+      });
+      return;
+    }
+    var toolsForUi = {};
+    Object.entries(tools).forEach(function (_ref12) {
+      var _ref13 = _slicedToArray(_ref12, 2),
+        key = _ref13[0],
+        tool = _ref13[1];
+      toolsForUi[key] = _objectSpread(_objectSpread({}, tool), {}, {
+        addToolResult: addToolResult,
+        layoutComponent: function layoutComponent(layoutComponentProps) {
+          return (0, _preact.h)(_Template.default, {
+            templates: tool.templates,
+            rootTagName: "fragment",
+            templateKey: "layout",
+            data: layoutComponentProps
+          });
+        }
+      });
+    });
+    var headerTemplateProps = (0, _templating.prepareTemplateProps)({
+      defaultTemplates: {},
+      templatesConfig: instantSearchInstance.templatesConfig,
+      templates: templates.header
+    });
+    var headerLayoutComponent = (_templates$header = templates.header) !== null && _templates$header !== void 0 && _templates$header.layout ? function (headerProps) {
+      return (0, _preact.h)(_Template.default, _extends({}, headerTemplateProps, {
+        templateKey: "layout",
+        rootTagName: "div",
+        data: headerProps
+      }));
+    } : undefined;
+    var headerCloseIconComponent = (_templates$header2 = templates.header) !== null && _templates$header2 !== void 0 && _templates$header2.closeIcon ? function () {
+      return (0, _preact.h)(_Template.default, _extends({}, headerTemplateProps, {
+        templateKey: "closeIcon",
+        rootTagName: "span"
+      }));
+    } : undefined;
+    var headerMinimizeIconComponent = (_templates$header3 = templates.header) !== null && _templates$header3 !== void 0 && _templates$header3.minimizeIcon ? function () {
+      return (0, _preact.h)(_Template.default, _extends({}, headerTemplateProps, {
+        templateKey: "minimizeIcon",
+        rootTagName: "span"
+      }));
+    } : undefined;
+    var headerMaximizeIconComponent = (_templates$header4 = templates.header) !== null && _templates$header4 !== void 0 && _templates$header4.maximizeIcon ? function (_ref14) {
+      var maximized = _ref14.maximized;
+      return (0, _preact.h)(_Template.default, _extends({}, headerTemplateProps, {
+        templateKey: "maximizeIcon",
+        rootTagName: "span",
+        data: {
+          maximized: maximized
+        }
+      }));
+    } : undefined;
+    var headerTitleIconComponent = (_templates$header5 = templates.header) !== null && _templates$header5 !== void 0 && _templates$header5.titleIcon ? function () {
+      return (0, _preact.h)(_Template.default, _extends({}, headerTemplateProps, {
+        templateKey: "titleIcon",
+        rootTagName: "span"
+      }));
+    } : undefined;
+    var headerTranslations = getDefinedProperties({
+      title: (_templates$header6 = templates.header) === null || _templates$header6 === void 0 ? void 0 : _templates$header6.titleText,
+      minimizeLabel: (_templates$header7 = templates.header) === null || _templates$header7 === void 0 ? void 0 : _templates$header7.minimizeLabelText,
+      maximizeLabel: (_templates$header8 = templates.header) === null || _templates$header8 === void 0 ? void 0 : _templates$header8.maximizeLabelText,
+      closeLabel: (_templates$header9 = templates.header) === null || _templates$header9 === void 0 ? void 0 : _templates$header9.closeLabelText,
+      clearLabel: (_templates$header10 = templates.header) === null || _templates$header10 === void 0 ? void 0 : _templates$header10.clearLabelText
+    });
+    var messagesTemplateProps = (0, _templating.prepareTemplateProps)({
+      defaultTemplates: {},
+      templatesConfig: instantSearchInstance.templatesConfig,
+      templates: templates.messages
+    });
+    var messagesLoaderComponent = (_templates$messages = templates.messages) !== null && _templates$messages !== void 0 && _templates$messages.loader ? function (loaderProps) {
+      return (0, _preact.h)(_Template.default, _extends({}, messagesTemplateProps, {
+        templateKey: "loader",
+        rootTagName: "div",
+        data: loaderProps
+      }));
+    } : undefined;
+    var messagesErrorComponent = (_templates$messages2 = templates.messages) !== null && _templates$messages2 !== void 0 && _templates$messages2.error ? function (errorProps) {
+      return (0, _preact.h)(_Template.default, _extends({}, messagesTemplateProps, {
+        templateKey: "error",
+        rootTagName: "div",
+        data: errorProps
+      }));
+    } : undefined;
+    var messagesTranslations = getDefinedProperties({
+      scrollToBottomLabel: (_templates$messages3 = templates.messages) === null || _templates$messages3 === void 0 ? void 0 : _templates$messages3.scrollToBottomLabelText,
+      loaderText: (_templates$messages4 = templates.messages) === null || _templates$messages4 === void 0 ? void 0 : _templates$messages4.loaderText,
+      copyToClipboardLabel: (_templates$messages5 = templates.messages) === null || _templates$messages5 === void 0 ? void 0 : _templates$messages5.copyToClipboardLabelText,
+      regenerateLabel: (_templates$messages6 = templates.messages) === null || _templates$messages6 === void 0 ? void 0 : _templates$messages6.regenerateLabelText
+    });
+    var promptTemplateProps = (0, _templating.prepareTemplateProps)({
+      defaultTemplates: {},
+      templatesConfig: instantSearchInstance.templatesConfig,
+      templates: templates.prompt
+    });
+    var promptLayoutComponent = (_templates$prompt = templates.prompt) !== null && _templates$prompt !== void 0 && _templates$prompt.layout ? function (promptProps) {
+      return (0, _preact.h)(_Template.default, _extends({}, promptTemplateProps, {
+        templateKey: "layout",
+        rootTagName: "div",
+        data: promptProps
+      }));
+    } : undefined;
+    var promptHeaderComponent = (_templates$prompt2 = templates.prompt) !== null && _templates$prompt2 !== void 0 && _templates$prompt2.header ? function () {
+      return (0, _preact.h)(_Template.default, _extends({}, promptTemplateProps, {
+        templateKey: "header",
+        rootTagName: "fragment"
+      }));
+    } : undefined;
+    var promptFooterComponent = (_templates$prompt3 = templates.prompt) !== null && _templates$prompt3 !== void 0 && _templates$prompt3.footer ? function () {
+      return (0, _preact.h)(_Template.default, _extends({}, promptTemplateProps, {
+        templateKey: "footer",
+        rootTagName: "fragment"
+      }));
+    } : undefined;
+    var promptTranslations = getDefinedProperties({
+      textareaLabel: (_templates$prompt4 = templates.prompt) === null || _templates$prompt4 === void 0 ? void 0 : _templates$prompt4.textareaLabelText,
+      textareaPlaceholder: (_templates$prompt5 = templates.prompt) === null || _templates$prompt5 === void 0 ? void 0 : _templates$prompt5.textareaPlaceholderText,
+      emptyMessageTooltip: (_templates$prompt6 = templates.prompt) === null || _templates$prompt6 === void 0 ? void 0 : _templates$prompt6.emptyMessageTooltipText,
+      stopResponseTooltip: (_templates$prompt7 = templates.prompt) === null || _templates$prompt7 === void 0 ? void 0 : _templates$prompt7.stopResponseTooltipText,
+      sendMessageTooltip: (_templates$prompt8 = templates.prompt) === null || _templates$prompt8 === void 0 ? void 0 : _templates$prompt8.sendMessageTooltipText,
+      disclaimer: (_templates$prompt9 = templates.prompt) === null || _templates$prompt9 === void 0 ? void 0 : _templates$prompt9.disclaimerText
+    });
+    var actionsComponent = templates.actions ? function (actionsProps) {
+      return (0, _preact.h)(_Template.default, _extends({}, renderState.templateProps, {
+        templateKey: "actions",
+        rootTagName: "div",
+        data: actionsProps
+      }));
+    } : undefined;
+    var toggleButtonTemplateProps = (0, _templating.prepareTemplateProps)({
+      defaultTemplates: {},
+      templatesConfig: instantSearchInstance.templatesConfig,
+      templates: templates.toggleButton
+    });
+    var toggleButtonLayoutComponent = (_templates$toggleButt = templates.toggleButton) !== null && _templates$toggleButt !== void 0 && _templates$toggleButt.layout ? function (toggleButtonProps) {
+      return (0, _preact.h)(_Template.default, _extends({}, toggleButtonTemplateProps, {
+        templateKey: "layout",
+        rootTagName: "button",
+        data: toggleButtonProps
+      }));
+    } : undefined;
+    var toggleButtonIconComponent = (_templates$toggleButt2 = templates.toggleButton) !== null && _templates$toggleButt2 !== void 0 && _templates$toggleButt2.icon ? function (_ref15) {
+      var isOpen = _ref15.isOpen;
+      return (0, _preact.h)(_Template.default, _extends({}, toggleButtonTemplateProps, {
+        templateKey: "icon",
+        rootTagName: "span",
+        data: {
+          isOpen: isOpen
+        }
+      }));
+    } : undefined;
+    state.subscribe(rerender);
+    function rerender() {
+      (0, _preact.render)((0, _preact.h)(ChatWrapper, {
+        cssClasses: cssClasses,
+        chatOpen: open,
+        setChatOpen: setOpen,
+        chatMessages: messages,
+        setChatMessages: setMessages,
+        indexUiState: indexUiState,
+        setIndexUiState: setIndexUiState,
+        chatStatus: status,
+        chatInput: input,
+        setChatInput: setInput,
+        sendMessage: sendMessage,
+        regenerate: regenerate,
+        stop: stop,
+        toolsForUi: toolsForUi,
+        toggleButtonProps: {
+          layoutComponent: toggleButtonLayoutComponent,
+          iconComponent: toggleButtonIconComponent
+        },
+        headerProps: {
+          layoutComponent: headerLayoutComponent,
+          closeIconComponent: headerCloseIconComponent,
+          minimizeIconComponent: headerMinimizeIconComponent,
+          maximizeIconComponent: headerMaximizeIconComponent,
+          titleIconComponent: headerTitleIconComponent,
+          translations: headerTranslations
+        },
+        messagesProps: {
+          loaderComponent: messagesLoaderComponent,
+          errorComponent: messagesErrorComponent,
+          actionsComponent: actionsComponent,
+          translations: messagesTranslations
+        },
+        promptProps: {
+          layoutComponent: promptLayoutComponent,
+          headerComponent: promptHeaderComponent,
+          footerComponent: promptFooterComponent,
+          translations: promptTranslations,
+          promptRef: promptRef
+        },
+        state: state
+      }), containerNode);
+    }
+    rerender();
+  };
+};
+var defaultTemplates = {
+  item: function item(_item2) {
+    return JSON.stringify(_item2, null, 2);
+  }
+};
+var chat = exports.default = function chat(widgetParams) {
+  var _ref16 = widgetParams || {},
+    container = _ref16.container,
+    _ref16$templates = _ref16.templates,
+    userTemplates = _ref16$templates === void 0 ? {} : _ref16$templates,
+    _ref16$cssClasses = _ref16.cssClasses,
+    cssClasses = _ref16$cssClasses === void 0 ? {} : _ref16$cssClasses,
+    _ref16$resume = _ref16.resume,
+    resume = _ref16$resume === void 0 ? false : _ref16$resume,
+    userTools = _ref16.tools,
+    getSearchPageURL = _ref16.getSearchPageURL,
+    options = _objectWithoutProperties(_ref16, _excluded);
+  if (!container) {
+    throw new Error(withUsage('The `container` option is required.'));
+  }
+  var containerNode = (0, _utils.getContainerNode)(container);
+  var templates = _objectSpread(_objectSpread({}, defaultTemplates), userTemplates);
+  var defaultTools = createDefaultTools(templates, getSearchPageURL);
+  var tools = _objectSpread(_objectSpread({}, defaultTools), userTools);
+  var specializedRenderer = createRenderer({
+    containerNode: containerNode,
+    cssClasses: cssClasses,
+    renderState: {},
+    templates: templates,
+    tools: tools
+  });
+  var makeWidget = (0, _connectChat.default)(specializedRenderer, function () {
+    return (0, _preact.render)(null, containerNode);
+  });
+  return _objectSpread(_objectSpread({}, makeWidget(_objectSpread({
+    resume: resume,
+    tools: tools
+  }, options))), {}, {
+    $$widgetType: 'ais.chat'
+  });
+};
+function createLocalState() {
+  var state = [];
+  var subscriptions = new Set();
+  var cursor = 0;
+  function use(initialValue) {
+    var index = cursor++;
+    if (state[index] === undefined) {
+      state[index] = initialValue;
+    }
+    return [state[index], function (value) {
+      var prev = state[index];
+      if (prev === value) {
+        return prev;
+      }
+      state[index] = value;
+      subscriptions.forEach(function (fn) {
+        return fn();
+      });
+      return value;
+    }];
+  }
+  return {
+    init: function init() {
+      cursor = 0;
+    },
+    subscribe: function subscribe(fn) {
+      subscriptions.add(fn);
+      return function () {
+        return subscriptions.delete(fn);
+      };
+    },
+    use: use
+  };
+}

package/cjs/widgets/index/index.js

@@ -572,7 +572,9 @@ var index = function index(widgetParams) {
       // This makes sure `render` is never called with `results` being `null`.
       // If it's an isolated index without an index name, we render all widgets,
       // as there are no results to display for the isolated index itself.
-      var widgetsToRender = this.getResults() || (_derivedHelper2 = derivedHelper) !== null && _derivedHelper2 !== void 0 && _derivedHelper2.lastRecommendResults || isolated && !indexName ? localWidgets : localWidgets.filter(_utils.isIndexWidget);
+      var widgetsToRender = this.getResults() || (_derivedHelper2 = derivedHelper) !== null && _derivedHelper2 !== void 0 && _derivedHelper2.lastRecommendResults || isolated && !indexName ? localWidgets : localWidgets.filter(function (widget) {
+        return widget.shouldRender;
+      });
       widgetsToRender = widgetsToRender.filter(function (widget) {
         if (!widget.shouldRender) {
           return true;
@@ -649,6 +651,9 @@ var index = function index(widgetParams) {
         initialSearchParameters: searchParameters
       });
     },
+    shouldRender: function shouldRender() {
+      return true;
+    },
     refreshUiState: function refreshUiState() {
       localUiState = getLocalWidgetsUiState(localWidgets, {
         searchParameters: this.getHelper().state,

package/cjs/widgets/index.js

@@ -16,6 +16,12 @@ Object.defineProperty(exports, "breadcrumb", {
     return _breadcrumb.default;
   }
 });
+Object.defineProperty(exports, "chat", {
+  enumerable: true,
+  get: function get() {
+    return _chat.default;
+  }
+});
 Object.defineProperty(exports, "clearRefinements", {
   enumerable: true,
   get: function get() {
@@ -252,6 +258,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 _chat = _interopRequireDefault(require("./chat/chat"));
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 /** @deprecated answers is no longer supported */
 var EXPERIMENTAL_answers = exports.EXPERIMENTAL_answers = (0, _utils.deprecate)(_answers.default, 'answers is no longer supported');