tuikit-atomicx-vue3 0.1.1 → 3.3.0

package/dist/states/ContactListState/ContactListState.js

@@ -35,7 +35,7 @@ const addFriend = async (options) => {
     const result = await TUIFriendService.addFriend(params);
     return result;
   } catch (error) {
-    console.error("Add friend failed:", error);
+    console.error("[ContactListState addFriend] error", error);
     throw error;
   }
 };
@@ -44,7 +44,7 @@ const markFriendApplicationAsRead = async () => {
     const result = await TUIFriendService.setFriendApplicationRead();
     return result;
   } catch (error) {
-    console.error("Mark friend application as read failed:", error);
+    console.error("[ContactListState markFriendApplicationAsRead] error", error);
     throw error;
   }
 };
@@ -57,7 +57,7 @@ const acceptFriendApplication = async (options) => {
     });
     return result;
   } catch (error) {
-    console.error("Accept friend application failed:", error);
+    console.error("[ContactListState acceptFriendApplication] error", error);
     throw error;
   }
 };
@@ -66,7 +66,7 @@ const refuseFriendApplication = async (userID) => {
     const result = await TUIFriendService.refuseFriendApplication(userID);
     return result;
   } catch (error) {
-    console.error("Refuse friend application failed:", error);
+    console.error("[ContactListState refuseFriendApplication] error", error);
     throw error;
   }
 };
@@ -75,7 +75,7 @@ const deleteFriend = async (options) => {
     const result = await TUIFriendService.deleteFriend(options);
     return result;
   } catch (error) {
-    console.error("Delete friend failed:", error);
+    console.error("[ContactListState deleteFriend] error", error);
     throw error;
   }
 };
@@ -87,7 +87,7 @@ const setFriendRemark = async (options) => {
     });
     return result;
   } catch (error) {
-    console.error("Set friend remark failed:", error);
+    console.error("[ContactListState setFriendRemark] error", error);
     throw error;
   }
 };
@@ -96,7 +96,7 @@ const addToBlacklist = async (userIDList) => {
     const result = await TUIUserService.addToBlacklist({ userIDList });
     return result;
   } catch (error) {
-    console.error("Add to blacklist failed:", error);
+    console.error("[ContactListState addToBlacklist] error", error);
     throw error;
   }
 };
@@ -105,7 +105,7 @@ const removeFromBlacklist = async (userIDList) => {
     const result = await TUIUserService.removeFromBlacklist({ userIDList });
     return result;
   } catch (error) {
-    console.error("Remove from blacklist failed:", error);
+    console.error("[ContactListState removeFromBlacklist] error", error);
     throw error;
   }
 };
@@ -114,7 +114,7 @@ const createFriendGroup = async (options) => {
     const result = await TUIFriendService.createFriendGroup(options);
     return result;
   } catch (error) {
-    console.error("Create friend group failed:", error);
+    console.error("[ContactListState createFriendGroup] error", error);
     throw error;
   }
 };
@@ -123,7 +123,7 @@ const deleteFriendGroup = async (name) => {
     const result = await TUIFriendService.deleteFriendGroup(name);
     return result;
   } catch (error) {
-    console.error("Delete friend group failed:", error);
+    console.error("[ContactListState deleteFriendGroup] error", error);
     throw error;
   }
 };
@@ -132,7 +132,7 @@ const addToFriendGroup = async (options) => {
     const result = await TUIFriendService.addToFriendGroup(options);
     return result;
   } catch (error) {
-    console.error("Add to friend group failed:", error);
+    console.error("[ContactListState addToFriendGroup] error", error);
     throw error;
   }
 };
@@ -141,7 +141,7 @@ const removeFromFriendGroup = async (options) => {
     const result = await TUIFriendService.removeFromFriendGroup(options);
     return result;
   } catch (error) {
-    console.error("Remove from friend group failed:", error);
+    console.error("[ContactListState removeFromFriendGroup] error", error);
     throw error;
   }
 };
@@ -150,7 +150,7 @@ const renameFriendGroup = async (options) => {
     const result = await TUIFriendService.renameFriendGroup(options);
     return result;
   } catch (error) {
-    console.error("Rename friend group failed:", error);
+    console.error("[ContactListState renameFriendGroup] error", error);
     throw error;
   }
 };
@@ -159,10 +159,13 @@ const joinGroup = async (options) => {
     const result = await TUIGroupService.joinGroup(options);
     return result;
   } catch (error) {
-    console.error("Join group failed:", error);
+    console.error("[ContactListState joinGroup] error", error);
     throw error;
   }
 };
+const setGroupApplicationList = (list) => {
+  groupApplicationListRef.value = list;
+};
 const acceptGroupApplication = async (options) => {
   try {
     const result = await TUIGroupService.handleGroupApplication({
@@ -176,7 +179,7 @@ const acceptGroupApplication = async (options) => {
     setGroupApplicationList(updatedGroupApplicationList);
     return result;
   } catch (error) {
-    console.error("Accept group application failed:", error);
+    console.error("[ContactListState acceptGroupApplication] error", error);
     throw error;
   }
 };
@@ -193,7 +196,7 @@ const refuseGroupApplication = async (options) => {
     setGroupApplicationList(updatedGroupApplicationList);
     return result;
   } catch (error) {
-    console.error("Refuse group application failed:", error);
+    console.error("[ContactListState refuseGroupApplication] error", error);
     throw error;
   }
 };
@@ -215,9 +218,6 @@ const setFriendGroupList = (list) => {
 const setFriendApplicationList = (list) => {
   friendApplicationListRef.value = list;
 };
-const setGroupApplicationList = (list) => {
-  groupApplicationListRef.value = list;
-};
 const onGroupListUpdated = (groupList) => {
   setGroupList(groupList);
 };
@@ -254,7 +254,7 @@ const getGroupApplicationList = debounce(async () => {
     setGroupApplicationList(applicationList);
     return res;
   } catch (error) {
-    console.log(error);
+    console.error("[ContactListState getGroupApplicationList] error", error);
     throw error;
   }
 }, 300);

package/dist/states/ConversationListState/ConversationListState.d.ts

@@ -1,25 +1,26 @@
 import { Ref } from 'vue';
-import { default as TUIChatEngine, CreateGroupParams, SetConversationDraftParams, IConversationModel } from '@tencentcloud/chat-uikit-engine';
+import { default as TUIChatEngine, SetConversationDraftParams } from '@tencentcloud/chat-uikit-engine';
+import { ConversationModel, CreateGroupParams } from '../../types';
 
 interface ConversationListState {
-    conversationList: Ref<IConversationModel[] | undefined>;
-    activeConversation: Ref<IConversationModel | undefined>;
+    conversationList: Ref<ConversationModel[] | undefined>;
+    activeConversation: Ref<ConversationModel | undefined>;
     totalUnRead: Ref<number>;
     netStatus: Ref<typeof TUIChatEngine.TYPES.NET_STATE_CONNECTED | typeof TUIChatEngine.TYPES.NET_STATE_CONNECTING | typeof TUIChatEngine.TYPES.NET_STATE_DISCONNECTED>;
 }
 interface ConversationListAction {
     setActiveConversation: (conversationID: string) => void;
-    setCurrentConversation: (conversation: IConversationModel | undefined) => void;
-    createC2CConversation: (userID: string) => Promise<IConversationModel>;
-    createGroupConversation: (options: CreateGroupParams) => Promise<IConversationModel>;
-    pinConversation: (conversationID: string, isPin: boolean) => Promise<any>;
-    deleteConversation: (conversationID: string) => Promise<any>;
-    muteConversation: (conversationID: string, isMute: boolean) => Promise<any>;
-    setConversationDraft: (options: SetConversationDraftParams) => Promise<any>;
+    setCurrentConversation: (conversation: ConversationModel | undefined) => void;
+    createC2CConversation: (userID: string) => Promise<ConversationModel>;
+    createGroupConversation: (options: CreateGroupParams) => Promise<ConversationModel>;
+    pinConversation: (conversationID: string, isPin: boolean) => Promise<unknown>;
+    deleteConversation: (conversationID: string) => Promise<unknown>;
+    muteConversation: (conversationID: string, isMute: boolean) => Promise<unknown>;
+    setConversationDraft: (options: SetConversationDraftParams) => Promise<unknown>;
     markConversationUnread: (conversationID: string, isUnread: boolean) => void;
-    setConversationList: (conversationList: IConversationModel[]) => void;
+    setConversationList: (conversationList: ConversationModel[]) => void;
     setTotalUnRead: (totalUnRead: number) => void;
-    getConversation: (conversationID: string) => IConversationModel | undefined;
+    getConversation: (conversationID: string) => ConversationModel | undefined;
 }
 type UseConversationListStateReturn = Omit<ConversationListState & ConversationListAction, 'setConversationList' | 'setTotalUnRead' | 'getConversation' | 'setCurrentConversation'>;
 declare function useConversationListState(): UseConversationListStateReturn;

package/dist/states/ConversationListState/ConversationListState.js

@@ -17,6 +17,25 @@ const getConversation = (conversationID) => {
   var _a;
   return (_a = conversationListRef.value) == null ? void 0 : _a.find((item) => item.conversationID === conversationID);
 };
+const markConversationUnread = (conversationID, isUnread) => {
+  const conversation = getConversation(conversationID);
+  const { markList = [], unreadCount = 0 } = conversation || {};
+  const isMarked = markList.includes(TUIChatEngine.TYPES.CONV_MARK_TYPE_UNREAD);
+  const isHasUnreadCount = unreadCount > 0;
+  const isNotNeedMarkUnread = isUnread && (isHasUnreadCount || isMarked);
+  const isNotNeedMarkRead = !isUnread && !isHasUnreadCount && !isMarked;
+  if (!conversation || isNotNeedMarkUnread || isNotNeedMarkRead) {
+    return Promise.resolve();
+  }
+  if (isHasUnreadCount && !isUnread) {
+    return conversation == null ? void 0 : conversation.setMessageRead();
+  }
+  return TUIConversationService.markConversation({
+    conversationIDList: [conversationID],
+    markType: TUIChatEngine.TYPES.CONV_MARK_TYPE_UNREAD,
+    enableMark: isUnread
+  });
+};
 const setActiveConversation = async (conversationID) => {
   const currentActiveConversation = activeConversationRef.value;
   if (conversationID !== (currentActiveConversation == null ? void 0 : currentActiveConversation.conversationID)) {
@@ -47,25 +66,6 @@ const muteConversation = (conversationID, isMuted) => {
   }
   return conversation == null ? void 0 : conversation.muteConversation();
 };
-const markConversationUnread = (conversationID, isUnread) => {
-  const conversation = getConversation(conversationID);
-  const { markList = [], unreadCount = 0 } = conversation || {};
-  const isMarked = markList.includes(TUIChatEngine.TYPES.CONV_MARK_TYPE_UNREAD);
-  const isHasUnreadCount = unreadCount > 0;
-  const isNotNeedMarkUnread = isUnread && (isHasUnreadCount || isMarked);
-  const isNotNeedMarkRead = !isUnread && !isHasUnreadCount && !isMarked;
-  if (!conversation || isNotNeedMarkUnread || isNotNeedMarkRead) {
-    return Promise.resolve();
-  }
-  if (isHasUnreadCount && !isUnread) {
-    return conversation == null ? void 0 : conversation.setMessageRead();
-  }
-  return TUIConversationService.markConversation({
-    conversationIDList: [conversationID],
-    markType: TUIChatEngine.TYPES.CONV_MARK_TYPE_UNREAD,
-    enableMark: isUnread
-  });
-};
 const setConversationDraft = (options) => TUIConversationService.setConversationDraft(options);
 const createC2CConversation = async (userID) => {
   const response = await TUIConversationService.getConversationProfile(`C2C${userID}`);

package/dist/states/GroupSettingState/GroupSettingState.js

@@ -84,7 +84,7 @@ async function updateGroupProfile(params) {
     if (params.name.length === 0) {
       throw new Error("updateGroupProfile::name cannot be empty");
     }
-    if (params.name.length > 25) {
+    if (params.name.length > 30) {
       throw new Error("updateGroupProfile::name must be less than or equal to 25 characters");
     }
     if (params.name === groupNameRef.value) {
@@ -96,7 +96,7 @@ async function updateGroupProfile(params) {
     if (typeof params.introduction !== "string") {
       throw new Error("updateGroupProfile::introduction must be a string");
     }
-    if (params.introduction.length > 100) {
+    if (params.introduction.length > 130) {
       throw new Error("updateGroupProfile::introduction must be less than 100 characters");
     }
     if (params.introduction === introductionRef.value) {
@@ -108,7 +108,7 @@ async function updateGroupProfile(params) {
     if (typeof params.notification !== "string") {
       throw new Error("updateGroupProfile::notification must be a string");
     }
-    if (params.notification.length > 100) {
+    if (params.notification.length > 130) {
       throw new Error("updateGroupProfile::notification must be less than 100 characters");
     }
     if (params.notification === notificationRef.value) {

package/dist/states/LiveSeatState/seatEventManager.js

@@ -45,7 +45,7 @@ const _SeatEventManager = class _SeatEventManager {
       }
     };
   }
-  onSeatLayoutChanged(roomId, seatLayout) {
+  onSeatLayoutChanged({ roomId, seatLayout }) {
     var _a;
     if (roomId !== ((_a = currentLive.value) == null ? void 0 : _a.liveId)) {
       return;
@@ -55,12 +55,10 @@ const _SeatEventManager = class _SeatEventManager {
       height: seatLayout.canvasHeight,
       background: "#000000"
     };
-    seatList.value = seatLayout.regions.map((region) => {
-      return this.getNewSeatInfo(region);
-    });
+    seatList.value = seatLayout.regions.map((region) => this.getNewSeatInfo(region));
   }
   onUserNetworkQualityChanged({ userNetworkList }) {
-    Object.keys(networkQualities.value).forEach((userId) => {
+    Array.from(networkQualities.value.keys()).forEach((userId) => {
       if (!userNetworkList.some((userNetwork) => userNetwork.userId === userId)) {
         networkQualities.value.delete(userId);
       }

package/dist/states/LiveSeatState/usePlayStream/MixStreamPlayer.js

@@ -40,11 +40,23 @@ const _MixStreamPlayer = class _MixStreamPlayer {
         streamType: TUIVideoStreamType.kCameraStream
       }));
       this.isPlayingMixStream = true;
+      setTimeout(() => {
+        var _a2, _b2, _c;
+        const { x: xContainer, y: yContainer, width: widthContainer, height: heightContainer } = ((_a2 = document.querySelector("#atomicx-live-stream-content")) == null ? void 0 : _a2.getBoundingClientRect()) ?? {};
+        console.log("MixStreamPlayer.startPlay: container", xContainer, yContainer, widthContainer, heightContainer);
+        const { x: xVideo, y: yVideo, width: widthVideo, height: heightVideo } = ((_b2 = document.querySelector("#atomicx-live-stream-content #atomicx-live-stream-content_video")) == null ? void 0 : _b2.getBoundingClientRect()) ?? {};
+        console.log("MixStreamPlayer.startPlay: videoDiv", xVideo, yVideo, widthVideo, heightVideo);
+        const { x: xVideoElement, y: yVideoElement, width: widthVideoElement, height: heightVideoElement } = ((_c = document.querySelector("#atomicx-live-stream-content video")) == null ? void 0 : _c.getBoundingClientRect()) ?? {};
+        console.log("MixStreamPlayer.startPlay: videoElement", xVideoElement, yVideoElement, widthVideoElement, heightVideoElement);
+      }, 1e3);
     }
   }
   async stop() {
     var _a;
     console.log("MixStreamPlayer.stop: ", this.mixUserInfo);
+    if (!this.mixUserInfo || !this.mixUserInfo.userId) {
+      return;
+    }
     await ((_a = roomEngine.instance) == null ? void 0 : _a.stopPlayRemoteVideo({
       userId: this.mixUserInfo.userId,
       streamType: TUIVideoStreamType.kCameraStream

package/dist/states/LiveState/index.d.ts

@@ -30,7 +30,7 @@ export declare function useLiveState(): {
         isSeatEnabled: boolean;
         seatMode: TUISeatMode;
         maxSeatCount: number;
-        layoutTemplate: import('@tencentcloud/tuiroom-engine-js').TUISeatLayoutTemplate;
+        layoutTemplate: number;
         customInfo: Record<string, any>;
     }[], LiveInfo[] | {
         liveId: string;
@@ -55,7 +55,7 @@ export declare function useLiveState(): {
         isSeatEnabled: boolean;
         seatMode: TUISeatMode;
         maxSeatCount: number;
-        layoutTemplate: import('@tencentcloud/tuiroom-engine-js').TUISeatLayoutTemplate;
+        layoutTemplate: number;
         customInfo: Record<string, any>;
     }[]>;
     currentCursor: import('vue').Ref<string, string>;
@@ -82,7 +82,7 @@ export declare function useLiveState(): {
         isSeatEnabled: boolean;
         seatMode: TUISeatMode;
         maxSeatCount: number;
-        layoutTemplate: import('@tencentcloud/tuiroom-engine-js').TUISeatLayoutTemplate;
+        layoutTemplate: number;
         customInfo: Record<string, any>;
     } | null, LiveInfo | {
         liveId: string;
@@ -107,7 +107,7 @@ export declare function useLiveState(): {
         isSeatEnabled: boolean;
         seatMode: TUISeatMode;
         maxSeatCount: number;
-        layoutTemplate: import('@tencentcloud/tuiroom-engine-js').TUISeatLayoutTemplate;
+        layoutTemplate: number;
         customInfo: Record<string, any>;
     } | null>;
     localLiveStatus: import('vue').Ref<LiveStatus, LiveStatus>;

package/dist/states/LiveState/index.js

@@ -73,8 +73,7 @@ const updateCurrentLive = (liveInfo) => {
 const createLive = async (params) => {
   var _a, _b;
   if (!LoginServer.isLogin.value) {
-    console.error("[liveState createLive] roomEngine has not been initialized");
-    throw new Error("[liveState createLive] roomEngine has not been initialized");
+    await LoginServer.login();
   }
   try {
     console.log("[liveState createLive] create live", params);
@@ -109,6 +108,9 @@ const createLive = async (params) => {
 };
 const joinLive = async ({ liveId }) => {
   var _a;
+  if (!LoginServer.isLogin.value) {
+    await LoginServer.login();
+  }
   console.log("[liveState joinLive] enter room", liveId);
   const liveListManager = (_a = roomEngine.instance) == null ? void 0 : _a.getLiveListManager();
   try {

package/dist/states/LoginState.js

@@ -10,12 +10,11 @@ async function login(options) {
     SDKAppID: sdkAppId,
     userID: userId,
     userSig,
+    useUploadPlugin: true,
     ...restOptions
   };
   try {
-    if (!TUILogin.getContext().chat) {
-      await TUILogin.login(loginParams);
-    }
+    await TUILogin.login(loginParams);
   } catch (error) {
     console.error("[loginState login] error", error);
     throw error;

package/dist/states/MessageInputState/MessageInputState.js

@@ -2,6 +2,7 @@ import { ref } from "vue";
 import { TUIStore, StoreName, TUIChatService } from "@tencentcloud/chat-uikit-engine";
 import { MessageContentType } from "./type.js";
 import { convertInputContentToEditorNode } from "./utils.js";
+import { useMessageListState } from "../MessageListState/MessageListState.js";
 import { transformTextWithEmojiNameToKey } from "../../utils/emoji.js";
 const editor = ref(null);
 const inputRawValue = ref("");
@@ -61,57 +62,76 @@ const blurEditor = () => {
   var _a;
   (_a = editor.value) == null ? void 0 : _a.commands.blur();
 };
-const sendMessage = (msg) => {
+const sendMessage = async (msg) => {
+  const { enableReadReceipt } = useMessageListState();
+  const sendMessageParamsWithoutPayload = {
+    needReadReceipt: enableReadReceipt.value || false
+  };
   const messageToSend = msg ?? inputRawValue.value;
   if (!messageToSend) {
     return;
   }
   if (typeof messageToSend === "string") {
-    TUIChatService.sendTextMessage({ payload: { text: transformTextWithEmojiNameToKey(messageToSend) } });
+    TUIChatService.sendTextMessage({
+      payload: { text: transformTextWithEmojiNameToKey(messageToSend) },
+      ...sendMessageParamsWithoutPayload
+    });
     return;
   }
   let mergedText = "";
-  const sendAccumulatedText = () => {
+  const sendAccumulatedText = async () => {
     if (mergedText) {
-      TUIChatService.sendTextMessage({ payload: { text: transformTextWithEmojiNameToKey(mergedText) } });
+      await TUIChatService.sendTextMessage({
+        payload: { text: transformTextWithEmojiNameToKey(mergedText) },
+        ...sendMessageParamsWithoutPayload
+      });
       mergedText = "";
     }
   };
   const messageProcessors = {
     [MessageContentType.TEXT]: (content) => content,
-    [MessageContentType.IMAGE]: (content) => {
-      sendAccumulatedText();
-      TUIChatService.sendImageMessage({ payload: { file: content } });
+    [MessageContentType.IMAGE]: async (content) => {
+      await sendAccumulatedText();
+      await TUIChatService.sendImageMessage({
+        payload: { file: content },
+        ...sendMessageParamsWithoutPayload
+      });
       return "";
     },
-    [MessageContentType.VIDEO]: (content) => {
-      sendAccumulatedText();
-      TUIChatService.sendVideoMessage({ payload: { file: content } });
+    [MessageContentType.VIDEO]: async (content) => {
+      await sendAccumulatedText();
+      await TUIChatService.sendVideoMessage({
+        payload: { file: content },
+        ...sendMessageParamsWithoutPayload
+      });
       return "";
     },
-    [MessageContentType.FILE]: (content) => {
-      sendAccumulatedText();
-      TUIChatService.sendFileMessage({ payload: { file: content } });
+    [MessageContentType.FILE]: async (content) => {
+      await sendAccumulatedText();
+      await TUIChatService.sendFileMessage({
+        payload: { file: content },
+        ...sendMessageParamsWithoutPayload
+      });
       return "";
     },
-    [MessageContentType.MENTION]: () => {
-      sendAccumulatedText();
+    [MessageContentType.MENTION]: async () => {
+      await sendAccumulatedText();
       console.warn("Mention feature not implemented yet");
       return "";
     },
     [MessageContentType.EMOJI]: (content) => content.key
   };
-  messageToSend.forEach((item) => {
+  for (const item of messageToSend) {
     if (!item.type || !messageProcessors[item.type]) {
       throw new Error(`Invalid message type: ${item.type}`);
     }
     const processor = messageProcessors[item.type];
-    const result = processor(item.content);
+    const result = await processor(item.content);
     if ([MessageContentType.TEXT, MessageContentType.EMOJI].includes(item.type)) {
       mergedText += result;
     }
-  });
-  sendAccumulatedText();
+  }
+  await sendAccumulatedText();
 };
 function useMessageInputState() {
   return {

package/dist/states/SearchState.d.ts

@@ -1,6 +1,6 @@
-import { SearchType, SearchResult } from '../types/engine';
+import { ISearchType as SearchType, SearchCloudGroupsParams, SearchCloudMessagesParams, SearchCloudUsersParams } from '@tencentcloud/chat-uikit-engine';
 import { VariantType } from '../types/search';
-import { SearchCloudGroupsParams, SearchCloudMessagesParams, SearchCloudUsersParams } from '@tencentcloud/chat-uikit-engine';
+import { SearchResult } from '../types/engine';
 
 export declare function useSearchState(variant?: VariantType): {
     keyword: import('vue').ComputedRef<string>;