pcm-agents 0.3.0 → 0.3.2

package/dist/collection/components/pcm-hr-chat-modal/pcm-hr-chat-modal.js

@@ -1,5 +1,5 @@
 import { h } from "@stencil/core";
-import { convertWorkflowStreamNodeToMessageRound, sendSSERequest, sendHttpRequest } from "../../utils/utils";
+import { convertWorkflowStreamNodeToMessageRound, sendSSERequest, sendHttpRequest, uploadFileToBackend, API_DOMAIN } from "../../utils/utils";
 export class ChatHRModal {
     /**
      * 模态框标题
@@ -8,7 +8,7 @@ export class ChatHRModal {
     /**
      * API鉴权密钥
      */
-    apiKey = '';
+    token = '';
     /**
      * 是否显示聊天模态框
      */
@@ -38,7 +38,7 @@ export class ChatHRModal {
      */
     isNeedClose = true;
     /**
-     * 会话ID
+     * 会话ID，传入继续对话，否则创建新会话
      */
     conversationId;
     /**
@@ -133,7 +133,7 @@ export class ChatHRModal {
      */
     toEmail = '';
     /**
-     * 是否以全屏模式打开
+     * 是否以全屏模式打开，移动端建议设置为true
      */
     fullscreen = false;
     // 添加新的状态来跟踪视频上传
@@ -160,10 +160,8 @@ export class ChatHRModal {
     enableVoice = true;
     /**
      * 是否显示题干内容
-     * 1: 显示题干内容
-     * 0: 不显示题干内容
      */
-    displayContentStatus = "1";
+    displayContentStatus = true;
     /**
      * 用户ID
      */
@@ -183,25 +181,16 @@ export class ChatHRModal {
             return;
         this.isUploading = true;
         try {
-            const formData = new FormData();
-            formData.append('file', this.selectedFile);
-            const response = await fetch('https://pcm_api.ylzhaopin.com/external/v1/files/upload', {
-                method: 'POST',
-                headers: {
-                    'authorization': 'Bearer ' + this.apiKey
-                },
-                body: formData
+            const result = await uploadFileToBackend(this.selectedFile, {
+                'authorization': 'Bearer ' + this.token
             });
-            const result = await response.json();
-            if (!response.ok) {
-                throw new Error(result.message || '文件上传失败');
-            }
             if (result) {
                 this.uploadedFileInfo = [{
                         cos_key: result.cos_key,
-                        filename: result.filename,
-                        ext: result.ext,
-                        presigned_url: result.presigned_url
+                        file_name: result.file_name,
+                        file_size: result.file_size,
+                        presigned_url: result.presigned_url,
+                        ext: result.ext
                     }];
             }
         }
@@ -279,13 +268,14 @@ export class ChatHRModal {
             response_mode: 'streaming',
             conversation_id: this.conversationId,
             query: queryText,
-            user: this.userId // 使用传入的 userId
+            user: this.userId, // 使用传入的 userId
+            bot_id: "3022316191018880"
         };
         requestData.inputs = {
             job_info: this.selectedJobCategory,
             dimensional_info: this.selectedDimensions.join(','),
             email: this.toEmail,
-            display_content_status: this.displayContentStatus
+            display_content_status: this.displayContentStatus ? "1" : "0"
         };
         // 如果有上传的文件，添加到inputs参数
         if (this.uploadedFileInfo.length > 0) {
@@ -293,10 +283,10 @@ export class ChatHRModal {
             requestData.inputs.file_urls = fileUrls;
         }
         await sendSSERequest({
-            url: `https://pcm_api.ylzhaopin.com/external/v1/chat/chat-messages`,
+            url: '/sdk/v1/chat/chat-messages',
             method: 'POST',
             headers: {
-                'authorization': 'Bearer ' + this.apiKey
+                'authorization': 'Bearer ' + this.token
             },
             data: requestData,
             onMessage: (data) => {
@@ -383,18 +373,18 @@ export class ChatHRModal {
             }
         });
     }
-    // 添加保存答案的方法
+    // 修改保存答案的方法
     async saveAnswer(conversationId, question, answer) {
         try {
             await sendHttpRequest({
-                url: 'https://pcm_api.ylzhaopin.com/agents/hr_competition/answer',
+                url: '/sdk/v1/hr_competition/answer',
                 method: 'POST',
                 headers: {
-                    'authorization': 'Bearer ' + this.apiKey
+                    'authorization': 'Bearer ' + this.token
                 },
                 data: {
                     conversation_id: conversationId,
-                    user: this.userId, // 使用传入的 userId
+                    user: this.userId,
                     question: question,
                     answer: answer
                 },
@@ -440,65 +430,53 @@ export class ChatHRModal {
             window.history.replaceState({}, '', newUrl);
         }
     }
-    // 修改 loadHistoryMessages 方法
+    // 修改加载历史消息的方法
     async loadHistoryMessages() {
         if (!this.conversationId)
             return;
         this.isLoadingHistory = true;
         console.log('加载历史消息...');
         try {
-            await sendHttpRequest({
-                url: `https://pcm_api.ylzhaopin.com/external/v1/chat/messages`,
+            const response = await sendHttpRequest({
+                url: '/sdk/v1/chat/messages',
                 method: 'GET',
                 headers: {
-                    'authorization': 'Bearer ' + this.apiKey
+                    'authorization': 'Bearer ' + this.token
                 },
                 data: {
                     conversation_id: this.conversationId,
+                    bot_id: "3022316191018880",
                     limit: 20
-                },
-                onMessage: (data) => {
-                    if (data.data) {
-                        const historyData = data.data || [];
-                        const formattedMessages = historyData.map(msg => {
-                            const time = new Date(msg.created_at * 1000);
-                            const hours = time.getHours().toString().padStart(2, '0');
-                            const minutes = time.getMinutes().toString().padStart(2, '0');
-                            const timeStr = `${hours}:${minutes}`;
-                            // 创建新的消息对象，不包含 inputs 字段
-                            const { inputs, ...msgWithoutInputs } = msg;
-                            return {
-                                ...msgWithoutInputs,
-                                time: timeStr,
-                                isStreaming: false,
-                                status: msg.status === 'error' ? 'error' : 'normal'
-                            };
-                        });
-                        this.messages = formattedMessages;
-                        this.isLoadingHistory = false;
-                        requestAnimationFrame(() => {
-                            this.shouldAutoScroll = true;
-                            this.scrollToBottom();
-                        });
-                    }
-                    else {
-                        this.isLoadingHistory = false;
-                    }
-                },
-                onError: (error) => {
-                    console.error('加载历史消息失败:', error);
-                    alert(error instanceof Error ? error.message : '加载历史消息失败，请刷新重试');
-                    this.isLoadingHistory = false;
-                },
-                onComplete: () => {
-                    this.isLoadingHistory = false;
                 }
             });
+            if (response.success && response.data) {
+                const historyData = response.data.data || [];
+                const formattedMessages = historyData.map(msg => {
+                    const time = new Date(msg.created_at * 1000);
+                    const hours = time.getHours().toString().padStart(2, '0');
+                    const minutes = time.getMinutes().toString().padStart(2, '0');
+                    const timeStr = `${hours}:${minutes}`;
+                    const { inputs, ...msgWithoutInputs } = msg;
+                    return {
+                        ...msgWithoutInputs,
+                        time: timeStr,
+                        isStreaming: false,
+                        status: msg.status === 'error' ? 'error' : 'normal'
+                    };
+                });
+                this.messages = formattedMessages;
+            }
         }
         catch (error) {
             console.error('加载历史消息失败:', error);
             alert(error instanceof Error ? error.message : '加载历史消息失败，请刷新重试');
+        }
+        finally {
             this.isLoadingHistory = false;
+            requestAnimationFrame(() => {
+                this.shouldAutoScroll = true;
+                this.scrollToBottom();
+            });
         }
     }
     // 修改 isOpen 的 watch 方法
@@ -806,31 +784,25 @@ export class ChatHRModal {
             this.videoRef = null;
         }
     }
-    // 上传录制的视频
+    // 修改上传录制的视频的方法
     async uploadRecordedVideo() {
         if (!this.recordedBlob)
             return;
         try {
-            this.isUploadingVideo = true; // 开始上传时设置状态
-            this.showRecordingUI = false; // 隐藏视频预览
+            this.isUploadingVideo = true;
+            this.showRecordingUI = false;
             // 根据Blob类型确定文件扩展名
             const fileExtension = this.recordedBlob.type.includes('webm') ? 'webm' : 'mp4';
             const fileName = `answer.${fileExtension}`;
-            const formData = new FormData();
-            formData.append('file', this.recordedBlob, fileName);
-            const response = await fetch('https://pcm_api.ylzhaopin.com/external/v1/files/upload', {
-                method: 'POST',
-                headers: {
-                    'authorization': 'Bearer ' + this.apiKey
-                },
-                body: formData
+            // 创建File对象
+            const videoFile = new File([this.recordedBlob], fileName, { type: this.recordedBlob.type });
+            // 使用uploadFileToBackend上传视频
+            const result = await uploadFileToBackend(videoFile, {
+                'authorization': 'Bearer ' + this.token
             });
-            const result = await response.json();
-            console.log('视频上传结果:', result);
-            if (result && result.cos_key) {
-                // 保存视频答案
+            if (result) {
+                // 使用 FileUploadResponse 类型的字段
                 await this.saveVideoAnswer(result.cos_key);
-                // 发送"下一题"请求
                 this.sendNextQuestion();
             }
             else {
@@ -839,7 +811,6 @@ export class ChatHRModal {
         }
         catch (error) {
             console.error('视频上传错误:', error);
-            // 通知父组件视频上传失败
             this.recordingError.emit({
                 type: 'upload_failed',
                 message: '视频上传失败',
@@ -847,12 +818,12 @@ export class ChatHRModal {
             });
         }
         finally {
-            this.isUploadingVideo = false; // 上传完成后重置状态
+            this.isUploadingVideo = false;
             this.showRecordingUI = false;
             this.recordedBlob = null;
         }
     }
-    // 保存视频答案
+    // 修改保存视频答案的方法
     async saveVideoAnswer(cosKey) {
         if (!this.conversationId)
             return;
@@ -861,14 +832,14 @@ export class ChatHRModal {
             if (!lastAIMessage)
                 return;
             await sendHttpRequest({
-                url: 'https://pcm_api.ylzhaopin.com/agents/hr_competition/answer',
+                url: '/sdk/v1/hr_competition/answer',
                 method: 'POST',
                 headers: {
-                    'authorization': 'Bearer ' + this.apiKey
+                    'authorization': 'Bearer ' + this.token
                 },
                 data: {
                     conversation_id: this.conversationId,
-                    user: this.userId, // 使用传入的 userId
+                    user: this.userId,
                     question: lastAIMessage.answer,
                     file_url: cosKey
                 },
@@ -890,10 +861,10 @@ export class ChatHRModal {
             return;
         try {
             await sendHttpRequest({
-                url: `https://pcm_api.ylzhaopin.com/agents/hr_competition/${this.conversationId}/end`,
+                url: `/sdk/v1/hr_competition/${this.conversationId}/end`,
                 method: 'POST',
                 headers: {
-                    'authorization': 'Bearer ' + this.apiKey
+                    'authorization': 'Bearer ' + this.token
                 },
             });
         }
@@ -904,11 +875,11 @@ export class ChatHRModal {
     // 添加TTS合成音频的方法
     async synthesizeAudio(text) {
         try {
-            const response = await fetch('https://pcm_api.ylzhaopin.com/external/v1/tts/synthesize_audio', {
+            const response = await fetch(`${API_DOMAIN}/sdk/v1/tts/synthesize_audio`, {
                 method: 'POST',
                 headers: {
                     'Content-Type': 'application/json',
-                    'authorization': 'Bearer ' + this.apiKey
+                    'authorization': 'Bearer ' + this.token
                 },
                 body: JSON.stringify({ text })
             });
@@ -1090,7 +1061,7 @@ export class ChatHRModal {
                 "reflect": false,
                 "defaultValue": "'\u5728\u7EBF\u5BA2\u670D'"
             },
-            "apiKey": {
+            "token": {
                 "type": "string",
                 "mutable": false,
                 "complexType": {
@@ -1106,7 +1077,7 @@ export class ChatHRModal {
                 },
                 "getter": false,
                 "setter": false,
-                "attribute": "api-key",
+                "attribute": "token",
                 "reflect": false,
                 "defaultValue": "''"
             },
@@ -1221,7 +1192,7 @@ export class ChatHRModal {
                 "optional": true,
                 "docs": {
                     "tags": [],
-                    "text": "\u4F1A\u8BDDID"
+                    "text": "\u4F1A\u8BDDID\uFF0C\u4F20\u5165\u7EE7\u7EED\u5BF9\u8BDD\uFF0C\u5426\u5219\u521B\u5EFA\u65B0\u4F1A\u8BDD"
                 },
                 "getter": false,
                 "setter": false,
@@ -1340,7 +1311,7 @@ export class ChatHRModal {
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "\u662F\u5426\u4EE5\u5168\u5C4F\u6A21\u5F0F\u6253\u5F00"
+                    "text": "\u662F\u5426\u4EE5\u5168\u5C4F\u6A21\u5F0F\u6253\u5F00\uFF0C\u79FB\u52A8\u7AEF\u5EFA\u8BAE\u8BBE\u7F6E\u4E3Atrue"
                 },
                 "getter": false,
                 "setter": false,
@@ -1389,24 +1360,24 @@ export class ChatHRModal {
                 "defaultValue": "true"
             },
             "displayContentStatus": {
-                "type": "string",
+                "type": "boolean",
                 "mutable": false,
                 "complexType": {
-                    "original": "string",
-                    "resolved": "string",
+                    "original": "boolean",
+                    "resolved": "boolean",
                     "references": {}
                 },
                 "required": false,
                 "optional": false,
                 "docs": {
                     "tags": [],
-                    "text": "\u662F\u5426\u663E\u793A\u9898\u5E72\u5185\u5BB9\r\n1: \u663E\u793A\u9898\u5E72\u5185\u5BB9\r\n0: \u4E0D\u663E\u793A\u9898\u5E72\u5185\u5BB9"
+                    "text": "\u662F\u5426\u663E\u793A\u9898\u5E72\u5185\u5BB9"
                 },
                 "getter": false,
                 "setter": false,
                 "attribute": "display-content-status",
                 "reflect": false,
-                "defaultValue": "\"1\""
+                "defaultValue": "true"
             },
             "userId": {
                 "type": "string",