instantsearch.js 4.80.0 → 4.81.0

package/es/widgets/chat/chat.js

@@ -0,0 +1,597 @@
+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); }
+var _excluded = ["container", "templates", "cssClasses", "resume", "tools", "getSearchPageURL"];
+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; }
+import { ArrowRightIconComponent, ChevronLeftIconComponent, ChevronRightIconComponent, createButtonComponent, createChatComponent } from 'instantsearch-ui-components';
+import { Fragment, h, render } from 'preact';
+import { useMemo } from 'preact/hooks';
+import TemplateComponent from "../../components/Template/Template.js";
+import connectChat from "../../connectors/chat/connectChat.js";
+import { SearchIndexToolType, RecommendToolType } from "../../lib/chat/index.js";
+import { prepareTemplateProps } from "../../lib/templating/index.js";
+import { useStickToBottom } from "../../lib/useStickToBottom.js";
+import { getContainerNode, createDocumentationMessageGenerator } from "../../lib/utils/index.js";
+import { carousel } from "../../templates/index.js";
+var withUsage = createDocumentationMessageGenerator({
+  name: 'chat'
+});
+var Chat = createChatComponent({
+  createElement: h,
+  Fragment: Fragment
+});
+export { SearchIndexToolType, RecommendToolType };
+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 = h(ArrowRightIconComponent, {
+  createElement: h
+});
+var _ref7 = h(ChevronLeftIconComponent, {
+  createElement: h
+});
+var _ref8 = h(ChevronRightIconComponent, {
+  createElement: h
+});
+function createCarouselTool(showViewAll, templates, getSearchPageURL) {
+  var Button = createButtonComponent({
+    createElement: 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 = useMemo(function () {
+      return function (props) {
+        return 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 carousel({
+      showNavigation: false,
+      templates: {
+        header: MemoedHeaderComponent
+      }
+    })({
+      items: items,
+      templates: {
+        item: function item(_ref4) {
+          var _item = _ref4.item;
+          return h(TemplateComponent, {
+            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 h("div", {
+      className: "ais-ChatToolSearchIndexCarouselHeader"
+    }, h("div", {
+      className: "ais-ChatToolSearchIndexCarouselHeaderResults"
+    }, nbHits && h("div", {
+      className: "ais-ChatToolSearchIndexCarouselHeaderCount"
+    }, hitsPerPage !== null && hitsPerPage !== void 0 ? hitsPerPage : 0, " of ", nbHits.toLocaleString(), " result", nbHits > 1 ? 's' : ''), showViewAll && 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 && h("div", {
+      className: "ais-ChatToolSearchIndexCarouselHeaderScrollButtons"
+    }, h(Button, {
+      variant: "outline",
+      size: "sm",
+      iconOnly: true,
+      onClick: scrollLeft,
+      disabled: !canScrollLeft,
+      className: "ais-ChatToolSearchIndexCarouselHeaderScrollButton"
+    }, _ref7), 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, SearchIndexToolType, createCarouselTool(true, templates, getSearchPageURL)), _defineProperty(_ref9, 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 = 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 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 = 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 h(TemplateComponent, {
+            templates: tool.templates,
+            rootTagName: "fragment",
+            templateKey: "layout",
+            data: layoutComponentProps
+          });
+        }
+      });
+    });
+    var headerTemplateProps = 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 h(TemplateComponent, _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 h(TemplateComponent, _extends({}, headerTemplateProps, {
+        templateKey: "closeIcon",
+        rootTagName: "span"
+      }));
+    } : undefined;
+    var headerMinimizeIconComponent = (_templates$header3 = templates.header) !== null && _templates$header3 !== void 0 && _templates$header3.minimizeIcon ? function () {
+      return h(TemplateComponent, _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 h(TemplateComponent, _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 h(TemplateComponent, _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 = 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 h(TemplateComponent, _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 h(TemplateComponent, _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 = 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 h(TemplateComponent, _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 h(TemplateComponent, _extends({}, promptTemplateProps, {
+        templateKey: "header",
+        rootTagName: "fragment"
+      }));
+    } : undefined;
+    var promptFooterComponent = (_templates$prompt3 = templates.prompt) !== null && _templates$prompt3 !== void 0 && _templates$prompt3.footer ? function () {
+      return h(TemplateComponent, _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 h(TemplateComponent, _extends({}, renderState.templateProps, {
+        templateKey: "actions",
+        rootTagName: "div",
+        data: actionsProps
+      }));
+    } : undefined;
+    var toggleButtonTemplateProps = 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 h(TemplateComponent, _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 h(TemplateComponent, _extends({}, toggleButtonTemplateProps, {
+        templateKey: "icon",
+        rootTagName: "span",
+        data: {
+          isOpen: isOpen
+        }
+      }));
+    } : undefined;
+    state.subscribe(rerender);
+    function rerender() {
+      render(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);
+  }
+};
+export 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 = 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 = connectChat(specializedRenderer, function () {
+    return 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/es/widgets/frequently-bought-together/frequently-bought-together.d.ts

@@ -52,6 +52,7 @@ declare const _default: <THit extends NonNullable<object> = BaseHit>(widgetParam
     init(initOptions: import("../../types").InitOptions): void;
     render(renderOptions: import("../../types").RenderOptions): void;
     getRenderState(renderState: {
+        [x: string]: unknown;
         answers?: import("../../types").WidgetRenderState<import("../../connectors/answers/connectAnswers").AnswersRenderState, import("../../connectors/answers/connectAnswers").AnswersConnectorParams> | undefined;
         autocomplete?: import("../../types").WidgetRenderState<import("../../connectors/autocomplete/connectAutocomplete").AutocompleteRenderState, import("../../connectors/autocomplete/connectAutocomplete").AutocompleteConnectorParams> | undefined;
         breadcrumb?: {
@@ -96,6 +97,7 @@ declare const _default: <THit extends NonNullable<object> = BaseHit>(widgetParam
         analytics?: import("../../types").WidgetRenderState<Record<string, unknown>, import("../analytics/analytics").AnalyticsWidgetParams> | undefined;
         places?: import("../../types").WidgetRenderState<Record<string, unknown>, import("../places/places").PlacesWidgetParams> | undefined;
     }): {
+        [x: string]: unknown;
         answers?: import("../../types").WidgetRenderState<import("../../connectors/answers/connectAnswers").AnswersRenderState, import("../../connectors/answers/connectAnswers").AnswersConnectorParams> | undefined;
         autocomplete?: import("../../types").WidgetRenderState<import("../../connectors/autocomplete/connectAutocomplete").AutocompleteRenderState, import("../../connectors/autocomplete/connectAutocomplete").AutocompleteConnectorParams> | undefined;
         breadcrumb?: {
@@ -154,7 +156,7 @@ declare const _default: <THit extends NonNullable<object> = BaseHit>(widgetParam
             breadcrumb: {
                 [rootAttribute: string]: import("../../types").WidgetRenderState<import("../../connectors/breadcrumb/connectBreadcrumb").BreadcrumbRenderState, import("../../connectors/breadcrumb/connectBreadcrumb").BreadcrumbConnectorParams>;
             };
-        } & {
+        } & Record<string, unknown> & {
             clearRefinements: import("../../types").WidgetRenderState<import("../../connectors/clear-refinements/connectClearRefinements").ClearRefinementsRenderState, import("../../connectors/clear-refinements/connectClearRefinements").ClearRefinementsConnectorParams>;
         } & {
             configure: import("../../types").WidgetRenderState<import("../../connectors/configure/connectConfigure").ConfigureRenderState, import("../../connectors/configure/connectConfigure").ConfigureConnectorParams>;

package/es/widgets/geo-search/geo-search.d.ts

@@ -217,6 +217,7 @@ declare const _default: <THit extends GeoHit = GeoHit>(widgetParams: GeoSearchWi
         } & GeoSearchConnectorParams<THit>;
     };
     getRenderState(renderState: {
+        [x: string]: unknown;
         answers?: import("../../types").WidgetRenderState<import("../../connectors/answers/connectAnswers").AnswersRenderState, import("../../connectors/answers/connectAnswers").AnswersConnectorParams> | undefined;
         autocomplete?: import("../../types").WidgetRenderState<import("../../connectors/autocomplete/connectAutocomplete").AutocompleteRenderState, import("../../connectors/autocomplete/connectAutocomplete").AutocompleteConnectorParams> | undefined;
         breadcrumb?: {

package/es/widgets/hits/hits.d.ts

@@ -51,6 +51,7 @@ declare const _default: <THit extends NonNullable<object> = BaseHit>(widgetParam
     init(initOptions: import("../../types").InitOptions): void;
     render(renderOptions: import("../../types").RenderOptions): void;
     getRenderState(renderState: {
+        [x: string]: unknown;
         answers?: import("../../types").WidgetRenderState<import("../../connectors/answers/connectAnswers").AnswersRenderState, import("../../connectors/answers/connectAnswers").AnswersConnectorParams> | undefined;
         autocomplete?: import("../../types").WidgetRenderState<import("../../connectors/autocomplete/connectAutocomplete").AutocompleteRenderState, import("../../connectors/autocomplete/connectAutocomplete").AutocompleteConnectorParams> | undefined;
         breadcrumb?: {

package/es/widgets/index/index.js

@@ -565,7 +565,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(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;
@@ -642,6 +644,9 @@ var index = function index(widgetParams) {
         initialSearchParameters: searchParameters
       });
     },
+    shouldRender: function shouldRender() {
+      return true;
+    },
     refreshUiState: function refreshUiState() {
       localUiState = getLocalWidgetsUiState(localWidgets, {
         searchParameters: this.getHelper().state,

package/es/widgets/index.d.ts

@@ -41,3 +41,4 @@ 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';
+export { default as chat } from './chat/chat';