@tencentcloud/ai-desk-customer-vue 0.1.2 → 0.1.4

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

@@ -1,4 +1,4 @@
-@import "../components/common/common.scss";
+@import "../../../../../../common/common.scss";
 // button
 @mixin btn {
   border-radius: 5px;

package/components/CustomerServiceChat/message-list/message-elements/{plugins/plugin-components → message-desk}/message-plugin-layout-web.vue

@@ -27,25 +27,18 @@
         <!-- web message-bubble is a named slot, content area slotName is messageElement -->
         <template #messageElement>
           <slot
-            v-if="!isUniFrameWork"
             name="messageBubble"
           />
         </template>
-        <!-- uni-app message-bubble is an anonymous slot, no slotName -->
-        <slot
-          v-if="isUniFrameWork"
-          name="messageBubble"
-        />
       </MessageBubble>
     </div>
   </div>
 </template>
 
 <script lang="ts" setup>
-import vue from '../../../../../../adapter-vue';
+import vue from '../../../../../adapter-vue';
 import { TUIStore, IMessageModel } from '@tencentcloud/chat-uikit-engine';
-import MessageBubble from '../../message-bubble-web.vue';
-import { isUniFrameWork } from '../../../../../../utils/env';
+import MessageBubble from '../message-bubble-web.vue';
 const { computed } = vue;
 interface IProps {
   message: IMessageModel;

package/components/CustomerServiceChat/message-list/message-elements/{plugins/plugin-components → message-desk}/message-plugin-web.vue

@@ -19,15 +19,15 @@
 </template>
 
 <script lang="ts" setup>
-import vue from '../../../../../../adapter-vue';
+import vue from '../../../../../adapter-vue';
 import { TUIStore } from '@tencentcloud/chat-uikit-engine';
 import { IMessageModel } from '@tencentcloud/chat-uikit-engine';
 import {
   isCustomerServicePluginMessage,
   isCustomServiceMessageInvisible,
-} from './message-customer/index';
+} from './message-desk-elements/index';
 import MessagePluginLayout from './message-plugin-layout-web.vue';
-import MessageCustomerService from './message-customer/message-customer-service.vue';
+import MessageCustomerService from './message-desk-elements/message-desk.vue';
 const { computed } = vue;
 
 interface IProps {
@@ -50,10 +50,10 @@ const messageModel = computed(() => TUIStore.getMessageModel(props.message.ID));
 const pluginMessageType = computed<{ pluginType: string; showStyle: string }>(
   () => {
     let typeObj = { pluginType: '', showStyle: '' };
-    if (isCustomerServicePluginMessage(messageModel.value)) {
+    if (isCustomerServicePluginMessage(messageModel.value as any)) {
       typeObj = {
         pluginType: 'customer',
-        showStyle: isCustomServiceMessageInvisible(messageModel.value)
+        showStyle: isCustomServiceMessageInvisible(messageModel.value as any)
           ? ''
           : 'bubble',
       };

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

@@ -51,7 +51,7 @@ import {
   getBoundingClientRect,
   getScrollInfo,
 } from '@tencentcloud/universal-api';
-import { isUniFrameWork,isH5,isPC } from '../../../../../utils/env';
+import { isH5,isPC } from '../../../../../utils/env';
 import {
   Toast,
   TOAST_TYPE,
@@ -191,13 +191,11 @@ async function scrollToOriginalMessage() {
         - scrollViewRect.top
         - (selfAddValue++ % 2);
       const isNeedScroll = originalMessageRect.top < scrollViewRect.top;
-      if (!isUniFrameWork && window) {
+      if (window) {
         const scrollView = document.getElementById('messageScrollList');
         if (isNeedScroll && scrollView) {
           scrollView.scrollTop = finalScrollTop;
         }
-      } else if (isUniFrameWork && isNeedScroll) {
-        emits('scrollTo', finalScrollTop);
       }
       emits('blinkMessage', originMessageID);
     } catch (error) {

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

@@ -33,7 +33,7 @@
       />
     </Overlay>
     <Drawer
-      v-else-if="!props.disabled && isH5 && !isUniFrameWork"
+      v-else-if="!props.disabled && isH5"
       :visible="isMessageListVisible"
       :isFullScreen="true"
       :overlayColor="'transparent'"
@@ -58,7 +58,7 @@ import {
 import Overlay from '../../../../common/Overlay/index.vue';
 import Drawer from '../../../../common/Drawer/index.vue';
 import SimpleMessageList from '../simple-message-list/index.vue';
-import { isH5, isPC, isUniFrameWork } from '../../../../../utils/env';
+import { isH5, isPC } from '../../../../../utils/env';
 import { transformTextWithKeysToEmojiNames } from '../../../emoji-config/index';
 import { IMergeMessageContent } from '../../../../../interface';
 const { ref, withDefaults } = vue;
@@ -94,11 +94,8 @@ function openMergeDetail() {
   if (props.disabled) {
     return;
   }
-  if (!isUniFrameWork) {
     isMessageListVisible.value = true;
-  } else {
-    emits('assignMessageIDInUniapp', props.messageItem.ID);
-  }
+  
 }
 
 function closeMergeDetail() {

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

@@ -87,27 +87,8 @@
             v-else-if="item.messageBody[0].type === TYPES.MSG_VIDEO"
             class="message-video"
           >
-            <div
-              v-if="isUniFrameWork"
-              @click="
-                previewVideoInUniapp(
-                  item.messageBody[0].payload['remoteVideoUrl']
-                )
-              "
-            >
-              <image
-                class="image"
-                :src="item.messageBody[0].payload['thumbUrl']"
-                mode="widthFix"
-                alt="image"
-              />
-              <Icon
-                class="video-play-icon"
-                :file="playIcon"
-              />
-            </div>
+
             <video
-              v-else
               class="video"
               controls
               :poster="item.messageBody[0].payload['thumbUrl']"
@@ -186,7 +167,7 @@ import {
   DEFAULT_BIG_EMOJI_URL,
   CUSTOM_BIG_EMOJI_URL,
 } from '../../../emoji-config/index';
-import { isMobile, isUniFrameWork } from '../../../../../utils/env';
+import { isMobile } from '../../../../../utils/env';
 import { IMergeMessageContent } from '../../../../../interface';
 const { computed, ref, watch } = vue;
 
@@ -294,14 +275,7 @@ function backPreviousLevel() {
   }
 }
 
-function previewVideoInUniapp(url: string) {
-  if (isUniFrameWork) {
-    const encodedUrl = encodeURIComponent(url);
-    uni.navigateTo({
-      url: `/TUIKit/components/TUIChat/video-play?videoUrl=${encodedUrl}`,
-    });
-  }
-}
+
 
 function resolveBigFaceUrl(bigFaceKey: string): string {
   let url = '';

package/components/CustomerServiceChat/style/h5.scss

@@ -7,6 +7,7 @@
 .tui-chat-h5 {
   background-image:url("../../../assets/background_mobile.png");
   background-size: cover;
+  height: 100vh;
   &-message-list {
     flex: 1;
     overflow: hidden;
@@ -14,7 +15,7 @@
   }
 
   &-message-input {
-    height: 100px;
+    height: auto;
   }
 
   &-message-input-toolbar {

package/components/CustomerServiceChat/style/index.scss

@@ -1,8 +1,6 @@
 @import './common';
 @import './web';
 @import './h5';
-@import './uni';
-@import './wx';
 
 :not(not) {
   display: flex;

package/components/common/Avatar/index.vue

@@ -7,24 +7,7 @@
       borderRadius: avatarBorderRadius,
     }"
   >
-    <template v-if="isUniFrameWork">
-      <image
-        v-if="!loadErrorInUniapp"
-        class="avatar-image"
-        :src="avatarImageUrl || defaultAvatarUrl"
-        @load="avatarLoadSuccess"
-        @error="avatarLoadFailed"
-      />
-      <image
-        v-else
-        class="avatar-image"
-        :src="defaultAvatarUrl"
-        @load="avatarLoadSuccess"
-        @error="avatarLoadFailed"
-      />
-    </template>
     <img
-      v-else
       class="avatar-image"
       :src="avatarImageUrl || defaultAvatarUrl"
       @load="avatarLoadSuccess"
@@ -43,7 +26,6 @@
 
 <script setup lang="ts">
 import vue from '../../../adapter-vue';
-import { isUniFrameWork } from '../../../utils/env';
 const { ref, toRefs } = vue;
 
 interface IProps {
@@ -79,7 +61,7 @@ const {
 
 let reloadAvatarTime = 0;
 const isImgLoaded = ref<boolean>(false);
-const loadErrorInUniapp = ref<boolean>(false);
+
 
 function avatarLoadSuccess(e: Event) {
   isImgLoaded.value = true;
@@ -91,11 +73,8 @@ function avatarLoadFailed(e: Event) {
   if (reloadAvatarTime > 3) {
     return;
   }
-  if (isUniFrameWork) {
-    loadErrorInUniapp.value = true;
-  } else {
     (e.currentTarget as HTMLImageElement).src = defaultAvatarUrl.value;
-  }
+  
   emits('onError', e);
 }
 </script>

package/components/common/BottomPopup/index.vue

@@ -9,7 +9,6 @@
       v-if="!isPC"
       :class="[
         'bottom-popup',
-        isUniFrameWork && 'bottom-popup-uni',
         !isPC && 'bottom-popup-h5',
         !isPC && props.modal && 'bottom-popup-modal',
       ]"
@@ -64,7 +63,7 @@
 import vue from '../../../adapter-vue';
 import { TUITranslateService } from '@tencentcloud/chat-uikit-engine';
 import { outsideClick } from '@tencentcloud/universal-api';
-import { isPC, isH5, isUniFrameWork } from '../../../utils/env';
+import { isPC, isH5 } from '../../../utils/env';
 const { ref, watch, nextTick } = vue;
 
 const props = defineProps({
@@ -129,7 +128,7 @@ watch(
         emits('onOpen', dialogRef);
         nextTick(() => {
           // Effective under web h5
-          if (isH5 && !isUniFrameWork) {
+          if (isH5) {
             if (props.closeByClickOutside) {
               outsideClick.listen({
                 domRefs: dialogRef.value,

package/components/common/Dialog/index.vue

@@ -24,7 +24,7 @@
       </header>
       <div
         class="dialog-main-content"
-        :class="[isUniFrameWork && isH5 ? 'dialog-main-content-uniapp' : '']"
+        :class="[isH5 ? 'dialog-main-content-uniapp' : '']"
       >
         <slot />
       </div>
@@ -52,7 +52,7 @@
 <script lang="ts" setup>
 import vue from '../../../adapter-vue';
 import { TUITranslateService } from '@tencentcloud/chat-uikit-engine';
-import { isPC, isH5, isUniFrameWork } from '../../../utils/env';
+import { isPC, isH5 } from '../../../utils/env';
 const { ref, watchEffect } = vue;
 const clickType = {
   OUTSIDE: 'outside',

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

@@ -33,7 +33,6 @@
             :rotate="rotate"
             :src="getImageUrl(item)"
             :messageItem="item"
-            :class="[isUniFrameWork ? 'image-item' : '']"
           />
         </li>
       </ul>
@@ -131,7 +130,6 @@ import {
   IMessageModel,
   TUITranslateService,
 } from '@tencentcloud/chat-uikit-engine';
-import { TUIGlobal, getPlatform } from '@tencentcloud/universal-api';
 import Icon from '../Icon.vue';
 import iconClose from '../../../assets/icon-close.svg';
 import iconArrowLeft from '../../../assets/icon-arrow-left.svg';
@@ -142,7 +140,7 @@ import iconRotateRight from '../../../assets/rotate-right.svg';
 import iconDownload from '../../../assets/download.svg';
 import ImageItem from './image-item-web.vue';
 import { Toast, TOAST_TYPE } from '../Toast/index-web';
-import { isPC, isMobile, isUniFrameWork } from '../../../utils/env';
+import { isPC, isMobile } from '../../../utils/env';
 const { ref, watchEffect, onMounted, onUnmounted, withDefaults } = vue;
 
 interface touchesPosition {
@@ -381,88 +379,8 @@ const save = () => {
     });
     return;
   }
-  switch (getPlatform()) {
-    case 'wechat':
-      // Get the user's current settings and get the album permissions
-      TUIGlobal.getSetting({
-        success: (res: any) => {
-          if (!res?.authSetting['scope.writePhotosAlbum']) {
-            TUIGlobal.authorize({
-              scope: 'scope.writePhotosAlbum',
-              success() {
-                downloadImgInUni(imageSrc);
-              },
-              fail() {
-                TUIGlobal.showModal({
-                  title: '您已拒绝获取相册权限',
-                  content: '是否进入权限管理，调整授权？',
-                  success: (res: any) => {
-                    if (res.confirm) {
-                      // Call up the client applet settings interface and return the operation results set by the user.
-                      // Ask the user to authorize again.
-                      TUIGlobal.openSetting({
-                        success: (res: any) => {
-                          console.log(res.authSetting);
-                        },
-                      });
-                    } else if (res.cancel) {
-                      return Toast({
-                        message: TUITranslateService.t('component.已取消'),
-                        type: TOAST_TYPE.ERROR,
-                      });
-                    }
-                  },
-                });
-              },
-            });
-          } else {
-            // If you already have album permission, save directly to the album
-            downloadImgInUni(imageSrc);
-          }
-        },
-        fail: () => {
-          Toast({
-            message: TUITranslateService.t('component.获取权限失败'),
-            type: TOAST_TYPE.ERROR,
-          });
-        },
-      });
-      break;
-    case 'app':
-      downloadImgInUni(imageSrc);
-      break;
-    default:
       downloadImgInWeb(imageSrc);
-      break;
-  }
-};
-
-const downloadImgInUni = (src: string) => {
-  TUIGlobal.showLoading({
-    title: '大图提取中',
-  });
-  TUIGlobal.downloadFile({
-    url: src,
-    success: function (res: any) {
-      TUIGlobal.hideLoading();
-      TUIGlobal.saveImageToPhotosAlbum({
-        filePath: res.tempFilePath,
-        success: () => {
-          Toast({
-            message: TUITranslateService.t('component.已保存至相册'),
-            type: TOAST_TYPE.SUCCESS,
-          });
-        },
-      });
-    },
-    fail: function () {
-      TUIGlobal.hideLoading();
-      Toast({
-        message: TUITranslateService.t('component.图片下载失败'),
-        type: TOAST_TYPE.ERROR,
-      });
-    },
-  });
+  
 };
 
 const downloadImgInWeb = (src: string) => {

package/components/common/ProgressMessage/index.vue

@@ -8,17 +8,10 @@
       class="progress-container"
     >
       <progress
-        v-if="!isUniFrameWork"
         class="progress"
         :value="props.messageItem.progress"
         max="1"
       />
-      <progress
-        v-else
-        activeColor="#006EFF"
-        class="progress-common"
-        :percent="Math.round(props.messageItem.progress * 100)"
-      />
     </div>
   </div>
 </template>
@@ -26,7 +19,6 @@
 <script lang="ts" setup>
 import type { IMessageModel } from '@tencentcloud/chat-uikit-engine';
 import vue from '../../../adapter-vue';
-import { isUniFrameWork } from '../../../utils/env';
 import type { IImageMessageContent } from '../../../interface';
 const { withDefaults } = vue;
 

package/index.ts

@@ -1,30 +1,21 @@
 declare const uni: any;
 import TUICustomerPluginServer from './server';
 import { isMessageInvisible } from './utils/index';
-// #ifndef APP || APP-PLUS || MP || H5
 import CustomerChatWeb from './components/CustomerServiceChat/index-web.vue';
-// #endif
+
 
 const TUICustomerServer = TUICustomerPluginServer.getInstance();
 
 const isCustomerServicePluginMessage = TUICustomerServer.isCustomerServicePluginMessage.bind(TUICustomerServer);
 
-const setCustomerServiceAccounts = TUICustomerServer.setCustomerServiceAccounts.bind(TUICustomerServer);
-
-const getCustomerServiceAccounts = TUICustomerServer.getCustomerServiceAccounts.bind(TUICustomerServer);
-
 const isCustomerConversation = TUICustomerServer.isCustomerConversation.bind(TUICustomerServer);
 
-let CustomerServiceChat = {};
-if (typeof uni === 'undefined') {
-  CustomerServiceChat = CustomerChatWeb;
-}
+let CustomerServiceChat = CustomerChatWeb;
+
 
 export {
   isCustomerServicePluginMessage,
   isMessageInvisible,
-  setCustomerServiceAccounts,
-  getCustomerServiceAccounts,
   CustomerServiceChat,
   isCustomerConversation
-};
+};

package/index.vue

@@ -1,60 +1 @@
-<template>
-  <div class="message-custom">
-    <MessageRating
-      v-if="isMessageRating(props.message)"
-      :message="props.message"
-      @sendMessage="sendCustomMessage"
-    />
-    <MessageCustomerService
-      v-else-if="isCustomerServiceMessage(props.message)"
-      :message="props.message"
-      @sendMessage="sendTextMessage"
-      @sendCustomMessage="sendCustomMessage"
-      @showFormPopup="handleShowFormPopup"
-    />
-  </div>
-</template>
-<script lang="ts">
-import { isCustomerServiceMessage, isMessageRating } from './utils/index';
-import { CustomMessagePayload, TextMessagePayload, IMessageModel } from './interface';
-import MessageCustomerService from './components/message-customer-service.vue';
-import MessageRating from './components/message-rating/index.vue';
-import {
-  TUIChatService,
-} from '@tencentcloud/chat-uikit-engine';
-interface Props {
-  message: IMessageModel;
-}
-export default {
-  components: {
-    MessageCustomerService,
-    MessageRating,
-  },
-  props: {
-    message: {
-      type: Object as () => IMessageModel,
-      default: () => ({}),
-    },
-  },
-  emits: ['showFormPopup'],
-  setup(props: Props, { emit }) {
-    const sendTextMessage = (payload: TextMessagePayload) => {
-      TUIChatService.sendTextMessage({payload});
-    };
-    const sendCustomMessage = (payload: CustomMessagePayload) => {
-      TUIChatService.sendCustomMessage({payload});
-    };
-    const handleShowFormPopup = (data: boolean) => {
-      emit('showFormPopup', data);
-    }
-    return {
-      props,
-      sendTextMessage,
-      sendCustomMessage,
-      isCustomerServiceMessage,
-      isMessageRating,
-      handleShowFormPopup
-    };
-  },
-};
-</script>
+<template></template>

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tencentcloud/ai-desk-customer-vue",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "chat uikit ai-desk-customer",
   "main": "index",
   "keywords": [
@@ -22,10 +22,10 @@
     "publish:uniapp": "cd ../tui-customer-service-plugin-uniapp && ls && npm publish --access public"
   },
   "dependencies": {
-    "@tencentcloud/chat-uikit-engine": "latest",
-    "@tencentcloud/tui-core": "latest",
+    "@tencentcloud/chat-uikit-engine": "^2.4.2",
+    "@tencentcloud/tui-core": "^2.4.0",
     "@tencentcloud/tui-emoji-plugin": "latest",
-    "@tencentcloud/universal-api": "latest",
+    "@tencentcloud/universal-api": "^2.4.0",
     "@tiptap/core": "2.0.0-beta.220",
     "@tiptap/extension-document": "2.0.0-beta.220",
     "@tiptap/extension-image": "2.0.0-beta.220",
@@ -44,7 +44,6 @@
     "vue-clipboard3": "2.0.0"
   },
   "peerDependencies": {
-    "@tencentcloud/tui-core": "latest",
     "@vue/composition-api": "^1.0.0-rc.1",
     "vue": "^2.0.0 || >=3.0.0"
   },

package/server.ts

@@ -3,8 +3,7 @@ import {
   isCustomerServiceMessage,
   isMessageInvisible,
 } from './utils/index';
-import { IMessageModel } from './interface';
-import TUIChatEngine, { TUIChatService, TUIConversationService } from '@tencentcloud/chat-uikit-engine';
+import TUIChatEngine, { TUIChatService, TUIConversationService,IMessageModel  } from '@tencentcloud/chat-uikit-engine';
 
 export default class TUICustomerServer {
   static isInitialized: boolean;
@@ -14,7 +13,6 @@ export default class TUICustomerServer {
     console.log('TUICustomerServer.init ok');
     TUICore.registerService(TUIConstants.TUICustomerServicePlugin.SERVICE.NAME, this);
     TUICore.registerExtension(TUIConstants.TUIContact.EXTENSION.CONTACT_LIST.EXT_ID, this);
-     // TUICore.registerEvent(TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED, TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS, this);
     this.customerServiceAccounts = ['@customer_service_account'];
   }
 
@@ -25,25 +23,6 @@ export default class TUICustomerServer {
     return TUICustomerServer.instance;
   }
 
-  public onNotifyEvent(eventName: string, subKey: string, params?: Record<string, any>) {
-    if (eventName === TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED) {
-      switch (subKey) {
-        case TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS:
-          const { chat, SDKAppID, userID, userSig } = TUILogin.getContext();
-
-          TUIChatEngine.login({
-            chat,
-            SDKAppID,
-            userID,
-            userSig,
-          });
-          TUIConversationService.switchConversation('C2C@customer_service_account');
-          TUICore.unregisterEvent(TUIConstants.TUILogin.EVENT.LOGIN_STATE_CHANGED, TUIConstants.TUILogin.EVENT_SUB_KEY.USER_LOGIN_SUCCESS, this);
-          break;
-      }
-    }
-  }
-
   static loginCustomerUIKit(SDKAppID:number, userID:string, userSig:string) {
     TUIChatEngine.login({
       SDKAppID,
@@ -53,6 +32,7 @@ export default class TUICustomerServer {
     }).then(() => {
       console.log("login success");
       TUIConversationService.switchConversation('C2C@customer_service_account');
+      TUIChatEngine.chat.callExperimentalAPI('isFeatureEnabledForStat', Math.pow(2, 42));
     })
     .catch((error) => {
       console.log(error);
@@ -72,15 +52,6 @@ export default class TUICustomerServer {
     this.loginCustomerUIKit(SDKAppID, userID, userSig);
   }
 
-  // Set customer service number
-  public setCustomerServiceAccounts(accounts: any[]) {
-    this.customerServiceAccounts = accounts;
-  }
-
-  // Obtain customer service number
-  public getCustomerServiceAccounts() {
-    return this.customerServiceAccounts;
-  }
 
   // Determine if the current session is a customer service session
   public isCustomerConversation(conversationID: string) {
@@ -125,4 +96,4 @@ export default class TUICustomerServer {
       }
     }
   }
-}
+}

package/utils/chatStorage.ts

@@ -1,4 +1,3 @@
-import { isUniFrameWork } from './env';
 import { TUIGlobal } from '@tencentcloud/universal-api';
 
 interface IChatStorage {
@@ -38,11 +37,7 @@ class ChatStorage implements IChatStorage {
     }
     this.chatStorage[key] = value;
     try {
-      if (isUniFrameWork) {
-        TUIGlobal.setStorageSync(ChatStorage.CHAT_STORAGE_KEY, JSON.stringify(this.chatStorage));
-      } else {
-        localStorage.setItem(ChatStorage.CHAT_STORAGE_KEY, JSON.stringify(this.chatStorage));
-      }
+      localStorage.setItem(ChatStorage.CHAT_STORAGE_KEY, JSON.stringify(this.chatStorage));
     } catch (error) {
       throw new Error('Fail to set chat storage');
     }
@@ -50,11 +45,7 @@ class ChatStorage implements IChatStorage {
 
   private getChatStorageFromLocalStorage(): Record<string, any> {
     let chatStorageString: string = '';
-    if (isUniFrameWork) {
-      chatStorageString = TUIGlobal.getStorageSync(ChatStorage.CHAT_STORAGE_KEY) || '';
-    } else {
-      chatStorageString = localStorage.getItem(ChatStorage.CHAT_STORAGE_KEY) || '';
-    }
+    chatStorageString = localStorage.getItem(ChatStorage.CHAT_STORAGE_KEY) || '';
     if (!chatStorageString) {
       return {};
     }