@tencentcloud/ai-desk-customer-vue 1.6.6 → 1.6.8

package/CHANGELOG.md

@@ -1,3 +1,21 @@
+## 1.6.8 @2026.1.7
+
+### Features
+- 新增参数 messageToolDisplayConfig，支持控制消息工具的显隐。
+- 多语言新增韩语。
+
+### Fixed
+- 修复引用订单消息的显示。
+
+## 1.6.7 @2025.12.30
+
+### Features
+- initWithProfile 接口 Options 新增参数 clientCustomData，支持用户登录时传入自定义字段。
+
+### Fixed
+- 优化关闭排队页面的用户体验。
+- H5 端已知问题。
+
 ## 1.6.6 @2025.12.22
 
 ### Features

package/components/CustomerServiceChat/customer-queue-page/index.vue

@@ -15,7 +15,7 @@
       </div>
     </div>
     <div class="customer-queue-end-button">
-      <div :class="['customer-queue-end-button-content', isClicked ? 'button-clicked' : '']" @click="endQueuing">
+      <div :class="['customer-queue-end-button-content', isClicked ? 'button-clicked' : '']" @click="leaveQueue">
         {{ TUITranslateService.t("AIDesk.结束排队") }}
       </div>
     </div>
@@ -24,9 +24,8 @@
 <script lang="ts" setup>
 import vue from '../../../adapter-vue';
 const { ref, onMounted, onUnmounted } = vue;
-import { IConversationModel, StoreName, TUIChatService, TUIStore, TUITranslateService } from '@tencentcloud/chat-uikit-engine';
-import { CUSTOM_MESSAGE_SRC } from '../../../constant';
-import { getTo, isEnabledMessageReadReceiptGlobal } from '../../../utils/utils';
+import { IConversationModel, StoreName, TUIStore, TUITranslateService } from '@tencentcloud/chat-uikit-engine';
+import { getTo, leaveQueuing } from '../../../utils/utils';
 const currentConversation = ref<IConversationModel>();
 const isClicked = ref(false);
 const props = defineProps({
@@ -35,6 +34,7 @@ const props = defineProps({
     default: 0
   },
 });
+const emits = defineEmits(['closeQueuePage']);
 onMounted(() => {
   TUIStore.watch(StoreName.CONV, {
     currentConversation: onCurrentConversationUpdate,
@@ -51,22 +51,13 @@ const onCurrentConversationUpdate = (conversation: IConversationModel) => {
   currentConversation.value = conversation;
 };
 
-const endQueuing = () => {
+const leaveQueue = () => {
   if (isClicked.value) {
     return;
   }
   isClicked.value = true;
-  TUIChatService.sendCustomMessage({
-    to: getTo(currentConversation.value),
-    conversationType: currentConversation.value.type,
-    payload: {
-      data: JSON.stringify({
-        customerServicePlugin: 0,
-        src: CUSTOM_MESSAGE_SRC.USER_END_CONVERSATION,
-      }),
-    },
-    needReadReceipt: isEnabledMessageReadReceiptGlobal(),
-  },{ onlineUserOnly:true });
+  leaveQueuing(getTo(currentConversation.value));
+  emits('closeQueuePage');
 }
 </script>
 <style lang="scss">

package/components/CustomerServiceChat/index-web.vue

@@ -1,7 +1,7 @@
 <template>
   <div :class="['tui-chat', !isPC && 'tui-chat-h5']" :key="currentLanguage">
     <div
-      v-if="currentConversationID && (!props.showQueuePage || queueNumber < 0 || queueNumber === undefined)"
+      v-if="currentConversationID && (!props.showQueuePage || queueNumber < 0 || queueNumber === undefined || hasLeftQueue)"
       :class="['tui-chat', !isPC && 'tui-chat-h5']"
     >
       <ChatHeader
@@ -94,8 +94,8 @@
           @close="() => { showFeedbackModal = false }"
         />
     </div>
-    <div v-if="props.showQueuePage && queueNumber >= 0" :class="['tui-chat', !isPC && 'tui-chat-h5']">
-      <CustomerQueuePage :queueNumber="queueNumber"/>
+    <div v-if="props.showQueuePage && queueNumber >= 0 && !hasLeftQueue" :class="['tui-chat', !isPC && 'tui-chat-h5']">
+      <CustomerQueuePage :queueNumber="queueNumber" @closeQueuePage="closeQueuePage"/>
     </div>
   </div>
 </template>
@@ -116,7 +116,7 @@ import MessageInput from './message-input/index-web.vue';
 import MessageInputToolbar from './message-input-toolbar/index-web.vue';
 import EmojiDialog from './message-input-toolbar/emoji-dialog-mobile/emoji-dialog-mobile.vue';
 import { isH5, isPC } from '../../utils/env';
-import { ToolbarButtonModel, ToolbarDisplayType, InputToolbarModel, QuickOrderModel, IHeaderConfig} from '../../interface';
+import { ToolbarButtonModel, ToolbarDisplayType, InputToolbarModel, QuickOrderModel, IHeaderConfig, IMessageToolDisplayConfig } from '../../interface';
 import Log from '../../utils/logger';
 import MessageToolbarButton from './message-toolbar-button/index.vue';
 import TUILocales from '../../locales';
@@ -158,6 +158,7 @@ interface IProps {
   enableSendingAudio?: number;
   showQueuePage?: number;
   showAllRobotWelcomeItems?: number;
+  messageToolDisplayConfig?: IMessageToolDisplayConfig[];
 }
 
 const emits = defineEmits(['closeChat']);
@@ -178,6 +179,7 @@ const languageForShowList = ref<Array<string>>([]);
 const feedbackModalRef = ref();
 const showFeedbackModal = ref(false);
 const queueNumber = ref(-1);
+const hasLeftQueue = ref(false);
 let timezone = '';
 let countryID = '';
 const props = withDefaults(defineProps<IProps>(), {
@@ -326,6 +328,10 @@ const setShowAllRobotWelcomeItems = () => {
   state.set('showAllRobotWelcomeItems', props.showAllRobotWelcomeItems);
 }
 
+const setMessageToolDisplayConfig = () => {
+  state.set('messageToolDisplayConfig', props.messageToolDisplayConfig || []);
+}
+
 try {
   const userContext = TUILogin.getContext();
   if (userContext.userID == '' && props.SDKAppID !==0 && props.userID !=='' && props.userSig !==''){
@@ -341,6 +347,7 @@ try {
   setEnableURLDetection();
   setShowAllRobotWelcomeItems();
   getTimeZoneAndCountry();
+  setMessageToolDisplayConfig();
   if (isNonEmptyObject(props.bottomQuickOrder)) {
     showBottomQuickOrder.value = true;
   }
@@ -528,8 +535,13 @@ function onDislike(messageInfo: Object) {
 function onIsQueuingUpdate(data: {conversationID: string, value: number}) {
   if (data && data.conversationID === currentConversationID.value) {
     queueNumber.value = data.value;
+    hasLeftQueue.value = false;
   }
 }
+
+function closeQueuePage() {
+  hasLeftQueue.value = true;
+}
 </script>
 
 <style scoped lang="scss" src="./style/index.scss">

package/components/CustomerServiceChat/message-input/message-input-editor-web.vue

@@ -361,7 +361,7 @@ function handlePasteText(e: ClipboardEvent) {
   const text = e.clipboardData?.getData('text/plain') || '';
   // if paste html in pc, paste by tiptap editor default
   // if paste text in pc or mobile, parse text to html to render emoji
-  if (!html) {
+  if (isH5 || !html) {
     const renderArray = parseTextToRenderArray(text);
     insertEditorContent(renderArray);
   }

package/components/CustomerServiceChat/message-input-toolbar/rating-tool/index.vue

@@ -24,7 +24,7 @@ import ratingToolIcon from '../../../../assets/rating_tool_icon.svg'
 import ratingToolIconH5 from '../../../../assets/rating_tool_icon_h5.svg';
 import { getTo } from '../../../../utils/utils';
 import { CUSTOM_MESSAGE_SRC } from '../../../../constant';
-const { ref, onMounted, onUnmounted } = vue;
+const { ref } = vue;
 
 const props = defineProps({
   isH5ToolShow:{

package/components/CustomerServiceChat/message-list/index-web.vue

@@ -208,7 +208,6 @@ import {
   getBoundingClientRect,
   getScrollInfo,
 } from '@tencentcloud/universal-api';
-import { throttle } from 'lodash';
 import MessageText from './message-elements/message-text.vue';
 import MessageImage from './message-elements/message-image-web.vue';
 import MessageAudio from './message-elements/message-audio-web.vue';
@@ -237,6 +236,7 @@ import {
   deepCopy,
   isNonEmptyObject,
   updateCustomStore,
+  throttle
 } from '../../../utils/utils';
 import { isMessageInvisible, isThinkingMessage, isThinkingMessageOverTime, JSONToObject, isTransferMessageWithoutDesc } from '../../../utils/index';
 import { isCustomerConversation } from '../../../index';

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

@@ -45,7 +45,7 @@ const displayedContent = computed(() => {
     imageSrc.value = decodeURIComponent(href);
   }
   // @ts-ignore
-  window.onMarkdownImageLoad = function() {
+  window.onMarkdownMediaLoad = function() {
     // empty implementation
     // 已经用 ResizeObserver 观测高度，这里不用重复通知高度变化
   }
@@ -85,6 +85,9 @@ watch(() => props.payload, (newValue: string, oldValue: string) => {
       }
 
       const _payloadObject = JSONToObject(props.payload);
+      if (!_payloadObject.chunks) {
+        return;
+      }
       chunks.value = Array.isArray(_payloadObject.chunks) ? _payloadObject.chunks.join('') : _payloadObject.chunks;
       isFinished.value = _payloadObject.isFinished === 1;
 

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

@@ -11,7 +11,7 @@
 import vue from '../../../../adapter-vue';
 import Icon from '../../../common/Icon.vue';
 import loading_message from '../../../../assets/loading_message.svg';
-const { ref, watchEffect,onMounted,onUnmounted} = vue;
+const { ref, onMounted, onUnmounted} = vue;
 export default {
     components:{
         Icon

package/components/CustomerServiceChat/message-list/message-elements/simple-message-list/index.vue

@@ -158,7 +158,6 @@ import TUIChatEngine, {
   TUITranslateService,
 } from '@tencentcloud/chat-uikit-engine';
 import addIcon from '../../../../../assets/back.svg';
-import playIcon from '../../../../../assets/video-play.png';
 import Icon from '../../../../common/Icon.vue';
 import MessageContainer from './message-container.vue';
 import MessageRecord from '../message-record/index.vue';

package/components/CustomerServiceChat/message-list/message-tool/index-web.vue

@@ -46,6 +46,7 @@ import downloadIcon from '../../../../assets/download.svg'
 import { enableSampleTaskStatus } from '../../../../utils/enableSampleTaskStatus';
 import { transformTextWithKeysToEmojiNames } from '../../emoji-config';
 import { isH5, isPC, isUniFrameWork } from '../../../../utils/env';
+import state from '../../../../utils/state.js';
 
 // uni-app conditional compilation will not run the following code
 // #ifndef APP || APP-PLUS || MP || H5
@@ -62,6 +63,16 @@ const props = withDefaults(defineProps<IProps>(), {
 
 const TYPES = TUIChatEngine.TYPES;
 
+const messageToolDisplayConfig = state.get('messageToolDisplayConfig') || [];
+
+const getMessageToolDisplayConfig = (key: string) => {
+  if (!messageToolDisplayConfig || messageToolDisplayConfig.length === 0) {
+    return undefined;
+  }
+  const item =  messageToolDisplayConfig.find(item => item.key === key);
+  return item ? item.display : undefined;
+}
+
 const actionItems = ref([
   {
     key: 'open',
@@ -69,6 +80,10 @@ const actionItems = ref([
     iconUrl: copyIcon,
     renderCondition() {
       if (!message.value) return false;
+      const config = getMessageToolDisplayConfig('open');
+      if (config === false) {
+        return false;
+      }
       return (
         isPC
         && (message.value?.type === TYPES.MSG_FILE
@@ -84,6 +99,10 @@ const actionItems = ref([
     iconUrl: copyIcon,
     renderCondition() {
       if (!message.value) return false;
+      const config = getMessageToolDisplayConfig('copy');
+      if (config === false) {
+        return false;
+      }
       return message.value.type === TYPES.MSG_TEXT;
     },
     clickEvent: copyMessage,
@@ -94,6 +113,10 @@ const actionItems = ref([
     iconUrl: revokeIcon,
     renderCondition() {
       if (!message.value) return false;
+      const config = getMessageToolDisplayConfig('revoke');
+      if (config === false) {
+        return false;
+      }
       return message.value.flow === 'out' && message.value.status === 'success';
     },
     clickEvent: revokeMessage,
@@ -104,6 +127,10 @@ const actionItems = ref([
     iconUrl: delIcon,
     renderCondition() {
       if (!message.value) return false;
+      const config = getMessageToolDisplayConfig('delete');
+      if (config === false) {
+        return false;
+      }
       return message.value.status === 'success';
     },
     clickEvent: deleteMessage,
@@ -114,6 +141,10 @@ const actionItems = ref([
     iconUrl: quoteIcon,
     renderCondition() {
       if (!message.value) return false;
+      const config = getMessageToolDisplayConfig('quote');
+      if (config === false) {
+        return false;
+      }
       const _message = TUIStore.getMessageModel(message.value.ID);
       return message.value.status === 'success' && !_message.getSignalingInfo();
     },
@@ -124,6 +155,10 @@ const actionItems = ref([
     iconUrl: downloadIcon,
     renderCondition(){
       if (!message.value) return false;
+      const config = getMessageToolDisplayConfig('download');
+      if (config === false) {
+        return false;
+      }
       return message.value.type === TYPES.MSG_FILE && message.value.flow === 'out';
     },
     clickEvent:downloadMessage,

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

@@ -44,7 +44,7 @@ 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, isNonEmptyObject, transferToTaskFlow, transferToHuman, debounce, endQueuing } from '../../../utils/utils';
+import { isEnabledMessageReadReceiptGlobal, openSafeUrl, getTo, isNonEmptyObject, transferToTaskFlow, transferToHuman, debounce, leaveQueuing } 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';
@@ -190,7 +190,7 @@ const onClick = debounce((item:ToolbarButtonModel, index: number) => {
   } else if (item.type === 4 && isNonEmptyObject(item.content)) {
     transferToHuman(getTo(currentConversation.value), item.content.groupID, item.content.specificMemberList, item.content.description);
   } else if (item.type === 5 && queueNumber.value >= 0) {
-    endQueuing(getTo(currentConversation.value));
+    leaveQueuing(getTo(currentConversation.value));
   } else if (props.toolbarButtonList !== undefined && typeof props.toolbarButtonList[index].clickEvent === 'function') {
     props.toolbarButtonList[index].clickEvent();
   }

package/constant.ts

@@ -184,5 +184,6 @@ export const SUPPORTED_LANGUAGES = {
   vi: {name: 'Tiếng Việt', codeForShow: 'Vi'},
   zh: {name: '中文简体', codeForShow: 'Zh'},
   zh_tw: {name: '中文繁體', codeForShow: 'Zh-TW'},
-  ru: {name:'Русский', codeForShow: 'Ru'}
+  ru: {name:'Русский', codeForShow: 'Ru'},
+  ko: {name: '한국어', codeForShow: 'Ko'},
 }

package/interface.ts

@@ -246,4 +246,9 @@ export interface IHeaderConfig {
   showLogo?: boolean;
   logoWidth?: string;
   logoHeight?: string;
+}
+
+export interface IMessageToolDisplayConfig {
+  key: string;
+  display: boolean;
 }

package/locales/en/aidesk.ts

@@ -38,6 +38,6 @@ const AIDesk = {
   "排队等待中": "In Queue",
   "排队等待话术": "We apologize for the wait. All agents are currently assisting other customers. You will be connected shortly. Thank you for your patience.",
   "当前前方排队人数": "Queue Position",
-  "结束排队": "Exit Queue"
+  "结束排队": "Leave Queue"
 }
 export default AIDesk;

package/locales/index.ts

@@ -9,6 +9,7 @@ import vi from './vi';
 import ms from './ms';
 import th from './th';
 import ru from './ru';
+import ko from './ko';
 
 export interface ILanguageResources {
   [key: string]: string | ILanguageResources;
@@ -25,6 +26,7 @@ const messages: Record<string, ILanguageResources> = {
   ...ms,
   ...th,
   ...ru,
+  ...ko,
 };
 
 export default messages;

package/locales/ko/TUIChat.ts

@@ -0,0 +1,163 @@
+const TUIChat = {
+  "按Enter发送，Ctrl+Enter换行": "Enter 키로 전송, Ctrl+Enter로 줄바꿈",
+  "表情": "[이모티콘]",
+  "查看更多": "더보기",
+  "撤回": "메시지 철회",
+  "撤回了一条消息": "님이 메시지를 철회했습니다",
+  "打开": "열기",
+  "单击下载": "클릭하여 다운로드",
+  "下载": "다운로드",
+  "点此投诉": "신고하기",
+  "点击处理": "처리하기",
+  "对方正在输入": "입력 중...",
+  "发起群视频": "그룹 영상통화 시작",
+  "发起群语音": "그룹 음성통화 시작",
+  "发起通话": "통화 시작",
+  "发送失败": "전송 실패",
+  "复制": "복사",
+  "复制成功": "클립보드에 복사됨",
+  "该消息不存在": "해당 메시지가 존재하지 않습니다",
+  "关闭阅读状态": "읽음 상태 끄기",
+  "管理员开启全员禁言": "관리자가 전체 음소거를 설정했습니다",
+  "欢迎使用TUICallKit": "TUICallKit에 오신 것을 환영합니다",
+  "回复": "답장",
+  "回复详情": "답글",
+  "集成TUICallKit": "TUICallKit 연동",
+  "检测到您暂未集成TUICallKit，无法体验音视频通话功能": "TUICallKit이 연동되어 있지 않아 음성/영상 통화를 이용할 수 없습니다.",
+  "结束群聊": "그룹 통화 편집",
+  "进行体验": "체험하기",
+  "经度": "경도",
+  "拒绝": "거절",
+  "拒绝通话": "통화 거절",
+  "开通腾讯实时音视频服务": "Tencent 실시간 음영상 서비스 연동",
+  "聊天记录": "[채팅 기록]",
+  "描述": "설명",
+  "内容包含敏感词汇": "내용에 민감한 단어가 포함되어 있습니다",
+  "您": "회원님",
+  "您当前购买使用的套餐包暂未开通此功能": "구매하신 요금제에서는 이 기능을 지원하지 않습니다.",
+  "您当前购买使用的套餐包暂未开通群消息已读回执功能": "구매하신 요금제에서는 그룹 메시지 읽음 확인 기능을 지원하지 않습니다.",
+  "您当前购买使用的套餐包暂未开通在线用户列表功能": "구매하신 요금제에서는 온라인 사용자 목록 기능을 지원하지 않습니다.",
+  "您已被管理员禁言": "관리자에 의해 음소거되었습니다",
+  "您有": "있습니다",
+  "请点击": "클릭",
+  "请输入消息": "메시지를 입력해 주세요",
+  "取消": "취소",
+  "取消通话": "통화 취소",
+  "全部已读": "모두 읽음",
+  "确定": "확인",
+  "确认重发该消息？": "해당 메시지를 재전송하시겠습니까?",
+  "人关闭阅读状态": "읽음 상태 비활성화",
+  "人未读": "읽지 않음",
+  "人已读": "읽음",
+  "删除": "삭제",
+  "涉及敏感内容": "민감한 내용 포함",
+  "申请加入": "가입 신청",
+  "视频": "[비디오]",
+  "视频通话": "영상통화",
+  "条回复": "답글",
+  "条入群申请": "그룹 가입 신청",
+  "条新消息": "개 새 메시지",
+  "通话时长": "통화 시간",
+  "同意": "동의",
+  "图片": "[이미지]",
+  "图片消息失败,无效的图片格式": "이미지 전송 실패: 유효하지 않은 이미지 형식입니다.",
+  "纬度": "위도",
+  "未读": "읽지 않음",
+  "位置": "[위치]",
+  "文件": "[파일]",
+  "文件不存在,请检查文件路径是否正确": "파일이 존재하지 않습니다. 파일 경로가 올바른지 확인해 주세요.",
+  "文件大小超出了限制,如果上传文件,最大限制是100MB": "파일 크기가 제한을 초과했습니다. 파일 업로드 시 최대 허용 크기는 100MB입니다.",
+  "文件消息失败,禁止发送违规封禁的文件": "파일 전송 실패: 금지된 파일은 전송할 수 없습니다.",
+  "我": "나",
+  "无法查看": "볼 수 없음",
+  "无法定位到原消息": "원본 메시지로 이동할 수 없습니다",
+  "无法收听": "재생할 수 없음",
+  "正在加载": "로딩 중...",
+  "加载结束": "로딩 완료",
+  "无应答": "응답 없음",
+  "系统消息": "시스템 메시지",
+  "消息": "[메시지]",
+  "消息或者资料中文本存在敏感内容,发送失败": "메시지 또는 프로필 텍스트에 민감한 내용이 포함되어 전송에 실패했습니다.",
+  "消息详情": "메시지 상세 내용",
+  "消息长度超出限制,消息长度不要超过12K": "메시지 길이가 제한을 초과했습니다. 메시지는 12K를 초과할 수 없습니다.",
+  "消息中图片存在敏感内容,发送失败": "메시지의 이미지에 민감한 내용이 포함되어 전송에 실패했습니다.",
+  "选择提醒的人": "멘션할 사람 선택",
+  "已读": "읽음",
+  "已过撤回时限": "철회 가능 시간이 지났습니다",
+  "已接听": "응답됨",
+  "已拒绝": "거부됨",
+  "已同意": "승인됨",
+  "引用": "답장",
+  "引用失败": "답장 실패",
+  "语音": "[음성]",
+  "语音通话": "음성통화",
+  "重新编辑": "다시 편집",
+  "重新发送": "재전송",
+  "转发": "전달",
+  "翻译": "번역",
+  "转文字": "텍스트로 변환",
+  "隐藏": "숨김",
+  "转发给": "에게 전달",
+  "自定义": "[커스텀 메시지]",
+  "自定义消息": "커스텀 메시지",
+  "腾讯云 IM": "텐센트 클라우드 채팅",
+  "空": "없음",
+  "文本包含本地审核拦截词": "텍스트에 로컬 차단 단어가 포함되어 있습니다",
+  "按住说话": "길게 눌러 말하기",
+  "松开发送": "손을 떼어 전송",
+  "松手取消": "손을 떼어 취소",
+  "录音结束提醒": "녹음 종료까지 ",
+  "语音播放失败": "음성 재생 실패",
+  "请检查麦克风访问权限": "마이크 접근 권한을 확인해 주세요",
+  "按压时间过短，请按压超过1秒": "녹음 시간이 너무 짧습니다. 1초 이상 길게 녹음해 주세요",
+  "正在录音": "녹음 중",
+  "继续上滑可取消": "계속 위로 밀면 취소됩니다",
+  "松开手指 取消发送": "손을 떼어 전송 취소",
+  "此机型暂不支持复制功能": "이 기종에서는 복사 기능을 지원하지 않습니다",
+  "请开通翻译功能": "번역 기능을 활성화해 주세요",
+  "请开通语音转文字功能": "음성→텍스트 기능을 활성화해 주세요",
+  "翻译中": "번역 중",
+  "转换中": "변환 중",
+  "由IM提供翻译支持": "IM에서 번역을 지원합니다",
+  "所有人": "모두",
+  "已达到表情回应上限数量": "이모티콘 반응 최대 수에 도달했습니다",
+  "等": "등",
+  "人": "명",
+  "返回": "돌아가기",
+  "关闭": "닫기",
+  "多选": "다중 선택",
+  "合并转发": "묶음 전달",
+  "逐条转发": "개별 전달",
+  "未选择消息": "선택된 메시지가 없습니다",
+  "[草稿]": "[초안]",
+  "[消息]": "[메시지]",
+  "[文本]": "[텍스트]",
+  "[自定义消息]": "[커스텀 메시지]",
+  "[图片]": "[이미지]",
+  "[音频]": "[오디오]",
+  "[语音]": "[음성]",
+  "[视频]": "[비디오]",
+  "[文件]": "[파일]",
+  "[位置]": "[위치]",
+  "[地理位置]": "[위치]",
+  "[动画表情]": "[이모티콘]",
+  "[群提示]": "[그룹 알림]",
+  "[群提示消息]": "[그룹 알림]",
+  "[聊天记录]": "[채팅 기록]",
+  "[机器人自定义消息]": "[봇 커스텀 메시지]",
+  "引用内容已撤回": "답장한 메시지가 철회되었습니다",
+  "群聊的聊天记录": "그룹 채팅 기록",
+  "和": " 및 ",
+  "的聊天记录": "의 채팅 기록",
+  "请升级IMSDK到v2.10.1或更高版本查看此消息": "해당 메시지를 보려면 IMSDK를 v2.10.1 이상으로 업데이트해 주세요",
+  "该群聊已被解散": "해당 그룹이 해산되었습니다",
+  "您已被管理员移出群聊": "관리자가 회원님을 그룹에서 제거했습니다",
+  "您已退出该群聊": "그룹을 탈퇴했습니다",
+  "您已被禁止聊天": "채팅 금지되었습니다",
+  "账号被强制下线": "계정이 강제로 로그아웃되었습니다",
+  "登录失败": "로그인 실패",
+  "链接": "[링크]",
+  "回到最新位置": "",
+};
+
+export default TUIChat;

package/locales/ko/aidesk.ts

@@ -0,0 +1,43 @@
+const AIDesk = {
+  "结束人工会话": "대화 종료",
+  "转人工服务": "상담사 연결",
+  "跳转": "열기",
+  "立即填写": "지금 작성하기",
+  "已提交": "제출됨",
+  "提交": "제출",
+  "查看内容": "내용 보기",
+  "请填写必填项": "필수 항목을 작성해 주세요.",
+  "请输入内容": "내용을 입력해 주세요.",
+  "如果满意请给好评哦～": "서비스에 대해 평가해 주세요.",
+  "请对本次服务进行评价": "이번 서비스에 대해 평가해 주세요.",
+  "提交评价": "평가 제출",
+  "并发限制": "현재 접속자가 많아 서비스 이용이 지연되고 있습니다. 잠시 후 다시 시도해 주세요.",
+  "分支选项异常": "옵션에 문제가 있습니다. 설정을 확인해 주세요.",
+  "服务评价": "서비스 평가",
+  "满意": "만족",
+  "不满意": "불만족",
+  "感谢您的反馈，我们会持续优化改进": "피드백 감사합니다. 지속적으로 개선하겠습니다.",
+  "您遇到了哪方面的问题": "어떤 문제가 발생했나요?",
+  "其他反馈内容": "기타 의견",
+  "取消": "취소",
+  "答非所问": "질문과 무관한 답변",
+  "未匹配相关内容": "관련 없는 내용",
+  "信息错误": "정보 오류",
+  "上下文理解错误": "문맥 이해 오류",
+  "格式不规范": "올바르지 않은 형식",
+  "内容不完整": "불완전한 내용",
+  "file 大小超过 100MB，无法发送": "파일 크기가 100MB를 초과하여 전송할 수 없습니다.",
+  "image 大小超过 20MB，无法发送": "이미지 크기가 20MB를 초과하여 전송할 수 없습니다.",
+  "video 大小超过 100MB，无法发送": "동영상 크기가 100MB를 초과하여 전송할 수 없습니다.",
+  "提交成功": "제출 완료",
+  "userID 只能包含可打印 ASCII 字符": "userID에는 인쇄 가능한 ASCII 문자만 사용할 수 있습니다.",
+  "userID 不能包含'administrator'": "userID에는 'administrator' 문자열을 포함할 수 없습니다.",
+  "userID 长度不能超过45字节": "userID 길이는 45바이트를 초과할 수 없습니다.",
+  "我们想知道你对此回答不满意的原因，你认为更好的回答是什么？": "해당 답변에 만족하지 않으신 이유와 더 나은 답변이 무엇인지 알려주세요.",
+  "该回复由AI生成，内容仅供参考": "해당 답변은 AI가 생성한 내용으로 참고용입니다.",
+  "排队等待中": "대기 중",
+  "排队等待话术": "현재 모든 상담원이 상담 중입니다. 곧 연결해 드리겠습니다. 기다려 주셔서 감사합니다.",
+  "当前前方排队人数": "현재 대기 인원",
+  "结束排队": "대기 취소"
+}
+export default AIDesk;

package/locales/ko/component.ts

@@ -0,0 +1,6 @@
+const Component = {
+  "图片 url 不存在": "이미지 URL이 존재하지 않습니다.",
+  "暂不支持下载此类型图片": "이 유형의 이미지는 현재 다운로드를 지원하지 않습니다."
+}
+  
+export default Component;

package/locales/ko/index.ts

@@ -0,0 +1,26 @@
+import TUIChat from './TUIChat';
+import Component from './component';
+import time from './time';
+import AIDesk from './aidesk';
+
+const messages = {
+  ko: {
+    "取消": '취소',
+    "确定": '확인',
+    "发送": '보내기',
+    "系统通知": '시스템 알림',
+    "关闭": '닫기',
+    "图片": '사진',
+    "文件": '파일',
+    "表情": '이모티콘',
+    "视频": '동영상',
+    "录制": '녹음',
+    "拍照": '사진 찍기',
+    AIDesk,
+    TUIChat,
+    Component,
+    time,
+  },
+};
+
+export default messages;

package/locales/ko/time.ts

@@ -0,0 +1,37 @@
+const time = {
+  "周": "주",
+  "天": "일",
+  "小时": "시간",
+  "分钟": "분",
+  "刚刚": "방금",
+  "前": "전",
+  "昨天": "어제",
+  "星期一": "월요일",
+  "星期二": "화요일",
+  "星期三": "수요일",
+  "星期四": "목요일",
+  "星期五": "금요일",
+  "星期六": "토요일",
+  "星期日": "일요일",
+  "一月": "1월",
+  "二月": "2월",
+  "三月": "3월",
+  "四月": "4월",
+  "五月": "5월",
+  "六月": "6월",
+  "七月": "7월",
+  "八月": "8월",
+  "九月": "9월",
+  "十月": "10월",
+  "十一月": "11월",
+  "十二月": "12월",
+  "一": "월",
+  "二": "화",
+  "三": "수",
+  "四": "목",
+  "五": "금",
+  "六": "토",
+  "日": "일",
+}
+
+export default time;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tencentcloud/ai-desk-customer-vue",
-  "version": "1.6.6",
+  "version": "1.6.8",
   "description": "Vue2/Vue3 UIKit for AI Desk",
   "main": "index",
   "keywords": [
@@ -31,14 +31,9 @@
     "@tiptap/extension-text": "2.0.0-beta.220",
     "@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",
     "js-audio-recorder": "^1.0.7",
-    "lodash": "^4.17.21",
-    "marked": "^6.0.0",
-    "mp-html": "^2.5.0",
-    "vue-clipboard3": "2.0.0"
+    "marked": "^6.0.0"
   },
   "publishConfig": {
     "access": "public",

package/server.ts

@@ -29,6 +29,7 @@ interface IInitWithProfile {
   nickName?: string,
   avatar?: string,
   customerServiceID?: string,
+  clientCustomData?: string,
 }
 
 interface IProfile {
@@ -45,6 +46,7 @@ export default class TUICustomerServer {
   private myProfile: IProfile;
   private paramsForActiveAgain: any;
   private loginFailToasts: any[];
+  private clientCustomData: string;
   constructor() {
     TUICore.registerService(TUIConstants.TUICustomerServicePlugin.SERVICE.NAME, this);
     TUICore.registerExtension(TUIConstants.TUIContact.EXTENSION.CONTACT_LIST.EXT_ID, this);
@@ -54,6 +56,7 @@ export default class TUICustomerServer {
     this.isLoggedIn = false;
     this.loggedInUserID = '';
     this.myProfile = {};
+    this.clientCustomData = '';
   }
 
   static getInstance(): TUICustomerServer {
@@ -138,7 +141,7 @@ export default class TUICustomerServer {
   }
 
   public async initWithProfile(options: IInitWithProfile) {
-    const { SDKAppID, userID, userSig, nickName, avatar, customerServiceID } = options;
+    const { SDKAppID, userID, userSig, nickName, avatar, customerServiceID, clientCustomData } = options;
     Log.l(`TUICustomerServer.initWithProfile version:${version}`);
     if (nickName) {
       // chat 个人资料的昵称是 nick
@@ -155,6 +158,12 @@ export default class TUICustomerServer {
         this.customerServiceIDList.push(this.currentCustomerServiceID);
       }
     }
+
+    if (clientCustomData) {
+      this.clientCustomData = clientCustomData;
+    } else {
+      this.clientCustomData = '';
+    }
     return this.init(SDKAppID, userID, userSig);
   }
 
@@ -276,7 +285,7 @@ export default class TUICustomerServer {
 
   // 激活会话服务流
   private activeServiceFlow(params: any) {
-    Log.i(`TUICustomerServer.activeServiceFlow params: language:${params.robotLang} country:${params.country} timezone:${params.timezone}`);
+    Log.i(`TUICustomerServer.activeServiceFlow params: language:${params.robotLang} country:${params.country} timezone:${params.timezone} clientCustomData:${this.clientCustomData}`);
     this.paramsForActiveAgain = { ...params };
     TUIChatService.sendCustomMessage({
       to: params.conversationID.slice(3),
@@ -289,6 +298,7 @@ export default class TUICustomerServer {
             language: params.robotLang,
             country: params.country,
             timezone: params.timezone,
+            clientCustomData: this.clientCustomData,
           }
         }),
       },

package/utils/utils.ts

@@ -236,6 +236,8 @@ export function getQuoteContentForDesk(message: IMessageModel): string {
       result = payload.content.tip;
     } else if (src === CUSTOM_MESSAGE_SRC.ROBOT_MSG) {
       result = payload.content.title;
+    } else if (src === CUSTOM_MESSAGE_SRC.PRODUCT_CARD) {
+      result = payload.content.header || payload.content.desc;
     }
   }
   
@@ -378,7 +380,7 @@ export function debounce(func, delay) {
   }
 }
 
-export function endQueuing(conversationID: string) {
+export function leaveQueuing(conversationID: string) {
   TUIChatService.sendCustomMessage({
     to: conversationID,
     conversationType: TUIChatEngine.TYPES.CONV_C2C,
@@ -390,4 +392,32 @@ export function endQueuing(conversationID: string) {
     },
     needReadReceipt: isEnabledMessageReadReceiptGlobal(),
   },{ onlineUserOnly: true });
-};
+};
+
+export function throttle(
+  func,
+  wait = 200,
+  options?: { leading?: boolean;}
+) {
+  let last = 0;
+  let timeout;
+  const leading = options?.leading !== undefined ? options.leading : true;
+
+  return function (this: any, ...args: any[]) {
+    const now = Date.now();
+    if (!last && !leading) {
+      last = now;
+    }
+
+    const remaining = wait - (now - last);
+
+    if (remaining <= 0) {
+      if (timeout) {
+        clearTimeout(timeout);
+        timeout = null;
+      }
+      last = now;
+      func.apply(this, args);
+    }
+  };
+}

package/components/CustomerServiceChat/message-list/message-elements/video-play.vue

@@ -1,59 +0,0 @@
-<template>
-  <div class="dialog-video">
-    <video
-      v-if="isShow"
-      id="videoEle"
-      class="video-box"
-      :src="videoData"
-      controls
-      autoplay
-    />
-  </div>
-</template>
-
-<script lang="ts" setup>
-import vue from '../../TencentCloudCustomer/tui-customer-service-plugin-test/adapter-vue';
-import { TUIGlobal } from '@tencentcloud/universal-api';
-import { onLoad, onReady } from '@dcloudio/uni-app';
-const { ref } = vue;
-
-const videoData = ref();
-const isShow = ref(false);
-const videoContext = ref();
-onLoad((option: any) => {
-  const decodedUrl = decodeURIComponent(option?.videoUrl);
-  videoData.value = decodedUrl;
-  isShow.value = true;
-});
-
-onReady(() => {
-  isShow.value = true;
-  videoContext.value = TUIGlobal.createVideoContext('videoEle');
-});
-</script>
-<style lang="scss" scoped>
-.dialog-video {
-  position: fixed;
-  z-index: 999;
-  width: 100vw;
-  height: 100vh;
-  background: rgba(#000, 0.6);
-  top: 0;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-
-  .video-box {
-    position: absolute;
-    width: 100vw;
-    height: 100vh;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-  }
-}
-</style>