tuikit-atomicx-vue3 3.4.2 → 4.3.0

package/dist/rtc/index.js

@@ -6,62 +6,62 @@ import { CameraButton as s } from "../components/CameraButton/index.js";
 import { CoGuestPanel as a } from "../components/CoGuestPanel/index.js";
 import { CoHostPanel as r } from "../components/CoHostPanel/index.js";
 import { LiveAudienceList as n } from "../components/LiveAudienceList/index.js";
-import { LiveCoreView as Ue, LiveView as Te } from "../components/LiveView/index.js";
 import { LiveList as m } from "../components/LiveList/index.js";
 import "../components/LiveMonitorView/index.js";
 import { LiveScenePanel as u } from "../components/LiveScenePanel/index.js";
+import { LiveCoreView as we, LiveView as Ge } from "../components/LiveView/index.js";
 import { MicButton as S } from "../components/MicButton/index.js";
 import { StreamMixer as c } from "../components/StreamMixer/index.js";
 import { StreamView as p } from "../components/StreamView/index.js";
-import { V as L } from "../index-DTq2ybsB.js";
-import { VideoSettingPanel as f } from "../components/VideoSettingPanel/index.js";
-import { useCoGuestState as v } from "../states/CoGuestState.js";
-import { useDeviceState as g } from "../states/DeviceState.js";
-import { useLiveAudienceState as C } from "../states/LiveAudienceState.js";
+import { V as f } from "../index-DTq2ybsB.js";
+import { VideoSettingPanel as L } from "../components/VideoSettingPanel/index.js";
+import { useRoomEngine as v } from "../hooks/useRoomEngine.js";
+import { useCoGuestState as C } from "../states/CoGuestState.js";
+import { useLiveAudienceState as g } from "../states/LiveAudienceState.js";
 import { useLiveMonitorState as $ } from "../states/LiveMonitorState/index.js";
 import { useLiveSeatState as d } from "../states/LiveSeatState/index.js";
-import { useLiveState as l } from "../states/LiveState/index.js";
-import { useRoomState as B } from "../states/RoomState.js";
+import { useRoomState as l } from "../states/RoomState.js";
 import { useUserState as P } from "../states/UserState/index.js";
-import { useVideoMixerState as V } from "../states/VideoMixerState.js";
-import { useBattleState as he } from "../states/BattleState.js";
-import { useRoomEngine as M } from "../hooks/useRoomEngine.js";
-import A from "./server.js";
-import x from "../components/LiveMonitorView/LiveMonitorView.js";
-import { useCoHostState as R } from "../states/CoHostState/CoHostState.js";
-import { useBarrageListState as _ } from "../states/BarrageListState/BarrageListState.js";
-A.getInstance().init();
-const ae = i, re = o, ne = c, me = u, ue = n, Se = a, ce = r, pe = t, Le = f, fe = S, ve = s, ge = m, Ce = x, $e = p, de = e, le = L, Be = _, Pe = $, Ve = d, Me = l, Ae = P, xe = v, Re = R, _e = g, we = C, Ge = B, He = V, Ie = M;
+import V from "./server.js";
+import B from "../components/LiveMonitorView/LiveMonitorView.js";
+import { useDeviceState as M } from "../states/DeviceState/DeviceState.js";
+import { useVideoMixerState as x } from "../states/VideoMixerState/VideoMixerState.js";
+import { useCoHostState as A } from "../states/CoHostState/CoHostState.js";
+import { useLiveListState as Ie } from "../states/LiveListState/LiveListState.js";
+import { useBattleState as Ee } from "../states/BattleState/BattleState.js";
+import { useBarrageState as Te } from "../states/BarrageState/BarrageState.js";
+V.getInstance().init();
+const te = i, oe = o, ie = c, se = u, ae = n, re = a, ne = r, me = t, ue = L, Se = S, ce = s, pe = m, fe = B, Le = p, ve = e, Ce = f, ge = $, $e = d, de = P, le = C, Pe = A, Ve = M, Be = g, Me = l, xe = x, Ae = v;
 export {
-  de as AudioSetting,
-  pe as AudioSettingPanel,
-  re as BarrageInput,
-  ae as BarrageList,
-  ve as CameraButton,
-  Se as CoGuestPanel,
-  ce as CoHostPanel,
-  ue as LiveAudienceList,
-  Ue as LiveCoreView,
-  ge as LiveList,
-  Ce as LiveMonitorView,
-  me as LiveScenePanel,
-  Te as LiveView,
-  fe as MicButton,
-  ne as StreamMixer,
-  $e as StreamView,
-  le as VideoSetting,
-  Le as VideoSettingPanel,
-  Be as useBarrageListState,
-  he as useBattleState,
-  xe as useCoGuestState,
-  Re as useCoHostState,
-  _e as useDeviceState,
-  we as useLiveAudienceState,
-  Pe as useLiveMonitorState,
-  Ve as useLiveSeatState,
-  Me as useLiveState,
-  Ie as useRoomEngine,
-  Ge as useRoomState,
-  Ae as useUserState,
-  He as useVideoMixerState
+  ve as AudioSetting,
+  me as AudioSettingPanel,
+  oe as BarrageInput,
+  te as BarrageList,
+  ce as CameraButton,
+  re as CoGuestPanel,
+  ne as CoHostPanel,
+  ae as LiveAudienceList,
+  we as LiveCoreView,
+  pe as LiveList,
+  fe as LiveMonitorView,
+  se as LiveScenePanel,
+  Ge as LiveView,
+  Se as MicButton,
+  ie as StreamMixer,
+  Le as StreamView,
+  Ce as VideoSetting,
+  ue as VideoSettingPanel,
+  Te as useBarrageState,
+  Ee as useBattleState,
+  le as useCoGuestState,
+  Pe as useCoHostState,
+  Ve as useDeviceState,
+  Be as useLiveAudienceState,
+  Ie as useLiveListState,
+  ge as useLiveMonitorState,
+  $e as useLiveSeatState,
+  Ae as useRoomEngine,
+  Me as useRoomState,
+  de as useUserState,
+  xe as useVideoMixerState
 };

package/dist/states/BarrageState/BarrageState.d.ts

@@ -0,0 +1,74 @@
+import { TUIUserInfo } from '@tencentcloud/tuiroom-engine-js';
+
+export declare enum BarrageType {
+    text = 0,
+    custom = 1
+}
+interface BaseMessageInfo {
+    liveId: string;
+    sender: TUIUserInfo;
+    sequence: number;
+    timestampInSecond: number;
+}
+export interface Barrage extends BaseMessageInfo {
+    messageType: BarrageType;
+    textContent?: string;
+    extensionInfo?: Record<string, string> | null;
+    businessId?: string;
+    data?: string;
+}
+export declare function useBarrageState(): {
+    messageList: import('vue').Ref<{
+        messageType: BarrageType;
+        textContent?: string | undefined;
+        extensionInfo?: (Record<string, string> | null) | undefined;
+        businessId?: string | undefined;
+        data?: string | undefined;
+        liveId: string;
+        sender: {
+            userId: string;
+            userName: string;
+            nameCard: string;
+            avatarUrl: string;
+            userRole: import('@tencentcloud/tuiroom-engine-js').TUIRole;
+            hasAudioStream: boolean;
+            hasVideoStream: boolean;
+            hasScreenStream: boolean;
+            isMessageDisabled: boolean;
+            roomCustomInfo: Record<string, any>;
+        };
+        sequence: number;
+        timestampInSecond: number;
+    }[], Barrage[] | {
+        messageType: BarrageType;
+        textContent?: string | undefined;
+        extensionInfo?: (Record<string, string> | null) | undefined;
+        businessId?: string | undefined;
+        data?: string | undefined;
+        liveId: string;
+        sender: {
+            userId: string;
+            userName: string;
+            nameCard: string;
+            avatarUrl: string;
+            userRole: import('@tencentcloud/tuiroom-engine-js').TUIRole;
+            hasAudioStream: boolean;
+            hasVideoStream: boolean;
+            hasScreenStream: boolean;
+            isMessageDisabled: boolean;
+            roomCustomInfo: Record<string, any>;
+        };
+        sequence: number;
+        timestampInSecond: number;
+    }[]>;
+    sendTextMessage: (options: {
+        text: string;
+        extensionInfo?: Record<string, string>;
+    }) => Promise<void> | undefined;
+    sendCustomMessage: (options: {
+        businessId: string;
+        data: string;
+    }) => Promise<void> | undefined;
+    appendLocalTip: (message: Barrage) => void;
+};
+export {};

package/dist/states/BarrageState/BarrageState.js

@@ -0,0 +1,80 @@
+import { ref as i, watch as d } from "vue";
+import m, { TUIRoomEvents as c } from "@tencentcloud/tuiroom-engine-js";
+import { useRoomEngine as v } from "../../hooks/useRoomEngine.js";
+import { dataReport as I } from "../../report/dataReport.js";
+import { MetricsKey as l } from "../../report/MetricsKey.js";
+import { useLoginState as f } from "../LoginState.js";
+import { useLiveListState as x } from "../LiveListState/LiveListState.js";
+const { loginUserInfo: s } = f();
+var p = /* @__PURE__ */ ((e) => (e[e.text = 0] = "text", e[e.custom = 1] = "custom", e))(p || {});
+const u = v(), { currentLive: T } = x(), a = i([]), E = (e) => {
+  var n;
+  const t = l.T_METRICS_STATE_API_BARRAGE_SEND_TEXT_MSG_COUNT;
+  return I.reportCount(t), (n = u.instance) == null ? void 0 : n.sendTextMessage({
+    textContent: e.text,
+    extensionInfo: (e == null ? void 0 : e.extensionInfo) || {}
+  });
+}, M = (e) => {
+  var t;
+  return (t = u.instance) == null ? void 0 : t.sendCustomMessage({
+    businessId: e.businessId,
+    data: e.data
+  });
+}, R = (e) => {
+  a.value.push(e);
+}, S = (e) => {
+  var n, o, r;
+  const t = { ...e.sender };
+  t.userId === ((n = s.value) == null ? void 0 : n.userId) && (t.userName = t.userName || ((o = s.value) == null ? void 0 : o.userName), t.avatarUrl = t.avatarUrl || ((r = s.value) == null ? void 0 : r.avatarUrl)), a.value.push({
+    liveId: e.roomId,
+    sender: t,
+    sequence: e.sequence,
+    timestampInSecond: e.timestampInSecond,
+    messageType: 0,
+    textContent: e.textContent,
+    extensionInfo: e.extensionInfo
+  });
+}, C = (e) => {
+  var n, o, r;
+  const t = { ...e.sender };
+  t.userId === ((n = s.value) == null ? void 0 : n.userId) && (t.userName = t.userName || ((o = s.value) == null ? void 0 : o.userName), t.avatarUrl = t.avatarUrl || ((r = s.value) == null ? void 0 : r.avatarUrl)), a.value.push({
+    liveId: e.roomId,
+    sender: t,
+    sequence: e.sequence,
+    timestampInSecond: e.timestampInSecond,
+    messageType: 1,
+    businessId: e.businessId,
+    data: e.data
+  });
+}, U = [
+  { event: c.onReceiveTextMessage, handler: S },
+  { event: c.onReceiveCustomMessage, handler: C }
+], N = () => {
+  U.forEach(({ event: e, handler: t }) => {
+    var n;
+    (n = u.instance) == null || n.on(e, t);
+  });
+}, _ = () => {
+  a.value = [];
+};
+d(() => {
+  var e;
+  return (e = T.value) == null ? void 0 : e.liveId;
+}, (e) => {
+  e || _();
+});
+m.once("ready", () => {
+  N();
+});
+function G() {
+  return {
+    messageList: a,
+    sendTextMessage: E,
+    sendCustomMessage: M,
+    appendLocalTip: R
+  };
+}
+export {
+  p as BarrageType,
+  G as useBarrageState
+};

package/dist/states/BarrageState/index.d.ts

@@ -0,0 +1 @@
+export * from './BarrageState';

package/dist/states/BarrageState/index.js

@@ -0,0 +1,5 @@
+import { BarrageType as a, useBarrageState as t } from "./BarrageState.js";
+export {
+  a as BarrageType,
+  t as useBarrageState
+};

package/dist/states/{BattleState.d.ts → BattleState/BattleState.d.ts}

@@ -1,32 +1,31 @@
-import { BattleInfo, DeviceStatus, DeviceStatusReason, SeatUserInfo } from '../types';
-import { TUIBattleConfig, TUILiveBattleManagerEvents } from '@tencentcloud/tuiroom-engine-js';
+import { BattleEvent, DeviceStatus, BattleConfig, BattleInfo, SeatUserInfo } from '../../types';
 
 export declare function useBattleState(): {
     currentBattleInfo: import('vue').Ref<BattleInfo | undefined, BattleInfo | undefined>;
     battleUsers: import('vue').Ref<{
-        liveId: string;
         userId: string;
         userName: string;
         avatarUrl: string;
+        liveId: string;
         microphoneStatus: DeviceStatus;
-        microphoneStatusReason: DeviceStatusReason;
+        allowOpenMicrophone: boolean;
         cameraStatus: DeviceStatus;
-        cameraStatusReason: DeviceStatusReason;
+        allowOpenCamera: boolean;
     }[], SeatUserInfo[] | {
-        liveId: string;
         userId: string;
         userName: string;
         avatarUrl: string;
+        liveId: string;
         microphoneStatus: DeviceStatus;
-        microphoneStatusReason: DeviceStatusReason;
+        allowOpenMicrophone: boolean;
         cameraStatus: DeviceStatus;
-        cameraStatusReason: DeviceStatusReason;
+        allowOpenCamera: boolean;
     }[]>;
     battleScore: import('vue').Ref<Map<string, number> & Omit<Map<string, number>, keyof Map<any, any>>, Map<string, number> | (Map<string, number> & Omit<Map<string, number>, keyof Map<any, any>>)>;
-    subscribeEvent: (event: TUILiveBattleManagerEvents, callback: (eventInfo: any) => void) => void;
-    unsubscribeEvent: (event: TUILiveBattleManagerEvents, callback: (eventInfo: any) => void) => void;
+    subscribeEvent: (event: BattleEvent, callback: (eventInfo: any) => void) => void;
+    unsubscribeEvent: (event: BattleEvent, callback: (eventInfo: any) => void) => void;
     requestBattle: (options: {
-        config: TUIBattleConfig;
+        config: BattleConfig;
         userIdList: string[];
         timeout: number;
     }) => Promise<any> | undefined;

package/dist/states/BattleState/BattleState.js

@@ -0,0 +1,203 @@
+import { ref as f, watch as L } from "vue";
+import O, { TUILiveBattleManagerEvents as r, TUIBattleStoppedReason as q } from "@tencentcloud/tuiroom-engine-js";
+import { useRoomEngine as T } from "../../hooks/useRoomEngine.js";
+import { useLiveListState as w } from "../LiveListState/LiveListState.js";
+import { BattleEndedReason as S, BattleEvent as o } from "../../types/battle.js";
+import { DeviceStatus as h } from "../../types/device.js";
+const B = T(), { currentLive: M } = w(), a = (e) => ({
+  liveId: e.roomId,
+  userId: e.userId,
+  userName: e.userName,
+  avatarUrl: e.avatarUrl,
+  microphoneStatus: h.Off,
+  allowOpenMicrophone: !0,
+  cameraStatus: h.Off,
+  allowOpenCamera: !0
+}), d = /* @__PURE__ */ new Map(), C = (e, t) => {
+  var n;
+  d.has(e) || d.set(e, []), (n = d.get(e)) == null || n.push(t);
+}, j = (e, t) => {
+  const n = d.get(e);
+  n && (n.splice(n.indexOf(t), 1), n.length === 0 && d.delete(e));
+}, l = (e, t) => {
+  const n = d.get(e);
+  n && n.forEach((s) => {
+    try {
+      s(t);
+    } catch (u) {
+      console.error(`Error in event callback for ${e}:`, u);
+    }
+  });
+}, E = f(), i = f([]), c = f(/* @__PURE__ */ new Map()), y = (e) => {
+  var n;
+  const t = (n = B.instance) == null ? void 0 : n.getLiveBattleManager();
+  return t == null ? void 0 : t.requestBattle(e);
+}, N = (e) => {
+  var n;
+  const t = (n = B.instance) == null ? void 0 : n.getLiveBattleManager();
+  return t == null ? void 0 : t.cancelBattleRequest(e);
+}, k = (e) => {
+  var n;
+  const t = (n = B.instance) == null ? void 0 : n.getLiveBattleManager();
+  return t == null ? void 0 : t.acceptBattle(e);
+}, A = (e) => {
+  var n;
+  const t = (n = B.instance) == null ? void 0 : n.getLiveBattleManager();
+  return t == null ? void 0 : t.rejectBattle(e);
+}, J = (e) => {
+  var s;
+  const t = (s = B.instance) == null ? void 0 : s.getLiveBattleManager();
+  return t == null ? void 0 : t.exitBattle(e);
+}, x = () => {
+  E.value = void 0, i.value = [], c.value = /* @__PURE__ */ new Map();
+}, D = (e) => {
+  const { battleInfo: t } = e, { battleId: n, duration: s, needResponse: u, extensionInfo: m, startTime: p, endTime: b } = t;
+  x();
+  const v = {
+    [q.kStoppedByOtherExit]: S.allMemberExit,
+    [q.kStoppedByTimeOver]: S.timeOver
+  };
+  l(o.onBattleEnded, {
+    battleInfo: {
+      battleId: n,
+      config: {
+        duration: s,
+        needResponse: u,
+        extensionInfo: m
+      },
+      startTime: p,
+      endTime: b
+    },
+    reason: v[e.reason]
+  });
+}, $ = (e) => {
+  c.value = new Map(e.battleUserList.map((t) => [t.userId, t.score]));
+}, z = (e) => {
+  const { battleInfo: t } = e, { battleId: n, duration: s, needResponse: u, extensionInfo: m, startTime: p, endTime: b } = t;
+  E.value = {
+    battleId: n,
+    config: {
+      duration: s,
+      needResponse: u,
+      extensionInfo: m
+    },
+    startTime: p,
+    endTime: b
+  };
+  const { fromUser: v, toUserList: g } = e.battleInfo, I = a(v), U = g.map((R) => a(R));
+  c.value.set(v.userId, v.score), g.forEach((R) => {
+    c.value.set(R.userId, R.score);
+  }), i.value = [I, ...U], l(o.onBattleStarted, {
+    battleInfo: {
+      battleId: n,
+      config: {
+        duration: s,
+        needResponse: u,
+        extensionInfo: m
+      },
+      startTime: p,
+      endTime: b
+    },
+    inviter: I,
+    invitees: U
+  });
+}, F = (e) => {
+  var t;
+  i.value.length <= 2 || (i.value = (t = i.value) == null ? void 0 : t.filter((n) => n.userId !== e.user.userId), c.value.delete(e.user.userId), l(o.onUserExitBattle, {
+    battleId: e.battleId,
+    battleUser: a(e.user)
+  }));
+}, G = (e) => {
+  var t;
+  (t = i.value) == null || t.push({
+    liveId: e.user.roomId,
+    userId: e.user.userId,
+    userName: e.user.userName,
+    avatarUrl: e.user.avatarUrl,
+    microphoneStatus: h.Off,
+    allowOpenMicrophone: !0,
+    cameraStatus: h.Off,
+    allowOpenCamera: !0
+  }), c.value.set(e.user.userId, e.user.score), l(o.onUserJoinBattle, {
+    battleId: e.battleId,
+    battleUser: a(e.user)
+  });
+}, H = (e) => {
+  const { battleId: t } = e.battleInfo;
+  l(o.onBattleRequestReceived, {
+    battleId: t,
+    inviter: a(e.inviter),
+    invitee: a(e.invitee)
+  });
+}, K = (e) => {
+  const { battleId: t } = e.battleInfo;
+  l(o.onBattleRequestCancelled, {
+    battleId: t,
+    inviter: a(e.inviter),
+    invitee: a(e.invitee)
+  });
+}, P = (e) => {
+  const { battleId: t } = e.battleInfo;
+  l(o.onBattleRequestTimeout, {
+    battleId: t,
+    inviter: a(e.inviter),
+    invitee: a(e.invitee)
+  });
+}, Q = (e) => {
+  const { battleId: t } = e.battleInfo;
+  l(o.onBattleRequestAccept, {
+    battleId: t,
+    inviter: a(e.inviter),
+    invitee: a(e.invitee)
+  });
+}, V = (e) => {
+  const { battleId: t } = e.battleInfo;
+  l(o.onBattleRequestReject, {
+    battleId: t,
+    inviter: a(e.inviter),
+    invitee: a(e.invitee)
+  });
+}, W = [
+  { event: r.onBattleEnded, handler: D },
+  { event: r.onBattleScoreChanged, handler: $ },
+  { event: r.onBattleStarted, handler: z },
+  { event: r.onUserExitBattle, handler: F },
+  { event: r.onUserJoinBattle, handler: G },
+  { event: r.onBattleRequestReceived, handler: H },
+  { event: r.onBattleRequestCancelled, handler: K },
+  { event: r.onBattleRequestTimeout, handler: P },
+  { event: r.onBattleRequestAccept, handler: Q },
+  { event: r.onBattleRequestReject, handler: V }
+], X = () => {
+  W.forEach(({ event: e, handler: t }) => {
+    var s;
+    const n = (s = B.instance) == null ? void 0 : s.getLiveBattleManager();
+    n == null || n.on(e, t);
+  });
+};
+L(() => {
+  var e;
+  return (e = M.value) == null ? void 0 : e.liveId;
+}, (e) => {
+  e || x();
+});
+O.once("ready", () => {
+  X();
+});
+function ae() {
+  return {
+    currentBattleInfo: E,
+    battleUsers: i,
+    battleScore: c,
+    subscribeEvent: C,
+    unsubscribeEvent: j,
+    requestBattle: y,
+    cancelBattleRequest: N,
+    acceptBattle: k,
+    rejectBattle: A,
+    exitBattle: J
+  };
+}
+export {
+  ae as useBattleState
+};

package/dist/states/BattleState/index.d.ts

@@ -0,0 +1 @@
+export { useBattleState } from './BattleState';

package/dist/states/BattleState/index.js

@@ -0,0 +1,4 @@
+import { useBattleState as a } from "./BattleState.js";
+export {
+  a as useBattleState
+};

package/dist/states/CoGuestState.d.ts

@@ -1,106 +1,36 @@
-import { TUIMediaDevice, TUIRequestCallback } from '@tencentcloud/tuiroom-engine-js';
-import { CoGuestStatus, AudienceInfo, CoGuestRequestInfo, SeatUserInfo } from '../types';
+import { HostEvent, GuestEvent, SeatUserInfo, LiveUserInfo } from '../types';
 
 export declare function useCoGuestState(): {
-    localCoGuestStatus: import('vue').ComputedRef<CoGuestStatus>;
-    userListInCoGuest: import('vue').ComputedRef<SeatUserInfo[]>;
-    receivedCoGuestUserList: import('vue').ComputedRef<AudienceInfo[]>;
-    availableCoGuestUserList: import('vue').ComputedRef<AudienceInfo[]>;
-    sentCoGuestUserList: import('vue').ComputedRef<AudienceInfo[]>;
-    latestReceivedCoGuestRequest: import('vue').Ref<{
-        timestamp: number;
-        requestId: string;
-        userId: string;
-        userName: string;
-        nameCard: string;
-        avatarUrl: string;
-    } | null, CoGuestRequestInfo | {
-        timestamp: number;
-        requestId: string;
-        userId: string;
-        userName: string;
-        nameCard: string;
-        avatarUrl: string;
-    } | null>;
-    latestCancelledCoGuestRequest: import('vue').Ref<{
-        timestamp: number;
-        requestId: string;
-        userId: string;
-        userName: string;
-        nameCard: string;
-        avatarUrl: string;
-    } | null, CoGuestRequestInfo | {
-        timestamp: number;
-        requestId: string;
-        userId: string;
-        userName: string;
-        nameCard: string;
-        avatarUrl: string;
-    } | null>;
-    latestAcceptedCoGuestRequest: import('vue').Ref<{
-        timestamp: number;
-        requestId: string;
-        userId: string;
-        userName: string;
-        nameCard: string;
-        avatarUrl: string;
-    } | null, CoGuestRequestInfo | {
-        timestamp: number;
-        requestId: string;
-        userId: string;
-        userName: string;
-        nameCard: string;
-        avatarUrl: string;
-    } | null>;
-    latestRejectedCoGuestRequest: import('vue').Ref<{
-        timestamp: number;
-        requestId: string;
-        userId: string;
-        userName: string;
-        nameCard: string;
-        avatarUrl: string;
-    } | null, CoGuestRequestInfo | {
-        timestamp: number;
-        requestId: string;
-        userId: string;
-        userName: string;
-        nameCard: string;
-        avatarUrl: string;
-    } | null>;
-    sendCoGuestRequest: (options?: {
-        seatIndex?: number;
-        timeout?: number;
-        userId?: string;
-        requestCallback?: (callbackInfo: TUIRequestCallback) => void;
-    }) => Promise<void>;
-    cancelCoGuestRequest: (options: {
-        userId?: string;
+    connected: import('vue').ComputedRef<SeatUserInfo[]>;
+    invitees: import('vue').ComputedRef<LiveUserInfo[]>;
+    applicants: import('vue').ComputedRef<LiveUserInfo[]>;
+    candidates: import('vue').Ref<never[], never[]>;
+    applyForSeat: (options: {
+        seatIndex: number;
+        timeout: number;
     }) => Promise<void>;
-    acceptCoGuestRequest: (options: {
-        userId?: string;
-    }) => Promise<void>;
-    rejectCoGuestRequest: (options: {
-        userId?: string;
+    cancelApplication: () => Promise<void>;
+    acceptApplication: (options: {
+        userId: string;
     }) => Promise<void>;
-    disconnect: (userId?: string) => Promise<void>;
-    sendOpenDeviceRequest: (options: {
-        type: TUIMediaDevice;
-        timeout?: number;
+    rejectApplication: (options: {
         userId: string;
-        requestCallback?: (callbackInfo: TUIRequestCallback) => void;
     }) => Promise<void>;
-    cancelOpenDeviceRequest: (options: {
-        type: TUIMediaDevice;
+    inviteToSeat: (options: {
         userId: string;
+        seatIndex: number;
+        timeout: number;
     }) => Promise<void>;
-    acceptOpenDeviceRequest: (options: {
-        type: TUIMediaDevice;
+    cancelInvitation: (options: {
+        inviteeId: string;
     }) => Promise<void>;
-    rejectOpenDeviceRequest: (options: {
-        type: TUIMediaDevice;
+    acceptInvitation: (options: {
+        inviterId: string;
     }) => Promise<void>;
-    closeRemoteDevice: (options: {
-        type: TUIMediaDevice;
-        userId: string;
+    rejectInvitation: (options: {
+        inviterId: string;
     }) => Promise<void>;
+    disConnect: () => Promise<void | undefined>;
+    subscribeEvent: (event: HostEvent | GuestEvent, callback: (eventInfo: any) => void) => void;
+    unsubscribeEvent: (event: HostEvent | GuestEvent, callback: (eventInfo: any) => void) => void;
 };