tuikit-atomicx-vue3 4.4.0-beta.1 → 4.5.0

package/dist/components/VirtualBackgroundPanel/VirtualBackgroundPanel.js

@@ -0,0 +1,169 @@
+import { defineComponent as G, ref as d, onMounted as R, onUnmounted as Y, createElementBlock as A, openBlock as u, createElementVNode as t, createCommentVNode as w, normalizeClass as B, unref as s, toDisplayString as i, createVNode as C, withCtx as V, createTextVNode as f } from "vue";
+import { useUIKit as S, TUIButton as k, TUIToast as T, TOAST_TYPE as j } from "@tencentcloud/uikit-base-component-vue3";
+import { VirtualBackgroundEvent as J, VirtualBackgroundType as Z } from "../../types/virtualBackground.js";
+import { useDeviceState as H } from "../../states/DeviceState/DeviceState.js";
+import { useVirtualBackgroundState as P } from "../../states/VirtualBackgroundState/VirtualBackgroundState.js";
+import { _ as O } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const M = "data:image/png;base64,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", _ = "data:image/png;base64,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", $ = { class: "virtual-background" }, ee = {
+  id: "stream-preview",
+  class: "stream-preview"
+}, te = {
+  key: 0,
+  class: "mask"
+}, ae = {
+  key: 1,
+  class: "spinner"
+}, se = { class: "setting" }, oe = { class: "setting-item-icon" }, re = ["src"], ne = { class: "setting-item-text" }, le = { class: "setting-item-icon" }, ie = ["src"], ce = { class: "setting-item-text" }, de = { class: "footer" }, Ae = /* @__PURE__ */ G({
+  __name: "VirtualBackgroundPanel",
+  props: {
+    assetsPath: { default: "https://web.sdk.qcloud.com/hybrid/trtc-sdk-v5/assets" }
+  },
+  emits: ["close"],
+  setup(Q, { emit: U }) {
+    var h;
+    const { t: n } = S(), b = U, y = Q, {
+      startCameraTest: K,
+      stopCameraTest: F
+    } = H(), {
+      virtualBackgroundConfig: m,
+      initVirtualBackground: q,
+      setVirtualBackground: g,
+      saveVirtualBackground: X,
+      subscribeEvent: I,
+      unsubscribeEvent: x
+    } = P(), c = d(
+      (h = m.value) != null && h.enable ? "blur" : "close"
+    ), r = d(!1), o = d(!1);
+    function D(e) {
+      switch (e) {
+        case "close":
+          return { enable: !1 };
+        case "blur":
+          return { enable: !0, type: Z.blur };
+        default:
+          return { enable: !1 };
+      }
+    }
+    async function v() {
+      b("close");
+    }
+    function l(e) {
+      T({
+        type: j.ERROR,
+        message: n(e)
+      });
+    }
+    async function W() {
+      r.value = !0, o.value = !1;
+      try {
+        await q({ assetsPath: y.assetsPath }), await K({ view: "stream-preview" });
+        const { enable: e, type: a } = m.value || {};
+        await g({ enable: e, type: a }), o.value = !0;
+      } catch (e) {
+        console.error("Failed to initialize virtual background:", e), l("VirtualBackground.InitializeFailed");
+      } finally {
+        r.value = !1;
+      }
+    }
+    async function p(e) {
+      if (o.value) {
+        r.value = !0;
+        try {
+          c.value = e;
+          const a = D(e);
+          await g(a);
+        } catch (a) {
+          console.error("Failed to apply virtual background:", a), l("VirtualBackground.ApplyFailed");
+        } finally {
+          r.value = !1;
+        }
+      }
+    }
+    async function z() {
+      if (o.value)
+        try {
+          await X(), v();
+        } catch (e) {
+          console.error("Failed to save virtual background:", e), l("VirtualBackground.SaveFailed");
+        }
+    }
+    async function N() {
+      v();
+    }
+    function E() {
+      l("VirtualBackground.Aborted");
+    }
+    return R(async () => {
+      await W(), I(
+        J.onAbort,
+        E
+      );
+    }), Y(() => {
+      F(), x(
+        J.onAbort,
+        E
+      );
+    }), (e, a) => (u(), A("div", $, [
+      t("div", ee, [
+        r.value ? (u(), A("div", te)) : w("", !0),
+        r.value ? (u(), A("div", ae)) : w("", !0)
+      ]),
+      t("div", se, [
+        t("div", {
+          class: B([
+            "setting-item",
+            c.value === "close" ? "active" : "",
+            o.value ? "" : "disabled"
+          ]),
+          onClick: a[0] || (a[0] = (L) => p("close"))
+        }, [
+          t("i", oe, [
+            t("img", {
+              src: s(_),
+              alt: "close",
+              style: { width: "32px" }
+            }, null, 8, re)
+          ]),
+          t("span", ne, i(s(n)("VirtualBackground.Close")), 1)
+        ], 2),
+        t("div", {
+          class: B([
+            "setting-item",
+            c.value === "blur" ? "active" : "",
+            o.value ? "" : "disabled"
+          ]),
+          onClick: a[1] || (a[1] = (L) => p("blur"))
+        }, [
+          t("i", le, [
+            t("img", {
+              src: s(M),
+              alt: "blurred"
+            }, null, 8, ie)
+          ]),
+          t("span", ce, i(s(n)("VirtualBackground.Blurred")), 1)
+        ], 2)
+      ]),
+      t("div", de, [
+        C(s(k), {
+          disabled: !o.value,
+          type: "primary",
+          onClick: z
+        }, {
+          default: V(() => [
+            f(i(s(n)("VirtualBackground.Save")), 1)
+          ]),
+          _: 1
+        }, 8, ["disabled"]),
+        C(s(k), { onClick: N }, {
+          default: V(() => [
+            f(i(s(n)("VirtualBackground.Cancel")), 1)
+          ]),
+          _: 1
+        })
+      ])
+    ]));
+  }
+}), he = /* @__PURE__ */ O(Ae, [["__scopeId", "data-v-e003f29a"]]);
+export {
+  he as default
+};

package/dist/components/VirtualBackgroundPanel/VirtualBackgroundPanel.vue.d.ts

@@ -0,0 +1,33 @@
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    assetsPath: string;
+}>, {
+    assetsPath: string;
+}>>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    assetsPath: string;
+}>, {
+    assetsPath: string;
+}>>> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+}>, {
+    assetsPath: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        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/dist/components/VirtualBackgroundPanel/i18n/en-US/index.d.ts

@@ -0,0 +1,10 @@
+export declare const resource: {
+    'VirtualBackground.InitializeFailed': string;
+    'VirtualBackground.ApplyFailed': string;
+    'VirtualBackground.SaveFailed': string;
+    'VirtualBackground.Aborted': string;
+    'VirtualBackground.Close': string;
+    'VirtualBackground.Blurred': string;
+    'VirtualBackground.Save': string;
+    'VirtualBackground.Cancel': string;
+};

package/dist/components/VirtualBackgroundPanel/i18n/en-US/index.js

@@ -0,0 +1,14 @@
+const a = {
+  // VirtualBackground
+  "VirtualBackground.InitializeFailed": "Failed to initialize virtual background",
+  "VirtualBackground.ApplyFailed": "Failed to apply virtual background",
+  "VirtualBackground.SaveFailed": "Failed to save virtual background settings",
+  "VirtualBackground.Aborted": "Virtual background application aborted",
+  "VirtualBackground.Close": "Close",
+  "VirtualBackground.Blurred": "Blurred",
+  "VirtualBackground.Save": "Save",
+  "VirtualBackground.Cancel": "Cancel"
+};
+export {
+  a as resource
+};

package/dist/components/VirtualBackgroundPanel/i18n/index.d.ts

@@ -0,0 +1,4 @@
+import { resource as enResource } from './en-US/index';
+import { resource as zhResource } from './zh-CN/index';
+
+export { enResource, zhResource };

package/dist/components/VirtualBackgroundPanel/i18n/index.js

@@ -0,0 +1,6 @@
+import { resource as o } from "./en-US/index.js";
+import { resource as c } from "./zh-CN/index.js";
+export {
+  o as enResource,
+  c as zhResource
+};

package/dist/components/VirtualBackgroundPanel/i18n/zh-CN/index.d.ts

@@ -0,0 +1,10 @@
+export declare const resource: {
+    'VirtualBackground.InitializeFailed': string;
+    'VirtualBackground.ApplyFailed': string;
+    'VirtualBackground.SaveFailed': string;
+    'VirtualBackground.Aborted': string;
+    'VirtualBackground.Close': string;
+    'VirtualBackground.Blurred': string;
+    'VirtualBackground.Save': string;
+    'VirtualBackground.Cancel': string;
+};

package/dist/components/VirtualBackgroundPanel/i18n/zh-CN/index.js

@@ -0,0 +1,14 @@
+const a = {
+  // VirtualBackground
+  "VirtualBackground.InitializeFailed": "虚拟背景初始化失败",
+  "VirtualBackground.ApplyFailed": "应用虚拟背景失败",
+  "VirtualBackground.SaveFailed": "保存虚拟背景设置失败",
+  "VirtualBackground.Aborted": "虚拟背景应用已中止",
+  "VirtualBackground.Close": "关闭",
+  "VirtualBackground.Blurred": "模糊",
+  "VirtualBackground.Save": "保存",
+  "VirtualBackground.Cancel": "取消"
+};
+export {
+  a as resource
+};

package/dist/components/VirtualBackgroundPanel/index.d.ts

@@ -0,0 +1,20 @@
+declare const VirtualBackgroundPanel: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    assetsPath: {
+        type: import('vue').PropType<string>;
+        required: true;
+        default: string;
+    };
+}>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    close: (...args: any[]) => void;
+}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    assetsPath: {
+        type: import('vue').PropType<string>;
+        required: true;
+        default: string;
+    };
+}>> & Readonly<{
+    onClose?: ((...args: any[]) => any) | undefined;
+}>, {
+    assetsPath: string;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export { VirtualBackgroundPanel, };

package/dist/components/VirtualBackgroundPanel/index.js

@@ -0,0 +1,10 @@
+import { addI18n as r } from "../../i18n/index.js";
+import { resource as o } from "./i18n/en-US/index.js";
+import { resource as n } from "./i18n/zh-CN/index.js";
+import t from "./VirtualBackgroundPanel.js";
+const s = t;
+r("en-US", { translation: o });
+r("zh-CN", { translation: n });
+export {
+  s as VirtualBackgroundPanel
+};

package/dist/hooks/useAudioControl.d.ts

@@ -1,10 +1,10 @@
 import { ref } from 'vue';
 
-interface IUseAudioControlProps {
+interface UseAudioControlProps {
     url: string;
     audioId?: string;
 }
-interface IUseAudioControlReturn {
+interface UseAudioControlReturn {
     isPlaying: ReturnType<typeof ref<boolean>>;
     progress: ReturnType<typeof ref<number>>;
     duration: ReturnType<typeof ref<number | undefined>>;
@@ -22,5 +22,5 @@ interface IUseAudioControlReturn {
  * @param props Configuration parameters
  * @returns Audio control related states and methods
  */
-export declare function useAudioControl(props: IUseAudioControlProps): IUseAudioControlReturn;
+export declare function useAudioControl(props: UseAudioControlProps): UseAudioControlReturn;
 export {};

package/dist/hooks/useAudioControl.js

@@ -1,47 +1,49 @@
-import { ref as l, onMounted as g, onUnmounted as I } from "vue";
-const v = /* @__PURE__ */ new Map(), E = "AUDIO_PLAY_EVENT", P = (c) => new CustomEvent(E, {
+import { ref as l, onMounted as I, onUnmounted as T } from "vue";
+const v = /* @__PURE__ */ new Map(), f = "AUDIO_PLAY_EVENT", g = (c) => new CustomEvent(f, {
   detail: { audioId: c }
 });
 function y(c) {
-  const { url: m } = c, n = c.audioId || `audio-${m}`, d = l(!1), r = l(0), a = l(void 0), u = l(!0), t = l(null), h = () => {
-    t.value && (window.dispatchEvent(P(n)), t.value.play(), d.value = !0);
-  }, f = () => {
-    t.value && (t.value.pause(), d.value = !1);
+  const { url: m } = c, a = c.audioId || `audio-${m}`, r = l(!1), u = l(0), n = l(void 0), o = l(!0), t = l(null), h = () => {
+    t.value && (window.dispatchEvent(g(a)), t.value.play(), r.value = !0);
+  }, E = () => {
+    t.value && (t.value.pause(), r.value = !1);
   }, w = () => {
-    t.value && (t.value.pause(), t.value.currentTime = 0, d.value = !1, r.value = 0);
+    t.value && (t.value.pause(), t.value.currentTime = 0, r.value = !1, u.value = 0);
   }, A = (e) => {
-    if (!t.value || a.value === void 0)
+    if (!t.value || n.value === void 0)
       return;
-    const o = Math.max(0, Math.min(1, e));
-    t.value.currentTime = a.value * o, r.value = o;
-  }, s = () => {
-    !t.value || !a.value || (r.value = t.value.currentTime / a.value);
+    const d = Math.max(0, Math.min(1, e));
+    t.value.currentTime = n.value * d, u.value = d;
   }, i = () => {
-    d.value = !1, r.value = 0;
+    !t.value || !n.value || (u.value = t.value.currentTime / n.value);
+  }, s = () => {
+    r.value = !1, u.value = 0;
   }, L = (e) => {
-    e.detail.audioId !== n && d.value && f();
+    e.detail.audioId !== a && r.value && E();
   };
-  return g(() => {
-    window.addEventListener(E, L);
-    let e = v.get(n);
-    const o = () => {
-      e && (a.value = e.duration, u.value = !1);
+  return I(() => {
+    window.addEventListener(f, L);
+    let e = v.get(a);
+    const d = () => {
+      e && (e.duration === 1 / 0 ? (e.currentTime = 1e101, e.ontimeupdate = () => {
+        e && (n.value = e.duration, e.ontimeupdate = null, e.currentTime = 0);
+      }) : n.value = e.duration, o.value = !1);
     }, p = () => {
-      console.error("Audio load error:", m), u.value = !1;
+      console.error("Audio load error:", m), o.value = !1;
     };
-    !e || e.src !== m ? (u.value = !0, a.value = void 0, e && (e.pause(), e.src = "", e.load(), e.removeEventListener("loadedmetadata", o), e.removeEventListener("error", p), e.removeEventListener("timeupdate", s), e.removeEventListener("ended", i)), e = new Audio(m), e.addEventListener("loadedmetadata", o), e.addEventListener("error", p), e.addEventListener("timeupdate", s), e.addEventListener("ended", i), v.set(n, e), t.value = e, d.value = !1, r.value = 0) : (t.value = e, e.removeEventListener("timeupdate", s), e.removeEventListener("ended", i), e.addEventListener("timeupdate", s), e.addEventListener("ended", i), e.duration && (a.value = e.duration, u.value = !1));
-  }), I(() => {
-    if (window.removeEventListener(E, L), v.has(n)) {
-      const e = v.get(n);
-      e.removeEventListener("timeupdate", s), e.removeEventListener("ended", i), e.pause(), e.src = "", e.load(), v.delete(n);
+    !e || e.src !== m ? (o.value = !0, n.value = void 0, e && (e.pause(), e.src = "", e.load(), e.removeEventListener("loadedmetadata", d), e.removeEventListener("error", p), e.removeEventListener("timeupdate", i), e.removeEventListener("ended", s)), e = new Audio(m), e.addEventListener("loadedmetadata", d), e.addEventListener("error", p), e.addEventListener("timeupdate", i), e.addEventListener("ended", s), v.set(a, e), t.value = e, r.value = !1, u.value = 0) : (t.value = e, e.removeEventListener("timeupdate", i), e.removeEventListener("ended", s), e.addEventListener("timeupdate", i), e.addEventListener("ended", s), e.duration && (n.value = e.duration, o.value = !1));
+  }), T(() => {
+    if (window.removeEventListener(f, L), v.has(a)) {
+      const e = v.get(a);
+      e.removeEventListener("timeupdate", i), e.removeEventListener("ended", s), e.pause(), e.src = "", e.load(), v.delete(a);
     }
   }), {
-    isPlaying: d,
-    progress: r,
-    duration: a,
-    isLoading: u,
+    isPlaying: r,
+    progress: u,
+    duration: n,
+    isLoading: o,
     play: h,
-    pause: f,
+    pause: E,
     stop: w,
     setProgress: A
   };

package/dist/hooks/useRoomActions/index.d.ts

@@ -1,4 +1,4 @@
-import { ActionType, RoomAction } from '../../types';
+import { ActionType } from '../../types';
 
 export default function useRoomActions(options?: {
     actionList: RoomAction[];

package/dist/hooks/useRoomActions/index.js

@@ -1,15 +1,14 @@
-import e from "./useRoomAudioAction.js";
-import n from "./useRoomVideoAction.js";
-import r from "./useRoomScreenAction.js";
-import { RoomAction as t } from "../../types/room.js";
-function a(o) {
-  const i = {
-    [t.AudioAction]: e(),
-    [t.VideoAction]: n(),
-    [t.ScreenAction]: r()
+import c from "./useRoomAudioAction.js";
+import n from "./useRoomScreenAction.js";
+import e from "./useRoomVideoAction.js";
+function u(o) {
+  const t = {
+    [RoomAction.AudioAction]: c(),
+    [RoomAction.VideoAction]: e(),
+    [RoomAction.ScreenAction]: n()
   };
-  return o && o.actionList && o.actionList.length > 0 ? o.actionList.map((c) => i[c]) : Object.values(i);
+  return o && o.actionList && o.actionList.length > 0 ? o.actionList.map((i) => t[i]) : Object.values(t);
 }
 export {
-  a as default
+  u as default
 };

package/dist/hooks/useRoomActions/useRoomAudioAction.d.ts

@@ -1,7 +1,5 @@
-import { RoomAction } from '../../types';
-
 export default function useRoomAudioAction(): {
-    key: RoomAction;
+    key: any;
     icon: import('vue').DefineComponent<{}, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
     label: any;
     handler: () => void;

package/dist/hooks/useRoomActions/useRoomAudioAction.js

@@ -1,53 +1,52 @@
-import { TUIMediaDevice as c } from "@tencentcloud/tuiroom-engine-js";
-import { useI18n as u } from "../../locales/index.js";
-import A from "../../baseComp/MessageBox/index.js";
-import { TUIToast as d, TOAST_TYPE as f } from "@tencentcloud/uikit-base-component-vue3";
-import { useRoomEngine as p } from "../useRoomEngine.js";
-import { reactive as b, computed as g, defineComponent as h } from "vue";
-import { useRoomState as M } from "../../states/RoomState.js";
-import { RoomAction as v } from "../../types/room.js";
-const { currentRoom: l } = M();
+import { reactive as m, computed as u, defineComponent as d } from "vue";
+import { TUIMediaDevice as A } from "@tencentcloud/tuiroom-engine-js";
+import { TUIToast as f, TOAST_TYPE as p } from "@tencentcloud/uikit-base-component-vue3";
+import b from "../../baseComp/MessageBox/index.js";
+import { useI18n as g } from "../../locales/index.js";
+import { useRoomState as h } from "../../states/RoomState/index.js";
+import { useRoomEngine as M } from "../useRoomEngine.js";
+const { currentRoom: l } = h();
 function k() {
-  const { t: o } = u(), t = p();
+  const { t: o } = g(), r = M();
   let n = !1;
-  function s() {
-    var e, i, r;
-    n = !((e = l.value) != null && e.isMicrophoneDisableForAllUser), A({
-      title: (i = l.value) != null && i.isMicrophoneDisableForAllUser ? o("Enable all audios") : o("All current and new members will be muted"),
-      message: (r = l.value) != null && r.isMicrophoneDisableForAllUser ? o("After unlocking, users can freely turn on the microphone") : o("Members will not be able to open the microphone"),
+  function a() {
+    var e, i, t;
+    n = !((e = l.value) != null && e.isAllMicrophoneDisabled), b({
+      title: (i = l.value) != null && i.isAllMicrophoneDisabled ? o("Enable all audios") : o("All current and new members will be muted"),
+      message: (t = l.value) != null && t.isAllMicrophoneDisabled ? o("After unlocking, users can freely turn on the microphone") : o("Members will not be able to open the microphone"),
       confirmButtonText: o("Confirm"),
       cancelButtonText: o("Cancel"),
-      callback: async (m) => {
-        m === "confirm" && a();
+      callback: async (c) => {
+        c === "confirm" && s();
       }
     });
   }
-  async function a() {
+  async function s() {
     var e, i;
-    if (((e = l.value) == null ? void 0 : e.isMicrophoneDisableForAllUser) === n) {
-      const r = o(n ? "All audios disabled" : "All audios enabled");
-      d({
-        type: f.SUCCESS,
-        message: r
+    if (((e = l.value) == null ? void 0 : e.isAllMicrophoneDisabled) === n) {
+      const t = o(n ? "All audios disabled" : "All audios enabled");
+      f({
+        type: p.SUCCESS,
+        message: t
         // duration: MESSAGE_DURATION.NORMAL,
       });
       return;
     }
-    await ((i = t.instance) == null ? void 0 : i.disableDeviceForAllUserByAdmin({
+    await ((i = r.instance) == null ? void 0 : i.disableDeviceForAllUserByAdmin({
       isDisable: n,
-      device: c.kMicrophone
+      device: A.kMicrophone
     }));
   }
-  return b({
-    key: v.AudioAction,
-    icon: h({}),
-    label: g(
+  return m({
+    key: RoomAction.AudioAction,
+    icon: d({}),
+    label: u(
       () => {
         var e;
-        return (e = l.value) != null && e.isMicrophoneDisableForAllUser ? o("Lift all mute") : o("All mute");
+        return (e = l.value) != null && e.isAllMicrophoneDisabled ? o("Lift all mute") : o("All mute");
       }
     ),
-    handler: s
+    handler: a
   });
 }
 export {

package/dist/hooks/useRoomActions/useRoomScreenAction.d.ts

@@ -1,3 +1 @@
-import { ActionType, RoomAction } from '../../types';
-
 export default function useRoomScreenAction(): ActionType<RoomAction>;

package/dist/hooks/useRoomActions/useRoomScreenAction.js

@@ -1,16 +1,16 @@
 import { reactive as h, computed as l } from "vue";
 import { TUIRole as f, TUIMediaDevice as m } from "@tencentcloud/tuiroom-engine-js";
 import { IconAllMembersShareScreen as d, IconHostShareScreen as A } from "@tencentcloud/uikit-base-component-vue3";
-import { useI18n as b } from "../../locales/index.js";
-import { useRoomEngine as g } from "../useRoomEngine.js";
-import { useUserState as v } from "../../states/UserState/index.js";
-import { useRoomState as p } from "../../states/RoomState.js";
-import { RoomAction as I } from "../../types/room.js";
-const { userWithScreenOn: n } = v(), { currentRoom: o } = p();
-function x() {
-  const { t: r } = b(), t = g();
+import b from "../../baseComp/MessageBox/index.js";
+import { useI18n as g } from "../../locales/index.js";
+import { useRoomState as v } from "../../states/RoomState/index.js";
+import { useUserState as p } from "../../states/UserState/index.js";
+import { useRoomEngine as R } from "../useRoomEngine.js";
+const { userWithScreenOn: n } = p(), { currentRoom: o } = v();
+function M() {
+  const { t: r } = g(), t = R();
   let i = !1;
-  async function s() {
+  async function c() {
     var e;
     await ((e = t.instance) == null ? void 0 : e.disableDeviceForAllUserByAdmin({
       isDisable: i,
@@ -19,11 +19,11 @@ function x() {
   }
   function u() {
     var e;
-    if (i = !((e = o.value) != null && e.isScreenShareDisableForAllUser), !n.value || n.value.userRole !== f.kGeneralUser) {
-      s();
+    if (i = !((e = o.value) != null && e.isAllScreenShareDisabled), !n.value || n.value.userRole !== f.kGeneralUser) {
+      c();
       return;
     }
-    TUIMessageBox({
+    b({
       title: r(
         "Is it turned on that only the host/admin can share the screen?"
       ),
@@ -33,31 +33,31 @@ function x() {
       confirmButtonText: r("Confirm"),
       cancelButtonText: r("Cancel"),
       callback: async (S) => {
-        var c, a;
-        S === "confirm" && (await ((a = t.instance) == null ? void 0 : a.closeRemoteDeviceByAdmin({
-          userId: (c = n.value) == null ? void 0 : c.userId,
+        var a, s;
+        S === "confirm" && (await ((s = t.instance) == null ? void 0 : s.closeRemoteDeviceByAdmin({
+          userId: (a = n.value) == null ? void 0 : a.userId,
           device: m.kScreen
-        })), s());
+        })), c());
       }
     });
   }
   return h({
-    key: I.ScreenAction,
+    key: RoomAction.ScreenAction,
     label: l(
       () => {
         var e;
-        return (e = o.value) != null && e.isScreenShareDisableForAllUser ? r("All members can share screen") : r("Screen sharing for host/admin only");
+        return (e = o.value) != null && e.isAllScreenShareDisabled ? r("All members can share screen") : r("Screen sharing for host/admin only");
       }
     ),
     icon: l(
       () => {
         var e;
-        return (e = o.value) != null && e.isScreenShareDisableForAllUser ? d : A;
+        return (e = o.value) != null && e.isAllScreenShareDisabled ? d : A;
       }
     ),
     handler: u
   });
 }
 export {
-  x as default
+  M as default
 };