@realsee/live 0.6.2 → 0.6.4

package/dist/index.es.js

@@ -1,9 +1,9 @@
 var At = Object.defineProperty;
 var Dt = (t, s, e) => s in t ? At(t, s, { enumerable: !0, configurable: !0, writable: !0, value: e }) : t[s] = e;
 var o = (t, s, e) => (Dt(t, typeof s != "symbol" ? s + "" : s, e), e);
-import Vt from "@realsee/jsbridge-x";
+import Mt from "@realsee/jsbridge-x";
 import ke from "trtc-js-sdk";
-import { ConsoleLogger as Mt, LogLevel as $t, DefaultDeviceController as xt, MeetingSessionConfiguration as Ut, DefaultMeetingSession as Bt, DefaultModality as et, MeetingSessionStatusCode as Wt } from "amazon-chime-sdk-js";
+import { ConsoleLogger as Vt, LogLevel as $t, DefaultDeviceController as xt, MeetingSessionConfiguration as Ut, DefaultMeetingSession as Bt, DefaultModality as et, MeetingSessionStatusCode as Wt } from "amazon-chime-sdk-js";
 import V, { createContext as Ft } from "react";
 const oe = Symbol("$$REALSEE_LIVE_EVENT$$");
 function ge(t) {
@@ -108,7 +108,7 @@ const Kt = () => {
   info: Gt,
   error: Ht,
   warn: Jt
-}, A = zt;
+}, T = zt;
 function X() {
   return ((1 + Math.random()) * 65536 | 0).toString(16).substring(1);
 }
@@ -194,7 +194,7 @@ class tt extends De {
       const n = { audio: !0, video: !1 };
       try {
         navigator.mediaDevices.getUserMedia(n).then(() => e(!0)).catch((i) => {
-          A.error(i.message), e(!1);
+          T.error(i.message), e(!1);
         });
       } catch (i) {
         console.error(i), e(!1);
@@ -239,9 +239,11 @@ class rt extends De {
     o(this, "audioOutput");
     o(this, "deviceChangeObserver", {});
     o(this, "audioVideoObserver", {});
+    o(this, "audioMixObserver");
     o(this, "_getVoiceSign", () => {
       throw new Error("方法 getVoiceSign 未实现");
     });
+    o(this, "_autoPlayConfirm");
     o(this, "$dom", document.createElement("div"));
     o(this, "$audio", document.createElement("audio"));
     /**
@@ -281,6 +283,21 @@ class rt extends De {
         audioVideoDidStartConnecting: (e) => {
           e && this.logger.info("Attempting to reconnect");
         }
+      }, this.audioMixObserver = {
+        meetingAudioStreamBecameActive: (e) => {
+          if (this.$audio.paused) {
+            const n = () => this.$audio.play().then(() => {
+            }).catch((i) => {
+              if (T.error("播放远端流失败！", i), typeof this._autoPlayConfirm == "function") {
+                const a = () => n();
+                this._autoPlayConfirm({ onConfirm: a });
+              }
+            });
+            n();
+          }
+        },
+        meetingAudioStreamBecameInactive: (e) => {
+        }
       };
     });
     /**
@@ -292,41 +309,41 @@ class rt extends De {
       if (e) {
         const g = /* @__PURE__ */ new Map(), v = () => {
           const p = [];
-          return g.forEach((w, m) => {
+          return g.forEach((S, m) => {
             p.push({
-              userId: w.userId,
-              volume: w.muted || w.signalStrength === 0 || !Boolean(w.volume) ? 0 : w.volume
+              userId: S.userId,
+              volume: S.muted || S.signalStrength === 0 || !Boolean(S.volume) ? 0 : S.volume
             });
           }), p;
         };
         (u = this.meetingSession) == null || u.audioVideo.realtimeSubscribeToAttendeeIdPresence(
-          (p, w, m) => {
-            var N;
-            if (!w) {
+          (p, S, m) => {
+            var A;
+            if (!S) {
               g.delete(p), this.emit("userVolumes", v());
               return;
             }
-            (N = this.meetingSession) == null || N.audioVideo.realtimeSubscribeToVolumeIndicator(
+            (A = this.meetingSession) == null || A.audioVideo.realtimeSubscribeToVolumeIndicator(
               p,
-              (M, P, Y, K) => {
-                new et(M).base() === M && (g.set(M, {
-                  userId: m || M,
+              (w, P, H, J) => {
+                new et(w).base() === w && (g.set(w, {
+                  userId: m || w,
                   volume: P,
-                  muted: Y,
-                  signalStrength: K
+                  muted: H,
+                  signalStrength: J
                 }), this.emit("userVolumes", v()));
               }
             );
           }
         ), (f = this.meetingSession) == null || f.audioVideo.realtimeSubscribeToVolumeIndicator(
           e,
-          (p, w, m, N) => {
-            new et(p).base() === p && N !== null && N !== 1 && this.emit("weakNetwork");
+          (p, S, m, A) => {
+            new et(p).base() === p && A !== null && A !== 1 && this.emit("weakNetwork");
           }
         ), (_ = this.meetingSession) == null || _.audioVideo.realtimeSubscribeToFatalError((p) => this.emit("error", p));
       }
     });
-    this._getVoiceSign = e.getVoiceSign, this._initDom(), this.logger = new Mt("WebRTCLogger", e.logLevel || $t.INFO), this.deviceController = new xt(this.logger), this.initObservers();
+    this._getVoiceSign = e.getVoiceSign, this._autoPlayConfirm = e.autoPlayConfirm, this._initDom(), this.logger = new Vt("WebRTCLogger", e.logLevel || $t.INFO), this.deviceController = new xt(this.logger), this.initObservers();
   }
   /**
    * 加入语音会议
@@ -343,11 +360,11 @@ class rt extends De {
           roomId: e.roomId || 0
         });
         this.userId = _;
-        const { attendence: p, vendor_wrapper: w } = JSON.parse(
+        const { attendence: p, vendor_wrapper: S } = JSON.parse(
           decodeURIComponent(v)
         ), m = new Ut(
           {
-            Meeting: w
+            Meeting: S
           },
           {
             Attendee: {
@@ -358,20 +375,35 @@ class rt extends De {
           }
         );
         this.meetingSession = new Bt(m, this.logger, this.deviceController), this._registerRtcEvent(), this.meetingSession.audioVideo.addDeviceChangeObserver(this.deviceChangeObserver), this.meetingSession.audioVideo.addObserver(this.audioVideoObserver), this.meetingSession.audioVideo.bindAudioElement(this.$audio);
-        const N = {
+        const A = {
           audioVideoDidStart: () => {
-            var I;
-            (I = this.meetingSession) == null || I.audioVideo.realtimeMuteLocalAudio(), this.joined = !0, this.emit("joined"), n(!0);
+            var w;
+            (w = this.meetingSession) == null || w.audioVideo.realtimeMuteLocalAudio(), this.joined = !0, this.emit("joined"), n(!0);
           },
           audioVideoDidStop: () => {
             this.joined = !1, n(!1);
           }
         };
-        this.meetingSession.audioVideo.addObserver(N), this.meetingSession.audioVideo.setDeviceLabelTrigger(
+        this.meetingSession.audioVideo.addObserver(A), this.audioMixObserver && this.meetingSession.audioVideo.addAudioMixObserver(this.audioMixObserver), this.meetingSession.audioVideo.setDeviceLabelTrigger(
           async () => await navigator.mediaDevices.getUserMedia({ audio: !0, video: !1 })
         );
-        const P = ((a = (await this.meetingSession.audioVideo.listAudioInputDevices())[0]) == null ? void 0 : a.deviceId) || "default", K = ((u = (await this.meetingSession.audioVideo.listAudioOutputDevices())[0]) == null ? void 0 : u.deviceId) || "default";
-        await this.meetingSession.audioVideo.startAudioInput(P), await this.meetingSession.audioVideo.chooseAudioOutput(K), this.meetingSession.audioVideo.start();
+        try {
+          const w = await this.meetingSession.audioVideo.listAudioInputDevices();
+          T.info("audioInputDevices ===>", w);
+          const P = ((a = w[0]) == null ? void 0 : a.deviceId) || "default";
+          await this.meetingSession.audioVideo.startAudioInput(P);
+        } catch (w) {
+          T.error(`设置语音输入设备失败:${w.message}`);
+        }
+        try {
+          const w = await this.meetingSession.audioVideo.listAudioOutputDevices();
+          T.info("audioOutputDevices ===>", w);
+          const P = ((u = w[0]) == null ? void 0 : u.deviceId) || "default";
+          await this.meetingSession.audioVideo.chooseAudioOutput(P);
+        } catch (w) {
+          T.error(`设置语音输出设备失败:${w.message}`);
+        }
+        this.meetingSession.audioVideo.start();
       } catch (f) {
         this.emit("error", f), this.logger.error(f.message), n(!1);
       }
@@ -474,7 +506,7 @@ class nt extends De {
     this.jsBridge.shock(1);
   }
 }
-var W = /* @__PURE__ */ ((t) => (t.SelfUserInfo = "SELF_USER_INFO", t.RoomInfo = "ROOM_INFO", t.RTCInfo = "RTC_INFO", t.UserList = "USER_LIST", t.BuiltinMsg = "BUILTIN_MSG", t.CustomEvent = "CUSTOM_EVENT", t.KeyframeSync = "KEYFRAME_SYNC", t.UserKickOut = "USER_KICK_OUT", t))(W || {}), q = /* @__PURE__ */ ((t) => (t.UserChange = "user_change", t.RoomChange = "room_change", t))(q || {}), J = /* @__PURE__ */ ((t) => (t.UserMicroStatus = "change_micro_status", t.UserMicroStatusSync = "sync_micro_status", t.UserPermission = "change_permission", t.UserStatus = "change_status", t.UserInfo = "change_info", t.RoomClose = "close", t))(J || {}), Z = /* @__PURE__ */ ((t) => (t.OPEN = "OPEN", t.CLOSE = "CLOSE", t))(Z || {});
+var W = /* @__PURE__ */ ((t) => (t.SelfUserInfo = "SELF_USER_INFO", t.RoomInfo = "ROOM_INFO", t.RTCInfo = "RTC_INFO", t.UserList = "USER_LIST", t.BuiltinMsg = "BUILTIN_MSG", t.CustomEvent = "CUSTOM_EVENT", t.KeyframeSync = "KEYFRAME_SYNC", t.UserKickOut = "USER_KICK_OUT", t))(W || {}), q = /* @__PURE__ */ ((t) => (t.UserChange = "user_change", t.RoomChange = "room_change", t))(q || {}), G = /* @__PURE__ */ ((t) => (t.UserMicroStatus = "change_micro_status", t.UserMicroStatusSync = "sync_micro_status", t.UserPermission = "change_permission", t.UserStatus = "change_status", t.UserInfo = "change_info", t.RoomClose = "close", t))(G || {}), Z = /* @__PURE__ */ ((t) => (t.OPEN = "OPEN", t.CLOSE = "CLOSE", t))(Z || {});
 function Tr(t) {
   try {
     const s = JSON.parse(t), e = {
@@ -565,14 +597,14 @@ function ur(t, s) {
 function lr(t, s) {
   return Ee(t, s) ? !0 : ve(t) && ve(s) ? cr(t, s) : Array.isArray(t) && Array.isArray(s) ? ur(t, s) : !1;
 }
-function Ve(t, s) {
+function Me(t, s) {
   return Ee(t, s) ? !0 : ve(t) && ve(s) ? dr(t, s) : Array.isArray(t) && Array.isArray(s) ? fr(t, s) : !1;
 }
 function fr(t, s) {
   if (t.length !== s.length)
     return !1;
   for (let e = 0, n = t.length; e < n; e++)
-    if (!Ve(t[e], s[e]))
+    if (!Me(t[e], s[e]))
       return !1;
   return !0;
 }
@@ -582,13 +614,13 @@ function dr(t, s) {
     return !1;
   for (let i = 0, a = e.length; i < a; i++) {
     const u = e[i];
-    if (!Ve(t[u], s[u]))
+    if (!Me(t[u], s[u]))
       return !1;
   }
   return !0;
 }
 function st(t, s, e = { deep: !1 }) {
-  return e.deep ? Ve(t, s) : lr(t, s);
+  return e.deep ? Me(t, s) : lr(t, s);
 }
 class hr extends ae {
   constructor(e) {
@@ -856,7 +888,7 @@ class _r extends ae {
      * @param event
      */
     o(this, "_handleCloseEvent", (e) => {
-      A.info(
+      T.info(
         `live room closed bacause of ${e.code}-${e.reason || tr(e.code)}`
       ), this.state = x.CLOSED;
     });
@@ -865,21 +897,21 @@ class _r extends ae {
      */
     o(this, "_handleClosingEvent", () => {
       var e;
-      A.info("live room is closing, onLine:", (e = globalThis == null ? void 0 : globalThis.navigator) == null ? void 0 : e.onLine), this.state = x.CLOSED;
+      T.info("live room is closing, onLine:", (e = globalThis == null ? void 0 : globalThis.navigator) == null ? void 0 : e.onLine), this.state = x.CLOSED;
     });
     /**
      * 连接中
      * @param event
      */
     o(this, "_handleConnectingEvent", () => {
-      A.info("live room is connecting"), this.state = x.CONNECTING;
+      T.info("live room is connecting"), this.state = x.CONNECTING;
     });
     /**
      * 连接发送异常
      * @param event
      */
     o(this, "_handleErrorEvent", (e) => {
-      A.error("live room error", e), this.state = x.CLOSED;
+      T.error("live room error", e), this.state = x.CLOSED;
     });
     /**
      * 接收到消息
@@ -900,14 +932,14 @@ class _r extends ae {
      * @param event
      */
     o(this, "_handleOpenEvent", (e) => {
-      A.info("live room open", e.detail), this.state = x.OPEN, e.detail.reconnects > 0 && this.emit("reconnected", e.detail);
+      T.info("live room open", e.detail), this.state = x.OPEN, e.detail.reconnects > 0 && this.emit("reconnected", e.detail);
     });
     /**
      * 处理超时
      * @param event
      */
     o(this, "_handleTimeoutEvent", (e) => {
-      A.error("live room connect timeout!", e.detail), this.state = x.CLOSED;
+      T.error("live room connect timeout!", e.detail), this.state = x.CLOSED;
     });
     /**
      * 释放资源，释放之后需要重新实例化
@@ -1001,7 +1033,7 @@ class vr extends ae {
       try {
         return this._controller.sendMessage(i), !0;
       } catch (a) {
-        return A.error(a), !1;
+        return T.error(a), !1;
       }
     });
     /**
@@ -1033,7 +1065,7 @@ class vr extends ae {
     o(this, "_handleMessage", async (e) => {
       var n, i, a, u, f;
       if (typeof e == "object") {
-        const { command: _, data: g = {}, frontRequestId: v, code: p, message: w } = e;
+        const { command: _, data: g = {}, frontRequestId: v, code: p, message: S } = e;
         if (p === "SUCCESS")
           switch (_) {
             case W.SelfUserInfo: {
@@ -1054,19 +1086,19 @@ class vr extends ae {
               break;
             }
             case W.RTCInfo: {
-              const { voice_id: m, type: N } = g;
-              if (this._buildInData.rtcInfo = { voiceId: m, type: N }, (n = this.$RTC) != null && n.joined)
-                A.warn("已加入语音房间，无需重复加入！");
+              const { voice_id: m, type: A } = g;
+              if (this._buildInData.rtcInfo = { voiceId: m, type: A }, (n = this.$RTC) != null && n.joined)
+                T.warn("已加入语音房间，无需重复加入！");
               else if (await ((u = this.$RTC) == null ? void 0 : u.join({
                 voiceId: m,
                 userId: ((i = this.selfInfo) == null ? void 0 : i.id) || "",
                 roomId: (a = this.roomInfo) == null ? void 0 : a.info.room_code,
-                type: N
+                type: A
               }))) {
                 const P = (f = this._options.initialMicroStatus) != null ? f : Z.OPEN;
                 await this.toggleMicro(P === Z.OPEN);
               } else
-                A.error("加入语音房间失败");
+                T.error("加入语音房间失败");
               break;
             }
             case W.UserList: {
@@ -1080,10 +1112,10 @@ class vr extends ae {
               break;
             }
             case W.KeyframeSync: {
-              const m = g, N = Object.keys(
+              const m = g, A = Object.keys(
                 m
               ).reduce(
-                (M, P) => {
+                (w, P) => {
                   if (st(
                     m[P],
                     this._buildInData.keyframes[P],
@@ -1091,27 +1123,27 @@ class vr extends ae {
                       deep: !0
                     }
                   ))
-                    return M;
-                  const Y = [
+                    return w;
+                  const H = [
                     m[P],
                     this._buildInData.keyframes[P],
                     v
-                  ], K = P;
+                  ], J = P;
                   return this.keyframes.emit(
-                    K,
-                    ...Y
-                  ), this._buildInData.keyframes[P] = m[P], M[P] = m[P], M;
+                    J,
+                    ...H
+                  ), this._buildInData.keyframes[P] = m[P], w[P] = m[P], w;
                 },
                 {}
               );
-              this.emit("keyframes", N, v);
+              this.emit("keyframes", A, v);
               break;
             }
             case W.BuiltinMsg: {
               const m = g;
-              this.emit("builtinEvent", m), m.event_type === q.UserChange && this.emit("userChange", m), m.event_type === q.RoomChange && this.emit("roomChange", m), m.event_type === q.UserChange && m.action === J.UserMicroStatus && await this.toggleMicro(
+              this.emit("builtinEvent", m), m.event_type === q.UserChange && this.emit("userChange", m), m.event_type === q.RoomChange && this.emit("roomChange", m), m.event_type === q.UserChange && m.action === G.UserMicroStatus && await this.toggleMicro(
                 m.data.status === Z.OPEN
-              ), m.event_type === q.RoomChange && m.action === J.RoomClose && await this.exit();
+              ), m.event_type === q.RoomChange && m.action === G.RoomClose && await this.exit();
               break;
             }
             case W.UserKickOut: {
@@ -1171,7 +1203,7 @@ class vr extends ae {
       try {
         await ((e = this.$RTC) == null ? void 0 : e.quit());
       } catch (n) {
-        A.warn(n);
+        T.warn(n);
       }
       return await this._controller.close();
     });
@@ -1186,7 +1218,7 @@ class vr extends ae {
       if ((n = (e = this.selfInfo) == null ? void 0 : e.permission) != null && n.close_live_room)
         return await this.updateStatus(
           q.RoomChange,
-          J.RoomClose,
+          G.RoomClose,
           {}
         );
     });
@@ -1202,7 +1234,7 @@ class vr extends ae {
      */
     o(this, "setSelfInfo", async (e) => await this.updateStatus(
       q.UserChange,
-      J.UserInfo,
+      G.UserInfo,
       e
     ));
     // 仅用于用户自己的麦克风控制
@@ -1213,7 +1245,7 @@ class vr extends ae {
       const n = await ((u = this.$RTC) == null ? void 0 : u.toggleMicro(e));
       return n && await this.updateStatus(
         q.UserChange,
-        J.UserMicroStatus,
+        G.UserMicroStatus,
         {
           status: e ? Z.OPEN : Z.CLOSE
         },
@@ -1230,7 +1262,7 @@ class vr extends ae {
       var i, a;
       return typeof this._options.canForbidUserMicro == "function" && !this._options.canForbidUserMicro(n) || !((a = (i = this.selfInfo) == null ? void 0 : i.permission) != null && a.control_other_micro) ? !1 : await this.updateStatus(
         q.UserChange,
-        J.UserMicroStatus,
+        G.UserMicroStatus,
         {
           status: e
         },
@@ -1247,7 +1279,7 @@ class vr extends ae {
       var i, a;
       return typeof this._options.canForbidUserSync == "function" && !this._options.canForbidUserSync(n) || !((a = (i = this.selfInfo) == null ? void 0 : i.permission) != null && a.control_other_sync) ? !1 : await this.updateStatus(
         q.UserChange,
-        J.UserPermission,
+        G.UserPermission,
         { sync_frame: e },
         n
       );
@@ -1261,7 +1293,7 @@ class vr extends ae {
       var n, i;
       return typeof this._options.canForbidUserKick == "function" && !this._options.canForbidUserKick(e) || !((i = (n = this.selfInfo) == null ? void 0 : n.permission) != null && i.change_other_status) ? !1 : await this.updateStatus(
         q.UserChange,
-        J.UserStatus,
+        G.UserStatus,
         {
           status: "KICK_OUT"
         },
@@ -1275,12 +1307,12 @@ class vr extends ae {
       if (e.jsBridge)
         return e.jsBridge;
       if (e.useBuiltInJsBridge)
-        return new Vt();
+        return new Mt();
     })(), this._options.getVoiceSign = (n = e.getVoiceSign) != null ? n : gr, this._options.autoPlayConfirm = e.autoPlayConfirm, this._options.rtc = (() => {
       if (e.rtc)
         return e.rtc;
       if (e.rtcType)
-        switch (e.getVoiceSign || A.error(
+        switch (e.getVoiceSign || T.error(
           "GetVoiceSign method must be passed when using built-in RTC instances"
         ), e.rtcType) {
           case Q.RealseeVRWebViewRTC: {
@@ -1289,7 +1321,7 @@ class vr extends ae {
                 jsBridge: this._options.jsBridge,
                 getVoiceSign: this._options.getVoiceSign
               });
-            A.error(
+            T.error(
               "JsBridge instance must be passed when using built-in VRWebViewRTC instances"
             );
             return;
@@ -1300,19 +1332,19 @@ class vr extends ae {
               logLevel: e.__debug__ ? it.DEBUG : it.INFO
             });
           case Q.RealseeBrowserRTC:
-            return this._options.autoPlayConfirm || A.error(
+            return this._options.autoPlayConfirm || T.error(
               "autoPlayConfirm method must be passed when using built-in RealseeBrowserRTC instances"
             ), new tt({
               getVoiceSign: this._options.getVoiceSign,
               autoPlayConfirm: this._options.autoPlayConfirm
             });
           default: {
-            A.error("unknown built-in RTC type");
+            T.error("unknown built-in RTC type");
             return;
           }
         }
       if (e.useBuiltInRTC) {
-        if (e.getVoiceSign || A.error(
+        if (e.getVoiceSign || T.error(
           "GetVoiceSign method must be passed when using built-in RTC instances"
         ), this._options.jsBridge)
           return ar && (ir || sr) || or ? new nt({
@@ -1324,12 +1356,12 @@ class vr extends ae {
             getVoiceSign: this._options.getVoiceSign,
             autoPlayConfirm: this._options.autoPlayConfirm
           });
-        A.error(
+        T.error(
           "jsBridge instance must be passed when using built-in RTC instances"
         );
         return;
       }
-    })(), this._options.rtc || A.warn("unused rtc"), this._options.url && this._options.getTicket && this.connect(), this._options.__debug__ && Object.assign(window, { $liveController: this._controller, $live: this });
+    })(), this._options.rtc || T.warn("unused rtc"), this._options.url && this._options.getTicket && this.connect(), this._options.__debug__ && Object.assign(window, { $liveController: this._controller, $live: this });
   }
   get options() {
     return Object.freeze(this._options || {});
@@ -1408,7 +1440,7 @@ class vr extends ae {
     try {
       return this._controller.sendMessage(f), !0;
     } catch (_) {
-      return A.error(_), !1;
+      return T.error(_), !1;
     }
   }
   /**
@@ -1426,8 +1458,8 @@ class vr extends ae {
         n
       ), _ = f.front_request_id, g = i ? setTimeout(() => {
         u(new Error("RESPONSE TIMEOUT")), this.off("broadcast", v);
-      }, i) : void 0, v = (p, w) => {
-        w === _ && (g && clearTimeout(g), this.off("broadcast", v), a(p));
+      }, i) : void 0, v = (p, S) => {
+        S === _ && (g && clearTimeout(g), this.off("broadcast", v), a(p));
       };
       this.on("broadcast", v);
       try {
@@ -1492,8 +1524,8 @@ function dt() {
         s.call(f, p) && (_[p] = f[p]);
       if (t) {
         g = t(f);
-        for (var w = 0; w < g.length; w++)
-          e.call(f, g[w]) && (_[g[w]] = f[g[w]]);
+        for (var S = 0; S < g.length; S++)
+          e.call(f, g[S]) && (_[g[S]] = f[g[S]]);
       }
     }
     return _;
@@ -1519,14 +1551,14 @@ function br() {
   }
   var n = t.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, i = Object.prototype.hasOwnProperty, a = { key: !0, ref: !0, __self: !0, __source: !0 };
   function u(f, _, g) {
-    var v, p = {}, w = null, m = null;
-    g !== void 0 && (w = "" + g), _.key !== void 0 && (w = "" + _.key), _.ref !== void 0 && (m = _.ref);
+    var v, p = {}, S = null, m = null;
+    g !== void 0 && (S = "" + g), _.key !== void 0 && (S = "" + _.key), _.ref !== void 0 && (m = _.ref);
     for (v in _)
       i.call(_, v) && !a.hasOwnProperty(v) && (p[v] = _[v]);
     if (f && f.defaultProps)
       for (v in _ = f.defaultProps, _)
         p[v] === void 0 && (p[v] = _[v]);
-    return { $$typeof: s, type: f, key: w, ref: m, props: p, _owner: n.current };
+    return { $$typeof: s, type: f, key: S, ref: m, props: p, _owner: n.current };
   }
   return ie.jsx = u, ie.jsxs = u, ie;
 }
@@ -1545,16 +1577,16 @@ function yr() {
     process.env.NODE_ENV !== "production" && function() {
       var s = V, e = dt(), n = 60103, i = 60106;
       t.Fragment = 60107;
-      var a = 60108, u = 60114, f = 60109, _ = 60110, g = 60112, v = 60113, p = 60120, w = 60115, m = 60116, N = 60121, M = 60122, P = 60117, Y = 60129, K = 60131;
+      var a = 60108, u = 60114, f = 60109, _ = 60110, g = 60112, v = 60113, p = 60120, S = 60115, m = 60116, A = 60121, w = 60122, P = 60117, H = 60129, J = 60131;
       if (typeof Symbol == "function" && Symbol.for) {
-        var I = Symbol.for;
-        n = I("react.element"), i = I("react.portal"), t.Fragment = I("react.fragment"), a = I("react.strict_mode"), u = I("react.profiler"), f = I("react.provider"), _ = I("react.context"), g = I("react.forward_ref"), v = I("react.suspense"), p = I("react.suspense_list"), w = I("react.memo"), m = I("react.lazy"), N = I("react.block"), M = I("react.server.block"), P = I("react.fundamental"), I("react.scope"), I("react.opaque.id"), Y = I("react.debug_trace_mode"), I("react.offscreen"), K = I("react.legacy_hidden");
+        var k = Symbol.for;
+        n = k("react.element"), i = k("react.portal"), t.Fragment = k("react.fragment"), a = k("react.strict_mode"), u = k("react.profiler"), f = k("react.provider"), _ = k("react.context"), g = k("react.forward_ref"), v = k("react.suspense"), p = k("react.suspense_list"), S = k("react.memo"), m = k("react.lazy"), A = k("react.block"), w = k("react.server.block"), P = k("react.fundamental"), k("react.scope"), k("react.opaque.id"), H = k("react.debug_trace_mode"), k("react.offscreen"), J = k("react.legacy_hidden");
       }
-      var d = typeof Symbol == "function" && Symbol.iterator, S = "@@iterator";
-      function L(r) {
+      var d = typeof Symbol == "function" && Symbol.iterator, O = "@@iterator";
+      function D(r) {
         if (r === null || typeof r != "object")
           return null;
-        var c = d && r[d] || r[S];
+        var c = d && r[d] || r[O];
         return typeof c == "function" ? c : null;
       }
       var b = s.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
@@ -1562,22 +1594,22 @@ function yr() {
         {
           for (var c = arguments.length, l = new Array(c > 1 ? c - 1 : 0), h = 1; h < c; h++)
             l[h - 1] = arguments[h];
-          D("error", r, l);
+          M("error", r, l);
         }
       }
-      function D(r, c, l) {
+      function M(r, c, l) {
         {
-          var h = b.ReactDebugCurrentFrame, O = h.getStackAddendum();
-          O !== "" && (c += "%s", l = l.concat([O]));
-          var R = l.map(function(C) {
+          var h = b.ReactDebugCurrentFrame, R = h.getStackAddendum();
+          R !== "" && (c += "%s", l = l.concat([R]));
+          var I = l.map(function(C) {
             return "" + C;
           });
-          R.unshift("Warning: " + c), Function.prototype.apply.call(console[r], console, R);
+          I.unshift("Warning: " + c), Function.prototype.apply.call(console[r], console, I);
         }
       }
       var U = !1;
       function z(r) {
-        return !!(typeof r == "string" || typeof r == "function" || r === t.Fragment || r === u || r === Y || r === a || r === v || r === p || r === K || U || typeof r == "object" && r !== null && (r.$$typeof === m || r.$$typeof === w || r.$$typeof === f || r.$$typeof === _ || r.$$typeof === g || r.$$typeof === P || r.$$typeof === N || r[0] === M));
+        return !!(typeof r == "string" || typeof r == "function" || r === t.Fragment || r === u || r === H || r === a || r === v || r === p || r === J || U || typeof r == "object" && r !== null && (r.$$typeof === m || r.$$typeof === S || r.$$typeof === f || r.$$typeof === _ || r.$$typeof === g || r.$$typeof === P || r.$$typeof === A || r[0] === w));
       }
       function ue(r, c, l) {
         var h = c.displayName || c.name || "";
@@ -1617,14 +1649,14 @@ function yr() {
               return be(l._context) + ".Provider";
             case g:
               return ue(r, r.render, "ForwardRef");
-            case w:
+            case S:
               return F(r.type);
-            case N:
+            case A:
               return F(r._render);
             case m: {
-              var h = r, O = h._payload, R = h._init;
+              var h = r, R = h._payload, I = h._init;
               try {
-                return F(R(O));
+                return F(I(R));
               } catch (C) {
                 return null;
               }
@@ -1632,14 +1664,14 @@ function yr() {
           }
         return null;
       }
-      var ee = 0, T, B, te, le, Me, $e, xe;
+      var ee = 0, j, B, te, le, Ve, $e, xe;
       function Ue() {
       }
       Ue.__reactDisabledLog = !0;
       function ht() {
         {
           if (ee === 0) {
-            T = console.log, B = console.info, te = console.warn, le = console.error, Me = console.group, $e = console.groupCollapsed, xe = console.groupEnd;
+            j = console.log, B = console.info, te = console.warn, le = console.error, Ve = console.group, $e = console.groupCollapsed, xe = console.groupEnd;
             var r = {
               configurable: !0,
               enumerable: !0,
@@ -1669,7 +1701,7 @@ function yr() {
             };
             Object.defineProperties(console, {
               log: e({}, r, {
-                value: T
+                value: j
               }),
               info: e({}, r, {
                 value: B
@@ -1681,7 +1713,7 @@ function yr() {
                 value: le
               }),
               group: e({}, r, {
-                value: Me
+                value: Ve
               }),
               groupCollapsed: e({}, r, {
                 value: $e
@@ -1700,21 +1732,21 @@ function yr() {
           if (Ce === void 0)
             try {
               throw Error();
-            } catch (O) {
-              var h = O.stack.trim().match(/\n( *(at )?)/);
+            } catch (R) {
+              var h = R.stack.trim().match(/\n( *(at )?)/);
               Ce = h && h[1] || "";
             }
           return `
 ` + Ce + r;
         }
       }
-      var we = !1, de;
+      var Se = !1, de;
       {
         var gt = typeof WeakMap == "function" ? WeakMap : Map;
         de = new gt();
       }
       function Be(r, c) {
-        if (!r || we)
+        if (!r || Se)
           return "";
         {
           var l = de.get(r);
@@ -1722,11 +1754,11 @@ function yr() {
             return l;
         }
         var h;
-        we = !0;
-        var O = Error.prepareStackTrace;
+        Se = !0;
+        var R = Error.prepareStackTrace;
         Error.prepareStackTrace = void 0;
-        var R;
-        R = ye.current, ye.current = null, ht();
+        var I;
+        I = ye.current, ye.current = null, ht();
         try {
           if (c) {
             var C = function() {
@@ -1739,47 +1771,47 @@ function yr() {
             }), typeof Reflect == "object" && Reflect.construct) {
               try {
                 Reflect.construct(C, []);
-              } catch (H) {
-                h = H;
+              } catch (Y) {
+                h = Y;
               }
               Reflect.construct(r, [], C);
             } else {
               try {
                 C.call();
-              } catch (H) {
-                h = H;
+              } catch (Y) {
+                h = Y;
               }
               r.call(C.prototype);
             }
           } else {
             try {
               throw Error();
-            } catch (H) {
-              h = H;
+            } catch (Y) {
+              h = Y;
             }
             r();
           }
-        } catch (H) {
-          if (H && h && typeof H.stack == "string") {
-            for (var E = H.stack.split(`
+        } catch (Y) {
+          if (Y && h && typeof Y.stack == "string") {
+            for (var E = Y.stack.split(`
 `), $ = h.stack.split(`
-`), k = E.length - 1, j = $.length - 1; k >= 1 && j >= 0 && E[k] !== $[j]; )
-              j--;
-            for (; k >= 1 && j >= 0; k--, j--)
-              if (E[k] !== $[j]) {
-                if (k !== 1 || j !== 1)
+`), N = E.length - 1, L = $.length - 1; N >= 1 && L >= 0 && E[N] !== $[L]; )
+              L--;
+            for (; N >= 1 && L >= 0; N--, L--)
+              if (E[N] !== $[L]) {
+                if (N !== 1 || L !== 1)
                   do
-                    if (k--, j--, j < 0 || E[k] !== $[j]) {
-                      var G = `
-` + E[k].replace(" at new ", " at ");
-                      return typeof r == "function" && de.set(r, G), G;
+                    if (N--, L--, L < 0 || E[N] !== $[L]) {
+                      var K = `
+` + E[N].replace(" at new ", " at ");
+                      return typeof r == "function" && de.set(r, K), K;
                     }
-                  while (k >= 1 && j >= 0);
+                  while (N >= 1 && L >= 0);
                 break;
               }
           }
         } finally {
-          we = !1, ye.current = R, _t(), Error.prepareStackTrace = O;
+          Se = !1, ye.current = I, _t(), Error.prepareStackTrace = R;
         }
         var ne = r ? r.displayName || r.name : "", Qe = ne ? fe(ne) : "";
         return typeof r == "function" && de.set(r, Qe), Qe;
@@ -1808,14 +1840,14 @@ function yr() {
           switch (r.$$typeof) {
             case g:
               return We(r.render);
-            case w:
+            case S:
               return he(r.type, c, l);
-            case N:
+            case A:
               return We(r._render);
             case m: {
-              var h = r, O = h._payload, R = h._init;
+              var h = r, R = h._payload, I = h._init;
               try {
-                return he(R(O), c, l);
+                return he(I(R), c, l);
               } catch (C) {
               }
             }
@@ -1830,11 +1862,11 @@ function yr() {
         } else
           qe.setExtraStackFrame(null);
       }
-      function vt(r, c, l, h, O) {
+      function vt(r, c, l, h, R) {
         {
-          var R = Function.call.bind(Object.prototype.hasOwnProperty);
+          var I = Function.call.bind(Object.prototype.hasOwnProperty);
           for (var C in r)
-            if (R(r, C)) {
+            if (I(r, C)) {
               var E = void 0;
               try {
                 if (typeof r[C] != "function") {
@@ -1842,14 +1874,14 @@ function yr() {
                   throw $.name = "Invariant Violation", $;
                 }
                 E = r[C](c, C, h, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-              } catch (k) {
-                E = k;
+              } catch (N) {
+                E = N;
               }
-              E && !(E instanceof Error) && (_e(O), y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", h || "React class", l, C, typeof E), _e(null)), E instanceof Error && !(E.message in Fe) && (Fe[E.message] = !0, _e(O), y("Failed %s type: %s", l, E.message), _e(null));
+              E && !(E instanceof Error) && (_e(R), y("%s: type specification of %s `%s` is invalid; the type checker function must return `null` or an `Error` but returned a %s. You may have forgotten to pass an argument to the type checker creator (arrayOf, instanceOf, objectOf, oneOf, oneOfType, and shape all require an argument).", h || "React class", l, C, typeof E), _e(null)), E instanceof Error && !(E.message in Fe) && (Fe[E.message] = !0, _e(R), y("Failed %s type: %s", l, E.message), _e(null));
             }
         }
       }
-      var se = b.ReactCurrentOwner, Se = Object.prototype.hasOwnProperty, pt = {
+      var se = b.ReactCurrentOwner, we = Object.prototype.hasOwnProperty, pt = {
         key: !0,
         ref: !0,
         __self: !0,
@@ -1857,7 +1889,7 @@ function yr() {
       }, Ke, Ye, Oe;
       Oe = {};
       function Et(r) {
-        if (Se.call(r, "ref")) {
+        if (we.call(r, "ref")) {
           var c = Object.getOwnPropertyDescriptor(r, "ref").get;
           if (c && c.isReactWarning)
             return !1;
@@ -1865,7 +1897,7 @@ function yr() {
         return r.ref !== void 0;
       }
       function bt(r) {
-        if (Se.call(r, "key")) {
+        if (we.call(r, "key")) {
           var c = Object.getOwnPropertyDescriptor(r, "key").get;
           if (c && c.isReactWarning)
             return !1;
@@ -1889,7 +1921,7 @@ function yr() {
           });
         }
       }
-      function wt(r, c) {
+      function St(r, c) {
         {
           var l = function() {
             Ye || (Ye = !0, y("%s: `ref` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://reactjs.org/link/special-props)", c));
@@ -1900,7 +1932,7 @@ function yr() {
           });
         }
       }
-      var St = function(r, c, l, h, O, R, C) {
+      var wt = function(r, c, l, h, R, I, C) {
         var E = {
           // This tag allows us to uniquely identify this as a React Element
           $$typeof: n,
@@ -1910,7 +1942,7 @@ function yr() {
           ref: l,
           props: C,
           // Record the component responsible for creating this element.
-          _owner: R
+          _owner: I
         };
         return E._store = {}, Object.defineProperty(E._store, "validated", {
           configurable: !1,
@@ -1926,25 +1958,25 @@ function yr() {
           configurable: !1,
           enumerable: !1,
           writable: !1,
-          value: O
+          value: R
         }), Object.freeze && (Object.freeze(E.props), Object.freeze(E)), E;
       };
-      function Ot(r, c, l, h, O) {
+      function Ot(r, c, l, h, R) {
         {
-          var R, C = {}, E = null, $ = null;
-          l !== void 0 && (E = "" + l), bt(c) && (E = "" + c.key), Et(c) && ($ = c.ref, yt(c, O));
-          for (R in c)
-            Se.call(c, R) && !pt.hasOwnProperty(R) && (C[R] = c[R]);
+          var I, C = {}, E = null, $ = null;
+          l !== void 0 && (E = "" + l), bt(c) && (E = "" + c.key), Et(c) && ($ = c.ref, yt(c, R));
+          for (I in c)
+            we.call(c, I) && !pt.hasOwnProperty(I) && (C[I] = c[I]);
           if (r && r.defaultProps) {
-            var k = r.defaultProps;
-            for (R in k)
-              C[R] === void 0 && (C[R] = k[R]);
+            var N = r.defaultProps;
+            for (I in N)
+              C[I] === void 0 && (C[I] = N[I]);
           }
           if (E || $) {
-            var j = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-            E && Ct(C, j), $ && wt(C, j);
+            var L = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
+            E && Ct(C, L), $ && St(C, L);
           }
-          return St(r, E, $, O, h, se.current, C);
+          return wt(r, E, $, R, h, se.current, C);
         }
       }
       var Re = b.ReactCurrentOwner, Ge = b.ReactDebugCurrentFrame;
@@ -2021,9 +2053,9 @@ Check the top-level render call using <` + l + ">.");
           else if (Te(r))
             r._store && (r._store.validated = !0);
           else if (r) {
-            var O = L(r);
-            if (typeof O == "function" && O !== r.entries)
-              for (var R = O.call(r), C; !(C = R.next()).done; )
+            var R = D(r);
+            if (typeof R == "function" && R !== r.entries)
+              for (var I = R.call(r), C; !(C = I.next()).done; )
                 Te(C.value) && ze(C.value, c);
           }
         }
@@ -2038,7 +2070,7 @@ Check the top-level render call using <` + l + ">.");
             l = c.propTypes;
           else if (typeof c == "object" && (c.$$typeof === g || // Note: Memo only checks outer props here.
           // Inner props are checked in the reconciler.
-          c.$$typeof === w))
+          c.$$typeof === S))
             l = c.propTypes;
           else
             return;
@@ -2047,8 +2079,8 @@ Check the top-level render call using <` + l + ">.");
             vt(l, r.props, "prop", h, r);
           } else if (c.PropTypes !== void 0 && !Ie) {
             Ie = !0;
-            var O = F(c);
-            y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", O || "Unknown");
+            var R = F(c);
+            y("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", R || "Unknown");
           }
           typeof c.getDefaultProps == "function" && !c.getDefaultProps.isReactClassApproved && y("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
         }
@@ -2065,34 +2097,34 @@ Check the top-level render call using <` + l + ">.");
           r.ref !== null && (re(r), y("Invalid attribute `ref` supplied to `React.Fragment`."), re(null));
         }
       }
-      function Ze(r, c, l, h, O, R) {
+      function Ze(r, c, l, h, R, I) {
         {
           var C = z(r);
           if (!C) {
             var E = "";
             (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (E += " You likely forgot to export your component from the file it's defined in, or you might have mixed up default and named imports.");
-            var $ = Rt(O);
+            var $ = Rt(R);
             $ ? E += $ : E += He();
-            var k;
-            r === null ? k = "null" : Array.isArray(r) ? k = "array" : r !== void 0 && r.$$typeof === n ? (k = "<" + (F(r.type) || "Unknown") + " />", E = " Did you accidentally export a JSX literal instead of a component?") : k = typeof r, y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", k, E);
+            var N;
+            r === null ? N = "null" : Array.isArray(r) ? N = "array" : r !== void 0 && r.$$typeof === n ? (N = "<" + (F(r.type) || "Unknown") + " />", E = " Did you accidentally export a JSX literal instead of a component?") : N = typeof r, y("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", N, E);
           }
-          var j = Ot(r, c, l, O, R);
-          if (j == null)
-            return j;
+          var L = Ot(r, c, l, R, I);
+          if (L == null)
+            return L;
           if (C) {
-            var G = c.children;
-            if (G !== void 0)
+            var K = c.children;
+            if (K !== void 0)
               if (h)
-                if (Array.isArray(G)) {
-                  for (var ne = 0; ne < G.length; ne++)
-                    Xe(G[ne], r);
-                  Object.freeze && Object.freeze(G);
+                if (Array.isArray(K)) {
+                  for (var ne = 0; ne < K.length; ne++)
+                    Xe(K[ne], r);
+                  Object.freeze && Object.freeze(K);
                 } else
                   y("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
               else
-                Xe(G, r);
+                Xe(K, r);
           }
-          return r === t.Fragment ? kt(j) : Tt(j), j;
+          return r === t.Fragment ? kt(L) : Tt(L), L;
         }
       }
       function Pt(r, c, l) {
@@ -2117,50 +2149,50 @@ function kr(t) {
       throw new Error("LiveProvider never found.");
     return d;
   }, u = () => e, f = () => e.$RTC, _ = () => f(), g = () => async (d) => await e.connect(d);
-  function v(d, S, L = []) {
-    const b = a(), y = [b, name, ...L], D = () => b.keyframes.off(d, S);
-    return V.useEffect(() => (b.keyframes.on(d, S), D), y), D;
+  function v(d, O, D = []) {
+    const b = a(), y = [b, name, ...D], M = () => b.keyframes.off(d, O);
+    return V.useEffect(() => (b.keyframes.on(d, O), M), y), M;
   }
   function p() {
     const d = a();
     return {
-      connect: async (T) => await d.connect(T),
-      broadcast: async (T, B, te = 0) => await d.broadcast(T, B, te),
+      connect: async (j) => await d.connect(j),
+      broadcast: async (j, B, te = 0) => await d.broadcast(j, B, te),
       exit: async () => await d.exit(),
-      kick: async (T) => await d.kick(T),
-      toggleMicro: (T) => d.toggleMicro(T),
-      forbidMicro: async (T, B = []) => await d.forbidMicro(T, B),
-      forbidSync: (T, B = []) => d.forbidSync(T, B),
-      sendKeyframe: (T, B) => d.sendKeyframe(T, B),
-      getFramesByKey: (T) => d.getFramesByKey(T),
-      setSelfInfo: (T) => d.setSelfInfo(T),
-      updateStatus: (T, B, te, le) => d.updateStatus(T, B, te, le)
+      kick: async (j) => await d.kick(j),
+      toggleMicro: (j) => d.toggleMicro(j),
+      forbidMicro: async (j, B = []) => await d.forbidMicro(j, B),
+      forbidSync: (j, B = []) => d.forbidSync(j, B),
+      sendKeyframe: (j, B) => d.sendKeyframe(j, B),
+      getFramesByKey: (j) => d.getFramesByKey(j),
+      setSelfInfo: (j) => d.setSelfInfo(j),
+      updateStatus: (j, B, te, le) => d.updateStatus(j, B, te, le)
     };
   }
-  function w(d) {
-    const S = a(), [L, b] = V.useState(S.getFramesByKey(d));
+  function S(d) {
+    const O = a(), [D, b] = V.useState(O.getFramesByKey(d));
     V.useEffect(() => {
-      const D = (ue) => b(ue), U = d, z = D;
-      return S.keyframes.on(U, z), () => S.keyframes.off(U, z);
-    }, [S]);
+      const M = (ue) => b(ue), U = d, z = M;
+      return O.keyframes.on(U, z), () => O.keyframes.off(U, z);
+    }, [O]);
     const y = V.useCallback(
-      (D) => S.sendKeyframe(d, D),
-      [S]
+      (M) => O.sendKeyframe(d, M),
+      [O]
     );
-    return [L, y];
+    return [D, y];
   }
-  function m(d, S, L = []) {
-    const b = a(), y = () => b.off(d, S), D = [b, d, ...L];
-    return V.useEffect(() => (b.on(d, S), y), D), y;
+  function m(d, O, D = []) {
+    const b = a(), y = () => b.off(d, O), M = [b, d, ...D];
+    return V.useEffect(() => (b.on(d, O), y), M), y;
   }
-  function N() {
-    const d = a(), [S, L] = V.useState(d.state);
+  function A() {
+    const d = a(), [O, D] = V.useState(d.state);
     return V.useEffect(() => {
-      const b = (y) => L(y);
+      const b = (y) => D(y);
       return d.on("stateChange", b), () => d.off("stateChange", b);
-    }, [d]), S;
+    }, [d]), O;
   }
-  function M() {
+  function w() {
     const d = a();
     return {
       join: (U) => d.$RTC.join(U),
@@ -2173,33 +2205,33 @@ function kr(t) {
       detectMicro: () => d.$RTC.detectMicro()
     };
   }
-  function P(d, S, L = []) {
-    const b = a(), y = () => b.$RTC.off(d, S), D = [b, d, ...L];
-    return V.useEffect(() => (b.$RTC.on(d, S), y), D), y;
+  function P(d, O, D = []) {
+    const b = a(), y = () => b.$RTC.off(d, O), M = [b, d, ...D];
+    return V.useEffect(() => (b.$RTC.on(d, O), y), M), y;
   }
-  function Y() {
-    const d = a(), [S, L] = V.useState(
+  function H() {
+    const d = a(), [O, D] = V.useState(
       d.selfInfo || {}
-    ), b = (D) => L(D);
+    ), b = (M) => D(M);
     V.useEffect(() => (d.on("selfInfoUpdate", b), () => d.off("selfInfoUpdate", b)), [d]);
     const y = V.useCallback(
-      async (D) => await d.setSelfInfo(D),
+      async (M) => await d.setSelfInfo(M),
       [d]
     );
-    return [S, y];
+    return [O, y];
   }
-  function K() {
-    const d = a(), [S, L] = V.useState(
+  function J() {
+    const d = a(), [O, D] = V.useState(
       d.snapshot
     );
     return V.useEffect(() => {
-      const b = (y) => L(y);
+      const b = (y) => D(y);
       return d.on("keyframes", b), () => d.off("keyframes", b);
-    }), S;
+    }), O;
   }
-  function I() {
-    const d = a(), [S, L] = V.useState(d.userList), b = (y) => L(y);
-    return V.useEffect(() => (d.on("userListUpdate", b), () => d.off("userListUpdate", b)), [d]), S;
+  function k() {
+    const d = a(), [O, D] = V.useState(d.userList), b = (y) => D(y);
+    return V.useEffect(() => (d.on("userListUpdate", b), () => d.off("userListUpdate", b)), [d]), O;
   }
   return {
     live: e,
@@ -2208,23 +2240,23 @@ function kr(t) {
     unsafe__useLiveInstance: u,
     unsafe__useRTCInstance: _,
     useConnect: g,
-    useKeyframe: w,
+    useKeyframe: S,
     useKeyframeUpdateCallback: v,
     useLiveAction: p,
     useLiveEventCallback: m,
-    useLiveState: N,
-    useRTCAction: M,
+    useLiveState: A,
+    useRTCAction: w,
     useRTCEventCallback: P,
-    useSelfInfo: Y,
-    useKeyframesSnapshot: K,
-    useUserList: I
+    useSelfInfo: H,
+    useKeyframesSnapshot: J,
+    useUserList: k
   };
 }
 export {
   tt as BrowserRTC,
   rt as BrowserRTC4Chime,
   ut as BuiltInRTCType,
-  J as BuiltinActionType,
+  G as BuiltinActionType,
   q as BuiltinEventType,
   W as Command,
   De as CoreRTC,