@tencentcloud/ai-desk-customer-vue 1.5.10 → 1.6.0

package/locales/vi/TUIChat.ts

@@ -1,75 +1,75 @@
 const TUIChat = {
-  "查看内容": "Xem nội dung",
-  "立即填写": "Điền ngay",
-  "已提交": "Đã gửi",
-  "不能为空": "Không được để trống",
-  "提交": "Gửi",
-  "撤回": "Thu hồi",
-  "删除": "Xóa",
-  "复制": "Sao chép",
-  "重新发送": "Gửi lại",
-  "转发": "Chuyển tiếp",
-  "引用": "Trích dẫn",
-  "打开": "Mở",
-  "已读": "Đã đọc",
-  "全部已读": "Đã đọc hết",
-  "人已读": " đã đọc",
-  "人未读": " chưa đọc",
-  "人关闭阅读状态": " đóng trạng thái đọc",
-  "消息详情": "Thông tin tin nhắn",
-  "关闭阅读状态": "Đóng trạng thái đọc",
-  "该消息不存在": "Tin nhắn không tồn tại",
-  "无法定位到原消息": "Không thể xác định được tin nhắn gốc",
-  "未读": "Chưa đọc",
-  "您": "Bạn",
-  "撤回了一条消息": "Đã thu hồi một tin nhắn",
-  "重新编辑": "Chỉnh sửa lại",
-  "我": "Tôi",
-  "查看更多": "Xem thêm",
-  "转发给": "Chuyển tiếp đến",
-  "请输入消息": "Nhập tin nhắn",
-  "描述": "Mô tả",
-  "经度": "Kinh độ",
-  "纬度": "Vĩ độ",
-  "自定义消息": "Tin nhắn tùy chỉnh",
-  "图片": "[hình ảnh]",
-  "语音": "[âm thanh]",
-  "视频": "[video]",
-  "表情": "[biểu tượng cảm xúc]",
-  "文件": "[tệp tin]",
-  "自定义": "[tin nhắn tùy chỉnh]",
-  "管理员开启全员禁言": "Quản trị viên mở chế độ im lặng cho tất cả mọi người",
-  "您已被管理员禁言": "Bạn đã bị quản trị viên im lặng",
-  "按Enter发送": "Nhấn Enter để gửi tin nhắn",
-  "单击下载": "Nhấp để tải xuống",
+  '查看内容': 'Xem nội dung',
+  '立即填写': 'Điền ngay',
+  '已提交': 'Đã gửi',
+  '不能为空': 'Không được để trống',
+  '提交': 'Gửi',
+  '撤回': 'Thu hồi',
+  '删除': 'Xóa',
+  '复制': 'Sao chép',
+  '重新发送': 'Gửi lại',
+  '转发': 'Chuyển tiếp',
+  '引用': 'Trích dẫn',
+  '打开': 'Mở',
+  '已读': 'Đã đọc',
+  '全部已读': 'Đã đọc hết',
+  '人已读': ' đã đọc',
+  '人未读': ' chưa đọc',
+  '人关闭阅读状态': ' đóng trạng thái đọc',
+  '消息详情': 'Thông tin tin nhắn',
+  '关闭阅读状态': 'Đóng trạng thái đọc',
+  '该消息不存在': 'Tin nhắn không tồn tại',
+  '无法定位到原消息': 'Không thể xác định được tin nhắn gốc',
+  '未读': 'Chưa đọc',
+  '您': 'Bạn',
+  '撤回了一条消息': 'Đã thu hồi một tin nhắn',
+  '重新编辑': 'Chỉnh sửa lại',
+  '我': 'Tôi',
+  '查看更多': 'Xem thêm',
+  '转发给': 'Chuyển tiếp đến',
+  '请输入消息': 'Nhập tin nhắn',
+  '描述': 'Mô tả',
+  '经度': 'Kinh độ',
+  '纬度': 'Vĩ độ',
+  '自定义消息': 'Tin nhắn tùy chỉnh',
+  '图片': '[hình ảnh]',
+  '语音': '[âm thanh]',
+  '视频': '[video]',
+  '表情': '[biểu tượng cảm xúc]',
+  '文件': '[tệp tin]',
+  '自定义': '[tin nhắn tùy chỉnh]',
+  '管理员开启全员禁言': 'Quản trị viên mở chế độ im lặng cho tất cả mọi người',
+  '您已被管理员禁言': 'Bạn đã bị quản trị viên im lặng',
+  '按Enter发送': 'Nhấn Enter để gửi tin nhắn',
+  '单击下载': 'Nhấp để tải xuống',
   '下载':'tải về',
-  "确认重发该消息？": "Xác nhận gửi lại tin nhắn này?",
-  "取消": "Hủy",
-  "确定": "Xác nhận",
-  "对方正在输入": "Đang nhập tin...",
-  "回到最新位置": "Quay lại vị trí mới nhất",
-  "条新消息": " tin nhắn mới",
-  "点此投诉": "Khiếu nại",
-  "语音通话": "Cuộc gọi thoại",
-  "视频通话": "Cuộc gọi video",
-  "发起群语音": "Bắt đầu cuộc gọi thoại nhóm",
-  "发起群视频": "Bắt đầu cuộc gọi video nhóm",
-  "已接听": "Đã trả lời",
-  "拒绝通话": "Từ chối cuộc gọi",
-  "无应答": "Không trả lời",
-  "取消通话": "Hủy cuộc gọi",
-  "发起通话": "Bắt đầu cuộc gọi",
-  "结束群聊": "Chỉnh sửa cuộc gọi nhóm",
-  "通话时长": "Thời gian gọi",
-  "欢迎使用TUICallKit": "Chào mừng đến với TUICallKit",
-  "检测到您暂未集成TUICallKit，无法体验音视频通话功能": "Phát hiện rằng bạn chưa tích hợp TUI CallKit, vì vậy bạn không thể trải nghiệm chức năng cuộc gọi âm thanh và video.",
-  "请点击": "Vui lòng nhấp chuột",
-  "集成TUICallKit": " Tích hợp TUICallKit ",
-  "开通腾讯实时音视频服务": "Tích hợp Tencent Real-Time Communication",
-  "进行体验": "để trải nghiệm.",
-  "您当前购买使用的套餐包暂未开通此功能": "Gói dịch vụ mà bạn đang sử dụng không hỗ trợ tính năng này.",
-  "系统消息": "Bot",
-  "转人工服务": "Chuyển sang dịch vụ nhân tạo",
+  '确认重发该消息？': 'Xác nhận gửi lại tin nhắn này?',
+  '取消': 'Hủy',
+  '确定': 'Xác nhận',
+  '对方正在输入': 'Đang nhập tin...',
+  '回到最新位置': 'Quay lại vị trí mới nhất',
+  '条新消息': ' tin nhắn mới',
+  '点此投诉': 'Khiếu nại',
+  '语音通话': 'Cuộc gọi thoại',
+  '视频通话': 'Cuộc gọi video',
+  '发起群语音': 'Bắt đầu cuộc gọi thoại nhóm',
+  '发起群视频': 'Bắt đầu cuộc gọi video nhóm',
+  '已接听': 'Đã trả lời',
+  '拒绝通话': 'Từ chối cuộc gọi',
+  '无应答': 'Không trả lời',
+  '取消通话': 'Hủy cuộc gọi',
+  '发起通话': 'Bắt đầu cuộc gọi',
+  '结束群聊': 'Chỉnh sửa cuộc gọi nhóm',
+  '通话时长': 'Thời gian gọi',
+  '欢迎使用TUICallKit': 'Chào mừng đến với TUICallKit',
+  '检测到您暂未集成TUICallKit，无法体验音视频通话功能': 'Phát hiện rằng bạn chưa tích hợp TUI CallKit, vì vậy bạn không thể trải nghiệm chức năng cuộc gọi âm thanh và video.',
+  '请点击': 'Vui lòng nhấp chuột',
+  '集成TUICallKit': ' Tích hợp TUICallKit ',
+  '开通腾讯实时音视频服务': 'Tích hợp Tencent Real-Time Communication',
+  '进行体验': 'để trải nghiệm.',
+  '您当前购买使用的套餐包暂未开通此功能': 'Gói dịch vụ mà bạn đang sử dụng không hỗ trợ tính năng này.',
+  '系统消息': 'Bot',
+  '转人工服务': 'Chuyển sang dịch vụ nhân tạo',
   '点击处理': 'Nhấp để xử lý',
   '发送失败': 'Gửi thất bại',
   '复制成功': 'Sao chép thành công',
@@ -110,8 +110,12 @@ const TUIChat = {
   '空': 'Trống',
   '文本包含本地审核拦截词': 'Văn bản chứa từ cấm kiểm duyệt địa phương',
   '按住说话': 'Nhấn và nói',
-  '抬起发送': 'Nhấc lên để gửi',
-  '抬起取消': 'Nhấc lên để hủy',
+  '松开发送': 'Nhấc lên để gửi',
+  '松手取消': 'Nhấc lên để hủy',
+  '录音结束提醒': 'Ghi âm sẽ dừng sau',
+  '语音播放失败': 'Phát lại âm thanh không thành công',
+  '请检查麦克风访问权限': 'Vui lòng kiểm tra quyền truy cập microphone',
+  '按压时间过短，请按压超过1秒': 'Thời gian nhấn quá ngắn, vui lòng nhấn giữ hơn 1 giây',
   '正在录音': 'Đang ghi âm',
   '继续上滑可取消': 'Tiếp tục vuốt lên để hủy',
   '松开手指 取消发送': 'Nhả tay để hủy gửi',

package/locales/zh_cn/TUIChat.ts

@@ -105,11 +105,15 @@ const TUIChat = {
   '空': '空',
   '文本包含本地审核拦截词': '文本包含本地审核拦截词',
   '按住说话': '按住说话',
-  '抬起发送': '抬起发送',
-  '抬起取消': '抬起取消',
+  '松开发送': '松开发送',
+  '松手取消': '松手取消',
   '正在录音': '正在录音',
   '继续上滑可取消': '继续上滑可取消',
   '松开手指 取消发送': '松开手指 取消发送',
+  '录音结束提醒': '秒后自动结束录音',
+  '请检查麦克风访问权限': '请检查麦克风访问权限',
+  '按压时间过短，请按压超过1秒': '按压时间过短，请按压超过1秒',
+  '语音播放失败': '语音播放失败',
   '此机型暂不支持复制功能': '此机型暂不支持复制功能',
   '请开通翻译功能': '请开通翻译功能',
   '请开通语音转文字功能': '请开通语音转文字功能',

package/locales/zh_tw/TUIChat.ts

@@ -105,11 +105,15 @@ const TUIChat = {
   '空': '空',
   '文本包含本地审核拦截词': '文本包含本地審核攔截詞',
   '按住说话': '按住說話',
-  '抬起发送': '抬起發送',
-  '抬起取消': '抬起取消',
+  '松开发送': '松開發送',
+  '松手取消': '松手取消',
   '正在录音': '正在錄音',
   '继续上滑可取消': '繼續上滑可取消',
   '松开手指 取消发送': '松開手指 取消發送',
+  '录音结束提醒': '秒後自動結束錄音',
+  '语音播放失败': '語音播放失敗',
+  '请检查麦克风访问权限': '請檢查麥克風存取權限',
+  '按压时间过短，请按压超过1秒': '按壓時間過短，請按壓超過1秒',
   '此机型暂不支持复制功能': '此機型暫不支持複製功能',
   '请开通翻译功能': '請開通翻譯功能',
   '请开通语音转文字功能': '請開通語音轉文字功能',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tencentcloud/ai-desk-customer-vue",
-  "version": "1.5.10",
+  "version": "1.6.0",
   "description": "Vue2/Vue3 UIKit for AI Desk",
   "main": "index",
   "keywords": [
@@ -34,6 +34,7 @@
     "@types/lodash": "^4.14.202",
     "countries-and-timezones": "^3.8.0",
     "dayjs": "^1.11.10",
+    "js-audio-recorder": "^1.0.7",
     "lodash": "^4.17.21",
     "marked": "^6.0.0",
     "mp-html": "^2.5.0",

package/server.ts

@@ -17,7 +17,7 @@ import TUIChatEngine, {
 import Log from './utils/logger';
 import { version } from './package.json'
 import { Toast, TOAST_TYPE } from "./components/common/Toast/index-web";
-import { switchReadStatus, transferToHuman, transferToTaskFlow, validateUserID, updateCustomStore } from "./utils/utils";
+import { switchReadStatus, transferToHuman, transferToTaskFlow, validateUserID, updateCustomStore, isNonEmptyObject } from "./utils/utils";
 import state from "./utils/state";
 import { USER_DEFAULT_AVATAR } from "./constant";
 import { vueVersion } from "./adapter-vue-web";
@@ -45,11 +45,13 @@ export default class TUICustomerServer {
   private loggedInUserID: string;
   private myProfile: IProfile;
   private paramsForActiveAgain: any;
+  private loginFailToasts: any[];
   constructor() {
     TUICore.registerService(TUIConstants.TUICustomerServicePlugin.SERVICE.NAME, this);
     TUICore.registerExtension(TUIConstants.TUIContact.EXTENSION.CONTACT_LIST.EXT_ID, this);
     this.customerServiceIDList = ['@customer_service_account'];
     this.currentCustomerServiceID = this.customerServiceIDList[0];
+    this.loginFailToasts = [];
     this.isLoggedIn = false;
     this.loggedInUserID = '';
     this.myProfile = { avatar: USER_DEFAULT_AVATAR };
@@ -62,6 +64,15 @@ export default class TUICustomerServer {
     return TUICustomerServer.instance;
   }
 
+  private clearToasts() {
+    this.loginFailToasts.forEach(toast => {
+      if (isNonEmptyObject(toast)) {
+        toast.close();
+      }
+    });
+    this.loginFailToasts = [];
+  }
+
   private async loginCustomerUIKit(SDKAppID:number, userID:string, userSig:string) {
     clearChatStorage(SDKAppID, userID);
     return TUIChatEngine.login({
@@ -71,6 +82,7 @@ export default class TUICustomerServer {
       useUploadPlugin: true,
     }).then(() => {
       Log.i(`login success. userID:${userID}`);
+      this.clearToasts();
       this.isLoggedIn = true;
       this.loggedInUserID = userID;
       this.switchConversation(`C2C${this.currentCustomerServiceID}`);
@@ -78,11 +90,12 @@ export default class TUICustomerServer {
       TUIChatEngine.chat.callExperimentalAPI('isFeatureEnabledForStat', Math.pow(2, 42));
     })
       .catch((error) => {
-        Toast({
+        let loginFailToast = Toast({
           message: TUITranslateService.t('TUIChat.登录失败'),
           type: TOAST_TYPE.ERROR,
           duration: 30000,
         });
+        this.loginFailToasts.push(loginFailToast);
         Log.l(error);
       })
   }
@@ -131,10 +144,16 @@ export default class TUICustomerServer {
     if (nickName) {
       // chat 个人资料的昵称是 nick
       this.myProfile.nick = nickName;
+    } else {
+      this.myProfile.nick = '';
     }
+
     if (avatar) {
       this.myProfile.avatar = avatar;
+    } else {
+      this.myProfile.avatar = USER_DEFAULT_AVATAR;
     }
+    
     if (customerServiceID) {
       this.currentCustomerServiceID = customerServiceID;
       if (!this.customerServiceIDList.includes(this.currentCustomerServiceID)) {
@@ -146,7 +165,7 @@ export default class TUICustomerServer {
 
   public async unInit() {
     this.isLoggedIn = false;
-    this.myProfile = { avatar: USER_DEFAULT_AVATAR };
+    this.clearToasts();
     return TUIChatEngine.logout();
   }
 

package/utils/utils.ts

@@ -363,4 +363,17 @@ export function validateUserID(userID: string) {
 
 export function updateCustomStore(key: string, data: {conversationID: string, value: boolean}) {
   TUIStore.update(StoreName.CUSTOM, key, data);
+}
+
+export function debounce(func, delay) {
+  let timeoutID;
+  return function (this: any, ...args) {
+    const context = this;
+    if (timeoutID) {
+      clearTimeout(timeoutID);
+    }
+    timeoutID = setTimeout(() => {
+      func.apply(context, args); 
+    }, delay);
+  }
 }