@tencentcloud/roomkit-electron-vue3 2.3.3 → 2.4.0

package/lib/locales/en-US.d.ts

@@ -38,7 +38,7 @@ declare const _default: {
     'Join Room': string;
     'Enter room ID': string;
     'video conferencing': string;
-    'Quick Meeting': string;
+    'Quick Conference': string;
     'Room ID': string;
     'Low Definition': string;
     'Standard Definition': string;
@@ -71,9 +71,9 @@ declare const _default: {
     'Full screen': string;
     Members: string;
     'Search Member': string;
-    'Transfer owner': string;
+    'Make host': string;
     'Set as administrator': string;
-    'Revoke administrator': string;
+    'Remove administrator': string;
     'The administrator status of sb has been withdrawn': ({ named }: {
         named: any;
     }) => string;
@@ -262,7 +262,7 @@ declare const _default: {
     'An invitation to open the camera has been sent to sb.': ({ named }: {
         named: any;
     }) => string;
-    'Transfer owner failed, please try again.': string;
+    'Make host failed, please try again.': string;
     'Sb has been set as an administrator': ({ named }: {
         named: any;
     }) => string;
@@ -286,8 +286,7 @@ declare const _default: {
     'You are now an administrator': string;
     'The RoomOwner has withdrawn your administrator privileges': string;
     'This member has already received the same request, please try again later': string;
-    'Failed to go on stage, invitation has timed out': string;
-    'The current number of people on stage has reached the limit': string;
+    'The request to go on stage has timed out': string;
     'The invitation to sb to go on stage has timed out': ({ named }: {
         named: any;
     }) => string;
@@ -306,7 +305,9 @@ declare const _default: {
     'and so on number people applying to stage': ({ named }: {
         named: any;
     }) => string;
-    'quick meeting': string;
+    'The stage is full, please contact the host': string;
+    'The stage is full': string;
+    'quick conference': string;
     Meeting: string;
     'Meeting in progress': string;
     Initiating: string;

package/lib/locales/en-US.js

@@ -40,7 +40,7 @@ const EN = {
   "Join Room": "Join Room",
   "Enter room ID": "Enter room ID",
   "video conferencing": " 's video conferencing",
-  "Quick Meeting": " 's Quick Meeting",
+  "Quick Conference": " 's Quick Conference",
   "Room ID": "Room ID",
   "Low Definition": "Low Definition",
   "Standard Definition": "Standard Definition",
@@ -73,9 +73,9 @@ const EN = {
   "Full screen": "Full screen",
   Members: "Members",
   "Search Member": "Search Member",
-  "Transfer owner": "Transfer owner",
+  "Make host": "Make host",
   "Set as administrator": "Set as administrator",
-  "Revoke administrator": "Revoke administrator",
+  "Remove administrator": "Remove administrator",
   // @ts-ignore
   "The administrator status of sb has been withdrawn": ({ named }) => `The administrator status of ${named("name")} has been withdrawn`,
   // @ts-ignore
@@ -254,7 +254,7 @@ const EN = {
   "An invitation to open the microphone has been sent to sb.": ({ named }) => `An invitation to open the microphone has been sent to ${named("name")}`,
   // @ts-ignore
   "An invitation to open the camera has been sent to sb.": ({ named }) => `An invitation to open the camera has been sent to ${named("name")}`,
-  "Transfer owner failed, please try again.": "Transfer owner failed, please try again.",
+  "Make host failed, please try again.": "Make host failed, please try again.",
   // @ts-ignore
   "Sb has been set as an administrator": ({ named }) => `${named("name")} has been set as an administrator.`,
   "Succeed on stage": "Succeed on stage",
@@ -275,8 +275,7 @@ const EN = {
   "You are now an administrator": "You are now an administrator",
   "The RoomOwner has withdrawn your administrator privileges": "The RoomOwner has withdrawn your administrator privileges",
   "This member has already received the same request, please try again later": "This member has already received the same request, please try again later",
-  "Failed to go on stage, invitation has timed out": "Failed to go on stage, invitation has timed out",
-  "The current number of people on stage has reached the limit": "The current number of people on stage has reached the limit",
+  "The request to go on stage has timed out": "The request to go on stage has timed out",
   // @ts-ignore
   "The invitation to sb to go on stage has timed out": ({ named }) => `The invitation to ${named("name")} to go on stage has timed out`,
   "Currently no member has applied to go on stage": "Currently no member has applied to go on stage",
@@ -293,8 +292,10 @@ const EN = {
   "people applying to stage": "people applying to stage",
   // @ts-ignore
   "and so on number people applying to stage": ({ named }) => `and so on ${named("number")} people applying to stage`,
+  "The stage is full, please contact the host": "The stage is full, please contact the host",
+  "The stage is full": "The stage is full",
   // Room Chat Fusion Card Translation
-  "quick meeting": "quick meeting",
+  "quick conference": "quick conference",
   Meeting: "Meeting",
   "Meeting in progress": "Meeting in progress",
   Initiating: "Initiating",

package/lib/locales/zh-CN.d.ts

@@ -35,7 +35,7 @@ declare const _default: {
     'Join Room': string;
     'Enter room ID': string;
     'video conferencing': string;
-    'Quick Meeting': string;
+    'Quick Conference': string;
     'Room ID': string;
     'Low Definition': string;
     'Standard Definition': string;
@@ -68,9 +68,9 @@ declare const _default: {
     'Full screen': string;
     Members: string;
     'Search Member': string;
-    'Transfer owner': string;
+    'Make host': string;
     'Set as administrator': string;
-    'Revoke administrator': string;
+    'Remove administrator': string;
     'The administrator status of sb has been withdrawn': ({ named }: {
         named: any;
     }) => string;
@@ -226,10 +226,10 @@ declare const _default: {
     'kicked out of the room by the host': string;
     'kicked out of the room by other device': string;
     'kicked out of the room by serve': string;
-    'Reject sb stage failed, please retry': ({ named }: {
+    'Reject sb on stage failed, please retry': ({ named }: {
         named: any;
     }) => string;
-    'Agree sb stage failed, please retry': ({ named }: {
+    'Agree sb on stage failed, please retry': ({ named }: {
         named: any;
     }) => string;
     'Has been fully muted and cannot open the microphone': string;
@@ -262,7 +262,7 @@ declare const _default: {
     'An invitation to open the camera has been sent to sb.': ({ named }: {
         named: any;
     }) => string;
-    'Transfer owner failed, please try again.': string;
+    'Make host failed, please try again.': string;
     'Sb has been set as an administrator': ({ named }: {
         named: any;
     }) => string;
@@ -286,8 +286,7 @@ declare const _default: {
     'You are now an administrator': string;
     'The RoomOwner has withdrawn your administrator privileges': string;
     'This member has already received the same request, please try again later': string;
-    'Failed to go on stage, invitation has timed out': string;
-    'The current number of people on stage has reached the limit': string;
+    'The request to go on stage has timed out': string;
     'The invitation to sb to go on stage has timed out': ({ named }: {
         named: any;
     }) => string;
@@ -306,7 +305,9 @@ declare const _default: {
     'and so on number people applying to stage': ({ named }: {
         named: any;
     }) => string;
-    'quick meeting': string;
+    'The stage is full, please contact the host': string;
+    'The stage is full': string;
+    'quick conference': string;
     Meeting: string;
     'Meeting in progress': string;
     Initiating: string;

package/lib/locales/zh-CN.js

@@ -37,7 +37,7 @@ const ZH = {
   "Join Room": "进入房间",
   "Enter room ID": "输入房间号",
   "video conferencing": " 的视频会议",
-  "Quick Meeting": "的快速会议",
+  "Quick Conference": "的快速会议",
   "Room ID": "房间号",
   "Low Definition": "流畅",
   "Standard Definition": "标清",
@@ -70,9 +70,9 @@ const ZH = {
   "Full screen": "全屏",
   Members: "成员",
   "Search Member": "搜索成员",
-  "Transfer owner": "转交房主",
+  "Make host": "转交房主",
   "Set as administrator": "设为管理员",
-  "Revoke administrator": "撤销管理员",
+  "Remove administrator": "撤销管理员",
   // @ts-ignore
   "The administrator status of sb has been withdrawn": ({ named }) => `已将 ${named("name")} 的管理员身份撤回`,
   // @ts-ignore
@@ -224,9 +224,9 @@ const ZH = {
   "kicked out of the room by other device": "相同账号在其他客户端进入房间",
   "kicked out of the room by serve": "被服务端踢出房间",
   // @ts-ignore
-  "Reject sb stage failed, please retry": ({ named }) => `拒绝 ${named("name")} 上台失败, 请重试`,
+  "Reject sb on stage failed, please retry": ({ named }) => `拒绝 ${named("name")} 上台失败, 请重试`,
   // @ts-ignore
-  "Agree sb stage failed, please retry": ({ named }) => `同意 ${named("name")} 上台失败, 请重试`,
+  "Agree sb on stage failed, please retry": ({ named }) => `同意 ${named("name")} 上台失败, 请重试`,
   "Has been fully muted and cannot open the microphone": "已被全员静音，无法打开麦克风",
   "Has been muted by the host and cannot open the microphone": "已被主持人静音，无法打开麦克风",
   "To apply to speak in the room, please raise your hand first to apply for the microphone": "申请发言房间，请先举手申请上麦",
@@ -254,7 +254,7 @@ const ZH = {
   "An invitation to open the microphone has been sent to sb.": ({ named }) => `已向 ${named("name")} 发出开启麦克风邀请`,
   // @ts-ignore
   "An invitation to open the camera has been sent to sb.": ({ named }) => `已向 ${named("name")} 发出开启摄像头邀请`,
-  "Transfer owner failed, please try again.": "转交房主失败，请重试",
+  "Make host failed, please try again.": "转交房主失败，请重试",
   // @ts-ignore
   "Sb has been set as an administrator": ({ named }) => `已将 ${named("name")} 设为管理员`,
   "Succeed on stage": "上台成功",
@@ -275,8 +275,7 @@ const ZH = {
   "You are now an administrator": "您已成为管理员",
   "The RoomOwner has withdrawn your administrator privileges": "房主已收回您的管理员权限",
   "This member has already received the same request, please try again later": "该成员已收到相同请求，请稍后再试",
-  "Failed to go on stage, invitation has timed out": "上台失败，邀请已超时",
-  "The current number of people on stage has reached the limit": "当前上台人数已达上限",
+  "The request to go on stage has timed out": "上台请求已超时",
   // @ts-ignore
   "The invitation to sb to go on stage has timed out": ({ named }) => `对${named("name")}的上台邀请已超时`,
   "Currently no member has applied to go on stage": "暂无成员申请上台",
@@ -293,8 +292,10 @@ const ZH = {
   "people applying to stage": "人正在申请上台",
   // @ts-ignore
   "and so on number people applying to stage": ({ named }) => `等 ${named("number")} 人正在申请上台`,
+  "The stage is full, please contact the host": "台上人数已满，请联系主持人",
+  "The stage is full": "台上人数已满",
   // Room Chat Fusion Card Translation
-  "quick meeting": "快速会议",
+  "quick conference": "快速会议",
   Meeting: "会议",
   "Meeting in progress": "会议 进行中",
   Initiating: "正在发起",

package/lib/services/function/virtualBackground.d.ts

@@ -4,6 +4,7 @@ interface IVirtualBackground {
     dispose(): void;
     initVirtualBackground(): Promise<void>;
     toggleVirtualBackground(enabled: boolean): Promise<void>;
+    toggleTestVirtualBackground(enabled: boolean): Promise<void>;
 }
 export declare class VirtualBackground implements IVirtualBackground {
     private service;
@@ -15,5 +16,6 @@ export declare class VirtualBackground implements IVirtualBackground {
     dispose(): void;
     initVirtualBackground(): Promise<void>;
     toggleVirtualBackground(enabled: boolean): Promise<void>;
+    toggleTestVirtualBackground(enabled: boolean): Promise<void>;
 }
 export {};

package/lib/services/function/virtualBackground.js

@@ -13,6 +13,7 @@ class VirtualBackground {
     __publicField(this, "virtualBackgroundPluginReady", false);
     __publicField(this, "handleUnmount", async () => {
       await this.toggleVirtualBackground(false);
+      await this.toggleTestVirtualBackground(false);
     });
     this.service = service;
     if (environment.isElectron)
@@ -38,15 +39,24 @@ class VirtualBackground {
   async toggleVirtualBackground(enabled) {
     await this.initVirtualBackground();
     const { sdkAppId, userId, userSig } = this.service.basicStore;
-    await this.trtcCloud.callExperimentalAPI(JSON.stringify({
-      api: "enableVirtualBackground",
-      params: {
-        sdkAppId,
-        userId,
-        userSig,
-        enable: enabled
-      }
-    }));
+    const params = {
+      sdkAppId,
+      userId,
+      userSig,
+      enable: enabled
+    };
+    await this.trtcCloud.callExperimentalAPI(JSON.stringify({ api: "enableVirtualBackground", params }));
+  }
+  async toggleTestVirtualBackground(enabled) {
+    await this.initVirtualBackground();
+    const { sdkAppId, userId, userSig } = this.service.basicStore;
+    const params = {
+      sdkAppId,
+      userId,
+      userSig,
+      enable: enabled
+    };
+    await this.trtcCloud.callExperimentalAPI(JSON.stringify({ api: "enableTestVirtualBackground", params }));
   }
 }
 exports.VirtualBackground = VirtualBackground;

package/lib/services/function/waterMark.js

@@ -79,6 +79,7 @@ class WaterMark {
     watermarkContainer.classList.add("watermark-container");
     targetElement.appendChild(watermarkContainer);
     const addWatermarkElements = () => {
+      watermarkContainer.innerHTML = "";
       const maxWidth = 200;
       const watermarkSpacing = maxWidth + 25;
       for (let y = -watermarkSpacing; y < watermarkContainer.offsetHeight + watermarkSpacing; y += watermarkSpacing) {
@@ -93,6 +94,8 @@ class WaterMark {
       }
     };
     addWatermarkElements();
+    const resizeObserver = new ResizeObserver(addWatermarkElements);
+    resizeObserver.observe(watermarkContainer);
     const observerCallback = (mutations, observer) => {
       mutations.forEach((mutation) => {
         if (mutation.removedNodes.length > 0) {

package/lib/services/manager/componentManager.js

@@ -35,7 +35,7 @@ const defaultConfig = {
   ManageMemberControl: { visible: true },
   InviteControl: { visible: true },
   ChatControl: { visible: true },
-  MoreControl: { visible: true },
+  MoreControl: { visible: false },
   VirtualBackground: { visible: false }
 };
 const _ComponentManager = class _ComponentManager {

package/lib/services/manager/roomActionManager.js

@@ -104,7 +104,7 @@ class RoomActionManager {
       const { roomId, roomName, roomMode } = options;
       const roomParams = {
         roomId,
-        name: roomName,
+        roomName,
         roomType: TUIRoomEngine.TUIRoomType.kConference,
         isSeatEnabled: roomMode !== "FreeToSpeak",
         seatMode: roomMode === "SpeakAfterTakingSeat" ? TUIRoomEngine.TUISeatMode.kApplyToTake : void 0

package/lib/services/roomService.d.ts

@@ -5,9 +5,10 @@ import { LifeCycleManager } from './manager/lifeCycleManager';
 import { SelfInfoOptions, UserManager } from './manager/userManager';
 import { ConfigManager, LanguageOption, ThemeOption } from './manager/configManager';
 import { ComponentConfig, ComponentManager, ComponentName } from './manager/componentManager';
+import { default as TUIRoomEngine } from '@tencentcloud/tuiroom-engine-electron';
 import { EventType, IRoomService, RoomInitData, RoomParam } from './types';
 
-export declare const roomEngine: Record<string, any>;
+export declare const roomEngine: Record<string, TUIRoomEngine | null>;
 export declare class RoomService implements IRoomService {
     static instance?: RoomService;
     private emitter;
@@ -18,7 +19,7 @@ export declare class RoomService implements IRoomService {
     roomActionManager: RoomActionManager;
     waterMark: WaterMark;
     virtualBackground: VirtualBackground;
-    roomEngine: Record<string, any>;
+    roomEngine: Record<string, TUIRoomEngine | null>;
     t: any;
     get basicStore(): any;
     get roomStore(): any;

package/lib/stores/room.js

@@ -57,6 +57,8 @@ const useRoomStore = pinia.defineStore("room", {
     seatMode: TUIRoomEngine.TUISeatMode.kFreeToTake,
     maxMembersCount: 5,
     // Includes local streams and screen shares, above which subsequent streams are played
+    maxSeatCount: 20,
+    roomName: "",
     hasVideoStreamObject: {},
     // Visual area user flow list
     currentStreamIdListInVisibleView: [],
@@ -427,7 +429,9 @@ const useRoomStore = pinia.defineStore("room", {
         isCameraDisableForAllUser,
         isMessageDisableForAllUser,
         isSeatEnabled,
-        seatMode
+        seatMode,
+        maxSeatCount,
+        roomName
       } = roomInfo;
       if (this.localUser.userId === roomOwner) {
         this.localUser.userRole = TUIRoomEngine.TUIRole.kRoomOwner;
@@ -440,6 +444,8 @@ const useRoomStore = pinia.defineStore("room", {
       this.seatMode = seatMode;
       this.canControlSelfAudio = !this.isMicrophoneDisableForAllUser;
       this.canControlSelfVideo = !this.isCameraDisableForAllUser;
+      this.maxSeatCount = maxSeatCount;
+      this.roomName = roomName;
     },
     setDisableMicrophoneForAllUserByAdmin(isDisable) {
       this.isMicrophoneDisableForAllUser = isDisable;
@@ -645,6 +651,8 @@ const useRoomStore = pinia.defineStore("room", {
       this.hasVideoStreamObject = {};
       this.hasOtherScreenShare = false;
       this.isOnStateTabActive = true;
+      this.maxSeatCount = 20;
+      this.roomName = "";
     }
   }
 });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tencentcloud/roomkit-electron-vue3",
-  "version": "2.3.3",
+  "version": "2.4.0",
   "main": "./lib/index.js",
   "module": "./es/index.mjs",
   "types": "./es/index.d.ts",
@@ -20,7 +20,7 @@
   "dependencies": {
     "@tencentcloud/chat": "latest",
     "@tencentcloud/tui-core": "latest",
-    "@tencentcloud/tuiroom-engine-electron": "^2.3.3",
+    "@tencentcloud/tuiroom-engine-electron": "^2.4.0",
     "@tencentcloud/universal-api": "^2.0.9",
     "interactjs": "^1.10.26",
     "mitt": "^3.0.0"

package/src/TUIRoom/assets/style/global.scss

@@ -10,7 +10,7 @@ body, html {
   margin: 0;
   padding: 0;
   user-select: none;
-  overflow: auto;
+  overflow: hidden;
   touch-action: manipulation;
 }
 

package/src/TUIRoom/components/ManageMember/MemberControl/index.vue

@@ -50,7 +50,7 @@
 </template>
 
 <script setup lang="ts">
-import { ref, watch, computed } from 'vue';
+import { ref, watch, computed, nextTick } from 'vue';
 import { useI18n } from '../../../locales';
 import TuiButton from '../../common/base/Button.vue';
 import Dialog from '../../common/base/Dialog/index.vue';
@@ -89,16 +89,16 @@ watch(() => props.showMemberControl, (val) => {
   }
 });
 
-function toggleClickMoreBtn() {
+async function toggleClickMoreBtn() {
   if (showMoreControl.value) {
     showMoreControl.value = false;
   } else {
-    handleDropDownPosition();
+    await handleDropDownPosition();
     showMoreControl.value = true;
   }
 }
 
-function handleDropDownPosition() {
+async function handleDropDownPosition() {
   const { top, bottom } = moreBtnRef.value?.getBoundingClientRect();
   const { top: containerTop, bottom: containerBottom } = document.getElementById('memberListContainer')?.getBoundingClientRect() as DOMRect;
   if (!containerBottom || !containerTop) {
@@ -109,6 +109,7 @@ function handleDropDownPosition() {
   let dropDownContainerHeight = 0;
   if (!showMoreControl.value) {
     operateListRef.value.style = 'display:block;position:absolute;z-index:-1000';
+    await nextTick();
     dropDownContainerHeight = operateListRef.value.offsetHeight;
     operateListRef.value.style = '';
   } else {

package/src/TUIRoom/components/ManageMember/MemberControl/useMemberControlHooks.ts

@@ -40,7 +40,14 @@ export default function useMemberControl(props?: any) {
   });
   const kickOffDialogContent = computed(() => t('whether to kick sb off the room', { name: props.userInfo.userName || props.userInfo.userId }));
   const transferOwnerTitle = computed(() => t('Transfer the roomOwner to sb', { name: props.userInfo.userName || props.userInfo.userId }));
-  const { isFreeSpeakMode, isSpeakAfterTakingSeatMode, localUser, isGeneralUser } = storeToRefs(roomStore);
+  const {
+    isFreeSpeakMode,
+    isSpeakAfterTakingSeatMode,
+    localUser,
+    isGeneralUser,
+    anchorUserList,
+    maxSeatCount,
+  } = storeToRefs(roomStore);
   /**
    * Functions related to the Raise Your Hand function
   **/
@@ -117,14 +124,14 @@ export default function useMemberControl(props?: any) {
   const transferOwner = computed(() => ({
     key: 'transferOwner',
     icon: TransferOwnerIcon,
-    title: t('Transfer owner'),
+    title: t('Make host'),
     func: () => handleOpenDialog('transferOwner'),
   }));
 
   const setOrRevokeAdmin = computed(() => ({
     key: 'setOrRevokeAdmin',
     icon: props.userInfo.userRole === TUIRole.kAdministrator ?  RevokeAdminIcon : SetAdminIcon,
-    title: props.userInfo.userRole === TUIRole.kAdministrator ? t('Revoke administrator') : t('Set as administrator'),
+    title: props.userInfo.userRole === TUIRole.kAdministrator ? t('Remove administrator') : t('Set as administrator'),
     func: handleSetOrRevokeAdmin,
   }));
 
@@ -159,6 +166,14 @@ export default function useMemberControl(props?: any) {
     if (isInvitingUserToAnchor) {
       cancelInviteUserOnStage(userInfo);
     } else {
+      if (anchorUserList.value.length === maxSeatCount.value) {
+        TUIMessage({
+          type: 'warning',
+          message: `${t('The stage is full')}`,
+          duration: MESSAGE_DURATION.NORMAL,
+        });
+        return;
+      }
       inviteUserOnStage(userInfo);
     }
   }
@@ -301,7 +316,7 @@ export default function useMemberControl(props?: any) {
       } catch (error) {
         TUIMessage({
           type: 'error',
-          message: t('Transfer owner failed, please try again.'),
+          message: t('Make host failed, please try again.'),
           duration: MESSAGE_DURATION.NORMAL,
         });
       }
@@ -309,7 +324,7 @@ export default function useMemberControl(props?: any) {
   }
 
   /**
-   * Set/revoke administrator permissions
+   * Set/Remove administrator permissions
    */
   async function handleSetOrRevokeAdmin(userInfo: UserInfo) {
     const newRole = userInfo.userRole === TUIRole.kGeneralUser ? TUIRole.kAdministrator : TUIRole.kGeneralUser;

package/src/TUIRoom/components/ManageMember/useIndexHooks.ts

@@ -155,11 +155,12 @@ export default function useIndex() {
   }
 
   const applyToAnchorUserContent = computed(() => {
-    const userName = applyToAnchorList.value[0]?.userName || applyToAnchorList.value[0]?.userId;
+    const lastIndex = applyToAnchorList.value.length - 1;
+    const userName = applyToAnchorList.value[lastIndex]?.userName || applyToAnchorList.value[lastIndex]?.userId;
     if (applyToAnchorList.value.length === 1) {
       return `${userName} ${t('Applying for the stage')}`;
     }
-    return  `${userName} ${t('and so on number people applying to stage', { number: applyToAnchorList.value.length })}`;
+    return `${userName} ${t('and so on number people applying to stage', { number: applyToAnchorList.value.length })}`;
   });
 
   return {

package/src/TUIRoom/components/RoomFooter/ApplyControl/MemberApplyControl.vue

@@ -153,7 +153,7 @@ async function sendSeatApplication() {
           TUIMessage({ type: 'warning', message: t('Application to go on stage was rejected') });
           break;
         case TUIRequestCallbackType.kRequestTimeout:
-          TUIMessage({ type: 'warning', message: t('Failed to go on stage, invitation has timed out') });
+          TUIMessage({ type: 'warning', message: t('The request to go on stage has timed out') });
           break;
       }
     },
@@ -242,7 +242,7 @@ async function handleInvite(agree: boolean) {
     });
   } catch (error: any) {
     if (error.code === TUIErrorCode.ERR_ALL_SEAT_OCCUPIED) {
-      TUIMessage({ type: 'warning', message: t('The current number of people on stage has reached the limit') });
+      TUIMessage({ type: 'warning', message: t('The stage is full, please contact the host') });
     } else {
       logger.error('Failure of a user to accept/reject a roomOwner invitation', error);
     }