tuikit-atomicx-vue3 3.4.1 → 3.5.0-beta.7

package/dist/states/LiveSeatState/seatManager.js

@@ -1,40 +1,142 @@
-var y = Object.defineProperty;
-var d = (o, t, a) => t in o ? y(o, t, { enumerable: !0, configurable: !0, writable: !0, value: a }) : o[t] = a;
-var s = (o, t, a) => d(o, typeof t != "symbol" ? t + "" : t, a);
-import { useRoomEngine as S } from "../../hooks/useRoomEngine.js";
-import { usePlayStream as k } from "./usePlayStream/index.js";
-const c = S(), { startPlayStream: f, stopPlayStream: P } = k(), e = class e {
+var p = Object.defineProperty;
+var w = (r, e, t) => e in r ? p(r, e, { enumerable: !0, configurable: !0, writable: !0, value: t }) : r[e] = t;
+var k = (r, e, t) => w(r, typeof e != "symbol" ? e + "" : e, t);
+import { useRoomEngine as A } from "../../hooks/useRoomEngine.js";
+import { usePlayStream as I } from "./usePlayStream/index.js";
+import { useLoginState as v } from "../LoginState.js";
+import { TUIRole as U, TUIMoveSeatPolicy as u, TUIMediaDevice as f } from "@tencentcloud/tuiroom-engine-js";
+import { useSeatStore as L } from "./store.js";
+import { MoveSeatPolicy as d } from "../../types/seat.js";
+const i = A(), { startPlayStream: P, stopPlayStream: R } = I(), { loginUserInfo: g } = v(), { seatList: S } = L(), l = class l {
   constructor() {
-    s(this, "lockSeat", async ({ seatIndex: t, isLocked: a }) => {
-      var r, m;
-      const n = await ((r = c.instance) == null ? void 0 : r.getSeatList()), i = n == null ? void 0 : n.find((u) => u.index === t);
-      if (i)
-        return await ((m = c.instance) == null ? void 0 : m.lockSeatByAdmin({
-          seatIndex: t,
-          lockParams: {
-            lockSeat: a,
-            lockVideo: i.isVideoLocked,
-            lockAudio: i.isAudioLocked
-          }
-        }));
+    l.instance || (l.instance = this);
+  }
+  async takeSeat({ seatIndex: e }) {
+    var o, a, n;
+    if ((await ((a = i.instance) == null ? void 0 : a.getUserInfo({ userId: ((o = g.value) == null ? void 0 : o.userId) || "" }))).userRole === U.kAdministrator)
+      throw new Error("general user please use applyForSeat in useCoGuestState to take seat");
+    return await ((n = i.instance) == null ? void 0 : n.takeSeat({
+      seatIndex: e,
+      timeout: 0
+    }));
+  }
+  async leaveSeat() {
+    var e;
+    return await ((e = i.instance) == null ? void 0 : e.leaveSeat());
+  }
+  async lockSeat({ seatIndex: e }) {
+    var a, n;
+    const t = await ((a = i.instance) == null ? void 0 : a.getSeatList()), o = t == null ? void 0 : t.find((c) => c.index === e);
+    if (o)
+      return await ((n = i.instance) == null ? void 0 : n.lockSeatByAdmin({
+        seatIndex: e,
+        lockParams: {
+          lockSeat: !0,
+          lockVideo: o.isVideoLocked,
+          lockAudio: o.isAudioLocked
+        }
+      }));
+  }
+  async unLockSeat({ seatIndex: e }) {
+    var a, n;
+    const t = await ((a = i.instance) == null ? void 0 : a.getSeatList()), o = t == null ? void 0 : t.find((c) => c.index === e);
+    if (o)
+      return await ((n = i.instance) == null ? void 0 : n.lockSeatByAdmin({
+        seatIndex: e,
+        lockParams: {
+          lockSeat: !1,
+          lockVideo: o.isVideoLocked,
+          lockAudio: o.isAudioLocked
+        }
+      }));
+  }
+  async kickUserOutOfSeat({ userId: e }) {
+    var o;
+    const t = S.value.find((a) => {
+      var n;
+      return ((n = a.userInfo) == null ? void 0 : n.userId) === e;
     });
-    e.instance || (e.instance = this);
+    if (t)
+      return await ((o = i.instance) == null ? void 0 : o.kickUserOffSeatByAdmin({
+        seatIndex: t.index,
+        userId: e
+      }));
+  }
+  async moveUserToSeat({ userId: e, targetIndex: t, policy: o }) {
+    var c;
+    if (!S.value.find((s) => {
+      var m;
+      return ((m = s.userInfo) == null ? void 0 : m.userId) === e;
+    }))
+      return;
+    const n = {
+      [d.AbortWhenOccupied]: u.kAbortWhenOccupied,
+      [d.ForceReplace]: u.kForceReplace,
+      [d.SwapPosition]: u.kSwapPosition
+    };
+    return await ((c = i.instance) == null ? void 0 : c.moveUserToSeatByAdmin({
+      userId: e,
+      targetSeatIndex: t,
+      policy: n[o]
+    }));
+  }
+  async closeRemoteCamera({ userId: e }) {
+    var t;
+    return await ((t = i.instance) == null ? void 0 : t.closeRemoteDeviceByAdmin({
+      userId: e,
+      device: f.kCamera
+    }));
   }
-  async moveToSeat({ targetSeatIndex: t }) {
-    var a;
-    return await ((a = c.instance) == null ? void 0 : a.moveToSeat({
-      targetSeatIndex: t
+  async closeRemoteMicrophone({ userId: e }) {
+    var t;
+    return await ((t = i.instance) == null ? void 0 : t.closeRemoteDeviceByAdmin({
+      userId: e,
+      device: f.kMicrophone
     }));
   }
-  async startPlayStream({ view: t }) {
-    return await f({ view: t });
+  async openRemoteCamera({ userId: e, policy: t }) {
+    var n, c;
+    const o = await ((n = i.instance) == null ? void 0 : n.getSeatList()), a = o == null ? void 0 : o.find((s) => (s == null ? void 0 : s.userId) === e);
+    if (a)
+      return await ((c = i.instance) == null ? void 0 : c.lockSeatByAdmin({
+        seatIndex: a.index,
+        lockParams: {
+          lockSeat: a.isLocked,
+          lockVideo: !1,
+          lockAudio: a.isAudioLocked
+        }
+      }));
+  }
+  async openRemoteMicrophone({ userId: e, policy: t }) {
+    var n, c;
+    const o = await ((n = i.instance) == null ? void 0 : n.getSeatList()), a = o == null ? void 0 : o.find((s) => (s == null ? void 0 : s.userId) === e);
+    if (a)
+      return await ((c = i.instance) == null ? void 0 : c.lockSeatByAdmin({
+        seatIndex: a.index,
+        lockParams: {
+          lockSeat: a.isLocked,
+          lockVideo: a.isVideoLocked,
+          lockAudio: !1
+        }
+      }));
+  }
+  async muteMicrophone() {
+    var e;
+    await ((e = i.instance) == null ? void 0 : e.muteLocalAudio());
+  }
+  async unmuteMicrophone() {
+    var e;
+    await ((e = i.instance) == null ? void 0 : e.unmuteLocalAudio());
+  }
+  async startPlayStream({ view: e }) {
+    return await P({ view: e });
   }
   async stopPlayStream() {
-    return await P();
+    return await R();
   }
 };
-s(e, "instance");
-let l = e;
+k(l, "instance");
+let y = l;
 export {
-  l as default
+  y as default
 };

package/dist/states/LiveSeatState/store.d.ts

@@ -1,5 +1,5 @@
 import { Ref } from 'vue';
-import { SeatInfo, LiveCanvas, TUINetwork } from '../../types';
+import { SeatInfo, LiveCanvas, NetworkInfo } from '../../types';
 
 export declare function useSeatStore(): {
     canvas: Ref<{
@@ -15,15 +15,15 @@ export declare function useSeatStore(): {
     speakingUsers: 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>>)>;
     networkQualities: Ref<Map<string, {
         userId: string;
-        quality: import('../..').TUINetworkQuality;
+        quality: import('../..').NetworkQuality;
         upLoss: number;
         downLoss: number;
         delay: number;
-    }> & Omit<Map<string, TUINetwork>, keyof Map<any, any>>, Map<string, TUINetwork> | (Map<string, {
+    }> & Omit<Map<string, NetworkInfo>, keyof Map<any, any>>, Map<string, NetworkInfo> | (Map<string, {
         userId: string;
-        quality: import('../..').TUINetworkQuality;
+        quality: import('../..').NetworkQuality;
         upLoss: number;
         downLoss: number;
         delay: number;
-    }> & Omit<Map<string, TUINetwork>, keyof Map<any, any>>)>;
+    }> & Omit<Map<string, NetworkInfo>, keyof Map<any, any>>)>;
 };

package/dist/states/LiveSeatState/store.js

@@ -1,13 +1,15 @@
-import { ref as t, watch as r } from "vue";
-import { useLiveState as s } from "../LiveState/index.js";
-import { LiveStatus as n } from "../../types/live.js";
-const { localLiveStatus: u } = s(), e = t({
+import { ref as t, watch as n } from "vue";
+import { useLiveListState as r } from "../LiveListState/LiveListState.js";
+const { currentLive: o } = r(), i = t({
   width: 0,
   height: 0,
   background: ""
-}), a = t([]), c = t(/* @__PURE__ */ new Map()), m = t(/* @__PURE__ */ new Map());
-r(u, (i, o) => {
-  o && i === n.IDLE && (e.value = {
+}), a = t([]), s = t(/* @__PURE__ */ new Map()), u = t(/* @__PURE__ */ new Map());
+n(() => {
+  var e;
+  return (e = o.value) == null ? void 0 : e.liveId;
+}, (e) => {
+  e || (i.value = {
     width: 0,
     height: 0,
     background: ""
@@ -15,10 +17,10 @@ r(u, (i, o) => {
 }, { immediate: !0 });
 function v() {
   return {
-    canvas: e,
+    canvas: i,
     seatList: a,
-    speakingUsers: c,
-    networkQualities: m
+    speakingUsers: s,
+    networkQualities: u
   };
 }
 export {

package/dist/states/LiveSeatState/usePlayStream/RTCStreamManager.js

@@ -4,7 +4,7 @@ var o = (c, a, t) => I(c, typeof a != "symbol" ? a + "" : a, t);
 import { TUIVideoStreamType as y } from "@tencentcloud/tuiroom-engine-js";
 import M from "./RTCStreamPlayer.js";
 import { useLoginState as S } from "../../LoginState.js";
-import { useVideoMixerState as g } from "../../VideoMixerState.js";
+import { useVideoMixerState as g } from "../../VideoMixerState/VideoMixerState.js";
 import { DeviceStatus as l } from "../../../types/device.js";
 const { loginUserInfo: m } = S(), { isVideoMixerEnabled: f } = g(), n = class n {
   constructor() {

package/dist/states/LiveSeatState/usePlayStream/RTCStreamPlayer.js

@@ -4,7 +4,7 @@ var s = (r, e, t) => m(r, typeof e != "symbol" ? e + "" : e, t);
 import { TUIVideoStreamType as u, TRTCVideoFillMode as p, TRTCVideoRotation as T, TRTCVideoMirrorType as w } from "@tencentcloud/tuiroom-engine-js";
 import { useRoomEngine as V } from "../../../hooks/useRoomEngine.js";
 import { useLoginState as v } from "../../LoginState.js";
-import { useVideoMixerState as I } from "../../VideoMixerState.js";
+import { useVideoMixerState as I } from "../../VideoMixerState/VideoMixerState.js";
 const a = V(), { loginUserInfo: h } = v(), { isVideoMixerEnabled: c } = I();
 class S {
   constructor(e) {

package/dist/states/LiveSeatState/usePlayStream/index.js

@@ -1,59 +1,61 @@
-import { RTCStreamManager as p } from "./RTCStreamManager.js";
-import { MixStreamPlayer as m } from "./MixStreamPlayer.js";
 import { ref as i, watch as r } from "vue";
-import { useStreamPosition as I } from "./useStreamPostion.js";
-import h, { TUIRoomEvents as y } from "@tencentcloud/tuiroom-engine-js";
-import { useRoomEngine as E } from "../../../hooks/useRoomEngine.js";
-import { useLiveState as O } from "../../LiveState/index.js";
-import { LiveStatus as R } from "../../../types/live.js";
-import { DeviceStatus as c } from "../../../types/device.js";
-const S = E(), { positionList: d, createResizeObserver: C, deleteResizeObserver: L } = I(), { localLiveStatus: U } = O(), n = i(!1), T = i(null), a = new m(), s = new p();
+import p, { TUIRoomEvents as I } from "@tencentcloud/tuiroom-engine-js";
+import { useRoomEngine as m } from "../../../hooks/useRoomEngine.js";
+import { MixStreamPlayer as h } from "./MixStreamPlayer.js";
+import { RTCStreamManager as y } from "./RTCStreamManager.js";
+import { useStreamPosition as O } from "./useStreamPostion.js";
+import { useLiveListState as R } from "../../LiveListState/LiveListState.js";
+import { DeviceStatus as d } from "../../../types/device.js";
+const E = m(), { positionList: c, createResizeObserver: C, deleteResizeObserver: S } = O(), { currentLive: U } = R(), a = i(!1), L = i(null), n = new h(), s = new y();
 let f = "";
 const l = i(null), u = i([]);
-async function V({ view: e }) {
+async function T({ view: e }) {
   var t, o;
-  f = e, n.value = !0, C({ view: e }), (t = l.value) != null && t.userId && ((o = l.value) == null ? void 0 : o.cameraStatus) === c.On ? await (a == null ? void 0 : a.start({ view: e, userInfo: l.value })) : u.value.length > 0 && await (s == null ? void 0 : s.start({ view: e, userList: u.value }));
+  f = e, a.value = !0, C({ view: e }), (t = l.value) != null && t.userId && ((o = l.value) == null ? void 0 : o.cameraStatus) === d.On ? await (n == null ? void 0 : n.start({ view: e, userInfo: l.value })) : u.value.length > 0 && await (s == null ? void 0 : s.start({ view: e, userList: u.value }));
 }
-r(d, (e) => {
+r(c, (e) => {
   u.value.forEach((t) => {
     e.find((o) => o.userId === t.userId) && (t.rect = e.find((o) => o.userId === t.userId));
-  }), n.value && u.value.length > 0 && s.update({ userList: u.value });
+  }), a.value && u.value.length > 0 && s.update({ userList: u.value });
 });
-async function b() {
-  a == null || a.stop(), s == null || s.stop(), T.value = null, n.value = !1, f = "", L();
+async function V() {
+  n == null || n.stop(), s == null || s.stop(), L.value = null, a.value = !1, f = "", S();
 }
-function w(e) {
+function b(e) {
   const { userId: t, hasVideo: o } = e;
   t.indexOf("livekit_") === 0 ? l.value = o ? {
     userId: t,
-    cameraStatus: c.On
-  } : null : o ? u.value.push({ userId: t, cameraStatus: c.On, rect: d.value.find((v) => v.userId === t) }) : u.value = u.value.filter((v) => v.userId !== t);
+    cameraStatus: d.On
+  } : null : o ? u.value.push({ userId: t, cameraStatus: d.On, rect: c.value.find((v) => v.userId === t) }) : u.value = u.value.filter((v) => v.userId !== t);
 }
 r(() => l.value, (e) => {
-  n.value && (e ? a.start({ view: f, userInfo: l.value }) : a.stop());
+  a.value && (e ? n.start({ view: f, userInfo: l.value }) : n.stop());
 });
 r(
   () => u.value.length,
   (e, t) => {
-    n.value && (t === 0 && e > 0 && (s == null || s.start({ view: f, userList: u.value })), t > 0 && e === 0 && (s == null || s.stop()));
+    a.value && (t === 0 && e > 0 && (s == null || s.start({ view: f, userList: u.value })), t > 0 && e === 0 && (s == null || s.stop()));
   }
 );
 r(
-  () => U.value,
+  () => {
+    var e;
+    return (e = U.value) == null ? void 0 : e.liveId;
+  },
   (e) => {
-    e === R.IDLE && n.value && (l.value = null, u.value = []);
+    e || (l.value = null, u.value = []);
   }
 );
-h.once("ready", () => {
+p.once("ready", () => {
   var e;
-  (e = S.instance) == null || e.on(y.onUserVideoStateChanged, w);
+  (e = E.instance) == null || e.on(I.onUserVideoStateChanged, b);
 });
-function q() {
+function g() {
   return {
-    startPlayStream: V,
-    stopPlayStream: b
+    startPlayStream: T,
+    stopPlayStream: V
   };
 }
 export {
-  q as usePlayStream
+  g as usePlayStream
 };

package/dist/states/LoginState.d.ts

@@ -3,6 +3,29 @@ import { LoginParams, LoginUserInfo, SetSelfInfoParams } from '../types/login';
 declare function login(options: LoginParams): Promise<void>;
 declare function setSelfInfo(options: SetSelfInfoParams): Promise<void>;
 declare function logout(): Promise<void>;
+/**
+ * 用户登录状态管理 Hook
+ * @memberof module:LoginState
+ * @description 提供用户登录、登出、个人信息管理等功能
+ * @returns {Object} 返回登录状态管理对象
+ * @returns {Ref<LoginUserInfo | null>} returns.loginUserInfo - 当前登录用户信息
+ * @returns {Function} returns.login - 登录函数
+ * @returns {Function} returns.logout - 登出函数
+ * @returns {Function} returns.setSelfInfo - 设置个人信息函数
+ * @example
+ * ```typescript
+ * const { loginUserInfo, login, logout, setSelfInfo } = useLoginState();
+ *
+ * // 登录
+ * await login({ userId: 'user123', userSig: 'sig', sdkAppId: 123456 });
+ *
+ * // 设置个人信息
+ * await setSelfInfo({ nick: '新昵称' });
+ *
+ * // 登出
+ * await logout();
+ * ```
+ */
 export declare function useLoginState(): {
     loginUserInfo: import('vue').Ref<{
         userId: string;

package/dist/states/MessageInputState/MessageInputState.d.ts

@@ -3,13 +3,13 @@ import { MessageContentType, InputContent } from './type';
 import { Editor } from '@tiptap/vue-3';
 
 /**
- * Message Input Store
- *
- * This store manages the state and operations related to the chat message input, including:
- * - Raw input value (text or structured content)
- * - Editor instance management
- * - Content manipulation (insertion, updating, etc.)
- * - Message sending functionality
+ * 消息输入状态管理
+ * @module MessageInputState
+ * @description 管理聊天消息输入相关的状态和操作，包括：
+ * - 原始输入值（文本或结构化内容）
+ * - 编辑器实例管理
+ * - 内容操作（插入、更新等）
+ * - 消息发送功能
  */
 interface MessageInputState {
     inputRawValue: Ref<string | InputContent[]>;
@@ -24,6 +24,40 @@ interface MessageInputAction {
     blurEditor: () => void;
     sendMessage: (msg?: string | InputContent[]) => void;
 }
+/**
+ * 消息输入状态管理 Hook
+ * @memberof module:MessageInputState
+ * @description 提供消息输入相关的状态管理和操作功能，包括文本输入、编辑器控制、消息发送等
+ * @returns {MessageInputState & MessageInputAction} 返回消息输入状态管理对象
+ * @returns {Ref<string>} returns.inputRawValue - 输入框原始值
+ * @returns {Ref<boolean>} returns.isPeerTyping - 对方是否正在输入
+ * @returns {Function} returns.updateRawValue - 更新输入框原始值函数
+ * @returns {Function} returns.setEditorInstance - 设置编辑器实例函数
+ * @returns {Function} returns.setContent - 设置编辑器内容函数
+ * @returns {Function} returns.insertContent - 插入内容到编辑器函数
+ * @returns {Function} returns.focusEditor - 聚焦编辑器函数
+ * @returns {Function} returns.blurEditor - 失焦编辑器函数
+ * @returns {Function} returns.sendMessage - 发送消息函数
+ * @example
+ * ```typescript
+ * const {
+ *   inputRawValue,
+ *   isPeerTyping,
+ *   setContent,
+ *   sendMessage,
+ *   focusEditor
+ * } = useMessageInputState();
+ *
+ * // 设置编辑器内容
+ * setContent('Hello World');
+ *
+ * // 发送消息
+ * await sendMessage();
+ *
+ * // 聚焦编辑器
+ * focusEditor();
+ * ```
+ */
 declare function useMessageInputState(): MessageInputState & MessageInputAction;
 export { useMessageInputState, MessageContentType };
 export type { InputContent };

package/dist/states/MessageInputState/MessageInputState.js

@@ -1,111 +1,112 @@
-import { ref as d } from "vue";
-import { TUIStore as w, StoreName as M, TUIChatService as o } from "@tencentcloud/chat-uikit-engine";
-import { MessageContentType as s } from "./type.js";
-import { convertInputContentToEditorNode as p } from "./utils.js";
+import { ref as l } from "vue";
+import { TUIStore as w, StoreName as I, TUIChatService as r } from "@tencentcloud/chat-uikit-engine";
+import { MessageContentType as a } from "./type.js";
+import { trimInputContent as M, convertInputContentToEditorNode as p } from "./utils.js";
 import { useMessageListState as v } from "../MessageListState/MessageListState.js";
 import { transformTextWithEmojiNameToKey as f } from "../../utils/emoji.js";
-const n = d(null), m = d(""), y = d(!1), E = (e) => {
+const n = l(null), m = l(""), y = l(!1), E = (e) => {
   if (typeof e != "string" && !Array.isArray(e)) {
     console.warn("Invalid input type for updateRawValue");
     return;
   }
-  typeof e == "string" ? m.value = e.trim() : m.value = (e == null ? void 0 : e.length) > 0 ? e : "", o.enterTypingState(), setTimeout(() => {
-    o.leaveTypingState();
+  typeof e == "string" ? m.value = e.trim() : m.value = (e == null ? void 0 : e.length) > 0 ? e : "", r.enterTypingState(), setTimeout(() => {
+    r.leaveTypingState();
   }, 3e3);
-}, I = (e) => {
-  n.value && n.value.destroy(), n.value = e;
 }, C = (e) => {
+  n.value && n.value.destroy(), n.value = e;
+}, S = (e) => {
   if (n.value) {
     if (typeof e == "string")
       n.value.commands.setContent(e, !0);
     else {
-      const r = e.map(p);
-      n.value.commands.setContent(r, !0);
+      const i = e.map(p);
+      n.value.commands.setContent(i, !0);
     }
     n.value.commands.focus();
   }
-}, S = (e, r = !0) => {
+}, x = (e, i = !0) => {
   if (n.value) {
     if (typeof e == "string")
       n.value.commands.insertContent(e);
     else {
-      const a = e.map(p);
-      n.value.commands.insertContent(a);
+      const o = e.map(p);
+      n.value.commands.insertContent(o);
     }
-    r && n.value.commands.focus();
+    i && n.value.commands.focus();
   }
-}, x = () => {
+}, h = () => {
   var e;
   (e = n.value) == null || e.commands.focus();
-}, h = () => {
+}, R = () => {
   var e;
   (e = n.value) == null || e.commands.blur();
-}, R = async (e) => {
-  const { enableReadReceipt: r } = v(), a = {
-    needReadReceipt: r.value || !1
-  }, c = e ?? m.value;
-  if (!c)
+}, A = async (e) => {
+  const { enableReadReceipt: i } = v(), o = {
+    needReadReceipt: i.value || !1
+  };
+  let s = e ?? m.value;
+  if (typeof s == "string" ? s = s.trim() : s = M(s), !s)
     return;
-  if (typeof c == "string") {
-    o.sendTextMessage({
-      payload: { text: f(c) },
-      ...a
+  if (typeof s == "string") {
+    r.sendTextMessage({
+      payload: { text: f(s) },
+      ...o
     });
     return;
   }
-  let u = "";
-  const i = async () => {
-    u && (await o.sendTextMessage({
-      payload: { text: f(u) },
-      ...a
-    }), u = "");
-  }, l = {
-    [s.TEXT]: (t) => t,
-    [s.IMAGE]: async (t) => (await i(), await o.sendImageMessage({
+  let c = "";
+  const u = async () => {
+    c && (await r.sendTextMessage({
+      payload: { text: f(c) },
+      ...o
+    }), c = "");
+  }, d = {
+    [a.TEXT]: (t) => t,
+    [a.IMAGE]: async (t) => (await u(), await r.sendImageMessage({
       payload: { file: t },
-      ...a
+      ...o
     }), ""),
-    [s.VIDEO]: async (t) => (await i(), await o.sendVideoMessage({
+    [a.VIDEO]: async (t) => (await u(), await r.sendVideoMessage({
       payload: { file: t },
-      ...a
+      ...o
     }), ""),
-    [s.FILE]: async (t) => (await i(), await o.sendFileMessage({
+    [a.FILE]: async (t) => (await u(), await r.sendFileMessage({
       payload: { file: t },
-      ...a
+      ...o
     }), ""),
-    [s.MENTION]: async () => (await i(), console.warn("Mention feature not implemented yet"), ""),
-    [s.EMOJI]: (t) => t.key
+    [a.MENTION]: async () => (await u(), console.warn("Mention feature not implemented yet"), ""),
+    [a.EMOJI]: (t) => t.key
   };
-  for (const t of c) {
-    if (!t.type || !l[t.type])
+  for (const t of s) {
+    if (!t.type || !d[t.type])
       throw new Error(`Invalid message type: ${t.type}`);
-    const g = l[t.type], T = await g(t.content);
-    [s.TEXT, s.EMOJI].includes(t.type) && (u += T);
+    const g = d[t.type], T = await g(t.content);
+    [a.TEXT, a.EMOJI].includes(t.type) && (c += T);
   }
-  await i();
+  await u();
 };
-function F() {
+function J() {
   return {
     inputRawValue: m,
     isPeerTyping: y,
     updateRawValue: E,
-    setEditorInstance: I,
-    setContent: C,
-    insertContent: S,
-    focusEditor: x,
-    blurEditor: h,
-    sendMessage: R
+    setEditorInstance: C,
+    setContent: S,
+    insertContent: x,
+    focusEditor: h,
+    blurEditor: R,
+    sendMessage: A
   };
 }
-function A() {
-  w.watch(M.CHAT, {
+function N() {
+  w.watch(I.CHAT, {
     typingStatus: (e) => {
       y.value = e;
     }
   });
 }
-A();
+N();
 export {
-  s as MessageContentType,
-  F as useMessageInputState
+  a as MessageContentType,
+  J as useMessageInputState
 };

package/dist/states/MessageInputState/utils.d.ts

@@ -27,4 +27,11 @@ declare function convertInputContentToEditorNode(item: InputContent): {
     };
     text?: undefined;
 };
-export { convertInputContentToEditorNode, };
+/**
+ * Trims whitespace from the beginning and end of an InputContent array,
+ * while preserving internal whitespace and line breaks
+ * @param content - The input content array to trim
+ * @returns Trimmed input content array
+ */
+declare function trimInputContent(content: InputContent[]): InputContent[];
+export { trimInputContent, convertInputContentToEditorNode, };