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

package/components/CustomerServiceChat/message-list/message-elements/message-desk/message-plugin-web.vue

@@ -13,6 +13,7 @@
       <MessageCustomerService
         v-if="pluginMessageType.pluginType === 'customer'"
         :message="props.message"
+        @heightChanged="onHeightChanged"
       />
     </template>
   </MessagePluginLayout>
@@ -44,6 +45,7 @@ const emits = defineEmits([
   'resendMessage',
   'handleToggleMessageItem',
   'handleH5LongPress',
+  'heightChanged',
 ]);
 const messageModel = computed(() => TUIStore.getMessageModel(props.message.ID));
 
@@ -76,6 +78,9 @@ const handleToggleMessageItem = (
 const handleH5LongPress = (e: any, message: IMessageModel, type: string) => {
   emits('handleH5LongPress', e, message, type);
 };
+const onHeightChanged = () => {
+  emits('heightChanged');
+};
 </script>
 
 <style lang="scss" scoped>

package/components/CustomerServiceChat/message-list/scroll-button/index.vue

@@ -91,7 +91,9 @@ function onMessageListUpdated(newMessageList: IMessageModel[]) {
   messageList.value = newMessageList || [];
   const lastMessage = messageList.value?.[messageList.value?.length - 1];
   isExistLastMessage.value = !!(
-    lastMessage && lastMessage?.time < currentLastMessageTime?.value
+      // 过滤在线消息
+      // @ts-ignore
+      lastMessage && !lastMessage?._message._onlineOnlyFlag && lastMessage?.time < currentLastMessageTime?.value
   );
 }
 
@@ -104,6 +106,9 @@ function onNewMessageListUpdated(newMessageList: IMessageModel[]) {
         && !message.isDeleted
         && !message.isRevoked
         && !isTypingMessage(message)
+        // 过滤在线消息
+        // @ts-ignore
+        && !message._message._onlineOnlyFlag
       ) {
         newMessageCount.value += 1;
       }
@@ -167,9 +172,17 @@ function scrollToMessageListBottom() {
   emits('scrollToLatestMessage');
 }
 
+function hideScrollButton() {
+  if (isScrollButtonVisible.value) {
+    isScrollButtonVisible.value = false;
+    resetNewMessageCount();
+  }
+}
+
 defineExpose({
   judgeScrollOverOneScreen,
   isScrollButtonVisible,
+  hideScrollButton,
 });
 </script>
 
@@ -179,8 +192,6 @@ defineExpose({
   bottom: 10px;
   right: 10px;
   width: auto;
-  min-width: 92px;
-  max-width: 115px;
   height: 28px;
   background: #fff;
   border: 1px solid #e0e0e0;
@@ -198,6 +209,7 @@ defineExpose({
     font-size: 10px;
     color: #147aff;
     margin-left: 3px;
+    margin-right: 3px;
   }
 }
 </style>

package/components/common/BottomPopup/index.vue

@@ -146,7 +146,7 @@ watch(
 );
 
 const closeBottomPopup = () => {
-  if (isUniFrameWork || isH5) {
+  if (isH5) {
     emits('onClose', dialogRef);
   }
 };

package/constant.ts

@@ -23,12 +23,16 @@ export const CUSTOM_MESSAGE_SRC = {
   PRODUCT_CARD: '22',
   SATISFACTION_CON: '23',
   USER_SATISFACTION: '24',
+  SEAT_STATUS: '26',
+  USER_END_SESSION: '27',
+  ORDER:'28',
   ROBOT_MSG: '29',
   RICH_TEXT: '30',
   STREAM_TEXT: '31',
-  MULTI_BRANCH:'32',
-  MULTI_FORM:'33',
-  THINKING:'35',
+  MULTI_BRANCH: '32',
+  MULTI_FORM: '33',
+  THINKING: '35',
+  CONCURRENCY_LIMIT: '36',
 };
 
 // im message extra type
@@ -134,4 +138,6 @@ export const WHITE_LIST = [
   CUSTOM_MESSAGE_SRC.STREAM_TEXT,
   CUSTOM_MESSAGE_SRC.MULTI_BRANCH,
   CUSTOM_MESSAGE_SRC.MULTI_FORM,
-];
+  CUSTOM_MESSAGE_SRC.CONCURRENCY_LIMIT,
+  CUSTOM_MESSAGE_SRC.ORDER,
+];

package/locales/en/aidesk.ts

@@ -12,5 +12,7 @@ const AIDesk = {
     "如果满意请给好评哦～":"If you're satisfied, please give a good review~",
     "请对本次服务进行评价": "Please rate this service",
     "提交评价": "Feedback",
+    "并发限制": "There are currently too many users accessing the service. Please try again later",
+    "分支选项异常": "Content is abnormal, please check the task flow configuration"
 }
-export default AIDesk;
+export default AIDesk;

package/locales/fil/aidesk.ts

@@ -12,5 +12,7 @@ const AIDesk = {
     "如果满意请给好评哦～":"Kung nasiyahan ka, mangyaring magbigay ng magandang pagsusuri~",
     "请对本次服务进行评价": "Mangyaring suriin ang serbisyong ito",
     "提交评价": "Ipasa ang pagsusuri",
+    "并发限制": "Maraming tao ang naghahanap ng tulong ngayon, subukan muli mamaya",
+    "分支选项异常": "Ang nilalaman ay abnormal, pakisuri ang configuration ng task flow"
 }
-export default AIDesk;
+export default AIDesk;

package/locales/id/aidesk.ts

@@ -11,6 +11,8 @@ const AIDesk = {
     "请输入内容":"Silakan masukkan konten",
     "如果满意请给好评哦～":"Jika Anda puas, silakan berikan ulasan yang bagus~",
     "请对本次服务进行评价": "Silakan beri penilaian untuk layanan ini",
-    "提交评价": "Kirim Ulasan"
+    "提交评价": "Kirim Ulasan",
+    "并发限制": "Saat ini banyak pengguna yang mengakses. Mohon coba lagi nanti",
+    "分支选项异常": "Konten tidak normal, silakan periksa konfigurasi alur tugas"
 }
-export default AIDesk;
+export default AIDesk;

package/locales/ja/aidesk.ts

@@ -11,6 +11,8 @@ const AIDesk = {
     "请输入内容":"内容を入力してください",
     "如果满意请给好评哦～":"ご満足いただけましたら、ぜひ良いレビューをお願いします〜",
     "请对本次服务进行评价": "このサービスについて評価をお願いします",
-    "提交评价": "評価を提出する"
+    "提交评价": "評価を提出する",
+    "并发限制": "現在アクセスが集中しております。しばらくしてから再度お試しください",
+    "分支选项异常": "コンテンツに異常があります。タスクフローの設定を確認してください"
 }
-export default AIDesk;
+export default AIDesk;

package/locales/ms/aidesk.ts

@@ -11,6 +11,8 @@ const AIDesk = {
     "请输入内容":"Sila masukkan kandungan",
     "如果满意请给好评哦～":"Jika anda berpuas hati, sila berikan ulasan yang baik~",
     "请对本次服务进行评价": "Sila beri penilaian untuk perkhidmatan ini",
-    "提交评价": "Hantar Penilaian"
+    "提交评价": "Hantar Penilaian",
+    "并发限制": "Terdapat terlalu ramai pengguna pada masa ini. Sila cuba lagi nanti",
+    "分支选项异常": "Kandungan tidak normal, sila semak konfigurasi aliran tugas"
 }
-export default AIDesk;
+export default AIDesk;

package/locales/ru/aidesk.ts

@@ -10,7 +10,9 @@ const AIDesk = {
     "Hi，我是": "Привет, я ",
     "请输入内容":"Пожалуйста, введите содержание",
     "如果满意请给好评哦～":"Если вы удовлетворены, пожалуйста, оставьте хороший отзыв~",
-    "请对本次服务进行评价": "Оцените обслуживание", 
-    "提交评价": "Отправить оценку"
+    "请对本次服务进行评价": "Оцените обслуживание",
+    "提交评价": "Отправить оценку",
+    "并发限制": "В данный момент слишком много пользователей. Попробуйте позже",
+    "分支选项异常": "Содержимое аномально, пожалуйста, проверьте конфигурацию потока задач"
 }
-export default AIDesk;
+export default AIDesk;

package/locales/th/aidesk.ts

@@ -12,5 +12,7 @@ const AIDesk = {
     "如果满意请给好评哦～": "หากพอใจแล้วก็อย่าลืมรีวิวให้ด้วยนะ~",
     "请对本次服务进行评价": "กรุณาประเมินบริการครั้งนี้",
     "提交评价": "ส่งการประเมิน",
+    "并发限制": "ปัจจุบันมีผู้ใช้งานจำนวนมาก กรุณาลองใหม่ในภายหลัง",
+    "分支选项异常": "เนื้อหาผิดปกติ กรุณาตรวจสอบการตั้งค่ากระบวนการงาน"
 }
-export default AIDesk;
+export default AIDesk;

package/locales/vi/aidesk.ts

@@ -11,6 +11,8 @@ const AIDesk = {
     "请输入内容":"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á"
+    "提交评价": "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ụ"
 }
-export default AIDesk;
+export default AIDesk;

package/locales/zh_cn/aidesk.ts

@@ -11,7 +11,8 @@ const AIDesk = {
     "请输入内容": "请输入内容",
     "如果满意请给好评哦～": "如果满意请给好评哦～",
     "请对本次服务进行评价": "请对本次服务进行评价",
-    "提交评价": "提交评价"
-
+    "提交评价": "提交评价",
+    "并发限制": "当前咨询人数较多，请稍后再试",
+    "分支选项异常": "内容异常，请检查任务流配置"
 }
-export default AIDesk;
+export default AIDesk;

package/locales/zh_tw/aidesk.ts

@@ -12,5 +12,7 @@ const AIDesk = {
     "如果满意请给好评哦～": "如果滿意請給好評哦～",
     "请对本次服务进行评价": "請對本次服務進行評價",
     "提交评价": "提交評價",
+    "并发限制": "目前諮詢人數較多，請稍後再試",
+    "分支选项异常": "內容異常，請檢查任務流配置"
 }
-export default AIDesk;
+export default AIDesk;

package/package.json

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

package/server.ts

@@ -12,22 +12,38 @@ import TUIChatEngine, {
   TUITranslateService,
   SendMessageParams,
   SendMessageOptions,
+  TUIUserService,
 } 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";
 
+interface IInitWithProfile {
+  SDKAppID: number,
+  userID: string,
+  userSig: string,
+  nickName?: string,
+  avatar?: string,
+}
+
+interface IProfile {
+  nick?: string,
+  avatar?: string,
+}
+
 export default class TUICustomerServer {
   private isLoggedIn: boolean;
   static instance: TUICustomerServer;
   private customerServiceAccounts: any[];
   private loggedInUserID: string;
+  private myProfile: IProfile;
   constructor() {
     TUICore.registerService(TUIConstants.TUICustomerServicePlugin.SERVICE.NAME, this);
     TUICore.registerExtension(TUIConstants.TUIContact.EXTENSION.CONTACT_LIST.EXT_ID, this);
     this.customerServiceAccounts = ['@customer_service_account'];
     this.isLoggedIn = false;
     this.loggedInUserID = '';
+    this.myProfile = {};
   }
 
   static getInstance(): TUICustomerServer {
@@ -61,12 +77,8 @@ export default class TUICustomerServer {
       })
   }
 
-  /**
-   * init
-   */
   public init(SDKAppID:number, userID:string, userSig:string) {
     Log.l(`TUICustomerServer.init version:${version} SDKAppID:${SDKAppID} userID:${userID} isLoggedIn:${this.isLoggedIn} loggedInUserID:${this.loggedInUserID}`);
-    // Backward compatibility, the new version executes the init operation by default in index.ts
     if (this.isLoggedIn) {
       if (this.loggedInUserID === userID) {
         return;
@@ -76,11 +88,23 @@ export default class TUICustomerServer {
         this.loginCustomerUIKit(SDKAppID, userID, userSig);
       });
     } else {
-      // Execute call server when native plugin TUICallKit exists
       this.loginCustomerUIKit(SDKAppID, userID, userSig);
     }
   }
 
+  public initWithProfile(options: IInitWithProfile) {
+    const { SDKAppID, userID, userSig, nickName, avatar } = options;
+    Log.l(`TUICustomerServer.initWithProfile version:${version}`);
+    if (nickName) {
+      // chat 个人资料的昵称是 nick
+      this.myProfile.nick = nickName;
+    }
+    if (avatar) {
+      this.myProfile.avatar = avatar;
+    }
+    this.init(SDKAppID, userID, userSig);
+  }
+
   public unInit() {
     return TUIChatEngine.logout();
   }
@@ -140,18 +164,31 @@ export default class TUICustomerServer {
     Log.l(`TUICustomerServer.onCall method:${method} params:`, params);
     if (method === TUIConstants.TUICustomerServicePlugin.SERVICE.METHOD.ACTIVE_CONVERSATION) {
       if (this.isCustomerConversation(params.conversationID)) {
-        TUIChatService.sendCustomMessage({
-          to: params.conversationID.slice(3),
-          conversationType: TUIChatEngine.TYPES.CONV_C2C,
-          payload: {
-            data: JSON.stringify({
-              src: '7',
-              customerServicePlugin: 0,
-              triggeredContent: typeof params.robotLang === 'undefined' ? undefined : { language: params.robotLang }
-            }),
-          },
-        }, { onlineUserOnly: true });
+        // 如果有资料，确保资料更新完成（或失败）后再激活会话服务流
+        if (Object.keys(this.myProfile).length > 0) {
+          Log.l(`TUICustomerServer.onCall updateMyProfile:${JSON.stringify(this.myProfile)}`);
+          TUIUserService.updateMyProfile({...this.myProfile}).finally(() => {
+            this.activeServiceFlow(params);
+          });
+        } else {
+          this.activeServiceFlow(params);
+        }
       }
     }
   }
+
+  // 激活会话服务流
+  private activeServiceFlow(params: any) {
+    TUIChatService.sendCustomMessage({
+      to: params.conversationID.slice(3),
+      conversationType: TUIChatEngine.TYPES.CONV_C2C,
+      payload: {
+        data: JSON.stringify({
+          src: '7',
+          customerServicePlugin: 0,
+          triggeredContent: typeof params.robotLang === 'undefined' ? undefined : { language: params.robotLang }
+        }),
+      },
+    }, { onlineUserOnly: true });
+  }
 }