@tencentcloud/roomkit-electron-vue3 2.8.2 → 2.9.0

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

@@ -420,5 +420,7 @@ declare const _default: {
     Degree: string;
     'Sure you want to reset the beauty effect?': string;
     'All beauty parameters will revert to default after reset': string;
+    'Theme Colours': string;
+    'Custom Themes': string;
 };
 export default _default;

package/es/locales/en-US.mjs

@@ -428,7 +428,9 @@ const EN = {
   Reset: "Reset",
   Degree: "Degree",
   "Sure you want to reset the beauty effect?": "Sure you want to reset the beauty effect?",
-  "All beauty parameters will revert to default after reset": "All beauty parameters will revert to default after reset"
+  "All beauty parameters will revert to default after reset": "All beauty parameters will revert to default after reset",
+  "Theme Colours": "Theme Colours",
+  "Custom Themes": "Custom Themes"
 };
 export {
   EN as default

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

@@ -424,5 +424,7 @@ declare const _default: {
     Degree: string;
     'Sure you want to reset the beauty effect?': string;
     'All beauty parameters will revert to default after reset': string;
+    'Theme Colours': string;
+    'Custom Themes': string;
 };
 export default _default;

package/es/locales/zh-CN.mjs

@@ -432,7 +432,9 @@ const ZH = {
   Reset: "重置",
   Degree: "程度",
   "Sure you want to reset the beauty effect?": "确定要重置美颜效果吗?",
-  "All beauty parameters will revert to default after reset": "重置后所有美颜参数将恢复至默认"
+  "All beauty parameters will revert to default after reset": "重置后所有美颜参数将恢复至默认",
+  "Theme Colours": "主题色",
+  "Custom Themes": "自定义主题"
 };
 export {
   ZH as default

package/es/preConference.vue.d.ts

@@ -1,4 +1,4 @@
-declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     userInfo: {
         userId: string;
         userName: string;
@@ -20,12 +20,12 @@ declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_T
     enableScheduledConference: boolean;
     isShowLogo: boolean;
     isShowHeaderInfo: boolean;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "on-create-room": (...args: any[]) => void;
     "on-enter-room": (...args: any[]) => void;
     "on-update-user-name": (...args: any[]) => void;
     "on-logout": (...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_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     userInfo: {
         userId: string;
         userName: string;

package/es/preConference.vue.mjs

@@ -1,8 +1,161 @@
-import _sfc_main from "./preConference.vue2.mjs";
-/* empty css                    */
-/* empty css                    */
-import _export_sfc from "./_virtual/_plugin-vue_export-helper.mjs";
-const preConference = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-b6e4d0eb"]]);
+import { defineComponent, ref, computed, onMounted, onUnmounted, createElementBlock, openBlock, normalizeClass, withDirectives, createBlock, createElementVNode, createVNode, vShow, unref } from "vue";
+import UserInfo from "./components/RoomHeader/UserInfo/index.vue.mjs";
+import RoomHomeControl from "./components/RoomHome/RoomControl/index.vue.mjs";
+import _sfc_main$1 from "./components/common/Language.vue.mjs";
+import SwitchTheme from "./components/common/SwitchTheme.vue.mjs";
+import "./services/main.mjs";
+import { roomService } from "./services/roomService.mjs";
+import { EventType } from "./services/types.mjs";
+import "./locales/index.mjs";
+import "@tencentcloud/tuiroom-engine-electron";
+import { isMobile } from "./utils/environment.mjs";
+import "mitt";
+import "./services/manager/roomActionManager.mjs";
+import "@tencentcloud/tui-core";
+import ScheduleRoomList from "./components/ScheduleConference/ScheduleRoomList.vue.mjs";
+import Logo from "./components/common/Logo.vue.mjs";
+import MessageBox from "./components/common/base/MessageBox/index.mjs";
+import renderMsg from "./components/common/base/Message/Message.mjs";
+const _hoisted_1 = { class: "header" };
+const _hoisted_2 = { class: "left-header" };
+const _hoisted_3 = { class: "right-header" };
+const _hoisted_4 = {
+  key: 1,
+  class: "pre-home-control"
+};
+const _hoisted_5 = { class: "pre-home-control-container" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "preConference",
+  props: {
+    userInfo: { default: () => ({
+      userId: "",
+      userName: "",
+      avatarUrl: ""
+    }) },
+    showEditNameInPc: { type: Boolean, default: false },
+    roomId: { default: "" },
+    enableScheduledConference: { type: Boolean, default: true },
+    isShowLogo: { type: Boolean, default: true },
+    isShowHeaderInfo: { type: Boolean, default: true }
+  },
+  emits: [
+    "on-create-room",
+    "on-enter-room",
+    "on-update-user-name",
+    "on-logout"
+  ],
+  setup(__props, { emit: __emit }) {
+    const roomControlRef = ref();
+    const props = __props;
+    const emits = __emit;
+    const hasThemeMode = document.documentElement.hasAttribute("tui-theme-mode");
+    const tuiRoomThemeClass = computed(
+      () => hasThemeMode ? "" : `tui-theme-${roomService.basicStore.defaultTheme}`
+    );
+    async function handleCreateRoom(roomOption) {
+      emits("on-create-room", roomOption);
+    }
+    async function handleEnterRoom(roomOption) {
+      emits("on-enter-room", roomOption);
+    }
+    function handleUpdateUserName(userName) {
+      emits("on-update-user-name", userName);
+    }
+    async function handleLogOut() {
+      emits("on-logout");
+    }
+    const showMessageBox = (data) => {
+      const {
+        message,
+        title = roomService.t("Note"),
+        duration,
+        cancelButtonText,
+        confirmButtonText = roomService.t("Sure"),
+        callback = () => {
+        }
+      } = data;
+      MessageBox({
+        title,
+        message,
+        duration,
+        cancelButtonText,
+        confirmButtonText,
+        callback
+      });
+    };
+    const showMessage = (data) => {
+      const { type, message, duration } = data;
+      renderMsg({
+        type,
+        message,
+        duration
+      });
+    };
+    onMounted(() => {
+      roomService.on(EventType.ROOM_NOTICE_MESSAGE, showMessage);
+      roomService.on(EventType.ROOM_NOTICE_MESSAGE_BOX, showMessageBox);
+    });
+    onUnmounted(() => {
+      roomService.off(EventType.ROOM_NOTICE_MESSAGE, showMessage);
+      roomService.off(EventType.ROOM_NOTICE_MESSAGE_BOX, showMessageBox);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        id: "pre-conference-container",
+        class: normalizeClass(["pre-conference-container", tuiRoomThemeClass.value])
+      }, [
+        withDirectives(createElementVNode("div", _hoisted_1, [
+          createElementVNode("div", _hoisted_2, [
+            createVNode(SwitchTheme, { class: "header-item" })
+          ]),
+          createElementVNode("div", _hoisted_3, [
+            createVNode(_sfc_main$1, { class: "header-item language" }),
+            createVNode(UserInfo, {
+              class: "header-item user-info",
+              "user-id": props.userInfo.userId,
+              "user-name": props.userInfo.userName,
+              "avatar-url": props.userInfo.avatarUrl,
+              "is-show-edit-name": props.showEditNameInPc,
+              onUpdateUserName: handleUpdateUserName,
+              onLogOut: handleLogOut
+            }, null, 8, ["user-id", "user-name", "avatar-url", "is-show-edit-name"])
+          ])
+        ], 512), [
+          [vShow, props.isShowHeaderInfo]
+        ]),
+        unref(isMobile) ? (openBlock(), createBlock(RoomHomeControl, {
+          key: 0,
+          ref_key: "roomControlRef",
+          ref: roomControlRef,
+          "given-room-id": props.roomId,
+          "user-name": props.userInfo.userName,
+          onCreateRoom: handleCreateRoom,
+          onEnterRoom: handleEnterRoom
+        }, null, 8, ["given-room-id", "user-name"])) : (openBlock(), createElementBlock("div", _hoisted_4, [
+          withDirectives(createVNode(Logo, { class: "logo" }, null, 512), [
+            [vShow, props.isShowLogo]
+          ]),
+          createElementVNode("div", _hoisted_5, [
+            createVNode(RoomHomeControl, {
+              ref_key: "roomControlRef",
+              ref: roomControlRef,
+              "given-room-id": props.roomId,
+              "user-name": props.userInfo.userName,
+              "enable-scheduled-conference": props.enableScheduledConference,
+              onCreateRoom: handleCreateRoom,
+              onEnterRoom: handleEnterRoom,
+              onUpdateUserName: handleUpdateUserName
+            }, null, 8, ["given-room-id", "user-name", "enable-scheduled-conference"]),
+            createVNode(ScheduleRoomList, {
+              "is-show-scheduled-conference": props.enableScheduledConference,
+              onJoinConference: handleEnterRoom
+            }, null, 8, ["is-show-scheduled-conference"])
+          ])
+        ]))
+      ], 2);
+    };
+  }
+});
 export {
-  preConference as default
+  _sfc_main as default
 };

package/es/preConference.vue3.mjs

@@ -0,0 +1,5 @@
+import _sfc_main from "./preConference.vue.mjs";
+/* empty css                    */
+export {
+  _sfc_main as default
+};

package/es/services/function/aiTask.d.ts

@@ -1,5 +1,4 @@
 import { IRoomService } from '../';
-
 export interface SubtitleMessage {
     sender: string;
     text: string;

package/es/services/function/basicBeauty.d.ts

@@ -1,6 +1,5 @@
 import { IRoomService } from '../types';
 import { TRTCBeautyStyle } from '../../constants/room';
-
 interface IBasicBeauty {
     dispose(): void;
     initBasicBeauty(): Promise<void>;

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

@@ -1,5 +1,4 @@
 import { IRoomService } from '../types';
-
 interface IVirtualBackground {
     dispose(): void;
     initVirtualBackground(): Promise<void>;

package/es/services/function/waterMark.d.ts

@@ -1,5 +1,4 @@
 import { IRoomService } from '../types';
-
 interface IWaterMark {
     toggleWatermark(enabled: boolean): void;
     dispose(): void;

package/es/services/function/waterMark.mjs

@@ -76,8 +76,8 @@ class WaterMark {
       watermarkContainer.innerHTML = "";
       const maxWidth = 200;
       const watermarkSpacing = maxWidth + 25;
-      for (let y = -watermarkSpacing; y < watermarkContainer.offsetHeight + watermarkSpacing; y += watermarkSpacing) {
-        for (let x = -watermarkSpacing; x < watermarkContainer.offsetWidth + watermarkSpacing; x += watermarkSpacing) {
+      for (let y = -225; y < watermarkContainer.offsetHeight + watermarkSpacing; y += watermarkSpacing) {
+        for (let x = -225; x < watermarkContainer.offsetWidth + watermarkSpacing; x += watermarkSpacing) {
           const watermarkElement = document.createElement("div");
           watermarkElement.classList.add("watermark");
           watermarkElement.textContent = watermarkText;

package/es/services/index.d.ts

@@ -1,4 +1,3 @@
-
 export * from './roomService';
 export * from './types';
 export * from './manager/componentManager';

package/es/services/manager/chatManager.d.ts

@@ -1,5 +1,4 @@
 import { IRoomService } from '../types';
-
 export declare class ChatManager {
     static instance?: ChatManager;
     private service;

package/es/services/manager/chatManager.mjs

@@ -5,10 +5,6 @@ import { TUICore, TUIConstants } from "@tencentcloud/tui-core";
 import { EventType } from "../types.mjs";
 import TUIRoomEngine__default, { TUIRoomEvents } from "@tencentcloud/tuiroom-engine-electron";
 import defaultAvatar from "../../assets/imgs/avatar.png.mjs";
-const THEME = {
-  LIGHT: "LIGHT",
-  DARK: "DARK"
-};
 const _ChatManager = class _ChatManager {
   constructor(service) {
     __publicField(this, "service");
@@ -75,15 +71,17 @@ const _ChatManager = class _ChatManager {
     );
   }
   onThemeChanged(theme) {
-    const currentTheme = theme === "black" ? THEME.DARK : THEME.LIGHT;
     TUICore.notifyEvent(
       TUIConstants.TUITheme.EVENT.THEME_CHANGED,
       TUIConstants.TUITheme.EVENT_SUB_KEY.CHANGE_SUCCESS,
-      { theme: currentTheme }
+      { theme }
     );
   }
   onUserNameCardChanged(eventInfo) {
+    var _a;
     const { userId, nameCard } = eventInfo.userInfo;
+    const oldNameCard = (_a = this.service.roomStore.userInfoObj[userId]) == null ? void 0 : _a.nameCard;
+    if (oldNameCard === nameCard) return;
     const result = { [userId]: { nameCard } };
     TUICore.callService({
       serviceName: TUIConstants.TUIChat.SERVICE.NAME,

package/es/services/manager/componentManager.d.ts

@@ -1,5 +1,4 @@
 import { IRoomService } from '../';
-
 interface IComponentManager {
     getComponentConfig(name: ComponentName): ComponentConfigItem;
     setComponentConfig(options: Partial<ComponentConfig>): boolean;

package/es/services/manager/conferenceInvitationManager.d.ts

@@ -1,7 +1,5 @@
 import { TUIConferenceInvitationManagerEvents, TUIInvitationRejectedReason } from '@tencentcloud/tuiroom-engine-electron';
 import { IRoomService } from '../types';
-
-export * from '@tencentcloud/tuiroom-engine-electron';
 interface IConferenceInvitationManager {
     on(eventType: TUIConferenceInvitationManagerEvents, callback: (data?: any) => any): void;
     off(eventType: TUIConferenceInvitationManagerEvents, callback: (data?: any) => void): void;
@@ -75,3 +73,4 @@ export declare class ConferenceInvitationManager implements IConferenceInvitatio
         count: number;
     }): Promise<any>;
 }
+export {};

package/es/services/manager/conferenceInvitationManager.mjs

@@ -2,7 +2,7 @@ var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import { TUIConferenceInvitationManagerEvents, TUIInvitationRejectedReason } from "@tencentcloud/tuiroom-engine-electron";
-export * from "@tencentcloud/tuiroom-engine-electron";
+import { isWeChat } from "../../utils/environment.mjs";
 import { EventType } from "../types.mjs";
 import mitt from "mitt";
 class ConferenceInvitationManager {
@@ -111,12 +111,45 @@ class ConferenceInvitationManager {
     );
   }
   onReceiveInvitation(data) {
+    var _a;
     if (this.isBeingInvited || this.service.roomStore.localUser.isInRoom) {
       const reason = this.isBeingInvited ? TUIInvitationRejectedReason.kRejectToEnter : TUIInvitationRejectedReason.kInOtherConference;
       this.reject({ roomId: data.roomInfo.roomId, reason });
     } else {
       this.isBeingInvited = true;
-      this.emit(TUIConferenceInvitationManagerEvents.onReceiveInvitation, data);
+      if (isWeChat) {
+        this.emit(
+          TUIConferenceInvitationManagerEvents.onReceiveInvitation,
+          data
+        );
+        return;
+      }
+      const { roomInfo, invitation } = data;
+      const { roomName, roomMemberCount, roomOwner, roomId } = roomInfo || {};
+      const { userId, userName, avatarUrl } = (invitation == null ? void 0 : invitation.inviter) || {};
+      const invitationInfo = {
+        userId,
+        userName,
+        avatarUrl,
+        roomName,
+        roomMemberCount,
+        roomOwner,
+        roomId
+      };
+      (_a = this.service.widgetsManager.notification) == null ? void 0 : _a.openInviteNotification({
+        appendTo: "pre-conference-container",
+        message: invitationInfo,
+        confirmButtonText: this.service.t("Enter Now"),
+        cancelButtonText: this.service.t("Not joining for now"),
+        onConfirm: () => this.accept({
+          roomId: roomInfo.roomId
+        }),
+        onCancel: () => this.reject({
+          roomId: roomInfo.roomId,
+          reason: TUIInvitationRejectedReason.kRejectToEnter
+        }),
+        duration: 6e4
+      });
     }
   }
   onInvitationHandledByOtherDevice(data) {
@@ -189,6 +222,7 @@ class ConferenceInvitationManager {
   async accept(options) {
     var _a;
     this.isBeingInvited = false;
+    this.service.emit(EventType.CONFERENCE_INVITATION_ACCEPTED, options.roomId);
     return await ((_a = this.service.roomEngine.instance) == null ? void 0 : _a.getConferenceInvitationManager().accept(options));
   }
   async reject(options) {

package/es/services/manager/configManager.d.ts

@@ -1,11 +1,10 @@
 import { IRoomService } from '../types';
-
 interface IConfigManager {
     setTheme(theme: Theme): void;
     setLanguage(language: LanguageOption): void;
 }
 export type LanguageOption = 'zh-CN' | 'en-US';
-export type Theme = 'white' | 'black';
+export type Theme = 'light' | 'dark';
 export declare class ConfigManager implements IConfigManager {
     private service;
     constructor(service: IRoomService);

package/es/services/manager/configManager.mjs

@@ -4,8 +4,8 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 import i18n from "../../locales/index.mjs";
 import { EventType } from "../types.mjs";
 const THEME = {
-  LIGHT: "white",
-  DARK: "black"
+  LIGHT: "light",
+  DARK: "dark"
 };
 class ConfigManager {
   constructor(service) {

package/es/services/manager/lifeCycleManager.d.ts

@@ -1,5 +1,4 @@
 import { IRoomService } from '../types';
-
 export type LifeCycleEvent = 'mount' | 'unmount';
 export declare enum LifeCycleChangeReason {
     RoomLogout = "room logout",

package/es/services/manager/mediaManager.d.ts

@@ -1,6 +1,5 @@
 import { TUIVideoStreamType } from '@tencentcloud/tuiroom-engine-electron';
 import { IRoomService } from '../types';
-
 interface ObserverData {
     userId: string;
     streamType: TUIVideoStreamType;

package/es/services/manager/mediaManager.mjs

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import TUIRoomEngine__default, { TUIVideoStreamType, TRTCVideoStreamType, TRTCVideoFillMode, TRTCVideoMirrorType, TRTCVideoRotation, TUIChangeReason, TUIRoomEvents } from "@tencentcloud/tuiroom-engine-electron";
+import TUIRoomEngine__default, { TUIVideoStreamType, TRTCVideoStreamType, TRTCVideoFillMode, TRTCVideoRotation, TRTCVideoMirrorType, TUIChangeReason, TUIRoomEvents } from "@tencentcloud/tuiroom-engine-electron";
 import { EventType } from "../types.mjs";
 import { isMobile } from "../../utils/environment.mjs";
 import { MESSAGE_DURATION } from "../../constants/message.mjs";

package/es/services/manager/roomActionManager.d.ts

@@ -1,6 +1,5 @@
 import { TUIRoomType } from '@tencentcloud/tuiroom-engine-electron';
 import { IRoomService, RoomParam } from '../types';
-
 export declare enum FetchRoomInfoErrorCode {
     ROOM_NOT_EXIST = -2100
 }

package/es/services/manager/roomActionManager.mjs

@@ -1,7 +1,7 @@
 var __defProp = Object.defineProperty;
 var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
-import { TRTCVideoEncParam, TRTCVideoResolution, TUIRoomType, TUISeatMode, TUIMediaDeviceType, TUIVideoStreamType } from "@tencentcloud/tuiroom-engine-electron";
+import { TUISeatMode, TUIRoomType, TUIMediaDeviceType, TRTCVideoEncParam, TUIVideoStreamType, TRTCVideoResolution } from "@tencentcloud/tuiroom-engine-electron";
 import { EventType } from "../types.mjs";
 import { isWeChat, isMobile } from "../../utils/environment.mjs";
 import logger from "../../utils/common/logger/index.mjs";

package/es/services/manager/scheduleConferenceManager.d.ts

@@ -1,6 +1,5 @@
 import { TUIConferenceInfo, TUIConferenceListManagerEvents, TUIRoomType, TUISeatMode, TUIUserInfo, TUIConferenceStatus } from '@tencentcloud/tuiroom-engine-electron';
 import { IRoomService } from '../types';
-
 export * from '@tencentcloud/tuiroom-engine-electron';
 interface IScheduleConferenceManager {
     on(eventType: TUIConferenceListManagerEvents, callback: (data?: any) => any): void;

package/es/services/manager/userManager.d.ts

@@ -1,7 +1,6 @@
 import { IRoomService } from '../types';
 import { StreamInfo, UserInfo } from '../../stores/room';
 import { Comparator } from '../../utils/utils';
-
 interface IUserManager {
     setSelfInfo(options: SelfInfoOptions): Promise<void>;
     setCustomInfoForUser(options: CustomInfoForUser): Promise<void>;

package/es/services/manager/userManager.mjs

@@ -3,7 +3,7 @@ var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { en
 var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
 import TUIRoomEngine__default, { TUIVideoStreamType, TUIRoomEvents, TUIRole } from "@tencentcloud/tuiroom-engine-electron";
 import { isMobile } from "../../utils/environment.mjs";
-import { throttle, combineComparators, createComparator } from "../../utils/utils.mjs";
+import { combineComparators, throttle, createComparator } from "../../utils/utils.mjs";
 class UserManager {
   constructor(service) {
     __publicField(this, "service");

package/es/services/manager/widgetsManager.d.ts

@@ -0,0 +1,25 @@
+import { IRoomService } from '../types';
+type NotificationProps = {
+    appendTo?: string | undefined;
+    customClass?: string;
+    message: object;
+    onConfirm?: () => Promise<void>;
+    onCancel?: () => Promise<void>;
+    confirmButtonText?: string;
+    cancelButtonText?: string;
+    duration?: number;
+};
+export declare class WidgetsManager {
+    static instance?: WidgetsManager;
+    private service;
+    notification: {
+        openInviteNotification: (options: NotificationProps) => void;
+    } | null;
+    constructor(service: IRoomService);
+    static getInstance(ctx: IRoomService): WidgetsManager;
+    static destroyInstance(): void;
+    registerNotificationProvider(provider: {
+        notification: any;
+    }): void;
+}
+export {};

package/es/services/manager/widgetsManager.mjs

@@ -0,0 +1,28 @@
+var __defProp = Object.defineProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+const _WidgetsManager = class _WidgetsManager {
+  constructor(service) {
+    __publicField(this, "service");
+    __publicField(this, "notification", null);
+    this.service = service;
+  }
+  static getInstance(ctx) {
+    if (!_WidgetsManager.instance) {
+      _WidgetsManager.instance = new _WidgetsManager(ctx);
+    }
+    return _WidgetsManager.instance;
+  }
+  static destroyInstance() {
+    if (!_WidgetsManager.instance) return;
+    _WidgetsManager.instance = void 0;
+  }
+  registerNotificationProvider(provider) {
+    this.notification = provider.notification;
+  }
+};
+__publicField(_WidgetsManager, "instance");
+let WidgetsManager = _WidgetsManager;
+export {
+  WidgetsManager
+};

package/es/services/roomService.d.ts

@@ -1,5 +1,4 @@
 import { EventType, IRoomService, RoomInitData, RoomParam } from './types';
-import { default as TUIRoomEngine } from '@tencentcloud/tuiroom-engine-electron';
 import { UserInfo } from '../stores/room';
 import { ComponentConfig, ComponentManager, ComponentName } from './manager/componentManager';
 import { ConfigManager, LanguageOption, Theme } from './manager/configManager';
@@ -16,12 +15,12 @@ import { ConferenceInvitationManager } from './manager/conferenceInvitationManag
 import { DataReportManager } from './manager/dataReportManager';
 import { ErrorHandler } from './function/errorHandler';
 import { ChatManager } from './manager/chatManager';
+import { WidgetsManager } from './manager/widgetsManager';
 import { AITask } from './function/aiTask';
-
-export declare const roomEngine: Record<string, TUIRoomEngine | null>;
+export declare const roomEngine: Record<string, any>;
 export declare class RoomService implements IRoomService {
     static instance?: RoomService;
-    roomEngine: Record<string, TUIRoomEngine | null>;
+    roomEngine: Record<string, any>;
     t: any;
     private emitter;
     componentManager: ComponentManager;
@@ -40,6 +39,7 @@ export declare class RoomService implements IRoomService {
     chatManager: ChatManager;
     aiTask: AITask;
     trackingManager: TrackingManager;
+    widgetsManager: WidgetsManager;
     get basicStore(): any;
     get roomStore(): any;
     get chatStore(): any;

package/es/services/roomService.mjs

@@ -4,7 +4,7 @@ var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "sy
 import mitt from "mitt";
 import useGetRoomEngine from "../hooks/useRoomEngine.mjs";
 import { EventType } from "./types.mjs";
-import TUIRoomEngine__default, { TUIRoomEvents, TUIKickedOutOfRoomReason, TUIRole, TRTCVideoMirrorType, TRTCVideoRotation, TRTCVideoFillMode } from "@tencentcloud/tuiroom-engine-electron";
+import TUIRoomEngine__default, { TUIRoomEvents, TUIKickedOutOfRoomReason, TUIRole, TRTCVideoMirrorType, TRTCVideoFillMode, TRTCVideoRotation } from "@tencentcloud/tuiroom-engine-electron";
 import { useBasicStore } from "../stores/basic.mjs";
 import { useRoomStore } from "../stores/room.mjs";
 import { useChatStore } from "../stores/chat.mjs";
@@ -28,8 +28,10 @@ import { ConferenceInvitationManager } from "./manager/conferenceInvitationManag
 import { DataReportManager } from "./manager/dataReportManager.mjs";
 import { ErrorHandler } from "./function/errorHandler.mjs";
 import { ChatManager } from "./manager/chatManager.mjs";
+import { WidgetsManager } from "./manager/widgetsManager.mjs";
 import { TUILogin } from "@tencentcloud/tui-core";
 import { AITask } from "./function/aiTask.mjs";
+import initWidgets from "../components/common/widgets/index.mjs";
 const { t } = i18n.global;
 const logPrefix = "[RoomService]";
 const roomEngine = useGetRoomEngine();
@@ -54,6 +56,7 @@ const _RoomService = class _RoomService {
     __publicField(this, "chatManager", new ChatManager(this));
     __publicField(this, "aiTask", new AITask(this));
     __publicField(this, "trackingManager", new TrackingManager());
+    __publicField(this, "widgetsManager", new WidgetsManager(this));
     this.lifeCycleManager.start();
     this.initEventCtx();
     TUIRoomEngine__default.once("ready", () => {
@@ -308,7 +311,10 @@ const _RoomService = class _RoomService {
     }
   }
   async onUserInfoChanged(eventInfo) {
+    var _a;
     const { userId, nameCard } = eventInfo.userInfo;
+    const oldNameCard = (_a = this.roomStore.userInfoObj[userId]) == null ? void 0 : _a.nameCard;
+    if (oldNameCard === nameCard) return;
     this.roomStore.updateUserInfo({ userId, nameCard });
   }
   async onAllUserMicrophoneDisableChanged(eventInfo) {
@@ -345,6 +351,7 @@ const _RoomService = class _RoomService {
     this.userManager.setLocalUser(option);
   }
   async initRoomKit(option) {
+    initWidgets(this.widgetsManager);
     this.storeInit(option);
     const { sdkAppId, userId, userSig } = option;
     TUILogin.login({