@pepperdash/mobile-control-react-app-core 1.25.0-feat-essentials-v3.13 → 1.25.0-feat-essentials-v3.15

package/dist/mobile-control-react-app-core.es.js

@@ -1,13 +1,13 @@
-var w2 = Object.defineProperty;
-var p2 = (e, t, n) => t in e ? w2(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
-var G = (e, t, n) => p2(e, typeof t != "symbol" ? t + "" : t, n);
+var p2 = Object.defineProperty;
+var w2 = (e, t, n) => t in e ? p2(e, t, { enumerable: !0, configurable: !0, writable: !0, value: n }) : e[t] = n;
+var G = (e, t, n) => w2(e, typeof t != "symbol" ? t + "" : t, n);
 import M3, { AxiosError as M2 } from "axios";
 import { useDispatch as x2, useSelector as S2, Provider as Z2 } from "react-redux";
 import { createSelector as x, createSlice as v1, combineReducers as C2, configureStore as j2 } from "@reduxjs/toolkit";
 import x3, { createContext as b2, useEffect as S1, useCallback as l1, useContext as I2, useRef as d1, useMemo as T, useState as Y, useLayoutEffect as S3 } from "react";
-import { useNavigate as y2, useRouteError as R2, isRouteErrorResponse as $2 } from "react-router-dom";
+import { useNavigate as y2, useRouteError as R2, isRouteErrorResponse as P2 } from "react-router-dom";
 import * as Z3 from "lodash";
-const k1 = x2.withTypes(), p = S2.withTypes(), Z1 = (e) => e.appConfig, P2 = x(
+const V1 = x2.withTypes(), w = S2.withTypes(), Z1 = (e) => e.appConfig, $2 = x(
   Z1,
   (e) => e.config
 ), E2 = x(
@@ -19,20 +19,20 @@ const k1 = x2.withTypes(), p = S2.withTypes(), Z1 = (e) => e.appConfig, P2 = x(
 ), D2 = x(
   Z1,
   (e) => e.config.partnerMetadata
-), Xt = () => p(P2), Qt = () => p(E2), Nt = () => p(T2), e8 = () => p(D2), C3 = (e) => e.devices, j3 = x(
+), Xt = () => w($2), Qt = () => w(E2), Nt = () => w(T2), e8 = () => w(D2), C3 = (e) => e.devices, j3 = x(
   C3,
   (e) => e
 ), A2 = (e) => x(
   C3,
   (t) => t[e] ? t[e] : void 0
-), t8 = () => p(j3);
-function Z(e) {
-  return p(A2(e));
+), t8 = () => w(j3);
+function S(e) {
+  return w(A2(e));
 }
-const O = (e) => e.rooms, _2 = (e) => x(
+const O = (e) => e.rooms, L2 = (e) => x(
   O,
   (t) => t[e] ? t[e].configuration : void 0
-), L2 = x(
+), _2 = x(
   O,
   (e) => e
 ), B2 = (e) => x(
@@ -44,22 +44,22 @@ const O = (e) => e.rooms, _2 = (e) => x(
 ), W2 = (e, t) => x(
   O,
   (n) => n[e] ? n[e].volumes[t] : void 0
-), k2 = (e) => x(
+), V2 = (e) => x(
   O,
   (t) => t[e] ? t[e] : void 0
-), V2 = (e) => x(
+), k2 = (e) => x(
   O,
   (t) => {
     var n, s;
     return t[e] ? (s = (n = t[e]) == null ? void 0 : n.configuration) == null ? void 0 : s.sourceList : void 0;
   }
-), H2 = (e) => x(
+), F2 = (e) => x(
   O,
   (t) => {
     var n, s;
     return t[e] ? (s = (n = t[e]) == null ? void 0 : n.configuration) == null ? void 0 : s.audioControlPointList : void 0;
   }
-), F2 = (e) => x(
+), H2 = (e) => x(
   O,
   (t) => {
     var n, s;
@@ -147,21 +147,21 @@ const O = (e) => e.rooms, _2 = (e) => x(
   }
 );
 function n8(e) {
-  return p(
-    _2(e)
+  return w(
+    L2(e)
   );
 }
 function o8() {
-  return p(L2);
+  return w(_2);
 }
 function C1(e) {
-  return p(B2(e));
+  return w(B2(e));
 }
-const s8 = C1, c8 = (e) => p(
+const s8 = C1, c8 = (e) => w(
   O2(e)
-), ne = (e, t) => p(
+), ne = (e, t) => w(
   W2(e, t)
-), oe = (e) => p(k2(e)) || void 0, r8 = (e) => p(V2(e)), l8 = (e) => p(H2(e)), i8 = (e) => p(F2(e)), a8 = (e) => p(U2(e)), u8 = (e) => p(K2(e)), d8 = (e) => p(q2(e)), v8 = (e) => p(G2(e)), g8 = (e) => p(z2(e)), h8 = (e) => p(Y2(e)), f8 = (e) => p(J2(e)), m8 = (e) => p(X2(e)), w8 = (e) => p(Q2(e)), p8 = (e) => p(N2(e)), M8 = (e) => p((t) => te(t, e)), x8 = (e) => p(ee(e)), z = (e) => e.runtimeConfig, se = x(
+), oe = (e) => w(V2(e)) || void 0, r8 = (e) => w(k2(e)), l8 = (e) => w(F2(e)), i8 = (e) => w(H2(e)), a8 = (e) => w(U2(e)), u8 = (e) => w(K2(e)), d8 = (e) => w(q2(e)), v8 = (e) => w(G2(e)), g8 = (e) => w(z2(e)), h8 = (e) => w(Y2(e)), f8 = (e) => w(J2(e)), m8 = (e) => w(X2(e)), p8 = (e) => w(Q2(e)), w8 = (e) => w(N2(e)), M8 = (e) => w((t) => te(t, e)), x8 = (e) => w(ee(e)), z = (e) => e.runtimeConfig, se = x(
   z,
   (e) => e.websocket.isConnected
 ), ce = x(
@@ -203,7 +203,7 @@ const s8 = C1, c8 = (e) => p(
 ), ge = (e, t) => x(
   I3(e),
   (n) => n.includes(t)
-), y3 = () => p(se), S8 = () => p(ce), Z8 = () => p(re), C8 = () => p(le), j8 = () => p(ie), b8 = () => p(ae), I8 = () => p(ue), y8 = () => p(de), R8 = () => p(ve), $8 = () => p(b3), P8 = (e) => p(I3(e)), E8 = (e, t) => p(ge(e, t)), e1 = (e) => e.ui, V1 = (e) => x(e1, (t) => t.modalVisibility[e]), he = (e) => x(e1, (t) => {
+), y3 = () => w(se), S8 = () => w(ce), Z8 = () => w(re), C8 = () => w(le), j8 = () => w(ie), b8 = () => w(ae), I8 = () => w(ue), y8 = () => w(de), R8 = () => w(ve), P8 = () => w(b3), $8 = (e) => w(I3(e)), E8 = (e, t) => w(ge(e, t)), e1 = (e) => e.ui, k1 = (e) => x(e1, (t) => t.modalVisibility[e]), he = (e) => x(e1, (t) => {
   const n = t.popoverVisibility[e];
   if (n)
     return Object.keys(n).find((s) => n[s]);
@@ -213,10 +213,10 @@ const s8 = C1, c8 = (e) => p(
     var s;
     return ((s = n.popoverVisibility[e]) == null ? void 0 : s[t]) ?? !1;
   }
-), me = x(e1, (e) => e.error), we = x(
+), me = x(e1, (e) => e.error), pe = x(
   e1,
   (e) => e.showReconnect
-), pe = x(e1, (e) => e.theme), R3 = (e) => x(e1, (t) => t.syncState.includes(e)), T8 = () => p(V1("showShutdownModal")), D8 = () => p(V1("showIncomingCallModal")), A8 = (e) => p(V1(e)), _8 = (e) => p(he(e)), L8 = (e, t) => p(fe(e, t)), Me = () => p(me), xe = () => p(we), B8 = () => p(pe), Se = (e) => p(R3(e)), O8 = () => p(R3("initialSyncComplete")), Ze = {
+), we = x(e1, (e) => e.theme), R3 = (e) => x(e1, (t) => t.syncState.includes(e)), T8 = () => w(k1("showShutdownModal")), D8 = () => w(k1("showIncomingCallModal")), A8 = (e) => w(k1(e)), L8 = (e) => w(he(e)), _8 = (e, t) => w(fe(e, t)), Me = () => w(me), xe = () => w(pe), B8 = () => w(we), Se = (e) => w(R3(e)), O8 = () => w(R3("initialSyncComplete")), Ze = {
   showReconnect: !1,
   error: "",
   modalVisibility: {
@@ -225,7 +225,7 @@ const s8 = C1, c8 = (e) => p(
   },
   popoverVisibility: {},
   syncState: []
-}, $3 = v1({
+}, P3 = v1({
   name: "ui",
   initialState: Ze,
   reducers: {
@@ -271,7 +271,7 @@ const s8 = C1, c8 = (e) => p(
       e.syncState = [];
     }
   }
-}), k = $3.actions, Ce = $3.reducer, je = {
+}), V = P3.actions, Ce = P3.reducer, je = {
   config: {
     enableDev: !1,
     apiPath: "",
@@ -281,7 +281,7 @@ const s8 = C1, c8 = (e) => p(
     loginMode: "",
     modes: {}
   }
-}, P3 = v1({
+}, $3 = v1({
   name: "appConfig",
   initialState: je,
   reducers: {
@@ -289,7 +289,7 @@ const s8 = C1, c8 = (e) => p(
       e.config = t.payload;
     }
   }
-}), E3 = P3.actions, be = P3.reducer, v3 = {}, B1 = v1({
+}), E3 = $3.actions, be = $3.reducer, v3 = {}, B1 = v1({
   name: "devices",
   initialState: v3,
   reducers: {
@@ -310,7 +310,7 @@ const s8 = C1, c8 = (e) => p(
       return v3;
     }
   }
-}), w1 = {
+}), p1 = {
   setDeviceState: B1.actions.setDeviceState,
   clearDevices: B1.actions.clearDevices
 }, Ie = B1.reducer;
@@ -326,7 +326,7 @@ const g3 = new ye();
 function Re(e) {
   return sessionStorage.getItem(e) || "";
 }
-function $e(e, t) {
+function Pe(e, t) {
   sessionStorage.setItem(e, t);
 }
 const h3 = {}, O1 = v1({
@@ -345,10 +345,10 @@ const h3 = {}, O1 = v1({
       return h3;
     }
   }
-}), p1 = {
+}), w1 = {
   setRoomState: O1.actions.setRoomState,
   clearRooms: O1.actions.clearRooms
-}, Pe = O1.reducer, Ee = {
+}, $e = O1.reducer, Ee = {
   apiVersion: "",
   serverIsRunningOnProcessorHardware: !1,
   websocket: {
@@ -414,16 +414,16 @@ const h3 = {}, O1 = v1({
       e.touchpanelKey = t.payload;
     }
   }
-}), U = T3.actions, Te = T3.reducer, A1 = M3.create(), D3 = "websocket/connect", A3 = "websocket/disconnect", _3 = "websocket/sendMessage", L3 = "websocket/addEventHandler", B3 = "websocket/removeEventHandler", O3 = "websocket/reconnect", W3 = () => ({ type: D3 }), W8 = () => ({ type: A3 }), De = (e, t) => ({
-  type: _3,
+}), U = T3.actions, Te = T3.reducer, A1 = M3.create(), D3 = "websocket/connect", A3 = "websocket/disconnect", L3 = "websocket/sendMessage", _3 = "websocket/addEventHandler", B3 = "websocket/removeEventHandler", O3 = "websocket/reconnect", W3 = () => ({ type: D3 }), W8 = () => ({ type: A3 }), De = (e, t) => ({
+  type: L3,
   payload: { messageType: e, content: t }
 }), Ae = (e, t, n) => ({
-  type: L3,
+  type: _3,
   payload: { eventType: e, key: t, callback: n }
-}), _e = (e, t) => ({
+}), Le = (e, t) => ({
   type: B3,
   payload: { eventType: e, key: t }
-}), Le = () => ({ type: O3 }), Be = () => {
+}), _e = () => ({ type: O3 }), Be = () => {
   const e = {
     client: null,
     token: null,
@@ -441,10 +441,10 @@ const h3 = {}, O1 = v1({
       if (j.status === 200 && j.data) {
         const I = j.data.apiPath;
         v(E3.setAppConfig(j.data));
-        const S = await A1.get(
+        const Z = await A1.get(
           `${I}/version`
         );
-        S.status === 200 && S.data && v(U.setRuntimeConfig(S.data));
+        Z.status === 200 && Z.data && v(U.setRuntimeConfig(Z.data));
       }
     } catch (C) {
       console.error("Error getting config", C);
@@ -458,10 +458,10 @@ const h3 = {}, O1 = v1({
       return j.status === 200 && j.data ? (b(U.setRoomData(j.data)), j.data) : null;
     } catch (j) {
       return console.log(j), j instanceof M2 && j.response && j.response.status === 498 ? (console.error("Invalid token. Unable to join room"), b(
-        k.setErrorMessage(
+        V.setErrorMessage(
           `Token ${C} is invalid. Unable to join room`
         )
-      ), null) : (console.error("Error getting room data", j), j instanceof Error ? b(k.setErrorMessage(j.message)) : b(k.setErrorMessage("Error getting room data")), null);
+      ), null) : (console.error("Error getting room data", j), j instanceof Error ? b(V.setErrorMessage(j.message)) : b(V.setErrorMessage("Error getting room data")), null);
     }
   }, s = (v) => {
     e.reconnectTimer && (clearTimeout(e.reconnectTimer), e.reconnectTimer = null), console.log("WebSocket middleware: Starting reconnection loop..."), e.reconnectTimer = setTimeout(() => {
@@ -470,23 +470,23 @@ const h3 = {}, O1 = v1({
   }, r = () => {
     e.reconnectTimer && (console.log("WebSocket middleware: Stopping reconnection loop"), clearTimeout(e.reconnectTimer), e.reconnectTimer = null);
   }, l = (v) => {
-    v(k.setShowReconnect(!0)), v(U.setWebsocketIsConnected(!1)), v(w1.clearDevices()), v(p1.clearRooms()), v(k.clearAllModals()), v(k.clearSyncState());
+    v(V.setShowReconnect(!0)), v(U.setWebsocketIsConnected(!1)), v(p1.clearDevices()), v(w1.clearRooms()), v(V.clearAllModals()), v(V.clearSyncState());
   }, i = (v, C) => {
     var K;
-    const b = v(), j = C ?? b.runtimeConfig.roomData.roomKey, { clientId: I } = b.runtimeConfig.roomData, S = b.runtimeConfig.websocket.isConnected, W = (K = b.runtimeConfig.roomData.config) == null ? void 0 : K.runtimeInfo.essentialsVersion;
+    const b = v(), j = C ?? b.runtimeConfig.roomData.roomKey, { clientId: I } = b.runtimeConfig.roomData, Z = b.runtimeConfig.websocket.isConnected, W = (K = b.runtimeConfig.roomData.config) == null ? void 0 : K.runtimeInfo.essentialsVersion;
     console.log("WebSocket middleware: Essentials version", {
       essentialsVersion: W
     });
     const o1 = W == null ? void 0 : W.startsWith("3.");
-    if (!C || !S || !I) {
+    if (!C || !Z || !I) {
       console.log("WebSocket middleware: Cannot request room status", {
         hasRoomKey: !!C,
-        isConnected: S,
+        isConnected: Z,
         hasClientId: !!I
       });
       return;
     }
-    console.log("WebSocket middleware: Requesting status from room:", C), e.client && S && (o1 ? (console.log(
+    console.log("WebSocket middleware: Requesting status from room:", C), e.client && Z && (o1 ? (console.log(
       "WebSocket middleware: Essentials V3 detected, requesting additional status..."
     ), e.client.send(
       JSON.stringify({
@@ -526,50 +526,50 @@ const h3 = {}, O1 = v1({
     }
     e.waitingToReconnect = !0;
     try {
-      const S = await n(j, e.token, v);
-      if (!S) {
+      const Z = await n(j, e.token, v);
+      if (!Z) {
         console.log(
           "WebSocket middleware: Failed to get room data, will retry..."
         ), s(v);
         return;
       }
       console.log("WebSocket middleware: Connecting to websocket");
-      const o1 = `${j.replace("http", "ws")}/ui/join/${e.token}?clientId=${S.clientId}`, K = new WebSocket(o1);
-      e.client = K, K.onopen = (V) => {
-        console.log("WebSocket middleware: Connected", V.type, V.target), e.waitingToReconnect = !1, r(), setTimeout(() => {
+      const o1 = `${j.replace("http", "ws")}/ui/join/${e.token}?clientId=${Z.clientId}`, K = new WebSocket(o1);
+      e.client = K, K.onopen = (k) => {
+        console.log("WebSocket middleware: Connected", k.type, k.target), e.waitingToReconnect = !1, r(), setTimeout(() => {
           e.client === K && K.readyState === WebSocket.OPEN && v(U.setWebsocketIsConnected(!0));
         }, 100);
-      }, K.onerror = (V) => {
-        console.error("WebSocket middleware: Error", V), l(v);
-      }, K.onclose = (V) => {
+      }, K.onerror = (k) => {
+        console.error("WebSocket middleware: Error", k), l(v);
+      }, K.onclose = (k) => {
         var D;
         if (console.log(
           "WebSocket middleware: Disconnected",
-          V.reason,
-          V.code
-        ), V.code === 4100) {
+          k.reason,
+          k.code
+        ), k.code === 4100) {
           console.log("WebSocket middleware: Closed by client (cleanup)"), r(), l(v);
           return;
         }
-        if (e.waitingToReconnect = !0, V.code === 4e3) {
+        if (e.waitingToReconnect = !0, k.code === 4e3) {
           console.log("WebSocket middleware: User code changed"), r(), v(
             U.setUserCode({ userCode: "", qrUrl: "" })
           ), v(
-            k.setErrorMessage(
+            V.setErrorMessage(
               "User code changed. Click reconnect to enter the new code"
             )
           ), l(v);
           return;
         }
-        if (V.code === 4002) {
+        if (k.code === 4002) {
           console.log("WebSocket middleware: Room combination changed"), r(), v(
-            k.setErrorMessage(
+            V.setErrorMessage(
               "Room combination changed. Click Reconnect to re-join the room"
             )
           ), l(v);
           return;
         }
-        if (V.code === 4001)
+        if (k.code === 4001)
           if (!!((D = C().runtimeConfig) != null && D.touchpanelKey))
             console.log(
               "WebSocket middleware: Code 4001 received with touchpanel key present, will auto-reconnect"
@@ -582,7 +582,7 @@ const h3 = {}, O1 = v1({
             console.log(
               "WebSocket middleware: Processor disconnected (no touchpanel key, not on processor hardware)"
             ), r(), v(
-              k.setErrorMessage(
+              V.setErrorMessage(
                 "Processor has disconnected. Click Reconnect to continue."
               )
             ), l(v);
@@ -597,13 +597,13 @@ const h3 = {}, O1 = v1({
           return;
         }
         e.client = null, console.log("WebSocket middleware: Clearing state on disconnect"), v(
-          k.setErrorMessage(
+          V.setErrorMessage(
             "Connection lost. Attempting to reconnect..."
           )
-        ), v(U.setWebsocketIsConnected(!1)), v(w1.clearDevices()), v(p1.clearRooms()), v(k.clearAllModals()), v(k.clearSyncState()), s(v);
-      }, K.onmessage = (V) => {
+        ), v(U.setWebsocketIsConnected(!1)), v(p1.clearDevices()), v(w1.clearRooms()), v(V.clearAllModals()), v(V.clearSyncState()), s(v);
+      }, K.onmessage = (k) => {
         try {
-          const D = JSON.parse(V.data);
+          const D = JSON.parse(k.data);
           if (D.type === "close") {
             K.close(4001, D.content);
             return;
@@ -618,7 +618,7 @@ const h3 = {}, O1 = v1({
                 );
                 break;
               case "/system/roomKey":
-                v(p1.clearRooms()), v(w1.clearDevices()), v(k.clearSyncState()), v(
+                v(w1.clearRooms()), v(p1.clearDevices()), v(V.clearSyncState()), v(
                   U.setCurrentRoomKey(
                     D.content
                   )
@@ -642,7 +642,7 @@ const h3 = {}, O1 = v1({
                 break;
               }
               case "/system/initialSyncComplete":
-                v(k.addSyncState("initialSyncComplete"));
+                v(V.addSyncState("initialSyncComplete"));
                 break;
               default:
                 console.log(
@@ -666,32 +666,32 @@ const h3 = {}, O1 = v1({
                 );
               }
             });
-          } else D.type.startsWith("/room/") ? v(p1.setRoomState(D)) : D.type.startsWith("/device/") && v(w1.setDeviceState(D));
+          } else D.type.startsWith("/room/") ? v(w1.setRoomState(D)) : D.type.startsWith("/device/") && v(p1.setDeviceState(D));
         } catch (D) {
           console.error("WebSocket middleware: Message handling error", D);
         }
       }, e.waitingToReconnect = !1;
-    } catch (S) {
-      console.error("WebSocket middleware: Connection error", S), e.waitingToReconnect = !1, e.client = null;
+    } catch (Z) {
+      console.error("WebSocket middleware: Connection error", Z), e.waitingToReconnect = !1, e.client = null;
     }
   }, u = () => {
     e.client && (console.log("WebSocket middleware: Disconnecting"), r(), e.client.close(4100, "Client requested disconnect"), e.client = null);
   }, f = (v, C, b) => {
-    const j = b(), I = j.runtimeConfig.websocket.isConnected, S = j.runtimeConfig.roomData.clientId;
+    const j = b(), I = j.runtimeConfig.websocket.isConnected, Z = j.runtimeConfig.roomData.clientId;
     e.client && I ? e.client.send(
-      JSON.stringify({ type: v, clientId: S, content: C })
+      JSON.stringify({ type: v, clientId: Z, content: C })
     ) : console.warn("WebSocket middleware: Cannot send message - not connected");
   }, d = (v, C, b) => {
     e.eventHandlers[v] || (e.eventHandlers[v] = {}), e.eventHandlers[v][C] = b, console.log("WebSocket middleware: Event handler added", v, C);
-  }, _ = (v, C) => {
+  }, L = (v, C) => {
     e.eventHandlers[v] && (delete e.eventHandlers[v][C], console.log(
       "WebSocket middleware: Event handler removed",
       v,
       C
     ));
   }, A = (v) => {
-    const C = v(), { gatewayAppPath: b } = C.appConfig.config, j = C.runtimeConfig.roomData.roomKey, I = C.runtimeConfig.roomData.systemUuid, S = C.runtimeConfig.roomData.userCode, W = `${b}?uuid=${I}&roomKey=${j}`;
-    window.location.href = S ? `${W}&Code=${S}` : W;
+    const C = v(), { gatewayAppPath: b } = C.appConfig.config, j = C.runtimeConfig.roomData.roomKey, I = C.runtimeConfig.roomData.systemUuid, Z = C.runtimeConfig.roomData.userCode, W = `${b}?uuid=${I}&roomKey=${j}`;
+    window.location.href = Z ? `${W}&Code=${Z}` : W;
   };
   return (v) => (C) => (b) => {
     const j = C(b);
@@ -702,20 +702,20 @@ const h3 = {}, O1 = v1({
       switch (I.type) {
         case D3: {
           let W = new URLSearchParams(window.location.search).get("token");
-          W ? (console.log("WebSocket middleware: Saving token"), $e(g3.uuid, W)) : (W = Re(g3.uuid), console.log("WebSocket middleware: Loading token")), e.token = W, await t(v.dispatch), await g(v.dispatch, v.getState);
+          W ? (console.log("WebSocket middleware: Saving token"), Pe(g3.uuid, W)) : (W = Re(g3.uuid), console.log("WebSocket middleware: Loading token")), e.token = W, await t(v.dispatch), await g(v.dispatch, v.getState);
           break;
         }
         case A3:
           u();
           break;
-        case _3:
+        case L3:
           f(
             I.payload.messageType,
             I.payload.content,
             v.getState
           );
           break;
-        case L3:
+        case _3:
           d(
             I.payload.eventType,
             I.payload.key,
@@ -723,7 +723,7 @@ const h3 = {}, O1 = v1({
           );
           break;
         case B3:
-          _(
+          L(
             I.payload.eventType,
             I.payload.key
           );
@@ -737,28 +737,28 @@ const h3 = {}, O1 = v1({
               "[WebSocket Middleware] Connection established, requesting room status..."
             ), setTimeout(() => i(v.getState), 100));
           else if (b.type === U.setRoomData.type) {
-            const S = v.getState(), W = b.payload;
-            S.runtimeConfig.websocket.isConnected && (W != null && W.clientId) && (console.log(
+            const Z = v.getState(), W = b.payload;
+            Z.runtimeConfig.websocket.isConnected && (W != null && W.clientId) && (console.log(
               "[WebSocket Middleware] Room data received, requesting room status..."
             ), setTimeout(() => i(v.getState), 100));
           } else if (b.type === U.setCurrentRoomKey.type) {
-            const S = b.payload;
-            S && (console.log(
+            const Z = b.payload;
+            Z && (console.log(
               "[WebSocket Middleware] Room changed to:",
-              S,
+              Z,
               ", requesting room status..."
-            ), setTimeout(() => i(v.getState, S), 100));
+            ), setTimeout(() => i(v.getState, Z), 100));
           }
           break;
       }
-    })().catch((S) => {
-      console.error("WebSocket middleware: Error handling action", S);
+    })().catch((Z) => {
+      console.error("WebSocket middleware: Error handling action", Z);
     }), j;
   };
 }, Oe = C2({
   appConfig: be,
   runtimeConfig: Te,
-  rooms: Pe,
+  rooms: $e,
   devices: Ie,
   ui: Ce
 }), We = j2({
@@ -770,8 +770,8 @@ const h3 = {}, O1 = v1({
     }
   }).concat(Be())
 }), f3 = M3.create();
-function k8() {
-  const e = k1();
+function V8() {
+  const e = V1();
   return async () => {
     try {
       const t = location.pathname.split("/").filter((r) => r.length > 0);
@@ -805,16 +805,16 @@ var M1 = { exports: {} }, i1 = {};
  * LICENSE file in the root directory of this source tree.
  */
 var m3;
-function ke() {
+function Ve() {
   if (m3) return i1;
   m3 = 1;
   var e = x3, t = Symbol.for("react.element"), n = Symbol.for("react.fragment"), s = Object.prototype.hasOwnProperty, r = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED.ReactCurrentOwner, l = { key: !0, ref: !0, __self: !0, __source: !0 };
   function i(g, u, f) {
-    var d, _ = {}, A = null, v = null;
+    var d, L = {}, A = null, v = null;
     f !== void 0 && (A = "" + f), u.key !== void 0 && (A = "" + u.key), u.ref !== void 0 && (v = u.ref);
-    for (d in u) s.call(u, d) && !l.hasOwnProperty(d) && (_[d] = u[d]);
-    if (g && g.defaultProps) for (d in u = g.defaultProps, u) _[d] === void 0 && (_[d] = u[d]);
-    return { $$typeof: t, type: g, key: A, ref: v, props: _, _owner: r.current };
+    for (d in u) s.call(u, d) && !l.hasOwnProperty(d) && (L[d] = u[d]);
+    if (g && g.defaultProps) for (d in u = g.defaultProps, u) L[d] === void 0 && (L[d] = u[d]);
+    return { $$typeof: t, type: g, key: A, ref: v, props: L, _owner: r.current };
   }
   return i1.Fragment = n, i1.jsx = i, i1.jsxs = i, i1;
 }
@@ -828,10 +828,10 @@ var a1 = {};
  * This source code is licensed under the MIT license found in the
  * LICENSE file in the root directory of this source tree.
  */
-var w3;
-function Ve() {
-  return w3 || (w3 = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = x3, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), g = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), _ = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), v = Symbol.for("react.offscreen"), C = Symbol.iterator, b = "@@iterator";
+var p3;
+function ke() {
+  return p3 || (p3 = 1, process.env.NODE_ENV !== "production" && (function() {
+    var e = x3, t = Symbol.for("react.element"), n = Symbol.for("react.portal"), s = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), i = Symbol.for("react.provider"), g = Symbol.for("react.context"), u = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), L = Symbol.for("react.memo"), A = Symbol.for("react.lazy"), v = Symbol.for("react.offscreen"), C = Symbol.iterator, b = "@@iterator";
     function j(c) {
       if (c === null || typeof c != "object")
         return null;
@@ -839,7 +839,7 @@ function Ve() {
       return typeof a == "function" ? a : null;
     }
     var I = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
-    function S(c) {
+    function Z(c) {
       {
         for (var a = arguments.length, h = new Array(a > 1 ? a - 1 : 0), M = 1; M < a; M++)
           h[M - 1] = arguments[M];
@@ -848,37 +848,37 @@ function Ve() {
     }
     function W(c, a, h) {
       {
-        var M = I.ReactDebugCurrentFrame, P = M.getStackAddendum();
-        P !== "" && (a += "%s", h = h.concat([P]));
+        var M = I.ReactDebugCurrentFrame, $ = M.getStackAddendum();
+        $ !== "" && (a += "%s", h = h.concat([$]));
         var E = h.map(function(R) {
           return String(R);
         });
         E.unshift("Warning: " + a), Function.prototype.apply.call(console[c], console, E);
       }
     }
-    var o1 = !1, K = !1, V = !1, D = !1, J = !1, s1;
+    var o1 = !1, K = !1, k = !1, D = !1, J = !1, s1;
     s1 = Symbol.for("react.module.reference");
     function b1(c) {
-      return !!(typeof c == "string" || typeof c == "function" || c === s || c === l || J || c === r || c === f || c === d || D || c === v || o1 || K || V || typeof c == "object" && c !== null && (c.$$typeof === A || c.$$typeof === _ || c.$$typeof === i || c.$$typeof === g || c.$$typeof === u || // This needs to include all possible module reference object
+      return !!(typeof c == "string" || typeof c == "function" || c === s || c === l || J || c === r || c === f || c === d || D || c === v || o1 || K || k || typeof c == "object" && c !== null && (c.$$typeof === A || c.$$typeof === L || c.$$typeof === i || c.$$typeof === g || c.$$typeof === u || // This needs to include all possible module reference object
       // types supported by any Flight configuration anywhere since
       // we don't know which Flight build this will end up being used
       // with.
       c.$$typeof === s1 || c.getModuleId !== void 0));
     }
-    function F3(c, a, h) {
+    function H3(c, a, h) {
       var M = c.displayName;
       if (M)
         return M;
-      var P = a.displayName || a.name || "";
-      return P !== "" ? h + "(" + P + ")" : h;
+      var $ = a.displayName || a.name || "";
+      return $ !== "" ? h + "(" + $ + ")" : h;
     }
-    function H1(c) {
+    function F1(c) {
       return c.displayName || "Context";
     }
     function X(c) {
       if (c == null)
         return null;
-      if (typeof c.tag == "number" && S("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof c == "function")
+      if (typeof c.tag == "number" && Z("Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."), typeof c == "function")
         return c.displayName || c.name || null;
       if (typeof c == "string")
         return c;
@@ -900,17 +900,17 @@ function Ve() {
         switch (c.$$typeof) {
           case g:
             var a = c;
-            return H1(a) + ".Consumer";
+            return F1(a) + ".Consumer";
           case i:
             var h = c;
-            return H1(h._context) + ".Provider";
+            return F1(h._context) + ".Provider";
           case u:
-            return F3(c, c.render, "ForwardRef");
-          case _:
+            return H3(c, c.render, "ForwardRef");
+          case L:
             var M = c.displayName || null;
             return M !== null ? M : X(c.type) || "Memo";
           case A: {
-            var P = c, E = P._payload, R = P._init;
+            var $ = c, E = $._payload, R = $._init;
             try {
               return X(R(E));
             } catch {
@@ -920,14 +920,14 @@ function Ve() {
         }
       return null;
     }
-    var Q = Object.assign, c1 = 0, F1, U1, K1, q1, G1, z1, Y1;
+    var Q = Object.assign, c1 = 0, H1, U1, K1, q1, G1, z1, Y1;
     function J1() {
     }
     J1.__reactDisabledLog = !0;
     function U3() {
       {
         if (c1 === 0) {
-          F1 = console.log, U1 = console.info, K1 = console.warn, q1 = console.error, G1 = console.group, z1 = console.groupCollapsed, Y1 = console.groupEnd;
+          H1 = console.log, U1 = console.info, K1 = console.warn, q1 = console.error, G1 = console.group, z1 = console.groupCollapsed, Y1 = console.groupEnd;
           var c = {
             configurable: !0,
             enumerable: !0,
@@ -957,7 +957,7 @@ function Ve() {
           };
           Object.defineProperties(console, {
             log: Q({}, c, {
-              value: F1
+              value: H1
             }),
             info: Q({}, c, {
               value: U1
@@ -979,7 +979,7 @@ function Ve() {
             })
           });
         }
-        c1 < 0 && S("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        c1 < 0 && Z("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
     var I1 = I.ReactCurrentDispatcher, y1;
@@ -988,8 +988,8 @@ function Ve() {
         if (y1 === void 0)
           try {
             throw Error();
-          } catch (P) {
-            var M = P.stack.trim().match(/\n( *(at )?)/);
+          } catch ($) {
+            var M = $.stack.trim().match(/\n( *(at )?)/);
             y1 = M && M[1] || "";
           }
         return `
@@ -1011,7 +1011,7 @@ function Ve() {
       }
       var M;
       R1 = !0;
-      var P = Error.prepareStackTrace;
+      var $ = Error.prepareStackTrace;
       Error.prepareStackTrace = void 0;
       var E;
       E = I1.current, I1.current = null, U3();
@@ -1027,47 +1027,47 @@ function Ve() {
           }), typeof Reflect == "object" && Reflect.construct) {
             try {
               Reflect.construct(R, []);
-            } catch (F) {
-              M = F;
+            } catch (H) {
+              M = H;
             }
             Reflect.construct(c, [], R);
           } else {
             try {
               R.call();
-            } catch (F) {
-              M = F;
+            } catch (H) {
+              M = H;
             }
             c.call(R.prototype);
           }
         } else {
           try {
             throw Error();
-          } catch (F) {
-            M = F;
+          } catch (H) {
+            M = H;
           }
           c();
         }
-      } catch (F) {
-        if (F && M && typeof F.stack == "string") {
-          for (var y = F.stack.split(`
-`), H = M.stack.split(`
-`), L = y.length - 1, B = H.length - 1; L >= 1 && B >= 0 && y[L] !== H[B]; )
+      } catch (H) {
+        if (H && M && typeof H.stack == "string") {
+          for (var y = H.stack.split(`
+`), F = M.stack.split(`
+`), _ = y.length - 1, B = F.length - 1; _ >= 1 && B >= 0 && y[_] !== F[B]; )
             B--;
-          for (; L >= 1 && B >= 0; L--, B--)
-            if (y[L] !== H[B]) {
-              if (L !== 1 || B !== 1)
+          for (; _ >= 1 && B >= 0; _--, B--)
+            if (y[_] !== F[B]) {
+              if (_ !== 1 || B !== 1)
                 do
-                  if (L--, B--, B < 0 || y[L] !== H[B]) {
+                  if (_--, B--, B < 0 || y[_] !== F[B]) {
                     var q = `
-` + y[L].replace(" at new ", " at ");
+` + y[_].replace(" at new ", " at ");
                     return c.displayName && q.includes("<anonymous>") && (q = q.replace("<anonymous>", c.displayName)), typeof c == "function" && h1.set(c, q), q;
                   }
-                while (L >= 1 && B >= 0);
+                while (_ >= 1 && B >= 0);
               break;
             }
         }
       } finally {
-        R1 = !1, I1.current = E, K3(), Error.prepareStackTrace = P;
+        R1 = !1, I1.current = E, K3(), Error.prepareStackTrace = $;
       }
       var n1 = c ? c.displayName || c.name : "", N = n1 ? g1(n1) : "";
       return typeof c == "function" && h1.set(c, N), N;
@@ -1096,12 +1096,12 @@ function Ve() {
         switch (c.$$typeof) {
           case u:
             return G3(c.render);
-          case _:
+          case L:
             return f1(c.type, a, h);
           case A: {
-            var M = c, P = M._payload, E = M._init;
+            var M = c, $ = M._payload, E = M._init;
             try {
-              return f1(E(P), a, h);
+              return f1(E($), a, h);
             } catch {
             }
           }
@@ -1116,7 +1116,7 @@ function Ve() {
       } else
         N1.setExtraStackFrame(null);
     }
-    function Y3(c, a, h, M, P) {
+    function Y3(c, a, h, M, $) {
       {
         var E = Function.call.bind(r1);
         for (var R in c)
@@ -1124,19 +1124,19 @@ function Ve() {
             var y = void 0;
             try {
               if (typeof c[R] != "function") {
-                var H = Error((M || "React class") + ": " + h + " type `" + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof c[R] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw H.name = "Invariant Violation", H;
+                var F = Error((M || "React class") + ": " + h + " type `" + R + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof c[R] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw F.name = "Invariant Violation", F;
               }
               y = c[R](a, R, M, h, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (L) {
-              y = L;
+            } catch (_) {
+              y = _;
             }
-            y && !(y instanceof Error) && (m1(P), S("%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).", M || "React class", h, R, typeof y), m1(null)), y instanceof Error && !(y.message in Q1) && (Q1[y.message] = !0, m1(P), S("Failed %s type: %s", h, y.message), m1(null));
+            y && !(y instanceof Error) && (m1($), Z("%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).", M || "React class", h, R, typeof y), m1(null)), y instanceof Error && !(y.message in Q1) && (Q1[y.message] = !0, m1($), Z("Failed %s type: %s", h, y.message), m1(null));
           }
       }
     }
     var J3 = Array.isArray;
-    function $1(c) {
+    function P1(c) {
       return J3(c);
     }
     function X3(c) {
@@ -1157,7 +1157,7 @@ function Ve() {
     }
     function t3(c) {
       if (Q3(c))
-        return S("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", X3(c)), e3(c);
+        return Z("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", X3(c)), e3(c);
     }
     var n3 = I.ReactCurrentOwner, N3 = {
       key: !0,
@@ -1187,7 +1187,7 @@ function Ve() {
     function o2(c, a) {
       {
         var h = function() {
-          o3 || (o3 = !0, S("%s: `key` 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)", a));
+          o3 || (o3 = !0, Z("%s: `key` 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)", a));
         };
         h.isReactWarning = !0, Object.defineProperty(c, "key", {
           get: h,
@@ -1198,7 +1198,7 @@ function Ve() {
     function s2(c, a) {
       {
         var h = function() {
-          s3 || (s3 = !0, S("%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)", a));
+          s3 || (s3 = !0, Z("%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)", a));
         };
         h.isReactWarning = !0, Object.defineProperty(c, "ref", {
           get: h,
@@ -1206,7 +1206,7 @@ function Ve() {
         });
       }
     }
-    var c2 = function(c, a, h, M, P, E, R) {
+    var c2 = function(c, a, h, M, $, E, R) {
       var y = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
@@ -1232,28 +1232,28 @@ function Ve() {
         configurable: !1,
         enumerable: !1,
         writable: !1,
-        value: P
+        value: $
       }), Object.freeze && (Object.freeze(y.props), Object.freeze(y)), y;
     };
-    function r2(c, a, h, M, P) {
+    function r2(c, a, h, M, $) {
       {
-        var E, R = {}, y = null, H = null;
-        h !== void 0 && (t3(h), y = "" + h), t2(a) && (t3(a.key), y = "" + a.key), e2(a) && (H = a.ref, n2(a, P));
+        var E, R = {}, y = null, F = null;
+        h !== void 0 && (t3(h), y = "" + h), t2(a) && (t3(a.key), y = "" + a.key), e2(a) && (F = a.ref, n2(a, $));
         for (E in a)
           r1.call(a, E) && !N3.hasOwnProperty(E) && (R[E] = a[E]);
         if (c && c.defaultProps) {
-          var L = c.defaultProps;
-          for (E in L)
-            R[E] === void 0 && (R[E] = L[E]);
+          var _ = c.defaultProps;
+          for (E in _)
+            R[E] === void 0 && (R[E] = _[E]);
         }
-        if (y || H) {
+        if (y || F) {
           var B = typeof c == "function" ? c.displayName || c.name || "Unknown" : c;
-          y && o2(R, B), H && s2(R, B);
+          y && o2(R, B), F && s2(R, B);
         }
-        return c2(c, y, H, P, M, n3.current, R);
+        return c2(c, y, F, $, M, n3.current, R);
       }
     }
-    var P1 = I.ReactCurrentOwner, c3 = I.ReactDebugCurrentFrame;
+    var $1 = I.ReactCurrentOwner, c3 = I.ReactDebugCurrentFrame;
     function t1(c) {
       if (c) {
         var a = c._owner, h = f1(c.type, c._source, a ? a.type : null);
@@ -1268,8 +1268,8 @@ function Ve() {
     }
     function r3() {
       {
-        if (P1.current) {
-          var c = X(P1.current.type);
+        if ($1.current) {
+          var c = X($1.current.type);
           if (c)
             return `
 
@@ -1304,14 +1304,14 @@ Check the top-level render call using <` + h + ">.");
           return;
         l3[h] = !0;
         var M = "";
-        c && c._owner && c._owner !== P1.current && (M = " It was passed a child from " + X(c._owner.type) + "."), t1(c), S('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', h, M), t1(null);
+        c && c._owner && c._owner !== $1.current && (M = " It was passed a child from " + X(c._owner.type) + "."), t1(c), Z('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', h, M), t1(null);
       }
     }
     function a3(c, a) {
       {
         if (typeof c != "object")
           return;
-        if ($1(c))
+        if (P1(c))
           for (var h = 0; h < c.length; h++) {
             var M = c[h];
             T1(M) && i3(M, a);
@@ -1319,9 +1319,9 @@ Check the top-level render call using <` + h + ">.");
         else if (T1(c))
           c._store && (c._store.validated = !0);
         else if (c) {
-          var P = j(c);
-          if (typeof P == "function" && P !== c.entries)
-            for (var E = P.call(c), R; !(R = E.next()).done; )
+          var $ = j(c);
+          if (typeof $ == "function" && $ !== c.entries)
+            for (var E = $.call(c), R; !(R = E.next()).done; )
               T1(R.value) && i3(R.value, a);
         }
       }
@@ -1336,7 +1336,7 @@ Check the top-level render call using <` + h + ">.");
           h = a.propTypes;
         else if (typeof a == "object" && (a.$$typeof === u || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        a.$$typeof === _))
+        a.$$typeof === L))
           h = a.propTypes;
         else
           return;
@@ -1345,10 +1345,10 @@ Check the top-level render call using <` + h + ">.");
           Y3(h, c.props, "prop", M, c);
         } else if (a.PropTypes !== void 0 && !E1) {
           E1 = !0;
-          var P = X(a);
-          S("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", P || "Unknown");
+          var $ = X(a);
+          Z("Component %s declared `PropTypes` instead of `propTypes`. Did you misspell the property assignment?", $ || "Unknown");
         }
-        typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && S("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
+        typeof a.getDefaultProps == "function" && !a.getDefaultProps.isReactClassApproved && Z("getDefaultProps is only used on classic React.createClass definitions. Use a static property named `defaultProps` instead.");
       }
     }
     function u2(c) {
@@ -1356,48 +1356,48 @@ Check the top-level render call using <` + h + ">.");
         for (var a = Object.keys(c.props), h = 0; h < a.length; h++) {
           var M = a[h];
           if (M !== "children" && M !== "key") {
-            t1(c), S("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", M), t1(null);
+            t1(c), Z("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", M), t1(null);
             break;
           }
         }
-        c.ref !== null && (t1(c), S("Invalid attribute `ref` supplied to `React.Fragment`."), t1(null));
+        c.ref !== null && (t1(c), Z("Invalid attribute `ref` supplied to `React.Fragment`."), t1(null));
       }
     }
     var u3 = {};
-    function d3(c, a, h, M, P, E) {
+    function d3(c, a, h, M, $, E) {
       {
         var R = b1(c);
         if (!R) {
           var y = "";
           (c === void 0 || typeof c == "object" && c !== null && Object.keys(c).length === 0) && (y += " 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 H = l2();
-          H ? y += H : y += r3();
-          var L;
-          c === null ? L = "null" : $1(c) ? L = "array" : c !== void 0 && c.$$typeof === t ? (L = "<" + (X(c.type) || "Unknown") + " />", y = " Did you accidentally export a JSX literal instead of a component?") : L = typeof c, S("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", L, y);
+          var F = l2();
+          F ? y += F : y += r3();
+          var _;
+          c === null ? _ = "null" : P1(c) ? _ = "array" : c !== void 0 && c.$$typeof === t ? (_ = "<" + (X(c.type) || "Unknown") + " />", y = " Did you accidentally export a JSX literal instead of a component?") : _ = typeof c, Z("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", _, y);
         }
-        var B = r2(c, a, h, P, E);
+        var B = r2(c, a, h, $, E);
         if (B == null)
           return B;
         if (R) {
           var q = a.children;
           if (q !== void 0)
             if (M)
-              if ($1(q)) {
+              if (P1(q)) {
                 for (var n1 = 0; n1 < q.length; n1++)
                   a3(q[n1], c);
                 Object.freeze && Object.freeze(q);
               } else
-                S("React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead.");
+                Z("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
               a3(q, c);
         }
         if (r1.call(a, "key")) {
-          var N = X(c), F = Object.keys(a).filter(function(m2) {
+          var N = X(c), H = Object.keys(a).filter(function(m2) {
             return m2 !== "key";
-          }), D1 = F.length > 0 ? "{key: someKey, " + F.join(": ..., ") + ": ...}" : "{key: someKey}";
+          }), D1 = H.length > 0 ? "{key: someKey, " + H.join(": ..., ") + ": ...}" : "{key: someKey}";
           if (!u3[N + D1]) {
-            var f2 = F.length > 0 ? "{" + F.join(": ..., ") + ": ...}" : "{}";
-            S(`A props object containing a "key" prop is being spread into JSX:
+            var f2 = H.length > 0 ? "{" + H.join(": ..., ") + ": ...}" : "{}";
+            Z(`A props object containing a "key" prop is being spread into JSX:
   let props = %s;
   <%s {...props} />
 React keys must be passed directly to JSX without using spread:
@@ -1418,13 +1418,13 @@ React keys must be passed directly to JSX without using spread:
     a1.Fragment = s, a1.jsx = g2, a1.jsxs = h2;
   })()), a1;
 }
-var p3;
-function He() {
-  return p3 || (p3 = 1, process.env.NODE_ENV === "production" ? M1.exports = ke() : M1.exports = Ve()), M1.exports;
+var w3;
+function Fe() {
+  return w3 || (w3 = 1, process.env.NODE_ENV === "production" ? M1.exports = Ve() : M1.exports = ke()), M1.exports;
 }
-var o = He();
-const Fe = "_mwfit_ppa3l_1", Ue = {
-  mwfit: Fe
+var o = Fe();
+const He = "_mwfit_ppa3l_1", Ue = {
+  mwfit: He
 }, Ke = () => {
   const { reconnect: e } = m(), t = y3(), n = Me(), s = xe();
   return /* @__PURE__ */ o.jsxs("div", { className: "vh-100 d-flex flex-column flex-grow-1 justify-content-center align-items-center gap-5 ", children: [
@@ -1434,14 +1434,14 @@ const Fe = "_mwfit_ppa3l_1", Ue = {
     ] }),
     s && /* @__PURE__ */ o.jsx("button", { className: "btn btn-secondary btn-lg", onPointerDown: e, children: "Reconnect" })
   ] });
-}, k3 = b2({
+}, V3 = b2({
   sendMessage: () => null,
   sendSimpleMessage: () => null,
   addEventHandler: () => null,
   removeEventHandler: () => null,
   reconnect: () => null
 }), qe = ({ children: e }) => {
-  const t = k1(), n = y3();
+  const t = V1(), n = y3();
   S1(() => {
     t(W3());
   }, [t]);
@@ -1462,14 +1462,14 @@ const Fe = "_mwfit_ppa3l_1", Ue = {
     [t]
   ), i = l1(
     (u, f) => {
-      t(_e(u, f));
+      t(Le(u, f));
     },
     [t]
   ), g = l1(() => {
-    t(Le());
+    t(_e());
   }, [t]);
   return /* @__PURE__ */ o.jsx(
-    k3.Provider,
+    V3.Provider,
     {
       value: {
         sendMessage: s,
@@ -1481,9 +1481,9 @@ const Fe = "_mwfit_ppa3l_1", Ue = {
       children: n ? e : /* @__PURE__ */ o.jsx(Ke, {})
     }
   );
-}, V8 = ({ children: e }) => /* @__PURE__ */ o.jsx(Z2, { store: We, children: /* @__PURE__ */ o.jsx(qe, { children: e }) });
+}, k8 = ({ children: e }) => /* @__PURE__ */ o.jsx(Z2, { store: We, children: /* @__PURE__ */ o.jsx(qe, { children: e }) });
 function m() {
-  return I2(k3);
+  return I2(V3);
 }
 function Ge({
   onPress: e,
@@ -1510,7 +1510,7 @@ function Ge({
     onPointerLeave: d
   };
 }
-function w(e, t) {
+function p(e, t) {
   const { sendMessage: s } = m(), r = d1(null);
   function l() {
     s(`${e}/${t}`, { value: "pressed" }), r.current || (r.current = setInterval(() => {
@@ -1523,22 +1523,22 @@ function w(e, t) {
   return Ge({ onPress: l, onRelease: i });
 }
 function j1(e) {
-  const { sendMessage: t } = m(), n = w(`${e}`, "volumeUp"), s = w(`${e}`, "volumeDown");
+  const { sendMessage: t } = m(), n = p(`${e}`, "volumeUp"), s = p(`${e}`, "volumeDown");
   return T(() => ({
     volumeUp: n,
     volumeDown: s,
     muteToggle: () => t(`${e}/muteToggle`, null)
   }), [e, t, n, s]);
 }
-function H8(e) {
-  const { sendMessage: t } = m(), n = w(`${e}`, "volumeUp"), s = w(`${e}`, "volumeDown");
+function F8(e) {
+  const { sendMessage: t } = m(), n = p(`${e}`, "volumeUp"), s = p(`${e}`, "volumeDown");
   return T(() => ({
     volumeUp: n,
     volumeDown: s,
     muteToggle: () => t(`${e}/muteToggle`, null)
   }), [e, t, n, s]);
 }
-function V3(e, t) {
+function k3(e, t) {
   const { sendMessage: n, sendSimpleMessage: s } = m(), r = j1(e);
   return T(() => {
     if (!r) {
@@ -1558,7 +1558,7 @@ function V3(e, t) {
     };
   }, [r, t, e, n, s]);
 }
-function F8(e, t) {
+function H8(e, t) {
   const { sendMessage: n, sendSimpleMessage: s } = m(), r = j1(e);
   return T(() => !r || !t ? void 0 : {
     ...r,
@@ -1569,15 +1569,15 @@ function F8(e, t) {
   }, [r, t, e, n, s]);
 }
 function ze(e) {
-  const t = Z(e), n = `/device/${e}`, s = T(() => {
+  const t = S(e), n = `/device/${e}`, s = T(() => {
     if (t)
       return t.volume;
   }, [t]);
-  return V3(n, s);
+  return k3(n, s);
 }
-function H3(e) {
+function F3(e) {
   var i;
-  const { sendMessage: t } = m(), n = (i = Z(e)) == null ? void 0 : i.powerState;
+  const { sendMessage: t } = m(), n = (i = S(e)) == null ? void 0 : i.powerState;
   return { powerOn: () => {
     t(`/device/${e}/powerOn`, null);
   }, powerOff: () => {
@@ -1587,13 +1587,13 @@ function H3(e) {
   }, powerState: n };
 }
 function W1(e) {
-  const { sendMessage: t } = m(), n = Z(e);
+  const { sendMessage: t } = m(), n = S(e);
   return console.log("deviceState", n), n ? { itemsState: n, selectItem: (r) => {
     t(`/device/${e}/${r}`, null);
   } } : void 0;
 }
 function Ye(e) {
-  const { sendMessage: t } = m(), n = Z(e), s = () => {
+  const { sendMessage: t } = m(), n = S(e), s = () => {
     t(`/device/${e}/setDefaultChannelLevels`, null);
   }, r = () => {
     if ((n == null ? void 0 : n.levelControls) === void 0) return;
@@ -1604,7 +1604,7 @@ function Ye(e) {
   return n ? { levelControls: n.levelControls, setDefaultChannelLevels: s, getFullStatus: r } : void 0;
 }
 function U8(e) {
-  const t = Z(e), n = H3(e), s = W1(e), r = W1(e), l = ze(e), i = Ye(e);
+  const t = S(e), n = F3(e), s = W1(e), r = W1(e), l = ze(e), i = Ye(e);
   if (t)
     return {
       avrState: t,
@@ -1616,7 +1616,7 @@ function U8(e) {
     };
 }
 function K8(e) {
-  const { sendMessage: t } = m(), n = `/device/${e}`, s = Z(e), r = w(n, "cameraUp"), l = w(n, "cameraDown"), i = w(n, "cameraLeft"), g = w(n, "cameraRight"), u = w(n, "cameraZoomIn"), f = w(n, "cameraZoomOut"), d = (_) => t("/camera/recallPreset", _);
+  const { sendMessage: t } = m(), n = `/device/${e}`, s = S(e), r = p(n, "cameraUp"), l = p(n, "cameraDown"), i = p(n, "cameraLeft"), g = p(n, "cameraRight"), u = p(n, "cameraZoomIn"), f = p(n, "cameraZoomOut"), d = (L) => t("/camera/recallPreset", L);
   if (s)
     return {
       state: s,
@@ -1642,7 +1642,7 @@ const q8 = ({ className: e }) => {
   ] });
 };
 function G8(e) {
-  const { sendMessage: t } = m(), n = Z(e), s = `/device/${e}`;
+  const { sendMessage: t } = m(), n = S(e), s = `/device/${e}`;
   return n ? { state: n, recallPreset: (i, g) => {
     t(`${s}/presets/recall`, { deviceKey: i, preset: g });
   }, savePresets: (i) => {
@@ -1650,19 +1650,19 @@ function G8(e) {
   } } : void 0;
 }
 function z8(e) {
-  const t = Z(e);
+  const t = S(e);
   if (t)
     return { endpointState: t };
 }
 function Y8(e) {
-  const t = Z(e);
+  const t = S(e);
   if (t)
     return {
       state: t
     };
 }
 function J8(e) {
-  const { sendMessage: t } = m(), n = Z(e), s = T(() => {
+  const { sendMessage: t } = m(), n = S(e), s = T(() => {
     const r = `/device/${e}`;
     return { setEntry: (g, u, f) => t(`${r}/setEntry`, { index: g, name: u, number: f }), dialEntry: (g) => t(`${r}/dialEntry`, { value: g }) };
   }, [e, t]);
@@ -1673,34 +1673,34 @@ function J8(e) {
     };
 }
 function X8(e) {
-  const t = `/device/${e}`, n = w(t, "chanUp"), s = w(t, "chanDown"), r = w(t, "lastChan"), l = w(t, "guide"), i = w(t, "info"), g = w(t, "exit");
+  const t = `/device/${e}`, n = p(t, "chanUp"), s = p(t, "chanDown"), r = p(t, "lastChan"), l = p(t, "guide"), i = p(t, "info"), g = p(t, "exit");
   return { channelUp: n, channelDown: s, lastChannel: r, guide: l, info: i, exit: g };
 }
 function Q8(e) {
-  const t = `/device/${e}`, n = w(t, "red"), s = w(t, "green"), r = w(t, "yellow"), l = w(t, "blue");
+  const t = `/device/${e}`, n = p(t, "red"), s = p(t, "green"), r = p(t, "yellow"), l = p(t, "blue");
   return { red: n, green: s, yellow: r, blue: l };
 }
 function N8(e) {
-  const t = Z(e);
+  const t = S(e);
   if (t)
     return {
       communicationMonitorState: t
     };
 }
 function e6(e) {
-  const t = Z(e);
+  const t = S(e);
   if (t)
     return {
       currentSourcesState: t
     };
 }
 function t6(e) {
-  const t = Z(e);
+  const t = S(e);
   if (t)
     return t.deviceInfo || void 0;
 }
 function n6(e) {
-  const { sendMessage: t } = m(), n = Z(e);
+  const { sendMessage: t } = m(), n = S(e);
   return T(() => {
     if (!n) return;
     const s = `/device/${e}`;
@@ -1716,7 +1716,7 @@ function n6(e) {
   }, [e, t, n]);
 }
 function o6(e) {
-  const t = `/device/${e}`, n = w(t, "up"), s = w(t, "down"), r = w(t, "left"), l = w(t, "right"), i = w(t, "select"), g = w(t, "menu"), u = w(t, "exit");
+  const t = `/device/${e}`, n = p(t, "up"), s = p(t, "down"), r = p(t, "left"), l = p(t, "right"), i = p(t, "select"), g = p(t, "menu"), u = p(t, "exit");
   return { up: n, down: s, left: r, right: l, select: i, menu: g, exit: u };
 }
 function s6(e) {
@@ -1729,11 +1729,11 @@ function s6(e) {
   } };
 }
 function c6(e) {
-  const t = `/device/${e}`, n = w(t, "dvrList"), s = w(t, "record");
+  const t = `/device/${e}`, n = p(t, "dvrList"), s = p(t, "record");
   return { dvrList: n, record: s };
 }
 function r6(e) {
-  const { sendMessage: t } = m(), n = Z(e);
+  const { sendMessage: t } = m(), n = S(e);
   return n ? { roomCombinerState: n, setAutoMode: () => {
     t(`/device/${e}/setAutoMode`, null);
   }, setManualMode: () => {
@@ -1747,7 +1747,7 @@ function r6(e) {
   } } : void 0;
 }
 function l6(e) {
-  const { sendMessage: t } = m(), n = Z(e);
+  const { sendMessage: t } = m(), n = S(e);
   return T(() => {
     if (!n) return;
     const s = `/device/${e}`;
@@ -1761,7 +1761,7 @@ function l6(e) {
 }
 function i6(e) {
   var i;
-  const { sendMessage: t } = m(), n = (i = Z(e)) == null ? void 0 : i.cameraIsMuted, s = () => {
+  const { sendMessage: t } = m(), n = (i = S(e)) == null ? void 0 : i.cameraIsMuted, s = () => {
     t(`/device/${e}/cameraMuteOn`, null);
   }, r = () => {
     t(`/device/${e}/cameraMuteOff`, null);
@@ -1773,7 +1773,7 @@ function i6(e) {
 }
 function a6(e) {
   var l;
-  const { sendMessage: t } = m(), n = (l = Z(e)) == null ? void 0 : l.presets, s = (i) => {
+  const { sendMessage: t } = m(), n = (l = S(e)) == null ? void 0 : l.presets, s = (i) => {
     t(`/device/${e}/recallPreset`, i);
   }, r = (i) => {
     t(`/device/${e}/savePreset`, i);
@@ -1782,7 +1782,7 @@ function a6(e) {
     return { recallPreset: s, savePreset: r, presets: n };
 }
 function u6(e) {
-  const { sendMessage: t } = m(), n = `/device/${e}`, s = Z(e);
+  const { sendMessage: t } = m(), n = `/device/${e}`, s = S(e);
   return s ? {
     state: s,
     selectCamera: (l) => {
@@ -1791,6 +1791,17 @@ function u6(e) {
   } : void 0;
 }
 function d6(e) {
+  const { sendMessage: t } = m(), n = S(e);
+  return T(() => {
+    if (!n) return;
+    const s = `/device/${e}`;
+    return {
+      state: n,
+      localLayoutToggle: () => t(`${s}/cameraLayout`, null)
+    };
+  }, [e, t, n]);
+}
+function v6(e) {
   const { sendMessage: t } = m();
   return T(() => {
     const n = `/device/${e}`;
@@ -1800,8 +1811,8 @@ function d6(e) {
     };
   }, [e, t]);
 }
-function v6(e) {
-  const { sendMessage: t } = m(), n = Z(e);
+function g6(e) {
+  const { sendMessage: t } = m(), n = S(e);
   return T(() => n ? {
     state: n,
     dial: (u) => t(`/device/${e}/dial`, { value: u }),
@@ -1811,8 +1822,8 @@ function v6(e) {
     rejectCall: (u) => t(`/device/${e}/rejectCall`, u)
   } : void 0, [e, t, n]);
 }
-function g6(e) {
-  const { sendMessage: t } = m(), n = Z(e);
+function h6(e) {
+  const { sendMessage: t } = m(), n = S(e);
   return T(() => {
     if (!n) return;
     const s = `/device/${e}`;
@@ -1825,8 +1836,8 @@ function g6(e) {
     };
   }, [e, t, n]);
 }
-function h6(e) {
-  const { sendMessage: t } = m(), n = Z(e);
+function f6(e) {
+  const { sendMessage: t } = m(), n = S(e);
   return T(() => {
     if (!n) return;
     const s = `/device/${e}`;
@@ -1838,8 +1849,8 @@ function h6(e) {
     };
   }, [e, t, n]);
 }
-function f6(e) {
-  const { sendMessage: t } = m(), n = Z(e);
+function m6(e) {
+  const { sendMessage: t } = m(), n = S(e);
   return T(() => {
     if (!n) return;
     const s = `/device/${e}`;
@@ -1852,7 +1863,7 @@ function f6(e) {
     };
   }, [e, t, n]);
 }
-function m6(e) {
+function p6(e) {
   const { sendMessage: t } = m();
   return T(() => {
     const n = `/device/${e}`;
@@ -1864,7 +1875,7 @@ function m6(e) {
   }, [e, t]);
 }
 function w6(e) {
-  const { sendMessage: t } = m(), n = Z(e);
+  const { sendMessage: t } = m(), n = S(e);
   return T(() => {
     if (!n) return;
     const s = `/device/${e}`;
@@ -1876,8 +1887,8 @@ function w6(e) {
     };
   }, [e, t, n]);
 }
-function p6(e) {
-  const { sendMessage: t } = m(), n = Z(e);
+function M6(e) {
+  const { sendMessage: t } = m(), n = S(e);
   return T(() => {
     if (!n) return;
     const s = `/device/${e}`;
@@ -1892,8 +1903,19 @@ function p6(e) {
     };
   }, [e, t, n]);
 }
-function M6(e) {
-  const { sendMessage: t } = m(), n = Z(e);
+function x6(e) {
+  const { sendMessage: t } = m();
+  return T(() => {
+    const n = `/device/${e}`;
+    return {
+      muteVideoForParticipant: (i) => t(`${n}/muteVideoForParticipant`, { value: i }),
+      unmuteVideoForParticipant: (i) => t(`${n}/unmuteVideoForParticipant`, { value: i }),
+      toggleParticipantVideoMute: (i) => t(`${n}/toggleParticipantVideoMute`, { value: i })
+    };
+  }, [e, t]);
+}
+function S6(e) {
+  const { sendMessage: t } = m(), n = S(e);
   return T(() => {
     if (!n) return;
     const s = `/device/${e}`;
@@ -1905,7 +1927,7 @@ function M6(e) {
     };
   }, [e, t, n]);
 }
-function x6(e) {
+function Z6(e) {
   const { sendMessage: t } = m();
   return T(() => {
     const n = `/device/${e}`;
@@ -1915,8 +1937,8 @@ function x6(e) {
     };
   }, [e, t]);
 }
-function S6(e) {
-  const { sendMessage: t } = m(), n = Z(e);
+function C6(e) {
+  const { sendMessage: t } = m(), n = S(e);
   return T(() => {
     if (!n) return;
     const s = `/device/${e}`;
@@ -1927,8 +1949,8 @@ function S6(e) {
     };
   }, [e, t, n]);
 }
-function Z6(e) {
-  const { sendMessage: t } = m(), n = Z(e);
+function j6(e) {
+  const { sendMessage: t } = m(), n = S(e);
   return T(() => {
     if (!n) return;
     const s = `/device/${e}`;
@@ -1939,8 +1961,8 @@ function Z6(e) {
     };
   }, [e, t, n]);
 }
-function C6(e) {
-  const { sendMessage: t } = m(), n = Z(e);
+function b6(e) {
+  const { sendMessage: t } = m(), n = S(e);
   return T(() => {
     if (!n) return;
     const s = `/device/${e}`;
@@ -1951,8 +1973,8 @@ function C6(e) {
     };
   }, [e, t, n]);
 }
-function j6(e) {
-  const { sendMessage: t } = m(), n = Z(e);
+function I6(e) {
+  const { sendMessage: t } = m(), n = S(e);
   return T(() => {
     if (!n) return;
     const s = `/device/${e}`;
@@ -1965,36 +1987,36 @@ function j6(e) {
     };
   }, [e, t, n]);
 }
-function b6(e) {
-  const { sendMessage: t, sendSimpleMessage: n } = m(), s = Z(e), r = oe(e), l = s || r;
+function y6(e) {
+  const { sendMessage: t, sendSimpleMessage: n } = m(), s = S(e), r = oe(e), l = s || r;
   return l ? {
     levelState: l,
-    setLevel: (d, _) => n(`${d}/level`, _),
+    setLevel: (d, L) => n(`${d}/level`, L),
     muteToggle: (d) => t(`${d}/muteToggle`, null),
     muteOn: (d) => t(`${d}/muteOn`, null),
     muteOff: (d) => t(`${d}/muteOff`, null)
   } : void 0;
 }
-function I6(e) {
-  const { sendMessage: t } = m(), n = Z(e);
+function R6(e) {
+  const { sendMessage: t } = m(), n = S(e);
   return n ? { lightingState: n, selectScene: (r) => {
     t(`/device/${e}/selectScene`, r);
   } } : void 0;
 }
-function y6(e) {
-  const { sendMessage: t } = m(), n = Z(e);
+function P6(e) {
+  const { sendMessage: t } = m(), n = S(e);
   return n ? { matrixRoutingState: n, setRoute: (r) => {
     t(`/device/${e}/route`, r);
   } } : void 0;
 }
-function R6(e) {
+function $6(e) {
   const { sendMessage: t } = m();
   return { closeApp: () => {
     t(`/device/${e}/closeWebViewController`, null);
   } };
 }
-function $6(e) {
-  const t = `/device/${e}`, n = w(t, "num0"), s = w(t, "num1"), r = w(t, "num2"), l = w(t, "num3"), i = w(t, "num4"), g = w(t, "num5"), u = w(t, "num6"), f = w(t, "num7"), d = w(t, "num8"), _ = w(t, "num9"), A = w(t, "numDash"), v = w(t, "numEnter");
+function E6(e) {
+  const t = `/device/${e}`, n = p(t, "num0"), s = p(t, "num1"), r = p(t, "num2"), l = p(t, "num3"), i = p(t, "num4"), g = p(t, "num5"), u = p(t, "num6"), f = p(t, "num7"), d = p(t, "num8"), L = p(t, "num9"), A = p(t, "numDash"), v = p(t, "numEnter");
   return {
     digit0: n,
     digit1: s,
@@ -2005,49 +2027,49 @@ function $6(e) {
     digit6: u,
     digit7: f,
     digit8: d,
-    digit9: _,
+    digit9: L,
     keypadAccessoryButton1: A,
     keypadAccessoryButton2: v
   };
 }
-function P6(e) {
-  const { sendMessage: t } = m(), n = Z(e);
+function T6(e) {
+  const { sendMessage: t } = m(), n = S(e);
   return n ? { projectorScreenLiftControlState: n, raise: () => {
     t(`/device/${e}/raise`, null);
   }, lower: () => {
     t(`/device/${e}/lower`, null);
   } } : void 0;
 }
-function E6(e) {
+function D6(e) {
   const { sendMessage: t } = m(), n = C1(e);
   return n ? { roomEventScheduleState: n, save: (r) => {
     t(`/room/${e}/saveScheduledEvents`, r);
   } } : void 0;
 }
-function T6(e) {
+function A6(e) {
   const { sendMessage: t } = m();
   return { runDefaultPresentRoute: () => {
     t(`/room/${e}/defaultsource`, {});
   } };
 }
-function D6(e) {
+function L6(e) {
   const { sendMessage: t } = m();
   return { runDirectRoute: (s) => {
     t(`/room/${e}/directRoute`, s);
   } };
 }
-function A6(e) {
+function _6(e) {
   const { sendMessage: t } = m();
-  return { routingState: Z(e), runRoute: (r) => {
+  return { routingState: S(e), runRoute: (r) => {
     t(`/room/${e}/source`, r);
   } };
 }
-function _6(e) {
-  const t = `/device/${e}`, n = w(t, "chanUp"), s = w(t, "chanDown");
+function B6(e) {
+  const t = `/device/${e}`, n = p(t, "chanUp"), s = p(t, "chanDown");
   return { dvrList: n, replay: s };
 }
-function L6(e) {
-  const { sendMessage: t } = m(), n = Z(e);
+function O6(e) {
+  const { sendMessage: t } = m(), n = S(e);
   return n ? { shadeState: n, shadeUp: () => {
     t(`/device/${e}/shadeUp`, null);
   }, shadeDown: () => {
@@ -2056,7 +2078,7 @@ function L6(e) {
     t(`/device/${e}/stopOrPreset`, null);
   } } : void 0;
 }
-function B6(e) {
+function W6(e) {
   const { sendMessage: t } = m(), n = C1(e);
   return n ? { shutdownPromptTimerState: n, setShutdownPromptSeconds: (g) => {
     t(`/room/${e}/setShutdownPromptSeconds`, g);
@@ -2068,15 +2090,15 @@ function B6(e) {
     t(`/room/${e}/shutdownCancel`, null);
   } } : void 0;
 }
-function O6(e) {
-  const { sendMessage: t } = m(), n = Z(e);
+function V6(e) {
+  const { sendMessage: t } = m(), n = S(e);
   return n ? { switchedOutputState: n, on: () => {
     t(`/device/${e}/on`, null);
   }, off: () => {
     t(`/device/${e}/off`, null);
   } } : void 0;
 }
-function W6(e) {
+function k6(e) {
   const { sendMessage: t } = m(), n = C1(e);
   return n ? { techPasswordState: n, validatePassword: (l) => {
     t(`/room/${e}/validateTechPassword`, { password: l });
@@ -2084,12 +2106,12 @@ function W6(e) {
     t(`/room/${e}/setTechPassword`, { oldPassword: l, newPassword: i });
   } } : void 0;
 }
-function k6(e) {
-  const { sendMessage: t } = m(), n = Z(e);
+function F6(e) {
+  const { sendMessage: t } = m(), n = S(e);
   return n ? { state: n, setTemperatureUnitsToCelcius: () => t(`${e}/setTemperatureUnitsToCelcius`, null), setTemperatureUnitsToFahrenheit: () => t(`${e}/setTemperatureUnitsToFahrenheit`, null) } : void 0;
 }
-function V6(e) {
-  const { sendMessage: t } = m(), n = Z(e), s = (r) => {
+function H6(e) {
+  const { sendMessage: t } = m(), n = S(e), s = (r) => {
     t(`/device/${e}/saveTheme`, { value: r });
   };
   return {
@@ -2097,8 +2119,8 @@ function V6(e) {
     saveTheme: s
   };
 }
-function H6(e) {
-  const t = `/device/${e}`, n = w(t, "play"), s = w(t, "pause"), r = w(t, "stop"), l = w(t, "prevTrack"), i = w(t, "nextTrack"), g = w(t, "rewind"), u = w(t, "ffwd"), f = w(t, "record");
+function U6(e) {
+  const t = `/device/${e}`, n = p(t, "play"), s = p(t, "pause"), r = p(t, "stop"), l = p(t, "prevTrack"), i = p(t, "nextTrack"), g = p(t, "rewind"), u = p(t, "ffwd"), f = p(t, "record");
   return {
     play: n,
     pause: s,
@@ -2110,15 +2132,15 @@ function H6(e) {
     record: f
   };
 }
-function F6(e) {
-  const t = Z(e);
+function K6(e) {
+  const t = S(e);
   return T(() => {
     if (t)
       return { state: t };
   }, [t]);
 }
-function U6(e) {
-  const t = Z(e), { sendMessage: n } = m();
+function q6(e) {
+  const t = S(e), { sendMessage: n } = m();
   return t ? {
     touchpanelState: t,
     appControl: { hideApp: () => {
@@ -2133,8 +2155,8 @@ function U6(e) {
     } }
   } : void 0;
 }
-function K6(e) {
-  const t = Z(e), n = H3(e), s = W1(e);
+function G6(e) {
+  const t = S(e), n = F3(e), s = W1(e);
   if (!t) return;
   const r = (t.powerState || t.isWarming) && !t.isCooling, l = (!t.powerState || t.isCooling) && !t.isWarming;
   return {
@@ -2144,8 +2166,8 @@ function K6(e) {
     powerFb: { powerOnFb: r, powerOffFb: l }
   };
 }
-function q6(e) {
-  const { sendMessage: t } = m(), n = Z(e);
+function z6(e) {
+  const { sendMessage: t } = m(), n = S(e);
   return T(() => {
     if (!n) return;
     const s = `/device/${e}`;
@@ -2162,11 +2184,11 @@ function q6(e) {
     };
   }, [e, t, n]);
 }
-function G6(e) {
+function Y6(e) {
   const t = `/device/${e}`;
   return j1(t);
 }
-const z6 = ({
+const J6 = ({
   config: e
 }, t = !0) => {
   const { sendMessage: n } = m(), s = d1(!1), r = T(() => {
@@ -2202,7 +2224,7 @@ const z6 = ({
     console.log("requesting batch state for deviceKeys:", l), n("/system/batchDeviceFullStatus", { deviceKeys: l }), s.current = !0;
   }, [r, t, n]), r;
 };
-function Y6(e, t) {
+function X6(e, t) {
   const [n, s] = Y(!1), [r, l] = Y(!1);
   return S3(() => {
     const { current: i } = e, g = () => {
@@ -2212,15 +2234,15 @@ function Y6(e, t) {
     i && g();
   }, [e, t]), { overflowHorizontal: n, overflowVertical: r };
 }
-function J6(e, t) {
+function Q6(e, t) {
   const n = `/room/${e}/volumes/${t}`;
   return j1(n);
 }
-function X6(e, t) {
+function N6(e, t) {
   const n = ne(e, t), s = `/room/${e}/volumes/${t}`;
-  return V3(s, n);
+  return k3(s, n);
 }
-function Q6(e) {
+function en(e) {
   var g, u;
   const [t, n] = Y(((g = e == null ? void 0 : e.current) == null ? void 0 : g.scrollLeft) ?? 0), [s, r] = Y(((u = e == null ? void 0 : e.current) == null ? void 0 : u.scrollTop) ?? 0), l = (f) => {
     const { current: d } = e;
@@ -2236,15 +2258,15 @@ function Q6(e) {
     f && d();
   }, [e]), { horizontalScrollPosition: t, verticalScrollPosition: s, scrollHorizontal: l, scrollVertical: i };
 }
-function N6(e) {
-  const t = k1();
+function tn(e) {
+  const t = V1();
   return [() => {
-    t(k.addSyncState(e));
+    t(V.addSyncState(e));
   }, () => {
-    t(k.removeSyncState(e));
+    t(V.removeSyncState(e));
   }, Se(e)];
 }
-function en() {
+function nn() {
   const { sendMessage: e } = m();
   return {
     reboot: () => {
@@ -2255,7 +2277,7 @@ function en() {
     }
   };
 }
-function tn() {
+function on() {
   const [e, t] = Y(), [n, s] = Y();
   function r() {
     t((/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { dateStyle: "long" }));
@@ -2270,10 +2292,10 @@ function tn() {
     return () => clearInterval(l);
   }, []), { date: e, time: n };
 }
-const nn = () => {
+const sn = () => {
   const [e, t] = Y(!1), n = y2(), s = R2();
   let r;
-  return $2(s) ? r = s.statusText : s instanceof Error ? r = s.message : typeof s == "string" ? r = s : (console.error(s), r = "Unknown error"), /* @__PURE__ */ o.jsxs("div", { className: "d-flex flex-column align-items-center gap-5", children: [
+  return P2(s) ? r = s.statusText : s instanceof Error ? r = s.message : typeof s == "string" ? r = s : (console.error(s), r = "Unknown error"), /* @__PURE__ */ o.jsxs("div", { className: "d-flex flex-column align-items-center gap-5", children: [
     /* @__PURE__ */ o.jsx("div", { className: "m-2 p-2 bg-danger rounded d-flex align-items-center", children: /* @__PURE__ */ o.jsx("span", { className: "fs-5 text-white", children: "We are sorry. Something went wrong." }) }),
     /* @__PURE__ */ o.jsx(
       "button",
@@ -2293,7 +2315,7 @@ const nn = () => {
     ),
     e && /* @__PURE__ */ o.jsx("p", { children: r })
   ] });
-}, Je = "_iconbtn_16qss_1", Xe = "_iconbtnvert_16qss_7", Qe = "_iconsm_16qss_18", _1 = {
+}, Je = "_iconbtn_16qss_1", Xe = "_iconbtnvert_16qss_7", Qe = "_iconsm_16qss_18", L1 = {
   iconbtn: Je,
   iconbtnvert: Xe,
   iconsm: Qe
@@ -2309,7 +2331,7 @@ const nn = () => {
   feedbackClassName: u,
   onPointerDown: f,
   onPointerUp: d,
-  onPointerLeave: _,
+  onPointerLeave: L,
   ...A
 }) => {
   const [v, C] = Y(!1), b = !i && g ? u : "", j = !i && (v || g);
@@ -2317,7 +2339,7 @@ const nn = () => {
     "button",
     {
       type: "button",
-      className: `${_1.iconbtn} ${n ? _1.iconbtnvert : ""} ${s} ${b}`,
+      className: `${L1.iconbtn} ${n ? L1.iconbtnvert : ""} ${s} ${b}`,
       ...A,
       disabled: i,
       onPointerDown: (I) => {
@@ -2327,13 +2349,13 @@ const nn = () => {
         C(!1), d == null || d(I);
       },
       onPointerLeave: (I) => {
-        C(!1), _ == null || _(I);
+        C(!1), L == null || L(I);
       },
       children: [
         e && /* @__PURE__ */ o.jsx(
           e,
           {
-            className: `${r || _1.iconsm}`,
+            className: `${r || L1.iconsm}`,
             active: j,
             disabled: i
           }
@@ -2342,7 +2364,7 @@ const nn = () => {
       ]
     }
   );
-}, $ = ({
+}, P = ({
   ActiveImage: e,
   DisabledImage: t,
   EnabledImage: n,
@@ -2353,7 +2375,7 @@ const nn = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: /* @__PURE__ */ o.jsx(
       "svg",
@@ -2405,7 +2427,7 @@ const nn = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: (
       /* icon-ban-active.svg */
@@ -2454,7 +2476,7 @@ const nn = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: /* @__PURE__ */ o.jsx(
       "svg",
@@ -2494,7 +2516,7 @@ const nn = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: (
       /* icon-check-active.svg */
@@ -2544,7 +2566,7 @@ const nn = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: (
       /* icon-controller-active.svg */
@@ -2611,7 +2633,7 @@ const nn = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: (
       /* icon-down-active.svg */
@@ -2660,7 +2682,7 @@ const nn = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: (
       /* icon-elipses-active.svg */
@@ -2709,7 +2731,7 @@ const nn = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: (
       /* icon-flag-active.svg */
@@ -2758,7 +2780,7 @@ const nn = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: (
       /* /Users/hvolmer/Downloads/SVG/icon-gear-active.svg */
@@ -2807,7 +2829,7 @@ const nn = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: (
       /* icon-glass-active.svg */
@@ -2857,7 +2879,7 @@ const nn = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: (
       /* icon-hdmi-active.svg */
@@ -2924,7 +2946,7 @@ const nn = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: (
       /* icon-laptop-active.svg */
@@ -2973,7 +2995,7 @@ const nn = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: (
       /* icon-left-active.svg */
@@ -3022,7 +3044,7 @@ const nn = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: (
       /* icon-light-active.svg */
@@ -3071,7 +3093,7 @@ const nn = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: (
       /* icon-moon-active.svg */
@@ -3120,7 +3142,7 @@ const nn = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: (
       /* icon-playstation-active.svg */
@@ -3142,7 +3164,7 @@ const nn = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: (
       /* icon-podium-active.svg */
@@ -3186,12 +3208,12 @@ const nn = () => {
     active: e,
     disabled: n
   }
-), wt = ({
+), pt = ({
   active: e,
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: (
       /* icon-power-active.svg */
@@ -3235,12 +3257,12 @@ const nn = () => {
     active: e,
     disabled: n
   }
-), pt = ({
+), wt = ({
   active: e,
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: (
       /* icon-privacy-active.svg */
@@ -3289,7 +3311,7 @@ const nn = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: (
       /* icon-question-active.svg */
@@ -3338,7 +3360,7 @@ const nn = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: (
       /* icon-right-active.svg */
@@ -3388,7 +3410,7 @@ const nn = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: (
       /* icon-roomPC-active.svg */
@@ -3455,7 +3477,7 @@ const nn = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: (
       /* icon-shade-active.svg */
@@ -3504,7 +3526,7 @@ const nn = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: (
       /* icon-sun-active.svg */
@@ -3548,14 +3570,14 @@ const nn = () => {
     active: e,
     disabled: n
   }
-), on = ({
+), cn = ({
   active: e,
   // Just to shut up the linter on this template. Prefer deleting this lint rule
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: void 0,
     DisabledImage: void 0,
@@ -3568,7 +3590,7 @@ const nn = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: (
       /* icon-up-active.svg */
@@ -3617,7 +3639,7 @@ const nn = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: (
       /* icon-volDown-active.svg */
@@ -3666,7 +3688,7 @@ const nn = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: (
       /* icon-volMute-active.svg */
@@ -3715,7 +3737,7 @@ const nn = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: (
       /* icon-volUp-active.svg */
@@ -3764,7 +3786,7 @@ const nn = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: (
       /* icon-wireless-active.svg */
@@ -3808,12 +3830,12 @@ const nn = () => {
     active: e,
     disabled: n
   }
-), $t = ({
+), Pt = ({
   active: e,
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: (
       /* icon-x-active.svg */
@@ -3857,12 +3879,12 @@ const nn = () => {
     active: e,
     disabled: n
   }
-), Pt = ({
+), $t = ({
   active: e,
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: (
       /* icon-xbox-active.svg */
@@ -3911,7 +3933,7 @@ const nn = () => {
   className: t = "",
   disabled: n
 }) => /* @__PURE__ */ o.jsx(
-  $,
+  P,
   {
     ActiveImage: (
       /* icon-mic-active.svg */
@@ -3974,8 +3996,8 @@ const nn = () => {
   Moon: ht,
   Playstation: ft,
   Podium: mt,
-  Power: wt,
-  Privacy: pt,
+  Power: pt,
+  Privacy: wt,
   Question: Mt,
   RightArrow: xt,
   RoomPC: St,
@@ -3986,10 +4008,10 @@ const nn = () => {
   VolMute: It,
   VolUp: yt,
   Wireless: Rt,
-  X: $t,
-  Xbox: Pt
+  X: Pt,
+  Xbox: $t
 };
-function sn({
+function rn({
   name: e,
   iconsDictionary: t = Tt,
   ...n
@@ -3997,56 +4019,56 @@ function sn({
   const s = t[e] ?? null;
   return s || console.error(`Icon ${e} not found in dictionary`), /* @__PURE__ */ o.jsx(Ne, { multiIcon: s, ...n });
 }
-const Dt = "_grid_1cmpp_1", At = "_header_1cmpp_11", _t = "_content_1cmpp_17", Lt = "_footer_1cmpp_23", Bt = "_volume_1cmpp_29", u1 = {
+const Dt = "_grid_1cmpp_1", At = "_header_1cmpp_11", Lt = "_content_1cmpp_17", _t = "_footer_1cmpp_23", Bt = "_volume_1cmpp_29", u1 = {
   grid: Dt,
   header: At,
-  content: _t,
-  footer: Lt,
+  content: Lt,
+  footer: _t,
   volume: Bt
-}, cn = ({ header: e, footer: t, content: n, volume: s, showVolume: r }) => /* @__PURE__ */ o.jsxs("div", { className: u1.grid, children: [
+}, ln = ({ header: e, footer: t, content: n, volume: s, showVolume: r }) => /* @__PURE__ */ o.jsxs("div", { className: u1.grid, children: [
   /* @__PURE__ */ o.jsx("div", { className: u1.header, children: e }),
   /* @__PURE__ */ o.jsx("div", { className: u1.content, children: n }),
   r && /* @__PURE__ */ o.jsx("div", { className: u1.volume, children: s }),
   /* @__PURE__ */ o.jsx("div", { className: u1.footer, children: t })
-] }), Ot = "_grid_11w5q_1", Wt = "_header_11w5q_11", kt = "_content_11w5q_17", x1 = {
+] }), Ot = "_grid_11w5q_1", Wt = "_header_11w5q_11", Vt = "_content_11w5q_17", x1 = {
   grid: Ot,
   header: Wt,
-  content: kt
-}, rn = ({ className: e, header: t, content: n, leftNav: s }) => /* @__PURE__ */ o.jsxs("div", { className: `${e} ${x1.grid}`, children: [
+  content: Vt
+}, an = ({ className: e, header: t, content: n, leftNav: s }) => /* @__PURE__ */ o.jsxs("div", { className: `${e} ${x1.grid}`, children: [
   /* @__PURE__ */ o.jsx("div", { className: x1.header, children: t }),
   s && /* @__PURE__ */ o.jsx("div", { className: x1.leftNav, children: s }),
   /* @__PURE__ */ o.jsx("div", { className: x1.content, children: n })
-] }), Vt = "_grid_1uwfo_1", Ht = "_header_1uwfo_11", Ft = "_content_1uwfo_17", L1 = {
-  grid: Vt,
-  header: Ht,
-  content: Ft
-}, ln = ({ className: e, header: t, content: n }) => /* @__PURE__ */ o.jsxs("div", { className: `${e} ${L1.grid}`, children: [
-  /* @__PURE__ */ o.jsx("div", { className: L1.header, children: t }),
-  /* @__PURE__ */ o.jsx("div", { className: L1.content, children: n })
+] }), kt = "_grid_1uwfo_1", Ft = "_header_1uwfo_11", Ht = "_content_1uwfo_17", _1 = {
+  grid: kt,
+  header: Ft,
+  content: Ht
+}, un = ({ className: e, header: t, content: n }) => /* @__PURE__ */ o.jsxs("div", { className: `${e} ${_1.grid}`, children: [
+  /* @__PURE__ */ o.jsx("div", { className: _1.header, children: t }),
+  /* @__PURE__ */ o.jsx("div", { className: _1.content, children: n })
 ] });
-class an {
+class dn {
   constructor() {
     G(this, "currentShareText");
     G(this, "enabled");
     G(this, "isSharing");
   }
 }
-function un() {
+function vn() {
   return console.log(location.pathname), location.pathname;
 }
 var Ut = /* @__PURE__ */ ((e) => (e[e.NotSet = 0] = "NotSet", e[e.Sunday = 1] = "Sunday", e[e.Monday = 2] = "Monday", e[e.Tuesday = 4] = "Tuesday", e[e.Wednesday = 8] = "Wednesday", e[e.Thursday = 16] = "Thursday", e[e.Friday = 32] = "Friday", e[e.Saturday = 64] = "Saturday", e))(Ut || {});
-class dn {
+class gn {
   constructor(t, n) {
     G(this, "path");
     G(this, "handler");
     this.path = t, this.handler = n;
   }
 }
-const vn = "$off";
+const hn = "$off";
 export {
   q8 as Clock,
   Ut as DaysOfWeek,
-  nn as ErrorBox,
+  sn as ErrorBox,
   Ne as IconButton,
   et as IconMultiAlert,
   tt as IconMultiBan,
@@ -4066,48 +4088,48 @@ export {
   ht as IconMultiMoon,
   ft as IconMultiPlaystation,
   mt as IconMultiPodium,
-  wt as IconMultiPower,
-  pt as IconMultiPrivacy,
+  pt as IconMultiPower,
+  wt as IconMultiPrivacy,
   Mt as IconMultiQuestion,
   xt as IconMultiRightArrow,
   St as IconMultiRoomPC,
   Zt as IconMultiShade,
   Ct as IconMultiSun,
-  on as IconMultiTemplate,
+  cn as IconMultiTemplate,
   jt as IconMultiUpArrow,
   bt as IconMultiVolDown,
   It as IconMultiVolMute,
   yt as IconMultiVolUp,
   Rt as IconMultiWireless,
-  $t as IconMultiX,
-  Pt as IconMultiXbox,
-  cn as MainLayout,
-  dn as MessageHandler,
-  V8 as MobileControlProvider,
-  $ as MultiStateIconContainer,
-  sn as NamedIconButton,
-  an as ShareState,
-  rn as TechLayout,
-  ln as TechPinLayout,
-  L3 as WS_ADD_EVENT_HANDLER,
+  Pt as IconMultiX,
+  $t as IconMultiXbox,
+  ln as MainLayout,
+  gn as MessageHandler,
+  k8 as MobileControlProvider,
+  P as MultiStateIconContainer,
+  rn as NamedIconButton,
+  dn as ShareState,
+  an as TechLayout,
+  un as TechPinLayout,
+  _3 as WS_ADD_EVENT_HANDLER,
   D3 as WS_CONNECT,
   A3 as WS_DISCONNECT,
   O3 as WS_RECONNECT,
   B3 as WS_REMOVE_EVENT_HANDLER,
-  _3 as WS_SEND_MESSAGE,
-  k3 as WebsocketContext,
+  L3 as WS_SEND_MESSAGE,
+  V3 as WebsocketContext,
   E3 as appConfigActions,
   Be as createWebSocketMiddleware,
-  w1 as devicesActions,
-  un as getBaseLocation,
+  p1 as devicesActions,
+  vn as getBaseLocation,
   f3 as httpClient,
   Tt as iconsDictionary,
-  vn as roomOffSourceKey,
-  p1 as roomsActions,
+  hn as roomOffSourceKey,
+  w1 as roomsActions,
   U as runtimeConfigActions,
   j3 as selectAllDevices,
   E2 as selectApiPath,
-  P2 as selectAppConfig,
+  $2 as selectAppConfig,
   re as selectClientId,
   he as selectCurrentPopoverIdForGroup,
   A2 as selectDeviceByKey,
@@ -4118,15 +4140,15 @@ export {
   R3 as selectIsSyncStateValuePresent,
   ve as selectIsTouchpanel,
   T2 as selectLogoPath,
-  V1 as selectModalVisibility,
+  k1 as selectModalVisibility,
   D2 as selectPartnerMetadata,
   Q2 as selectRoomAdvancedSharingActive,
-  H2 as selectRoomAudioControlPointList,
+  F2 as selectRoomAudioControlPointList,
   B2 as selectRoomByKey,
   G2 as selectRoomCodecContentDestinationKey,
-  _2 as selectRoomConfiguration,
+  L2 as selectRoomConfiguration,
   U2 as selectRoomDestinationList,
-  F2 as selectRoomDestinations,
+  H2 as selectRoomDestinations,
   te as selectRoomDisplayStates,
   K2 as selectRoomEnvironmentalDevices,
   z2 as selectRoomInCall,
@@ -4134,55 +4156,55 @@ export {
   X2 as selectRoomIsOn,
   Y2 as selectRoomIsWarmingUp,
   ce as selectRoomKey,
-  k2 as selectRoomLevelControls,
+  V2 as selectRoomLevelControls,
   O2 as selectRoomName,
   q2 as selectRoomProgramAudioDestinationKey,
   N2 as selectRoomShareState,
-  V2 as selectRoomSourceList,
+  k2 as selectRoomSourceList,
   W2 as selectRoomVolume,
-  L2 as selectRooms,
+  _2 as selectRooms,
   ue as selectRuntimeInfo,
   ae as selectServerIsRunningOnProcessorHardware,
   fe as selectShowPopoverById,
-  we as selectShowReconnect,
+  pe as selectShowReconnect,
   le as selectSystemUuid,
-  pe as selectTheme,
+  we as selectTheme,
   de as selectTouchpanelKey,
   ie as selectUserCode,
   se as selectWsIsConnected,
   ee as selectZoomRoomControllerKey,
   We as store,
-  k as uiActions,
+  V as uiActions,
   Ce as uiReducer,
   Qt as useApiPath,
   Xt as useAppConfig,
-  k1 as useAppDispatch,
-  p as useAppSelector,
+  V1 as useAppDispatch,
+  w as useAppSelector,
   U8 as useAvrControl,
-  w as useButtonHeldHeartbeat,
+  p as useButtonHeldHeartbeat,
   K8 as useCameraBase,
   Z8 as useClientId,
-  G6 as useDeviceIBasicVolume,
+  Y6 as useDeviceIBasicVolume,
   ze as useDeviceIBasicVolumeWithFeedback,
-  $8 as useDeviceInterfaceSupport,
+  P8 as useDeviceInterfaceSupport,
   G8 as useDevicePresetsModel,
   E8 as useDeviceSupportsInterface,
   z8 as useEndpoint,
   Me as useError,
-  z6 as useGetAllDeviceStateFromRoomConfiguration,
+  J6 as useGetAllDeviceStateFromRoomConfiguration,
   t8 as useGetAllDevices,
   o8 as useGetAllRooms,
-  _8 as useGetCurrentPopoverIdForGroup,
-  Z as useGetDevice,
-  H8 as useGetIBasicVolume,
-  F8 as useGetIBasicVolumeWithFeedback,
+  L8 as useGetCurrentPopoverIdForGroup,
+  S as useGetDevice,
+  F8 as useGetIBasicVolume,
+  H8 as useGetIBasicVolumeWithFeedback,
   s8 as useGetRoom,
   M8 as useGetRoomDisplayStates,
   x8 as useGetZoomRoomControllerKey,
   Y8 as useIAudioCodecInfo,
   J8 as useIAudioCodecPhonebook,
   j1 as useIBasicVolume,
-  V3 as useIBasicVolumeWithFeedback,
+  k3 as useIBasicVolumeWithFeedback,
   X8 as useIChannel,
   Q8 as useIColor,
   N8 as useICommunicationMonitor,
@@ -4197,61 +4219,63 @@ export {
   i6 as useIHasCameraMute,
   a6 as useIHasCameraPresets,
   u6 as useIHasCameras,
-  d6 as useIHasCodecRoomPresetsActions,
-  v6 as useIHasDialer,
-  g6 as useIHasDirectory,
-  h6 as useIHasMeetingLock,
-  f6 as useIHasMeetingRecording,
-  m6 as useIHasParticipantAudioMute,
+  d6 as useIHasCodecLayouts,
+  v6 as useIHasCodecRoomPresetsActions,
+  g6 as useIHasDialer,
+  h6 as useIHasDirectory,
+  f6 as useIHasMeetingLock,
+  m6 as useIHasMeetingRecording,
+  p6 as useIHasParticipantAudioMute,
   w6 as useIHasParticipantPinUnpin,
-  p6 as useIHasParticipants,
-  M6 as useIHasPhoneDialing,
-  H3 as useIHasPowerControl,
-  x6 as useIHasPresentationOnlyMeeting,
+  x6 as useIHasParticipantVideoMute,
+  M6 as useIHasParticipants,
+  S6 as useIHasPhoneDialing,
+  F3 as useIHasPowerControl,
+  Z6 as useIHasPresentationOnlyMeeting,
   W1 as useIHasSelectableItems,
-  S6 as useIHasSelfviewPosition,
-  Z6 as useIHasSelfviewSize,
-  C6 as useIHasStartMeeting,
+  C6 as useIHasSelfviewPosition,
+  j6 as useIHasSelfviewSize,
+  b6 as useIHasStartMeeting,
   Ye as useIHasSurroundChannels,
-  j6 as useIHasZoomRoomLayouts,
-  b6 as useILevelControls,
-  I6 as useILightingScenes,
-  y6 as useIMatrixRouting,
-  R6 as useIMcCiscoCodecUserInterfaceAppControl,
-  $6 as useINumeric,
-  P6 as useIProjectorScreenLiftControl,
-  E6 as useIRoomEventSchedule,
-  T6 as useIRunDefaultPresentRoute,
-  D6 as useIRunDirectRouteAction,
-  A6 as useIRunRouteAction,
-  _6 as useISetTopBoxControls,
-  L6 as useIShadesOpenCloseStop,
-  B6 as useIShutdownPromptTimer,
-  O6 as useISwitchedOutput,
-  W6 as useITechPassword,
-  k6 as useITemperatureSensor,
-  V6 as useITheme,
-  H6 as useITransport,
-  F6 as useIZoomWirelessShareInstructions,
-  k8 as useInitialize,
-  P8 as useInterfacesForDevice,
+  I6 as useIHasZoomRoomLayouts,
+  y6 as useILevelControls,
+  R6 as useILightingScenes,
+  P6 as useIMatrixRouting,
+  $6 as useIMcCiscoCodecUserInterfaceAppControl,
+  E6 as useINumeric,
+  T6 as useIProjectorScreenLiftControl,
+  D6 as useIRoomEventSchedule,
+  A6 as useIRunDefaultPresentRoute,
+  L6 as useIRunDirectRouteAction,
+  _6 as useIRunRouteAction,
+  B6 as useISetTopBoxControls,
+  O6 as useIShadesOpenCloseStop,
+  W6 as useIShutdownPromptTimer,
+  V6 as useISwitchedOutput,
+  k6 as useITechPassword,
+  F6 as useITemperatureSensor,
+  H6 as useITheme,
+  U6 as useITransport,
+  K6 as useIZoomWirelessShareInstructions,
+  V8 as useInitialize,
+  $8 as useInterfacesForDevice,
   O8 as useIsInitialSyncComplete,
   Se as useIsSyncStateValuePresent,
   R8 as useIsTouchpanel,
   Nt as useLogoPath,
-  U6 as useMobileControlTouchpanelController,
-  Y6 as useOverflow,
+  q6 as useMobileControlTouchpanelController,
+  X6 as useOverflow,
   e8 as usePartnerMetadata,
   Ge as usePressHoldRelease,
-  w8 as useRoomAdvancedSharingActive,
+  p8 as useRoomAdvancedSharingActive,
   l8 as useRoomAudioControlPointList,
   v8 as useRoomCodecContentDestinationKey,
   n8 as useRoomConfiguration,
   a8 as useRoomDestinationList,
   i8 as useRoomDestinations,
   u8 as useRoomEnvironmentalDevices,
-  J6 as useRoomIBasicVolume,
-  X6 as useRoomIBasicVolumeWithFeedback,
+  Q6 as useRoomIBasicVolume,
+  N6 as useRoomIBasicVolumeWithFeedback,
   g8 as useRoomInCall,
   f8 as useRoomIsCoolingDown,
   m8 as useRoomIsOn,
@@ -4260,33 +4284,33 @@ export {
   oe as useRoomLevelControls,
   c8 as useRoomName,
   d8 as useRoomProgramAudioDestinationKey,
-  p8 as useRoomShareState,
+  w8 as useRoomShareState,
   r8 as useRoomSourceList,
   C1 as useRoomState,
   ne as useRoomVolume,
   I8 as useRuntimeInfo,
-  Q6 as useScroll,
+  en as useScroll,
   b8 as useServerIsRunningOnProcessorHardware,
   D8 as useShowIncomingCallModal,
   A8 as useShowModal,
-  L8 as useShowPopoverById,
+  _8 as useShowPopoverById,
   xe as useShowReconnect,
   T8 as useShowShutdownModal,
-  N6 as useStateIsSynced,
-  en as useSystemControl,
+  tn as useStateIsSynced,
+  nn as useSystemControl,
   C8 as useSystemUuid,
   B8 as useTheme,
-  tn as useTimeAndDate,
+  on as useTimeAndDate,
   y8 as useTouchpanelKey,
-  K6 as useTwoWayDisplayBase,
+  G6 as useTwoWayDisplayBase,
   j8 as useUserCode,
   m as useWebsocketContext,
   y3 as useWsIsConnected,
-  q6 as useZoomRoom,
+  z6 as useZoomRoom,
   Ae as wsAddEventHandler,
   W3 as wsConnect,
   W8 as wsDisconnect,
-  Le as wsReconnect,
-  _e as wsRemoveEventHandler,
+  _e as wsReconnect,
+  Le as wsRemoveEventHandler,
   De as wsSendMessage
 };