@tencentcloud/roomkit-electron-vue3 2.6.7 → 2.7.1

package/es/components/AITools/AISubtitles.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./AISubtitles.vue2.mjs";
 /* empty css                  */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const AISubtitlesOverlay = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-720279c8"]]);
+const AISubtitlesOverlay = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c187363f"]]);
 export {
   AISubtitlesOverlay as default
 };

package/es/components/AITools/AISubtitles.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, computed, onUnmounted, openBlock, createElementBlock, Fragment, renderList, toDisplayString, createCommentVNode } from "vue";
+import { defineComponent, ref, computed, onMounted, onUnmounted, openBlock, createElementBlock, Fragment, renderList, toDisplayString, unref, createCommentVNode } from "vue";
 import "../../services/main.mjs";
 import { roomService } from "../../services/roomService.mjs";
 import "../../locales/index.mjs";
@@ -6,6 +6,7 @@ import "@tencentcloud/tuiroom-engine-electron";
 import "mitt";
 import "../../services/manager/roomActionManager.mjs";
 import "@tencentcloud/tui-core";
+import { MetricsKey } from "../../services/manager/dataReportManager.mjs";
 import { AI_TASK } from "../../services/function/aiTask.mjs";
 const _hoisted_1 = {
   key: 0,
@@ -14,32 +15,30 @@ const _hoisted_1 = {
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AISubtitles",
   setup(__props) {
-    const rawSubtitleText = ref("");
-    const subtitleLines = computed(
-      () => rawSubtitleText.value.split("\n").filter((item) => item)
-    );
-    let subtitleTimeout = null;
-    const resetSubtitleTimeout = () => {
-      if (subtitleTimeout) {
-        clearTimeout(subtitleTimeout);
-      }
-      subtitleTimeout = setTimeout(() => {
-        rawSubtitleText.value = "";
-      }, 3e3);
-    };
+    const subtitleMessages = ref({});
+    const subtitleLines = computed(() => {
+      const arr = Object.keys(subtitleMessages.value).map((userId) => {
+        return subtitleMessages.value[userId];
+      });
+      return arr.sort((a, b) => a.startMsTs - b.startMsTs);
+    });
     const handleAISubtitles = (data) => {
       if (!data) return;
-      rawSubtitleText.value = data.subtitleText.value;
-      resetSubtitleTimeout();
+      subtitleMessages.value = Object.assign({}, data.subtitleMessages);
     };
-    roomService.aiTask.on(AI_TASK.TRANSCRIPTION_TASK, handleAISubtitles);
+    onMounted(() => {
+      roomService.dataReportManager.reportCount(MetricsKey.AITask);
+      roomService.aiTask.on(AI_TASK.TRANSCRIPTION_TASK, handleAISubtitles);
+    });
     onUnmounted(() => {
       roomService.aiTask.off(AI_TASK.TRANSCRIPTION_TASK, handleAISubtitles);
     });
     return (_ctx, _cache) => {
       return subtitleLines.value.length ? (openBlock(), createElementBlock("div", _hoisted_1, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(subtitleLines.value, (line, index) => {
-          return openBlock(), createElementBlock("div", { key: index }, toDisplayString(line), 1);
+        (openBlock(true), createElementBlock(Fragment, null, renderList(subtitleLines.value, (line) => {
+          return openBlock(), createElementBlock("div", {
+            key: line.sender
+          }, toDisplayString(`${unref(roomService).roomStore.getDisplayName(line.sender)}: ${line == null ? void 0 : line.text}`), 1);
         }), 128))
       ])) : createCommentVNode("", true);
     };

package/es/components/AITools/AITranscription.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./AITranscription.vue2.mjs";
 /* empty css                      */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const AITranscription = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ef9f284c"]]);
+const AITranscription = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-631b02ec"]]);
 export {
   AITranscription as default
 };

package/es/components/AITools/AITranscription.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, onMounted, nextTick, computed, openBlock, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString } from "vue";
+import { defineComponent, ref, onMounted, nextTick, computed, watch, onUnmounted, openBlock, createElementBlock, Fragment, renderList, createElementVNode, toDisplayString, unref } from "vue";
 import "../../services/main.mjs";
 import { roomService } from "../../services/roomService.mjs";
 import "../../locales/index.mjs";
@@ -6,108 +6,97 @@ import "@tencentcloud/tuiroom-engine-electron";
 import "mitt";
 import "../../services/manager/roomActionManager.mjs";
 import "@tencentcloud/tui-core";
+import { MetricsKey } from "../../services/manager/dataReportManager.mjs";
 import { AI_TASK } from "../../services/function/aiTask.mjs";
+import { formatTimestampToTime } from "../../utils/utils.mjs";
 const _hoisted_1 = { class: "title" };
 const _hoisted_2 = { class: "speaker" };
 const _hoisted_3 = { class: "timestamp" };
-const _hoisted_4 = { class: "content" };
+const timeInterval = 60 * 1e3;
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "AITranscription",
   setup(__props) {
-    const conversationContainer = ref(null);
-    onMounted(() => scrollToBottom());
-    const processedConversations = ref(processConversation(roomService.aiTask.transcriptionText.value));
+    const conversationContainerRef = ref();
+    const isUserScrolling = ref(false);
+    const rawTranscribedMessageList = ref(
+      roomService.aiTask.transcribedMessageList
+    );
+    onMounted(() => {
+      scrollToBottom();
+    });
     const scrollToBottom = async () => {
-      if (conversationContainer.value) {
+      if (conversationContainerRef.value && !isUserScrolling.value) {
         await nextTick();
-        conversationContainer.value.scrollIntoView({ block: "end" });
+        conversationContainerRef.value.scrollTop = conversationContainerRef.value.scrollHeight;
+      }
+    };
+    const handleScroll = () => {
+      if (conversationContainerRef.value) {
+        const isAtBottom = conversationContainerRef.value.scrollTop + conversationContainerRef.value.clientHeight >= conversationContainerRef.value.scrollHeight - 5;
+        if (isAtBottom) {
+          isUserScrolling.value = false;
+          scrollToBottom();
+        } else {
+          isUserScrolling.value = true;
+        }
       }
     };
-    const conversations = computed(() => {
-      const result = [];
-      let currentSpeaker = null;
-      let currentTimestamp = null;
-      let currentMessages = [];
-      processedConversations.value.forEach((item) => {
-        const [start, end] = item.timestamp.split("->");
-        const timestampMinute = start.slice(0, 5);
-        if (item.speaker === currentSpeaker && timestampMinute === currentTimestamp) {
-          currentMessages.push(item.content);
+    const transcribedMessageList = computed(() => {
+      const aggregatedMessageList = [];
+      let currentAggregatedMessage = null;
+      for (const message of rawTranscribedMessageList.value) {
+        if (!currentAggregatedMessage || message.sender !== currentAggregatedMessage.sender || message.startMsTs - currentAggregatedMessage.startMsTs > timeInterval) {
+          currentAggregatedMessage = {
+            messages: [message],
+            sender: message.sender,
+            startMsTs: message.startMsTs
+          };
+          aggregatedMessageList.push(currentAggregatedMessage);
         } else {
-          if (currentSpeaker !== null) {
-            result.push({
-              timestamp: currentTimestamp,
-              speaker: currentSpeaker,
-              messages: currentMessages
-            });
-          }
-          currentSpeaker = item.speaker;
-          currentTimestamp = timestampMinute;
-          currentMessages = [item.content];
+          currentAggregatedMessage.messages.push(message);
         }
-      });
-      if (currentSpeaker !== null) {
-        result.push({
-          timestamp: currentTimestamp,
-          speaker: currentSpeaker,
-          messages: currentMessages
-        });
       }
-      return result;
+      return aggregatedMessageList;
     });
-    roomService.aiTask.on(AI_TASK.TRANSCRIPTION_TASK, (data) => {
+    watch(rawTranscribedMessageList, () => {
+      scrollToBottom();
+    });
+    const handleAITranscriptionTask = async (data) => {
       if (!data) return;
-      processedConversations.value = processConversation(
-        data.transcriptionText.value
-      );
+      rawTranscribedMessageList.value = [...data.transcribedMessageList];
+    };
+    onMounted(() => {
+      roomService.dataReportManager.reportCount(MetricsKey.AITask);
+      roomService.aiTask.on(AI_TASK.TRANSCRIPTION_TASK, handleAITranscriptionTask);
+    });
+    onUnmounted(() => {
+      roomService.aiTask.off(AI_TASK.TRANSCRIPTION_TASK, handleAITranscriptionTask);
     });
-    function processConversation(data) {
-      const pattern = /(\d{2}:\d{2}:\d{2}->\d{2}:\d{2}:\d{2})\s+([\u4e00-\u9fa5\w]+):\s*(.*)/;
-      const conversations2 = [];
-      const lines = data.split("\n");
-      lines.forEach((line) => {
-        const match = pattern.exec(line);
-        if (match) {
-          const timestamp = match[1];
-          const speaker = match[2];
-          const content = match[3];
-          conversations2.push({
-            timestamp,
-            speaker,
-            content
-          });
-        }
-      });
-      conversations2.sort((a, b) => {
-        const timeA = a.timestamp.split("->")[0];
-        const timeB = b.timestamp.split("->")[0];
-        return timeA.localeCompare(timeB);
-      });
-      return conversations2;
-    }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", {
         class: "conversation",
-        ref_key: "conversationContainer",
-        ref: conversationContainer
+        ref_key: "conversationContainerRef",
+        ref: conversationContainerRef,
+        onScroll: handleScroll
       }, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(conversations.value, (item, index) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(transcribedMessageList.value, (group) => {
           return openBlock(), createElementBlock("div", {
-            key: index,
-            class: "conversation-item"
+            key: group.startMsTs,
+            class: "conversation-group"
           }, [
             createElementVNode("div", _hoisted_1, [
-              createElementVNode("span", _hoisted_2, toDisplayString(item.speaker), 1),
-              createElementVNode("span", _hoisted_3, toDisplayString(item.timestamp), 1)
+              createElementVNode("span", _hoisted_2, toDisplayString(unref(roomService).roomStore.getDisplayName(group.sender)), 1),
+              createElementVNode("span", _hoisted_3, toDisplayString(unref(formatTimestampToTime)(group.startMsTs)), 1)
             ]),
-            createElementVNode("div", _hoisted_4, [
-              (openBlock(true), createElementBlock(Fragment, null, renderList(item.messages, (msg, msgIndex) => {
-                return openBlock(), createElementBlock("div", { key: msgIndex }, toDisplayString(msg), 1);
-              }), 128))
-            ])
+            (openBlock(true), createElementBlock(Fragment, null, renderList(group.messages, (message, messageIndex) => {
+              return openBlock(), createElementBlock("div", {
+                key: messageIndex,
+                class: "content"
+              }, toDisplayString(message.text), 1);
+            }), 128))
           ]);
         }), 128))
-      ], 512);
+      ], 544);
     };
   }
 });

package/es/components/Chat/ChatKit/components/TUIChat/message-input-toolbar/emoji-picker/emoji-picker-dialog.vue.d.ts

@@ -1,6 +1,6 @@
 declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
-    sendMessage: (...args: any[]) => void;
     onClose: (...args: any[]) => void;
+    sendMessage: (...args: any[]) => void;
     insertEmoji: (...args: any[]) => void;
 }, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>> & {
     onOnClose?: ((...args: any[]) => any) | undefined;

package/es/components/Chat/ChatKit/components/common/Toast/index.vue.d.ts

@@ -66,10 +66,10 @@ declare const _default: import('vue').DefineComponent<{
     };
 }>>, {
     type: string;
-    message: string;
     id: string;
-    duration: number;
     zIndex: number;
+    message: string;
+    duration: number;
     offset: number;
     repeatNum: number;
 }, {}>;

package/es/components/Chat/index/index.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.mjs";
 /* empty css            */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const Chat = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-70028817"]]);
+const Chat = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7659de63"]]);
 export {
   Chat as default
 };

package/es/components/Chat/index/index.vue2.mjs

@@ -26,6 +26,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const basicStore = useBasicStore();
     const defaultHideFeaturesButtons = [
       "InputFace",
+      "InputStickers",
       "InputVoice",
       "InputEvaluation",
       "InputQuickReplies",

package/es/components/ManageMember/MemberControl/index.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.mjs";
 /* empty css            */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const MemberControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4a11b273"]]);
+const MemberControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7b4cb2fa"]]);
 export {
   MemberControl as default
 };

package/es/components/ManageMember/MemberControl/index.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, ref, watch, openBlock, createElementBlock, unref, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, createVNode, normalizeClass, withDirectives, Fragment, renderList, vShow, isRef, nextTick } from "vue";
+import { defineComponent, computed, ref, watch, openBlock, createElementBlock, createBlock, withCtx, createTextVNode, toDisplayString, createCommentVNode, createElementVNode, createVNode, unref, normalizeClass, withDirectives, Fragment, renderList, vShow, isRef, nextTick } from "vue";
 import { useI18n } from "../../../locales/index.mjs";
 import TuiButton from "../../common/base/Button.vue.mjs";
 import Dialog from "../../common/base/Dialog/index.vue.mjs";
@@ -29,9 +29,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       tempUserName
     } = useMemberControl(props);
     const { isCanOperateMySelf } = useMemberItem(props.userInfo);
-    const singleControl = computed(() => controlList.value[0]);
+    const singleControl = computed(() => {
+      return isCanOperateMySelf.value ? null : controlList.value[0];
+    });
     const moreControlList = computed(() => {
-      return isCanOperateMySelf ? controlList.value : controlList.value.slice(1);
+      return isCanOperateMySelf.value ? controlList.value : controlList.value.slice(1);
     });
     const dropdownClass = ref("down");
     const moreBtnRef = ref();
@@ -80,7 +82,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     }
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        !unref(isCanOperateMySelf) ? (openBlock(), createBlock(TuiButton, {
+        singleControl.value ? (openBlock(), createBlock(TuiButton, {
           key: 0,
           class: "button",
           size: "default",
@@ -150,7 +152,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             createVNode(TuiButton, {
               size: "default",
               onClick: _cache[2] || (_cache[2] = ($event) => unref(handleAction)(props.userInfo)),
-              disabled: unref(tempUserName).length === 0
+              disabled: unref(dialogData).isConfirmButtonDisable
             }, {
               default: withCtx(() => [
                 createTextVNode(toDisplayString(unref(dialogData).confirmText), 1)
@@ -174,11 +176,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createElementVNode("span", null, toDisplayString(unref(dialogData).content), 1),
               unref(dialogData).showInput ? (openBlock(), createBlock(TuiInput, {
                 key: 0,
-                modelValue: unref(tempUserName),
-                "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => isRef(tempUserName) ? tempUserName.value = $event : null),
+                "model-value": unref(tempUserName),
+                onInput: _cache[1] || (_cache[1] = ($event) => tempUserName.value = $event),
                 class: "dialog-input",
                 placeholder: unref(t)("Please input user name")
-              }, null, 8, ["modelValue", "placeholder"])) : createCommentVNode("", true)
+              }, null, 8, ["model-value", "placeholder"])) : createCommentVNode("", true)
             ])
           ]),
           _: 1

package/es/components/ManageMember/MemberControl/useMemberControlHooks.d.ts

@@ -11,14 +11,15 @@ export default function useMemberControl(props?: any): {
     handleCancelDialog: () => void;
     handleAction: (userInfo: UserInfo) => void;
     isDialogVisible: Ref<boolean>;
-    dialogData: Ref<{
+    dialogData: Reactive<{
         title: string;
         content: string;
         confirmText: string;
         actionType: ActionType;
         showInput: boolean;
+        isConfirmButtonDisable: boolean;
     }>;
-    tempUserName: Ref<any>;
+    tempUserName: Ref<string>;
     isShowInput: Ref<boolean>;
     editorInputEle: Ref<any>;
     editorInputEleContainer: Ref<any>;

package/es/components/ManageMember/MemberControl/useMemberControlHooks.mjs

@@ -1,4 +1,4 @@
-import { ref, computed } from "vue";
+import { ref, reactive, computed } from "vue";
 import { useI18n } from "../../../locales/index.mjs";
 import { useRoomStore } from "../../../stores/room.mjs";
 import useGetRoomEngine from "../../../hooks/useRoomEngine.mjs";
@@ -38,13 +38,14 @@ function useMemberControl(props) {
   const isShowInput = ref(false);
   const editorInputEle = ref();
   const editorInputEleContainer = ref();
-  const tempUserName = ref(props.userInfo.nameCard || props.userInfo.userName);
-  const dialogData = ref({
+  const tempUserName = ref("");
+  const dialogData = reactive({
     title: "",
     content: "",
     confirmText: "",
     actionType: "",
-    showInput: false
+    showInput: false,
+    isConfirmButtonDisable: false
   });
   const kickOffDialogContent = computed(
     () => t("whether to kick sb off the room", {
@@ -345,7 +346,7 @@ function useMemberControl(props) {
     await ((_a = roomEngine.instance) == null ? void 0 : _a.kickRemoteUserOutOfRoom({
       userId: userInfo.userId
     }));
-    roomStore.removeRemoteUser(userInfo.userId);
+    roomStore.removeUserInfo(userInfo.userId);
   }
   async function handleTransferOwner(userInfo) {
     var _a, _b;
@@ -399,40 +400,44 @@ function useMemberControl(props) {
     switch (action) {
       case "kickUser":
         isDialogVisible.value = true;
-        dialogData.value = {
+        Object.assign(dialogData, {
           title: t("Note"),
           content: kickOffDialogContent.value,
           confirmText: t("Confirm"),
           actionType: action,
-          showInput: false
-        };
+          showInput: false,
+          isConfirmButtonDisable: false
+        });
         break;
       case "transferOwner":
         isDialogVisible.value = true;
-        dialogData.value = {
+        Object.assign(dialogData, {
           title: transferOwnerTitle.value,
           content: t(
             "After transfer the room owner, you will become a general user"
           ),
           confirmText: t("Confirm transfer"),
           actionType: action,
-          showInput: false
-        };
+          showInput: false,
+          isConfirmButtonDisable: false
+        });
         break;
       case "changeUserNameCard":
+        tempUserName.value = props.userInfo.nameCard || props.userInfo.userName;
         if (isMobile) {
           isShowInput.value = true;
           (_a = document == null ? void 0 : document.body) == null ? void 0 : _a.appendChild(editorInputEleContainer.value);
         } else {
           isDialogVisible.value = true;
         }
-        dialogData.value = {
+        Object.assign(dialogData, {
           title: t("change name"),
           content: "",
           confirmText: t("Confirm"),
           actionType: action,
-          showInput: true
-        };
+          showInput: true,
+          isConfirmButtonDisable: computed(() => tempUserName.value === "")
+        });
         break;
     }
   }
@@ -467,7 +472,7 @@ function useMemberControl(props) {
     }
   }
   function handleAction(userInfo) {
-    switch (dialogData.value.actionType) {
+    switch (dialogData.actionType) {
       case "kickUser":
         kickOffUser(userInfo);
         break;

package/es/components/ManageMember/MemberInvite/MemberInvite.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./MemberInvite.vue2.mjs";
 /* empty css                   */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const MemberInvite = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2ff06e4f"]]);
+const MemberInvite = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-1d45fc0f"]]);
 export {
   MemberInvite as default
 };

package/es/components/ManageMember/MemberInvite/MemberInvite.vue2.mjs

@@ -1,5 +1,4 @@
-import { defineComponent, ref, watch, openBlock, createElementBlock, createElementVNode, createVNode, toDisplayString, unref, createCommentVNode, createBlock, withCtx, createTextVNode } from "vue";
-import Avatar from "../../common/Avatar.vue.mjs";
+import { defineComponent, ref, watch, openBlock, createElementBlock, toDisplayString, unref, createCommentVNode, createBlock, withCtx, createTextVNode } from "vue";
 import TuiButton from "../../common/base/Button.vue.mjs";
 import { useI18n } from "../../../locales/index.mjs";
 import "../../../services/main.mjs";
@@ -12,13 +11,11 @@ import "../../../utils/environment.mjs";
 import renderMsg from "../../common/base/Message/Message.mjs";
 import { MESSAGE_DURATION } from "../../../constants/message.mjs";
 const _hoisted_1 = { class: "member-invite-container" };
-const _hoisted_2 = { class: "member-invite-item" };
-const _hoisted_3 = { class: "user-name" };
-const _hoisted_4 = {
+const _hoisted_2 = {
   key: 0,
   class: "member-invite-reject"
 };
-const _hoisted_5 = {
+const _hoisted_3 = {
   key: 1,
   class: "member-invite-calling"
 };
@@ -51,15 +48,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     });
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        createElementVNode("div", _hoisted_2, [
-          createVNode(Avatar, {
-            class: "avatar-url",
-            "img-src": _ctx.userInfo.avatarUrl
-          }, null, 8, ["img-src"]),
-          createElementVNode("div", _hoisted_3, toDisplayString(_ctx.userInfo.userId || _ctx.userInfo.userName), 1)
-        ]),
-        showReject.value ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(unref(t)("Not joining for now")), 1)) : createCommentVNode("", true),
-        _ctx.userInfo.status === unref(TUIInvitationStatus).kPending ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(unref(t)("Calling...")), 1)) : (openBlock(), createBlock(TuiButton, {
+        showReject.value ? (openBlock(), createElementBlock("span", _hoisted_2, toDisplayString(unref(t)("Not joining for now")), 1)) : createCommentVNode("", true),
+        _ctx.userInfo.status === unref(TUIInvitationStatus).kPending ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(unref(t)("Calling...")), 1)) : (openBlock(), createBlock(TuiButton, {
           key: 2,
           class: "button",
           size: "default",

package/es/components/ManageMember/MemberItem/index.vue.d.ts

@@ -1,9 +1,7 @@
 import { UserInfo } from '../../../stores/room';
-import { USERS_STATUS } from '../../../constants/room';
 
 interface Props {
     userInfo: UserInfo;
-    userCurrentStatus: USERS_STATUS;
 }
 declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<Props>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<Props>>>, {}, {}>;
 export default _default;

package/es/components/ManageMember/MemberItem/index.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.mjs";
 /* empty css            */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const MemberItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-12f08077"]]);
+const MemberItem = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c9fb1dc6"]]);
 export {
   MemberItem as default
 };

package/es/components/ManageMember/MemberItem/index.vue2.mjs

@@ -1,14 +1,11 @@
-import { defineComponent, ref, watch, openBlock, createElementBlock, unref, withDirectives, createVNode, vShow } from "vue";
+import { defineComponent, ref, watch, openBlock, createElementBlock, unref, createVNode, withDirectives, vShow } from "vue";
 import MemberInfo from "../MemberItemCommon/MemberInfo.vue.mjs";
 import MemberControl from "../MemberControl/index.vue.mjs";
-import MemberInvite from "../MemberInvite/MemberInvite.vue.mjs";
 import useMemberItem from "./useMemberItemHooks.mjs";
-import { USERS_STATUS } from "../../../constants/room.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
-    userInfo: {},
-    userCurrentStatus: {}
+    userInfo: {}
   },
   setup(__props) {
     const props = __props;
@@ -25,25 +22,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         onMouseleave: _cache[1] || (_cache[1] = //@ts-ignore
         (...args) => unref(closeMemberControl) && unref(closeMemberControl)(...args))
       }, [
-        withDirectives(createVNode(MemberInfo, {
+        createVNode(MemberInfo, {
           "user-info": props.userInfo,
-          "show-state-icon": !showMemberControl.value
-        }, null, 8, ["user-info", "show-state-icon"]), [
-          [vShow, props.userCurrentStatus !== unref(USERS_STATUS).NOT_ENTER]
-        ]),
+          "show-state-icon": props.userInfo.isInRoom && !showMemberControl.value
+        }, null, 8, ["user-info", "show-state-icon"]),
         withDirectives(createVNode(MemberControl, {
           "show-member-control": showMemberControl.value,
           "user-info": props.userInfo
         }, null, 8, ["show-member-control", "user-info"]), [
-          [
-            vShow,
-            showMemberControl.value && props.userCurrentStatus !== unref(USERS_STATUS).NOT_ENTER
-          ]
-        ]),
-        withDirectives(createVNode(MemberInvite, {
-          "user-info": props.userInfo
-        }, null, 8, ["user-info"]), [
-          [vShow, props.userCurrentStatus === unref(USERS_STATUS).NOT_ENTER]
+          [vShow, showMemberControl.value && props.userInfo.isInRoom]
         ])
       ], 32);
     };

package/es/components/ManageMember/MemberItemCommon/MemberInfo.vue.mjs

@@ -1,7 +1,7 @@
 import _sfc_main from "./MemberInfo.vue2.mjs";
 /* empty css                 */
 import _export_sfc from "../../../_virtual/_plugin-vue_export-helper.mjs";
-const MemberInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-bac8abee"]]);
+const MemberInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8d1bfc30"]]);
 export {
   MemberInfo as default
 };

package/es/components/ManageMember/MemberItemCommon/MemberInfo.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createVNode, toDisplayString, createBlock, createCommentVNode, Fragment, renderList } from "vue";
+import { defineComponent, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, createVNode, toDisplayString, createBlock, createCommentVNode, Fragment, renderList, withDirectives, vShow } from "vue";
 import Avatar from "../../common/Avatar.vue.mjs";
 import { useBasicStore } from "../../../stores/basic.mjs";
 import { useRoomStore } from "../../../stores/room.mjs";
@@ -10,6 +10,7 @@ import AudioOpenIcon from "../../common/icons/AudioOpenIcon.vue.mjs";
 import AudioCloseIcon from "../../common/icons/AudioCloseIcon.vue.mjs";
 import ScreenOpenIcon from "../../common/icons/ScreenOpenIcon.vue.mjs";
 import ApplyActiveIcon from "../../common/icons/ApplyActiveIcon.vue.mjs";
+import MemberInvite from "../MemberInvite/MemberInvite.vue.mjs";
 import { useI18n } from "../../../locales/index.mjs";
 import { isMobile } from "../../../utils/environment.mjs";
 import UserIcon from "../../common/icons/UserIcon.vue.mjs";
@@ -122,7 +123,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               size: item.size
             }, null, 8, ["icon", "class", "size"]);
           }), 128))
-        ])) : createCommentVNode("", true)
+        ])) : createCommentVNode("", true),
+        withDirectives(createVNode(MemberInvite, {
+          class: "member-invite",
+          "user-info": props.userInfo
+        }, null, 8, ["user-info"]), [
+          [vShow, !props.userInfo.isInRoom]
+        ])
       ], 2);
     };
   }