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

package/components/CustomerServiceChat/message-list/message-elements/message-desk/message-desk-elements/message-order.vue

@@ -93,7 +93,7 @@ export default {
         display: -webkit-box;
         overflow: hidden;
         text-overflow: ellipsis;
-        -webkit-line-clamp: 2;
+        -webkit-line-clamp: 1;
         -webkit-box-orient: vertical;
         word-break: break-all;
       }
@@ -105,7 +105,6 @@ export default {
         color: rgba(0, 0, 0, 0.55);
         overflow: hidden;
         text-overflow: ellipsis;
-        white-space: nowrap;
         font-weight: 600;
       }
     }

package/components/CustomerServiceChat/message-list/message-elements/message-file.vue

@@ -22,7 +22,7 @@ import {
   IMessageModel,
 } from '@tencentcloud/chat-uikit-engine';
 import Icon from '../../../common/Icon.vue';
-import files from '../../../../assets/files.png';
+import files from '../../../../assets/files.svg';
 import { isUniFrameWork } from '../../../../utils/env';
 import type { IFileMessageContent } from '../../../../interface';
 const { withDefaults } = vue;

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

@@ -64,7 +64,7 @@ watch(
 onMounted(() => {
   TUIStore.watch(StoreName.CHAT, {
     messageList: onMessageListUpdated,
-    newMessageList: onNewMessageListUpdated,
+    newMessageList: onNewMessageList,
   });
   TUIStore.watch(StoreName.CONV, {
     currentConversation: onCurrentConversationUpdated,
@@ -74,7 +74,7 @@ onMounted(() => {
 onUnmounted(() => {
   TUIStore.unwatch(StoreName.CHAT, {
     messageList: onMessageListUpdated,
-    newMessageList: onNewMessageListUpdated,
+    newMessageList: onNewMessageList,
   });
   TUIStore.unwatch(StoreName.CONV, {
     currentConversation: onCurrentConversationUpdated,
@@ -97,7 +97,7 @@ function onMessageListUpdated(newMessageList: IMessageModel[]) {
   );
 }
 
-function onNewMessageListUpdated(newMessageList: IMessageModel[]) {
+function onNewMessageList(newMessageList: IMessageModel[]) {
   if (Array.isArray(newMessageList) && isScrollButtonVisible.value) {
     newMessageList.forEach((message: IMessageModel) => {
       if (

package/components/CustomerServiceChat/message-list/style/web.scss

@@ -48,7 +48,8 @@
     .tui-message-list {
       flex: 1;
       height: 100%;
-      overflow: auto;
+      overflow-y: auto;
+      overflow-x: hidden;
 
       .message-more {
         font-size: 14px;

package/components/CustomerServiceChat/message-toolbar-button/index.vue

@@ -1,75 +1,144 @@
 <template>
-    <div class="toolbar-button-container">
-        <template v-for="(item, index) in props.toolbarButtonList">
-            <div v-if="shouldRender(item)" :key="index"
-                :class="['toolbar-button', isH5 ? 'toolbar-button-h5' : '']" @click="onClick(index)">
-                <Icon v-if="item.icon" class="toolbar-button-icon" :file="item.icon" width="18px" height="18px"/>
-                <div class="toolbar-button-text">
-                    {{ item.title }}
-                </div>
-
-            </div>
-        </template>
-    </div>
+  <div class="toolbar-button-container">
+    <template v-for="(item, index) in props.toolbarButtonList">
+      <ToolbarButtonHumanService v-if="item.presetId === TOOLBAR_BUTTON_TYPE.HUMAN_SERVICE && shouldRender(item) && !isInHumanService" :title="item.title" :icon="item.icon"/>
+      <ToolbarButtonServiceRating v-else-if="item.presetId === TOOLBAR_BUTTON_TYPE.SERVICE_RATING && shouldRender(item) && isInHumanService" :title="item.title" :icon="item.icon"/>
+      <ToolbarButtonEndHumanService v-else-if="item.presetId === TOOLBAR_BUTTON_TYPE.END_HUMAN_SERVICE && shouldRender(item) && isInHumanService" :title="item.title" :icon="item.icon"/>
+      <div v-else-if="shouldRender(item) && !item.presetId" :key="index"
+        :class="['toolbar-button', isH5 ? 'toolbar-button-h5' : '']" @click="onClick(item, index)">
+        <Icon v-if="item.icon" class="toolbar-button-icon" :file="item.icon" width="18px" height="18px"/>
+        <div class="toolbar-button-text">
+            {{ item.title }}
+        </div>
+      </div>
+    </template>
+  </div>
 </template>
 <script lang="ts" setup>
+import vue from '../../../adapter-vue';
+const { ref, onMounted, onUnmounted } = vue;
+import {
+  TUIChatService,
+  TUIStore,
+  StoreName,
+  IConversationModel
+} from '@tencentcloud/chat-uikit-engine';
 import { isH5 } from '../../../utils/env';
 import { ToolbarButtonModel } from '../../../interface';
 import Icon from '../../common/Icon.vue';
-
+import { TOOLBAR_BUTTON_TYPE } from '../../../constant';
+import { isEnabledMessageReadReceiptGlobal, openSafeUrl, getTo } from '../../../utils/utils';
+import ToolbarButtonHumanService from './toolbar-button-human-service.vue';
+import ToolbarButtonServiceRating from './toolbar-button-service-rating.vue';
+import ToolbarButtonEndHumanService from './toolbar-button-end-human-service.vue';
 interface IProps {
-    toolbarButtonList?: ToolbarButtonModel[]
+  toolbarButtonList?: ToolbarButtonModel[] | undefined;
 }
 
-const props = withDefaults(defineProps<IProps>(), {
-    toolbarButtonList: () => [] as ToolbarButtonModel[]
+const props = withDefaults(defineProps<IProps>(), {});
+
+const isInHumanService = ref(false);
+const currentConversation = ref<IConversationModel>();
+
+onMounted(() => {
+  TUIStore.watch(StoreName.CONV, {
+    currentConversation: onCurrentConversationUpdate,
+  });
+  TUIStore.watch(StoreName.CUSTOM, {
+    isInHumanService: onInHumanServiceUpdate,
+  });
+});
+
+onUnmounted(() => {
+  TUIStore.unwatch(StoreName.CONV, {
+    currentConversation: onCurrentConversationUpdate,
+  });
+  TUIStore.unwatch(StoreName.CUSTOM, {
+    isInHumanService: onInHumanServiceUpdate,
+  });
 });
 
-function onClick(index: number) {
-    if (typeof props.toolbarButtonList[index].clickEvent === 'function') {
-        props.toolbarButtonList[index].clickEvent();
-    }
+const onCurrentConversationUpdate = (conversation: IConversationModel) => {
+  currentConversation.value = conversation;
+}
+
+const onInHumanServiceUpdate = (value: boolean) => {
+  isInHumanService.value = value;
+};
+
+function onClick(item:ToolbarButtonModel, index: number) {
+  if (item.type === 1 && item.content) {
+    TUIChatService.sendTextMessage({
+      to: getTo(currentConversation?.value),
+      conversationType: currentConversation?.value?.type,
+      payload: {
+        text: item.content
+      },
+      needReadReceipt: isEnabledMessageReadReceiptGlobal(),
+    });
+  } else if (item.type === 2  && item.content) {
+    openSafeUrl(item.content);
+  } else if (props.toolbarButtonList !== undefined && typeof props.toolbarButtonList[index].clickEvent === 'function') {
+    props.toolbarButtonList[index].clickEvent();
+  }
 }
 
 function shouldRender(item: ToolbarButtonModel) {
+  if (item.isEnabled === 1) {
+    return true;
+  } else if (item.isEnabled === 0) {
+    return false;
+  } else if (item.renderCondition) {
     return typeof item.renderCondition === 'function' ? item.renderCondition() : false;
+  }
+  return false;
 }
 
 </script>
 <style>
 .toolbar-button-container {
-    display: flex;
-    flex-direction: row !important;
-    margin: 5px !important;
-    align-items: center ;
+  display: flex;
+  flex-direction: row !important;
+  margin: 5px !important;
+  align-items: center ;
+  overflow-x: auto; /* 允许横向滚动 */
+  scrollbar-width: none; /* Firefox 隐藏滚动条 */
+  -ms-overflow-style: none; /* IE/Edge 隐藏滚动条 */
+  &::-webkit-scrollbar {
+    display: none; /* Chrome 隐藏滚动条 */
+  }
 }
 
 .toolbar-button {
-    border: 1px solid #E7EAEF;
-    padding: 5px 10px;
-    border-radius: 20px;
-    cursor: pointer;
-    display: flex;
-    align-items: center;
-    margin-left: 10px;
-    white-space: nowrap;
-    user-select: none;
+  border: 1px solid #E7EAEF;
+  padding: 5px 10px;
+  border-radius: 20px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  margin-left: 10px;
+  white-space: nowrap;
+  user-select: none;
+}
+
+.toolbar-button:first-child {
+  margin-left: 5px;
 }
 
 .toolbar-button-h5 {
-    border: none;
-    background-color: #fff;
-    box-shadow: 0px 2px 2px 0px rgba(70, 98, 140, 0.06);
+  border: none;
+  background-color: #fff;
+  box-shadow: 0px 2px 2px 0px rgba(70, 98, 140, 0.06);
 }
 
 .toolbar-button-icon {
-    margin-right: 3px;
+  margin-right: 3px;
 }
 .toolbar-button-text {
-    font-size: 12px;
-    text-overflow: ellipsis;
-    max-width: 100px;
-    overflow: hidden;
-    font-family: PingFangSC-Regular;
+  font-size: 12px;
+  text-overflow: ellipsis;
+  max-width: 100px;
+  overflow: hidden;
+  font-family: PingFangSC-Regular;
 }
 </style>

package/components/CustomerServiceChat/message-toolbar-button/toolbar-button-end-human-service.vue

@@ -0,0 +1,59 @@
+<template>
+  <div :class="['toolbar-button', isH5 ? 'toolbar-button-h5' : '']" @click="onClick">
+    <Icon v-if="props.icon" class="toolbar-button-icon" :file="props.icon" width="14px" height="14px"/>
+    <div class="toolbar-button-text">
+      {{ props.title || TUITranslateService.t('AIDesk.结束人工会话') }}
+    </div>
+    </div>
+</template>
+<script lang="ts" setup>
+import vue from '../../../adapter-vue';
+const { ref, onMounted, onUnmounted } = vue;
+import { isH5 } from '../../../utils/env';
+import Icon from '../../common/Icon.vue';
+import { TUITranslateService, TUIChatService, IConversationModel, TUIStore, StoreName } from '@tencentcloud/chat-uikit-engine';
+import { CUSTOM_MESSAGE_SRC } from '../../../constant';
+import { isEnabledMessageReadReceiptGlobal, getTo } from '../../../utils/utils';
+const currentConversation = ref<IConversationModel>();
+interface IProps {
+  title?:string;
+  icon?:string | undefined;
+}
+
+const props = withDefaults(defineProps<IProps>(), {
+  title: '',
+  icon: ''
+})
+
+onMounted(() => {
+  TUIStore.watch(StoreName.CONV, {
+    currentConversation: onCurrentConversationUpdate,
+  });
+});
+
+onUnmounted(() => {
+  TUIStore.unwatch(StoreName.CONV, {
+    currentConversation: onCurrentConversationUpdate,
+  });
+});
+
+const onCurrentConversationUpdate = (conversation: IConversationModel) => {
+  currentConversation.value = conversation;
+};
+
+const onClick = () => {
+  TUIChatService.sendCustomMessage({
+    to: getTo(currentConversation?.value),
+    conversationType: currentConversation?.value?.type,
+    payload: {
+      data: JSON.stringify({
+        customerServicePlugin: 0,
+        src: CUSTOM_MESSAGE_SRC.USER_END_SESSION,
+      }),
+    },
+    needReadReceipt: isEnabledMessageReadReceiptGlobal(),
+  },{ onlineUserOnly:true });
+}
+
+</script>
+<style></style>

package/components/CustomerServiceChat/message-toolbar-button/toolbar-button-human-service.vue

@@ -0,0 +1,55 @@
+<template>
+  <div :class="['toolbar-button', isH5 ? 'toolbar-button-h5' : '']" @click="onClick">
+    <Icon v-if="props.icon" class="toolbar-button-icon" :file="props.icon" width="14px" height="14px"/>
+    <div class="toolbar-button-text">
+      {{ props.title || TUITranslateService.t('AIDesk.转人工服务') }}
+    </div>
+  </div>
+</template>
+<script lang="ts" setup>
+import vue from '../../../adapter-vue';
+const { ref, onMounted, onUnmounted } = vue;
+import { isH5 } from '../../../utils/env';
+import Icon from '../../common/Icon.vue';
+import { TUITranslateService, TUIChatService, IConversationModel, StoreName, TUIStore } from '@tencentcloud/chat-uikit-engine';
+import { isEnabledMessageReadReceiptGlobal, getTo } from '../../../utils/utils';
+const currentConversation = ref<IConversationModel>();
+interface IProps {
+  title?:string;
+  icon?:string | undefined;
+}
+
+const props = withDefaults(defineProps<IProps>(), {
+  title: '',
+  icon: ''
+});
+
+onMounted(() => {
+  TUIStore.watch(StoreName.CONV, {
+    currentConversation: onCurrentConversationUpdate,
+  });
+});
+
+onUnmounted(() => {
+  TUIStore.unwatch(StoreName.CONV, {
+    currentConversation: onCurrentConversationUpdate,
+  });
+});
+
+const onCurrentConversationUpdate = (conversation: IConversationModel) => {
+  currentConversation.value = conversation;
+};
+
+const onClick = () => {
+  TUIChatService.sendTextMessage({
+    to: getTo(currentConversation?.value),
+    conversationType: currentConversation?.value?.type,
+    payload: {
+      text: TUITranslateService.t('AIDesk.转人工服务')
+    },
+    needReadReceipt: isEnabledMessageReadReceiptGlobal(),
+  });
+}
+
+</script>
+<style></style>

package/components/CustomerServiceChat/message-toolbar-button/toolbar-button-service-rating.vue

@@ -0,0 +1,59 @@
+<template>
+  <div :class="['toolbar-button', isH5 ? 'toolbar-button-h5' : '']" @click="onClick">
+    <Icon v-if="props.icon" class="toolbar-button-icon" :file="props.icon" width="14px" height="14px"/>
+    <div class="toolbar-button-text">
+      {{ props.title || TUITranslateService.t('AIDesk.服务评价') }}
+    </div>
+  </div>
+</template>
+<script lang="ts" setup>
+import vue from '../../../adapter-vue';
+const { ref, onMounted, onUnmounted } = vue;
+import { isH5 } from '../../../utils/env';
+import Icon from '../../common/Icon.vue';
+import { TUITranslateService, TUIChatService, IConversationModel, StoreName, TUIStore } from '@tencentcloud/chat-uikit-engine';
+import { CUSTOM_MESSAGE_SRC } from '../../../constant';
+import { isEnabledMessageReadReceiptGlobal, getTo } from '../../../utils/utils';
+const currentConversation = ref<IConversationModel>();
+interface IProps {
+  title?:string;
+  icon?:string | undefined;
+}
+
+const props = withDefaults(defineProps<IProps>(), {
+  title: '',
+  icon: ''
+})
+
+onMounted(() => {
+  TUIStore.watch(StoreName.CONV, {
+    currentConversation: onCurrentConversationUpdate,
+  });
+});
+
+onUnmounted(() => {
+  TUIStore.unwatch(StoreName.CONV, {
+    currentConversation: onCurrentConversationUpdate,
+  });
+});
+
+const onCurrentConversationUpdate = (conversation: IConversationModel) => {
+  currentConversation.value = conversation;
+};
+
+const onClick = () => {
+  TUIChatService.sendCustomMessage({
+    to: getTo(currentConversation?.value),
+    conversationType: currentConversation?.value?.type,
+    payload: {
+      data:JSON.stringify({
+        src: CUSTOM_MESSAGE_SRC.USER_SATISFACTION,
+        customerServicePlugin: 0,
+      }),
+    },
+    needReadReceipt: isEnabledMessageReadReceiptGlobal(),
+  },{ onlineUserOnly: true });
+}
+
+</script>
+<style></style>

package/constant.ts

@@ -141,3 +141,18 @@ export const WHITE_LIST = [
   CUSTOM_MESSAGE_SRC.CONCURRENCY_LIMIT,
   CUSTOM_MESSAGE_SRC.ORDER,
 ];
+
+export const TOOLBAR_BUTTON_TYPE = {
+  HUMAN_SERVICE: 'humanService',
+  SERVICE_RATING: 'serviceRating',
+  END_HUMAN_SERVICE: 'endHumanService',
+}
+export const INPUT_TOOLBAR_TYPE = {
+  EMOJI: 'emoji',
+  IMAGE: 'image',
+  FILE: 'file',
+  VIDEO: 'video',
+  RATING: 'rating',
+}
+
+export const USER_DEFAULT_AVATAR = 'https://web.sdk.qcloud.com/im/desk/assets/user_default_avatar.png';

package/interface.ts

@@ -1,3 +1,4 @@
+import { TOOLBAR_BUTTON_TYPE,INPUT_TOOLBAR_TYPE } from './constant';
 export interface customerServicePayloadType {
   chatbotPlugin?: number | string;
   customerServicePlugin?: number | string;
@@ -9,6 +10,12 @@ export interface customerServicePayloadType {
   status?:number;
   nodeStatus?:number;
   thinkingStatus?:number;
+  optionType?: number;
+  taskInfo?: {
+    taskID?: number;
+    nodeID?: string;
+    env?: string;
+  }
 }
 
 interface IMenuItem {
@@ -176,9 +183,32 @@ export interface ISendMessagePayload {
   atUserList?: string[];
 }
 
+// 快捷按钮已有功能
+export type ToolbarButtonPresetType = typeof TOOLBAR_BUTTON_TYPE[keyof typeof TOOLBAR_BUTTON_TYPE];
+
 export interface ToolbarButtonModel {
-  title:string,
-  icon?:string,
-  renderCondition:()=>{},
-  clickEvent:()=>void
-}
+  title: string, // 名称
+  icon?: string, // 图标
+  type?: number,  // 类型 1:关键词回复 2:跳转链接
+  content?: string, // 发送的文本或跳转的链接
+  presetId?: ToolbarButtonPresetType, // 若要显示已有功能，填写相关type
+  isPreset?: number, // 是否是预置功能  0:非预置 1:预置类型
+  isEnabled?: number,  // 是否显示
+  renderCondition?: () => {},  // [UIKit] 是否显示
+  clickEvent?: () => void, // [UIKit] 点击事件
+}
+
+// 输入框功能 已有功能
+export type InputToolbarPresetType = typeof INPUT_TOOLBAR_TYPE[keyof typeof INPUT_TOOLBAR_TYPE];
+
+export interface InputToolbarModel {
+  title?: string, // 名称
+  icon?: string, // 图标
+  type?: number,  // 类型 1:关键词回复 2:跳转链接
+  content?: string, // 发送的文本或跳转的链接
+  isPreset?: number, // 是否是预置功能  0:非预置 1:预置类型
+  presetId?: InputToolbarPresetType, // 若要显示已有功能，填写相关type
+  isEnabled?: number,  // 是否显示
+  renderCondition?: () => {},// [UIKit] 是否显示
+  clickEvent?: () => void,// [UIKit] 点击事件
+}

package/locales/en/aidesk.ts

@@ -1,6 +1,6 @@
 const AIDesk = {
-    "结束人工会话": "end",
-    "转人工服务": "human service",
+    "结束人工会话": "End human service",
+    "转人工服务": "Human service",
     "跳转": "Goto",
     "立即填写": "Fill now",
     "已提交": "Submitted",
@@ -13,6 +13,7 @@ const AIDesk = {
     "请对本次服务进行评价": "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"
+    "分支选项异常": "Content is abnormal, please check the task flow configuration",
+    "服务评价": "Feedback",
 }
 export default AIDesk;

package/locales/fil/aidesk.ts

@@ -13,6 +13,7 @@ const AIDesk = {
     "请对本次服务进行评价": "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"
+    "分支选项异常": "Ang nilalaman ay abnormal, pakisuri ang configuration ng task flow",
+    "服务评价": "Pagsusuri ng Serbisyo",
 }
 export default AIDesk;

package/locales/id/aidesk.ts

@@ -1,6 +1,6 @@
 const AIDesk = {
-    "结束人工会话": "selesai",
-    "转人工服务": "layanan manusia",
+    "结束人工会话": "Selesai",
+    "转人工服务": "Layanan manusia",
     "跳转": "Goto",
     "立即填写": "Isi sekarang",
     "已提交": "Terkirim",
@@ -12,6 +12,7 @@ const AIDesk = {
     "如果满意请给好评哦～":"Jika Anda puas, silakan berikan ulasan yang bagus~",
     "请对本次服务进行评价": "Silakan beri penilaian untuk layanan ini",
     "提交评价": "Kirim Ulasan",
+    "服务评价": "Ulasan Layanan",
     "并发限制": "Saat ini banyak pengguna yang mengakses. Mohon coba lagi nanti",
     "分支选项异常": "Konten tidak normal, silakan periksa konfigurasi alur tugas"
 }

package/locales/ja/aidesk.ts

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

package/locales/ms/aidesk.ts

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

package/locales/ru/aidesk.ts

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

package/locales/th/aidesk.ts

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

package/locales/vi/aidesk.ts

@@ -12,6 +12,7 @@ const AIDesk = {
     "如果满意请给好评哦～":"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ụ"
 }

package/locales/zh_cn/aidesk.ts

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

package/locales/zh_tw/aidesk.ts

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tencentcloud/ai-desk-customer-vue",
-  "version": "1.3.0",
+  "version": "1.4.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) => {