@tencentcloud/roomkit-electron-vue3 2.5.0 → 2.6.0

package/es/components/RoomInvite/InvitationNotification.vue2.mjs

@@ -0,0 +1,160 @@
+import { defineComponent, ref, onMounted, onUnmounted, openBlock, createElementBlock, createElementVNode, createVNode, toDisplayString, unref, withCtx, createCommentVNode, pushScopeId, popScopeId } from "vue";
+import Avatar from "../common/Avatar.vue.mjs";
+import { useI18n } from "../../locales/index.mjs";
+import EnterRoomIcon from "../common/icons/EnterRoomIcon.vue.mjs";
+import SvgIcon from "../common/base/SvgIcon.vue.mjs";
+import TuiButton from "../common/base/Button.vue.mjs";
+import { TUIConferenceInvitationManagerEvents, TUIInvitationRejectedReason } from "@tencentcloud/tuiroom-engine-electron";
+import "../../services/main.mjs";
+import { roomService } from "../../services/roomService.mjs";
+import "mitt";
+import "../../services/manager/roomActionManager.mjs";
+import { isMobile } from "../../utils/environment.mjs";
+const _withScopeId = (n) => (pushScopeId("data-v-4c279e53"), n = n(), popScopeId(), n);
+const _hoisted_1 = {
+  key: 0,
+  class: "invitation-notification-container"
+};
+const _hoisted_2 = { class: "invitation-notification-inviter-container" };
+const _hoisted_3 = { class: "invitation-notification-inviter" };
+const _hoisted_4 = { class: "invitation-notification-title" };
+const _hoisted_5 = { class: "invitation-notification-room-name" };
+const _hoisted_6 = { class: "invitation-notification-room-info-container" };
+const _hoisted_7 = { class: "invitation-notification-room-text-container" };
+const _hoisted_8 = { class: "invitation-notification-room-text" };
+const _hoisted_9 = { class: "invitation-notification-room-text" };
+const _hoisted_10 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("i", { class: "invitation-notification-room-text-split" }, null, -1));
+const _hoisted_11 = { class: "invitation-notification-room-text" };
+const _hoisted_12 = { class: "invitation-notification-room-text" };
+const _hoisted_13 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("i", { class: "invitation-notification-bottom-split" }, null, -1));
+const _hoisted_14 = { class: "invitation-notification-bottom-container" };
+const _hoisted_15 = { class: "button-text" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "InvitationNotification",
+  emits: ["join-conference"],
+  setup(__props, { emit: __emit }) {
+    const invitationInfo = ref({
+      userId: "",
+      userName: "",
+      avatarUrl: "",
+      roomName: "",
+      roomMemberCount: 0,
+      roomOwner: "",
+      roomId: ""
+    });
+    const { t } = useI18n();
+    const showInvitation = ref(false);
+    const emits = __emit;
+    const onReceiveInvitation = (data) => {
+      const { roomInfo, invitation } = data;
+      invitationInfo.value.userId = invitation.inviter.userId;
+      invitationInfo.value.userName = invitation.inviter.userName;
+      invitationInfo.value.avatarUrl = invitation.inviter.avatarUrl;
+      invitationInfo.value.roomName = roomInfo.roomName;
+      invitationInfo.value.roomMemberCount = roomInfo.roomMemberCount;
+      invitationInfo.value.roomOwner = roomInfo.roomOwner;
+      invitationInfo.value.roomId = roomInfo.roomId;
+      setInvitationDisplay(true);
+    };
+    const handleEnterRoom = () => {
+      const { roomId } = invitationInfo.value;
+      roomService.conferenceInvitationManager.accept({ roomId });
+      setInvitationDisplay(false);
+      emits("join-conference", {
+        roomId,
+        roomParam: {
+          isOpenCamera: false,
+          isOpenMicrophone: true
+        }
+      });
+    };
+    const handleRejectInvitation = () => {
+      const { roomId } = invitationInfo.value;
+      roomService.conferenceInvitationManager.reject({
+        roomId,
+        reason: TUIInvitationRejectedReason.kRejectToEnter
+      });
+      setInvitationDisplay(false);
+    };
+    const onInvitationTimeout = () => {
+      setInvitationDisplay(false);
+    };
+    const setInvitationDisplay = (options) => {
+      if (isMobile) {
+        return;
+      }
+      showInvitation.value = options;
+    };
+    onMounted(() => {
+      roomService.conferenceInvitationManager.on(
+        TUIConferenceInvitationManagerEvents.onReceiveInvitation,
+        onReceiveInvitation
+      );
+      roomService.conferenceInvitationManager.on(
+        TUIConferenceInvitationManagerEvents.onInvitationTimeout,
+        onInvitationTimeout
+      );
+    });
+    onUnmounted(() => {
+      roomService.conferenceInvitationManager.off(
+        TUIConferenceInvitationManagerEvents.onReceiveInvitation,
+        onReceiveInvitation
+      );
+      roomService.conferenceInvitationManager.off(
+        TUIConferenceInvitationManagerEvents.onInvitationTimeout,
+        onInvitationTimeout
+      );
+    });
+    return (_ctx, _cache) => {
+      return showInvitation.value ? (openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", _hoisted_3, [
+            createVNode(Avatar, {
+              class: "avatar",
+              "img-src": invitationInfo.value.avatarUrl
+            }, null, 8, ["img-src"]),
+            createElementVNode("span", _hoisted_4, toDisplayString(unref(t)("sb invites you to join the conference", {
+              name: invitationInfo.value.userName || invitationInfo.value.userId
+            })), 1)
+          ]),
+          createElementVNode("span", _hoisted_5, toDisplayString(invitationInfo.value.roomName), 1),
+          createElementVNode("div", _hoisted_6, [
+            createElementVNode("div", _hoisted_7, [
+              createElementVNode("span", _hoisted_8, toDisplayString(unref(t)("Host")) + ": ", 1),
+              createElementVNode("span", _hoisted_9, toDisplayString(invitationInfo.value.roomOwner), 1)
+            ]),
+            _hoisted_10,
+            createElementVNode("div", null, [
+              createElementVNode("span", _hoisted_11, toDisplayString(unref(t)("Attendees")) + ": ", 1),
+              createElementVNode("span", _hoisted_12, toDisplayString(`${invitationInfo.value.roomMemberCount} ${unref(t)("people")}`), 1)
+            ])
+          ])
+        ]),
+        _hoisted_13,
+        createElementVNode("div", _hoisted_14, [
+          createElementVNode("span", {
+            class: "invitation-notification-bottom",
+            onClick: handleRejectInvitation
+          }, toDisplayString(unref(t)("Not joining for now")), 1),
+          createVNode(TuiButton, {
+            class: "button-item",
+            style: { "width": "110px" },
+            onClick: handleEnterRoom
+          }, {
+            default: withCtx(() => [
+              createVNode(SvgIcon, {
+                class: "icon",
+                icon: EnterRoomIcon
+              }),
+              createElementVNode("span", _hoisted_15, toDisplayString(unref(t)("Enter Now")), 1)
+            ]),
+            _: 1
+          })
+        ])
+      ])) : createCommentVNode("", true);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/es/components/RoomInvite/index.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

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

@@ -1,7 +1,7 @@
 import _sfc_main from "./index.vue2.mjs";
-import "./index.vue3.mjs";
+/* empty css            */
 import _export_sfc from "../../_virtual/_plugin-vue_export-helper.mjs";
-const RoomInvite = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-6414c67c"]]);
+const roomInvite = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c16b2703"]]);
 export {
-  RoomInvite as default
+  roomInvite as default
 };

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

@@ -1,34 +1,109 @@
-import { defineComponent, openBlock, createElementBlock, Fragment, renderList, unref, createElementVNode, toDisplayString, createVNode, withCtx } from "vue";
+import { defineComponent, openBlock, createElementBlock, Fragment, renderList, unref, createVNode, createElementVNode, toDisplayString, isRef, withCtx, createTextVNode, withDirectives, createBlock, createCommentVNode, vShow } from "vue";
 import useRoomInvite from "./useRoomInviteHooks.mjs";
 import SvgIcon from "../common/base/SvgIcon.vue.mjs";
+import TuiButton from "../common/base/Button.vue.mjs";
+import Contacts from "../ScheduleConference/Contacts.vue.mjs";
+import SuccessIcon from "../common/icons/SuccessIcon.vue.mjs";
 import copyIcon from "../common/icons/CopyIcon.vue.mjs";
+import Dialog from "../common/base/Dialog/index.vue.mjs";
 const _hoisted_1 = { class: "invite-container" };
-const _hoisted_2 = { class: "invite-title" };
-const _hoisted_3 = { class: "invite-content" };
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = { class: "invite-title" };
+const _hoisted_4 = { class: "invite-member" };
+const _hoisted_5 = { class: "invite-member-container" };
+const _hoisted_6 = { class: "invite-member-title" };
+const _hoisted_7 = ["title"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
-    const { t, visibleInviteContentList, onCopy } = useRoomInvite();
+    const {
+      t,
+      invitationFeatureDetails,
+      showContacts,
+      contactsConfirm,
+      contacts,
+      remoteEnteredUserList,
+      showRoomInvite,
+      userId,
+      userName,
+      conferenceInviteList,
+      onCopy,
+      copyRoomIdAndRoomLink
+    } = useRoomInvite();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
-        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(visibleInviteContentList), (item) => {
+        (openBlock(true), createElementBlock(Fragment, null, renderList(unref(invitationFeatureDetails), (item, index) => {
           return openBlock(), createElementBlock("div", {
-            key: item.id,
-            class: "invite-item"
+            key: index,
+            class: "invite-item",
+            onClick: ($event) => item.function()
           }, [
-            createElementVNode("div", _hoisted_2, toDisplayString(unref(t)(item.pcTitle)), 1),
-            createElementVNode("div", _hoisted_3, toDisplayString(item.content), 1),
             createVNode(SvgIcon, {
-              class: "copy-icon",
-              onClick: ($event) => unref(onCopy)(item.copyLink)
-            }, {
-              default: withCtx(() => [
-                createVNode(copyIcon)
-              ]),
-              _: 2
-            }, 1032, ["onClick"])
-          ]);
-        }), 128))
+              class: "icon",
+              icon: item.icon
+            }, null, 8, ["icon"]),
+            createElementVNode("span", _hoisted_3, toDisplayString(unref(t)(item.text)), 1)
+          ], 8, _hoisted_2);
+        }), 128)),
+        createVNode(Contacts, {
+          visible: unref(showContacts),
+          contacts: unref(contacts),
+          "disabled-list": unref(remoteEnteredUserList),
+          onInput: _cache[0] || (_cache[0] = ($event) => showContacts.value = $event),
+          onConfirm: unref(contactsConfirm)
+        }, null, 8, ["visible", "contacts", "disabled-list", "onConfirm"]),
+        createVNode(Dialog, {
+          modelValue: unref(showRoomInvite),
+          "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => isRef(showRoomInvite) ? showRoomInvite.value = $event : null),
+          title: unref(t)("sb invites you to join the conference", { name: unref(userName) || unref(userId) }),
+          modal: true,
+          "show-close": true,
+          "close-on-click-modal": true,
+          width: "540px",
+          "append-to-body": true,
+          "title-icon": SuccessIcon
+        }, {
+          footer: withCtx(() => [
+            createElementVNode("span", null, [
+              createVNode(TuiButton, {
+                class: "dialog-button",
+                size: "default",
+                onClick: _cache[1] || (_cache[1] = ($event) => unref(copyRoomIdAndRoomLink)())
+              }, {
+                default: withCtx(() => [
+                  createTextVNode(toDisplayString(unref(t)("Copy the conference number and link")), 1)
+                ]),
+                _: 1
+              })
+            ])
+          ]),
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_4, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(unref(conferenceInviteList), (item) => {
+                return withDirectives((openBlock(), createElementBlock("div", {
+                  key: item.title
+                }, [
+                  createElementVNode("div", _hoisted_5, [
+                    createElementVNode("span", _hoisted_6, toDisplayString(unref(t)(item.title)), 1),
+                    createElementVNode("span", {
+                      class: "invite-member-content",
+                      title: item.content
+                    }, toDisplayString(item.content), 9, _hoisted_7),
+                    item.isShowCopyIcon ? (openBlock(), createBlock(SvgIcon, {
+                      key: 0,
+                      class: "copy",
+                      icon: copyIcon,
+                      onClick: ($event) => unref(onCopy)(item.content)
+                    }, null, 8, ["onClick"])) : createCommentVNode("", true)
+                  ])
+                ])), [
+                  [vShow, item.isVisible]
+                ]);
+              }), 128))
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "title"])
       ]);
     };
   }

package/es/components/RoomInvite/useRoomInviteHooks.d.ts

@@ -1,3 +1,5 @@
+import { TUIUserInfo } from '../../services';
+
 export default function useRoomInvite(): {
     t: any;
     isRoomLinkVisible: any;
@@ -24,4 +26,28 @@ export default function useRoomInvite(): {
         copyLink: string;
         visible: any;
     })[]>;
+    invitationFeatureDetails: import('vue').Ref<{
+        icon: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
+        text: string;
+        function: () => void;
+    }[]>;
+    showContacts: import('vue').Ref<boolean>;
+    contactsConfirm: (contacts: TUIUserInfo[]) => Promise<void>;
+    contacts: import('vue').Ref<never[]>;
+    remoteEnteredUserList: any;
+    showRoomInvite: import('vue').Ref<boolean>;
+    userId: any;
+    userName: any;
+    conferenceInviteList: import('vue').ComputedRef<({
+        title: string;
+        content: any;
+        isShowCopyIcon: boolean;
+        isVisible: boolean;
+    } | {
+        title: string;
+        content: string;
+        isShowCopyIcon: boolean;
+        isVisible: any;
+    })[]>;
+    copyRoomIdAndRoomLink: () => void;
 };

package/es/components/RoomInvite/useRoomInviteHooks.mjs

@@ -1,16 +1,38 @@
 import { ref, computed } from "vue";
 import { useBasicStore } from "../../stores/basic.mjs";
+import { useRoomStore } from "../../stores/room.mjs";
 import renderMsg from "../common/base/Message/Message.mjs";
 import { storeToRefs } from "pinia";
 import { useI18n } from "../../locales/index.mjs";
-import { clipBoard } from "../../utils/adapter.mjs";
+import { getUrlWithRoomId } from "../../utils/utils.mjs";
 import { isElectron } from "../../utils/environment.mjs";
+import InviteIcon from "../common/icons/InviteIcon.vue.mjs";
+import ShareIcon from "../common/icons/ShareIcon.vue.mjs";
+import "../../services/main.mjs";
+import { roomService } from "../../services/roomService.mjs";
+import "@tencentcloud/tuiroom-engine-electron";
+import "mitt";
+import "../../services/manager/roomActionManager.mjs";
+import { MESSAGE_DURATION } from "../../constants/message.mjs";
+import { clipBoard } from "../../utils/adapter.mjs";
 function useRoomInvite() {
   const { t } = useI18n();
   const basicStore = useBasicStore();
-  const { roomId, shareLink, isRoomLinkVisible, isSchemeLinkVisible } = storeToRefs(basicStore);
+  const roomLinkConfig = roomService.getComponentConfig("RoomLink");
+  const roomStore = useRoomStore();
+  const { remoteEnteredUserList, roomName, isSeatEnabled, password } = storeToRefs(roomStore);
+  const {
+    roomId,
+    shareLink,
+    isRoomLinkVisible,
+    isSchemeLinkVisible,
+    userId,
+    userName
+  } = storeToRefs(basicStore);
   const { origin, pathname } = location || {};
   const isShowLink = ref(true);
+  const showContacts = ref(false);
+  const showRoomInvite = ref(false);
   const inviteLink = computed(() => {
     if (shareLink.value) {
       const urlConcatenation = shareLink.value.indexOf("?") !== -1 ? "&" : "?";
@@ -18,8 +40,35 @@ function useRoomInvite() {
     }
     return `${origin}${pathname}#/home?roomId=${roomId.value}`;
   });
-  const schemeLink = computed(() => `tuiroom://joinroom?roomId=${roomId.value}`);
-  const inviteBarTitle = computed(() => isRoomLinkVisible.value ? t("You can share the room number or link to invite more people to join the room.") : t("You can share the room number to invite more people to join the room"));
+  const schemeLink = computed(
+    () => `tuiroom://joinroom?roomId=${roomId.value}`
+  );
+  const inviteBarTitle = computed(
+    () => isRoomLinkVisible.value ? t(
+      "You can share the room number or link to invite more people to join the room."
+    ) : t(
+      "You can share the room number to invite more people to join the room"
+    )
+  );
+  const isShowPassword = computed(() => !!(password == null ? void 0 : password.value));
+  const invitationFeatureDetails = ref([
+    {
+      icon: InviteIcon,
+      text: "addMember",
+      function: async () => {
+        contacts.value = await roomService.scheduleConferenceManager.fetchFriendList();
+        showContacts.value = true;
+      }
+    },
+    {
+      icon: ShareIcon,
+      text: "shareRoom",
+      function: () => {
+        showRoomInvite.value = true;
+      }
+    }
+  ]);
+  const contacts = ref([]);
   async function onCopy(value) {
     try {
       await clipBoard(value);
@@ -35,11 +84,96 @@ function useRoomInvite() {
     }
   }
   const inviteContentList = computed(() => [
-    { id: 1, mobileTitle: "Room ID", pcTitle: "Invite by room number", content: roomId.value, copyLink: roomId.value, visible: isShowLink.value },
-    { id: 2, mobileTitle: "Room Link", pcTitle: "Invite via room link", content: inviteLink.value, copyLink: inviteLink.value, visible: isRoomLinkVisible.value },
-    { id: 3, mobileTitle: "scheme", pcTitle: "Invite via client scheme", content: schemeLink.value, copyLink: schemeLink.value, visible: isSchemeLinkVisible.value }
+    {
+      id: 1,
+      mobileTitle: "Room ID",
+      pcTitle: "Invite by room number",
+      content: roomId.value,
+      copyLink: roomId.value,
+      visible: isShowLink.value
+    },
+    {
+      id: 2,
+      mobileTitle: "Room Link",
+      pcTitle: "Invite via room link",
+      content: inviteLink.value,
+      copyLink: inviteLink.value,
+      visible: isRoomLinkVisible.value
+    },
+    {
+      id: 3,
+      mobileTitle: "scheme",
+      pcTitle: "Invite via client scheme",
+      content: schemeLink.value,
+      copyLink: schemeLink.value,
+      visible: isSchemeLinkVisible.value
+    }
   ]);
-  const visibleInviteContentList = computed(() => inviteContentList.value.filter((item) => item.visible));
+  const visibleInviteContentList = computed(
+    () => inviteContentList.value.filter((item) => item.visible)
+  );
+  const conferenceInviteList = computed(() => [
+    {
+      title: "Room Name",
+      content: roomName.value,
+      isShowCopyIcon: false,
+      isVisible: true
+    },
+    {
+      title: "Room Type",
+      content: `${t(getSeatModeDisplay(isSeatEnabled.value))}`,
+      isShowCopyIcon: false,
+      isVisible: true
+    },
+    {
+      title: "Room ID",
+      content: roomId.value,
+      isShowCopyIcon: true,
+      isVisible: true
+    },
+    {
+      title: "Room Password",
+      content: password == null ? void 0 : password.value,
+      isShowCopyIcon: true,
+      isVisible: isShowPassword.value
+    },
+    {
+      title: "Room Link",
+      content: getUrlWithRoomId(roomId.value),
+      isShowCopyIcon: true,
+      isVisible: isRoomLinkVisible.value && roomLinkConfig.visible
+    }
+  ]);
+  function getSeatModeDisplay(isSeatEnabled2) {
+    return isSeatEnabled2 ? "On-stage Speaking Room" : "Free Speech Room";
+  }
+  function copyRoomIdAndRoomLink() {
+    const invitationList = [
+      roomName.value,
+      `${t("Room Type")}: ${t(getSeatModeDisplay(isSeatEnabled.value))}`,
+      `${t("Room ID")}: ${roomId.value}`
+    ];
+    if (isShowPassword.value) {
+      invitationList.push(`${t("Room Password")}: ${password == null ? void 0 : password.value}`);
+    }
+    if (isRoomLinkVisible.value && roomLinkConfig.visible) {
+      invitationList.push(
+        `${t("Room Link")}: ${getUrlWithRoomId(roomId.value)}`
+      );
+    }
+    const invitation = invitationList.join("\n");
+    onCopy(invitation);
+    showRoomInvite.value = false;
+  }
+  const contactsConfirm = async (contacts2) => {
+    const userIdList = contacts2.map((contacts3) => contacts3.userId);
+    await roomService.conferenceInvitationManager.inviteUsers({ userIdList });
+    renderMsg({
+      type: "success",
+      message: t("Invitation sent, waiting for members to join."),
+      duration: MESSAGE_DURATION.NORMAL
+    });
+  };
   return {
     t,
     isRoomLinkVisible,
@@ -51,7 +185,17 @@ function useRoomInvite() {
     schemeLink,
     inviteBarTitle,
     onCopy,
-    visibleInviteContentList
+    visibleInviteContentList,
+    invitationFeatureDetails,
+    showContacts,
+    contactsConfirm,
+    contacts,
+    remoteEnteredUserList,
+    showRoomInvite,
+    userId,
+    userName,
+    conferenceInviteList,
+    copyRoomIdAndRoomLink
   };
 }
 export {

package/es/components/RoomMore/index.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

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

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

package/es/components/RoomMore/useRoomMoreHooks.mjs

@@ -1,6 +1,7 @@
 import { computed } from "vue";
 import renderMsg from "../common/base/Message/Message.mjs";
 import i18n, { useI18n } from "../../locales/index.mjs";
+import "../../utils/environment.mjs";
 import { clipBoard } from "../../utils/adapter.mjs";
 function useRoomMoreHooks() {
   const { t } = useI18n();

package/es/components/RoomSetting/index.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

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

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

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

@@ -7,7 +7,7 @@ import { storeToRefs } from "pinia";
 import { SettingMode } from "../../constants/render.mjs";
 import { useI18n } from "../../locales/index.mjs";
 import CloseIcon from "../common/icons/CloseIcon.vue.mjs";
-const _withScopeId = (n) => (pushScopeId("data-v-1a02b9d3"), n = n(), popScopeId(), n);
+const _withScopeId = (n) => (pushScopeId("data-v-cadaf945"), n = n(), popScopeId(), n);
 const _hoisted_1 = { class: "setting-container" };
 const _hoisted_2 = { class: "setting-header" };
 const _hoisted_3 = { class: "setting-title" };
@@ -58,7 +58,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               (openBlock(true), createElementBlock(Fragment, null, renderList(settingTabsTitleList.value, (item, index) => {
                 return openBlock(), createElementBlock("div", {
                   key: index,
-                  class: normalizeClass(["tabs-title", `${unref(activeSettingTab) === item.value ? "active" : ""}`]),
+                  class: normalizeClass([
+                    "tabs-title",
+                    `${unref(activeSettingTab) === item.value ? "active" : ""}`
+                  ]),
                   onClick: ($event) => handleUpdateActiveTab(item.value)
                 }, toDisplayString(item.label), 11, _hoisted_6);
               }), 128))

package/es/components/RoomSidebar/index.vue.d.ts

@@ -1,2 +1,2 @@
-declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}, {}>;
+declare const _default: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>>, {}, {}>;
 export default _default;

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

@@ -2,19 +2,13 @@ import { defineComponent, openBlock, createElementBlock, createVNode, unref, isR
 import Chat from "../Chat/index.vue.mjs";
 import Drawer from "../common/base/Drawer.vue.mjs";
 import useSideBar from "./useSideBarHooks.mjs";
-import RoomInvite from "../RoomInvite/index.vue.mjs";
 import ManageMember from "../ManageMember/index.vue.mjs";
 import RoomMore from "../RoomMore/index.vue.mjs";
 const _hoisted_1 = { class: "sidebar-container" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   setup(__props) {
-    const {
-      isSidebarOpen,
-      title,
-      handleClose,
-      sidebarName
-    } = useSideBar();
+    const { isSidebarOpen, title, handleClose, sidebarName } = useSideBar();
     return (_ctx, _cache) => {
       return openBlock(), createElementBlock("div", _hoisted_1, [
         createVNode(Drawer, {
@@ -27,9 +21,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         }, {
           default: withCtx(() => [
             unref(sidebarName) == "chat" ? (openBlock(), createBlock(Chat, { key: 0 })) : createCommentVNode("", true),
-            unref(sidebarName) == "invite" ? (openBlock(), createBlock(RoomInvite, { key: 1 })) : createCommentVNode("", true),
-            unref(sidebarName) == "more" ? (openBlock(), createBlock(RoomMore, { key: 2 })) : createCommentVNode("", true),
-            unref(sidebarName) == "manage-member" ? (openBlock(), createBlock(ManageMember, { key: 3 })) : createCommentVNode("", true)
+            unref(sidebarName) == "more" ? (openBlock(), createBlock(RoomMore, { key: 1 })) : createCommentVNode("", true),
+            unref(sidebarName) == "manage-member" ? (openBlock(), createBlock(ManageMember, { key: 2 })) : createCommentVNode("", true)
           ]),
           _: 1
         }, 8, ["modelValue", "title", "before-close"])

package/es/components/RoomSidebar/useSideBarHooks.mjs

@@ -15,7 +15,9 @@ function useSideBar() {
   const { sdkAppId, isSidebarOpen, sidebarName, roomId } = storeToRefs(basicStore);
   const roomStore = useRoomStore();
   const { userNumber } = storeToRefs(roomStore);
-  const showSideBar = computed(() => isSidebarOpen.value && sidebarName.value !== "transfer-leave");
+  const showSideBar = computed(
+    () => isSidebarOpen.value && sidebarName.value !== "transfer-leave"
+  );
   const title = computed(() => {
     let sidebarTitle = "";
     switch (sidebarName.value) {