tuikit-atomicx-vue3 4.4.0 → 4.5.1

package/dist/components/VideoSettingPanel/index.js

@@ -1,16 +1,27 @@
-import { defineComponent as v, createElementBlock as r, openBlock as n, createCommentVNode as c, Fragment as a, createElementVNode as e, toDisplayString as o, unref as i, createVNode as d } from "vue";
-import { useUIKit as _ } from "@tencentcloud/uikit-base-component-vue3";
-import p from "./CameraSelect.js";
-import f from "./VideoPreview.js";
-import u from "./VideoProfile.js";
-import { _ as V } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
-import { addI18n as m } from "../../i18n/index.js";
+import { addI18n as v } from "../../i18n/index.js";
 import { resource as h } from "./i18n/en-US/index.js";
 import { resource as P } from "./i18n/zh-CN/index.js";
-const b = { class: "video-setting-panel" }, w = { class: "section" }, S = { class: "section-title" }, y = { class: "row" }, C = { class: "label" }, g = { class: "section" }, k = { class: "section-title" }, B = { class: "preview-container" }, x = {
+import { defineComponent as S, ref as b, watch as f, createElementBlock as e, openBlock as t, createCommentVNode as a, createElementVNode as n, createVNode as c, toDisplayString as d, unref as i } from "vue";
+import { useUIKit as g, TUISwitch as y } from "@tencentcloud/uikit-base-component-vue3";
+import w from "./CameraSelect.js";
+import M from "./VideoPreview.js";
+import k from "./VideoProfile.js";
+import { useDeviceState as B } from "../../states/DeviceState/DeviceState.js";
+import { MirrorType as m } from "../../types/device.js";
+import { _ as C } from "../../_plugin-vue_export-helper-CHgC5LLL.js";
+const D = { class: "video-setting-panel" }, x = {
+  key: 0,
+  class: "item-setting"
+}, I = { class: "title" }, N = {
+  key: 1,
+  class: "item-setting"
+}, U = { class: "title" }, T = {
   key: 2,
-  class: "section"
-}, N = { class: "section-title" }, I = { class: "row" }, E = { class: "label" }, U = /* @__PURE__ */ v({
+  class: "item-setting"
+}, E = { class: "title" }, z = {
+  key: 3,
+  class: "mirror-container"
+}, A = /* @__PURE__ */ S({
   __name: "index",
   props: {
     cameraSelectVisible: {
@@ -24,43 +35,44 @@ const b = { class: "video-setting-panel" }, w = { class: "section" }, S = { clas
     videoProfileVisible: {
       type: Boolean,
       default: !0
+    },
+    switchMirrorVisible: {
+      type: Boolean,
+      default: !0
     }
   },
-  setup(l) {
-    const { t } = _();
-    return (D, s) => (n(), r("div", b, [
-      l.cameraSelectVisible ? (n(), r(a, { key: 0 }, [
-        e("div", w, [
-          e("div", S, o(i(t)("Camera")), 1),
-          e("div", y, [
-            e("span", C, o(i(t)("Select device")), 1),
-            d(p)
-          ])
-        ]),
-        s[0] || (s[0] = e("div", { class: "divider" }, null, -1))
-      ], 64)) : c("", !0),
-      l.videoPreviewVisible ? (n(), r(a, { key: 1 }, [
-        e("div", g, [
-          e("div", k, o(i(t)("Preview")), 1),
-          e("div", B, [
-            d(f, { class: "video-preview" })
-          ])
-        ]),
-        s[1] || (s[1] = e("div", { class: "divider" }, null, -1))
-      ], 64)) : c("", !0),
-      l.videoProfileVisible ? (n(), r("div", x, [
-        e("div", N, o(i(t)("Video profile")), 1),
-        e("div", I, [
-          e("span", E, o(i(t)("Resolution")), 1),
-          d(u)
-        ])
-      ])) : c("", !0)
+  setup(o) {
+    const { t: r } = g(), { localMirrorType: u, switchMirror: V } = B(), s = b(u.value !== m.Disable);
+    return f(u, (l) => {
+      s.value = l !== m.Disable;
+    }), f(s, (l) => {
+      V({ mirror: l ? m.Auto : m.Disable });
+    }), (l, p) => (t(), e("div", D, [
+      o.cameraSelectVisible ? (t(), e("div", x, [
+        n("span", I, d(i(r)("VideoSettingPanel.Camera")), 1),
+        c(w)
+      ])) : a("", !0),
+      o.videoPreviewVisible ? (t(), e("div", N, [
+        n("span", U, d(i(r)("VideoSettingPanel.Preview")), 1),
+        c(M, { class: "video-preview" })
+      ])) : a("", !0),
+      o.videoProfileVisible ? (t(), e("div", T, [
+        n("span", E, d(i(r)("VideoSettingPanel.Resolution")), 1),
+        c(k)
+      ])) : a("", !0),
+      o.switchMirrorVisible ? (t(), e("div", z, [
+        n("span", null, d(i(r)("VideoSettingPanel.Mirror")), 1),
+        c(i(y), {
+          modelValue: s.value,
+          "onUpdate:modelValue": p[0] || (p[0] = (_) => s.value = _)
+        }, null, 8, ["modelValue"])
+      ])) : a("", !0)
     ]));
   }
-}), z = /* @__PURE__ */ V(U, [["__scopeId", "data-v-c4df466f"]]);
-m("en-US", { translation: h });
-m("zh-CN", { translation: P });
-const J = z;
+}), K = /* @__PURE__ */ C(A, [["__scopeId", "data-v-d6bdfe74"]]);
+v("en-US", { translation: h });
+v("zh-CN", { translation: P });
+const W = K;
 export {
-  J as VideoSettingPanel
+  W as VideoSettingPanel
 };

package/dist/components/VideoSettingPanel/index.vue.d.ts

@@ -11,6 +11,10 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    switchMirrorVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     cameraSelectVisible: {
         type: BooleanConstructor;
@@ -24,9 +28,14 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: BooleanConstructor;
         default: boolean;
     };
+    switchMirrorVisible: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
 }>> & Readonly<{}>, {
     cameraSelectVisible: boolean;
     videoPreviewVisible: boolean;
     videoProfileVisible: boolean;
+    switchMirrorVisible: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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/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>;