@tencentcloud/ai-desk-customer-vue 1.5.6 → 1.5.9

package/components/CustomerServiceChat/message-list/message-elements/message-desk/message-desk-elements/message-multi-form/form-mobile.vue

@@ -15,7 +15,7 @@
           @onClose="closeDialog"
           title=""
         >
-          <div style="height:100%;overflow-y: auto;">
+          <div style="height:100%;">
             <div class="dialog-title">
               <div class="dialog-title-tip">
                 {{ props.payload.content.tip }}
@@ -24,28 +24,30 @@
                 <Icon :src="iconClose" width="16px" height="16px"/>
               </div>
             </div>
-            <div
-              v-for="(item, index) in props.payload.content.inputVariables"
-              :key="index"
-            >
-              <div v-if="item.formType == 0 && props.payload.nodeStatus == 0">
-                <InputMobile :placeholder="item.placeholder" :variableValue="item.variableValue" :name="item.name" :isRequired="item.isRequired" @input-change="handleInputChange" :validator="item.isRequired == 1 && isValid(item.name)"/>
-              </div>
-              <div v-else-if="item.formType == 1 && props.payload.nodeStatus == 0">
-                <RadioMobile :chooseItemList="item.chooseItemList" :name="item.name" :isRequired="item.isRequired" @input-change="handleInputChange" :validator="item.isRequired == 1 && isValid(item.name)"/>
-              </div>
-              <div v-else class="variable-value-container-mobile">
-                <div class="variable-value-label-mobile">
-                  {{ item.name }}
+            <div class="dialog-show-content">
+              <div
+                v-for="(item, index) in props.payload.content.inputVariables"
+                :key="index"
+              >
+                <div v-if="item.formType == 0 && props.payload.nodeStatus == 0">
+                  <InputMobile :placeholder="item.placeholder" :variableValue="item.variableValue" :name="item.name" :isRequired="item.isRequired" @input-change="handleInputChange" :validator="item.isRequired == 1 && isValid(item.name)"/>
                 </div>
-                <div class="variable-value">
-                  {{ item.variableValue == '' ||  item.variableValue == null ? mapValue[item.name] : item.variableValue}}
+                <div v-else-if="item.formType == 1 && props.payload.nodeStatus == 0">
+                  <RadioMobile :chooseItemList="item.chooseItemList" :name="item.name" :isRequired="item.isRequired" @input-change="handleInputChange" :validator="item.isRequired == 1 && isValid(item.name)"/>
+                </div>
+                <div v-else class="variable-value-container-mobile">
+                  <div class="variable-value-label-mobile">
+                    {{ item.name }}
+                  </div>
+                  <div class="variable-value">
+                    {{ item.variableValue == '' ||  item.variableValue == null ? mapValue[item.name] : item.variableValue}}
+                  </div>
                 </div>
               </div>
-            </div>
-            <div class="button-container" v-if="props.payload.nodeStatus === 0">
-              <div class="button" @click="handleSendForm">
-                {{ TUITranslateService.t("AIDesk.提交") }}
+              <div class="button-container" v-if="props.payload.nodeStatus === 0">
+                <div class="button" @click="handleSendForm">
+                  {{ TUITranslateService.t("AIDesk.提交") }}
+                </div>
               </div>
             </div>
           </div>
@@ -75,7 +77,7 @@ import RadioMobile from './component-mobile/radios-mobile.vue';
 import LabelMobile from './component-mobile/label-mobile.vue';
 import FormPopup from './component-mobile/form-popup.vue';
 import { CUSTOM_MESSAGE_SRC } from '../../../../../../../constant';
-import {TUITranslateService} from '@tencentcloud/chat-uikit-engine';
+import { TUITranslateService } from '@tencentcloud/chat-uikit-engine';
 const { ref, onMounted } = vue;
 interface Props {
   payload: customerServicePayloadType;
@@ -163,6 +165,7 @@ export default {
       };
       emit('sendMessage', submitData);
       isSubmit.value = false;
+      closeDialog();
     };
     const handleInputChange = ({name,value}) => {
       mapValue.value[name] = value;
@@ -197,10 +200,6 @@ export default {
 <style lang="scss">
 @import "../styles/common.scss";
 
-.form-mobile-container {
-  font-family: PingFangSC-Regular;
-}
-
 .edit-profile-container {
   @extend .container;
   font-size: 14px;
@@ -311,7 +310,6 @@ export default {
   display:flex;
   flex-direction: column;
   justify-content: center;
-  font-family: PingFangSC-Regular;
   .form-button {
     display:flex;
     justify-content: center;
@@ -374,6 +372,12 @@ export default {
     color: rgba(153,153,153,1);
   }
 }
+
+.dialog-show-content {
+  overflow-y: auto;
+  max-height: 68vh;
+}
+
 .variable-value-container-mobile {
   padding: 16px;
   display: flex;
@@ -399,15 +403,16 @@ export default {
 .button-container {
   display: flex;
   justify-content: center;
-  margin: 15px;
+  padding: 20px;
   .button {
     display: flex;
     justify-content: center;
-    width: 87px;
-    padding: 6px 10px;
+    width: 100%;
+    padding: 9px 33px;
     background-color: #1c66e5;
     color: white;
     border-radius: 20px;
+    font-weight: 500;
   }
 }
 </style>

package/components/CustomerServiceChat/message-list/message-elements/message-desk/message-desk-elements/message-multi-form/form-pc.vue

@@ -151,7 +151,6 @@ export default {
 </script>
 <style lang="scss">
 .form-pc-container {
-  font-family: PingFangSC-Regular;
   max-width: 350px;
 }
 .title-container {

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

@@ -56,7 +56,6 @@ export default {
   min-width: 200px;
   max-width: 400px;
   color: #000;
-  font-family: PingFangSC-Regular;
 
   .order-guide {
     font-size: 14px;

package/components/CustomerServiceChat/message-list/message-elements/message-desk/message-desk-elements/message-product-card.vue

@@ -103,7 +103,6 @@ export default {
   min-width: 100%;
   max-width: 400px;
   margin-top: 2px;
-  font-family: PingFangSC-Regular;
   display: flex;
   flex-direction: column;
   .product-card-main {

package/components/CustomerServiceChat/message-list/message-elements/message-desk/message-desk-elements/message-rating/message-rating-star.vue

@@ -207,7 +207,6 @@ export default {
 }
 
 .message-rating-star {
-  font-family: PingFangSC-Regular;
   text-align: center;
   display: flex;
   flex-flow: column wrap;

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

@@ -151,7 +151,6 @@ const closeImage = () => {
   word-break: normal;
   white-space: normal;
   font-size: 14px;
-  font-family: PingFangSC-Regular;
   user-select: text;
 }
 

package/components/CustomerServiceChat/message-list/message-elements/message-desk/message-desk-elements/message-transfer-with-desc.vue

@@ -39,7 +39,6 @@ export default {
   white-space: pre-wrap;
   font-size: 14px;
   text-size-adjust: none;
-  font-family: PingFangSC-Regular;
   overflow-wrap: break-word;
   word-break: normal;
 }

package/components/CustomerServiceChat/message-list/message-elements/message-desk/message-desk-elements/styles/common.scss

@@ -109,7 +109,6 @@
       .title-name {
         font-size: 18px;
         font-weight: 500;
-        font-family: PingFangSC-Medium;
       }
     }
   }
@@ -124,7 +123,6 @@
   justify-content: flex-start;
   margin: 0;
   padding: 0;
-  font-family: PingFangSC-Regular;
   user-select: text;
 
   .message-marked_code-container {

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

@@ -22,7 +22,11 @@
         :content="messageModel.getMessageContent()"
         :blinkMessageIDList="props.blinkMessageIDList"
         :classNameList="props.bubbleClassNameList"
+        :enableFeedback="props.enableFeedback"
+        :enableAINote="props.enableAINote"
         @resendMessage="resendMessage(messageModel)"
+        @like="onLike"
+        @dislike="onDislike"
       >
         <!-- web message-bubble is a named slot, content area slotName is messageElement -->
         <template #messageElement>
@@ -45,6 +49,8 @@ interface IProps {
   showStyle: string;
   bubbleClassNameList?: string[];
   blinkMessageIDList?: string[];
+  enableFeedback: number;
+  enableAINote: number;
 }
 
 const props = withDefaults(defineProps<IProps>(), {
@@ -52,12 +58,16 @@ const props = withDefaults(defineProps<IProps>(), {
   showStyle: '',
   bubbleClassNameList: () => [] as string[],
   blinkMessageIDList: () => [] as string[],
+  enableFeedback: 0,
+  enableAINote: 1,
 });
 
 const emits = defineEmits([
   'resendMessage',
   'handleToggleMessageItem',
   'handleH5LongPress',
+  'like',
+  'dislike',
 ]);
 const messageModel = computed(() =>
   TUIStore.getMessageModel(props.message?.ID),
@@ -77,6 +87,12 @@ const handleToggleMessageItem = (
 const handleH5LongPress = (e: any, message: IMessageModel, type: string) => {
   emits('handleH5LongPress', e, message, type);
 };
+const onLike = (messageInfo: Object) => {
+  emits('like', messageInfo);
+};
+const onDislike = (messageInfo: Object) => {
+  emits('dislike', messageInfo);
+};
 </script>
 
 <style lang="scss" scoped>

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

@@ -9,6 +9,10 @@
     @resendMessage="resendMessage"
     @handleToggleMessageItem="handleToggleMessageItem"
     @handleH5LongPress="handleH5LongPress"
+    :enableFeedback="props.enableFeedback"
+    :enableAINote="props.enableAINote"
+    @like="onLike"
+    @dislike="onDislike"
   >
     <template #messageBubble>
       <MessageCustomerService
@@ -43,11 +47,15 @@ const { computed } = vue;
 interface IProps {
   message: IMessageModel;
   blinkMessageIDList?: string[];
+  enableFeedback: number;
+  enableAINote: number;
 }
 
 const props = withDefaults(defineProps<IProps>(), {
   message: () => ({} as IMessageModel),
   blinkMessageIDList: () => [] as string[],
+  enableFeedback: 0,
+  enableAINote: 1,
 });
 
 const emits = defineEmits([
@@ -56,6 +64,8 @@ const emits = defineEmits([
   'handleH5LongPress',
   'heightChanged',
   'messageSent',
+  'like',
+  'dislike',
 ]);
 const messageModel = computed(() => TUIStore.getMessageModel(props.message.ID));
 
@@ -101,6 +111,14 @@ const onHeightChanged = () => {
 const onMessageSent = () => {
   emits('messageSent');
 };
+
+function onLike(messageInfo: Object) {
+  emits('like', messageInfo);
+};
+
+function onDislike(messageInfo: Object) {
+  emits('dislike', messageInfo);
+};
 </script>
 
 <style lang="scss" scoped>

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

@@ -256,13 +256,10 @@ async function scrollToOriginalMessage() {
 }
 
 .mobile-quote-sender{
-  font-family: PingFangSC-Regular;
   font-size: 10px;
-
 }
 
 .max-double-line {
-  font-family: PingFangSC-Regular;
   font-size: 14px;
   overflow-wrap: break-word;
   word-break: normal;

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

@@ -1,11 +1,15 @@
 <template>
   <div :class="['message-text-container', isPC && 'text-select']">
     <span
-      v-for="(item, index) in data.text"
+      v-for="(item, index) in textMessageData.text"
       :key="index"
-    >
+    > 
+      <span v-if="item.name === 'text' && enableURLDetection === 1"
+        class="text"
+        v-html="item.text"
+      ></span>
       <span
-        v-if="item.name === 'text'"
+        v-else-if="item.name === 'text'"
         class="text"
       >{{ item.text }}</span>
       <img
@@ -25,17 +29,23 @@ import {
   CUSTOM_BASIC_EMOJI_URL_MAPPING,
 } from '../../emoji-config';
 import { isPC } from '../../../../utils/env';
-const { watchEffect, ref } = vue;
+import state from '../../../../utils/state.js';
+const {ref, computed } = vue;
 interface IProps {
   content: Record<string, any>;
+  flow: string;
 }
 const props = withDefaults(defineProps<IProps>(), {
   content: () => ({}),
+  flow: 'in',
+});
+const enableURLDetection = ref(state.get('enableURLDetection'));
+const linkColor = computed(() => {
+  return props.flow === 'out' && isPC ? '#fff' : '#0052d9';
 });
-const data = ref();
-watchEffect(() => {
-  data.value = props.content;
-  data.value.text?.forEach(
+const textMessageData = computed(() => {
+  const contentCopy = JSON.parse(JSON.stringify(props.content));
+  contentCopy.text?.forEach(
     (item: {
       name: string;
       text?: string;
@@ -45,24 +55,22 @@ watchEffect(() => {
     }) => {
       if (item.name === 'img' && item?.type === 'custom') {
         if (!CUSTOM_BASIC_EMOJI_URL) {
-          console.warn(
-            'CUSTOM_BASIC_EMOJI_URL is required for custom emoji, please check your CUSTOM_BASIC_EMOJI_URL.',
-          );
-        } else if (
-          !item.emojiKey
-          || !CUSTOM_BASIC_EMOJI_URL_MAPPING[item.emojiKey]
-        ) {
-          console.warn(
-            'emojiKey is required for custom emoji, please check your emojiKey.',
-          );
+          console.warn('CUSTOM_BASIC_EMOJI_URL is required for custom emoji, please check your CUSTOM_BASIC_EMOJI_URL.');
+        } else if (!item.emojiKey || !CUSTOM_BASIC_EMOJI_URL_MAPPING[item.emojiKey]) {
+          console.warn('emojiKey is required for custom emoji, please check your emojiKey.');
         } else {
           item.src
             = CUSTOM_BASIC_EMOJI_URL
             + CUSTOM_BASIC_EMOJI_URL_MAPPING[item.emojiKey];
         }
+      } else if (item.name === 'text' && enableURLDetection.value) {
+        item.text = item.text.replace(/https?:\/\/[\w\-./?=&:#]+(?=[^\w\-./?=&:#]|$)/g, (url) => {
+          return `<a href="${url}" target="_blank" rel="noopener noreferrer" class="message-text-link" style="color: ${linkColor.value}; text-decoration: underline;">${url}</a>`;
+        }) || '';
       }
     },
   );
+  return contentCopy;
 });
 </script>
 <style lang="scss" scoped>
@@ -87,7 +95,6 @@ watchEffect(() => {
   white-space: pre-wrap;
   font-size: 14px;
   text-size-adjust: none;
-  font-family: PingFangSC-Regular;
   overflow-wrap: break-word;
   word-break: normal;
 }

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

@@ -64,7 +64,6 @@ watch(
 @import "../../style/common";
 
 .message-timestamp {
-  font-family: PingFangSC-Regular;
   margin: 10px auto;
   color: #999;
   font-size: 12px;

package/components/CustomerServiceChat/message-list/message-elements/read-status/index.vue

@@ -62,8 +62,10 @@ onUnmounted(() => {
   });
 });
 
-const onInHumanServiceUpdate = (value: boolean) => {
-  isInHumanService.value = value;
+const onInHumanServiceUpdate = (data: {conversationID: string, value: boolean}) => {
+  if (data && data.conversationID === props.message.conversationID) {
+    isInHumanService.value = data.value;
+  }
 };
 
 const isShowReadStatus = computed<boolean>(() => {

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

@@ -33,6 +33,7 @@ import { JSONToObject } from '../../../../utils';
 
 interface IEmits {
   (key: 'scrollToLatestMessage'): void;
+  (key: 'scrollNearToBottom'): void;
 }
 const emits = defineEmits<IEmits>();
 
@@ -89,11 +90,11 @@ function isTypingMessage(message: IMessageModel): boolean {
 
 function onMessageListUpdated(newMessageList: IMessageModel[]) {
   messageList.value = newMessageList || [];
-  const lastMessage = messageList.value?.[messageList.value?.length - 1];
+  const lastMessage = messageList.value[messageList.value.length - 1];
   isExistLastMessage.value = !!(
       // 过滤在线消息
       // @ts-ignore
-      lastMessage && !lastMessage?._message._onlineOnlyFlag && lastMessage?.time < currentLastMessageTime?.value
+      lastMessage && !lastMessage._onlineOnlyFlag && lastMessage.time < currentLastMessageTime.value
   );
 }
 
@@ -108,7 +109,7 @@ function onNewMessageList(newMessageList: IMessageModel[]) {
         && !isTypingMessage(message)
         // 过滤在线消息
         // @ts-ignore
-        && !message._message._onlineOnlyFlag
+        && !message._onlineOnlyFlag
       ) {
         newMessageCount.value += 1;
       }
@@ -147,6 +148,10 @@ async function judgeScrollOverOneScreen(e: Event) {
         isScrollOverOneScreen.value = true;
         return;
       }
+      if (scrollHeight - scrollTop < height + 20) {
+        // 滚动接近底部，通知 message-list
+        emits('scrollNearToBottom');
+      }
       isScrollOverOneScreen.value = false;
     } catch (error) {
       isScrollOverOneScreen.value = false;
@@ -205,7 +210,6 @@ defineExpose({
   -webkit-tap-highlight-color: transparent;
 
   &-text {
-    font-family: PingFangSC-Regular, system-ui;
     font-size: 10px;
     color: #147aff;
     margin-left: 3px;

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

@@ -20,7 +20,6 @@
       background-color: rgba(255, 149, 0, 0.1);
       color: #ff8c39;
       line-height: 18px;
-      font-family: PingFangSC-Regular;
       font-style: normal;
       font-weight: 400;
       text-align: justify;
@@ -76,7 +75,6 @@
         cursor: pointer;
 
         &-text {
-          font-family: PingFangSC-Regular;
           font-weight: 400;
           font-size: 10px;
           color: #147aff;

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

@@ -3,7 +3,7 @@
     <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) && ((item.displayFlag === 1 && isInSession) || isInHumanService)" :title="item.title" :icon="item.icon"/>
+      <ToolbarButtonEndHumanService v-else-if="item.presetId === TOOLBAR_BUTTON_TYPE.END_HUMAN_SERVICE && shouldRender(item) && ((item.displayFlag === 1 && canEndConversation) || 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"/>
@@ -39,7 +39,7 @@ const props = withDefaults(defineProps<IProps>(), {});
 
 const isInHumanService = ref(false);
 const currentConversation = ref<IConversationModel>();
-const isInSession = ref(true);
+const canEndConversation = ref(false);
 
 onMounted(() => {
   TUIStore.watch(StoreName.CONV, {
@@ -47,7 +47,7 @@ onMounted(() => {
   });
   TUIStore.watch(StoreName.CUSTOM, {
     isInHumanService: onInHumanServiceUpdate,
-    isInSession: onInSessionUpdate
+    canEndConversation: onCanEndConversationUpdate
   });
 });
 
@@ -57,7 +57,7 @@ onUnmounted(() => {
   });
   TUIStore.unwatch(StoreName.CUSTOM, {
     isInHumanService: onInHumanServiceUpdate,
-    isInSession: onInSessionUpdate
+    canEndConversation: onCanEndConversationUpdate
   });
 });
 
@@ -65,12 +65,16 @@ const onCurrentConversationUpdate = (conversation: IConversationModel) => {
   currentConversation.value = conversation;
 }
 
-const onInHumanServiceUpdate = (value: boolean) => {
-  isInHumanService.value = value;
+const onInHumanServiceUpdate = (data: {conversationID: string, value: boolean}) => {
+  if (data && data.conversationID === currentConversation.value.conversationID) {
+    isInHumanService.value = data.value;
+  }
 };
 
-const onInSessionUpdate = (value: boolean) => {
-  isInSession.value = value;
+const onCanEndConversationUpdate = (data: {conversationID: string, value: boolean}) => {
+  if (data && data.conversationID === currentConversation.value.conversationID) {
+    canEndConversation.value = data.value;
+  }
 }
 
 function onClick(item:ToolbarButtonModel, index: number) {
@@ -115,6 +119,7 @@ function shouldRender(item: ToolbarButtonModel) {
   overflow-x: auto; /* 允许横向滚动 */
   scrollbar-width: none; /* Firefox 隐藏滚动条 */
   -ms-overflow-style: none; /* IE/Edge 隐藏滚动条 */
+  min-height: 28px;
   &::-webkit-scrollbar {
     display: none; /* Chrome 隐藏滚动条 */
   }
@@ -150,6 +155,5 @@ function shouldRender(item: ToolbarButtonModel) {
   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

@@ -48,7 +48,7 @@ const onClick = () => {
     payload: {
       data: JSON.stringify({
         customerServicePlugin: 0,
-        src: CUSTOM_MESSAGE_SRC.USER_END_SESSION,
+        src: CUSTOM_MESSAGE_SRC.USER_END_CONVERSATION,
       }),
     },
     needReadReceipt: isEnabledMessageReadReceiptGlobal(),

package/components/CustomerServiceChat/style/common.scss

@@ -57,3 +57,7 @@ input:focus, input:active, textarea:focus, textarea:active {
   z-index: 9999;
   max-height: calc(100% - 50px);
 }
+
+pre, button, input, select, textarea { 
+  font-family: inherit;
+}

package/components/CustomerServiceChat/style/web.scss

@@ -7,6 +7,7 @@
   display: flex;
   flex-direction: column;
   position: relative;
+  font-family: -apple-system, BlinkMacSystemFont, 'PingFang SC', 'Microsoft YaHei', '微软雅黑', 'Segoe UI', 'Noto Sans CJK SC', 'Noto Sans CJK TC', 'Noto Sans CJK JP', 'Noto Sans CJK KR', 'Roboto', 'Helvetica Neue', 'MIUI', Arial, sans-serif;
 
   &-default {
     width: 100%;
@@ -45,4 +46,4 @@
     height: 160px;
     display: flex;
   }
-}
+}

package/components/common/BottomPopup/style/h5.scss

@@ -34,7 +34,6 @@
       font-size: 16px;
 
       .header-close {
-        font-family: PingFangSC-Regular;
         font-weight: 400;
         color: #006eff;
         font-size: 18px;

package/components/common/Dialog/style/color.scss

@@ -10,7 +10,6 @@
     }
 
     &-title {
-      font-family: PingFangSC-Medium;
       font-weight: 500;
       color: #333;
     }

package/components/common/Toast/index-web.vue

@@ -129,6 +129,7 @@ const handleStyle = (type?: string) => {
     width: fit-content;
     overflow-wrap: break-word;
     word-break: normal;
+    font-size: 14px;
   }
 }
 
@@ -144,7 +145,6 @@ const handleStyle = (type?: string) => {
   padding: 10px 15px;
 
   span {
-    font-family: PingFangSC-Regular;
     font-weight: 400;
     font-size: 14px;
     letter-spacing: 0;

package/constant.ts

@@ -25,7 +25,7 @@ export const CUSTOM_MESSAGE_SRC = {
   USER_SATISFACTION: '24',
   BOT_STATUS: '25',
   SEAT_STATUS: '26',
-  USER_END_SESSION: '27',
+  USER_END_CONVERSATION: '27',
   ORDER:'28',
   ROBOT_MSG: '29',
   RICH_TEXT: '30',
@@ -37,7 +37,8 @@ export const CUSTOM_MESSAGE_SRC = {
   CONCURRENCY_LIMIT: '36',
   TIMEOUT_WARNING: '37',
   TRANSFER_TO_HUMAN: '39',
-  SESSION_RESTARTED: '40',
+  GET_FEEDBACK_MENU: '42',
+  SEND_FEEDBACK: '43',
 };
 
 // im message extra type