yt-chat-components 0.9.7 → 0.9.9-a

package/.idea/sonarlint/issuestore/index.pb

@@ -19,8 +19,6 @@ H
 src/chatWidget/index.tsx,3/6/364385cedcce4c06de1901392ffeeac0caef0f3c
 =
 
-j
-:src/YtChatView/chatWidget/chatWindow/chatMessage/index.tsx,2/e/2e9f70bf32b414323ca1647e2b6f26e1533ee2fc
 e
 5src/YtChatView/chatWidget/chatWindow/index.module.css,d/7/d747cbed4201192dfa83a1a51345b020a050b647
 U
@@ -34,6 +32,4 @@ U
 A
 webpack.config.js,d/5/d5595158cc48f9bf3e51b06f6e6805a8fd2d6262
 S
-#src/chatWidget/chatWindow/index.tsx,6/c/6c024c1d0ad64656b9d4b0695ec3c49c0454addf
-=
-
+#src/chatWidget/chatWindow/index.tsx,6/c/6c024c1d0ad64656b9d4b0695ec3c49c0454addf

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yt-chat-components",
-  "version": "0.9.7",
+  "version": "0.9.9a",
   "main": "build/static/js/bundle.min.js",
   "module": "build/static/js/bundle.min.js",
   "types": "build/static/js/index.d.ts",

package/src/YtChatView/chatWidget/chatWindow/index.tsx

@@ -135,6 +135,7 @@ export default function ChatWindow({
   const {isTitleSideIcon, logoWidth, agentUrl} = baseConfig;
   const inputContainerRef = useRef(null);
   const [inputContainerHeight,setInputContainerHeight] = useState('50px')
+  const contentRef = useRef(nowAIContent);
 
   let voiceChunks = []; // 临时存储录制的语音片段
   // 滚动事件处理，选择文件时，文件内容超出显示框时，显示左右箭头
@@ -155,16 +156,21 @@ export default function ChatWindow({
 
   // 流式输出消息，实时显示（token为流式输出内容，end为结束输出，整体输出一次）
   const handleMessageContent = (event, data) => {
+    // console.error("event, data",event, data)
     if (event == 'add_message' && data['sender'] == 'Machine') {
       getHistoryList();
     } else if (event == 'token') {
-      setNowAIContent((prevState) => prevState + data['chunk']);
+      setNowAIContent((prevState) => {
+        const newValue = prevState + data['chunk'];
+        contentRef.current = newValue
+        return newValue
+      });
       if (lastMessage.current) lastMessage.current.scrollIntoView({ behavior: 'smooth' });
-    } else if (false && event == 'end') {// 移除end事件的响应
+    } else if (event == 'end') {
       const res = {
         data: data['result'],
       };
-      if (
+      if (false&&
         res.data &&
         res.data.outputs &&
         Object.keys(res.data.outputs).length > 0 &&
@@ -217,6 +223,15 @@ export default function ChatWindow({
             });
         }
       }
+      const output = {
+        message:contentRef.current,
+        type:'text'
+      };
+      addMessage({
+        message: extractMessageFromOutput(output),
+        isSend: false,
+        rawInfo: output.message,
+      });
       setSendingMessage(false);
     }
   };

package/src/YtChatView/previewDialog/index.jsx

@@ -355,7 +355,7 @@ export class ToolDialog extends React.Component {
         //  单独组件情况
         if(isRefreshWords){
           this.getFlowInfo().then(currentFlow=>{
-            const dropDownList = this.getDropDownList(currentFlow.welcome_words||[]);
+            const dropDownList = this.getDropDownList(currentFlow?.welcome_words||[]);
             this.setState({ dropDownList, currentFlow })
           })
         }
@@ -365,7 +365,7 @@ export class ToolDialog extends React.Component {
       }else{
         const currentScene = sceneData||this.state.sceneInfo;
         const currentFlow = currentScene.flows[0];
-        const dropDownList = this.getDropDownList(currentFlow.welcome_words||[]);
+        const dropDownList = this.getDropDownList(currentFlow?.welcome_words||[]);
         if(!isEmpty(sceneData)){
           this.setState({ currentFlow, dropDownList })
         }else if(isEmpty(this.state.sceneInfo)){
@@ -400,7 +400,7 @@ export class ToolDialog extends React.Component {
       return;
     }
     this.setState({ sessionId: uuidv4() });
-    this.setState({ dropDownList: this.getDropDownList(this.state.currentFlow.welcome_words||[]) })
+    this.setState({ dropDownList: this.getDropDownList(this.state.currentFlow?.welcome_words||[]) })
   }
 
   updateSessionId = (sessionId) => {
@@ -540,7 +540,7 @@ export class ToolDialog extends React.Component {
                                     this.setState({
                                       sessionId: uuidv4(),
                                       currentFlow: item,
-                                      dropDownList: this.getDropDownList(item.welcome_words)
+                                      dropDownList: this.getDropDownList(item?.welcome_words||[])
                                     });
                                     this.getCurrentFlowHistory(item.id);
                                   }}>