@tencentcloud/roomkit-electron-vue3 2.6.7 → 2.7.1

package/es/components/ManageMember/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 ManageMember = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-406150c6"]]);
+const ManageMember = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-66e18a8f"]]);
 export {
   ManageMember as default
 };

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

@@ -122,9 +122,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           (openBlock(true), createElementBlock(Fragment, null, renderList(unref(filteredUserStatusList), (userInfo) => {
             return openBlock(), createBlock(MemberItem, {
               key: userInfo.userId,
-              "user-info": userInfo,
-              "user-current-status": unref(currentActiveTabName)
-            }, null, 8, ["user-info", "user-current-status"]);
+              "user-info": userInfo
+            }, null, 8, ["user-info"]);
           }), 128))
         ]),
         !unref(isGeneralUser) && unref(currentActiveTabName) !== unref(USERS_STATUS).NOT_ENTER ? (openBlock(), createElementBlock("div", _hoisted_12, [

package/es/components/ManageMember/useIndexHooks.mjs

@@ -51,23 +51,6 @@ function useIndex() {
     isOnStateTabActive.value = !isOnStateTabActive.value;
     roomStore.setOnStageTabStatus(isOnStateTabActive.value);
   }
-  const filteredUserList = computed(() => {
-    let list = [];
-    if (roomStore.isFreeSpeakMode) {
-      list = enterUserList.value;
-    } else if (roomStore.isSpeakAfterTakingSeatMode) {
-      list = isOnStateTabActive.value ? anchorUserList.value : audienceUserList.value;
-    }
-    if (!searchText.value) {
-      return list;
-    }
-    return list.filter(
-      (item) => {
-        var _a, _b;
-        return ((_a = item.nameCard) == null ? void 0 : _a.includes(searchText.value)) || ((_b = item.userName) == null ? void 0 : _b.includes(searchText.value)) || item.userId.includes(searchText.value);
-      }
-    );
-  });
   const filteredUserStatusList = computed(() => {
     let list = [];
     if (roomStore.isFreeSpeakMode) {
@@ -296,7 +279,6 @@ function useIndex() {
     ManageControlType,
     alreadyStaged,
     notStaged,
-    filteredUserList,
     isOnStateTabActive,
     handleToggleStaged,
     applyToAnchorUserContent,

package/es/components/PreRoom/PasswordDialog.vue.mjs

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

package/es/components/PreRoom/PasswordDialog.vue2.mjs

@@ -1,4 +1,4 @@
-import { defineComponent, ref, watch, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, ref, watch, nextTick, openBlock, createBlock, unref, withCtx, createElementVNode, createVNode, createTextVNode, toDisplayString } from "vue";
 import { storeToRefs } from "pinia";
 import "../../services/main.mjs";
 import { roomService } from "../../services/roomService.mjs";
@@ -13,12 +13,9 @@ import Dialog from "../common/base/Dialog/index.vue.mjs";
 import TuiButton from "../common/base/Button.vue.mjs";
 import TuiInput from "../common/base/Input/index.vue.mjs";
 import CloseInputIcon from "../common/icons/CloseInputIcon.vue.mjs";
-import { isDigitsOnly } from "../../utils/utils.mjs";
-import renderMsg from "../common/base/Message/Message.mjs";
-import { MESSAGE_DURATION } from "../../constants/message.mjs";
 import { useBasicStore } from "../../stores/basic.mjs";
-import { PASSWORD_MAX_LENGTH_LIMIT } from "../../constants/room.mjs";
 import SvgIcon from "../common/base/SvgIcon.vue.mjs";
+import { invalidPasswordRegex } from "../../utils/common.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "PasswordDialog",
   props: {
@@ -41,14 +38,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       }
     );
     async function joinRoom() {
-      if (!isDigitsOnly(inputPassword.value) || inputPassword.value.length < PASSWORD_MAX_LENGTH_LIMIT) {
-        renderMsg({
-          type: "warning",
-          message: t("Your room password format is incorrect, please check it"),
-          duration: MESSAGE_DURATION.NORMAL
-        });
-        return;
-      }
       await roomService.join(roomId.value, {
         isOpenCamera: false,
         isOpenMicrophone: true,
@@ -60,6 +49,15 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       inputPassword.value = "";
       roomService.emit(EventType.ROOM_ERROR);
     }
+    watch(
+      () => inputPassword.value,
+      async (newValue, oldValue) => {
+        if (newValue && invalidPasswordRegex.test(newValue)) {
+          await nextTick();
+          inputPassword.value = newValue.replace(invalidPasswordRegex, "");
+        }
+      }
+    );
     return (_ctx, _cache) => {
       return openBlock(), createBlock(Dialog, {
         modelValue: isShowPasswordContainer.value,
@@ -105,9 +103,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           createVNode(TuiInput, {
             "model-value": inputPassword.value,
             onInput: _cache[1] || (_cache[1] = ($event) => inputPassword.value = $event),
-            placeholder: unref(t)("Please enter your room password"),
+            placeholder: unref(t)("Please enter the password"),
             type: "password",
-            maxlength: "6"
+            maxlength: "32",
+            theme: "white"
           }, {
             suffixIcon: withCtx(() => [
               createVNode(SvgIcon, {

package/es/components/RoomContent/StreamList/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 StreamList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-8705c714"]]);
+const StreamList = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-c8176dc0"]]);
 export {
   StreamList as default
 };

package/es/components/RoomContent/StreamList/index.vue2.mjs

@@ -59,13 +59,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       return Number(props.aspectRatio.split(":")[1]);
     });
     async function handleEqualPointsLayout() {
-      var _a, _b;
       const number = currentPageIndex.value > 0 ? maxCountEveryPage.value : props.streamInfoList.slice(0, maxCountEveryPage.value).length;
       if (number <= 0 || !streamListContainerRef.value) {
         return;
       }
-      const containerWidth = (_a = streamListContainerRef.value) == null ? void 0 : _a.offsetWidth;
-      const containerHeight = (_b = streamListContainerRef.value) == null ? void 0 : _b.offsetHeight;
+      const containerRect = streamListContainerRef.value.getBoundingClientRect();
+      const containerWidth = Math.floor(containerRect.width);
+      const containerHeight = Math.floor(containerRect.height);
       const horizontalStreamNumber = props.horizontalCount;
       const verticalStreamNumber = props.verticalCount;
       const contentWidth = (containerWidth - horizontalStreamNumber * singleStreamMargin) / horizontalStreamNumber;
@@ -89,19 +89,33 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       streamListStyle.value.width = `${horizontalStreamNumber * (width + singleStreamMargin)}px`;
       streamListStyle.value.height = `${verticalStreamNumber * (height + singleStreamMargin)}px`;
     }
+    function getContentSize(element) {
+      const computedStyle = getComputedStyle(element);
+      const paddingTop = Number(computedStyle.paddingTop.replace("px", ""));
+      const paddingBottom = Number(computedStyle.paddingBottom.replace("px", ""));
+      const borderTop = Number(computedStyle.borderTopWidth.replace("px", ""));
+      const borderBottom = Number(
+        computedStyle.borderBottomWidth.replace("px", "")
+      );
+      const paddingLeft = Number(computedStyle.paddingLeft.replace("px", ""));
+      const paddingRight = Number(computedStyle.paddingRight.replace("px", ""));
+      const borderLeft = Number(computedStyle.borderLeftWidth.replace("px", ""));
+      const borderRight = Number(computedStyle.borderRightWidth.replace("px", ""));
+      const contentWidth = element.offsetWidth - paddingLeft - paddingRight - borderLeft - borderRight;
+      const contentHeight = element.offsetHeight - paddingTop - paddingBottom - borderTop - borderBottom;
+      return { width: contentWidth, height: contentHeight };
+    }
     function handleHorizontalInfinityLayout() {
       streamListStyle.value = {};
-      const containerHeight = streamListRef.value.offsetHeight;
-      const contentHeight = containerHeight;
-      const contentWidth = containerHeight * 16 / 9;
+      const contentHeight = getContentSize(streamListContainerRef.value).height;
+      const contentWidth = contentHeight * 16 / 9;
       streamStyle.value.width = `${contentWidth}px`;
       streamStyle.value.height = `${contentHeight}px`;
     }
     function handleVerticalInfinityLayout() {
       streamListStyle.value = {};
-      const containerWidth = streamListRef.value.offsetWidth;
-      const contentWidth = containerWidth;
-      const contentHeight = containerWidth * 9 / 16;
+      const contentWidth = getContentSize(streamListContainerRef.value).width;
+      const contentHeight = contentWidth * 9 / 16;
       streamStyle.value.width = `${contentWidth}px`;
       streamStyle.value.height = `${contentHeight}px`;
     }

package/es/components/RoomContent/StreamRegion/StreamCover/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 StreamCover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0b4e6bcc"]]);
+const StreamCover = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-7f0544c7"]]);
 export {
   StreamCover as default
 };

package/es/components/RoomContent/StreamRegion/index.vue.d.ts

@@ -6,6 +6,7 @@ interface Props {
     aspectRatio?: string;
     isNeedPlayStream?: boolean;
     observerViewInVisible?: boolean;
+    supportTouchScale?: boolean;
 }
 declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<Props>, {
     isEnlarge: boolean;

package/es/components/RoomContent/StreamRegion/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 StreamRegion = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5ad6ef67"]]);
+const StreamRegion = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2fa4d966"]]);
 export {
   StreamRegion as default
 };

package/es/components/RoomContent/StreamRegion/index.vue2.mjs

@@ -4,7 +4,8 @@ import StreamPlay from "./StreamPlay/index.vue.mjs";
 import StreamCover from "./StreamCover/index.vue.mjs";
 import LocalScreenView from "./LocalScreenView/index.vue.mjs";
 import { useBasicStore } from "../../../stores/basic.mjs";
-import vDblTouch from "../../../directives/vDblTouch.mjs";
+import vDblTouch$1 from "../../../directives/vDblTouch.mjs";
+import vDblTouch from "../../../directives/vTouchScale.mjs";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
   props: {
@@ -12,7 +13,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     isEnlarge: { type: Boolean, default: false },
     aspectRatio: {},
     isNeedPlayStream: { type: Boolean, default: true },
-    observerViewInVisible: { type: Boolean }
+    observerViewInVisible: { type: Boolean },
+    supportTouchScale: { type: Boolean }
   },
   emits: ["room-dblclick"],
   setup(__props) {
@@ -83,17 +85,19 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             streamInfo: _ctx.streamInfo,
             isMiniRegion: !_ctx.isEnlarge
           }, null, 8, ["streamInfo", "isMiniRegion"])) : (openBlock(), createElementBlock(Fragment, { key: 1 }, [
-            createVNode(StreamPlay, {
+            withDirectives(createVNode(StreamPlay, {
               streamInfo: _ctx.streamInfo,
               isEnlarge: _ctx.isEnlarge,
               isNeedPlayStream: _ctx.isNeedPlayStream,
               observerViewInVisible: _ctx.observerViewInVisible
-            }, null, 8, ["streamInfo", "isEnlarge", "isNeedPlayStream", "observerViewInVisible"]),
+            }, null, 8, ["streamInfo", "isEnlarge", "isNeedPlayStream", "observerViewInVisible"]), [
+              [unref(vDblTouch), props.supportTouchScale]
+            ]),
             createVNode(StreamCover, { streamInfo: _ctx.streamInfo }, null, 8, ["streamInfo"])
           ], 64))
         ], 36)), [
           [
-            unref(vDblTouch),
+            unref(vDblTouch$1),
             () => {
               _ctx.$emit("room-dblclick");
             }

package/es/components/RoomFooter/ApplyControl/MemberApplyControl.vue.mjs

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

package/es/components/RoomFooter/ApplyControl/MemberApplyControl.vue2.mjs

@@ -70,13 +70,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         isApplyingOnSeat.value ? cancelSeatApplication() : sendSeatApplication();
       }
     }
-    const inviteDialogInfo = {
+    const inviteDialogInfo = computed(() => ({
       content: t("You can turn on the microphone and camera once you are on stage"),
       confirmButtonText: t("Agree to the stage"),
       cancelButtonText: t("Reject"),
       handleConfirm: () => handleInvite(true),
       handleCancel: () => handleInvite(false)
-    };
+    }));
     const leaveSeatDialogInfo = computed(() => ({
       content: localUser.value.userRole === TUIRole.kAdministrator ? t("To go on stage again, a new application needs to be initiated") : t(
         "To go on stage again, you need to reapply and wait for the roomOwner/administrator to approve"
@@ -87,7 +87,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       handleCancel: () => handleStepDownDialogVisible()
     }));
     const currentDialogInfo = computed(
-      () => currentDialogType.value === "inviteDialog" ? inviteDialogInfo : leaveSeatDialogInfo.value
+      () => currentDialogType.value === "inviteDialog" ? inviteDialogInfo.value : leaveSeatDialogInfo.value
     );
     async function sendSeatApplication() {
       var _a, _b;
@@ -164,7 +164,6 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (roomStore.isMicrophoneDisableForAllUser && isGeneralUser.value) {
         roomStore.setCanControlSelfAudio(false);
       }
-      basicStore.setIsOpenMic(false);
     }
     function hideApplyAttention() {
       showMemberApplyAttention.value = false;

package/es/components/RoomFooter/BasicBeauty.vue.mjs

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

package/es/components/RoomFooter/BasicBeauty.vue2.mjs

@@ -10,7 +10,9 @@ import { TRTCVideoMirrorType, TRTCVideoRotation, TRTCVideoFillMode } from "@tenc
 import "mitt";
 import "../../services/manager/roomActionManager.mjs";
 import "@tencentcloud/tui-core";
+import { MetricsKey } from "../../services/manager/dataReportManager.mjs";
 import { isMobile } from "../../utils/environment.mjs";
+import { throttle } from "../../utils/utils.mjs";
 import Dialog from "../common/base/Dialog/index.vue.mjs";
 import TuiButton from "../common/base/Button.vue.mjs";
 import Slider from "../common/base/Slider.vue.mjs";
@@ -88,7 +90,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const isLoading = ref(false);
     const sliderValue = ref(0);
     const beautyLevels = reactive({
-      close: 0,
+      smoother: 0,
+      whitening: 0,
+      ruddy: 0
+    });
+    const savedBeautyLevels = reactive({
       smoother: 0,
       whitening: 0,
       ruddy: 0
@@ -108,16 +114,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       await ((_a = roomService.roomEngine.instance) == null ? void 0 : _a.startCameraDeviceTest({
         view: "test-preview"
       }));
-      await onBeautyPropertyClick(appliedBasicBeautyItem.value);
       isLoading.value = false;
+      roomService.dataReportManager.reportCount(MetricsKey.setBasicBeauty);
     };
     const closeBeautySettingPanel = async () => {
       var _a;
       isDialogVisible.value = false;
+      Object.assign(beautyLevels, savedBeautyLevels);
+      await onBeautyPropertyClick(appliedBasicBeautyItem.value);
       (_a = roomService.roomEngine.instance) == null ? void 0 : _a.stopCameraDeviceTest();
       selectBasicBeautyItem.value = appliedBasicBeautyItem.value;
     };
-    const confirmBeautySetting = async () => {
+    const saveBeautySetting = async () => {
       if (!isAllowed.value) return;
       appliedBasicBeautyItem.value = selectBasicBeautyItem.value;
       if (selectBasicBeautyItem.value === "close") {
@@ -135,6 +143,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           Math.floor(beautyLevels.ruddy / 100 * 9)
         );
       }
+      Object.assign(savedBeautyLevels, beautyLevels);
       closeBeautySettingPanel();
     };
     const startBeautyTest = async () => {
@@ -154,6 +163,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         0
       );
     };
+    const throttleStartBeautyTest = throttle(startBeautyTest, 300);
     watch(sliderValue, async (newValue) => {
       if (selectBasicBeautyItem.value === "smoother") {
         beautyLevels.smoother = newValue;
@@ -164,7 +174,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (selectBasicBeautyItem.value === "ruddy") {
         beautyLevels.ruddy = newValue;
       }
-      await startBeautyTest();
+      await throttleStartBeautyTest();
     });
     const onBeautyPropertyClick = async (type) => {
       if (type === "close") {
@@ -284,7 +294,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               createVNode(TuiButton, {
                 class: "button",
                 disabled: !isAllowed.value,
-                onClick: confirmBeautySetting
+                onClick: saveBeautySetting
               }, {
                 default: withCtx(() => [
                   createTextVNode(toDisplayString(unref(t)("Save")), 1)

package/es/components/RoomFooter/ChatControl.vue.mjs

@@ -12,6 +12,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 "../../utils/environment.mjs";
 const _hoisted_1 = {
   key: 0,
@@ -34,6 +35,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       basicStore.setSidebarOpenStatus(true);
       basicStore.setSidebarName("chat");
       chatStore.updateUnReadCount(0);
+      roomService.dataReportManager.reportCount(MetricsKey.openChat);
     }
     return (_ctx, _cache) => {
       return unref(chatControlConfig).visible ? (openBlock(), createElementBlock("div", _hoisted_1, [

package/es/components/RoomFooter/InviteControl.vue.d.ts

@@ -1,2 +1,6 @@
-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, {
+    "show-overlay": (...args: any[]) => void;
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{}>> & {
+    "onShow-overlay"?: ((...args: any[]) => any) | undefined;
+}, {}, {}>;
 export default _default;

package/es/components/RoomFooter/InviteControl.vue.mjs

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

package/es/components/RoomFooter/InviteControl.vue2.mjs

@@ -4,14 +4,14 @@ import InviteIcon from "../common/icons/InviteIcon.vue.mjs";
 import { useBasicStore } from "../../stores/basic.mjs";
 import { storeToRefs } from "pinia";
 import { useI18n } from "../../locales/index.mjs";
-import { isMobile } from "../../utils/environment.mjs";
-import roomInvite from "../RoomInvite/index.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 "@tencentcloud/tui-core";
+import { isMobile } from "../../utils/environment.mjs";
+import RoomInviteOverlay from "../RoomInvite/index.vue.mjs";
 import vClickOutside from "../../directives/vClickOutside.mjs";
 const _hoisted_1 = {
   key: 0,
@@ -19,12 +19,14 @@ const _hoisted_1 = {
 };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "InviteControl",
-  setup(__props) {
+  emits: ["show-overlay"],
+  setup(__props, { emit: __emit }) {
+    const isShowInviteTab = ref(false);
+    const inviteRef = ref();
     const basicStore = useBasicStore();
     const { sidebarName } = storeToRefs(basicStore);
     const { t } = useI18n();
-    const isShowInviteTab = ref(false);
-    const inviteRef = ref();
+    const emit = __emit;
     const inviteControlConfig = roomService.getComponentConfig("InviteControl");
     function toggleInviteSidebar() {
       isShowInviteTab.value = !isShowInviteTab.value;
@@ -34,11 +36,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           return;
         }
         basicStore.setSidebarName("invite");
+        emit("show-overlay", {
+          name: "RoomInviteOverlay",
+          visible: isShowInviteTab.value
+        });
       }
     }
-    function handleCloseInvite() {
-      isShowInviteTab.value = false;
-    }
     function handleClickOutSide() {
       if (isShowInviteTab.value) {
         isShowInviteTab.value = false;
@@ -53,11 +56,10 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           icon: InviteIcon,
           onClickIcon: toggleInviteSidebar
         }, null, 8, ["is-active", "title"]),
-        isShowInviteTab.value ? (openBlock(), createBlock(roomInvite, {
+        !unref(isMobile) && isShowInviteTab.value ? (openBlock(), createBlock(RoomInviteOverlay, {
           key: 0,
           ref_key: "inviteRef",
-          ref: inviteRef,
-          onOnCloseInvite: handleCloseInvite
+          ref: inviteRef
         }, null, 512)) : createCommentVNode("", true)
       ])), [
         [unref(vClickOutside), handleClickOutSide]

package/es/components/RoomFooter/ScreenShareControl/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 ScreenShareControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-eea074b0"]]);
+const ScreenShareControl = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-9823e608"]]);
 export {
   ScreenShareControl as default
 };

package/es/components/RoomFooter/ScreenShareControl/Index.vue2.mjs

@@ -64,9 +64,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       if (hasOtherScreenShare.value) {
         renderMsg({
           type: "warning",
-          message: t(
-            "Another user is currently sharing the screen, screen sharing is not possible."
-          ),
+          message: t("Another user is sharing the screen."),
           duration: MESSAGE_DURATION.LONG
         });
         return;

package/es/components/RoomFooter/VirtualBackground.vue.mjs

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

package/es/components/RoomFooter/VirtualBackground.vue2.mjs

@@ -56,12 +56,12 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       await ((_a = roomService.roomEngine.instance) == null ? void 0 : _a.startCameraDeviceTest({
         view: "stream-preview"
       }));
-      await applyVirtualBackground(appliedBackground.value);
       isLoading.value = false;
     };
     const closeSettingPanel = async () => {
       var _a;
       isDialogVisible.value = false;
+      await applyVirtualBackground(appliedBackground.value);
       (_a = roomService.roomEngine.instance) == null ? void 0 : _a.stopCameraDeviceTest();
       selectedBackground.value = appliedBackground.value;
     };
@@ -105,6 +105,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           width: "600px",
           modal: true,
           "append-to-room-container": true,
+          "close-on-click-modal": false,
           onClose: closeSettingPanel
         }, {
           default: withCtx(() => [

package/es/components/RoomHeader/UserInfo/index.vue.d.ts

@@ -1,15 +1,17 @@
-declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToRuntimeProps<{
     userId: string;
     userName: string;
     avatarUrl?: string;
-}>, {}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    isShowEditName?: boolean;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
     "log-out": (...args: any[]) => void;
     "update-user-name": (...args: any[]) => void;
-}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToRuntimeProps<{
     userId: string;
     userName: string;
     avatarUrl?: string;
-}>, {}>>> & {
+    isShowEditName?: boolean;
+}>>> & {
     "onLog-out"?: ((...args: any[]) => any) | undefined;
     "onUpdate-user-name"?: ((...args: any[]) => any) | undefined;
 }, {}, {}>;
@@ -23,11 +25,3 @@ type __VLS_TypePropsToRuntimeProps<T> = {
         required: true;
     };
 };
-type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
-        default: D[K];
-    }> : P[K];
-};
-type __VLS_Prettify<T> = {
-    [K in keyof T]: T[K];
-} & {};

package/es/components/RoomHeader/UserInfo/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 UserInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-ad1b1d26"]]);
+const UserInfo = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-be17229c"]]);
 export {
   UserInfo as default
 };