@pepperdash/mobile-control-react-app-core 1.24.0-feat-essentials-v3.2 → 1.24.0-feat-essentials-v3.3

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

@@ -22,29 +22,29 @@ const W1 = M2.withTypes(), m = x2.withTypes(), S1 = (e) => e.appConfig, E2 = M(
 ), X8 = () => m(E2), Q8 = () => m(T2), N8 = () => m(D2), e6 = () => m(_2), j3 = (e) => e.devices, C3 = M(
   j3,
   (e) => e
-), L2 = (e) => M(
+), P2 = (e) => M(
   j3,
   (t) => t[e] ? t[e] : void 0
 ), t6 = () => m(C3);
-function _(e) {
-  return m(L2(e));
+function D(e) {
+  return m(P2(e));
 }
-const A = (e) => e.rooms, P2 = (e) => M(
+const A = (e) => e.rooms, $2 = (e) => M(
   A,
   (t) => t[e] ? t[e].configuration : void 0
-), $2 = M(
+), L2 = M(
   A,
   (e) => e
 ), A2 = (e) => M(
   A,
   (t) => t[e] ? t[e] : void 0
-), k2 = (e) => M(
+), O2 = (e) => M(
   A,
   (t) => t[e] ? t[e].name : void 0
-), O2 = (e, t) => M(
+), B2 = (e, t) => M(
   A,
   (o) => o[e] ? o[e].volumes[t] : void 0
-), B2 = (e) => M(
+), k2 = (e) => M(
   A,
   (t) => t[e] ? t[e] : void 0
 ), W2 = (e) => M(
@@ -80,8 +80,8 @@ const A = (e) => e.rooms, P2 = (e) => M(
 ), K2 = (e) => M(
   A,
   (t) => {
-    var o, c, r, l, u, g, h, f;
-    return (c = (o = t[e]) == null ? void 0 : o.configuration) != null && c.destinationList.programAudio ? (u = (l = (r = t[e]) == null ? void 0 : r.configuration) == null ? void 0 : l.destinationList.programAudio) == null ? void 0 : u.sinkKey : ((f = (h = (g = t[e]) == null ? void 0 : g.configuration) == null ? void 0 : h.destinationList.defaultDisplay) == null ? void 0 : f.sinkKey) || "";
+    var o, c, r, l, a, g, h, f;
+    return (c = (o = t[e]) == null ? void 0 : o.configuration) != null && c.destinationList.programAudio ? (a = (l = (r = t[e]) == null ? void 0 : r.configuration) == null ? void 0 : l.destinationList.programAudio) == null ? void 0 : a.sinkKey : ((f = (h = (g = t[e]) == null ? void 0 : g.configuration) == null ? void 0 : h.destinationList.defaultDisplay) == null ? void 0 : f.sinkKey) || "";
   }
 ), q2 = (e) => M(
   A,
@@ -148,20 +148,20 @@ const A = (e) => e.rooms, P2 = (e) => M(
 );
 function n6(e) {
   return m(
-    P2(e)
+    $2(e)
   );
 }
 function o6() {
-  return m($2);
+  return m(L2);
 }
 function j1(e) {
   return m(A2(e));
 }
 const s6 = j1, c6 = (e) => m(
-  k2(e)
+  O2(e)
 ), te = (e, t) => m(
-  O2(e, t)
-), ne = (e) => m(B2(e)) || void 0, r6 = (e) => m(W2(e)), l6 = (e) => m(V2(e)), i6 = (e) => m(U2(e)), a6 = (e) => m(F2(e)), u6 = (e) => m(H2(e)), d6 = (e) => m(K2(e)), v6 = (e) => m(q2(e)), h6 = (e) => m(G2(e)), g6 = (e) => m(Y2(e)), f6 = (e) => m(z2(e)), w6 = (e) => m(J2(e)), m6 = (e) => m(X2(e)), p6 = (e) => m(Q2(e)), M6 = (e) => m((t) => ee(t, e)), x6 = (e) => m(N2(e)), G = (e) => e.runtimeConfig, oe = M(
+  B2(e, t)
+), ne = (e) => m(k2(e)) || void 0, r6 = (e) => m(W2(e)), l6 = (e) => m(V2(e)), i6 = (e) => m(U2(e)), a6 = (e) => m(F2(e)), u6 = (e) => m(H2(e)), d6 = (e) => m(K2(e)), v6 = (e) => m(q2(e)), h6 = (e) => m(G2(e)), g6 = (e) => m(Y2(e)), f6 = (e) => m(z2(e)), w6 = (e) => m(J2(e)), m6 = (e) => m(X2(e)), p6 = (e) => m(Q2(e)), M6 = (e) => m((t) => ee(t, e)), x6 = (e) => m(N2(e)), G = (e) => e.runtimeConfig, oe = M(
   G,
   (e) => e.websocket.isConnected
 ), se = M(
@@ -216,7 +216,7 @@ const s6 = j1, c6 = (e) => m(
 ), fe = M(N, (e) => e.error), we = M(
   N,
   (e) => e.showReconnect
-), me = M(N, (e) => e.theme), pe = (e) => M(N, (t) => t.syncState.includes(e)), _6 = () => m(V1("showShutdownModal")), L6 = () => m(V1("showIncomingCallModal")), P6 = (e) => m(V1(e)), $6 = (e) => m(he(e)), A6 = (e, t) => m(ge(e, t)), Me = () => m(fe), xe = () => m(we), k6 = () => m(me), Ze = (e) => m(pe(e)), Se = {
+), me = M(N, (e) => e.theme), pe = (e) => M(N, (t) => t.syncState.includes(e)), _6 = () => m(V1("showShutdownModal")), P6 = () => m(V1("showIncomingCallModal")), $6 = (e) => m(V1(e)), L6 = (e) => m(he(e)), A6 = (e, t) => m(ge(e, t)), Me = () => m(fe), xe = () => m(we), O6 = () => m(me), Ze = (e) => m(pe(e)), Se = {
   showReconnect: !1,
   error: "",
   modalVisibility: {
@@ -289,14 +289,14 @@ const s6 = j1, c6 = (e) => m(
       e.config = t.payload;
     }
   }
-}), T3 = E3.actions, be = E3.reducer, v3 = {}, k1 = v1({
+}), T3 = E3.actions, be = E3.reducer, v3 = {}, O1 = v1({
   name: "devices",
   initialState: v3,
   reducers: {
     setDeviceState(e, t) {
       const o = t.payload.type, c = o.slice(o.lastIndexOf("/") + 1);
       if (!c) return;
-      const r = t.payload.content, l = e[c] ?? {}, u = S3.mergeWith(
+      const r = t.payload.content, l = e[c] ?? {}, a = S3.mergeWith(
         {},
         l,
         r,
@@ -304,16 +304,16 @@ const s6 = j1, c6 = (e) => m(
           if (Array.isArray(h)) return h.slice();
         }
       );
-      e[c] = u;
+      e[c] = a;
     },
     clearDevices() {
       return v3;
     }
   }
 }), m1 = {
-  setDeviceState: k1.actions.setDeviceState,
-  clearDevices: k1.actions.clearDevices
-}, ye = k1.reducer;
+  setDeviceState: O1.actions.setDeviceState,
+  clearDevices: O1.actions.clearDevices
+}, ye = O1.reducer;
 class Ie {
   constructor() {
     q(this, "uuid", "current-uuid");
@@ -329,26 +329,26 @@ function Re(e) {
 function Ee(e, t) {
   sessionStorage.setItem(e, t);
 }
-const g3 = {}, O1 = v1({
+const g3 = {}, B1 = v1({
   name: "rooms",
   initialState: g3,
   reducers: {
     setRoomState(e, t) {
       const o = t.payload.type, c = o.slice(o.lastIndexOf("/") + 1);
       if (!c) return;
-      const r = t.payload.content, l = e[c] ?? {}, u = S3.mergeWith({}, l, r, (g, h) => {
+      const r = t.payload.content, l = e[c] ?? {}, a = S3.mergeWith({}, l, r, (g, h) => {
         if (Array.isArray(h)) return h;
       });
-      e[c] = u;
+      e[c] = a;
     },
     clearRooms() {
       return g3;
     }
   }
 }), p1 = {
-  setRoomState: O1.actions.setRoomState,
-  clearRooms: O1.actions.clearRooms
-}, Te = O1.reducer, De = {
+  setRoomState: B1.actions.setRoomState,
+  clearRooms: B1.actions.clearRooms
+}, Te = B1.reducer, De = {
   apiVersion: "",
   serverIsRunningOnProcessorHardware: !1,
   websocket: {
@@ -414,46 +414,46 @@ const g3 = {}, O1 = v1({
       e.touchpanelKey = t.payload;
     }
   }
-}), U = D3.actions, _e = D3.reducer, P1 = M3.create(), _3 = "websocket/connect", L3 = "websocket/disconnect", P3 = "websocket/sendMessage", $3 = "websocket/addEventHandler", A3 = "websocket/removeEventHandler", k3 = "websocket/reconnect", O3 = () => ({ type: _3 }), O6 = () => ({ type: L3 }), Le = (e, t) => ({
-  type: P3,
-  payload: { messageType: e, content: t }
-}), Pe = (e, t, o) => ({
+}), U = D3.actions, _e = D3.reducer, $1 = M3.create(), _3 = "websocket/connect", P3 = "websocket/disconnect", $3 = "websocket/sendMessage", L3 = "websocket/addEventHandler", A3 = "websocket/removeEventHandler", O3 = "websocket/reconnect", B3 = () => ({ type: _3 }), B6 = () => ({ type: P3 }), Pe = (e, t) => ({
   type: $3,
+  payload: { messageType: e, content: t }
+}), $e = (e, t, o) => ({
+  type: L3,
   payload: { eventType: e, key: t, callback: o }
-}), $e = (e, t) => ({
+}), Le = (e, t) => ({
   type: A3,
   payload: { eventType: e, key: t }
-}), Ae = () => ({ type: k3 }), ke = () => {
+}), Ae = () => ({ type: O3 }), Oe = () => {
   const e = {
     client: null,
     token: null,
     waitingToReconnect: !1,
     reconnectTimer: null,
     eventHandlers: {}
-  }, t = async (a) => {
+  }, t = async (u) => {
     try {
       const Z = location.pathname.split("/").filter((C) => C.length > 0);
       Z.length >= 5 ? Z.length = 5 : Z.length = 2;
-      const j = `/${Z.join("/")}`, S = await P1.get(
+      const j = `/${Z.join("/")}`, S = await $1.get(
         "/_local-config/_config.local.json",
         { baseURL: j }
       );
       if (S.status === 200 && S.data) {
         const C = S.data.apiPath;
-        a(T3.setAppConfig(S.data));
-        const x = await P1.get(
+        u(T3.setAppConfig(S.data));
+        const x = await $1.get(
           `${C}/version`
         );
-        x.status === 200 && x.data && a(U.setRuntimeConfig(x.data));
+        x.status === 200 && x.data && u(U.setRuntimeConfig(x.data));
       }
     } catch (Z) {
       console.error("Error getting config", Z);
     }
     return !0;
-  }, o = async (a, Z, j) => {
+  }, o = async (u, Z, j) => {
     try {
-      const S = await P1.get(
-        `${a}/ui/joinroom?token=${Z}`
+      const S = await $1.get(
+        `${u}/ui/joinroom?token=${Z}`
       );
       return S.status === 200 && S.data ? (j(U.setRoomData(S.data)), S.data) : null;
     } catch (S) {
@@ -463,21 +463,21 @@ const g3 = {}, O1 = v1({
         )
       ), null) : (console.error("Error getting room data", S), S instanceof Error ? j(W.setErrorMessage(S.message)) : j(W.setErrorMessage("Error getting room data")), null);
     }
-  }, c = (a) => {
+  }, c = (u) => {
     e.reconnectTimer && (clearTimeout(e.reconnectTimer), e.reconnectTimer = null), console.log("WebSocket middleware: Starting reconnection loop..."), e.reconnectTimer = setTimeout(() => {
-      e.waitingToReconnect = !1, e.reconnectTimer = null, console.log("WebSocket middleware: Attempting automatic reconnection..."), a(O3());
+      e.waitingToReconnect = !1, e.reconnectTimer = null, console.log("WebSocket middleware: Attempting automatic reconnection..."), u(B3());
     }, 5e3);
   }, r = () => {
     e.reconnectTimer && (console.log("WebSocket middleware: Stopping reconnection loop"), clearTimeout(e.reconnectTimer), e.reconnectTimer = null);
-  }, l = (a) => {
-    a(W.setShowReconnect(!0)), a(U.setWebsocketIsConnected(!1)), a(m1.clearDevices()), a(p1.clearRooms()), a(W.clearAllModals()), a(W.clearSyncState());
-  }, u = (a, Z) => {
+  }, l = (u) => {
+    u(W.setShowReconnect(!0)), u(U.setWebsocketIsConnected(!1)), u(m1.clearDevices()), u(p1.clearRooms()), u(W.clearAllModals()), u(W.clearSyncState());
+  }, a = (u, Z) => {
     var H;
-    const j = a(), S = Z ?? j.runtimeConfig.roomData.roomKey, { clientId: C } = j.runtimeConfig.roomData, x = j.runtimeConfig.websocket.isConnected, k = (H = j.runtimeConfig.roomData.config) == null ? void 0 : H.runtimeInfo.essentialsVersion;
+    const j = u(), S = Z ?? j.runtimeConfig.roomData.roomKey, { clientId: C } = j.runtimeConfig.roomData, x = j.runtimeConfig.websocket.isConnected, O = (H = j.runtimeConfig.roomData.config) == null ? void 0 : H.runtimeInfo.essentialsVersion;
     console.log("WebSocket middleware: Essentials version", {
-      essentialsVersion: k
+      essentialsVersion: O
     });
-    const o1 = k == null ? void 0 : k.startsWith("3.");
+    const o1 = O == null ? void 0 : O.startsWith("3.");
     if (!Z || !x || !C) {
       console.log("WebSocket middleware: Cannot request room status", {
         hasRoomKey: !!Z,
@@ -501,7 +501,7 @@ const g3 = {}, O1 = v1({
         content: null
       })
     ));
-  }, g = async (a, Z) => {
+  }, g = async (u, Z) => {
     console.log("WebSocket middleware: Attempting to connect...");
     const j = Z(), { apiPath: S } = j.appConfig.config, { serverIsRunningOnProcessorHardware: C } = j.runtimeConfig;
     if (!S || !e.token) {
@@ -526,51 +526,51 @@ const g3 = {}, O1 = v1({
     }
     e.waitingToReconnect = !0;
     try {
-      const x = await o(S, e.token, a);
+      const x = await o(S, e.token, u);
       if (!x) {
         console.log(
           "WebSocket middleware: Failed to get room data, will retry..."
-        ), c(a);
+        ), c(u);
         return;
       }
       console.log("WebSocket middleware: Connecting to websocket");
       const o1 = `${S.replace("http", "ws")}/ui/join/${e.token}?clientId=${x.clientId}`, H = new WebSocket(o1);
-      e.client = H, H.onopen = (O) => {
-        console.log("WebSocket middleware: Connected", O.type, O.target), e.waitingToReconnect = !1, r(), setTimeout(() => {
-          e.client === H && H.readyState === WebSocket.OPEN && a(U.setWebsocketIsConnected(!0));
+      e.client = H, H.onopen = (B) => {
+        console.log("WebSocket middleware: Connected", B.type, B.target), e.waitingToReconnect = !1, r(), setTimeout(() => {
+          e.client === H && H.readyState === WebSocket.OPEN && u(U.setWebsocketIsConnected(!0));
         }, 100);
-      }, H.onerror = (O) => {
-        console.error("WebSocket middleware: Error", O), l(a);
-      }, H.onclose = (O) => {
-        var D;
+      }, H.onerror = (B) => {
+        console.error("WebSocket middleware: Error", B), l(u);
+      }, H.onclose = (B) => {
+        var _;
         if (console.log(
           "WebSocket middleware: Disconnected",
-          O.reason,
-          O.code
-        ), O.code === 4100) {
-          console.log("WebSocket middleware: Closed by client (cleanup)"), r(), l(a);
+          B.reason,
+          B.code
+        ), B.code === 4100) {
+          console.log("WebSocket middleware: Closed by client (cleanup)"), r(), l(u);
           return;
         }
-        if (e.waitingToReconnect = !0, O.code === 4e3) {
-          console.log("WebSocket middleware: User code changed"), r(), a(
+        if (e.waitingToReconnect = !0, B.code === 4e3) {
+          console.log("WebSocket middleware: User code changed"), r(), u(
             U.setUserCode({ userCode: "", qrUrl: "" })
-          ), a(
+          ), u(
             W.setErrorMessage(
               "User code changed. Click reconnect to enter the new code"
             )
-          ), l(a);
+          ), l(u);
           return;
         }
-        if (O.code === 4002) {
-          console.log("WebSocket middleware: Room combination changed"), r(), a(
+        if (B.code === 4002) {
+          console.log("WebSocket middleware: Room combination changed"), r(), u(
             W.setErrorMessage(
               "Room combination changed. Click Reconnect to re-join the room"
             )
-          ), l(a);
+          ), l(u);
           return;
         }
-        if (O.code === 4001)
-          if (!!((D = Z().runtimeConfig) != null && D.touchpanelKey))
+        if (B.code === 4001)
+          if (!!((_ = Z().runtimeConfig) != null && _.touchpanelKey))
             console.log(
               "WebSocket middleware: Code 4001 received with touchpanel key present, will auto-reconnect"
             );
@@ -581,11 +581,11 @@ const g3 = {}, O1 = v1({
           else {
             console.log(
               "WebSocket middleware: Processor disconnected (no touchpanel key, not on processor hardware)"
-            ), r(), a(
+            ), r(), u(
               W.setErrorMessage(
                 "Processor has disconnected. Click Reconnect to continue."
               )
-            ), l(a);
+            ), l(u);
             return;
           }
         if (e.client)
@@ -596,45 +596,45 @@ const g3 = {}, O1 = v1({
           console.log("WebSocket middleware: Closed by client");
           return;
         }
-        e.client = null, console.log("WebSocket middleware: Clearing state on disconnect"), a(
+        e.client = null, console.log("WebSocket middleware: Clearing state on disconnect"), u(
           W.setErrorMessage(
             "Connection lost. Attempting to reconnect..."
           )
-        ), a(U.setWebsocketIsConnected(!1)), a(m1.clearDevices()), a(p1.clearRooms()), a(W.clearAllModals()), a(W.clearSyncState()), c(a);
-      }, H.onmessage = (O) => {
+        ), u(U.setWebsocketIsConnected(!1)), u(m1.clearDevices()), u(p1.clearRooms()), u(W.clearAllModals()), u(W.clearSyncState()), c(u);
+      }, H.onmessage = (B) => {
         try {
-          const D = JSON.parse(O.data);
-          if (D.type === "close") {
-            H.close(4001, D.content);
+          const _ = JSON.parse(B.data);
+          if (_.type === "close") {
+            H.close(4001, _.content);
             return;
           }
-          if (D.type.startsWith("/system/"))
-            switch (D.type) {
+          if (_.type.startsWith("/system/"))
+            switch (_.type) {
               case "/system/touchpanelKey":
-                a(
+                u(
                   U.setTouchpanelKey(
-                    D.content
+                    _.content
                   )
                 );
                 break;
               case "/system/roomKey":
-                a(p1.clearRooms()), a(m1.clearDevices()), a(W.clearSyncState()), a(
+                u(p1.clearRooms()), u(m1.clearDevices()), u(W.clearSyncState()), u(
                   U.setCurrentRoomKey(
-                    D.content
+                    _.content
                   )
                 );
                 break;
               case "/system/userCodeChanged":
-                a(
-                  U.setUserCode(D.content)
+                u(
+                  U.setUserCode(_.content)
                 );
                 break;
               case "/system/roomCombinationChanged":
                 window.location.reload();
                 break;
               case "/system/deviceInterfaces": {
-                const z = D.content;
-                a(
+                const z = _.content;
+                u(
                   U.setDeviceInterfaces(
                     z.deviceInterfaces
                   )
@@ -644,18 +644,18 @@ const g3 = {}, O1 = v1({
               default:
                 console.log(
                   "WebSocket middleware: Unhandled system message",
-                  D
+                  _
                 );
                 break;
             }
-          else if (D.type.startsWith("/event/")) {
-            const z = e.eventHandlers[D.type];
+          else if (_.type.startsWith("/event/")) {
+            const z = e.eventHandlers[_.type];
             z || console.log(
               "WebSocket middleware: No handlers found for event type",
-              D.type
+              _.type
             ), z && Object.values(z).forEach((s1) => {
               try {
-                s1(D);
+                s1(_);
               } catch (b1) {
                 console.error(
                   "WebSocket middleware: Event handler error",
@@ -663,9 +663,9 @@ const g3 = {}, O1 = v1({
                 );
               }
             });
-          } else D.type.startsWith("/room/") ? a(p1.setRoomState(D)) : D.type.startsWith("/device/") && a(m1.setDeviceState(D));
-        } catch (D) {
-          console.error("WebSocket middleware: Message handling error", D);
+          } else _.type.startsWith("/room/") ? u(p1.setRoomState(_)) : _.type.startsWith("/device/") && u(m1.setDeviceState(_));
+        } catch (_) {
+          console.error("WebSocket middleware: Message handling error", _);
         }
       }, e.waitingToReconnect = !1;
     } catch (x) {
@@ -673,24 +673,24 @@ const g3 = {}, O1 = v1({
     }
   }, h = () => {
     e.client && (console.log("WebSocket middleware: Disconnecting"), r(), e.client.close(4100, "Client requested disconnect"), e.client = null);
-  }, f = (a, Z, j) => {
+  }, f = (u, Z, j) => {
     const S = j(), C = S.runtimeConfig.websocket.isConnected, x = S.runtimeConfig.roomData.clientId;
     e.client && C ? e.client.send(
-      JSON.stringify({ type: a, clientId: x, content: Z })
+      JSON.stringify({ type: u, clientId: x, content: Z })
     ) : console.warn("WebSocket middleware: Cannot send message - not connected");
-  }, d = (a, Z, j) => {
-    e.eventHandlers[a] || (e.eventHandlers[a] = {}), e.eventHandlers[a][Z] = j, console.log("WebSocket middleware: Event handler added", a, Z);
-  }, L = (a, Z) => {
-    e.eventHandlers[a] && (delete e.eventHandlers[a][Z], console.log(
+  }, d = (u, Z, j) => {
+    e.eventHandlers[u] || (e.eventHandlers[u] = {}), e.eventHandlers[u][Z] = j, console.log("WebSocket middleware: Event handler added", u, Z);
+  }, P = (u, Z) => {
+    e.eventHandlers[u] && (delete e.eventHandlers[u][Z], console.log(
       "WebSocket middleware: Event handler removed",
-      a,
+      u,
       Z
     ));
-  }, F = (a) => {
-    const Z = a(), { gatewayAppPath: j } = Z.appConfig.config, S = Z.runtimeConfig.roomData.roomKey, C = Z.runtimeConfig.roomData.systemUuid, x = Z.runtimeConfig.roomData.userCode, k = `${j}?uuid=${C}&roomKey=${S}`;
-    window.location.href = x ? `${k}&Code=${x}` : k;
+  }, F = (u) => {
+    const Z = u(), { gatewayAppPath: j } = Z.appConfig.config, S = Z.runtimeConfig.roomData.roomKey, C = Z.runtimeConfig.roomData.systemUuid, x = Z.runtimeConfig.roomData.userCode, O = `${j}?uuid=${C}&roomKey=${S}`;
+    window.location.href = x ? `${O}&Code=${x}` : O;
   };
-  return (a) => (Z) => (j) => {
+  return (u) => (Z) => (j) => {
     const S = Z(j);
     if (!j || typeof j != "object" || !("type" in j))
       return S;
@@ -698,21 +698,21 @@ const g3 = {}, O1 = v1({
     return (async () => {
       switch (C.type) {
         case _3: {
-          let k = new URLSearchParams(window.location.search).get("token");
-          k ? (console.log("WebSocket middleware: Saving token"), Ee(h3.uuid, k)) : (k = Re(h3.uuid), console.log("WebSocket middleware: Loading token")), e.token = k, await t(a.dispatch), await g(a.dispatch, a.getState);
+          let O = new URLSearchParams(window.location.search).get("token");
+          O ? (console.log("WebSocket middleware: Saving token"), Ee(h3.uuid, O)) : (O = Re(h3.uuid), console.log("WebSocket middleware: Loading token")), e.token = O, await t(u.dispatch), await g(u.dispatch, u.getState);
           break;
         }
-        case L3:
+        case P3:
           h();
           break;
-        case P3:
+        case $3:
           f(
             C.payload.messageType,
             C.payload.content,
-            a.getState
+            u.getState
           );
           break;
-        case $3:
+        case L3:
           d(
             C.payload.eventType,
             C.payload.key,
@@ -720,31 +720,31 @@ const g3 = {}, O1 = v1({
           );
           break;
         case A3:
-          L(
+          P(
             C.payload.eventType,
             C.payload.key
           );
           break;
-        case k3:
-          F(a.getState);
+        case O3:
+          F(u.getState);
           break;
         default:
           if (j.type === U.setWebsocketIsConnected.type)
             j.payload === !0 && (console.log(
               "[WebSocket Middleware] Connection established, requesting room status..."
-            ), setTimeout(() => u(a.getState), 100));
+            ), setTimeout(() => a(u.getState), 100));
           else if (j.type === U.setRoomData.type) {
-            const x = a.getState(), k = j.payload;
-            x.runtimeConfig.websocket.isConnected && (k != null && k.clientId) && (console.log(
+            const x = u.getState(), O = j.payload;
+            x.runtimeConfig.websocket.isConnected && (O != null && O.clientId) && (console.log(
               "[WebSocket Middleware] Room data received, requesting room status..."
-            ), setTimeout(() => u(a.getState), 100));
+            ), setTimeout(() => a(u.getState), 100));
           } else if (j.type === U.setCurrentRoomKey.type) {
             const x = j.payload;
             x && (console.log(
               "[WebSocket Middleware] Room changed to:",
               x,
               ", requesting room status..."
-            ), setTimeout(() => u(a.getState, x), 100));
+            ), setTimeout(() => a(u.getState, x), 100));
           }
           break;
       }
@@ -752,22 +752,22 @@ const g3 = {}, O1 = v1({
       console.error("WebSocket middleware: Error handling action", x);
     }), S;
   };
-}, Oe = S2({
+}, Be = S2({
   appConfig: be,
   runtimeConfig: _e,
   rooms: Te,
   devices: ye,
   ui: je
-}), Be = j2({
-  reducer: Oe,
+}), ke = j2({
+  reducer: Be,
   middleware: (e) => e({
     serializableCheck: {
       // Ignore WebSocket actions with callbacks
       ignoredActions: ["websocket/addEventHandler"]
     }
-  }).concat(ke())
+  }).concat(Oe())
 }), f3 = M3.create();
-function B6() {
+function k6() {
   const e = W1();
   return async () => {
     try {
@@ -806,14 +806,14 @@ function We() {
   if (w3) return i1;
   w3 = 1;
   var e = x3, t = Symbol.for("react.element"), o = Symbol.for("react.fragment"), c = 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 u(g, h, f) {
-    var d, L = {}, F = null, a = null;
-    f !== void 0 && (F = "" + f), h.key !== void 0 && (F = "" + h.key), h.ref !== void 0 && (a = h.ref);
-    for (d in h) c.call(h, d) && !l.hasOwnProperty(d) && (L[d] = h[d]);
-    if (g && g.defaultProps) for (d in h = g.defaultProps, h) L[d] === void 0 && (L[d] = h[d]);
-    return { $$typeof: t, type: g, key: F, ref: a, props: L, _owner: r.current };
+  function a(g, h, f) {
+    var d, P = {}, F = null, u = null;
+    f !== void 0 && (F = "" + f), h.key !== void 0 && (F = "" + h.key), h.ref !== void 0 && (u = h.ref);
+    for (d in h) c.call(h, d) && !l.hasOwnProperty(d) && (P[d] = h[d]);
+    if (g && g.defaultProps) for (d in h = g.defaultProps, h) P[d] === void 0 && (P[d] = h[d]);
+    return { $$typeof: t, type: g, key: F, ref: u, props: P, _owner: r.current };
   }
-  return i1.Fragment = o, i1.jsx = u, i1.jsxs = u, i1;
+  return i1.Fragment = o, i1.jsx = a, i1.jsxs = a, i1;
 }
 var a1 = {};
 /**
@@ -828,7 +828,7 @@ var a1 = {};
 var m3;
 function Ve() {
   return m3 || (m3 = 1, process.env.NODE_ENV !== "production" && (function() {
-    var e = x3, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), u = Symbol.for("react.provider"), g = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), L = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), a = Symbol.for("react.offscreen"), Z = Symbol.iterator, j = "@@iterator";
+    var e = x3, t = Symbol.for("react.element"), o = Symbol.for("react.portal"), c = Symbol.for("react.fragment"), r = Symbol.for("react.strict_mode"), l = Symbol.for("react.profiler"), a = Symbol.for("react.provider"), g = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), d = Symbol.for("react.suspense_list"), P = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), u = Symbol.for("react.offscreen"), Z = Symbol.iterator, j = "@@iterator";
     function S(s) {
       if (s === null || typeof s != "object")
         return null;
@@ -840,10 +840,10 @@ function Ve() {
       {
         for (var i = arguments.length, v = new Array(i > 1 ? i - 1 : 0), p = 1; p < i; p++)
           v[p - 1] = arguments[p];
-        k("error", s, v);
+        O("error", s, v);
       }
     }
-    function k(s, i, v) {
+    function O(s, i, v) {
       {
         var p = C.ReactDebugCurrentFrame, E = p.getStackAddendum();
         E !== "" && (i += "%s", v = v.concat([E]));
@@ -853,10 +853,10 @@ function Ve() {
         T.unshift("Warning: " + i), Function.prototype.apply.call(console[s], console, T);
       }
     }
-    var o1 = !1, H = !1, O = !1, D = !1, z = !1, s1;
+    var o1 = !1, H = !1, B = !1, _ = !1, z = !1, s1;
     s1 = Symbol.for("react.module.reference");
     function b1(s) {
-      return !!(typeof s == "string" || typeof s == "function" || s === c || s === l || z || s === r || s === f || s === d || D || s === a || o1 || H || O || typeof s == "object" && s !== null && (s.$$typeof === F || s.$$typeof === L || s.$$typeof === u || s.$$typeof === g || s.$$typeof === h || // This needs to include all possible module reference object
+      return !!(typeof s == "string" || typeof s == "function" || s === c || s === l || z || s === r || s === f || s === d || _ || s === u || o1 || H || B || typeof s == "object" && s !== null && (s.$$typeof === F || s.$$typeof === P || s.$$typeof === a || s.$$typeof === g || s.$$typeof === h || // 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.
@@ -898,12 +898,12 @@ function Ve() {
           case g:
             var i = s;
             return U1(i) + ".Consumer";
-          case u:
+          case a:
             var v = s;
             return U1(v._context) + ".Provider";
           case h:
             return U3(s, s.render, "ForwardRef");
-          case L:
+          case P:
             var p = s.displayName || null;
             return p !== null ? p : J(s.type) || "Memo";
           case F: {
@@ -1047,19 +1047,19 @@ function Ve() {
       } catch (V) {
         if (V && p && typeof V.stack == "string") {
           for (var b = V.stack.split(`
-`), B = p.stack.split(`
-`), P = b.length - 1, $ = B.length - 1; P >= 1 && $ >= 0 && b[P] !== B[$]; )
-            $--;
-          for (; P >= 1 && $ >= 0; P--, $--)
-            if (b[P] !== B[$]) {
-              if (P !== 1 || $ !== 1)
+`), k = p.stack.split(`
+`), $ = b.length - 1, L = k.length - 1; $ >= 1 && L >= 0 && b[$] !== k[L]; )
+            L--;
+          for (; $ >= 1 && L >= 0; $--, L--)
+            if (b[$] !== k[L]) {
+              if ($ !== 1 || L !== 1)
                 do
-                  if (P--, $--, $ < 0 || b[P] !== B[$]) {
+                  if ($--, L--, L < 0 || b[$] !== k[L]) {
                     var K = `
-` + b[P].replace(" at new ", " at ");
+` + b[$].replace(" at new ", " at ");
                     return s.displayName && K.includes("<anonymous>") && (K = K.replace("<anonymous>", s.displayName)), typeof s == "function" && g1.set(s, K), K;
                   }
-                while (P >= 1 && $ >= 0);
+                while ($ >= 1 && L >= 0);
               break;
             }
         }
@@ -1093,7 +1093,7 @@ function Ve() {
         switch (s.$$typeof) {
           case h:
             return q3(s.render);
-          case L:
+          case P:
             return f1(s.type, i, v);
           case F: {
             var p = s, E = p._payload, T = p._init;
@@ -1121,12 +1121,12 @@ function Ve() {
             var b = void 0;
             try {
               if (typeof s[y] != "function") {
-                var B = Error((p || "React class") + ": " + v + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
-                throw B.name = "Invariant Violation", B;
+                var k = Error((p || "React class") + ": " + v + " type `" + y + "` is invalid; it must be a function, usually from the `prop-types` package, but received `" + typeof s[y] + "`.This often happens because of typos such as `PropTypes.function` instead of `PropTypes.func`.");
+                throw k.name = "Invariant Violation", k;
               }
               b = s[y](i, y, p, v, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch (P) {
-              b = P;
+            } catch ($) {
+              b = $;
             }
             b && !(b instanceof Error) && (w1(E), x("%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).", p || "React class", v, y, typeof b), w1(null)), b instanceof Error && !(b.message in Q1) && (Q1[b.message] = !0, w1(E), x("Failed %s type: %s", v, b.message), w1(null));
           }
@@ -1234,20 +1234,20 @@ function Ve() {
     };
     function c2(s, i, v, p, E) {
       {
-        var T, y = {}, b = null, B = null;
-        v !== void 0 && (t3(v), b = "" + v), e2(i) && (t3(i.key), b = "" + i.key), N3(i) && (B = i.ref, t2(i, E));
+        var T, y = {}, b = null, k = null;
+        v !== void 0 && (t3(v), b = "" + v), e2(i) && (t3(i.key), b = "" + i.key), N3(i) && (k = i.ref, t2(i, E));
         for (T in i)
           r1.call(i, T) && !Q3.hasOwnProperty(T) && (y[T] = i[T]);
         if (s && s.defaultProps) {
-          var P = s.defaultProps;
-          for (T in P)
-            y[T] === void 0 && (y[T] = P[T]);
+          var $ = s.defaultProps;
+          for (T in $)
+            y[T] === void 0 && (y[T] = $[T]);
         }
-        if (b || B) {
-          var $ = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
-          b && n2(y, $), B && o2(y, $);
+        if (b || k) {
+          var L = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
+          b && n2(y, L), k && o2(y, L);
         }
-        return s2(s, b, B, E, p, n3.current, y);
+        return s2(s, b, k, E, p, n3.current, y);
       }
     }
     var T1 = C.ReactCurrentOwner, c3 = C.ReactDebugCurrentFrame;
@@ -1333,7 +1333,7 @@ Check the top-level render call using <` + v + ">.");
           v = i.propTypes;
         else if (typeof i == "object" && (i.$$typeof === h || // Note: Memo only checks outer props here.
         // Inner props are checked in the reconciler.
-        i.$$typeof === L))
+        i.$$typeof === P))
           v = i.propTypes;
         else
           return;
@@ -1367,14 +1367,14 @@ Check the top-level render call using <` + v + ">.");
         if (!y) {
           var b = "";
           (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (b += " 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 B = r2();
-          B ? b += B : b += r3();
-          var P;
-          s === null ? P = "null" : E1(s) ? P = "array" : s !== void 0 && s.$$typeof === t ? (P = "<" + (J(s.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : P = typeof s, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", P, b);
-        }
-        var $ = c2(s, i, v, E, T);
-        if ($ == null)
-          return $;
+          var k = r2();
+          k ? b += k : b += r3();
+          var $;
+          s === null ? $ = "null" : E1(s) ? $ = "array" : s !== void 0 && s.$$typeof === t ? ($ = "<" + (J(s.type) || "Unknown") + " />", b = " Did you accidentally export a JSX literal instead of a component?") : $ = typeof s, x("React.jsx: type is invalid -- expected a string (for built-in components) or a class/function (for composite components) but got: %s.%s", $, b);
+        }
+        var L = c2(s, i, v, E, T);
+        if (L == null)
+          return L;
         if (y) {
           var K = i.children;
           if (K !== void 0)
@@ -1391,18 +1391,18 @@ Check the top-level render call using <` + v + ">.");
         if (r1.call(i, "key")) {
           var Q = J(s), V = Object.keys(i).filter(function(f2) {
             return f2 !== "key";
-          }), L1 = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!u3[Q + L1]) {
+          }), P1 = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!u3[Q + P1]) {
             var g2 = V.length > 0 ? "{" + V.join(": ..., ") + ": ...}" : "{}";
             x(`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:
   let props = %s;
-  <%s key={someKey} {...props} />`, L1, Q, g2, Q), u3[Q + L1] = !0;
+  <%s key={someKey} {...props} />`, P1, Q, g2, Q), u3[Q + P1] = !0;
           }
         }
-        return s === c ? a2($) : i2($), $;
+        return s === c ? a2(L) : i2(L), L;
       }
     }
     function u2(s, i, v) {
@@ -1423,7 +1423,7 @@ var n = Ue();
 const Fe = "_mwfit_ppa3l_1", He = {
   mwfit: Fe
 }, Ke = () => {
-  const { reconnect: e } = R(), t = I3(), o = Me(), c = xe();
+  const { reconnect: e } = I(), t = I3(), o = Me(), c = xe();
   return /* @__PURE__ */ n.jsxs("div", { className: "vh-100 d-flex flex-column flex-grow-1 justify-content-center align-items-center gap-5 ", children: [
     /* @__PURE__ */ n.jsxs("div", { className: `${He.mwfit} mx-auto text-center`, children: [
       t === void 0 ? /* @__PURE__ */ n.jsx("h2", { children: "Connecting..." }) : /* @__PURE__ */ n.jsx("h2", { children: "Disconnected" }),
@@ -1431,7 +1431,7 @@ const Fe = "_mwfit_ppa3l_1", He = {
     ] }),
     c && /* @__PURE__ */ n.jsx("button", { className: "btn btn-secondary btn-lg", onPointerDown: e, children: "Reconnect" })
   ] });
-}, B3 = C2({
+}, k3 = C2({
   sendMessage: () => null,
   sendSimpleMessage: () => null,
   addEventHandler: () => null,
@@ -1440,11 +1440,11 @@ const Fe = "_mwfit_ppa3l_1", He = {
 }), qe = ({ children: e }) => {
   const t = W1(), o = I3();
   Z1(() => {
-    t(O3());
+    t(B3());
   }, [t]);
   const c = l1(
     (h, f) => {
-      t(Le(h, f));
+      t(Pe(h, f));
     },
     [t]
   ), r = l1(
@@ -1454,33 +1454,33 @@ const Fe = "_mwfit_ppa3l_1", He = {
     [c]
   ), l = l1(
     (h, f, d) => {
-      t(Pe(h, f, d));
+      t($e(h, f, d));
     },
     [t]
-  ), u = l1(
+  ), a = l1(
     (h, f) => {
-      t($e(h, f));
+      t(Le(h, f));
     },
     [t]
   ), g = l1(() => {
     t(Ae());
   }, [t]);
   return /* @__PURE__ */ n.jsx(
-    B3.Provider,
+    k3.Provider,
     {
       value: {
         sendMessage: c,
         sendSimpleMessage: r,
         addEventHandler: l,
-        removeEventHandler: u,
+        removeEventHandler: a,
         reconnect: g
       },
       children: o ? e : /* @__PURE__ */ n.jsx(Ke, {})
     }
   );
-}, W6 = ({ children: e }) => /* @__PURE__ */ n.jsx(Z2, { store: Be, children: /* @__PURE__ */ n.jsx(qe, { children: e }) });
-function R() {
-  return b2(B3);
+}, W6 = ({ children: e }) => /* @__PURE__ */ n.jsx(Z2, { store: ke, children: /* @__PURE__ */ n.jsx(qe, { children: e }) });
+function I() {
+  return b2(k3);
 }
 function Ge({
   onPress: e,
@@ -1489,17 +1489,17 @@ function Ge({
   onPressedButNotHeld: c,
   holdTimeMs: r = 500
 }) {
-  const l = d1(null), u = d1(!1), g = d1(!1);
+  const l = d1(null), a = d1(!1), g = d1(!1);
   function h() {
-    u.current = !0, g.current = !1, e == null || e(), l.current = setTimeout(() => {
+    a.current = !0, g.current = !1, e == null || e(), l.current = setTimeout(() => {
       g.current = !0, o == null || o(), l.current = null;
     }, r);
   }
   function f() {
-    u.current = !1, t == null || t(), l.current && (clearTimeout(l.current), l.current = null, g.current || c == null || c());
+    a.current = !1, t == null || t(), l.current && (clearTimeout(l.current), l.current = null, g.current || c == null || c());
   }
   function d() {
-    u.current && f();
+    a.current && f();
   }
   return {
     onPointerDown: h,
@@ -1508,19 +1508,19 @@ function Ge({
   };
 }
 function w(e, t) {
-  const { sendMessage: c } = R(), r = d1(null);
+  const { sendMessage: c } = I(), r = d1(null);
   function l() {
     c(`${e}/${t}`, { value: "pressed" }), r.current || (r.current = setInterval(() => {
       c(`${e}/${t}`, { value: "held" });
     }, 250));
   }
-  function u() {
+  function a() {
     r.current && (clearInterval(r.current), r.current = null), c(`${e}/${t}`, { value: "released" });
   }
-  return Ge({ onPress: l, onRelease: u });
+  return Ge({ onPress: l, onRelease: a });
 }
 function C1(e) {
-  const { sendMessage: t } = R(), o = w(`${e}`, "volumeUp"), c = w(`${e}`, "volumeDown");
+  const { sendMessage: t } = I(), o = w(`${e}`, "volumeUp"), c = w(`${e}`, "volumeDown");
   return n1(() => ({
     volumeUp: o,
     volumeDown: c,
@@ -1528,7 +1528,7 @@ function C1(e) {
   }), [e, t, o, c]);
 }
 function V6(e) {
-  const { sendMessage: t } = R(), o = w(`${e}`, "volumeUp"), c = w(`${e}`, "volumeDown");
+  const { sendMessage: t } = I(), o = w(`${e}`, "volumeUp"), c = w(`${e}`, "volumeDown");
   return n1(() => ({
     volumeUp: o,
     volumeDown: c,
@@ -1536,7 +1536,7 @@ function V6(e) {
   }), [e, t, o, c]);
 }
 function W3(e, t) {
-  const { sendMessage: o, sendSimpleMessage: c } = R(), r = C1(e);
+  const { sendMessage: o, sendSimpleMessage: c } = I(), r = C1(e);
   return n1(() => {
     if (!r) {
       console.log("baseVolume is undefined");
@@ -1556,7 +1556,7 @@ function W3(e, t) {
   }, [r, t, e, o, c]);
 }
 function U6(e, t) {
-  const { sendMessage: o, sendSimpleMessage: c } = R(), r = C1(e);
+  const { sendMessage: o, sendSimpleMessage: c } = I(), r = C1(e);
   return n1(() => {
     if (!r) {
       console.log("baseVolume is undefined");
@@ -1576,15 +1576,15 @@ function U6(e, t) {
   }, [r, t, e, o, c]);
 }
 function Ye(e) {
-  const t = _(e), o = `/device/${e}`, c = n1(() => {
+  const t = D(e), o = `/device/${e}`, c = n1(() => {
     if (t)
       return t.volume;
   }, [t]);
   return W3(o, c);
 }
 function V3(e) {
-  var u;
-  const { sendMessage: t } = R(), o = (u = _(e)) == null ? void 0 : u.powerState;
+  var a;
+  const { sendMessage: t } = I(), o = (a = D(e)) == null ? void 0 : a.powerState;
   return { powerOn: () => {
     t(`/device/${e}/powerOn`, null);
   }, powerOff: () => {
@@ -1593,14 +1593,14 @@ function V3(e) {
     t(`/device/${e}/powerToggle`, null);
   }, powerState: o };
 }
-function B1(e) {
-  const { sendMessage: t } = R(), o = _(e);
+function k1(e) {
+  const { sendMessage: t } = I(), o = D(e);
   return console.log("deviceState", o), o ? { itemsState: o, selectItem: (r) => {
     t(`/device/${e}/${r}`, null);
   } } : void 0;
 }
 function ze(e) {
-  const { sendMessage: t } = R(), o = _(e), c = () => {
+  const { sendMessage: t } = I(), o = D(e), c = () => {
     t(`/device/${e}/setDefaultChannelLevels`, null);
   }, r = () => {
     if ((o == null ? void 0 : o.levelControls) === void 0) return;
@@ -1611,18 +1611,32 @@ function ze(e) {
   return o ? { levelControls: o.levelControls, setDefaultChannelLevels: c, getFullStatus: r } : void 0;
 }
 function F6(e) {
-  const t = _(e), o = V3(e), c = B1(e), r = B1(e), l = Ye(e), u = ze(e);
+  const t = D(e), o = V3(e), c = k1(e), r = k1(e), l = Ye(e), a = ze(e);
   if (t)
     return {
       avrState: t,
       powerControl: o,
       inputControl: c,
       surroundSoundModes: r,
-      surroundChannels: u,
+      surroundChannels: a,
       mainVolumeControl: l
     };
 }
-const H6 = ({ className: e }) => {
+function H6(e) {
+  const { sendMessage: t } = I(), o = `/device/${e}`, c = D(e), r = w(o, "cameraUp"), l = w(o, "cameraDown"), a = w(o, "cameraLeft"), g = w(o, "cameraRight"), h = w(o, "cameraZoomIn"), f = w(o, "cameraZoomOut"), d = (P) => t("/camera/recallPreset", P);
+  if (c)
+    return {
+      state: c,
+      zoomIn: h,
+      zoomOut: f,
+      up: r,
+      down: l,
+      left: a,
+      right: g,
+      recallPreset: d
+    };
+}
+const K6 = ({ className: e }) => {
   const [t, o] = Y();
   return Z1(() => {
     setInterval(() => {
@@ -1634,59 +1648,45 @@ const H6 = ({ className: e }) => {
     " new change"
   ] });
 };
-function K6(e) {
-  const { sendMessage: t } = R(), o = _(e), c = `/device/${e}`;
-  return o ? { state: o, recallPreset: (u, g) => {
-    t(`${c}/presets/recall`, { deviceKey: u, preset: g });
-  }, savePresets: (u) => {
-    t(`${c}/presets/save`, u);
+function q6(e) {
+  const { sendMessage: t } = I(), o = D(e), c = `/device/${e}`;
+  return o ? { state: o, recallPreset: (a, g) => {
+    t(`${c}/presets/recall`, { deviceKey: a, preset: g });
+  }, savePresets: (a) => {
+    t(`${c}/presets/save`, a);
   } } : void 0;
 }
-function q6(e) {
-  const t = _(e);
+function G6(e) {
+  const t = D(e);
   if (t)
     return { endpointState: t };
 }
-function G6(e) {
-  const t = `/device/${e}`, o = w(t, "chanUp"), c = w(t, "chanDown"), r = w(t, "lastChan"), l = w(t, "guide"), u = w(t, "info"), g = w(t, "exit");
-  return { channelUp: o, channelDown: c, lastChannel: r, guide: l, info: u, exit: g };
-}
 function Y6(e) {
+  const t = `/device/${e}`, o = w(t, "chanUp"), c = w(t, "chanDown"), r = w(t, "lastChan"), l = w(t, "guide"), a = w(t, "info"), g = w(t, "exit");
+  return { channelUp: o, channelDown: c, lastChannel: r, guide: l, info: a, exit: g };
+}
+function z6(e) {
   const t = `/device/${e}`, o = w(t, "red"), c = w(t, "green"), r = w(t, "yellow"), l = w(t, "blue");
   return { red: o, green: c, yellow: r, blue: l };
 }
-function z6(e) {
-  const t = _(e);
+function J6(e) {
+  const t = D(e);
   if (t)
     return {
       communicationMonitorState: t
     };
 }
-function J6(e) {
-  const t = _(e);
+function X6(e) {
+  const t = D(e);
   if (t)
     return t.deviceInfo || void 0;
 }
-function X6(e) {
-  const t = `/device/${e}`, o = w(t, "up"), c = w(t, "down"), r = w(t, "left"), l = w(t, "right"), u = w(t, "select"), g = w(t, "menu"), h = w(t, "exit");
-  return { up: o, down: c, left: r, right: l, select: u, menu: g, exit: h };
-}
 function Q6(e) {
-  const { sendMessage: t } = R(), o = `/device/${e}`, c = _(e), r = w(o, "cameraUp"), l = w(o, "cameraDown"), u = w(o, "cameraLeft"), g = w(o, "cameraRight"), h = w(o, "cameraZoomIn"), f = w(o, "cameraZoomOut"), d = (L) => t("/camera/recallPreset", L);
-  if (c)
-    return {
-      state: c,
-      zoomIn: h,
-      zoomOut: f,
-      up: r,
-      down: l,
-      left: u,
-      right: g,
-      recallPreset: d
-    };
+  const t = `/device/${e}`, o = w(t, "up"), c = w(t, "down"), r = w(t, "left"), l = w(t, "right"), a = w(t, "select"), g = w(t, "menu"), h = w(t, "exit");
+  return { up: o, down: c, left: r, right: l, select: a, menu: g, exit: h };
 }
 function N6(e) {
-  const { sendMessage: t } = R();
+  const { sendMessage: t } = I();
   return { recallPreset: (c) => {
     t(
       `/device/${e}/recallPreset`,
@@ -1699,7 +1699,7 @@ function et(e) {
   return { dvrList: o, record: c };
 }
 function tt(e) {
-  const { sendMessage: t } = R(), o = _(e);
+  const { sendMessage: t } = I(), o = D(e);
   return o ? { roomCombinerState: o, setAutoMode: () => {
     t(`/device/${e}/setAutoMode`, null);
   }, setManualMode: () => {
@@ -1713,7 +1713,27 @@ function tt(e) {
   } } : void 0;
 }
 function nt(e) {
-  const { sendMessage: t } = R(), o = `/device/${e}`, c = _(e);
+  var a;
+  const { sendMessage: t } = I(), o = (a = D(e)) == null ? void 0 : a.cameraIsMuted;
+  return { cameraMuteOn: () => {
+    t(`/device/${e}/cameraMuteOn`, null);
+  }, cameraMuteOff: () => {
+    t(`/device/${e}/cameraMuteOff`, null);
+  }, cameraMuteToggle: () => {
+    t(`/device/${e}/cameraMuteToggle`, null);
+  }, cameraIsMuted: o };
+}
+function ot(e) {
+  var l;
+  const { sendMessage: t } = I(), o = (l = D(e)) == null ? void 0 : l.presets;
+  return { recallPreset: (a) => {
+    t(`/device/${e}/recallPreset`, a);
+  }, savePreset: (a) => {
+    t(`/device/${e}/savePreset`, a);
+  }, presets: o };
+}
+function st(e) {
+  const { sendMessage: t } = I(), o = `/device/${e}`, c = D(e);
   return c ? {
     state: c,
     selectCamera: (l) => {
@@ -1721,94 +1741,94 @@ function nt(e) {
     }
   } : void 0;
 }
-function ot(e) {
-  const t = _(e);
+function ct(e) {
+  const t = D(e);
   if (t)
     return { state: t };
 }
-function st(e) {
-  const { sendMessage: t, sendSimpleMessage: o } = R(), c = _(e), r = ne(e), l = c || r;
+function rt(e) {
+  const { sendMessage: t, sendSimpleMessage: o } = I(), c = D(e), r = ne(e), l = c || r;
   return l ? {
     levelState: l,
-    setLevel: (d, L) => o(`${d}/level`, L),
+    setLevel: (d, P) => o(`${d}/level`, P),
     muteToggle: (d) => t(`${d}/muteToggle`, null),
     muteOn: (d) => t(`${d}/muteOn`, null),
     muteOff: (d) => t(`${d}/muteOff`, null)
   } : void 0;
 }
-function ct(e) {
-  const { sendMessage: t } = R(), o = _(e);
+function lt(e) {
+  const { sendMessage: t } = I(), o = D(e);
   return o ? { lightingState: o, selectScene: (r) => {
     t(`/device/${e}/selectScene`, r);
   } } : void 0;
 }
-function rt(e) {
-  const { sendMessage: t } = R(), o = _(e);
+function it(e) {
+  const { sendMessage: t } = I(), o = D(e);
   return o ? { matrixRoutingState: o, setRoute: (r) => {
     t(`/device/${e}/route`, r);
   } } : void 0;
 }
-function lt(e) {
-  const { sendMessage: t } = R();
+function at(e) {
+  const { sendMessage: t } = I();
   return { closeApp: () => {
     t(`/device/${e}/closeWebViewController`, null);
   } };
 }
-function it(e) {
-  const t = `/device/${e}`, o = w(t, "num0"), c = w(t, "num1"), r = w(t, "num2"), l = w(t, "num3"), u = w(t, "num4"), g = w(t, "num5"), h = w(t, "num6"), f = w(t, "num7"), d = w(t, "num8"), L = w(t, "num9"), F = w(t, "numDash"), a = w(t, "numEnter");
+function ut(e) {
+  const t = `/device/${e}`, o = w(t, "num0"), c = w(t, "num1"), r = w(t, "num2"), l = w(t, "num3"), a = w(t, "num4"), g = w(t, "num5"), h = w(t, "num6"), f = w(t, "num7"), d = w(t, "num8"), P = w(t, "num9"), F = w(t, "numDash"), u = w(t, "numEnter");
   return {
     digit0: o,
     digit1: c,
     digit2: r,
     digit3: l,
-    digit4: u,
+    digit4: a,
     digit5: g,
     digit6: h,
     digit7: f,
     digit8: d,
-    digit9: L,
+    digit9: P,
     keypadAccessoryButton1: F,
-    keypadAccessoryButton2: a
+    keypadAccessoryButton2: u
   };
 }
-function at(e) {
-  const { sendMessage: t } = R(), o = _(e);
+function dt(e) {
+  const { sendMessage: t } = I(), o = D(e);
   return o ? { projectorScreenLiftControlState: o, raise: () => {
     t(`/device/${e}/raise`, null);
   }, lower: () => {
     t(`/device/${e}/lower`, null);
   } } : void 0;
 }
-function ut(e) {
-  const { sendMessage: t } = R(), o = j1(e);
+function vt(e) {
+  const { sendMessage: t } = I(), o = j1(e);
   return o ? { roomEventScheduleState: o, save: (r) => {
     t(`/room/${e}/saveScheduledEvents`, r);
   } } : void 0;
 }
-function dt(e) {
-  const { sendMessage: t } = R();
+function ht(e) {
+  const { sendMessage: t } = I();
   return { runDefaultPresentRoute: () => {
     t(`/room/${e}/defaultsource`, {});
   } };
 }
-function vt(e) {
-  const { sendMessage: t } = R();
+function gt(e) {
+  const { sendMessage: t } = I();
   return { runDirectRoute: (c) => {
     t(`/room/${e}/directRoute`, c);
   } };
 }
-function ht(e) {
-  const { sendMessage: t } = R();
-  return { routingState: _(e), runRoute: (r) => {
+function ft(e) {
+  const { sendMessage: t } = I();
+  return { routingState: D(e), runRoute: (r) => {
     t(`/room/${e}/source`, r);
   } };
 }
-function gt(e) {
+function wt(e) {
   const t = `/device/${e}`, o = w(t, "chanUp"), c = w(t, "chanDown");
   return { dvrList: o, replay: c };
 }
-function ft(e) {
-  const { sendMessage: t } = R(), o = _(e);
+function mt(e) {
+  const { sendMessage: t } = I(), o = D(e);
   return o ? { shadeState: o, shadeUp: () => {
     t(`/device/${e}/shadeUp`, null);
   }, shadeDown: () => {
@@ -1817,8 +1837,8 @@ function ft(e) {
     t(`/device/${e}/stopOrPreset`, null);
   } } : void 0;
 }
-function wt(e) {
-  const { sendMessage: t } = R(), o = j1(e);
+function pt(e) {
+  const { sendMessage: t } = I(), o = j1(e);
   return o ? { shutdownPromptTimerState: o, setShutdownPromptSeconds: (g) => {
     t(`/room/${e}/setShutdownPromptSeconds`, g);
   }, shutdownStart: () => {
@@ -1829,28 +1849,28 @@ function wt(e) {
     t(`/room/${e}/shutdownCancel`, null);
   } } : void 0;
 }
-function mt(e) {
-  const { sendMessage: t } = R(), o = _(e);
+function Mt(e) {
+  const { sendMessage: t } = I(), o = D(e);
   return o ? { switchedOutputState: o, on: () => {
     t(`/device/${e}/on`, null);
   }, off: () => {
     t(`/device/${e}/off`, null);
   } } : void 0;
 }
-function pt(e) {
-  const { sendMessage: t } = R(), o = j1(e);
+function xt(e) {
+  const { sendMessage: t } = I(), o = j1(e);
   return o ? { techPasswordState: o, validatePassword: (l) => {
     t(`/room/${e}/validateTechPassword`, { password: l });
-  }, setPassword: (l, u) => {
-    t(`/room/${e}/setTechPassword`, { oldPassword: l, newPassword: u });
+  }, setPassword: (l, a) => {
+    t(`/room/${e}/setTechPassword`, { oldPassword: l, newPassword: a });
   } } : void 0;
 }
-function Mt(e) {
-  const { sendMessage: t } = R(), o = _(e);
+function Zt(e) {
+  const { sendMessage: t } = I(), o = D(e);
   return o ? { state: o, setTemperatureUnitsToCelcius: () => t(`${e}/setTemperatureUnitsToCelcius`, null), setTemperatureUnitsToFahrenheit: () => t(`${e}/setTemperatureUnitsToFahrenheit`, null) } : void 0;
 }
-function xt(e) {
-  const { sendMessage: t } = R(), o = _(e), c = (r) => {
+function St(e) {
+  const { sendMessage: t } = I(), o = D(e), c = (r) => {
     t(`/device/${e}/saveTheme`, { value: r });
   };
   return {
@@ -1858,21 +1878,21 @@ function xt(e) {
     saveTheme: c
   };
 }
-function Zt(e) {
-  const t = `/device/${e}`, o = w(t, "play"), c = w(t, "pause"), r = w(t, "stop"), l = w(t, "prevTrack"), u = w(t, "nextTrack"), g = w(t, "rewind"), h = w(t, "ffwd"), f = w(t, "record");
+function jt(e) {
+  const t = `/device/${e}`, o = w(t, "play"), c = w(t, "pause"), r = w(t, "stop"), l = w(t, "prevTrack"), a = w(t, "nextTrack"), g = w(t, "rewind"), h = w(t, "ffwd"), f = w(t, "record");
   return {
     play: o,
     pause: c,
     stop: r,
     prevTrack: l,
-    nextTrack: u,
+    nextTrack: a,
     rewind: g,
     fastForward: h,
     record: f
   };
 }
-function St(e) {
-  const t = _(e), { sendMessage: o } = R();
+function Ct(e) {
+  const t = D(e), { sendMessage: o } = I();
   return t ? {
     touchpanelState: t,
     appControl: { hideApp: () => {
@@ -1887,8 +1907,8 @@ function St(e) {
     } }
   } : void 0;
 }
-function jt(e) {
-  const t = _(e), o = V3(e), c = B1(e);
+function bt(e) {
+  const t = D(e), o = V3(e), c = k1(e);
   if (!t) return;
   const r = (t.powerState || t.isWarming) && !t.isCooling, l = (!t.powerState || t.isCooling) && !t.isWarming;
   return {
@@ -1898,15 +1918,15 @@ function jt(e) {
     powerFb: { powerOnFb: r, powerOffFb: l }
   };
 }
-function Ct(e) {
+function yt(e) {
   const t = `/device/${e}`;
   return C1(t);
 }
-const bt = ({
+const It = ({
   config: e
 }, t = !0) => {
-  const { sendMessage: o } = R(), c = d1(!1), r = n1(() => {
-    var u, g, h, f;
+  const { sendMessage: o } = I(), c = d1(!1), r = n1(() => {
+    var a, g, h, f;
     if (!e)
       return;
     const l = /* @__PURE__ */ new Set();
@@ -1914,7 +1934,7 @@ const bt = ({
       l.add(d);
     }), e.destinationList && Object.values(e.destinationList).forEach((d) => {
       l.add(d.sinkKey);
-    }), e.audioControlPointList && Object.values((u = e.audioControlPointList) == null ? void 0 : u.levelControls).forEach(
+    }), e.audioControlPointList && Object.values((a = e.audioControlPointList) == null ? void 0 : a.levelControls).forEach(
       (d) => {
         d.itemKey ? l.add(d.parentDeviceKey + "--" + d.itemKey) : l.add(d.parentDeviceKey);
       }
@@ -1937,30 +1957,30 @@ const bt = ({
     }), c.current = !0);
   }, [r, t, o]), r;
 };
-function yt(e, t) {
+function Rt(e, t) {
   const [o, c] = Y(!1), [r, l] = Y(!1);
   return Z3(() => {
-    const { current: u } = e, g = () => {
-      const h = u && u.scrollHeight > u.clientHeight, f = u && u.scrollWidth > u.clientWidth;
+    const { current: a } = e, g = () => {
+      const h = a && a.scrollHeight > a.clientHeight, f = a && a.scrollWidth > a.clientWidth;
       l(h ?? !1), c(f ?? !1), t && t(h ?? !1, f ?? !1);
     };
-    u && g();
+    a && g();
   }, [e, t]), { overflowHorizontal: o, overflowVertical: r };
 }
-function It(e, t) {
+function Et(e, t) {
   const o = `/room/${e}/volumes/${t}`;
   return C1(o);
 }
-function Rt(e, t) {
+function Tt(e, t) {
   const o = te(e, t), c = `/room/${e}/volumes/${t}`;
   return W3(c, o);
 }
-function Et(e) {
+function Dt(e) {
   var g, h;
   const [t, o] = Y(((g = e == null ? void 0 : e.current) == null ? void 0 : g.scrollLeft) ?? 0), [c, r] = Y(((h = e == null ? void 0 : e.current) == null ? void 0 : h.scrollTop) ?? 0), l = (f) => {
     const { current: d } = e;
     d && (console.log(d.scrollLeft), d.scrollLeft += f, console.log(d.scrollLeft));
-  }, u = (f) => {
+  }, a = (f) => {
     const { current: d } = e;
     d && (console.log(d.scrollTop), d.scrollTop += f, console.log(d.scrollTop));
   };
@@ -1969,9 +1989,9 @@ function Et(e) {
       o((f == null ? void 0 : f.scrollLeft) ?? 0), r((f == null ? void 0 : f.scrollTop) ?? 0);
     };
     f && d();
-  }, [e]), { horizontalScrollPosition: t, verticalScrollPosition: c, scrollHorizontal: l, scrollVertical: u };
+  }, [e]), { horizontalScrollPosition: t, verticalScrollPosition: c, scrollHorizontal: l, scrollVertical: a };
 }
-function Tt(e) {
+function _t(e) {
   const t = W1();
   return [() => {
     t(W.addSyncState(e));
@@ -1979,8 +1999,8 @@ function Tt(e) {
     t(W.removeSyncState(e));
   }, Ze(e)];
 }
-function Dt() {
-  const { sendMessage: e } = R();
+function Pt() {
+  const { sendMessage: e } = I();
   return {
     reboot: () => {
       e("/system/reboot", null);
@@ -1990,7 +2010,7 @@ function Dt() {
     }
   };
 }
-function _t() {
+function $t() {
   const [e, t] = Y(), [o, c] = Y();
   function r() {
     t((/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { dateStyle: "long" }));
@@ -2028,7 +2048,7 @@ const Lt = () => {
     ),
     e && /* @__PURE__ */ n.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
@@ -2039,22 +2059,22 @@ const Lt = () => {
   className: c,
   iconClassName: r = "",
   otherContentClassName: l = "",
-  disabled: u,
+  disabled: a,
   feedback: g,
   feedbackClassName: h,
   onPointerDown: f,
   onPointerUp: d,
-  onPointerLeave: L,
+  onPointerLeave: P,
   ...F
 }) => {
-  const [a, Z] = Y(!1), j = !u && g ? h : "", S = !u && (a || g);
+  const [u, Z] = Y(!1), j = !a && g ? h : "", S = !a && (u || g);
   return /* @__PURE__ */ n.jsxs(
     "button",
     {
       type: "button",
-      className: `${$1.iconbtn} ${o ? $1.iconbtnvert : ""} ${c} ${j}`,
+      className: `${L1.iconbtn} ${o ? L1.iconbtnvert : ""} ${c} ${j}`,
       ...F,
-      disabled: u,
+      disabled: a,
       onPointerDown: (C) => {
         Z(!0), f == null || f(C);
       },
@@ -2062,22 +2082,22 @@ const Lt = () => {
         Z(!1), d == null || d(C);
       },
       onPointerLeave: (C) => {
-        Z(!1), L == null || L(C);
+        Z(!1), P == null || P(C);
       },
       children: [
         e && /* @__PURE__ */ n.jsx(
           e,
           {
-            className: `${r || $1.iconsm}`,
+            className: `${r || L1.iconsm}`,
             active: S,
-            disabled: u
+            disabled: a
           }
         ),
         l ? /* @__PURE__ */ n.jsx("div", { className: l, children: t }) : /* @__PURE__ */ n.jsx("div", { children: t })
       ]
     }
   );
-}, I = ({
+}, R = ({
   ActiveImage: e,
   DisabledImage: t,
   EnabledImage: o,
@@ -2088,7 +2108,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: /* @__PURE__ */ n.jsx(
       "svg",
@@ -2140,7 +2160,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-ban-active.svg */
@@ -2189,7 +2209,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: /* @__PURE__ */ n.jsx(
       "svg",
@@ -2229,7 +2249,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-check-active.svg */
@@ -2279,7 +2299,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-controller-active.svg */
@@ -2346,7 +2366,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-down-active.svg */
@@ -2395,7 +2415,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-elipses-active.svg */
@@ -2444,7 +2464,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-flag-active.svg */
@@ -2493,7 +2513,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* /Users/hvolmer/Downloads/SVG/icon-gear-active.svg */
@@ -2542,7 +2562,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-glass-active.svg */
@@ -2592,7 +2612,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-hdmi-active.svg */
@@ -2659,7 +2679,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-laptop-active.svg */
@@ -2708,7 +2728,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-left-active.svg */
@@ -2757,7 +2777,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-light-active.svg */
@@ -2806,7 +2826,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-moon-active.svg */
@@ -2855,7 +2875,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-playstation-active.svg */
@@ -2877,7 +2897,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-podium-active.svg */
@@ -2926,7 +2946,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-power-active.svg */
@@ -2975,7 +2995,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-privacy-active.svg */
@@ -3024,7 +3044,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-question-active.svg */
@@ -3073,7 +3093,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-right-active.svg */
@@ -3123,7 +3143,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-roomPC-active.svg */
@@ -3190,7 +3210,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-shade-active.svg */
@@ -3239,7 +3259,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-sun-active.svg */
@@ -3283,14 +3303,14 @@ const Lt = () => {
     active: e,
     disabled: o
   }
-), Pt = ({
+), At = ({
   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: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: void 0,
     DisabledImage: void 0,
@@ -3303,7 +3323,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-up-active.svg */
@@ -3352,7 +3372,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-volDown-active.svg */
@@ -3401,7 +3421,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-volMute-active.svg */
@@ -3450,7 +3470,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-volUp-active.svg */
@@ -3499,7 +3519,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-wireless-active.svg */
@@ -3548,7 +3568,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-x-active.svg */
@@ -3597,7 +3617,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-xbox-active.svg */
@@ -3646,7 +3666,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  I,
+  R,
   {
     ActiveImage: (
       /* icon-mic-active.svg */
@@ -3724,7 +3744,7 @@ const Lt = () => {
   X: E8,
   Xbox: T8
 };
-function $t({
+function Ot({
   name: e,
   iconsDictionary: t = _8,
   ...o
@@ -3732,20 +3752,20 @@ function $t({
   const c = t[e] ?? null;
   return c || console.error(`Icon ${e} not found in dictionary`), /* @__PURE__ */ n.jsx(Ne, { multiIcon: c, ...o });
 }
-const L8 = "_grid_1cmpp_1", P8 = "_header_1cmpp_11", $8 = "_content_1cmpp_17", A8 = "_footer_1cmpp_23", k8 = "_volume_1cmpp_29", u1 = {
-  grid: L8,
-  header: P8,
-  content: $8,
+const P8 = "_grid_1cmpp_1", $8 = "_header_1cmpp_11", L8 = "_content_1cmpp_17", A8 = "_footer_1cmpp_23", O8 = "_volume_1cmpp_29", u1 = {
+  grid: P8,
+  header: $8,
+  content: L8,
   footer: A8,
-  volume: k8
-}, At = ({ header: e, footer: t, content: o, volume: c, showVolume: r }) => /* @__PURE__ */ n.jsxs("div", { className: u1.grid, children: [
+  volume: O8
+}, Bt = ({ header: e, footer: t, content: o, volume: c, showVolume: r }) => /* @__PURE__ */ n.jsxs("div", { className: u1.grid, children: [
   /* @__PURE__ */ n.jsx("div", { className: u1.header, children: e }),
   /* @__PURE__ */ n.jsx("div", { className: u1.content, children: o }),
   r && /* @__PURE__ */ n.jsx("div", { className: u1.volume, children: c }),
   /* @__PURE__ */ n.jsx("div", { className: u1.footer, children: t })
-] }), O8 = "_grid_11w5q_1", B8 = "_header_11w5q_11", W8 = "_content_11w5q_17", x1 = {
-  grid: O8,
-  header: B8,
+] }), B8 = "_grid_11w5q_1", k8 = "_header_11w5q_11", W8 = "_content_11w5q_17", x1 = {
+  grid: B8,
+  header: k8,
   content: W8
 }, kt = ({ className: e, header: t, content: o, leftNav: c }) => /* @__PURE__ */ n.jsxs("div", { className: `${e} ${x1.grid}`, children: [
   /* @__PURE__ */ n.jsx("div", { className: x1.header, children: t }),
@@ -3755,31 +3775,31 @@ const L8 = "_grid_1cmpp_1", P8 = "_header_1cmpp_11", $8 = "_content_1cmpp_17", A
   grid: V8,
   header: U8,
   content: F8
-}, Ot = ({ className: e, header: t, content: o }) => /* @__PURE__ */ n.jsxs("div", { className: `${e} ${A1.grid}`, children: [
+}, Wt = ({ className: e, header: t, content: o }) => /* @__PURE__ */ n.jsxs("div", { className: `${e} ${A1.grid}`, children: [
   /* @__PURE__ */ n.jsx("div", { className: A1.header, children: t }),
   /* @__PURE__ */ n.jsx("div", { className: A1.content, children: o })
 ] });
-class Bt {
+class Vt {
   constructor() {
     q(this, "currentShareText");
     q(this, "enabled");
     q(this, "isSharing");
   }
 }
-function Wt() {
+function Ut() {
   return console.log(location.pathname), location.pathname;
 }
 var H8 = /* @__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))(H8 || {});
-class Vt {
+class Ft {
   constructor(t, o) {
     q(this, "path");
     q(this, "handler");
     this.path = t, this.handler = o;
   }
 }
-const Ut = "$off";
+const Ht = "$off";
 export {
-  H6 as Clock,
+  K6 as Clock,
   H8 as DaysOfWeek,
   Lt as ErrorBox,
   Ne as IconButton,
@@ -3808,7 +3828,7 @@ export {
   Z8 as IconMultiRoomPC,
   S8 as IconMultiShade,
   j8 as IconMultiSun,
-  Pt as IconMultiTemplate,
+  At as IconMultiTemplate,
   C8 as IconMultiUpArrow,
   b8 as IconMultiVolDown,
   y8 as IconMultiVolMute,
@@ -3816,28 +3836,28 @@ export {
   R8 as IconMultiWireless,
   E8 as IconMultiX,
   T8 as IconMultiXbox,
-  At as MainLayout,
-  Vt as MessageHandler,
+  Bt as MainLayout,
+  Ft as MessageHandler,
   W6 as MobileControlProvider,
-  I as MultiStateIconContainer,
-  $t as NamedIconButton,
-  Bt as ShareState,
+  R as MultiStateIconContainer,
+  Ot as NamedIconButton,
+  Vt as ShareState,
   kt as TechLayout,
-  Ot as TechPinLayout,
-  $3 as WS_ADD_EVENT_HANDLER,
+  Wt as TechPinLayout,
+  L3 as WS_ADD_EVENT_HANDLER,
   _3 as WS_CONNECT,
-  L3 as WS_DISCONNECT,
-  k3 as WS_RECONNECT,
+  P3 as WS_DISCONNECT,
+  O3 as WS_RECONNECT,
   A3 as WS_REMOVE_EVENT_HANDLER,
-  P3 as WS_SEND_MESSAGE,
-  B3 as WebsocketContext,
+  $3 as WS_SEND_MESSAGE,
+  k3 as WebsocketContext,
   T3 as appConfigActions,
-  ke as createWebSocketMiddleware,
+  Oe as createWebSocketMiddleware,
   m1 as devicesActions,
-  Wt as getBaseLocation,
+  Ut as getBaseLocation,
   f3 as httpClient,
   _8 as iconsDictionary,
-  Ut as roomOffSourceKey,
+  Ht as roomOffSourceKey,
   p1 as roomsActions,
   U as runtimeConfigActions,
   C3 as selectAllDevices,
@@ -3845,7 +3865,7 @@ export {
   E2 as selectAppConfig,
   ce as selectClientId,
   he as selectCurrentPopoverIdForGroup,
-  L2 as selectDeviceByKey,
+  P2 as selectDeviceByKey,
   b3 as selectDeviceInterfaceSupport,
   ve as selectDeviceSupportsInterface,
   fe as selectError,
@@ -3859,7 +3879,7 @@ export {
   V2 as selectRoomAudioControlPointList,
   A2 as selectRoomByKey,
   q2 as selectRoomCodecContentDestinationKey,
-  P2 as selectRoomConfiguration,
+  $2 as selectRoomConfiguration,
   F2 as selectRoomDestinationList,
   U2 as selectRoomDestinations,
   ee as selectRoomDisplayStates,
@@ -3869,13 +3889,13 @@ export {
   J2 as selectRoomIsOn,
   Y2 as selectRoomIsWarmingUp,
   se as selectRoomKey,
-  B2 as selectRoomLevelControls,
-  k2 as selectRoomName,
+  k2 as selectRoomLevelControls,
+  O2 as selectRoomName,
   K2 as selectRoomProgramAudioDestinationKey,
   Q2 as selectRoomShareState,
   W2 as selectRoomSourceList,
-  O2 as selectRoomVolume,
-  $2 as selectRooms,
+  B2 as selectRoomVolume,
+  L2 as selectRooms,
   ae as selectRuntimeInfo,
   ie as selectServerIsRunningOnProcessorHardware,
   ge as selectShowPopoverById,
@@ -3886,7 +3906,7 @@ export {
   le as selectUserCode,
   oe as selectWsIsConnected,
   N2 as selectZoomRoomControllerKey,
-  Be as store,
+  ke as store,
   W as uiActions,
   je as uiReducer,
   Q8 as useApiPath,
@@ -3895,20 +3915,20 @@ export {
   m as useAppSelector,
   F6 as useAvrControl,
   w as useButtonHeldHeartbeat,
-  Q6 as useCameraBase,
+  H6 as useCameraBase,
   S6 as useClientId,
-  Ct as useDeviceIBasicVolume,
+  yt as useDeviceIBasicVolume,
   Ye as useDeviceIBasicVolumeWithFeedback,
   E6 as useDeviceInterfaceSupport,
-  K6 as useDevicePresetsModel,
+  q6 as useDevicePresetsModel,
   D6 as useDeviceSupportsInterface,
-  q6 as useEndpoint,
+  G6 as useEndpoint,
   Me as useError,
-  bt as useGetAllDeviceStateFromRoomConfiguration,
+  It as useGetAllDeviceStateFromRoomConfiguration,
   t6 as useGetAllDevices,
   o6 as useGetAllRooms,
-  $6 as useGetCurrentPopoverIdForGroup,
-  _ as useGetDevice,
+  L6 as useGetCurrentPopoverIdForGroup,
+  D as useGetDevice,
   V6 as useGetIBasicVolume,
   U6 as useGetIBasicVolumeWithFeedback,
   s6 as useGetRoom,
@@ -3916,43 +3936,45 @@ export {
   x6 as useGetZoomRoomControllerKey,
   C1 as useIBasicVolume,
   W3 as useIBasicVolumeWithFeedback,
-  G6 as useIChannel,
-  Y6 as useIColor,
-  z6 as useICommunicationMonitor,
-  X6 as useIDPad,
-  J6 as useIDeviceInfoMessenger,
+  Y6 as useIChannel,
+  z6 as useIColor,
+  J6 as useICommunicationMonitor,
+  Q6 as useIDPad,
+  X6 as useIDeviceInfoMessenger,
   N6 as useIDspPresets,
   et as useIDvr,
   tt as useIEssentialsRoomCombiner,
-  nt as useIHasCameras,
+  nt as useIHasCameraMute,
+  ot as useIHasCameraPresets,
+  st as useIHasCameras,
   V3 as useIHasPowerControl,
-  B1 as useIHasSelectableItems,
-  ot as useIHumiditySensor,
-  st as useILevelControls,
-  ct as useILightingScenes,
-  rt as useIMatrixRouting,
-  lt as useIMcCiscoCodecUserInterfaceAppControl,
-  it as useINumeric,
-  at as useIProjectorScreenLiftControl,
-  ut as useIRoomEventSchedule,
-  dt as useIRunDefaultPresentRoute,
-  vt as useIRunDirectRouteAction,
-  ht as useIRunRouteAction,
-  gt as useISetTopBoxControls,
-  ft as useIShadesOpenCloseStop,
-  wt as useIShutdownPromptTimer,
-  mt as useISwitchedOutput,
-  pt as useITechPassword,
-  Mt as useITemperatureSensor,
-  xt as useITheme,
-  Zt as useITransport,
-  B6 as useInitialize,
+  k1 as useIHasSelectableItems,
+  ct as useIHumiditySensor,
+  rt as useILevelControls,
+  lt as useILightingScenes,
+  it as useIMatrixRouting,
+  at as useIMcCiscoCodecUserInterfaceAppControl,
+  ut as useINumeric,
+  dt as useIProjectorScreenLiftControl,
+  vt as useIRoomEventSchedule,
+  ht as useIRunDefaultPresentRoute,
+  gt as useIRunDirectRouteAction,
+  ft as useIRunRouteAction,
+  wt as useISetTopBoxControls,
+  mt as useIShadesOpenCloseStop,
+  pt as useIShutdownPromptTimer,
+  Mt as useISwitchedOutput,
+  xt as useITechPassword,
+  Zt as useITemperatureSensor,
+  St as useITheme,
+  jt as useITransport,
+  k6 as useInitialize,
   T6 as useInterfacesForDevice,
   Ze as useIsSyncStateValuePresent,
   R6 as useIsTouchpanel,
   N8 as useLogoPath,
-  St as useMobileControlTouchpanelController,
-  yt as useOverflow,
+  Ct as useMobileControlTouchpanelController,
+  Rt as useOverflow,
   e6 as usePartnerMetadata,
   Ge as usePressHoldRelease,
   m6 as useRoomAdvancedSharingActive,
@@ -3962,8 +3984,8 @@ export {
   a6 as useRoomDestinationList,
   i6 as useRoomDestinations,
   u6 as useRoomEnvironmentalDevices,
-  It as useRoomIBasicVolume,
-  Rt as useRoomIBasicVolumeWithFeedback,
+  Et as useRoomIBasicVolume,
+  Tt as useRoomIBasicVolumeWithFeedback,
   h6 as useRoomInCall,
   f6 as useRoomIsCoolingDown,
   w6 as useRoomIsOn,
@@ -3977,27 +3999,27 @@ export {
   j1 as useRoomState,
   te as useRoomVolume,
   y6 as useRuntimeInfo,
-  Et as useScroll,
+  Dt as useScroll,
   b6 as useServerIsRunningOnProcessorHardware,
-  L6 as useShowIncomingCallModal,
-  P6 as useShowModal,
+  P6 as useShowIncomingCallModal,
+  $6 as useShowModal,
   A6 as useShowPopoverById,
   xe as useShowReconnect,
   _6 as useShowShutdownModal,
-  Tt as useStateIsSynced,
-  Dt as useSystemControl,
+  _t as useStateIsSynced,
+  Pt as useSystemControl,
   j6 as useSystemUuid,
-  k6 as useTheme,
-  _t as useTimeAndDate,
+  O6 as useTheme,
+  $t as useTimeAndDate,
   I6 as useTouchpanelKey,
-  jt as useTwoWayDisplayBase,
+  bt as useTwoWayDisplayBase,
   C6 as useUserCode,
-  R as useWebsocketContext,
+  I as useWebsocketContext,
   I3 as useWsIsConnected,
-  Pe as wsAddEventHandler,
-  O3 as wsConnect,
-  O6 as wsDisconnect,
+  $e as wsAddEventHandler,
+  B3 as wsConnect,
+  B6 as wsDisconnect,
   Ae as wsReconnect,
-  $e as wsRemoveEventHandler,
-  Le as wsSendMessage
+  Le as wsRemoveEventHandler,
+  Pe as wsSendMessage
 };