algolia-experiences 1.7.3 → 1.8.0

package/dist/algolia-experiences.development.js

@@ -1,4 +1,4 @@
-/*! algolia-experiences 1.7.3 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch */
+/*! algolia-experiences 1.8.0 | © Algolia, Inc. and contributors; MIT License | https://github.com/algolia/instantsearch */
 (function (factory) {
     typeof define === 'function' && define.amd ? define(factory) :
     factory();
@@ -9930,7 +9930,7 @@
         };
     }
 
-    var version = '4.92.1';
+    var version = '4.94.0';
 
     function hydrateSearchClient(client, results) {
         if (!results) {
@@ -13926,6 +13926,10 @@
                 _this.setState({
                     focused: true
                 });
+            }), _define_property(_this, "onAiModeClick", function(event) {
+                var _this_props_onAiModeClick, _this_props;
+                event.preventDefault();
+                (_this_props_onAiModeClick = (_this_props = _this.props).onAiModeClick) === null || _this_props_onAiModeClick === void 0 ? void 0 : _this_props_onAiModeClick.call(_this_props, _this.state.query);
             });
             return _this;
         }
@@ -13961,7 +13965,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;
+                    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;
                     return /*#__PURE__*/ h$1("div", {
                         className: cssClasses.root
                     }, /*#__PURE__*/ h$1("form", {
@@ -14029,6 +14033,19 @@
                         data: {
                             cssClasses: cssClasses
                         }
+                    }), onAiModeClick && /*#__PURE__*/ h$1(Template, {
+                        templateKey: "aiMode",
+                        rootTagName: "button",
+                        rootProps: {
+                            className: cssClasses.aiModeButton,
+                            type: 'button',
+                            title: 'AI Mode',
+                            onClick: this.onAiModeClick
+                        },
+                        templates: templates,
+                        data: {
+                            cssClasses: cssClasses
+                        }
                     })));
                 }
             }
@@ -14756,9 +14773,9 @@
             return 'No results';
         },
         item: function item(data) {
-            return JSON.stringify(omit(data, [
+            return /*#__PURE__*/ h$1(p$1, null, JSON.stringify(omit(data, [
                 '__hitIndex'
-            ]), null, 2);
+            ]), null, 2));
         }
     };
 
@@ -15523,9 +15540,9 @@
             return 'Show more results';
         },
         item: function item(data) {
-            return JSON.stringify(omit(data, [
+            return /*#__PURE__*/ h$1(p$1, null, JSON.stringify(omit(data, [
                 '__hitIndex'
-            ]), null, 2);
+            ]), null, 2));
         }
     };
 
@@ -18807,6 +18824,30 @@
     }
 
     var defaultTemplate = {
+        aiMode: function aiMode(param) {
+            var cssClasses = param.cssClasses;
+            return /*#__PURE__*/ h$1(p$1, null, /*#__PURE__*/ h$1("svg", {
+                className: cssClasses.aiModeIcon,
+                xmlns: "http://www.w3.org/2000/svg",
+                fill: "none",
+                viewBox: "0 0 20 20",
+                width: "16",
+                height: "16",
+                "aria-hidden": "true"
+            }, /*#__PURE__*/ h$1("path", {
+                fill: "currentColor",
+                "fill-rule": "evenodd",
+                d: "M10 1.875c.27 0 .51.173.594.43l1.593 4.844a1.043 1.043 0 0 0 .664.664l4.844 1.593a.625.625 0 0 1 0 1.188l-4.844 1.593a1.043 1.043 0 0 0-.664.664l-1.593 4.844a.625.625 0 0 1-1.188 0l-1.593-4.844a1.042 1.042 0 0 0-.664-.664l-4.844-1.593a.625.625 0 0 1 0-1.188l4.844-1.593a1.042 1.042 0 0 0 .664-.664l1.593-4.844a.625.625 0 0 1 .594-.43ZM9 7.539A2.292 2.292 0 0 1 7.54 9L4.5 10l3.04 1A2.292 2.292 0 0 1 9 12.46l1 3.04 1-3.04A2.293 2.293 0 0 1 12.46 11l3.04-1-3.04-1A2.292 2.292 0 0 1 11 7.54L10 4.5 9 7.54ZM4.167 1.875c.345 0 .625.28.625.625v3.333a.625.625 0 0 1-1.25 0V2.5c0-.345.28-.625.625-.625ZM15.833 13.542c.345 0 .625.28.625.625V17.5a.625.625 0 1 1-1.25 0v-3.333c0-.345.28-.625.625-.625Z",
+                "clip-rule": "evenodd"
+            }), /*#__PURE__*/ h$1("path", {
+                fill: "currentColor",
+                "fill-rule": "evenodd",
+                d: "M1.875 4.167c0-.346.28-.625.625-.625h3.333a.625.625 0 1 1 0 1.25H2.5a.625.625 0 0 1-.625-.625ZM13.542 15.833c0-.345.28-.625.625-.625H17.5a.625.625 0 0 1 0 1.25h-3.333a.625.625 0 0 1-.625-.625Z",
+                "clip-rule": "evenodd"
+            })), /*#__PURE__*/ h$1("span", {
+                className: cssClasses.aiModeLabel
+            }, "AI Mode"));
+        },
         reset: function reset(param) {
             var cssClasses = param.cssClasses;
             return /*#__PURE__*/ h$1("svg", {
@@ -19068,10 +19109,26 @@
         name: 'search-box'
     });
     var suit$3 = component('SearchBox');
+    var aiModeSuit = component('AiModeButton');
     var renderer$5 = function renderer(param) {
-        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;
+        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;
+            var refine = param.refine, query = param.query, isSearchStalled = param.isSearchStalled, instantSearchInstance = param.instantSearchInstance;
+            var onAiModeClick = aiMode ? function(currentQuery) {
+                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
+                        });
+                    }
+                }
+            } : undefined;
             P(/*#__PURE__*/ h$1(SearchBox, {
                 query: query,
                 placeholder: placeholder,
@@ -19084,12 +19141,13 @@
                 showReset: showReset,
                 showLoadingIndicator: showLoadingIndicator,
                 isSearchStalled: isSearchStalled,
-                cssClasses: cssClasses
+                cssClasses: cssClasses,
+                onAiModeClick: onAiModeClick
             }), containerNode);
         };
     };
     var searchBox = function searchBox(widgetParams) {
-        var _ref = widgetParams || {}, container = _ref.container, _ref_placeholder = _ref.placeholder, placeholder = _ref_placeholder === void 0 ? '' : _ref_placeholder, tmp = _ref.cssClasses, userCssClasses = tmp === void 0 ? {} : tmp, _ref_autofocus = _ref.autofocus, autofocus = _ref_autofocus === void 0 ? false : _ref_autofocus, _ref_searchAsYouType = _ref.searchAsYouType, searchAsYouType = _ref_searchAsYouType === void 0 ? true : _ref_searchAsYouType, _ref_ignoreCompositionEvents = _ref.ignoreCompositionEvents, ignoreCompositionEvents = _ref_ignoreCompositionEvents === void 0 ? false : _ref_ignoreCompositionEvents, _ref_showReset = _ref.showReset, showReset = _ref_showReset === void 0 ? true : _ref_showReset, _ref_showSubmit = _ref.showSubmit, showSubmit = _ref_showSubmit === void 0 ? true : _ref_showSubmit, _ref_showLoadingIndicator = _ref.showLoadingIndicator, showLoadingIndicator = _ref_showLoadingIndicator === void 0 ? true : _ref_showLoadingIndicator, queryHook = _ref.queryHook, tmp1 = _ref.templates, userTemplates = tmp1 === void 0 ? {} : tmp1;
+        var _ref = widgetParams || {}, container = _ref.container, _ref_placeholder = _ref.placeholder, placeholder = _ref_placeholder === void 0 ? '' : _ref_placeholder, tmp = _ref.cssClasses, userCssClasses = tmp === void 0 ? {} : tmp, _ref_autofocus = _ref.autofocus, autofocus = _ref_autofocus === void 0 ? false : _ref_autofocus, _ref_searchAsYouType = _ref.searchAsYouType, searchAsYouType = _ref_searchAsYouType === void 0 ? true : _ref_searchAsYouType, _ref_ignoreCompositionEvents = _ref.ignoreCompositionEvents, ignoreCompositionEvents = _ref_ignoreCompositionEvents === void 0 ? false : _ref_ignoreCompositionEvents, _ref_showReset = _ref.showReset, showReset = _ref_showReset === void 0 ? true : _ref_showReset, _ref_showSubmit = _ref.showSubmit, showSubmit = _ref_showSubmit === void 0 ? true : _ref_showSubmit, _ref_showLoadingIndicator = _ref.showLoadingIndicator, showLoadingIndicator = _ref_showLoadingIndicator === void 0 ? true : _ref_showLoadingIndicator, queryHook = _ref.queryHook, tmp1 = _ref.templates, userTemplates = tmp1 === void 0 ? {} : tmp1, aiMode = _ref.aiMode;
         if (!container) {
             throw new Error(withUsage$c('The `container` option is required.'));
         }
@@ -19119,7 +19177,14 @@
             }), userCssClasses.loadingIndicator),
             loadingIcon: cx(suit$3({
                 descendantName: 'loadingIcon'
-            }), userCssClasses.loadingIcon)
+            }), userCssClasses.loadingIcon),
+            aiModeButton: cx(aiModeSuit(), userCssClasses.aiModeButton),
+            aiModeIcon: cx(aiModeSuit({
+                descendantName: 'icon'
+            }), userCssClasses.aiModeIcon),
+            aiModeLabel: cx(aiModeSuit({
+                descendantName: 'label'
+            }), userCssClasses.aiModeLabel)
         };
         var templates = _object_spread({}, defaultTemplate, userTemplates);
         var specializedRenderer = renderer$5({
@@ -19132,7 +19197,8 @@
             ignoreCompositionEvents: ignoreCompositionEvents,
             showReset: showReset,
             showSubmit: showSubmit,
-            showLoadingIndicator: showLoadingIndicator
+            showLoadingIndicator: showLoadingIndicator,
+            aiMode: aiMode
         });
         var makeWidget = connectSearchBox(specializedRenderer, function() {
             return P(null, containerNode);