@tencentcloud/ai-desk-customer-vue 1.3.0 → 1.5.0

package/locales/vi/aidesk.ts

@@ -1,18 +1,31 @@
 const AIDesk = {
-    "结束人工会话": "Kết thúc cuộc trò chuyện với người",
-    "转人工服务": "Chuyển sang dịch vụ của người",
-    "跳转": "Chuyển hướng",
-    "立即填写": "Điền ngay",
-    "已提交": "Đã gửi",
-    "提交": "Gửi",
-    "查看内容": "Xem nội dung",
-    "请填写必填项": "Vui lòng điền vào các mục bắt buộc",
-    "Hi，我是": "Xin chào, tôi là ",
-    "请输入内容":"Vui lòng nhập nội dung",
-    "如果满意请给好评哦～":"Nếu bạn hài lòng, hãy cho chúng tôi một đánh giá tốt nhé~",
-    "请对本次服务进行评价": "Vui lòng đánh giá dịch vụ này",
-    "提交评价": "Gửi đánh giá",
-    "并发限制": "Hiện có quá nhiều người đang truy cập. Vui lòng thử lại sau",
-    "分支选项异常": "Nội dung bất thường, vui lòng kiểm tra cấu hình luồng tác vụ"
+  "结束人工会话": "Kết thúc cuộc trò chuyện với người",
+  "转人工服务": "Chuyển sang dịch vụ của người",
+  "跳转": "Chuyển hướng",
+  "立即填写": "Điền ngay",
+  "已提交": "Đã gửi",
+  "提交": "Gửi",
+  "查看内容": "Xem nội dung",
+  "请填写必填项": "Vui lòng điền vào các mục bắt buộc",
+  "Hi，我是": "Xin chào, tôi là ",
+  "请输入内容":"Vui lòng nhập nội dung",
+  "如果满意请给好评哦～":"Nếu bạn hài lòng, hãy cho chúng tôi một đánh giá tốt nhé~",
+  "请对本次服务进行评价": "Vui lòng đánh giá dịch vụ này",
+  "提交评价": "Gửi đánh giá",
+  "服务评价": " Đánh giá dịch vụ",
+  "并发限制": "Hiện có quá nhiều người đang truy cập. Vui lòng thử lại sau",
+  "分支选项异常": "Nội dung bất thường, vui lòng kiểm tra cấu hình luồng tác vụ",
+  "满意":"Hài lòng",
+  "不满意":"Không hài lòng",
+  "感谢您的反馈，我们会持续优化改进":"Cảm ơn phản hồi của bạn, chúng tôi sẽ tiếp tục cải thiện",
+  "您遇到了哪方面的问题":"Bạn gặp vấn đề gì",
+  "其他反馈内容":"Phản hồi khác",
+  "取消":"Hủy",
+  "答非所问":"Câu trả lời không liên quan",
+  "未匹配相关内容":"Không có nội dung phù hợp",
+  "信息错误":"Thông tin sai",
+  "上下文理解错误":"Hiểu sai ngữ cảnh",
+  "格式不规范":"Định dạng không chuẩn",
+  "内容不完整":"Nội dung không đầy đủ",
 }
 export default AIDesk;

package/locales/zh_cn/aidesk.ts

@@ -1,18 +1,31 @@
 const AIDesk = {
-    "结束人工会话": "结束会话",
-    "转人工服务": "转人工服务",
-    "跳转": "跳转",
-    "立即填写": "立即填写",
-    "已提交": "已提交",
-    "提交": "提交",
-    "查看内容": "查看内容",
-    "请填写必填项": "请填写必填项",
-    "Hi，我是": "Hi，我是",
-    "请输入内容": "请输入内容",
-    "如果满意请给好评哦～": "如果满意请给好评哦～",
-    "请对本次服务进行评价": "请对本次服务进行评价",
-    "提交评价": "提交评价",
-    "并发限制": "当前咨询人数较多，请稍后再试",
-    "分支选项异常": "内容异常，请检查任务流配置"
+  "结束人工会话": "结束会话",
+  "转人工服务": "转人工服务",
+  "跳转": "跳转",
+  "立即填写": "立即填写",
+  "已提交": "已提交",
+  "提交": "提交",
+  "查看内容": "查看内容",
+  "请填写必填项": "请填写必填项",
+  "Hi，我是": "Hi，我是",
+  "请输入内容": "请输入内容",
+  "如果满意请给好评哦～": "如果满意请给好评哦～",
+  "请对本次服务进行评价": "请对本次服务进行评价",
+  "提交评价": "提交评价",
+  "服务评价": "服务评价",
+  "并发限制": "当前咨询人数较多，请稍后再试",
+  "分支选项异常": "内容异常，请检查任务流配置",
+  "满意":"满意",
+  "不满意":"不满意",
+  "感谢您的反馈，我们会持续优化改进":"感谢您的反馈，我们会持续优化改进",
+  "您遇到了哪方面的问题":"您遇到了哪方面的问题",
+  "其他反馈内容":"其他反馈内容",
+  "取消":"取消",
+  "答非所问":"答非所问",
+  "未匹配相关内容":"未匹配相关内容",
+  "信息错误":"信息错误",
+  "上下文理解错误":"上下文理解错误",
+  "格式不规范":"格式不规范",
+  "内容不完整":"内容不完整",
 }
 export default AIDesk;

package/locales/zh_tw/aidesk.ts

@@ -1,18 +1,31 @@
 const AIDesk = {
-    "结束人工会话": "結束會話",
-    "转人工服务": "轉人工服務",
-    "跳转": "跳轉",
-    "立即填写": "立即填寫",
-    "已提交": "已提交",
-    "提交": "提交",
-    "查看内容": "查看內容",
-    "请填写必填项": "請填寫必填項",
-    "Hi，我是": "Hi，我是",
-    "请输入内容": "請輸入內容",
-    "如果满意请给好评哦～": "如果滿意請給好評哦～",
-    "请对本次服务进行评价": "請對本次服務進行評價",
-    "提交评价": "提交評價",
-    "并发限制": "目前諮詢人數較多，請稍後再試",
-    "分支选项异常": "內容異常，請檢查任務流配置"
+  "结束人工会话": "結束會話",
+  "转人工服务": "轉人工服務",
+  "跳转": "跳轉",
+  "立即填写": "立即填寫",
+  "已提交": "已提交",
+  "提交": "提交",
+  "查看内容": "查看內容",
+  "请填写必填项": "請填寫必填項",
+  "Hi，我是": "Hi，我是",
+  "请输入内容": "請輸入內容",
+  "如果满意请给好评哦～": "如果滿意請給好評哦～",
+  "请对本次服务进行评价": "請對本次服務進行評價",
+  "提交评价": "提交評價",
+  "服务评价": "服務評價",
+  "并发限制": "目前諮詢人數較多，請稍後再試",
+  "分支选项异常": "內容異常，請檢查任務流配置",
+  "满意":"滿意",
+  "不满意":"不滿意",
+  "感谢您的反馈，我们会持续优化改进":"感謝您的反饋，我們會持續優化改進",
+  "您遇到了哪方面的问题":"您遇到了哪方面的問題",
+  "其他反馈内容":"其他反饋內容",
+  "取消":"取消",
+  "答非所问":"答非所問",
+  "未匹配相关内容":"未匹配相關內容",
+  "信息错误":"信息錯誤",
+  "上下文理解错误":"上下文理解錯誤",
+  "格式不规范":"格式不規範",
+  "内容不完整":"內容不完整",
 }
 export default AIDesk;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tencentcloud/ai-desk-customer-vue",
-  "version": "1.3.0",
+  "version": "1.5.0",
   "description": "Vue UIKit for AI Desk",
   "main": "index",
   "keywords": [

package/server.ts

@@ -17,6 +17,9 @@ import TUIChatEngine, {
 import Log from './utils/logger';
 import { version } from './package.json'
 import { Toast, TOAST_TYPE } from "./components/common/Toast/index-web";
+import { switchReadStatus } from "./utils/utils";
+import state from "./utils/state";
+import { USER_DEFAULT_AVATAR } from "./constant";
 
 interface IInitWithProfile {
   SDKAppID: number,
@@ -43,7 +46,7 @@ export default class TUICustomerServer {
     this.customerServiceAccounts = ['@customer_service_account'];
     this.isLoggedIn = false;
     this.loggedInUserID = '';
-    this.myProfile = {};
+    this.myProfile = { avatar: USER_DEFAULT_AVATAR };
   }
 
   static getInstance(): TUICustomerServer {
@@ -65,6 +68,7 @@ export default class TUICustomerServer {
       this.isLoggedIn = true;
       this.loggedInUserID = userID;
       TUIConversationService.switchConversation('C2C@customer_service_account');
+      switchReadStatus(state.get('showReadStatus'));
       TUIChatEngine.chat.callExperimentalAPI('isFeatureEnabledForStat', Math.pow(2, 42));
     })
       .catch((error) => {

package/utils/state.js

@@ -0,0 +1,30 @@
+const state = {
+  data: {}, 
+  // listeners: [], 
+  
+  // 获取数据
+  get(key) {
+    return this.data[key];
+  },
+  
+  // 设置数据
+  set(key, value) {
+    this.data[key] = value;
+    // this.notifyListeners();
+  },
+  
+  // // 监听数据变化
+  // subscribe(callback) {
+  //   this.listeners.push(callback);
+  //   return () => {
+  //     this.listeners = this.listeners.filter(cb => cb !== callback);
+  //   };
+  // },
+  
+  // // 通知所有监听器
+  // notifyListeners() {
+  //   this.listeners.forEach(cb => cb(this.data));
+  // }
+};
+
+export default state;

package/utils/utils.ts

@@ -1,4 +1,12 @@
-import TUIChatEngine, { TUITranslateService, TUIStore, StoreName, IMessageModel } from '@tencentcloud/chat-uikit-engine';
+import TUIChatEngine, {
+  TUITranslateService,
+  TUIStore,
+  StoreName,
+  IMessageModel,
+  TUIUserService,
+  IConversationModel,
+} from '@tencentcloud/chat-uikit-engine';
+import Log from './logger';
 
 export function deepCopy(data: any, hash = new WeakMap()) {
   if (typeof data !== 'object' || data === null || data === undefined) {
@@ -159,3 +167,42 @@ export function calculateTimestamp(timestamp: number): string {
     )}`;
   }
 }
+
+export function getSafeUrl(url) {
+  try {
+    const decodedUrl = decodeURIComponent(url);
+    const parsedUrl = new URL(decodedUrl);
+    if (!['http:', 'https:'].includes(parsedUrl.protocol)) {
+      return null;
+    }
+
+    // 清除 username 和 password
+    parsedUrl.username = '';
+    parsedUrl.password = '';
+    return parsedUrl.href;
+  } catch (e) {
+    return null;
+  }
+}
+
+export function openSafeUrl(content: string) {
+  const safeUrl = getSafeUrl(content);
+  if (safeUrl) {
+    window.open(safeUrl, '_blank', 'noopener,noreferrer');
+  } else {
+    Log.w(`Invalid URL provided:${content}`);
+  }
+}
+
+// call after chat engine is ready
+export function switchReadStatus(value: number) {
+  if (value !== 1) {
+    TUIUserService.switchMessageReadStatus(false);
+  } else {
+    TUIUserService.switchMessageReadStatus(true);
+  }
+}
+
+export function getTo(conversation: IConversationModel): string {
+  return conversation?.groupProfile?.groupID || conversation?.userProfile?.userID;
+}

package/components/CustomerServiceChat/message-list/message-elements/message-desk/message-desk-elements/message-single-form/form-branch.vue

@@ -1,68 +0,0 @@
-<template>
-  <div class="form-branch-container">
-    <p
-      v-if="props.title"
-      class="card-title"
-    >
-      {{ props.title }}
-    </p>
-    <div
-      v-for="(item, index) in props.list"
-      :key="index"
-      class="form-branch-item"
-      @click="listItemClick(item)"
-    >
-      {{ item.content }}
-    </div>
-  </div>
-</template>
-
-<script lang="ts">
-interface branchItem {
-  content: string;
-  desc: string;
-}
-
-interface Props {
-  title: string;
-  list: branchItem[];
-}
-
-export default {
-  props: {
-    title: {
-      type: String,
-      default: '',
-    },
-    list: {
-      type: Array,
-      default: () => [],
-    },
-  },
-  emits: ['input-click'],
-  setup(props: Props, { emit }) {
-    const listItemClick = (branch: branchItem): void => {
-      emit('input-click', branch);
-    };
-    return {
-      props,
-      listItemClick,
-    };
-  },
-};
-</script>
-<style lang="scss">
-.form-branch-container {
-  .card-title {
-    margin-bottom: 8px;
-  }
-
-  .form-branch-item {
-    font-weight: 400;
-    color: rgba(54, 141, 255, 1);
-    padding-top: 5px;
-    cursor: pointer;
-    padding-bottom: 5px;
-  }
-}
-</style>