@tencentcloud/ai-desk-customer-vue 0.3.0 → 1.0.0

package/locales/zh_cn/aidesk.ts

@@ -0,0 +1,17 @@
+const AIDesk = {
+    "结束人工会话": "结束会话",
+    "转人工服务": "转人工服务",
+    "跳转": "跳转",
+    "立即填写": "立即填写",
+    "已提交": "已提交",
+    "提交": "提交",
+    "查看内容": "查看内容",
+    "请填写必填项": "请填写必填项",
+    "Hi，我是": "Hi，我是",
+    "请输入内容": "请输入内容",
+    "如果满意请给好评哦～": "如果满意请给好评哦～",
+    "请对本次服务进行评价": "请对本次服务进行评价",
+    "提交评价": "提交评价"
+
+}
+export default AIDesk;

package/locales/zh_cn/component.ts

@@ -0,0 +1,6 @@
+const Component = {
+  "图片 url 不存在": "图片 url 不存在",
+  "暂不支持下载此类型图片": "暂不支持下载此类型图片",
+}
+
+export default Component;

package/locales/zh_cn/index.ts

@@ -0,0 +1,26 @@
+import TUIChat from './TUIChat';
+import Component from './component';
+import Time from './time';
+import AIDesk from './aidesk';
+
+const messages = {
+  zh: {
+    "取消": '取消',
+    "确定": '确定',
+    "发送": '发送',
+    "系统通知": '系统通知',
+    "关闭": '关闭',
+    "图片": '图片',
+    "文件": '文件',
+    "表情": '表情',
+    "视频": '视频',
+    "录制": '录制',
+    "拍照": '拍照',
+    TUIChat,
+    Component,
+    Time,
+    AIDesk,
+  },
+};
+
+export default messages;

package/locales/zh_cn/time.ts

@@ -0,0 +1,37 @@
+const Time = {
+  "周": "周",
+  "天": "天",
+  "小时": "小时",
+  "分钟": "分钟",
+  "刚刚": "刚刚",
+  "前": "前",
+  "昨天": "昨天",
+  "星期一": "星期一",
+  "星期二": "星期二",
+  "星期三": "星期三",
+  "星期四": "星期四",
+  "星期五": "星期五",
+  "星期六": "星期六",
+  "星期日": "星期日",
+  "一月": "一月",
+  "二月": "二月",
+  "三月": "三月",
+  "四月": "四月",
+  "五月": "五月",
+  "六月": "六月",
+  "七月": "七月",
+  "八月": "八月",
+  "九月": "九月",
+  "十月": "十月",
+  "十一月": "十一月",
+  "十二月": "十二月",
+  "一": "一",
+  "二": "二",
+  "三": "三",
+  "四": "四",
+  "五": "五",
+  "六": "六",
+  "日": "日",
+}
+
+export default Time;

package/locales/zh_tw/TUIChat.ts

@@ -0,0 +1,158 @@
+const TUIChat = {
+  '按Enter发送，Ctrl+Enter换行': '按Enter發送，Ctrl+Enter換行',
+  '表情': '[表情]',
+  '查看更多': '查看更多',
+  '撤回': '撤回',
+  '撤回了一条消息': '撤回了一條消息',
+  '打开': '打開',
+  '单击下载': '單擊下載',
+  '下载':'下載',
+  '点此投诉': '點此投訴',
+  '点击处理': '點擊處理',
+  '对方正在输入': '對方正在輸入...',
+  '发起群视频': '發起群視頻',
+  '发起群语音': '發起群語音',
+  '发起通话': '發起通話',
+  '发送失败': '發送失敗',
+  '复制': '複製',
+  '复制成功': '文本複製成功',
+  '该消息不存在': '該消息不存在',
+  '关闭阅读状态': '關閉',
+  '管理员开启全员禁言': '管理員開啟全員禁言',
+  '欢迎使用TUICallKit': '歡迎使用騰訊雲音視頻通話組件TUICallKit',
+  '回到最新位置': '回到最新位置',
+  '回复': '回覆',
+  '回复详情': '回覆詳情',
+  '集成TUICallKit': '集成 TUICallKit',
+  '检测到您暂未集成TUICallKit，无法体验音视频通话功能': '檢測到您暫未集成TUICallKit，無法體驗音視頻通話功能。',
+  '结束群聊': '結束群聊',
+  '进行体验': '進行體驗。',
+  '经度': '經度',
+  '拒绝': '拒絕',
+  '拒绝通话': '拒絕通話',
+  '开通腾讯实时音视频服务': '開通騰訊實時音視頻服務',
+  '聊天记录': '[聊天記錄]',
+  '描述': '描述',
+  '内容包含敏感词汇': '內容包含敏感詞彙',
+  '您': '您',
+  '您当前购买使用的套餐包暂未开通此功能': '您當前購買使用的套餐包暫未開通此功能。',
+  '您当前购买使用的套餐包暂未开通群消息已读回执功能': '您當前購買使用的套餐包暫未開通【群消息已讀回執】功能，請升級至旗艦版進行體驗',
+  '您当前购买使用的套餐包暂未开通在线用户列表功能': '您當前購買使用的套餐包暫未開通【在線用戶列表】功能，請升級至旗艦版進行體驗',
+  '您已被管理员禁言': '您已被管理員禁言',
+  '您有': '您有',
+  '请点击': '請點擊',
+  '请输入消息': '請輸入消息',
+  '取消': '取消',
+  '取消通话': '取消通話',
+  '全部已读': '全部已讀',
+  '确定': '確定',
+  '确认重发该消息？': '確認重發該消息？',
+  '人关闭阅读状态': '人關閉閱讀狀態',
+  '人未读': '人未讀',
+  '人已读': '人已讀',
+  '删除': '刪除',
+  '涉及敏感内容': '涉及敏感內容',
+  '申请加入': '申請加入',
+  '视频': '[視頻]',
+  '视频通话': '視頻通話',
+  '条回复': '條回覆',
+  '条入群申请': '條入群申請',
+  '条新消息': '條新消息',
+  '通话时长': '通話時長',
+  '同意': '同意',
+  '图片': '[圖片]',
+  '图片消息失败,无效的图片格式': '圖片消息失敗,無效的圖片格式',
+  '纬度': '緯度',
+  '未读': '未讀',
+  '位置': '[位置]',
+  '文件': '[文件]',
+  '文件不存在,请检查文件路径是否正确': '文件不存在,請檢查文件路徑是否正確',
+  '文件大小超出了限制,如果上传文件,最大限制是100MB': '文件大小超出了限制,如果上傳文件,最大限制是100MB',
+  '文件消息失败,禁止发送违规封禁的文件': '文件消息失敗,禁止發送違規封禁的文件',
+  '我': '我',
+  '无法查看': '無法查看',
+  '无法定位到原消息': '無法定位到原消息',
+  '无法收听': '無法收聽',
+  '正在加载': '正在加載...',
+  '加载结束': '加載結束',
+  '无应答': '無應答',
+  '系统消息': '系統消息',
+  '消息': 'message',
+  '消息或者资料中文本存在敏感内容,发送失败': '消息或者資料中文本存在敏感內容,發送失敗',
+  '消息详情': '消息詳情',
+  '消息长度超出限制,消息长度不要超过12K': '消息長度超出限制,消息長度不要超過12K',
+  '消息中图片存在敏感内容,发送失败': '消息中圖片存在敏感內容,發送失敗',
+  '选择提醒的人': '選擇提醒的人',
+  '已读': '已讀',
+  '已过撤回时限': '已過撤回時限',
+  '已接听': '已接聽',
+  '已拒绝': '已拒絕',
+  '已同意': '已同意',
+  '引用': '引用',
+  '引用失败': '引用失敗',
+  '语音': '[語音]',
+  '语音通话': '語音通話',
+  '重新编辑': '重新編輯',
+  '重新发送': '重新發送',
+  '转发': '轉發',
+  '翻译': '翻譯',
+  '转文字': '轉文字',
+  '隐藏': '隱藏',
+  '转发给': '轉發給',
+  '自定义': '[自定義消息]',
+  '自定义消息': '自定義消息',
+  '腾讯云 IM': '騰訊雲 IM',
+  '空': '空',
+  '文本包含本地审核拦截词': '文本包含本地審核攔截詞',
+  '按住说话': '按住說話',
+  '抬起发送': '抬起發送',
+  '抬起取消': '抬起取消',
+  '正在录音': '正在錄音',
+  '继续上滑可取消': '繼續上滑可取消',
+  '松开手指 取消发送': '松開手指 取消發送',
+  '此机型暂不支持复制功能': '此機型暫不支持複製功能',
+  '请开通翻译功能': '請開通翻譯功能',
+  '请开通语音转文字功能': '請開通語音轉文字功能',
+  '翻译中': '翻譯中',
+  '转换中': '轉換中',
+  '由IM提供翻译支持': '由IM提供翻譯支持',
+  '所有人': '所有人',
+  '已达到表情回应上限数量': '已達到表情回應上限數量',
+  '等': '等',
+  '人': '人',
+  '返回': '返回',
+  '关闭': '關閉',
+  '多选': '多選',
+  '合并转发': '合併轉發',
+  '逐条转发': '逐條轉發',
+  '未选择消息': '未選擇消息',
+  '引用内容已撤回': '引用內容已撤回',
+  '[草稿]': '[草稿]',
+  '[消息]': '[消息]',
+  '[文本]': '[文本]',
+  '[自定义消息]': '[自定義消息]',
+  '[图片]': '[圖片]',
+  '[音频]': '[音頻]',
+  '[语音]': '[語音]',
+  '[视频]': '[視頻]',
+  '[文件]': '[文件]',
+  '[位置]': '[地理位置]',
+  '[地理位置]': '[地理位置]',
+  '[动画表情]': '[動畫表情]',
+  '[群提示]': '[群提示]',
+  '[群提示消息]': '[群提示消息]',
+  '[聊天记录]': '[聊天記錄]',
+  '[机器人自定义消息]': '[機器人自訂訊息]',
+  '群聊的聊天记录': '群聊的聊天記錄',
+  '和': '和',
+  '的聊天记录': '的聊天記錄',
+  '请升级IMSDK到v2.10.1或更高版本查看此消息': '請升級IMSDK到v2.10.1或更高版本查看此消息',
+  '您已被管理员移出群聊': '您已被管理員移出群聊',
+  '该群聊已被解散': '該群聊已被解散',
+  '您已退出该群聊': '您已退出該群聊',
+  '您已被禁止聊天': '您已被禁止聊天',
+  '账号被强制下线': '帳號被強制下線',
+  '登录失败': '登入失敗',
+};
+
+export default TUIChat;

package/locales/zh_tw/aidesk.ts

@@ -0,0 +1,16 @@
+const AIDesk = {
+    "结束人工会话": "結束會話",
+    "转人工服务": "轉人工服務",
+    "跳转": "跳轉",
+    "立即填写": "立即填寫",
+    "已提交": "已提交",
+    "提交": "提交",
+    "查看内容": "查看內容",
+    "请填写必填项": "請填寫必填項",
+    "Hi，我是": "Hi，我是",
+    "请输入内容": "請輸入內容",
+    "如果满意请给好评哦～": "如果滿意請給好評哦～",
+    "请对本次服务进行评价": "請對本次服務進行評價",
+    "提交评价": "提交評價",
+}
+export default AIDesk;

package/locales/zh_tw/component.ts

@@ -0,0 +1,6 @@
+const Component = {
+  "图片 url 不存在": "圖片 url 不存在",
+  "暂不支持下载此类型图片": "暫不支持下載此類型圖片",
+};
+
+export default Component;

package/locales/zh_tw/index.ts

@@ -0,0 +1,26 @@
+import TUIChat from './TUIChat';
+import Component from './component';
+import Time from './time';
+import AIDesk from './aidesk';
+
+const messages = {
+  zh_tw: {
+    "取消": '取消',
+    "确定": '確定',
+    "发送": '發送',
+    "系统通知": '系統通知',
+    "关闭": '關閉',
+    "图片": '圖片',
+    "文件": '文件',
+    "表情": '表情',
+    "视频": '視頻',
+    "录制": '錄製',
+    "拍照": '拍照',
+    AIDesk,
+    TUIChat,
+    Component,
+    Time,
+  },
+};
+
+export default messages;

package/locales/zh_tw/time.ts

@@ -0,0 +1,37 @@
+const Time = {
+  "周": "週",
+  "天": "天",
+  "小时": "小時",
+  "分钟": "分鐘",
+  "刚刚": "剛剛",
+  "前": "前",
+  "昨天": "昨天",
+  "星期一": "星期一",
+  "星期二": "星期二",
+  "星期三": "星期三",
+  "星期四": "星期四",
+  "星期五": "星期五",
+  "星期六": "星期六",
+  "星期日": "星期日",
+  "一月": "一月",
+  "二月": "二月",
+  "三月": "三月",
+  "四月": "四月",
+  "五月": "五月",
+  "六月": "六月",
+  "七月": "七月",
+  "八月": "八月",
+  "九月": "九月",
+  "十月": "十月",
+  "十一月": "十一月",
+  "十二月": "十二月",
+  "一": "一",
+  "二": "二",
+  "三": "三",
+  "四": "四",
+  "五": "五",
+  "六": "六",
+  "日": "日",
+}
+
+export default Time;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@tencentcloud/ai-desk-customer-vue",
-  "version": "0.3.0",
-  "description": "chat uikit ai-desk-customer web-mui-uikit",
+  "version": "1.0.0",
+  "description": "Vue UIKit for AI Desk",
   "main": "index",
   "keywords": [
     "customer service",

package/server.ts

@@ -1,15 +1,25 @@
 import TUICore, { TUIConstants } from '@tencentcloud/tui-core';
 import {
   isCustomerServiceMessage,
+  isThinkingMessage,
   isMessageInvisible,
+  clearChatStorage,
 } from './utils/index';
-import TUIChatEngine, { TUIChatService, TUIConversationService,IMessageModel  } from '@tencentcloud/chat-uikit-engine';
+import TUIChatEngine, {
+  TUIChatService,
+  TUIConversationService,
+  IMessageModel,
+  TUITranslateService
+} from '@tencentcloud/chat-uikit-engine';
 import Log from './utils/logger';
+import { version } from './package.json'
+import { Toast, TOAST_TYPE } from "./components/common/Toast/index-web";
 
 export default class TUICustomerServer {
   static isInitialized: boolean;
   static instance: TUICustomerServer;
   private customerServiceAccounts: any[];
+  static loggedInUserID: string;
   constructor() {
     TUICore.registerService(TUIConstants.TUICustomerServicePlugin.SERVICE.NAME, this);
     TUICore.registerExtension(TUIConstants.TUIContact.EXTENSION.CONTACT_LIST.EXT_ID, this);
@@ -25,34 +35,48 @@ export default class TUICustomerServer {
   }
 
   static loginCustomerUIKit(SDKAppID:number, userID:string, userSig:string) {
+    clearChatStorage(SDKAppID, userID);
     TUIChatEngine.login({
       SDKAppID,
       userID,
       userSig,
       useUploadPlugin: true,
     }).then(() => {
-      Log.i("login success");
+      Log.i(`login success. userID:${userID}`);
+      TUICustomerServer.loggedInUserID = userID;
       TUIConversationService.switchConversation('C2C@customer_service_account');
       TUIChatEngine.chat.callExperimentalAPI('isFeatureEnabledForStat', Math.pow(2, 42));
     })
     .catch((error) => {
+      Toast({
+        message: TUITranslateService.t('TUIChat.登录失败'),
+        type: TOAST_TYPE.ERROR,
+        duration: 30000,
+      });
       Log.l(error);
     })
   }
 
-  /**
-   * init
-   */
   public static init(SDKAppID:number, userID:string, userSig:string) {
+    Log.l(`TUICustomerServer.init version:${version} SDKAppID:${SDKAppID} userID:${userID} isInitialized:${TUICustomerServer.isInitialized} loggedInUserID:${TUICustomerServer.loggedInUserID}`);
     // Backward compatibility, the new version executes the init operation by default in index.ts
     if (TUICustomerServer.isInitialized) {
-      return;
+      if (TUICustomerServer.loggedInUserID === userID) {
+        return;
+      }
+      TUICustomerServer.unInit().finally(() => {
+        this.loginCustomerUIKit(SDKAppID, userID, userSig);
+      });
+    } else {
+      TUICustomerServer.isInitialized = true;
+      // Execute call server when native plugin TUICallKit exists
+      this.loginCustomerUIKit(SDKAppID, userID, userSig);
     }
-    TUICustomerServer.isInitialized = true;
-    // Execute call server when native plugin TUICallKit exists
-    this.loginCustomerUIKit(SDKAppID, userID, userSig);
   }
 
+  public static async unInit() {
+    return TUIChatEngine.logout();
+  }
 
   // Determine if the current session is a customer service session
   public isCustomerConversation(conversationID: string) {
@@ -65,6 +89,9 @@ export default class TUICustomerServer {
     if (!message || !this.isCustomerConversation(message.conversationID)) {
       return false;
     }
+    if (isThinkingMessage(message)) {
+      return false;
+    }
     return isCustomerServiceMessage(message) || isMessageInvisible(message);
   }
 

package/utils/index.ts

@@ -1,5 +1,5 @@
 import { customerServicePayloadType } from '../interface';
-import { CUSTOM_MESSAGE_SRC, TYPES } from '../constant';
+import { CUSTOM_MESSAGE_SRC, TYPES, WHITE_LIST } from '../constant';
 import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
 
 // Determine if it is a JSON string
@@ -37,26 +37,31 @@ export const isMessageRating = (message: IMessageModel): boolean => {
   return isCustomerServiceMessage(message) && customerServicePayload.src === CUSTOM_MESSAGE_SRC.MENU;
 };
 
+export const isThinkingMessage = (message: IMessageModel): boolean => {
+  const isCustomerMessage = message?.type === TYPES.MSG_CUSTOM;
+  const customerServicePayload: customerServicePayloadType = JSONToObject(message?.payload?.data);
+  return isCustomerMessage && customerServicePayload?.src === CUSTOM_MESSAGE_SRC.THINKING && customerServicePayload?.thinkingStatus === 0;
+}
+
+export const isThinkingMessageOverTime = (message: IMessageModel): boolean => {
+  const messageTime = message.time * 1000;
+  const minute = 60 * 1000;
+  const now = Date.now();
+  if (now - messageTime > minute) {
+    return false;
+  }
+  return true;
+}
+
 export const isMessageInvisible = (message: IMessageModel): boolean => {
   const customerServicePayload: customerServicePayloadType = JSONToObject(message?.payload?.data);
   const robotCommandArray = ['feedback', 'updateBotStatus'];
-  const whiteList = [
-    CUSTOM_MESSAGE_SRC.MENU,
-    CUSTOM_MESSAGE_SRC.BRANCH,
-    CUSTOM_MESSAGE_SRC.BRANCH_NUMBER,
-    CUSTOM_MESSAGE_SRC.FROM_INPUT,
-    CUSTOM_MESSAGE_SRC.PRODUCT_CARD,
-    CUSTOM_MESSAGE_SRC.ROBOT_MSG,
-    CUSTOM_MESSAGE_SRC.RICH_TEXT,
-    CUSTOM_MESSAGE_SRC.STREAM_TEXT,
-    CUSTOM_MESSAGE_SRC.MULTI_BRANCH,
-    CUSTOM_MESSAGE_SRC.MULTI_FORM
-  ];
   const isCustomerMessage = message?.type === TYPES.MSG_CUSTOM;
-  const isCustomerInvisible = customerServicePayload?.src && !whiteList.includes(customerServicePayload?.src);
-  const isMultiFormMessage:boolean =  customerServicePayload?.src !== null &&  customerServicePayload?.src === CUSTOM_MESSAGE_SRC.MULTI_FORM && message.flow === 'out';
+  const isGroupTipMessage = message?.type === TYPES.MSG_GROUP_TIP;
+  const isCustomerInvisible = customerServicePayload?.src && !WHITE_LIST.includes(customerServicePayload?.src);
+  const isMultiFormMessage: boolean = customerServicePayload?.src !== null && customerServicePayload?.src === CUSTOM_MESSAGE_SRC.MULTI_FORM && message.flow === 'out';
   const isRobot = customerServicePayload?.src === CUSTOM_MESSAGE_SRC.ROBOT && robotCommandArray.indexOf(customerServicePayload?.content?.command) !== -1;
-  return isCustomerMessage && (isCustomerInvisible || isRobot || isMultiFormMessage);
+  return (isCustomerMessage && (isCustomerInvisible || isRobot || isMultiFormMessage)) || isGroupTipMessage;
 };
 
 export const isSupportedLang = (lang: string): boolean => {
@@ -67,6 +72,26 @@ export const isSupportedLang = (lang: string): boolean => {
     'id', // Indonesian印度尼西亚语：id
     'vi', // Vietnamese越南语：vi
     'ja', // Japanese日语：ja
-    'fil' // Filipino菲律宾语：fil
+    'fil', // Filipino菲律宾语：fil
+    'ru', // Russian俄语：ru
   ].indexOf(lang) !== -1;
 }
+
+// 如果用户选择 block cookies，此时访问 localStorage 浏览器会抛错
+// Uncaught SecurityError: Failed to read the 'localStorage' property from 'Window': Access is denied for this document
+// 通过 navigator.cookieEnabled 短路逻辑规避
+const canIUseCookies = () => {
+  // When the browser is configured to block third-party cookies, and navigator.cookieEnabled is invoked inside a third-party iframe,
+  // it returns true in Safari, Edge Spartan and IE (while trying to set a cookie in such scenario would fail).
+  // It returns false in Firefox and Chromium-based browsers.
+  if (typeof window !== 'undefined') {
+    return window.navigator?.cookieEnabled && localStorage;
+  }
+  return false;
+}
+
+export const clearChatStorage = (SDKAppID, userID) => {
+  if (canIUseCookies()) {
+    localStorage.removeItem(`TIM_${SDKAppID}_${userID}_conversationMap`);
+  }
+}

package/utils/utils.ts

@@ -91,9 +91,8 @@ export const isCreateGroupCustomMessage = (message: IMessageModel) => {
  * @return {boolean} - Returns a boolean value indicating if the message read receipt is enabled globally.
  */
 export function isEnabledMessageReadReceiptGlobal(): boolean {
-  return true;
-  // return TUIStore.getData(StoreName.USER, 'displayMessageReadReceipt')
-  //   && TUIStore.getData(StoreName.APP, 'enabledMessageReadReceipt');
+  return TUIStore.getData(StoreName.USER, 'displayMessageReadReceipt')
+    && TUIStore.getData(StoreName.APP, 'enabledMessageReadReceipt');
 }
 
 export function shallowCopyMessage(message: IMessageModel) {
@@ -128,7 +127,7 @@ export function calculateTimestamp(timestamp: number): string {
     return `${formatNum(target.getHours())}:${formatNum(target.getMinutes())}`;
   } else if (diff <= oneDay) {
     // yesterday, display yesterday:hour:minute
-    return `${TUITranslateService.t('time.昨天')} ${formatNum(
+    return `${TUITranslateService.t('Time.昨天')} ${formatNum(
       target.getHours(),
     )}:${formatNum(target.getMinutes())}`;
   } else if (diff <= oneWeek - oneDay) {
@@ -143,7 +142,7 @@ export function calculateTimestamp(timestamp: number): string {
       '星期六',
     ];
     const weekday = weekdays[target.getDay()];
-    return `${TUITranslateService.t('time.' + weekday)} ${formatNum(
+    return `${TUITranslateService.t('Time.' + weekday)} ${formatNum(
       target.getHours(),
     )}:${formatNum(target.getMinutes())}`;
   } else if (target.getTime() >= thisYear) {