@realsee/live 0.6.3 → 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) {
@@ -80,8 +80,8 @@ class ae {
     let n = !1;
     const a = ge(this)[s] || [];
     for (let u of a.slice()) {
-      const [f, v = !1] = u, h = f(...e);
-      v && this.off(s, f), h === !1 && (n = !0);
+      const [f, _ = !1] = u, g = f(...e);
+      _ && this.off(s, f), g === !1 && (n = !0);
     }
     return n;
   }
@@ -108,7 +108,7 @@ const Kt = () => {
   info: Gt,
   error: Ht,
   warn: Jt
-}, L = zt;
+}, T = zt;
 function X() {
   return ((1 + Math.random()) * 65536 | 0).toString(16).substring(1);
 }
@@ -173,8 +173,8 @@ class tt extends De {
       u.id = a, this.$dom.appendChild(u), typeof this._autoPlayConfirm == "function" ? (n.play(a).catch((f) => {
       }), n.on("error", (f) => {
         if (f.getCode() === 16451) {
-          const h = () => n.resume();
-          this._autoPlayConfirm({ onConfirm: h });
+          const g = () => n.resume();
+          this._autoPlayConfirm({ onConfirm: g });
         }
       })) : n.play(a);
     });
@@ -194,7 +194,7 @@ class tt extends De {
       const n = { audio: !0, video: !1 };
       try {
         navigator.mediaDevices.getUserMedia(n).then(() => e(!0)).catch((i) => {
-          L.error(i.message), e(!1);
+          T.error(i.message), e(!1);
         });
       } catch (i) {
         console.error(i), e(!1);
@@ -216,9 +216,9 @@ class tt extends De {
       "audio-volume",
       (u) => this.emit(
         "userVolumes",
-        u.result.map(({ userId: f, audioVolume: v }) => ({
+        u.result.map(({ userId: f, audioVolume: _ }) => ({
           userId: f,
-          audioVolume: v
+          audioVolume: _
         }))
       )
     ), (a = this._trtc.client) == null || a.on("error", (u) => this.emit("error", u));
@@ -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,52 +283,67 @@ 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) => {
+        }
       };
     });
     /**
      * 注册rtc事件
      */
     o(this, "_registerRtcEvent", () => {
-      var n, i, a, u, f, v;
+      var n, i, a, u, f, _;
       const e = ((a = (i = (n = this.meetingSession) == null ? void 0 : n.configuration) == null ? void 0 : i.credentials) == null ? void 0 : a.attendeeId) || "";
       if (e) {
-        const h = /* @__PURE__ */ new Map(), _ = () => {
-          const E = [];
-          return h.forEach((w, m) => {
-            E.push({
-              userId: w.userId,
-              volume: w.muted || w.signalStrength === 0 || !Boolean(w.volume) ? 0 : w.volume
+        const g = /* @__PURE__ */ new Map(), v = () => {
+          const p = [];
+          return g.forEach((S, m) => {
+            p.push({
+              userId: S.userId,
+              volume: S.muted || S.signalStrength === 0 || !Boolean(S.volume) ? 0 : S.volume
             });
-          }), E;
+          }), p;
         };
         (u = this.meetingSession) == null || u.audioVideo.realtimeSubscribeToAttendeeIdPresence(
-          (E, w, m) => {
+          (p, S, m) => {
             var A;
-            if (!w) {
-              h.delete(E), this.emit("userVolumes", _());
+            if (!S) {
+              g.delete(p), this.emit("userVolumes", v());
               return;
             }
             (A = this.meetingSession) == null || A.audioVideo.realtimeSubscribeToVolumeIndicator(
-              E,
-              (M, k, H, J) => {
-                new et(M).base() === M && (h.set(M, {
-                  userId: m || M,
-                  volume: k,
+              p,
+              (w, P, H, J) => {
+                new et(w).base() === w && (g.set(w, {
+                  userId: m || w,
+                  volume: P,
                   muted: H,
                   signalStrength: J
-                }), this.emit("userVolumes", _()));
+                }), this.emit("userVolumes", v()));
               }
             );
           }
         ), (f = this.meetingSession) == null || f.audioVideo.realtimeSubscribeToVolumeIndicator(
           e,
-          (E, w, m, A) => {
-            new et(E).base() === E && A !== null && A !== 1 && this.emit("weakNetwork");
+          (p, S, m, A) => {
+            new et(p).base() === p && A !== null && A !== 1 && this.emit("weakNetwork");
           }
-        ), (v = this.meetingSession) == null || v.audioVideo.realtimeSubscribeToFatalError((E) => this.emit("error", E));
+        ), (_ = 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();
   }
   /**
    * 加入语音会议
@@ -335,45 +352,60 @@ class rt extends De {
    */
   async join(e) {
     return new Promise(async (n, i) => {
-      var a;
+      var a, u;
       this.emit("joinWillStart");
       try {
-        const { sdkAppId: u, userId: f, roomId: v, userSig: h } = await this._getVoiceSign({
+        const { sdkAppId: f, userId: _, roomId: g, userSig: v } = await this._getVoiceSign({
           ...e,
           roomId: e.roomId || 0
         });
-        this.userId = f;
-        const { attendence: _, vendor_wrapper: E } = JSON.parse(
-          decodeURIComponent(h)
-        ), w = new Ut(
+        this.userId = _;
+        const { attendence: p, vendor_wrapper: S } = JSON.parse(
+          decodeURIComponent(v)
+        ), m = new Ut(
           {
-            Meeting: E
+            Meeting: S
           },
           {
             Attendee: {
-              ExternalUserId: _.external_user_id,
-              AttendeeId: _.attendee_id,
-              JoinToken: _.join_token
+              ExternalUserId: p.external_user_id,
+              AttendeeId: p.attendee_id,
+              JoinToken: p.join_token
             }
           }
         );
-        this.meetingSession = new Bt(w, 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 m = {
+        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 A = {
           audioVideoDidStart: () => {
-            var k;
-            (k = this.meetingSession) == null || k.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(m), 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 M = ((a = (await this.meetingSession.audioVideo.listAudioInputDevices())[0]) == null ? void 0 : a.deviceId) || "default";
-        await this.meetingSession.audioVideo.startAudioInput(M), this.meetingSession.audioVideo.start();
-      } catch (u) {
-        this.emit("error", u), this.logger.error(u.message), n(!1);
+        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);
       }
     });
   }
@@ -383,9 +415,9 @@ class rt extends De {
       this.joined = !1;
       const i = {
         audioVideoDidStop: async (f) => {
-          var h;
-          const v = f.statusCode();
-          (h = this.meetingSession) == null || h.deviceController.destroy(), v === Wt.Left ? (this.logger.info("You left the session"), e(!0)) : (this.logger.info(`Stopped with a session status code: ${v}`), e(!0));
+          var g;
+          const _ = f.statusCode();
+          (g = this.meetingSession) == null || g.deviceController.destroy(), _ === Wt.Left ? (this.logger.info("You left the session"), e(!0)) : (this.logger.info(`Stopped with a session status code: ${_}`), e(!0));
         }
       };
       (a = this.meetingSession) == null || a.audioVideo.addObserver(i), (u = this.meetingSession) == null || u.audioVideo.stop();
@@ -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) => {
-      L.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;
-      L.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", () => {
-      L.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) => {
-      L.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) => {
-      L.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) => {
-      L.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 L.error(a), !1;
+        return T.error(a), !1;
       }
     });
     /**
@@ -1033,20 +1065,20 @@ class vr extends ae {
     o(this, "_handleMessage", async (e) => {
       var n, i, a, u, f;
       if (typeof e == "object") {
-        const { command: v, data: h = {}, frontRequestId: _, code: E, message: w } = e;
-        if (E === "SUCCESS")
-          switch (v) {
+        const { command: _, data: g = {}, frontRequestId: v, code: p, message: S } = e;
+        if (p === "SUCCESS")
+          switch (_) {
             case W.SelfUserInfo: {
-              const m = h;
+              const m = g;
               st(this.selfInfo, m, { deep: !0 }) || (this._buildInData.selfInfo = m, this.emit(
                 "selfInfoUpdate",
                 this._buildInData.selfInfo,
-                _
+                v
               ));
               break;
             }
             case W.RoomInfo: {
-              const m = h;
+              const m = g;
               this._buildInData.roomInfo = Object.assign({}, m), this.emit(
                 "readyKeyframeSync",
                 m.last_frame || {}
@@ -1054,61 +1086,61 @@ class vr extends ae {
               break;
             }
             case W.RTCInfo: {
-              const { voice_id: m, type: A } = h;
+              const { voice_id: m, type: A } = g;
               if (this._buildInData.rtcInfo = { voiceId: m, type: A }, (n = this.$RTC) != null && n.joined)
-                L.warn("已加入语音房间，无需重复加入！");
+                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: A
               }))) {
-                const k = (f = this._options.initialMicroStatus) != null ? f : Z.OPEN;
-                await this.toggleMicro(k === Z.OPEN);
+                const P = (f = this._options.initialMicroStatus) != null ? f : Z.OPEN;
+                await this.toggleMicro(P === Z.OPEN);
               } else
-                L.error("加入语音房间失败");
+                T.error("加入语音房间失败");
               break;
             }
             case W.UserList: {
-              const m = h;
-              this._buildInData.userList = m, this.emit("userListUpdate", this.userList, _);
+              const m = g;
+              this._buildInData.userList = m, this.emit("userListUpdate", this.userList, v);
               break;
             }
             case W.CustomEvent: {
-              const m = h;
-              this.emit("broadcast", m, _);
+              const m = g;
+              this.emit("broadcast", m, v);
               break;
             }
             case W.KeyframeSync: {
-              const m = h, A = Object.keys(
+              const m = g, A = Object.keys(
                 m
               ).reduce(
-                (M, k) => {
+                (w, P) => {
                   if (st(
-                    m[k],
-                    this._buildInData.keyframes[k],
+                    m[P],
+                    this._buildInData.keyframes[P],
                     {
                       deep: !0
                     }
                   ))
-                    return M;
+                    return w;
                   const H = [
-                    m[k],
-                    this._buildInData.keyframes[k],
-                    _
-                  ], J = k;
+                    m[P],
+                    this._buildInData.keyframes[P],
+                    v
+                  ], J = P;
                   return this.keyframes.emit(
                     J,
                     ...H
-                  ), this._buildInData.keyframes[k] = m[k], M[k] = m[k], M;
+                  ), this._buildInData.keyframes[P] = m[P], w[P] = m[P], w;
                 },
                 {}
               );
-              this.emit("keyframes", A, _);
+              this.emit("keyframes", A, v);
               break;
             }
             case W.BuiltinMsg: {
-              const m = h;
+              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 === G.UserMicroStatus && await this.toggleMicro(
                 m.data.status === Z.OPEN
               ), m.event_type === q.RoomChange && m.action === G.RoomClose && await this.exit();
@@ -1119,7 +1151,7 @@ class vr extends ae {
               break;
             }
             default:
-              console.warn("unknown command: ", v);
+              console.warn("unknown command: ", _);
           }
         else
           this.emit("error", e);
@@ -1137,8 +1169,8 @@ class vr extends ae {
      * @returns
      */
     o(this, "connect", async (e = {}) => {
-      var u, f, v, h;
-      if (this._options.url = (f = (u = e.url) != null ? u : this._options.url) != null ? f : "", this._options.getTicket = (v = e.getTicket) != null ? v : this._options.getTicket, this._options.initialMicroStatus = (h = e.rtcMicStatus) != null ? h : this._options.initialMicroStatus, !/^ws(s):\/\//.test(this._options.url) || typeof this._options.getTicket != "function")
+      var u, f, _, g;
+      if (this._options.url = (f = (u = e.url) != null ? u : this._options.url) != null ? f : "", this._options.getTicket = (_ = e.getTicket) != null ? _ : this._options.getTicket, this._options.initialMicroStatus = (g = e.rtcMicStatus) != null ? g : this._options.initialMicroStatus, !/^ws(s):\/\//.test(this._options.url) || typeof this._options.getTicket != "function")
         return /^ws(s):\/\//.test(this._options.url) ? typeof this._options.getTicket != "function" ? new Error("getTicket muse be function") : !1 : new Error("Illegal realsee live room link");
       const { force: n = !1 } = e;
       if (this._options.rtc && !await this._options.rtc.detectMicro())
@@ -1148,8 +1180,8 @@ class vr extends ae {
         if (n)
           try {
             await this._controller.close("force close by connect");
-          } catch (_) {
-            console.warn(_);
+          } catch (v) {
+            console.warn(v);
           }
         else
           return new Error("已有Live实例正在连接中，请勿重复连接！");
@@ -1171,7 +1203,7 @@ class vr extends ae {
       try {
         await ((e = this.$RTC) == null ? void 0 : e.quit());
       } catch (n) {
-        L.warn(n);
+        T.warn(n);
       }
       return await this._controller.close();
     });
@@ -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 || L.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
               });
-            L.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 || L.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: {
-            L.error("unknown built-in RTC type");
+            T.error("unknown built-in RTC type");
             return;
           }
         }
       if (e.useBuiltInRTC) {
-        if (e.getVoiceSign || L.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
           });
-        L.error(
+        T.error(
           "jsBridge instance must be passed when using built-in RTC instances"
         );
         return;
       }
-    })(), this._options.rtc || L.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 || {});
@@ -1407,8 +1439,8 @@ class vr extends ae {
     ), f = Pe(W.BuiltinMsg, u, a);
     try {
       return this._controller.sendMessage(f), !0;
-    } catch (v) {
-      return L.error(v), !1;
+    } catch (_) {
+      return T.error(_), !1;
     }
   }
   /**
@@ -1424,16 +1456,16 @@ class vr extends ae {
         W.CustomEvent,
         e,
         n
-      ), v = f.front_request_id, h = i ? setTimeout(() => {
-        u(new Error("RESPONSE TIMEOUT")), this.off("broadcast", _);
-      }, i) : void 0, _ = (E, w) => {
-        w === v && (h && clearTimeout(h), this.off("broadcast", _), a(E));
+      ), _ = f.front_request_id, g = i ? setTimeout(() => {
+        u(new Error("RESPONSE TIMEOUT")), this.off("broadcast", v);
+      }, i) : void 0, v = (p, S) => {
+        S === _ && (g && clearTimeout(g), this.off("broadcast", v), a(p));
       };
-      this.on("broadcast", _);
+      this.on("broadcast", v);
       try {
         this._controller.sendMessage(f);
-      } catch (E) {
-        u(E);
+      } catch (p) {
+        u(p);
       }
     });
   }
@@ -1472,31 +1504,31 @@ function dt() {
         return !1;
       for (var u = {}, f = 0; f < 10; f++)
         u["_" + String.fromCharCode(f)] = f;
-      var v = Object.getOwnPropertyNames(u).map(function(_) {
-        return u[_];
+      var _ = Object.getOwnPropertyNames(u).map(function(v) {
+        return u[v];
       });
-      if (v.join("") !== "0123456789")
+      if (_.join("") !== "0123456789")
         return !1;
-      var h = {};
-      return "abcdefghijklmnopqrst".split("").forEach(function(_) {
-        h[_] = _;
-      }), Object.keys(Object.assign({}, h)).join("") === "abcdefghijklmnopqrst";
-    } catch (_) {
+      var g = {};
+      return "abcdefghijklmnopqrst".split("").forEach(function(v) {
+        g[v] = v;
+      }), Object.keys(Object.assign({}, g)).join("") === "abcdefghijklmnopqrst";
+    } catch (v) {
       return !1;
     }
   }
   return je = i() ? Object.assign : function(a, u) {
-    for (var f, v = n(a), h, _ = 1; _ < arguments.length; _++) {
-      f = Object(arguments[_]);
-      for (var E in f)
-        s.call(f, E) && (v[E] = f[E]);
+    for (var f, _ = n(a), g, v = 1; v < arguments.length; v++) {
+      f = Object(arguments[v]);
+      for (var p in f)
+        s.call(f, p) && (_[p] = f[p]);
       if (t) {
-        h = t(f);
-        for (var w = 0; w < h.length; w++)
-          e.call(f, h[w]) && (v[h[w]] = f[h[w]]);
+        g = t(f);
+        for (var S = 0; S < g.length; S++)
+          e.call(f, g[S]) && (_[g[S]] = f[g[S]]);
       }
     }
-    return v;
+    return _;
   }, je;
 }
 /** @license React v17.0.2
@@ -1518,15 +1550,15 @@ function br() {
     s = e("react.element"), ie.Fragment = e("react.fragment");
   }
   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, v, h) {
-    var _, E = {}, w = null, m = null;
-    h !== void 0 && (w = "" + h), v.key !== void 0 && (w = "" + v.key), v.ref !== void 0 && (m = v.ref);
-    for (_ in v)
-      i.call(v, _) && !a.hasOwnProperty(_) && (E[_] = v[_]);
+  function u(f, _, g) {
+    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 (_ in v = f.defaultProps, v)
-        E[_] === void 0 && (E[_] = v[_]);
-    return { $$typeof: s, type: f, key: w, ref: m, props: E, _owner: n.current };
+      for (v in _ = f.defaultProps, _)
+        p[v] === void 0 && (p[v] = _[v]);
+    return { $$typeof: s, type: f, key: S, ref: m, props: p, _owner: n.current };
   }
   return ie.jsx = u, ie.jsxs = u, ie;
 }
@@ -1545,43 +1577,43 @@ 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, v = 60110, h = 60112, _ = 60113, E = 60120, w = 60115, m = 60116, A = 60121, M = 60122, k = 60117, H = 60129, J = 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"), v = I("react.context"), h = I("react.forward_ref"), _ = I("react.suspense"), E = I("react.suspense_list"), w = I("react.memo"), m = I("react.lazy"), A = I("react.block"), M = I("react.server.block"), k = I("react.fundamental"), I("react.scope"), I("react.opaque.id"), H = I("react.debug_trace_mode"), I("react.offscreen"), J = 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 N(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;
       function y(r) {
         {
-          for (var c = arguments.length, l = new Array(c > 1 ? c - 1 : 0), g = 1; g < c; g++)
-            l[g - 1] = arguments[g];
-          D("error", r, l);
+          for (var c = arguments.length, l = new Array(c > 1 ? c - 1 : 0), h = 1; h < c; h++)
+            l[h - 1] = arguments[h];
+          M("error", r, l);
         }
       }
-      function D(r, c, l) {
+      function M(r, c, l) {
         {
-          var g = b.ReactDebugCurrentFrame, O = g.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 === H || r === a || r === _ || r === E || r === J || U || typeof r == "object" && r !== null && (r.$$typeof === m || r.$$typeof === w || r.$$typeof === f || r.$$typeof === v || r.$$typeof === h || r.$$typeof === k || r.$$typeof === A || 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 g = c.displayName || c.name || "";
-        return r.displayName || (g !== "" ? l + "(" + g + ")" : l);
+        var h = c.displayName || c.name || "";
+        return r.displayName || (h !== "" ? l + "(" + h + ")" : l);
       }
       function be(r) {
         return r.displayName || "Context";
@@ -1602,29 +1634,29 @@ function yr() {
             return "Profiler";
           case a:
             return "StrictMode";
-          case _:
+          case v:
             return "Suspense";
-          case E:
+          case p:
             return "SuspenseList";
         }
         if (typeof r == "object")
           switch (r.$$typeof) {
-            case v:
+            case _:
               var c = r;
               return be(c) + ".Consumer";
             case f:
               var l = r;
               return be(l._context) + ".Provider";
-            case h:
+            case g:
               return ue(r, r.render, "ForwardRef");
-            case w:
+            case S:
               return F(r.type);
             case A:
               return F(r._render);
             case m: {
-              var g = r, O = g._payload, R = g._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,33 +1732,33 @@ function yr() {
           if (Ce === void 0)
             try {
               throw Error();
-            } catch (O) {
-              var g = O.stack.trim().match(/\n( *(at )?)/);
-              Ce = g && g[1] || "";
+            } 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);
           if (l !== void 0)
             return l;
         }
-        var g;
-        we = !0;
-        var O = Error.prepareStackTrace;
+        var h;
+        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() {
@@ -1740,14 +1772,14 @@ function yr() {
               try {
                 Reflect.construct(C, []);
               } catch (Y) {
-                g = Y;
+                h = Y;
               }
               Reflect.construct(r, [], C);
             } else {
               try {
                 C.call();
               } catch (Y) {
-                g = Y;
+                h = Y;
               }
               r.call(C.prototype);
             }
@@ -1755,31 +1787,31 @@ function yr() {
             try {
               throw Error();
             } catch (Y) {
-              g = Y;
+              h = Y;
             }
             r();
           }
         } catch (Y) {
-          if (Y && g && typeof Y.stack == "string") {
-            for (var p = Y.stack.split(`
-`), $ = g.stack.split(`
-`), P = p.length - 1, j = $.length - 1; P >= 1 && j >= 0 && p[P] !== $[j]; )
-              j--;
-            for (; P >= 1 && j >= 0; P--, j--)
-              if (p[P] !== $[j]) {
-                if (P !== 1 || j !== 1)
+          if (Y && h && typeof Y.stack == "string") {
+            for (var E = Y.stack.split(`
+`), $ = h.stack.split(`
+`), 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 (P--, j--, j < 0 || p[P] !== $[j]) {
+                    if (N--, L--, L < 0 || E[N] !== $[L]) {
                       var K = `
-` + p[P].replace(" at new ", " at ");
+` + E[N].replace(" at new ", " at ");
                       return typeof r == "function" && de.set(r, K), K;
                     }
-                  while (P >= 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;
@@ -1799,23 +1831,23 @@ function yr() {
         if (typeof r == "string")
           return fe(r);
         switch (r) {
-          case _:
+          case v:
             return fe("Suspense");
-          case E:
+          case p:
             return fe("SuspenseList");
         }
         if (typeof r == "object")
           switch (r.$$typeof) {
-            case h:
+            case g:
               return We(r.render);
-            case w:
+            case S:
               return he(r.type, c, l);
             case A:
               return We(r._render);
             case m: {
-              var g = r, O = g._payload, R = g._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,26 +1862,26 @@ function yr() {
         } else
           qe.setExtraStackFrame(null);
       }
-      function vt(r, c, l, g, 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)) {
-              var p = void 0;
+            if (I(r, C)) {
+              var E = void 0;
               try {
                 if (typeof r[C] != "function") {
-                  var $ = Error((g || "React class") + ": " + l + " type `" + C + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[C] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                  var $ = Error((h || "React class") + ": " + l + " type `" + C + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof r[C] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
                   throw $.name = "Invariant Violation", $;
                 }
-                p = r[C](c, C, g, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-              } catch (P) {
-                p = P;
+                E = r[C](c, C, h, l, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+              } catch (N) {
+                E = N;
               }
-              p && !(p 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).", g || "React class", l, C, typeof p), _e(null)), p instanceof Error && !(p.message in Fe) && (Fe[p.message] = !0, _e(O), y("Failed %s type: %s", l, p.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,8 +1932,8 @@ function yr() {
           });
         }
       }
-      var St = function(r, c, l, g, O, R, C) {
-        var p = {
+      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,
           // Built-in properties that belong on the element
@@ -1910,41 +1942,41 @@ function yr() {
           ref: l,
           props: C,
           // Record the component responsible for creating this element.
-          _owner: R
+          _owner: I
         };
-        return p._store = {}, Object.defineProperty(p._store, "validated", {
+        return E._store = {}, Object.defineProperty(E._store, "validated", {
           configurable: !1,
           enumerable: !1,
           writable: !0,
           value: !1
-        }), Object.defineProperty(p, "_self", {
+        }), Object.defineProperty(E, "_self", {
           configurable: !1,
           enumerable: !1,
           writable: !1,
-          value: g
-        }), Object.defineProperty(p, "_source", {
+          value: h
+        }), Object.defineProperty(E, "_source", {
           configurable: !1,
           enumerable: !1,
           writable: !1,
-          value: O
-        }), Object.freeze && (Object.freeze(p.props), Object.freeze(p)), p;
+          value: R
+        }), Object.freeze && (Object.freeze(E.props), Object.freeze(E)), E;
       };
-      function Ot(r, c, l, g, O) {
+      function Ot(r, c, l, h, R) {
         {
-          var R, C = {}, p = null, $ = null;
-          l !== void 0 && (p = "" + l), bt(c) && (p = "" + 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 P = r.defaultProps;
-            for (R in P)
-              C[R] === void 0 && (C[R] = P[R]);
+            var N = r.defaultProps;
+            for (I in N)
+              C[I] === void 0 && (C[I] = N[I]);
           }
-          if (p || $) {
-            var j = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
-            p && Ct(C, j), $ && wt(C, j);
+          if (E || $) {
+            var L = typeof r == "function" ? r.displayName || r.name || "Unknown" : r;
+            E && Ct(C, L), $ && St(C, L);
           }
-          return St(r, p, $, O, g, se.current, C);
+          return wt(r, E, $, R, h, se.current, C);
         }
       }
       var Re = b.ReactCurrentOwner, Ge = b.ReactDebugCurrentFrame;
@@ -2005,8 +2037,8 @@ Check the top-level render call using <` + l + ">.");
           if (Je[l])
             return;
           Je[l] = !0;
-          var g = "";
-          r && r._owner && r._owner !== Re.current && (g = " It was passed a child from " + F(r._owner.type) + "."), re(r), y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, g), re(null);
+          var h = "";
+          r && r._owner && r._owner !== Re.current && (h = " It was passed a child from " + F(r._owner.type) + "."), re(r), y('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', l, h), re(null);
         }
       }
       function Xe(r, c) {
@@ -2015,15 +2047,15 @@ Check the top-level render call using <` + l + ">.");
             return;
           if (Array.isArray(r))
             for (var l = 0; l < r.length; l++) {
-              var g = r[l];
-              Te(g) && ze(g, c);
+              var h = r[l];
+              Te(h) && ze(h, c);
             }
           else if (Te(r))
             r._store && (r._store.validated = !0);
           else if (r) {
-            var O = N(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);
           }
         }
@@ -2036,19 +2068,19 @@ Check the top-level render call using <` + l + ">.");
           var l;
           if (typeof c == "function")
             l = c.propTypes;
-          else if (typeof c == "object" && (c.$$typeof === h || // Note: Memo only checks outer props here.
+          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;
           if (l) {
-            var g = F(c);
-            vt(l, r.props, "prop", g, r);
+            var h = F(c);
+            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.");
         }
@@ -2056,33 +2088,33 @@ Check the top-level render call using <` + l + ">.");
       function kt(r) {
         {
           for (var c = Object.keys(r.props), l = 0; l < c.length; l++) {
-            var g = c[l];
-            if (g !== "children" && g !== "key") {
-              re(r), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", g), re(null);
+            var h = c[l];
+            if (h !== "children" && h !== "key") {
+              re(r), y("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", h), re(null);
               break;
             }
           }
           r.ref !== null && (re(r), y("Invalid attribute `ref` supplied to `React.Fragment`."), re(null));
         }
       }
-      function Ze(r, c, l, g, O, R) {
+      function Ze(r, c, l, h, R, I) {
         {
           var C = z(r);
           if (!C) {
-            var p = "";
-            (r === void 0 || typeof r == "object" && r !== null && Object.keys(r).length === 0) && (p += " 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);
-            $ ? p += $ : p += He();
-            var P;
-            r === null ? P = "null" : Array.isArray(r) ? P = "array" : r !== void 0 && r.$$typeof === n ? (P = "<" + (F(r.type) || "Unknown") + " />", p = " Did you accidentally export a JSX literal instead of a component?") : P = 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", P, p);
+            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(R);
+            $ ? E += $ : E += He();
+            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 K = c.children;
             if (K !== void 0)
-              if (g)
+              if (h)
                 if (Array.isArray(K)) {
                   for (var ne = 0; ne < K.length; ne++)
                     Xe(K[ne], r);
@@ -2092,7 +2124,7 @@ Check the top-level render call using <` + l + ">.");
               else
                 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) {
@@ -2116,51 +2148,51 @@ function kr(t) {
     if (!d)
       throw new Error("LiveProvider never found.");
     return d;
-  }, u = () => e, f = () => e.$RTC, v = () => f(), h = () => async (d) => await e.connect(d);
-  function _(d, S, N = []) {
-    const b = a(), y = [b, name, ...N], D = () => b.keyframes.off(d, S);
-    return V.useEffect(() => (b.keyframes.on(d, S), D), y), D;
+  }, u = () => e, f = () => e.$RTC, _ = () => f(), g = () => async (d) => await e.connect(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 E() {
+  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(), [N, 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 [N, y];
+    return [D, y];
   }
-  function m(d, S, N = []) {
-    const b = a(), y = () => b.off(d, S), D = [b, d, ...N];
-    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 A() {
-    const d = a(), [S, N] = V.useState(d.state);
+    const d = a(), [O, D] = V.useState(d.state);
     return V.useEffect(() => {
-      const b = (y) => N(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,51 +2205,51 @@ function kr(t) {
       detectMicro: () => d.$RTC.detectMicro()
     };
   }
-  function k(d, S, N = []) {
-    const b = a(), y = () => b.$RTC.off(d, S), D = [b, d, ...N];
-    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 H() {
-    const d = a(), [S, N] = V.useState(
+    const d = a(), [O, D] = V.useState(
       d.selfInfo || {}
-    ), b = (D) => N(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 J() {
-    const d = a(), [S, N] = V.useState(
+    const d = a(), [O, D] = V.useState(
       d.snapshot
     );
     return V.useEffect(() => {
-      const b = (y) => N(y);
+      const b = (y) => D(y);
       return d.on("keyframes", b), () => d.off("keyframes", b);
-    }), S;
+    }), O;
   }
-  function I() {
-    const d = a(), [S, N] = V.useState(d.userList), b = (y) => N(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,
     jsBridge: n,
     LiveProvider: i,
     unsafe__useLiveInstance: u,
-    unsafe__useRTCInstance: v,
-    useConnect: h,
-    useKeyframe: w,
-    useKeyframeUpdateCallback: _,
-    useLiveAction: E,
+    unsafe__useRTCInstance: _,
+    useConnect: g,
+    useKeyframe: S,
+    useKeyframeUpdateCallback: v,
+    useLiveAction: p,
     useLiveEventCallback: m,
     useLiveState: A,
-    useRTCAction: M,
-    useRTCEventCallback: k,
+    useRTCAction: w,
+    useRTCEventCallback: P,
     useSelfInfo: H,
     useKeyframesSnapshot: J,
-    useUserList: I
+    useUserList: k
   };
 }
 export {