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

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,
@@ -26,19 +29,24 @@ interface IInitWithProfile {
   avatar?: string,
 }
 
+interface IProfile {
+  nick?: string,
+  avatar?: string,
+}
+
 export default class TUICustomerServer {
   private isLoggedIn: boolean;
   static instance: TUICustomerServer;
   private customerServiceAccounts: any[];
   private loggedInUserID: string;
-  private myProfile: object;
+  private myProfile: IProfile;
   constructor() {
     TUICore.registerService(TUIConstants.TUICustomerServicePlugin.SERVICE.NAME, this);
     TUICore.registerExtension(TUIConstants.TUIContact.EXTENSION.CONTACT_LIST.EXT_ID, this);
     this.customerServiceAccounts = ['@customer_service_account'];
     this.isLoggedIn = false;
     this.loggedInUserID = '';
-    this.myProfile = {};
+    this.myProfile = { avatar: USER_DEFAULT_AVATAR };
   }
 
   static getInstance(): TUICustomerServer {
@@ -60,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) => {

package/utils/state.js

@@ -0,0 +1,30 @@
+const state = {
+  data: {}, 
+  // listeners: [], 
+  
+  // 获取数据
+  get(key) {
+    return this.data[key];
+  },
+  
+  // 设置数据
+  set(key, value) {
+    this.data[key] = value;
+    // this.notifyListeners();
+  },
+  
+  // // 监听数据变化
+  // subscribe(callback) {
+  //   this.listeners.push(callback);
+  //   return () => {
+  //     this.listeners = this.listeners.filter(cb => cb !== callback);
+  //   };
+  // },
+  
+  // // 通知所有监听器
+  // notifyListeners() {
+  //   this.listeners.forEach(cb => cb(this.data));
+  // }
+};
+
+export default state;

package/utils/utils.ts

@@ -1,4 +1,12 @@
-import TUIChatEngine, { TUITranslateService, TUIStore, StoreName, IMessageModel } from '@tencentcloud/chat-uikit-engine';
+import TUIChatEngine, {
+  TUITranslateService,
+  TUIStore,
+  StoreName,
+  IMessageModel,
+  TUIUserService,
+  IConversationModel,
+} from '@tencentcloud/chat-uikit-engine';
+import Log from './logger';
 
 export function deepCopy(data: any, hash = new WeakMap()) {
   if (typeof data !== 'object' || data === null || data === undefined) {
@@ -159,3 +167,42 @@ export function calculateTimestamp(timestamp: number): string {
     )}`;
   }
 }
+
+export function getSafeUrl(url) {
+  try {
+    const decodedUrl = decodeURIComponent(url);
+    const parsedUrl = new URL(decodedUrl);
+    if (!['http:', 'https:'].includes(parsedUrl.protocol)) {
+      return null;
+    }
+
+    // 清除 username 和 password
+    parsedUrl.username = '';
+    parsedUrl.password = '';
+    return parsedUrl.href;
+  } catch (e) {
+    return null;
+  }
+}
+
+export function openSafeUrl(content: string) {
+  const safeUrl = getSafeUrl(content);
+  if (safeUrl) {
+    window.open(safeUrl, '_blank', 'noopener,noreferrer');
+  } else {
+    Log.w(`Invalid URL provided:${content}`);
+  }
+}
+
+// call after chat engine is ready
+export function switchReadStatus(value: number) {
+  if (value !== 1) {
+    TUIUserService.switchMessageReadStatus(false);
+  } else {
+    TUIUserService.switchMessageReadStatus(true);
+  }
+}
+
+export function getTo(conversation: IConversationModel): string {
+  return conversation?.groupProfile?.groupID || conversation?.userProfile?.userID;
+}