algolia-experiences 1.8.5 → 1.8.7

package/dist/algolia-experiences.development.js

@@ -1,4 +1,4 @@
-/*! algolia-experiences 1.8.5 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch */
+/*! algolia-experiences 1.8.7 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch */
 (function (factory) {
     typeof define === 'function' && define.amd ? define(factory) :
     factory();
@@ -9981,7 +9981,7 @@
         };
     }
 
-    var version = '4.97.0';
+    var version = '4.99.0';
 
     function getServerResults(entry) {
         var _entry_compositionFeedsResults;
@@ -13154,6 +13154,41 @@
         };
     };
 
+    // Centralizes the "open the chat from an entry point" behavior shared by the
+    // SearchBox AI button, the Autocomplete AI button, prompt suggestions, and any
+    // future entry point. The chat is always opened; the message is only sent when
+    // it is non-empty and the chat is not already processing a message.
+    // Returns true when a message was submitted, so callers can clear their input.
+    function openChat(chatRenderState) {
+        var _ref = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, message = _ref.message, referer = _ref.referer;
+        var _ref1;
+        var _chatRenderState_setOpen;
+        if (!chatRenderState) {
+            return false;
+        }
+        (_chatRenderState_setOpen = chatRenderState.setOpen) === null || _chatRenderState_setOpen === void 0 ? void 0 : _chatRenderState_setOpen.call(chatRenderState, true);
+        var trimmed = (_ref1 = message === null || message === void 0 ? void 0 : message.trim()) !== null && _ref1 !== void 0 ? _ref1 : '';
+        if (!trimmed) {
+            var _chatRenderState_focusInput;
+            (_chatRenderState_focusInput = chatRenderState.focusInput) === null || _chatRenderState_focusInput === void 0 ? void 0 : _chatRenderState_focusInput.call(chatRenderState);
+            return false;
+        }
+        if (isChatBusy(chatRenderState) || !chatRenderState.sendMessage) {
+            return false;
+        }
+        chatRenderState.sendMessage({
+            text: trimmed
+        }, referer ? {
+            headers: {
+                'x-algolia-referer': referer
+            }
+        } : undefined);
+        return true;
+    }
+    function isChatBusy(chatRenderState) {
+        return (chatRenderState === null || chatRenderState === void 0 ? void 0 : chatRenderState.status) === 'submitted' || (chatRenderState === null || chatRenderState === void 0 ? void 0 : chatRenderState.status) === 'streaming';
+    }
+
     var Breadcrumb = function Breadcrumb(param) {
         var items = param.items, cssClasses = param.cssClasses, templateProps = param.templateProps, createURL = param.createURL, refine = param.refine;
         return /*#__PURE__*/ h$1("div", {
@@ -14029,7 +14064,7 @@
             {
                 key: "render",
                 value: function render() {
-                    var _this_props = this.props, cssClasses = _this_props.cssClasses, placeholder = _this_props.placeholder, autofocus = _this_props.autofocus, showSubmit = _this_props.showSubmit, showReset = _this_props.showReset, showLoadingIndicator = _this_props.showLoadingIndicator, templates = _this_props.templates, isSearchStalled = _this_props.isSearchStalled, ariaLabel = _this_props.ariaLabel, inputProps = _this_props.inputProps, onAiModeClick = _this_props.onAiModeClick;
+                    var _this_props = this.props, cssClasses = _this_props.cssClasses, placeholder = _this_props.placeholder, autofocus = _this_props.autofocus, showSubmit = _this_props.showSubmit, showReset = _this_props.showReset, showLoadingIndicator = _this_props.showLoadingIndicator, templates = _this_props.templates, isSearchStalled = _this_props.isSearchStalled, ariaLabel = _this_props.ariaLabel, inputProps = _this_props.inputProps, onAiModeClick = _this_props.onAiModeClick, aiModeButtonDisabled = _this_props.aiModeButtonDisabled;
                     return /*#__PURE__*/ h$1("div", {
                         className: cssClasses.root
                     }, /*#__PURE__*/ h$1("form", {
@@ -14104,6 +14139,7 @@
                             className: cssClasses.aiModeButton,
                             type: 'button',
                             title: 'AI Mode',
+                            disabled: aiModeButtonDisabled,
                             onClick: this.onAiModeClick
                         },
                         templates: templates,
@@ -14268,8 +14304,14 @@
        * because Preact does not perform it automatically.
        * @see https://github.com/preactjs/preact/issues/3242
        */ function componentDidUpdate() {
-                    var _this_listRef_current_querySelector, _this_lastRefinedValue, _this_listRef_current;
-                    (_this_listRef_current = this.listRef.current) === null || _this_listRef_current === void 0 ? void 0 : (_this_listRef_current_querySelector = _this_listRef_current.querySelector('input[value="'.concat((_this_lastRefinedValue = this.lastRefinedValue) === null || _this_lastRefinedValue === void 0 ? void 0 : _this_lastRefinedValue.replace('"', '\\"'), '"]'))) === null || _this_listRef_current_querySelector === void 0 ? void 0 : _this_listRef_current_querySelector.focus();
+                    var _this_listRef_current;
+                    var inputs = ((_this_listRef_current = this.listRef.current) === null || _this_listRef_current === void 0 ? void 0 : _this_listRef_current.getElementsByTagName('input')) || [];
+                    for(var i = 0; i < inputs.length; i++){
+                        if (inputs[i].value === this.lastRefinedValue) {
+                            inputs[i].focus();
+                            break;
+                        }
+                    }
                     this.lastRefinedValue = undefined;
                 }
             },
@@ -19175,21 +19217,20 @@
         var containerNode = param.containerNode, cssClasses = param.cssClasses, placeholder = param.placeholder, templates = param.templates, autofocus = param.autofocus, searchAsYouType = param.searchAsYouType, ignoreCompositionEvents = param.ignoreCompositionEvents, showReset = param.showReset, showSubmit = param.showSubmit, showLoadingIndicator = param.showLoadingIndicator, aiMode = param.aiMode;
         return function(param) {
             var refine = param.refine, query = param.query, isSearchStalled = param.isSearchStalled, instantSearchInstance = param.instantSearchInstance;
-            var onAiModeClick = aiMode ? function(currentQuery) {
+            var getChatRenderState = function getChatRenderState() {
                 var _instantSearchInstance_renderState_indexId;
                 var indexId = instantSearchInstance.mainIndex.getIndexId();
-                var chatRenderState = (_instantSearchInstance_renderState_indexId = instantSearchInstance.renderState[indexId]) === null || _instantSearchInstance_renderState_indexId === void 0 ? void 0 : _instantSearchInstance_renderState_indexId.chat;
-                if (chatRenderState) {
-                    var _chatRenderState_setOpen;
-                    (_chatRenderState_setOpen = chatRenderState.setOpen) === null || _chatRenderState_setOpen === void 0 ? void 0 : _chatRenderState_setOpen.call(chatRenderState, true);
-                    if (currentQuery.trim()) {
-                        var _chatRenderState_sendMessage;
-                        (_chatRenderState_sendMessage = chatRenderState.sendMessage) === null || _chatRenderState_sendMessage === void 0 ? void 0 : _chatRenderState_sendMessage.call(chatRenderState, {
-                            text: currentQuery
-                        });
-                    }
+                return (_instantSearchInstance_renderState_indexId = instantSearchInstance.renderState[indexId]) === null || _instantSearchInstance_renderState_indexId === void 0 ? void 0 : _instantSearchInstance_renderState_indexId.chat;
+            };
+            var onAiModeClick = aiMode ? function(currentQuery) {
+                if (openChat(getChatRenderState(), {
+                    message: currentQuery,
+                    referer: 'ai-mode'
+                })) {
+                    refine('');
                 }
             } : undefined;
+            var aiModeButtonDisabled = aiMode ? isChatBusy(getChatRenderState()) : undefined;
             P(/*#__PURE__*/ h$1(SearchBox, {
                 query: query,
                 placeholder: placeholder,
@@ -19203,7 +19244,8 @@
                 showLoadingIndicator: showLoadingIndicator,
                 isSearchStalled: isSearchStalled,
                 cssClasses: cssClasses,
-                onAiModeClick: onAiModeClick
+                onAiModeClick: onAiModeClick,
+                aiModeButtonDisabled: aiModeButtonDisabled
             }), containerNode);
         };
     };