@tencentcloud/ai-desk-customer-vue 1.5.3 → 1.5.4

package/locales/id/time.ts

@@ -1,4 +1,4 @@
-const Time = {
+const time = {
   "周": "minggu",
   "天": "hari",
   "小时": "jam",
@@ -16,4 +16,4 @@ const Time = {
   "星期日": "Minggu",
 }
 
-export default Time;
+export default time;

package/locales/ja/index.ts

@@ -1,6 +1,6 @@
 import TUIChat from './TUIChat';
 import Component from './component';
-import Time from './time';
+import time from './time';
 import AIDesk from './aidesk';
 
 const messages = {
@@ -19,7 +19,7 @@ const messages = {
     AIDesk,
     TUIChat,
     Component,
-    Time,
+    time,
   },
 };
 

package/locales/ja/time.ts

@@ -1,4 +1,4 @@
-const Time = {
+const time = {
   "周": "週",
   "天": "日",
   "小时": "時間",
@@ -15,4 +15,4 @@ const Time = {
   "星期日": "日曜日",
 }
 
-export default Time;
+export default time;

package/locales/ms/index.ts

@@ -1,6 +1,6 @@
 import TUIChat from './TUIChat';
 import Component from './component';
-import Time from './time';
+import time from './time';
 import AIDesk from './aidesk';
 
 const messages = {
@@ -19,7 +19,7 @@ const messages = {
     AIDesk,
     TUIChat,
     Component,
-    Time,
+    time,
   },
 };
 

package/locales/ms/time.ts

@@ -1,4 +1,4 @@
-const Time = {
+const time = {
     "周": "Minggu",
     "天": "Hari",
     "小时": "Jam",
@@ -15,4 +15,4 @@ const Time = {
     "星期日": "Ahad"
 }
 
-export default Time;
+export default time;

package/locales/ru/index.ts

@@ -1,6 +1,6 @@
 import TUIChat from './TUIChat';
 import Component from './component';
-import Time from './time';
+import time from './time';
 import AIDesk from './aidesk';
 
 const messages = {
@@ -18,7 +18,7 @@ const messages = {
     "拍照": 'Сделать фото',
     TUIChat,
     Component,
-    Time,
+    time,
     AIDesk,
   },
 };

package/locales/ru/time.ts

@@ -1,4 +1,4 @@
-const Time = {
+const time = {
     "周": "неделя",
     "天": "день",
     "小时": "час",
@@ -27,4 +27,4 @@ const Time = {
     "十二月": "декабрь",
 }
 
-export default Time;
+export default time;

package/locales/th/index.ts

@@ -1,6 +1,6 @@
 import TUIChat from './TUIChat';
 import Component from './component';
-import Time from './time';
+import time from './time';
 import AIDesk from './aidesk';
 
 const messages = {
@@ -19,7 +19,7 @@ const messages = {
     AIDesk,
     TUIChat,
     Component,
-    Time,
+    time,
   },
 };
 

package/locales/th/time.ts

@@ -1,4 +1,4 @@
-const Time = {
+const time = {
     "周": "สัปดาห์",
     "天": "วัน",
     "小时": "ชั่วโมง",
@@ -15,4 +15,4 @@ const Time = {
     "星期日": "วันอาทิตย์"
 }
 
-export default Time;
+export default time;

package/locales/vi/index.ts

@@ -1,6 +1,6 @@
 import TUIChat from './TUIChat';
 import Component from './component';
-import Time from './time';
+import time from './time';
 import AIDesk from './aidesk';
 
 const messages = {
@@ -19,7 +19,7 @@ const messages = {
     AIDesk,
     TUIChat,
     Component,
-    Time,
+    time,
   },
 };
 

package/locales/vi/time.ts

@@ -1,4 +1,4 @@
-const Time = {
+const time = {
     "周": "tuần",
     "天": "ngày",
     "小时": "giờ",
@@ -15,4 +15,4 @@ const Time = {
     "星期日": "chủ nhật",
 }
   
-export default Time;
+export default time;

package/locales/zh_cn/aidesk.ts

@@ -1,6 +1,6 @@
 const AIDesk = {
   "结束人工会话": "结束会话",
-  "转人工服务": "转人工服务",
+  "转人工服务": "人工服务",
   "跳转": "跳转",
   "立即填写": "立即填写",
   "已提交": "已提交",

package/locales/zh_cn/index.ts

@@ -1,6 +1,6 @@
 import TUIChat from './TUIChat';
 import Component from './component';
-import Time from './time';
+import time from './time';
 import AIDesk from './aidesk';
 
 const messages = {
@@ -18,7 +18,7 @@ const messages = {
     "拍照": '拍照',
     TUIChat,
     Component,
-    Time,
+    time,
     AIDesk,
   },
 };

package/locales/zh_cn/time.ts

@@ -1,4 +1,4 @@
-const Time = {
+const time = {
   "周": "周",
   "天": "天",
   "小时": "小时",
@@ -34,4 +34,4 @@ const Time = {
   "日": "日",
 }
 
-export default Time;
+export default time;

package/locales/zh_tw/aidesk.ts

@@ -1,6 +1,6 @@
 const AIDesk = {
   "结束人工会话": "結束會話",
-  "转人工服务": "轉人工服務",
+  "转人工服务": "人工服務",
   "跳转": "跳轉",
   "立即填写": "立即填寫",
   "已提交": "已提交",

package/locales/zh_tw/index.ts

@@ -1,6 +1,6 @@
 import TUIChat from './TUIChat';
 import Component from './component';
-import Time from './time';
+import time from './time';
 import AIDesk from './aidesk';
 
 const messages = {
@@ -19,7 +19,7 @@ const messages = {
     AIDesk,
     TUIChat,
     Component,
-    Time,
+    time,
   },
 };
 

package/locales/zh_tw/time.ts

@@ -1,4 +1,4 @@
-const Time = {
+const time = {
   "周": "週",
   "天": "天",
   "小时": "小時",
@@ -34,4 +34,4 @@ const Time = {
   "日": "日",
 }
 
-export default Time;
+export default time;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tencentcloud/ai-desk-customer-vue",
-  "version": "1.5.3",
+  "version": "1.5.4",
   "description": "Vue2/Vue3 UIKit for AI Desk",
   "main": "index",
   "keywords": [
@@ -32,6 +32,7 @@
     "@tiptap/pm": "2.0.0-beta.220",
     "@tiptap/suggestion": "2.0.0-beta.220",
     "@types/lodash": "^4.14.202",
+    "countries-and-timezones": "^3.8.0",
     "dayjs": "^1.11.10",
     "lodash": "^4.17.21",
     "marked": "^6.0.0",

package/server.ts

@@ -13,14 +13,17 @@ import TUIChatEngine, {
   SendMessageParams,
   SendMessageOptions,
   TUIUserService,
+  TUIStore,
+  StoreName,
 } 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";
-import { switchReadStatus } from "./utils/utils";
+import { switchReadStatus, transferToHuman, transferToTaskFlow } from "./utils/utils";
 import state from "./utils/state";
-import { USER_DEFAULT_AVATAR } from "./constant";
+import { CUSTOM_MESSAGE_SRC, USER_DEFAULT_AVATAR } from "./constant";
 import { vueVersion } from "./adapter-vue-web";
+import { ITransferToHumanModel, ITransferToTaskFlowModel } from './interface';
 
 interface IInitWithProfile {
   SDKAppID: number,
@@ -119,6 +122,7 @@ export default class TUICustomerServer {
   }
 
   public unInit() {
+    this.isLoggedIn = false;
     return TUIChatEngine.logout();
   }
 
@@ -199,6 +203,14 @@ export default class TUICustomerServer {
     }
   }
 
+  public transferToTaskFlow(options: ITransferToTaskFlowModel) {
+    transferToTaskFlow(this.currentCustomerServiceID, options.taskFlowID, options.description);
+  }
+
+  public transferToHuman(options: ITransferToHumanModel) {
+    transferToHuman(this.currentCustomerServiceID, options.groupID, options.specificMemberList, options.description);
+  }
+
   public onCall(method: string, params: any) {
     Log.l(`TUICustomerServer.onCall method:${method} params:`, params);
     if (method === TUIConstants.TUICustomerServicePlugin.SERVICE.METHOD.ACTIVE_CONVERSATION) {
@@ -218,6 +230,7 @@ export default class TUICustomerServer {
 
   // 激活会话服务流
   private activeServiceFlow(params: any) {
+    Log.i(`activeServiceFlow params: language:${params.robotLang} country:${params.country} timezone:${params.timezone}`)
     TUIChatService.sendCustomMessage({
       to: params.conversationID.slice(3),
       conversationType: TUIChatEngine.TYPES.CONV_C2C,
@@ -225,9 +238,14 @@ export default class TUICustomerServer {
         data: JSON.stringify({
           src: '7',
           customerServicePlugin: 0,
-          triggeredContent: typeof params.robotLang === 'undefined' ? undefined : { language: params.robotLang }
+          triggeredContent: { 
+            language: params.robotLang, 
+            country: params.country,
+            timezone: params.timezone,
+          }
         }),
       },
     }, { onlineUserOnly: true });
+    TUIStore.update(StoreName.CUSTOM, "isInSession", true);
   }
 }

package/utils/index.ts

@@ -43,6 +43,12 @@ export const isThinkingMessage = (message: IMessageModel): boolean => {
   return isCustomerMessage && customerServicePayload?.src === CUSTOM_MESSAGE_SRC.THINKING && customerServicePayload?.thinkingStatus === 0;
 }
 
+export const isTransferMessageWithoutDesc = (message: IMessageModel): boolean => {
+  const isCustomerMessage = message.type === TYPES.MSG_CUSTOM;
+  const customerServicePayload: customerServicePayloadType = JSONToObject(message?.payload?.data);
+  return isCustomerMessage && (customerServicePayload.src === CUSTOM_MESSAGE_SRC.TRANSFER_TO_TASK_FLOW || customerServicePayload.src === CUSTOM_MESSAGE_SRC.TRANSFER_TO_HUMAN) && !customerServicePayload.description;
+}
+
 export const isThinkingMessageOverTime = (message: IMessageModel): boolean => {
   const messageTime = message.time * 1000;
   const minute = 60 * 1000;
@@ -64,19 +70,6 @@ export const isMessageInvisible = (message: IMessageModel): boolean => {
   return (isCustomerMessage && (isCustomerInvisible || isRobot || isMultiFormMessage)) || isGroupTipMessage;
 };
 
-export const isSupportedLang = (lang: string): boolean => {
-  return [
-    'zh', // Simplified Chinese中文简体：zh
-    'zh-TW', // Traditional Chinese中文繁体：zh-TW
-    'en', // English英语：en
-    'id', // Indonesian印度尼西亚语：id
-    'vi', // Vietnamese越南语：vi
-    'ja', // Japanese日语：ja
-    '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 短路逻辑规避

package/utils/utils.ts

@@ -5,11 +5,12 @@ import TUIChatEngine, {
   IMessageModel,
   TUIUserService,
   IConversationModel,
+  TUIChatService,
 } from '@tencentcloud/chat-uikit-engine';
 import Log from './logger';
 import { isCustomerServiceMessage, JSONToObject } from './index';
 import { CUSTOM_MESSAGE_SRC } from '../constant';
-import { Marked, parse } from 'marked';
+import { Marked } from 'marked';
 
 export function deepCopy(data: any, hash = new WeakMap()) {
   if (typeof data !== 'object' || data === null || data === undefined) {
@@ -138,7 +139,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) {
@@ -153,7 +154,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) {
@@ -265,4 +266,44 @@ function parseQuoteMarkdown(content: string): string {
                   .replace(/\*\*|\*|_|`|#/g, '')
                   .replace(/<[^>]+>/g, '');
   return result;
+}
+
+export function transferToTaskFlow(conversationID: string, taskFlowID: number, description?: string) {
+  if (!taskFlowID) {
+    Log.w(`taskFlowID is required`);
+    return;
+  }
+  TUIChatService.sendCustomMessage({
+    to: conversationID,
+    conversationType: TUIChatEngine.TYPES.CONV_C2C,
+    payload: {
+      data: JSON.stringify({
+        src: CUSTOM_MESSAGE_SRC.TRANSFER_TO_TASK_FLOW,
+        customerServicePlugin: 0,
+        taskId: taskFlowID,
+        env: 'production',
+        description: description || '',
+      })
+    }
+  },{ onlineUserOnly: description ? false : true });
+}
+
+export function transferToHuman(conversationID: string, groupID?: string, specificMemberList?: Array<string>, description?: string) {
+  if (!groupID && (!specificMemberList || specificMemberList.length === 0)) {
+    Log.w(`groupID or specificMemberList is required`);
+    return;
+  }
+  TUIChatService.sendCustomMessage({
+    to: conversationID,
+    conversationType: TUIChatEngine.TYPES.CONV_C2C,
+    payload: {
+      data: JSON.stringify({
+        src: CUSTOM_MESSAGE_SRC.TRANSFER_TO_HUMAN,
+        customerServicePlugin: 0,
+        groupId: groupID || 0,
+        specificMemberList: specificMemberList || [],
+        description: description || '',
+      })
+    }
+  },{ onlineUserOnly: description ? false : true });
 }