@appbaseio/reactivesearch-vue 3.0.0-rc.6.2 → 3.0.0-rc.6.4

package/dist/@appbaseio/reactivesearch-vue.umd.js

@@ -7294,17 +7294,7 @@
 	                dispatch((0, misc.setPromotedResults)([], component));
 	              }
 	              dispatch((0, misc.setRawData)(component, response));
-	              if (response.AISessionId) {
-	                var localCache = ((0, helper.getObjectFromLocalStorage)(constants$1.AI_LOCAL_CACHE_KEY) || {})[props.componentId];
-	                if (localCache && localCache.sessionId && localCache.sessionId === response.AISessionId) {
-	                  dispatch((0, misc.setAIResponse)(component, localCache));
-	                } else {
-	                  (0, helper.setObjectInLocalStorage)('AISessions', _defineProperty({}, component, {}));
-	                  dispatch((0, query.fetchAIResponse)(response.AISessionId, component, '', {
-	                    hits: response.hits || {}
-	                  }, props[component].componentType === constants$1.componentTypes.searchBox));
-	                }
-	              } else if (response.AIAnswer) {
+	              if (response.AIAnswer) {
 	                if (response.AIAnswer.error) {
 	                  dispatch((0, misc.setAIResponseError)(component, {
 	                    message: response.AIAnswer.error
@@ -7320,11 +7310,25 @@
 	                    text: input.choices[0].message.content
 	                  }
 	                };
-	                dispatch((0, misc.setAIResponse)(component, {
+	                var finalResponseObj = {
 	                  response: finalResponse,
 	                  meta: response.hits,
 	                  isTyping: false
-	                }));
+	                };
+	                if (response.AISessionId) {
+	                  finalResponseObj.sessionId = response.AISessionId;
+	                }
+	                dispatch((0, misc.setAIResponse)(component, finalResponseObj));
+	              } else if (response.AISessionId) {
+	                var localCache = ((0, helper.getObjectFromLocalStorage)(constants$1.AI_LOCAL_CACHE_KEY) || {})[props.componentId];
+	                if (localCache && localCache.sessionId && localCache.sessionId === response.AISessionId) {
+	                  dispatch((0, misc.setAIResponse)(component, localCache));
+	                } else {
+	                  (0, helper.setObjectInLocalStorage)('AISessions', _defineProperty({}, component, {}));
+	                  dispatch((0, query.fetchAIResponse)(response.AISessionId, component, '', {
+	                    hits: response.hits || {}
+	                  }, props[component].componentType === constants$1.componentTypes.searchBox));
+	                }
 	              }
 	              dispatch((0, misc.setCustomData)(response.customData, component));
 	              if (response.hits && !((response.AIAnswer || response.AISessionId) && props[component].componentType === constants$1.componentTypes.searchBox)) {
@@ -8242,13 +8246,14 @@
 	        var chunk = decoder.decode(value, {
 	          stream: true
 	        });
-	        var lines = chunk.split('\n');
+	        var regex = /\n\n(?=data:)/;
+	        var lines = chunk.split(regex);
 	        var shouldStop = false;
 	        for (var i = 0; i < lines.length; i++) {
 	          var line = lines[i];
 	          if (line.startsWith('data: ')) {
 	            var content = line.slice(6);
-	            if (content === '[DONE]') {
+	            if (content === '[DONE]\n\n') {
 	              shouldStop = true;
 	              if (Promise.resolve(metaInfoPromise) === metaInfoPromise) {
 	                metaInfoPromise.then(function (resMeta) {
@@ -24776,7 +24781,7 @@
 	  // eslint-disable-next-line no-nested-ternary
 	  props.isSender ? props.themePreset !== 'dark' ? props.theme.colors.primaryColor : props.theme.colors.borderColor : props.theme.colors.borderColor) + ";\n\t}\n\n\tcode {\n\t\tline-height: normal;\n\n\t\tcolor: " + (
 	  // eslint-disable-next-line no-nested-ternary
-	  props.isSender ? props.themePreset !== 'dark' ? props.theme.colors.primaryTextColor : props.theme.colors.textColor : props.theme.colors.primaryTextColor) + ";\n\t\tborder-radius: 3px;\n\t\tfont-size: 85%;\n\t\tpadding: 0.2em 0.4em;\n\t\tmargin-top: 5px;\n\t\tdisplay: inline-block;\n\t\toverflow: auto;\n\t\twidth: fit-content;\n\t\tmax-width: 100%;\n\t}\n\tul,\n\tol {\n\t\tlist-style-position: inside;\n\n\t}\n\n\tli{\n\t\tdisplay: unset;\n\t\tcursor: default;\n\t\tpadding: initial;\n\n\t\t&:hover{\n\t\t\tbackground-color: initial;\n\t\t}\n\t}\n";
+	  props.isSender ? props.themePreset !== 'dark' ? props.theme.colors.primaryTextColor : props.theme.colors.textColor : props.theme.colors.primaryTextColor) + ";\n\t\tborder-radius: 3px;\n\t\tfont-size: 85%;\n\t\tpadding: 0.2em 0.4em;\n\t\tmargin-top: 5px;\n\t\tdisplay: inline-block;\n\t\toverflow: auto;\n\t\twidth: fit-content;\n\t\tmax-width: 100%;\n\t}\n\tul,\n\tol {\n\t\tlist-style-position: inside;\n\t\tpadding-left: 10px;\n\n\t}\n\n\tli{\n\t\tdisplay: list-item;\n\t\tcursor: default;\n\t\tpadding: initial;\n\n\t\t&:hover{\n\t\t\tbackground-color: initial;\n\t\t}\n\t}\n\tp {\n\t\tmargin: inherit;\n\t}\n";
 	};
 	var messageBGColor = function messageBGColor(props) {
 	  var finalBGColor;
@@ -26494,7 +26499,8 @@
 	    renderError: types.title,
 	    isLoading: types.boolRequired,
 	    sessionIdFromStore: Q.string,
-	    showComponent: types.boolRequired
+	    showComponent: types.boolRequired,
+	    style: types.style
 	  },
 	  mounted: function mounted() {},
 	  watch: {
@@ -26520,7 +26526,7 @@
 	            role: constants_7$1.ASSISTANT,
 	            content: response.answer.text
 	          });
-	          this.error = {
+	          if (!this.AISessionId) this.error = {
 	            message: this.errorMessageForMissingSessionId
 	          };
 	        }
@@ -26538,7 +26544,6 @@
 	      });
 	    },
 	    isAIResponseLoading: function isAIResponseLoading(newVal) {
-	      this.isLoadingState = newVal;
 	      this.$emit('on-data', {
 	        data: this.messages,
 	        rawData: this.$props.rawData,
@@ -26547,7 +26552,6 @@
 	      });
 	    },
 	    isLoading: function isLoading(newVal) {
-	      this.isLoadingState = newVal;
 	      this.$emit('on-data', {
 	        data: this.messages,
 	        rawData: this.$props.rawData,
@@ -26665,6 +26669,7 @@
 	      return null;
 	    },
 	    handleKeyPress: function handleKeyPress(e) {
+	      window.console.log('e', e);
 	      if (e.key === 'Enter') {
 	        this.handleSendMessage(e);
 	        this.inputMessage = '';
@@ -26762,7 +26767,7 @@
 	            "tabIndex": 0,
 	            "onClick": _this3.handleSendMessage,
 	            "onKeyPress": _this3.handleKeyPress,
-	            "class": "enter-btn " + helper_31(innerClass, 'ai-enter-button'),
+	            "class": "ask-btn " + helper_31(innerClass, 'ai-enter-button'),
 	            "disabled": _this3.isLoadingState || !_this3.AISessionId
 	          }, {
 	            "default": function _default() {
@@ -26826,7 +26831,10 @@
 	    if (!this.shouldShowComponent) {
 	      return null;
 	    }
-	    return vue.createVNode(Chatbox, null, {
+	    return vue.createVNode(Chatbox, {
+	      "style": props.style,
+	      "class": "--ai-chat-box-wrapper"
+	    }, {
 	      "default": function _default() {
 	        return [_this4.$props.title && vue.createVNode(Title, {
 	          "class": helper_31(_this4.$props.innerClass, 'title') || ''
@@ -26835,6 +26843,7 @@
 	            return [_this4.$props.title];
 	          }
 	        }), vue.createVNode(ChatContainer, {
+	          "class": "--ai-chat-container",
 	          "theme": props.theme,
 	          "showInput": props.showInput
 	        }, {
@@ -26912,12 +26921,10 @@
 	                      "default": function _default() {
 	                        return [vue.createVNode(MessageInput, {
 	                          "ref": _inputRef,
-	                          "type": "text",
 	                          "placeholder": props.placeholder,
 	                          "enterButton": props.enterButton,
 	                          "value": _this4.inputMessage,
 	                          "onInput": _this4.handleMessageInputChange,
-	                          "onKeyPress": _this4.handleKeyPress,
 	                          "id": props.componentId + "-ai-input",
 	                          "showIcon": props.showIcon,
 	                          "iconPosition": props.iconPosition,
@@ -39941,7 +39948,7 @@
 	  }, queryString, renderFunction);
 	}
 
-	var version = "3.0.0-rc.6.2";
+	var version = "3.0.0-rc.6.4";
 
 	var components = [RLConnected, ResultCard, ResultList, ReactiveBase, SBConnected, ListConnected, ListConnected$1, RangeConnected$1, RangeConnected$2, RangeConnected$3, RangeConnected, RcConnected, RcConnected$1, RcConnected$2, TBConnected, ListConnected$2, ListConnected$3, StateProviderConnected, RangeConnected$4, TreeListConnected, AIConnected];
 	function install$1 (Vue) {