npm - @pepperdash/mobile-control-react-app-core - Versions diffs - 1.24.0-feat-essentials-v3.3 → 1.24.0 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (19) hide show

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

@@ -3,130 +3,130 @@ var m2 = (e, t, o) => t in e ? w2(e, t, { enumerable: !0, configurable: !0, writ
 var q = (e, t, o) => m2(e, typeof t != "symbol" ? t + "" : t, o);
 import M3, { AxiosError as p2 } from "axios";
 import { useDispatch as M2, useSelector as x2, Provider as Z2 } from "react-redux";
-import { createSelector as M, createSlice as v1, combineReducers as S2, configureStore as j2 } from "@reduxjs/toolkit";
-import x3, { createContext as C2, useEffect as Z1, useCallback as l1, useContext as b2, useRef as d1, useMemo as n1, useState as Y, useLayoutEffect as Z3 } from "react";
+import { createSelector as M, createSlice as d1, combineReducers as S2, configureStore as j2 } from "@reduxjs/toolkit";
+import x3, { createContext as C2, useEffect as x1, useCallback as r1, useContext as b2, useRef as u1, useMemo as n1, useState as Y, useLayoutEffect as Z3 } from "react";
 import { useNavigate as y2, useRouteError as I2, isRouteErrorResponse as R2 } from "react-router-dom";
 import * as S3 from "lodash";
-const W1 = M2.withTypes(), m = x2.withTypes(), S1 = (e) => e.appConfig, E2 = M(
-  S1,
+const W1 = M2.withTypes(), m = x2.withTypes(), Z1 = (e) => e.appConfig, E2 = M(
+  Z1,
   (e) => e.config
 ), T2 = M(
-  S1,
+  Z1,
   (e) => e.config.apiPath
 ), D2 = M(
-  S1,
+  Z1,
   (e) => e.config.logoPath
 ), _2 = M(
-  S1,
+  Z1,
   (e) => e.config.partnerMetadata
 ), X8 = () => m(E2), Q8 = () => m(T2), N8 = () => m(D2), e6 = () => m(_2), j3 = (e) => e.devices, C3 = M(
   j3,
   (e) => e
-), P2 = (e) => M(
+), L2 = (e) => M(
   j3,
   (t) => t[e] ? t[e] : void 0
 ), t6 = () => m(C3);
-function D(e) {
-  return m(P2(e));
+function _(e) {
+  return m(L2(e));
 }
-const A = (e) => e.rooms, $2 = (e) => M(
-  A,
+const $ = (e) => e.rooms, P2 = (e) => M(
+  $,
   (t) => t[e] ? t[e].configuration : void 0
-), L2 = M(
-  A,
+), A2 = M(
+  $,
   (e) => e
-), A2 = (e) => M(
-  A,
+), $2 = (e) => M(
+  $,
   (t) => t[e] ? t[e] : void 0
-), O2 = (e) => M(
-  A,
+), k2 = (e) => M(
+  $,
   (t) => t[e] ? t[e].name : void 0
 ), B2 = (e, t) => M(
-  A,
+  $,
   (o) => o[e] ? o[e].volumes[t] : void 0
-), k2 = (e) => M(
-  A,
+), O2 = (e) => M(
+  $,
   (t) => t[e] ? t[e] : void 0
 ), W2 = (e) => M(
-  A,
+  $,
   (t) => {
     var o, c;
     return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.sourceList : void 0;
   }
 ), V2 = (e) => M(
-  A,
+  $,
   (t) => {
     var o, c;
     return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.audioControlPointList : void 0;
   }
 ), U2 = (e) => M(
-  A,
+  $,
   (t) => {
     var o, c;
     return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.destinations : void 0;
   }
 ), F2 = (e) => M(
-  A,
+  $,
   (t) => {
     var o, c;
     return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.destinationList : void 0;
   }
 ), H2 = (e) => M(
-  A,
+  $,
   (t) => {
     var o, c;
     return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.environmentalDevices : void 0;
   }
 ), K2 = (e) => M(
-  A,
+  $,
   (t) => {
-    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) || "";
+    var o, c, r, l, v, g, h, f;
+    return (c = (o = t[e]) == null ? void 0 : o.configuration) != null && c.destinationList.programAudio ? (v = (l = (r = t[e]) == null ? void 0 : r.configuration) == null ? void 0 : l.destinationList.programAudio) == null ? void 0 : v.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,
+  $,
   (t) => {
     var o, c, r;
     return t[e] ? (r = (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.destinationList.codecContent) == null ? void 0 : r.sinkKey : void 0;
   }
 ), G2 = (e) => M(
-  A,
+  $,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isInCall : void 0;
   }
 ), Y2 = (e) => M(
-  A,
+  $,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isWarmingUp : void 0;
   }
 ), z2 = (e) => M(
-  A,
+  $,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isCoolingDown : void 0;
   }
 ), J2 = (e) => M(
-  A,
+  $,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.isOn : void 0;
   }
 ), X2 = (e) => M(
-  A,
+  $,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.advancedSharingActive : void 0;
   }
 ), Q2 = (e) => M(
-  A,
+  $,
   (t) => {
     var o;
     return t[e] ? (o = t[e]) == null ? void 0 : o.share : void 0;
   }
 ), N2 = (e) => M(
-  A,
+  $,
   (t) => {
     var o, c;
     return t[e] ? (c = (o = t[e]) == null ? void 0 : o.configuration) == null ? void 0 : c.zoomRoomControllerKey : void 0;
@@ -148,20 +148,20 @@ const A = (e) => e.rooms, $2 = (e) => M(
 );
 function n6(e) {
   return m(
-    $2(e)
+    P2(e)
   );
 }
 function o6() {
-  return m(L2);
+  return m(A2);
 }
-function j1(e) {
-  return m(A2(e));
+function S1(e) {
+  return m($2(e));
 }
-const s6 = j1, c6 = (e) => m(
-  O2(e)
+const s6 = S1, c6 = (e) => m(
+  k2(e)
 ), te = (e, t) => 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(
+), ne = (e) => m(O2(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")), 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 = {
+), 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)), A6 = (e) => m(he(e)), $6 = (e, t) => m(ge(e, t)), Me = () => m(fe), xe = () => m(we), k6 = () => m(me), Ze = (e) => m(pe(e)), Se = {
   showReconnect: !1,
   error: "",
   modalVisibility: {
@@ -225,7 +225,7 @@ const s6 = j1, c6 = (e) => m(
   },
   popoverVisibility: {},
   syncState: []
-}, R3 = v1({
+}, R3 = d1({
   name: "ui",
   initialState: Se,
   reducers: {
@@ -271,7 +271,7 @@ const s6 = j1, c6 = (e) => m(
       e.syncState = [];
     }
   }
-}), W = R3.actions, je = R3.reducer, Ce = {
+}), O = R3.actions, je = R3.reducer, Ce = {
   config: {
     enableDev: !1,
     apiPath: "",
@@ -281,7 +281,7 @@ const s6 = j1, c6 = (e) => m(
     loginMode: "",
     modes: {}
   }
-}, E3 = v1({
+}, E3 = d1({
   name: "appConfig",
   initialState: Ce,
   reducers: {
@@ -289,14 +289,14 @@ const s6 = j1, c6 = (e) => m(
       e.config = t.payload;
     }
   }
-}), T3 = E3.actions, be = E3.reducer, v3 = {}, O1 = v1({
+}), T3 = E3.actions, be = E3.reducer, v3 = {}, k1 = d1({
   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] ?? {}, a = S3.mergeWith(
+      const r = t.payload.content, l = e[c] ?? {}, v = S3.mergeWith(
         {},
         l,
         r,
@@ -304,16 +304,16 @@ const s6 = j1, c6 = (e) => m(
           if (Array.isArray(h)) return h.slice();
         }
       );
-      e[c] = a;
+      e[c] = v;
     },
     clearDevices() {
       return v3;
     }
   }
-}), m1 = {
-  setDeviceState: O1.actions.setDeviceState,
-  clearDevices: O1.actions.clearDevices
-}, ye = O1.reducer;
+}), w1 = {
+  setDeviceState: k1.actions.setDeviceState,
+  clearDevices: k1.actions.clearDevices
+}, ye = k1.reducer;
 class Ie {
   constructor() {
     q(this, "uuid", "current-uuid");
@@ -329,23 +329,23 @@ function Re(e) {
 function Ee(e, t) {
   sessionStorage.setItem(e, t);
 }
-const g3 = {}, B1 = v1({
+const g3 = {}, B1 = d1({
   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] ?? {}, a = S3.mergeWith({}, l, r, (g, h) => {
+      const r = t.payload.content, l = e[c] ?? {}, v = S3.mergeWith({}, l, r, (g, h) => {
         if (Array.isArray(h)) return h;
       });
-      e[c] = a;
+      e[c] = v;
     },
     clearRooms() {
       return g3;
     }
   }
-}), p1 = {
+}), m1 = {
   setRoomState: B1.actions.setRoomState,
   clearRooms: B1.actions.clearRooms
 }, Te = B1.reducer, De = {
@@ -379,7 +379,7 @@ const g3 = {}, B1 = v1({
     userCode: "",
     qrUrl: ""
   }
-}, D3 = v1({
+}, D3 = d1({
   name: "runtimeConfig",
   initialState: De,
   reducers: {
@@ -414,96 +414,83 @@ const g3 = {}, B1 = v1({
       e.touchpanelKey = t.payload;
     }
   }
-}), 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,
+}), U = D3.actions, _e = D3.reducer, P1 = M3.create(), _3 = "websocket/connect", L3 = "websocket/disconnect", P3 = "websocket/sendMessage", A3 = "websocket/addEventHandler", $3 = "websocket/removeEventHandler", k3 = "websocket/reconnect", B3 = () => ({ type: _3 }), B6 = () => ({ type: L3 }), Le = (e, t) => ({
+  type: P3,
   payload: { messageType: e, content: t }
-}), $e = (e, t, o) => ({
-  type: L3,
-  payload: { eventType: e, key: t, callback: o }
-}), Le = (e, t) => ({
+}), Pe = (e, t, o) => ({
   type: A3,
+  payload: { eventType: e, key: t, callback: o }
+}), Ae = (e, t) => ({
+  type: $3,
   payload: { eventType: e, key: t }
-}), Ae = () => ({ type: O3 }), Oe = () => {
+}), $e = () => ({ type: k3 }), ke = () => {
   const e = {
     client: null,
     token: null,
     waitingToReconnect: !1,
     reconnectTimer: null,
     eventHandlers: {}
-  }, t = async (u) => {
+  }, t = async (a) => {
     try {
-      const Z = location.pathname.split("/").filter((C) => C.length > 0);
+      const Z = location.pathname.split("/").filter((b) => b.length > 0);
       Z.length >= 5 ? Z.length = 5 : Z.length = 2;
-      const j = `/${Z.join("/")}`, S = await $1.get(
+      const C = `/${Z.join("/")}`, S = await P1.get(
         "/_local-config/_config.local.json",
-        { baseURL: j }
+        { baseURL: C }
       );
       if (S.status === 200 && S.data) {
-        const C = S.data.apiPath;
-        u(T3.setAppConfig(S.data));
-        const x = await $1.get(
-          `${C}/version`
+        const b = S.data.apiPath;
+        a(T3.setAppConfig(S.data));
+        const x = await P1.get(
+          `${b}/version`
         );
-        x.status === 200 && x.data && u(U.setRuntimeConfig(x.data));
+        x.status === 200 && x.data && a(U.setRuntimeConfig(x.data));
       }
     } catch (Z) {
       console.error("Error getting config", Z);
     }
     return !0;
-  }, o = async (u, Z, j) => {
+  }, o = async (a, Z, C) => {
     try {
-      const S = await $1.get(
-        `${u}/ui/joinroom?token=${Z}`
+      const S = await P1.get(
+        `${a}/ui/joinroom?token=${Z}`
       );
-      return S.status === 200 && S.data ? (j(U.setRoomData(S.data)), S.data) : null;
+      return S.status === 200 && S.data ? (C(U.setRoomData(S.data)), S.data) : null;
     } catch (S) {
-      return console.log(S), S instanceof p2 && S.response && S.response.status === 498 ? (console.error("Invalid token. Unable to join room"), j(
-        W.setErrorMessage(
+      return console.log(S), S instanceof p2 && S.response && S.response.status === 498 ? (console.error("Invalid token. Unable to join room"), C(
+        O.setErrorMessage(
           `Token ${Z} is invalid. Unable to join room`
         )
-      ), null) : (console.error("Error getting room data", S), S instanceof Error ? j(W.setErrorMessage(S.message)) : j(W.setErrorMessage("Error getting room data")), null);
+      ), null) : (console.error("Error getting room data", S), S instanceof Error ? C(O.setErrorMessage(S.message)) : C(O.setErrorMessage("Error getting room data")), null);
     }
-  }, c = (u) => {
+  }, c = (a) => {
     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..."), u(B3());
+      e.waitingToReconnect = !1, e.reconnectTimer = null, console.log("WebSocket middleware: Attempting automatic reconnection..."), a(B3());
     }, 5e3);
   }, r = () => {
     e.reconnectTimer && (console.log("WebSocket middleware: Stopping reconnection loop"), clearTimeout(e.reconnectTimer), e.reconnectTimer = null);
-  }, 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 = 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: O
-    });
-    const o1 = O == null ? void 0 : O.startsWith("3.");
-    if (!Z || !x || !C) {
+  }, l = (a) => {
+    a(O.setShowReconnect(!0)), a(U.setWebsocketIsConnected(!1)), a(w1.clearDevices()), a(m1.clearRooms()), a(O.clearAllModals()), a(O.clearSyncState());
+  }, v = (a, Z) => {
+    const C = a(), S = Z ?? C.runtimeConfig.roomData.roomKey, { clientId: b } = C.runtimeConfig.roomData, x = C.runtimeConfig.websocket.isConnected;
+    if (!Z || !x || !b) {
       console.log("WebSocket middleware: Cannot request room status", {
         hasRoomKey: !!Z,
         isConnected: x,
-        hasClientId: !!C
+        hasClientId: !!b
       });
       return;
     }
-    console.log("WebSocket middleware: Requesting status from room:", Z), e.client && x && (o1 ? (console.log(
-      "WebSocket middleware: Essentials V3 detected, requesting additional status..."
-    ), e.client.send(
-      JSON.stringify({
-        type: `/room/${S}/fullStatus`,
-        clientId: C,
-        content: null
-      })
-    )) : e.client.send(
+    console.log("WebSocket middleware: Requesting status from room:", Z), e.client && x && e.client.send(
       JSON.stringify({
         type: `/room/${S}/status`,
-        clientId: C,
+        clientId: b,
         content: null
       })
-    ));
-  }, g = async (u, Z) => {
+    );
+  }, g = async (a, Z) => {
     console.log("WebSocket middleware: Attempting to connect...");
-    const j = Z(), { apiPath: S } = j.appConfig.config, { serverIsRunningOnProcessorHardware: C } = j.runtimeConfig;
+    const C = Z(), { apiPath: S } = C.appConfig.config, { serverIsRunningOnProcessorHardware: b } = C.runtimeConfig;
     if (!S || !e.token) {
       console.log(
         "WebSocket middleware: Cannot connect - missing requirements",
@@ -526,66 +513,66 @@ const g3 = {}, B1 = v1({
     }
     e.waitingToReconnect = !0;
     try {
-      const x = await o(S, e.token, u);
+      const x = await o(S, e.token, a);
       if (!x) {
         console.log(
           "WebSocket middleware: Failed to get room data, will retry..."
-        ), c(u);
+        ), c(a);
         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 = (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));
+      const C1 = `${S.replace("http", "ws")}/ui/join/${e.token}?clientId=${x.clientId}`, K = new WebSocket(C1);
+      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 && a(U.setWebsocketIsConnected(!0));
         }, 100);
-      }, H.onerror = (B) => {
-        console.error("WebSocket middleware: Error", B), l(u);
-      }, H.onclose = (B) => {
-        var _;
+      }, K.onerror = (k) => {
+        console.error("WebSocket middleware: Error", k), l(a);
+      }, K.onclose = (k) => {
+        var D;
         if (console.log(
           "WebSocket middleware: Disconnected",
-          B.reason,
-          B.code
-        ), B.code === 4100) {
-          console.log("WebSocket middleware: Closed by client (cleanup)"), r(), l(u);
+          k.reason,
+          k.code
+        ), k.code === 4100) {
+          console.log("WebSocket middleware: Closed by client (cleanup)"), r(), l(a);
           return;
         }
-        if (e.waitingToReconnect = !0, B.code === 4e3) {
-          console.log("WebSocket middleware: User code changed"), r(), u(
+        if (e.waitingToReconnect = !0, k.code === 4e3) {
+          console.log("WebSocket middleware: User code changed"), r(), a(
             U.setUserCode({ userCode: "", qrUrl: "" })
-          ), u(
-            W.setErrorMessage(
+          ), a(
+            O.setErrorMessage(
               "User code changed. Click reconnect to enter the new code"
             )
-          ), l(u);
+          ), l(a);
           return;
         }
-        if (B.code === 4002) {
-          console.log("WebSocket middleware: Room combination changed"), r(), u(
-            W.setErrorMessage(
+        if (k.code === 4002) {
+          console.log("WebSocket middleware: Room combination changed"), r(), a(
+            O.setErrorMessage(
               "Room combination changed. Click Reconnect to re-join the room"
             )
-          ), l(u);
+          ), l(a);
           return;
         }
-        if (B.code === 4001)
-          if (!!((_ = Z().runtimeConfig) != null && _.touchpanelKey))
+        if (k.code === 4001)
+          if (!!((D = Z().runtimeConfig) != null && D.touchpanelKey))
             console.log(
               "WebSocket middleware: Code 4001 received with touchpanel key present, will auto-reconnect"
             );
-          else if (C)
+          else if (b)
             console.log(
               "WebSocket middleware: Code 4001 on processor hardware (no touchpanel key), will auto-reconnect"
             );
           else {
             console.log(
               "WebSocket middleware: Processor disconnected (no touchpanel key, not on processor hardware)"
-            ), r(), u(
-              W.setErrorMessage(
+            ), r(), a(
+              O.setErrorMessage(
                 "Processor has disconnected. Click Reconnect to continue."
               )
-            ), l(u);
+            ), l(a);
             return;
           }
         if (e.client)
@@ -596,45 +583,45 @@ const g3 = {}, B1 = v1({
           console.log("WebSocket middleware: Closed by client");
           return;
         }
-        e.client = null, console.log("WebSocket middleware: Clearing state on disconnect"), u(
-          W.setErrorMessage(
+        e.client = null, console.log("WebSocket middleware: Clearing state on disconnect"), a(
+          O.setErrorMessage(
             "Connection lost. Attempting to reconnect..."
           )
-        ), u(U.setWebsocketIsConnected(!1)), u(m1.clearDevices()), u(p1.clearRooms()), u(W.clearAllModals()), u(W.clearSyncState()), c(u);
-      }, H.onmessage = (B) => {
+        ), a(U.setWebsocketIsConnected(!1)), a(w1.clearDevices()), a(m1.clearRooms()), a(O.clearAllModals()), a(O.clearSyncState()), c(a);
+      }, K.onmessage = (k) => {
         try {
-          const _ = JSON.parse(B.data);
-          if (_.type === "close") {
-            H.close(4001, _.content);
+          const D = JSON.parse(k.data);
+          if (D.type === "close") {
+            K.close(4001, D.content);
             return;
           }
-          if (_.type.startsWith("/system/"))
-            switch (_.type) {
+          if (D.type.startsWith("/system/"))
+            switch (D.type) {
               case "/system/touchpanelKey":
-                u(
+                a(
                   U.setTouchpanelKey(
-                    _.content
+                    D.content
                   )
                 );
                 break;
               case "/system/roomKey":
-                u(p1.clearRooms()), u(m1.clearDevices()), u(W.clearSyncState()), u(
+                a(m1.clearRooms()), a(w1.clearDevices()), a(O.clearSyncState()), a(
                   U.setCurrentRoomKey(
-                    _.content
+                    D.content
                   )
                 );
                 break;
               case "/system/userCodeChanged":
-                u(
-                  U.setUserCode(_.content)
+                a(
+                  U.setUserCode(D.content)
                 );
                 break;
               case "/system/roomCombinationChanged":
                 window.location.reload();
                 break;
               case "/system/deviceInterfaces": {
-                const z = _.content;
-                u(
+                const z = D.content;
+                a(
                   U.setDeviceInterfaces(
                     z.deviceInterfaces
                   )
@@ -644,18 +631,18 @@ const g3 = {}, B1 = v1({
               default:
                 console.log(
                   "WebSocket middleware: Unhandled system message",
-                  _
+                  D
                 );
                 break;
             }
-          else if (_.type.startsWith("/event/")) {
-            const z = e.eventHandlers[_.type];
+          else if (D.type.startsWith("/event/")) {
+            const z = e.eventHandlers[D.type];
             z || console.log(
               "WebSocket middleware: No handlers found for event type",
-              _.type
-            ), z && Object.values(z).forEach((s1) => {
+              D.type
+            ), z && Object.values(z).forEach((o1) => {
               try {
-                s1(_);
+                o1(D);
               } catch (b1) {
                 console.error(
                   "WebSocket middleware: Event handler error",
@@ -663,9 +650,9 @@ const g3 = {}, B1 = v1({
                 );
               }
             });
-          } else _.type.startsWith("/room/") ? u(p1.setRoomState(_)) : _.type.startsWith("/device/") && u(m1.setDeviceState(_));
-        } catch (_) {
-          console.error("WebSocket middleware: Message handling error", _);
+          } else D.type.startsWith("/room/") ? a(m1.setRoomState(D)) : D.type.startsWith("/device/") && a(w1.setDeviceState(D));
+        } catch (D) {
+          console.error("WebSocket middleware: Message handling error", D);
         }
       }, e.waitingToReconnect = !1;
     } catch (x) {
@@ -673,78 +660,78 @@ const g3 = {}, B1 = v1({
     }
   }, h = () => {
     e.client && (console.log("WebSocket middleware: Disconnecting"), r(), e.client.close(4100, "Client requested disconnect"), e.client = null);
-  }, 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: u, clientId: x, content: Z })
+  }, f = (a, Z, C) => {
+    const S = C(), b = S.runtimeConfig.websocket.isConnected, x = S.runtimeConfig.roomData.clientId;
+    e.client && b ? e.client.send(
+      JSON.stringify({ type: a, clientId: x, content: Z })
     ) : console.warn("WebSocket middleware: Cannot send message - not connected");
-  }, 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(
+  }, u = (a, Z, C) => {
+    e.eventHandlers[a] || (e.eventHandlers[a] = {}), e.eventHandlers[a][Z] = C, console.log("WebSocket middleware: Event handler added", a, Z);
+  }, L = (a, Z) => {
+    e.eventHandlers[a] && (delete e.eventHandlers[a][Z], console.log(
       "WebSocket middleware: Event handler removed",
-      u,
+      a,
       Z
     ));
-  }, 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;
+  }, F = (a) => {
+    const Z = a(), { gatewayAppPath: C } = Z.appConfig.config, S = Z.runtimeConfig.roomData.roomKey, b = Z.runtimeConfig.roomData.systemUuid, x = Z.runtimeConfig.roomData.userCode, W = `${C}?uuid=${b}&roomKey=${S}`;
+    window.location.href = x ? `${W}&Code=${x}` : W;
   };
-  return (u) => (Z) => (j) => {
-    const S = Z(j);
-    if (!j || typeof j != "object" || !("type" in j))
+  return (a) => (Z) => (C) => {
+    const S = Z(C);
+    if (!C || typeof C != "object" || !("type" in C))
       return S;
-    const C = j;
+    const b = C;
     return (async () => {
-      switch (C.type) {
+      switch (b.type) {
         case _3: {
-          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);
+          let W = new URLSearchParams(window.location.search).get("token");
+          W ? (console.log("WebSocket middleware: Saving token"), Ee(h3.uuid, W)) : (W = Re(h3.uuid), console.log("WebSocket middleware: Loading token")), e.token = W, await t(a.dispatch), await g(a.dispatch, a.getState);
           break;
         }
-        case P3:
+        case L3:
           h();
           break;
-        case $3:
+        case P3:
           f(
-            C.payload.messageType,
-            C.payload.content,
-            u.getState
+            b.payload.messageType,
+            b.payload.content,
+            a.getState
           );
           break;
-        case L3:
-          d(
-            C.payload.eventType,
-            C.payload.key,
-            C.payload.callback
+        case A3:
+          u(
+            b.payload.eventType,
+            b.payload.key,
+            b.payload.callback
           );
           break;
-        case A3:
-          P(
-            C.payload.eventType,
-            C.payload.key
+        case $3:
+          L(
+            b.payload.eventType,
+            b.payload.key
           );
           break;
-        case O3:
-          F(u.getState);
+        case k3:
+          F(a.getState);
           break;
         default:
-          if (j.type === U.setWebsocketIsConnected.type)
-            j.payload === !0 && (console.log(
+          if (C.type === U.setWebsocketIsConnected.type)
+            C.payload === !0 && (console.log(
               "[WebSocket Middleware] Connection established, requesting room status..."
-            ), setTimeout(() => a(u.getState), 100));
-          else if (j.type === U.setRoomData.type) {
-            const x = u.getState(), O = j.payload;
-            x.runtimeConfig.websocket.isConnected && (O != null && O.clientId) && (console.log(
+            ), setTimeout(() => v(a.getState), 100));
+          else if (C.type === U.setRoomData.type) {
+            const x = a.getState(), W = C.payload;
+            x.runtimeConfig.websocket.isConnected && (W != null && W.clientId) && (console.log(
               "[WebSocket Middleware] Room data received, requesting room status..."
-            ), setTimeout(() => a(u.getState), 100));
-          } else if (j.type === U.setCurrentRoomKey.type) {
-            const x = j.payload;
+            ), setTimeout(() => v(a.getState), 100));
+          } else if (C.type === U.setCurrentRoomKey.type) {
+            const x = C.payload;
             x && (console.log(
               "[WebSocket Middleware] Room changed to:",
               x,
               ", requesting room status..."
-            ), setTimeout(() => a(u.getState, x), 100));
+            ), setTimeout(() => v(a.getState, x), 100));
           }
           break;
       }
@@ -758,16 +745,16 @@ const g3 = {}, B1 = v1({
   rooms: Te,
   devices: ye,
   ui: je
-}), ke = j2({
+}), Oe = j2({
   reducer: Be,
   middleware: (e) => e({
     serializableCheck: {
       // Ignore WebSocket actions with callbacks
       ignoredActions: ["websocket/addEventHandler"]
     }
-  }).concat(Oe())
+  }).concat(ke())
 }), f3 = M3.create();
-function k6() {
+function O6() {
   const e = W1();
   return async () => {
     try {
@@ -791,7 +778,7 @@ function k6() {
     return !0;
   };
 }
-var M1 = { exports: {} }, i1 = {};
+var p1 = { exports: {} }, l1 = {};
 /**
  * @license React
  * react-jsx-runtime.production.min.js
@@ -803,19 +790,19 @@ var M1 = { exports: {} }, i1 = {};
  */
 var w3;
 function We() {
-  if (w3) return i1;
+  if (w3) return l1;
   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 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 };
+  function v(g, h, f) {
+    var u, 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 (u in h) c.call(h, u) && !l.hasOwnProperty(u) && (L[u] = h[u]);
+    if (g && g.defaultProps) for (u in h = g.defaultProps, h) L[u] === void 0 && (L[u] = h[u]);
+    return { $$typeof: t, type: g, key: F, ref: a, props: L, _owner: r.current };
   }
-  return i1.Fragment = o, i1.jsx = a, i1.jsxs = a, i1;
+  return l1.Fragment = o, l1.jsx = v, l1.jsxs = v, l1;
 }
-var a1 = {};
+var i1 = {};
 /**
  * @license React
  * react-jsx-runtime.development.js
@@ -828,46 +815,46 @@ 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"), 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";
+    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"), v = Symbol.for("react.provider"), g = Symbol.for("react.context"), h = Symbol.for("react.forward_ref"), f = Symbol.for("react.suspense"), u = Symbol.for("react.suspense_list"), L = Symbol.for("react.memo"), F = Symbol.for("react.lazy"), a = Symbol.for("react.offscreen"), Z = Symbol.iterator, C = "@@iterator";
     function S(s) {
       if (s === null || typeof s != "object")
         return null;
-      var i = Z && s[Z] || s[j];
+      var i = Z && s[Z] || s[C];
       return typeof i == "function" ? i : null;
     }
-    var C = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
+    var b = e.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
     function x(s) {
       {
-        for (var i = arguments.length, v = new Array(i > 1 ? i - 1 : 0), p = 1; p < i; p++)
-          v[p - 1] = arguments[p];
-        O("error", s, v);
+        for (var i = arguments.length, d = new Array(i > 1 ? i - 1 : 0), p = 1; p < i; p++)
+          d[p - 1] = arguments[p];
+        W("error", s, d);
       }
     }
-    function O(s, i, v) {
+    function W(s, i, d) {
       {
-        var p = C.ReactDebugCurrentFrame, E = p.getStackAddendum();
-        E !== "" && (i += "%s", v = v.concat([E]));
-        var T = v.map(function(y) {
+        var p = b.ReactDebugCurrentFrame, E = p.getStackAddendum();
+        E !== "" && (i += "%s", d = d.concat([E]));
+        var T = d.map(function(y) {
           return String(y);
         });
         T.unshift("Warning: " + i), Function.prototype.apply.call(console[s], console, T);
       }
     }
-    var o1 = !1, H = !1, B = !1, _ = !1, z = !1, s1;
-    s1 = Symbol.for("react.module.reference");
+    var C1 = !1, K = !1, k = !1, D = !1, z = !1, o1;
+    o1 = 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 || _ || 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
+      return !!(typeof s == "string" || typeof s == "function" || s === c || s === l || z || s === r || s === f || s === u || D || s === a || C1 || K || k || typeof s == "object" && s !== null && (s.$$typeof === F || s.$$typeof === L || s.$$typeof === v || 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.
-      s.$$typeof === s1 || s.getModuleId !== void 0));
+      s.$$typeof === o1 || s.getModuleId !== void 0));
     }
-    function U3(s, i, v) {
+    function U3(s, i, d) {
       var p = s.displayName;
       if (p)
         return p;
       var E = i.displayName || i.name || "";
-      return E !== "" ? v + "(" + E + ")" : v;
+      return E !== "" ? d + "(" + E + ")" : d;
     }
     function U1(s) {
       return s.displayName || "Context";
@@ -890,7 +877,7 @@ function Ve() {
           return "StrictMode";
         case f:
           return "Suspense";
-        case d:
+        case u:
           return "SuspenseList";
       }
       if (typeof s == "object")
@@ -898,12 +885,12 @@ function Ve() {
           case g:
             var i = s;
             return U1(i) + ".Consumer";
-          case a:
-            var v = s;
-            return U1(v._context) + ".Provider";
+          case v:
+            var d = s;
+            return U1(d._context) + ".Provider";
           case h:
             return U3(s, s.render, "ForwardRef");
-          case P:
+          case L:
             var p = s.displayName || null;
             return p !== null ? p : J(s.type) || "Memo";
           case F: {
@@ -917,13 +904,13 @@ function Ve() {
         }
       return null;
     }
-    var X = Object.assign, c1 = 0, F1, H1, K1, q1, G1, Y1, z1;
+    var X = Object.assign, s1 = 0, F1, H1, K1, q1, G1, Y1, z1;
     function J1() {
     }
     J1.__reactDisabledLog = !0;
     function F3() {
       {
-        if (c1 === 0) {
+        if (s1 === 0) {
           F1 = console.log, H1 = console.info, K1 = console.warn, q1 = console.error, G1 = console.group, Y1 = console.groupCollapsed, z1 = console.groupEnd;
           var s = {
             configurable: !0,
@@ -941,12 +928,12 @@ function Ve() {
             groupEnd: s
           });
         }
-        c1++;
+        s1++;
       }
     }
     function H3() {
       {
-        if (c1--, c1 === 0) {
+        if (s1--, s1 === 0) {
           var s = {
             configurable: !0,
             enumerable: !0,
@@ -976,11 +963,11 @@ function Ve() {
             })
           });
         }
-        c1 < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
+        s1 < 0 && x("disabledDepth fell below zero. This is a bug in React. Please file an issue.");
       }
     }
-    var y1 = C.ReactCurrentDispatcher, I1;
-    function h1(s, i, v) {
+    var y1 = b.ReactCurrentDispatcher, I1;
+    function v1(s, i, d) {
       {
         if (I1 === void 0)
           try {
@@ -993,18 +980,18 @@ function Ve() {
 ` + I1 + s;
       }
     }
-    var R1 = !1, g1;
+    var R1 = !1, h1;
     {
       var K3 = typeof WeakMap == "function" ? WeakMap : Map;
-      g1 = new K3();
+      h1 = new K3();
     }
     function X1(s, i) {
       if (!s || R1)
         return "";
       {
-        var v = g1.get(s);
-        if (v !== void 0)
-          return v;
+        var d = h1.get(s);
+        if (d !== void 0)
+          return d;
       }
       var p;
       R1 = !0;
@@ -1046,89 +1033,89 @@ function Ve() {
         }
       } catch (V) {
         if (V && p && typeof V.stack == "string") {
-          for (var b = V.stack.split(`
-`), 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)
+          for (var j = V.stack.split(`
+`), B = p.stack.split(`
+`), P = j.length - 1, A = B.length - 1; P >= 1 && A >= 0 && j[P] !== B[A]; )
+            A--;
+          for (; P >= 1 && A >= 0; P--, A--)
+            if (j[P] !== B[A]) {
+              if (P !== 1 || A !== 1)
                 do
-                  if ($--, L--, L < 0 || b[$] !== k[L]) {
-                    var K = `
-` + 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;
+                  if (P--, A--, A < 0 || j[P] !== B[A]) {
+                    var H = `
+` + j[P].replace(" at new ", " at ");
+                    return s.displayName && H.includes("<anonymous>") && (H = H.replace("<anonymous>", s.displayName)), typeof s == "function" && h1.set(s, H), H;
                   }
-                while ($ >= 1 && L >= 0);
+                while (P >= 1 && A >= 0);
               break;
             }
         }
       } finally {
         R1 = !1, y1.current = T, H3(), Error.prepareStackTrace = E;
       }
-      var t1 = s ? s.displayName || s.name : "", Q = t1 ? h1(t1) : "";
-      return typeof s == "function" && g1.set(s, Q), Q;
+      var t1 = s ? s.displayName || s.name : "", Q = t1 ? v1(t1) : "";
+      return typeof s == "function" && h1.set(s, Q), Q;
     }
-    function q3(s, i, v) {
+    function q3(s, i, d) {
       return X1(s, !1);
     }
     function G3(s) {
       var i = s.prototype;
       return !!(i && i.isReactComponent);
     }
-    function f1(s, i, v) {
+    function g1(s, i, d) {
       if (s == null)
         return "";
       if (typeof s == "function")
         return X1(s, G3(s));
       if (typeof s == "string")
-        return h1(s);
+        return v1(s);
       switch (s) {
         case f:
-          return h1("Suspense");
-        case d:
-          return h1("SuspenseList");
+          return v1("Suspense");
+        case u:
+          return v1("SuspenseList");
       }
       if (typeof s == "object")
         switch (s.$$typeof) {
           case h:
             return q3(s.render);
-          case P:
-            return f1(s.type, i, v);
+          case L:
+            return g1(s.type, i, d);
           case F: {
             var p = s, E = p._payload, T = p._init;
             try {
-              return f1(T(E), i, v);
+              return g1(T(E), i, d);
             } catch {
             }
           }
         }
       return "";
     }
-    var r1 = Object.prototype.hasOwnProperty, Q1 = {}, N1 = C.ReactDebugCurrentFrame;
-    function w1(s) {
+    var c1 = Object.prototype.hasOwnProperty, Q1 = {}, N1 = b.ReactDebugCurrentFrame;
+    function f1(s) {
       if (s) {
-        var i = s._owner, v = f1(s.type, s._source, i ? i.type : null);
-        N1.setExtraStackFrame(v);
+        var i = s._owner, d = g1(s.type, s._source, i ? i.type : null);
+        N1.setExtraStackFrame(d);
       } else
         N1.setExtraStackFrame(null);
     }
-    function Y3(s, i, v, p, E) {
+    function Y3(s, i, d, p, E) {
       {
-        var T = Function.call.bind(r1);
+        var T = Function.call.bind(c1);
         for (var y in s)
           if (T(s, y)) {
-            var b = void 0;
+            var j = void 0;
             try {
               if (typeof s[y] != "function") {
-                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;
+                var B = Error((p || "React class") + ": " + d + " 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;
               }
-              b = s[y](i, y, p, v, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
-            } catch ($) {
-              b = $;
+              j = s[y](i, y, p, d, null, "SECRET_DO_NOT_PASS_THIS_OR_YOU_WILL_BE_FIRED");
+            } catch (P) {
+              j = P;
             }
-            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));
+            j && !(j instanceof Error) && (f1(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", d, y, typeof j), f1(null)), j instanceof Error && !(j.message in Q1) && (Q1[j.message] = !0, f1(E), x("Failed %s type: %s", d, j.message), f1(null));
           }
       }
     }
@@ -1138,8 +1125,8 @@ function Ve() {
     }
     function J3(s) {
       {
-        var i = typeof Symbol == "function" && Symbol.toStringTag, v = i && s[Symbol.toStringTag] || s.constructor.name || "Object";
-        return v;
+        var i = typeof Symbol == "function" && Symbol.toStringTag, d = i && s[Symbol.toStringTag] || s.constructor.name || "Object";
+        return d;
       }
     }
     function X3(s) {
@@ -1156,14 +1143,14 @@ function Ve() {
       if (X3(s))
         return x("The provided key is an unsupported type %s. This value must be coerced to a string before before using it here.", J3(s)), e3(s);
     }
-    var n3 = C.ReactCurrentOwner, Q3 = {
+    var n3 = b.ReactCurrentOwner, Q3 = {
       key: !0,
       ref: !0,
       __self: !0,
       __source: !0
     }, o3, s3;
     function N3(s) {
-      if (r1.call(s, "ref")) {
+      if (c1.call(s, "ref")) {
         var i = Object.getOwnPropertyDescriptor(s, "ref").get;
         if (i && i.isReactWarning)
           return !1;
@@ -1171,7 +1158,7 @@ function Ve() {
       return s.ref !== void 0;
     }
     function e2(s) {
-      if (r1.call(s, "key")) {
+      if (c1.call(s, "key")) {
         var i = Object.getOwnPropertyDescriptor(s, "key").get;
         if (i && i.isReactWarning)
           return !1;
@@ -1183,78 +1170,78 @@ function Ve() {
     }
     function n2(s, i) {
       {
-        var v = function() {
+        var d = function() {
           o3 || (o3 = !0, x("%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)", i));
         };
-        v.isReactWarning = !0, Object.defineProperty(s, "key", {
-          get: v,
+        d.isReactWarning = !0, Object.defineProperty(s, "key", {
+          get: d,
           configurable: !0
         });
       }
     }
     function o2(s, i) {
       {
-        var v = function() {
+        var d = function() {
           s3 || (s3 = !0, x("%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)", i));
         };
-        v.isReactWarning = !0, Object.defineProperty(s, "ref", {
-          get: v,
+        d.isReactWarning = !0, Object.defineProperty(s, "ref", {
+          get: d,
           configurable: !0
         });
       }
     }
-    var s2 = function(s, i, v, p, E, T, y) {
-      var b = {
+    var s2 = function(s, i, d, p, E, T, y) {
+      var j = {
         // This tag allows us to uniquely identify this as a React Element
         $$typeof: t,
         // Built-in properties that belong on the element
         type: s,
         key: i,
-        ref: v,
+        ref: d,
         props: y,
         // Record the component responsible for creating this element.
         _owner: T
       };
-      return b._store = {}, Object.defineProperty(b._store, "validated", {
+      return j._store = {}, Object.defineProperty(j._store, "validated", {
         configurable: !1,
         enumerable: !1,
         writable: !0,
         value: !1
-      }), Object.defineProperty(b, "_self", {
+      }), Object.defineProperty(j, "_self", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: p
-      }), Object.defineProperty(b, "_source", {
+      }), Object.defineProperty(j, "_source", {
         configurable: !1,
         enumerable: !1,
         writable: !1,
         value: E
-      }), Object.freeze && (Object.freeze(b.props), Object.freeze(b)), b;
+      }), Object.freeze && (Object.freeze(j.props), Object.freeze(j)), j;
     };
-    function c2(s, i, v, p, E) {
+    function c2(s, i, d, p, 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));
+        var T, y = {}, j = null, B = null;
+        d !== void 0 && (t3(d), j = "" + d), e2(i) && (t3(i.key), j = "" + i.key), N3(i) && (B = i.ref, t2(i, E));
         for (T in i)
-          r1.call(i, T) && !Q3.hasOwnProperty(T) && (y[T] = i[T]);
+          c1.call(i, T) && !Q3.hasOwnProperty(T) && (y[T] = i[T]);
         if (s && s.defaultProps) {
-          var $ = s.defaultProps;
-          for (T in $)
-            y[T] === void 0 && (y[T] = $[T]);
+          var P = s.defaultProps;
+          for (T in P)
+            y[T] === void 0 && (y[T] = P[T]);
         }
-        if (b || k) {
-          var L = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
-          b && n2(y, L), k && o2(y, L);
+        if (j || B) {
+          var A = typeof s == "function" ? s.displayName || s.name || "Unknown" : s;
+          j && n2(y, A), B && o2(y, A);
         }
-        return s2(s, b, k, E, p, n3.current, y);
+        return s2(s, j, B, E, p, n3.current, y);
       }
     }
-    var T1 = C.ReactCurrentOwner, c3 = C.ReactDebugCurrentFrame;
+    var T1 = b.ReactCurrentOwner, c3 = b.ReactDebugCurrentFrame;
     function e1(s) {
       if (s) {
-        var i = s._owner, v = f1(s.type, s._source, i ? i.type : null);
-        c3.setExtraStackFrame(v);
+        var i = s._owner, d = g1(s.type, s._source, i ? i.type : null);
+        c3.setExtraStackFrame(d);
       } else
         c3.setExtraStackFrame(null);
     }
@@ -1283,10 +1270,10 @@ Check the render method of \`` + s + "`.";
       {
         var i = r3();
         if (!i) {
-          var v = typeof s == "string" ? s : s.displayName || s.name;
-          v && (i = `
+          var d = typeof s == "string" ? s : s.displayName || s.name;
+          d && (i = `
-Check the top-level render call using <` + v + ">.");
+Check the top-level render call using <` + d + ">.");
         }
         return i;
       }
@@ -1296,12 +1283,12 @@ Check the top-level render call using <` + v + ">.");
         if (!s._store || s._store.validated || s.key != null)
           return;
         s._store.validated = !0;
-        var v = l2(i);
-        if (l3[v])
+        var d = l2(i);
+        if (l3[d])
           return;
-        l3[v] = !0;
+        l3[d] = !0;
         var p = "";
-        s && s._owner && s._owner !== T1.current && (p = " It was passed a child from " + J(s._owner.type) + "."), e1(s), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', v, p), e1(null);
+        s && s._owner && s._owner !== T1.current && (p = " It was passed a child from " + J(s._owner.type) + "."), e1(s), x('Each child in a list should have a unique "key" prop.%s%s See https://reactjs.org/link/warning-keys for more information.', d, p), e1(null);
       }
     }
     function a3(s, i) {
@@ -1309,8 +1296,8 @@ Check the top-level render call using <` + v + ">.");
         if (typeof s != "object")
           return;
         if (E1(s))
-          for (var v = 0; v < s.length; v++) {
-            var p = s[v];
+          for (var d = 0; d < s.length; d++) {
+            var p = s[d];
             _1(p) && i3(p, i);
           }
         else if (_1(s))
@@ -1328,18 +1315,18 @@ Check the top-level render call using <` + v + ">.");
         var i = s.type;
         if (i == null || typeof i == "string")
           return;
-        var v;
+        var d;
         if (typeof i == "function")
-          v = i.propTypes;
+          d = 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 === P))
-          v = i.propTypes;
+        i.$$typeof === L))
+          d = i.propTypes;
         else
           return;
-        if (v) {
+        if (d) {
           var p = J(i);
-          Y3(v, s.props, "prop", p, s);
+          Y3(d, s.props, "prop", p, s);
         } else if (i.PropTypes !== void 0 && !D1) {
           D1 = !0;
           var E = J(i);
@@ -1350,8 +1337,8 @@ Check the top-level render call using <` + v + ">.");
     }
     function a2(s) {
       {
-        for (var i = Object.keys(s.props), v = 0; v < i.length; v++) {
-          var p = i[v];
+        for (var i = Object.keys(s.props), d = 0; d < i.length; d++) {
+          var p = i[d];
           if (p !== "children" && p !== "key") {
             e1(s), x("Invalid prop `%s` supplied to `React.Fragment`. React.Fragment can only have `key` and `children` props.", p), e1(null);
             break;
@@ -1361,69 +1348,69 @@ Check the top-level render call using <` + v + ">.");
       }
     }
     var u3 = {};
-    function d3(s, i, v, p, E, T) {
+    function d3(s, i, d, p, E, T) {
       {
         var y = b1(s);
         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 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;
+          var j = "";
+          (s === void 0 || typeof s == "object" && s !== null && Object.keys(s).length === 0) && (j += " 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 ? j += B : j += r3();
+          var P;
+          s === null ? P = "null" : E1(s) ? P = "array" : s !== void 0 && s.$$typeof === t ? (P = "<" + (J(s.type) || "Unknown") + " />", j = " 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, j);
+        }
+        var A = c2(s, i, d, E, T);
+        if (A == null)
+          return A;
         if (y) {
-          var K = i.children;
-          if (K !== void 0)
+          var H = i.children;
+          if (H !== void 0)
             if (p)
-              if (E1(K)) {
-                for (var t1 = 0; t1 < K.length; t1++)
-                  a3(K[t1], s);
-                Object.freeze && Object.freeze(K);
+              if (E1(H)) {
+                for (var t1 = 0; t1 < H.length; t1++)
+                  a3(H[t1], s);
+                Object.freeze && Object.freeze(H);
               } else
                 x("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(K, s);
+              a3(H, s);
         }
-        if (r1.call(i, "key")) {
+        if (c1.call(i, "key")) {
           var Q = J(s), V = Object.keys(i).filter(function(f2) {
             return f2 !== "key";
-          }), P1 = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
-          if (!u3[Q + P1]) {
+          }), L1 = V.length > 0 ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}";
+          if (!u3[Q + L1]) {
             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} />`, P1, Q, g2, Q), u3[Q + P1] = !0;
+  <%s key={someKey} {...props} />`, L1, Q, g2, Q), u3[Q + L1] = !0;
           }
         }
-        return s === c ? a2(L) : i2(L), L;
+        return s === c ? a2(A) : i2(A), A;
       }
     }
-    function u2(s, i, v) {
-      return d3(s, i, v, !0);
+    function u2(s, i, d) {
+      return d3(s, i, d, !0);
     }
-    function d2(s, i, v) {
-      return d3(s, i, v, !1);
+    function d2(s, i, d) {
+      return d3(s, i, d, !1);
     }
     var v2 = d2, h2 = u2;
-    a1.Fragment = c, a1.jsx = v2, a1.jsxs = h2;
-  })()), a1;
+    i1.Fragment = c, i1.jsx = v2, i1.jsxs = h2;
+  })()), i1;
 }
 var p3;
 function Ue() {
-  return p3 || (p3 = 1, process.env.NODE_ENV === "production" ? M1.exports = We() : M1.exports = Ve()), M1.exports;
+  return p3 || (p3 = 1, process.env.NODE_ENV === "production" ? p1.exports = We() : p1.exports = Ve()), p1.exports;
 }
 var n = Ue();
 const Fe = "_mwfit_ppa3l_1", He = {
   mwfit: Fe
 }, Ke = () => {
-  const { reconnect: e } = I(), t = I3(), o = Me(), c = xe();
+  const { reconnect: e } = R(), 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 +1418,7 @@ const Fe = "_mwfit_ppa3l_1", He = {
     ] }),
     c && /* @__PURE__ */ n.jsx("button", { className: "btn btn-secondary btn-lg", onPointerDown: e, children: "Reconnect" })
   ] });
-}, k3 = C2({
+}, O3 = C2({
   sendMessage: () => null,
   sendSimpleMessage: () => null,
   addEventHandler: () => null,
@@ -1439,48 +1426,48 @@ const Fe = "_mwfit_ppa3l_1", He = {
   reconnect: () => null
 }), qe = ({ children: e }) => {
   const t = W1(), o = I3();
-  Z1(() => {
+  x1(() => {
     t(B3());
   }, [t]);
-  const c = l1(
+  const c = r1(
     (h, f) => {
-      t(Pe(h, f));
+      t(Le(h, f));
     },
     [t]
-  ), r = l1(
+  ), r = r1(
     (h, f) => {
       c(h, { value: f });
     },
     [c]
-  ), l = l1(
-    (h, f, d) => {
-      t($e(h, f, d));
+  ), l = r1(
+    (h, f, u) => {
+      t(Pe(h, f, u));
     },
     [t]
-  ), a = l1(
+  ), v = r1(
     (h, f) => {
-      t(Le(h, f));
+      t(Ae(h, f));
     },
     [t]
-  ), g = l1(() => {
-    t(Ae());
+  ), g = r1(() => {
+    t($e());
   }, [t]);
   return /* @__PURE__ */ n.jsx(
-    k3.Provider,
+    O3.Provider,
     {
       value: {
         sendMessage: c,
         sendSimpleMessage: r,
         addEventHandler: l,
-        removeEventHandler: a,
+        removeEventHandler: v,
         reconnect: g
       },
       children: o ? e : /* @__PURE__ */ n.jsx(Ke, {})
     }
   );
-}, W6 = ({ children: e }) => /* @__PURE__ */ n.jsx(Z2, { store: ke, children: /* @__PURE__ */ n.jsx(qe, { children: e }) });
-function I() {
-  return b2(k3);
+}, W6 = ({ children: e }) => /* @__PURE__ */ n.jsx(Z2, { store: Oe, children: /* @__PURE__ */ n.jsx(qe, { children: e }) });
+function R() {
+  return b2(O3);
 }
 function Ge({
   onPress: e,
@@ -1489,38 +1476,38 @@ function Ge({
   onPressedButNotHeld: c,
   holdTimeMs: r = 500
 }) {
-  const l = d1(null), a = d1(!1), g = d1(!1);
+  const l = u1(null), v = u1(!1), g = u1(!1);
   function h() {
-    a.current = !0, g.current = !1, e == null || e(), l.current = setTimeout(() => {
+    v.current = !0, g.current = !1, e == null || e(), l.current = setTimeout(() => {
       g.current = !0, o == null || o(), l.current = null;
     }, r);
   }
   function f() {
-    a.current = !1, t == null || t(), l.current && (clearTimeout(l.current), l.current = null, g.current || c == null || c());
+    v.current = !1, t == null || t(), l.current && (clearTimeout(l.current), l.current = null, g.current || c == null || c());
   }
-  function d() {
-    a.current && f();
+  function u() {
+    v.current && f();
   }
   return {
     onPointerDown: h,
     onPointerUp: f,
-    onPointerLeave: d
+    onPointerLeave: u
   };
 }
 function w(e, t) {
-  const { sendMessage: c } = I(), r = d1(null);
+  const { sendMessage: c } = R(), r = u1(null);
   function l() {
     c(`${e}/${t}`, { value: "pressed" }), r.current || (r.current = setInterval(() => {
       c(`${e}/${t}`, { value: "held" });
     }, 250));
   }
-  function a() {
+  function v() {
     r.current && (clearInterval(r.current), r.current = null), c(`${e}/${t}`, { value: "released" });
   }
-  return Ge({ onPress: l, onRelease: a });
+  return Ge({ onPress: l, onRelease: v });
 }
-function C1(e) {
-  const { sendMessage: t } = I(), o = w(`${e}`, "volumeUp"), c = w(`${e}`, "volumeDown");
+function j1(e) {
+  const { sendMessage: t } = R(), o = w(`${e}`, "volumeUp"), c = w(`${e}`, "volumeDown");
   return n1(() => ({
     volumeUp: o,
     volumeDown: c,
@@ -1528,7 +1515,7 @@ function C1(e) {
   }), [e, t, o, c]);
 }
 function V6(e) {
-  const { sendMessage: t } = I(), o = w(`${e}`, "volumeUp"), c = w(`${e}`, "volumeDown");
+  const { sendMessage: t } = R(), o = w(`${e}`, "volumeUp"), c = w(`${e}`, "volumeDown");
   return n1(() => ({
     volumeUp: o,
     volumeDown: c,
@@ -1536,7 +1523,7 @@ function V6(e) {
   }), [e, t, o, c]);
 }
 function W3(e, t) {
-  const { sendMessage: o, sendSimpleMessage: c } = I(), r = C1(e);
+  const { sendMessage: o, sendSimpleMessage: c } = R(), r = j1(e);
   return n1(() => {
     if (!r) {
       console.log("baseVolume is undefined");
@@ -1556,7 +1543,7 @@ function W3(e, t) {
   }, [r, t, e, o, c]);
 }
 function U6(e, t) {
-  const { sendMessage: o, sendSimpleMessage: c } = I(), r = C1(e);
+  const { sendMessage: o, sendSimpleMessage: c } = R(), r = j1(e);
   return n1(() => {
     if (!r) {
       console.log("baseVolume is undefined");
@@ -1576,31 +1563,30 @@ function U6(e, t) {
   }, [r, t, e, o, c]);
 }
 function Ye(e) {
-  const t = D(e), o = `/device/${e}`, c = n1(() => {
+  const t = _(e), o = `/device/${e}`, c = n1(() => {
     if (t)
       return t.volume;
   }, [t]);
   return W3(o, c);
 }
 function V3(e) {
-  var a;
-  const { sendMessage: t } = I(), o = (a = D(e)) == null ? void 0 : a.powerState;
+  const { sendMessage: t } = R();
   return { powerOn: () => {
     t(`/device/${e}/powerOn`, null);
   }, powerOff: () => {
     t(`/device/${e}/powerOff`, null);
   }, powerToggle: () => {
     t(`/device/${e}/powerToggle`, null);
-  }, powerState: o };
+  } };
 }
-function k1(e) {
-  const { sendMessage: t } = I(), o = D(e);
+function O1(e) {
+  const { sendMessage: t } = R(), o = _(e);
   return console.log("deviceState", o), o ? { itemsState: o, selectItem: (r) => {
     t(`/device/${e}/${r}`, null);
   } } : void 0;
 }
 function ze(e) {
-  const { sendMessage: t } = I(), o = D(e), c = () => {
+  const { sendMessage: t } = R(), o = _(e), c = () => {
     t(`/device/${e}/setDefaultChannelLevels`, null);
   }, r = () => {
     if ((o == null ? void 0 : o.levelControls) === void 0) return;
@@ -1611,34 +1597,20 @@ function ze(e) {
   return o ? { levelControls: o.levelControls, setDefaultChannelLevels: c, getFullStatus: r } : void 0;
 }
 function F6(e) {
-  const t = D(e), o = V3(e), c = k1(e), r = k1(e), l = Ye(e), a = ze(e);
+  const t = _(e), o = V3(e), c = O1(e), r = O1(e), l = Ye(e), v = ze(e);
   if (t)
     return {
       avrState: t,
       powerControl: o,
       inputControl: c,
       surroundSoundModes: r,
-      surroundChannels: a,
+      surroundChannels: v,
       mainVolumeControl: l
     };
 }
-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 H6 = ({ className: e }) => {
   const [t, o] = Y();
-  return Z1(() => {
+  return x1(() => {
     setInterval(() => {
       const c = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
       o(c);
@@ -1648,45 +1620,59 @@ const K6 = ({ className: e }) => {
     " new change"
   ] });
 };
-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);
+function K6(e) {
+  const { sendMessage: t } = R(), o = _(e), c = `/device/${e}`;
+  return o ? { state: o, recallPreset: (v, g) => {
+    t(`${c}/presets/recall`, { deviceKey: v, preset: g });
+  }, savePresets: (v) => {
+    t(`${c}/presets/save`, v);
   } } : void 0;
 }
-function G6(e) {
-  const t = D(e);
+function q6(e) {
+  const t = _(e);
   if (t)
     return { endpointState: t };
 }
-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 G6(e) {
+  const t = `/device/${e}`, o = w(t, "chanUp"), c = w(t, "chanDown"), r = w(t, "lastChan"), l = w(t, "guide"), v = w(t, "info"), g = w(t, "exit");
+  return { channelUp: o, channelDown: c, lastChannel: r, guide: l, info: v, exit: g };
 }
-function z6(e) {
+function Y6(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 J6(e) {
-  const t = D(e);
+function z6(e) {
+  const t = _(e);
   if (t)
     return {
       communicationMonitorState: t
     };
 }
-function X6(e) {
-  const t = D(e);
+function J6(e) {
+  const t = _(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"), v = w(t, "select"), g = w(t, "menu"), h = w(t, "exit");
+  return { up: o, down: c, left: r, right: l, select: v, menu: g, exit: h };
+}
 function Q6(e) {
-  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 };
+  const { sendMessage: t } = R(), o = `/device/${e}`, c = _(e), r = w(o, "cameraUp"), l = w(o, "cameraDown"), v = w(o, "cameraLeft"), g = w(o, "cameraRight"), h = w(o, "cameraZoomIn"), f = w(o, "cameraZoomOut"), u = (L) => t("/camera/recallPreset", L);
+  if (c)
+    return {
+      state: c,
+      zoomIn: h,
+      zoomOut: f,
+      up: r,
+      down: l,
+      left: v,
+      right: g,
+      recallPreset: u
+    };
 }
 function N6(e) {
-  const { sendMessage: t } = I();
+  const { sendMessage: t } = R();
   return { recallPreset: (c) => {
     t(
       `/device/${e}/recallPreset`,
@@ -1699,7 +1685,7 @@ function et(e) {
   return { dvrList: o, record: c };
 }
 function tt(e) {
-  const { sendMessage: t } = I(), o = D(e);
+  const { sendMessage: t } = R(), o = _(e);
   return o ? { roomCombinerState: o, setAutoMode: () => {
     t(`/device/${e}/setAutoMode`, null);
   }, setManualMode: () => {
@@ -1713,27 +1699,7 @@ function tt(e) {
   } } : void 0;
 }
 function nt(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);
+  const { sendMessage: t } = R(), o = `/device/${e}`, c = _(e);
   return c ? {
     state: c,
     selectCamera: (l) => {
@@ -1741,94 +1707,94 @@ function st(e) {
     }
   } : void 0;
 }
-function ct(e) {
-  const t = D(e);
+function ot(e) {
+  const t = _(e);
   if (t)
     return { state: t };
 }
-function rt(e) {
-  const { sendMessage: t, sendSimpleMessage: o } = I(), c = D(e), r = ne(e), l = c || r;
+function st(e) {
+  const { sendMessage: t, sendSimpleMessage: o } = R(), c = _(e), r = ne(e), l = c || r;
   return l ? {
     levelState: 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)
+    setLevel: (u, L) => o(`${u}/level`, L),
+    muteToggle: (u) => t(`${u}/muteToggle`, null),
+    muteOn: (u) => t(`${u}/muteOn`, null),
+    muteOff: (u) => t(`${u}/muteOff`, null)
   } : void 0;
 }
-function lt(e) {
-  const { sendMessage: t } = I(), o = D(e);
+function ct(e) {
+  const { sendMessage: t } = R(), o = _(e);
   return o ? { lightingState: o, selectScene: (r) => {
     t(`/device/${e}/selectScene`, r);
   } } : void 0;
 }
-function it(e) {
-  const { sendMessage: t } = I(), o = D(e);
+function rt(e) {
+  const { sendMessage: t } = R(), o = _(e);
   return o ? { matrixRoutingState: o, setRoute: (r) => {
     t(`/device/${e}/route`, r);
   } } : void 0;
 }
-function at(e) {
-  const { sendMessage: t } = I();
+function lt(e) {
+  const { sendMessage: t } = R();
   return { closeApp: () => {
     t(`/device/${e}/closeWebViewController`, null);
   } };
 }
-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");
+function it(e) {
+  const t = `/device/${e}`, o = w(t, "num0"), c = w(t, "num1"), r = w(t, "num2"), l = w(t, "num3"), v = w(t, "num4"), g = w(t, "num5"), h = w(t, "num6"), f = w(t, "num7"), u = w(t, "num8"), L = w(t, "num9"), F = w(t, "numDash"), a = w(t, "numEnter");
   return {
     digit0: o,
     digit1: c,
     digit2: r,
     digit3: l,
-    digit4: a,
+    digit4: v,
     digit5: g,
     digit6: h,
     digit7: f,
-    digit8: d,
-    digit9: P,
+    digit8: u,
+    digit9: L,
     keypadAccessoryButton1: F,
-    keypadAccessoryButton2: u
+    keypadAccessoryButton2: a
   };
 }
-function dt(e) {
-  const { sendMessage: t } = I(), o = D(e);
+function at(e) {
+  const { sendMessage: t } = R(), o = _(e);
   return o ? { projectorScreenLiftControlState: o, raise: () => {
     t(`/device/${e}/raise`, null);
   }, lower: () => {
     t(`/device/${e}/lower`, null);
   } } : void 0;
 }
-function vt(e) {
-  const { sendMessage: t } = I(), o = j1(e);
+function ut(e) {
+  const { sendMessage: t } = R(), o = S1(e);
   return o ? { roomEventScheduleState: o, save: (r) => {
     t(`/room/${e}/saveScheduledEvents`, r);
   } } : void 0;
 }
-function ht(e) {
-  const { sendMessage: t } = I();
+function dt(e) {
+  const { sendMessage: t } = R();
   return { runDefaultPresentRoute: () => {
     t(`/room/${e}/defaultsource`, {});
   } };
 }
-function gt(e) {
-  const { sendMessage: t } = I();
+function vt(e) {
+  const { sendMessage: t } = R();
   return { runDirectRoute: (c) => {
     t(`/room/${e}/directRoute`, c);
   } };
 }
-function ft(e) {
-  const { sendMessage: t } = I();
-  return { routingState: D(e), runRoute: (r) => {
+function ht(e) {
+  const { sendMessage: t } = R();
+  return { routingState: _(e), runRoute: (r) => {
     t(`/room/${e}/source`, r);
   } };
 }
-function wt(e) {
+function gt(e) {
   const t = `/device/${e}`, o = w(t, "chanUp"), c = w(t, "chanDown");
   return { dvrList: o, replay: c };
 }
-function mt(e) {
-  const { sendMessage: t } = I(), o = D(e);
+function ft(e) {
+  const { sendMessage: t } = R(), o = _(e);
   return o ? { shadeState: o, shadeUp: () => {
     t(`/device/${e}/shadeUp`, null);
   }, shadeDown: () => {
@@ -1837,8 +1803,8 @@ function mt(e) {
     t(`/device/${e}/stopOrPreset`, null);
   } } : void 0;
 }
-function pt(e) {
-  const { sendMessage: t } = I(), o = j1(e);
+function wt(e) {
+  const { sendMessage: t } = R(), o = S1(e);
   return o ? { shutdownPromptTimerState: o, setShutdownPromptSeconds: (g) => {
     t(`/room/${e}/setShutdownPromptSeconds`, g);
   }, shutdownStart: () => {
@@ -1849,28 +1815,28 @@ function pt(e) {
     t(`/room/${e}/shutdownCancel`, null);
   } } : void 0;
 }
-function Mt(e) {
-  const { sendMessage: t } = I(), o = D(e);
+function mt(e) {
+  const { sendMessage: t } = R(), o = _(e);
   return o ? { switchedOutputState: o, on: () => {
     t(`/device/${e}/on`, null);
   }, off: () => {
     t(`/device/${e}/off`, null);
   } } : void 0;
 }
-function xt(e) {
-  const { sendMessage: t } = I(), o = j1(e);
+function pt(e) {
+  const { sendMessage: t } = R(), o = S1(e);
   return o ? { techPasswordState: o, validatePassword: (l) => {
     t(`/room/${e}/validateTechPassword`, { password: l });
-  }, setPassword: (l, a) => {
-    t(`/room/${e}/setTechPassword`, { oldPassword: l, newPassword: a });
+  }, setPassword: (l, v) => {
+    t(`/room/${e}/setTechPassword`, { oldPassword: l, newPassword: v });
   } } : void 0;
 }
-function Zt(e) {
-  const { sendMessage: t } = I(), o = D(e);
+function Mt(e) {
+  const { sendMessage: t } = R(), o = _(e);
   return o ? { state: o, setTemperatureUnitsToCelcius: () => t(`${e}/setTemperatureUnitsToCelcius`, null), setTemperatureUnitsToFahrenheit: () => t(`${e}/setTemperatureUnitsToFahrenheit`, null) } : void 0;
 }
-function St(e) {
-  const { sendMessage: t } = I(), o = D(e), c = (r) => {
+function xt(e) {
+  const { sendMessage: t } = R(), o = _(e), c = (r) => {
     t(`/device/${e}/saveTheme`, { value: r });
   };
   return {
@@ -1878,21 +1844,21 @@ function St(e) {
     saveTheme: c
   };
 }
-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");
+function Zt(e) {
+  const t = `/device/${e}`, o = w(t, "play"), c = w(t, "pause"), r = w(t, "stop"), l = w(t, "prevTrack"), v = 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: a,
+    nextTrack: v,
     rewind: g,
     fastForward: h,
     record: f
   };
 }
-function Ct(e) {
-  const t = D(e), { sendMessage: o } = I();
+function St(e) {
+  const t = _(e), { sendMessage: o } = R();
   return t ? {
     touchpanelState: t,
     appControl: { hideApp: () => {
@@ -1907,8 +1873,8 @@ function Ct(e) {
     } }
   } : void 0;
 }
-function bt(e) {
-  const t = D(e), o = V3(e), c = k1(e);
+function jt(e) {
+  const t = _(e), o = V3(e), c = O1(e);
   if (!t) return;
   const r = (t.powerState || t.isWarming) && !t.isCooling, l = (!t.powerState || t.isCooling) && !t.isWarming;
   return {
@@ -1918,89 +1884,89 @@ function bt(e) {
     powerFb: { powerOnFb: r, powerOffFb: l }
   };
 }
-function yt(e) {
+function Ct(e) {
   const t = `/device/${e}`;
-  return C1(t);
+  return j1(t);
 }
-const It = ({
+const bt = ({
   config: e
 }, t = !0) => {
-  const { sendMessage: o } = I(), c = d1(!1), r = n1(() => {
-    var a, g, h, f;
+  const { sendMessage: o } = R(), c = u1(!1), r = n1(() => {
+    var v, g, h, f;
     if (!e)
       return;
     const l = /* @__PURE__ */ new Set();
-    if (e.destinations && Object.values(e.destinations).forEach((d) => {
-      l.add(d);
-    }), e.destinationList && Object.values(e.destinationList).forEach((d) => {
-      l.add(d.sinkKey);
-    }), 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);
+    if (e.destinations && Object.values(e.destinations).forEach((u) => {
+      l.add(u);
+    }), e.destinationList && Object.values(e.destinationList).forEach((u) => {
+      l.add(u.sinkKey);
+    }), e.audioControlPointList && Object.values((v = e.audioControlPointList) == null ? void 0 : v.levelControls).forEach(
+      (u) => {
+        u.itemKey ? l.add(u.parentDeviceKey + "--" + u.itemKey) : l.add(u.parentDeviceKey);
       }
-    ), (g = e.touchpanelKeys) == null || g.forEach((d) => {
-      l.add(d);
-    }), (h = e.environmentalDevices) == null || h.forEach((d) => {
-      d.deviceKey && l.add(d.deviceKey);
-    }), (f = e.accessoryDeviceKeys) == null || f.forEach((d) => {
-      l.add(d);
-    }), e.audioCodecKey && l.add(e.audioCodecKey), e.videoCodecKey && l.add(e.videoCodecKey), e.matrixRoutingKey && l.add(e.matrixRoutingKey), e.roomCombinerKey && l.add(e.roomCombinerKey), e.endpointKeys && e.endpointKeys.forEach((d) => {
-      l.add(d);
+    ), (g = e.touchpanelKeys) == null || g.forEach((u) => {
+      l.add(u);
+    }), (h = e.environmentalDevices) == null || h.forEach((u) => {
+      u.deviceKey && l.add(u.deviceKey);
+    }), (f = e.accessoryDeviceKeys) == null || f.forEach((u) => {
+      l.add(u);
+    }), e.audioCodecKey && l.add(e.audioCodecKey), e.videoCodecKey && l.add(e.videoCodecKey), e.matrixRoutingKey && l.add(e.matrixRoutingKey), e.roomCombinerKey && l.add(e.roomCombinerKey), e.endpointKeys && e.endpointKeys.forEach((u) => {
+      l.add(u);
     }), e.sourceList)
-      for (const d of Object.values(e.sourceList))
-        d.sourceKey && d.sourceKey !== "$off" && l.add(d.sourceKey);
+      for (const u of Object.values(e.sourceList))
+        u.sourceKey && u.sourceKey !== "$off" && l.add(u.sourceKey);
     return l;
   }, [e]);
-  return Z1(() => {
+  return x1(() => {
     !t || !r || r.size === 0 || c.current || (console.log("requesting state for deviceKeys:", r), r.forEach((l) => {
       o(`/device/${l}/fullStatus`, { deviceKey: l });
     }), c.current = !0);
   }, [r, t, o]), r;
 };
-function Rt(e, t) {
+function yt(e, t) {
   const [o, c] = Y(!1), [r, l] = Y(!1);
   return Z3(() => {
-    const { current: a } = e, g = () => {
-      const h = a && a.scrollHeight > a.clientHeight, f = a && a.scrollWidth > a.clientWidth;
+    const { current: v } = e, g = () => {
+      const h = v && v.scrollHeight > v.clientHeight, f = v && v.scrollWidth > v.clientWidth;
       l(h ?? !1), c(f ?? !1), t && t(h ?? !1, f ?? !1);
     };
-    a && g();
+    v && g();
   }, [e, t]), { overflowHorizontal: o, overflowVertical: r };
 }
-function Et(e, t) {
+function It(e, t) {
   const o = `/room/${e}/volumes/${t}`;
-  return C1(o);
+  return j1(o);
 }
-function Tt(e, t) {
+function Rt(e, t) {
   const o = te(e, t), c = `/room/${e}/volumes/${t}`;
   return W3(c, o);
 }
-function Dt(e) {
+function Et(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));
-  }, a = (f) => {
-    const { current: d } = e;
-    d && (console.log(d.scrollTop), d.scrollTop += f, console.log(d.scrollTop));
+    const { current: u } = e;
+    u && (console.log(u.scrollLeft), u.scrollLeft += f, console.log(u.scrollLeft));
+  }, v = (f) => {
+    const { current: u } = e;
+    u && (console.log(u.scrollTop), u.scrollTop += f, console.log(u.scrollTop));
   };
   return Z3(() => {
-    const { current: f } = e, d = () => {
+    const { current: f } = e, u = () => {
       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: a };
+    f && u();
+  }, [e]), { horizontalScrollPosition: t, verticalScrollPosition: c, scrollHorizontal: l, scrollVertical: v };
 }
-function _t(e) {
+function Tt(e) {
   const t = W1();
   return [() => {
-    t(W.addSyncState(e));
+    t(O.addSyncState(e));
   }, () => {
-    t(W.removeSyncState(e));
+    t(O.removeSyncState(e));
   }, Ze(e)];
 }
-function Pt() {
-  const { sendMessage: e } = I();
+function Dt() {
+  const { sendMessage: e } = R();
   return {
     reboot: () => {
       e("/system/reboot", null);
@@ -2010,14 +1976,14 @@ function Pt() {
     }
   };
 }
-function $t() {
+function _t() {
   const [e, t] = Y(), [o, c] = Y();
   function r() {
     t((/* @__PURE__ */ new Date()).toLocaleDateString("en-US", { dateStyle: "long" }));
     const l = (/* @__PURE__ */ new Date()).toLocaleTimeString("en-US", { hour12: !0, hour: "numeric", minute: "numeric" });
     c(l);
   }
-  return Z1(() => {
+  return x1(() => {
     r();
     const l = setInterval(() => {
       r();
@@ -2048,7 +2014,7 @@ const Lt = () => {
     ),
     e && /* @__PURE__ */ n.jsx("p", { children: r })
   ] });
-}, Je = "_iconbtn_16qss_1", Xe = "_iconbtnvert_16qss_7", Qe = "_iconsm_16qss_18", L1 = {
+}, Je = "_iconbtn_16qss_1", Xe = "_iconbtnvert_16qss_7", Qe = "_iconsm_16qss_18", A1 = {
   iconbtn: Je,
   iconbtnvert: Xe,
   iconsm: Qe
@@ -2059,45 +2025,45 @@ const Lt = () => {
   className: c,
   iconClassName: r = "",
   otherContentClassName: l = "",
-  disabled: a,
+  disabled: v,
   feedback: g,
   feedbackClassName: h,
   onPointerDown: f,
-  onPointerUp: d,
-  onPointerLeave: P,
+  onPointerUp: u,
+  onPointerLeave: L,
   ...F
 }) => {
-  const [u, Z] = Y(!1), j = !a && g ? h : "", S = !a && (u || g);
+  const [a, Z] = Y(!1), C = !v && g ? h : "", S = !v && (a || g);
   return /* @__PURE__ */ n.jsxs(
     "button",
     {
       type: "button",
-      className: `${L1.iconbtn} ${o ? L1.iconbtnvert : ""} ${c} ${j}`,
+      className: `${A1.iconbtn} ${o ? A1.iconbtnvert : ""} ${c} ${C}`,
       ...F,
-      disabled: a,
-      onPointerDown: (C) => {
-        Z(!0), f == null || f(C);
+      disabled: v,
+      onPointerDown: (b) => {
+        Z(!0), f == null || f(b);
       },
-      onPointerUp: (C) => {
-        Z(!1), d == null || d(C);
+      onPointerUp: (b) => {
+        Z(!1), u == null || u(b);
       },
-      onPointerLeave: (C) => {
-        Z(!1), P == null || P(C);
+      onPointerLeave: (b) => {
+        Z(!1), L == null || L(b);
       },
       children: [
         e && /* @__PURE__ */ n.jsx(
           e,
           {
-            className: `${r || L1.iconsm}`,
+            className: `${r || A1.iconsm}`,
             active: S,
-            disabled: a
+            disabled: v
           }
         ),
         l ? /* @__PURE__ */ n.jsx("div", { className: l, children: t }) : /* @__PURE__ */ n.jsx("div", { children: t })
       ]
     }
   );
-}, R = ({
+}, I = ({
   ActiveImage: e,
   DisabledImage: t,
   EnabledImage: o,
@@ -2108,7 +2074,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: /* @__PURE__ */ n.jsx(
       "svg",
@@ -2160,7 +2126,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-ban-active.svg */
@@ -2209,7 +2175,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: /* @__PURE__ */ n.jsx(
       "svg",
@@ -2249,7 +2215,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-check-active.svg */
@@ -2299,7 +2265,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-controller-active.svg */
@@ -2366,7 +2332,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-down-active.svg */
@@ -2415,7 +2381,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-elipses-active.svg */
@@ -2464,7 +2430,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-flag-active.svg */
@@ -2513,7 +2479,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* /Users/hvolmer/Downloads/SVG/icon-gear-active.svg */
@@ -2562,7 +2528,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-glass-active.svg */
@@ -2612,7 +2578,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-hdmi-active.svg */
@@ -2679,7 +2645,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-laptop-active.svg */
@@ -2728,7 +2694,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-left-active.svg */
@@ -2777,7 +2743,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-light-active.svg */
@@ -2826,7 +2792,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-moon-active.svg */
@@ -2875,7 +2841,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-playstation-active.svg */
@@ -2897,7 +2863,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-podium-active.svg */
@@ -2946,7 +2912,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-power-active.svg */
@@ -2995,7 +2961,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-privacy-active.svg */
@@ -3044,7 +3010,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-question-active.svg */
@@ -3093,7 +3059,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-right-active.svg */
@@ -3143,7 +3109,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-roomPC-active.svg */
@@ -3210,7 +3176,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-shade-active.svg */
@@ -3259,7 +3225,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-sun-active.svg */
@@ -3303,14 +3269,14 @@ const Lt = () => {
     active: e,
     disabled: o
   }
-), At = ({
+), Pt = ({
   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(
-  R,
+  I,
   {
     ActiveImage: void 0,
     DisabledImage: void 0,
@@ -3323,7 +3289,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-up-active.svg */
@@ -3372,7 +3338,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-volDown-active.svg */
@@ -3421,7 +3387,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-volMute-active.svg */
@@ -3470,7 +3436,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-volUp-active.svg */
@@ -3519,7 +3485,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-wireless-active.svg */
@@ -3568,7 +3534,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-x-active.svg */
@@ -3617,7 +3583,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-xbox-active.svg */
@@ -3666,7 +3632,7 @@ const Lt = () => {
   className: t = "",
   disabled: o
 }) => /* @__PURE__ */ n.jsx(
-  R,
+  I,
   {
     ActiveImage: (
       /* icon-mic-active.svg */
@@ -3744,7 +3710,7 @@ const Lt = () => {
   X: E8,
   Xbox: T8
 };
-function Ot({
+function At({
   name: e,
   iconsDictionary: t = _8,
   ...o
@@ -3752,54 +3718,54 @@ function Ot({
   const c = t[e] ?? null;
   return c || console.error(`Icon ${e} not found in dictionary`), /* @__PURE__ */ n.jsx(Ne, { multiIcon: c, ...o });
 }
-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: 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 })
-] }), B8 = "_grid_11w5q_1", k8 = "_header_11w5q_11", W8 = "_content_11w5q_17", x1 = {
+const L8 = "_grid_1cmpp_1", P8 = "_header_1cmpp_11", A8 = "_content_1cmpp_17", $8 = "_footer_1cmpp_23", k8 = "_volume_1cmpp_29", a1 = {
+  grid: L8,
+  header: P8,
+  content: A8,
+  footer: $8,
+  volume: k8
+}, $t = ({ header: e, footer: t, content: o, volume: c, showVolume: r }) => /* @__PURE__ */ n.jsxs("div", { className: a1.grid, children: [
+  /* @__PURE__ */ n.jsx("div", { className: a1.header, children: e }),
+  /* @__PURE__ */ n.jsx("div", { className: a1.content, children: o }),
+  r && /* @__PURE__ */ n.jsx("div", { className: a1.volume, children: c }),
+  /* @__PURE__ */ n.jsx("div", { className: a1.footer, children: t })
+] }), B8 = "_grid_11w5q_1", O8 = "_header_11w5q_11", W8 = "_content_11w5q_17", M1 = {
   grid: B8,
-  header: k8,
+  header: O8,
   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 }),
-  c && /* @__PURE__ */ n.jsx("div", { className: x1.leftNav, children: c }),
-  /* @__PURE__ */ n.jsx("div", { className: x1.content, children: o })
-] }), V8 = "_grid_1uwfo_1", U8 = "_header_1uwfo_11", F8 = "_content_1uwfo_17", A1 = {
+}, kt = ({ className: e, header: t, content: o, leftNav: c }) => /* @__PURE__ */ n.jsxs("div", { className: `${e} ${M1.grid}`, children: [
+  /* @__PURE__ */ n.jsx("div", { className: M1.header, children: t }),
+  c && /* @__PURE__ */ n.jsx("div", { className: M1.leftNav, children: c }),
+  /* @__PURE__ */ n.jsx("div", { className: M1.content, children: o })
+] }), V8 = "_grid_1uwfo_1", U8 = "_header_1uwfo_11", F8 = "_content_1uwfo_17", $1 = {
   grid: V8,
   header: U8,
   content: F8
-}, 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 })
+}, Bt = ({ className: e, header: t, content: o }) => /* @__PURE__ */ n.jsxs("div", { className: `${e} ${$1.grid}`, children: [
+  /* @__PURE__ */ n.jsx("div", { className: $1.header, children: t }),
+  /* @__PURE__ */ n.jsx("div", { className: $1.content, children: o })
 ] });
-class Vt {
+class Ot {
   constructor() {
     q(this, "currentShareText");
     q(this, "enabled");
     q(this, "isSharing");
   }
 }
-function Ut() {
+function Wt() {
   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 Ft {
+class Vt {
   constructor(t, o) {
     q(this, "path");
     q(this, "handler");
     this.path = t, this.handler = o;
   }
 }
-const Ht = "$off";
+const Ut = "$off";
 export {
-  K6 as Clock,
+  H6 as Clock,
   H8 as DaysOfWeek,
   Lt as ErrorBox,
   Ne as IconButton,
@@ -3828,7 +3794,7 @@ export {
   Z8 as IconMultiRoomPC,
   S8 as IconMultiShade,
   j8 as IconMultiSun,
-  At as IconMultiTemplate,
+  Pt as IconMultiTemplate,
   C8 as IconMultiUpArrow,
   b8 as IconMultiVolDown,
   y8 as IconMultiVolMute,
@@ -3836,36 +3802,36 @@ export {
   R8 as IconMultiWireless,
   E8 as IconMultiX,
   T8 as IconMultiXbox,
-  Bt as MainLayout,
-  Ft as MessageHandler,
+  $t as MainLayout,
+  Vt as MessageHandler,
   W6 as MobileControlProvider,
-  R as MultiStateIconContainer,
-  Ot as NamedIconButton,
-  Vt as ShareState,
+  I as MultiStateIconContainer,
+  At as NamedIconButton,
+  Ot as ShareState,
   kt as TechLayout,
-  Wt as TechPinLayout,
-  L3 as WS_ADD_EVENT_HANDLER,
+  Bt as TechPinLayout,
+  A3 as WS_ADD_EVENT_HANDLER,
   _3 as WS_CONNECT,
-  P3 as WS_DISCONNECT,
-  O3 as WS_RECONNECT,
-  A3 as WS_REMOVE_EVENT_HANDLER,
-  $3 as WS_SEND_MESSAGE,
-  k3 as WebsocketContext,
+  L3 as WS_DISCONNECT,
+  k3 as WS_RECONNECT,
+  $3 as WS_REMOVE_EVENT_HANDLER,
+  P3 as WS_SEND_MESSAGE,
+  O3 as WebsocketContext,
   T3 as appConfigActions,
-  Oe as createWebSocketMiddleware,
-  m1 as devicesActions,
-  Ut as getBaseLocation,
+  ke as createWebSocketMiddleware,
+  w1 as devicesActions,
+  Wt as getBaseLocation,
   f3 as httpClient,
   _8 as iconsDictionary,
-  Ht as roomOffSourceKey,
-  p1 as roomsActions,
+  Ut as roomOffSourceKey,
+  m1 as roomsActions,
   U as runtimeConfigActions,
   C3 as selectAllDevices,
   T2 as selectApiPath,
   E2 as selectAppConfig,
   ce as selectClientId,
   he as selectCurrentPopoverIdForGroup,
-  P2 as selectDeviceByKey,
+  L2 as selectDeviceByKey,
   b3 as selectDeviceInterfaceSupport,
   ve as selectDeviceSupportsInterface,
   fe as selectError,
@@ -3877,9 +3843,9 @@ export {
   _2 as selectPartnerMetadata,
   X2 as selectRoomAdvancedSharingActive,
   V2 as selectRoomAudioControlPointList,
-  A2 as selectRoomByKey,
+  $2 as selectRoomByKey,
   q2 as selectRoomCodecContentDestinationKey,
-  $2 as selectRoomConfiguration,
+  P2 as selectRoomConfiguration,
   F2 as selectRoomDestinationList,
   U2 as selectRoomDestinations,
   ee as selectRoomDisplayStates,
@@ -3889,13 +3855,13 @@ export {
   J2 as selectRoomIsOn,
   Y2 as selectRoomIsWarmingUp,
   se as selectRoomKey,
-  k2 as selectRoomLevelControls,
-  O2 as selectRoomName,
+  O2 as selectRoomLevelControls,
+  k2 as selectRoomName,
   K2 as selectRoomProgramAudioDestinationKey,
   Q2 as selectRoomShareState,
   W2 as selectRoomSourceList,
   B2 as selectRoomVolume,
-  L2 as selectRooms,
+  A2 as selectRooms,
   ae as selectRuntimeInfo,
   ie as selectServerIsRunningOnProcessorHardware,
   ge as selectShowPopoverById,
@@ -3906,8 +3872,8 @@ export {
   le as selectUserCode,
   oe as selectWsIsConnected,
   N2 as selectZoomRoomControllerKey,
-  ke as store,
-  W as uiActions,
+  Oe as store,
+  O as uiActions,
   je as uiReducer,
   Q8 as useApiPath,
   X8 as useAppConfig,
@@ -3915,66 +3881,64 @@ export {
   m as useAppSelector,
   F6 as useAvrControl,
   w as useButtonHeldHeartbeat,
-  H6 as useCameraBase,
+  Q6 as useCameraBase,
   S6 as useClientId,
-  yt as useDeviceIBasicVolume,
+  Ct as useDeviceIBasicVolume,
   Ye as useDeviceIBasicVolumeWithFeedback,
   E6 as useDeviceInterfaceSupport,
-  q6 as useDevicePresetsModel,
+  K6 as useDevicePresetsModel,
   D6 as useDeviceSupportsInterface,
-  G6 as useEndpoint,
+  q6 as useEndpoint,
   Me as useError,
-  It as useGetAllDeviceStateFromRoomConfiguration,
+  bt as useGetAllDeviceStateFromRoomConfiguration,
   t6 as useGetAllDevices,
   o6 as useGetAllRooms,
-  L6 as useGetCurrentPopoverIdForGroup,
-  D as useGetDevice,
+  A6 as useGetCurrentPopoverIdForGroup,
+  _ as useGetDevice,
   V6 as useGetIBasicVolume,
   U6 as useGetIBasicVolumeWithFeedback,
   s6 as useGetRoom,
   M6 as useGetRoomDisplayStates,
   x6 as useGetZoomRoomControllerKey,
-  C1 as useIBasicVolume,
+  j1 as useIBasicVolume,
   W3 as useIBasicVolumeWithFeedback,
-  Y6 as useIChannel,
-  z6 as useIColor,
-  J6 as useICommunicationMonitor,
-  Q6 as useIDPad,
-  X6 as useIDeviceInfoMessenger,
+  G6 as useIChannel,
+  Y6 as useIColor,
+  z6 as useICommunicationMonitor,
+  X6 as useIDPad,
+  J6 as useIDeviceInfoMessenger,
   N6 as useIDspPresets,
   et as useIDvr,
   tt as useIEssentialsRoomCombiner,
-  nt as useIHasCameraMute,
-  ot as useIHasCameraPresets,
-  st as useIHasCameras,
+  nt as useIHasCameras,
   V3 as useIHasPowerControl,
-  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,
+  O1 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,
+  O6 as useInitialize,
   T6 as useInterfacesForDevice,
   Ze as useIsSyncStateValuePresent,
   R6 as useIsTouchpanel,
   N8 as useLogoPath,
-  Ct as useMobileControlTouchpanelController,
-  Rt as useOverflow,
+  St as useMobileControlTouchpanelController,
+  yt as useOverflow,
   e6 as usePartnerMetadata,
   Ge as usePressHoldRelease,
   m6 as useRoomAdvancedSharingActive,
@@ -3984,8 +3948,8 @@ export {
   a6 as useRoomDestinationList,
   i6 as useRoomDestinations,
   u6 as useRoomEnvironmentalDevices,
-  Et as useRoomIBasicVolume,
-  Tt as useRoomIBasicVolumeWithFeedback,
+  It as useRoomIBasicVolume,
+  Rt as useRoomIBasicVolumeWithFeedback,
   h6 as useRoomInCall,
   f6 as useRoomIsCoolingDown,
   w6 as useRoomIsOn,
@@ -3996,30 +3960,30 @@ export {
   d6 as useRoomProgramAudioDestinationKey,
   p6 as useRoomShareState,
   r6 as useRoomSourceList,
-  j1 as useRoomState,
+  S1 as useRoomState,
   te as useRoomVolume,
   y6 as useRuntimeInfo,
-  Dt as useScroll,
+  Et as useScroll,
   b6 as useServerIsRunningOnProcessorHardware,
-  P6 as useShowIncomingCallModal,
-  $6 as useShowModal,
-  A6 as useShowPopoverById,
+  L6 as useShowIncomingCallModal,
+  P6 as useShowModal,
+  $6 as useShowPopoverById,
   xe as useShowReconnect,
   _6 as useShowShutdownModal,
-  _t as useStateIsSynced,
-  Pt as useSystemControl,
+  Tt as useStateIsSynced,
+  Dt as useSystemControl,
   j6 as useSystemUuid,
-  O6 as useTheme,
-  $t as useTimeAndDate,
+  k6 as useTheme,
+  _t as useTimeAndDate,
   I6 as useTouchpanelKey,
-  bt as useTwoWayDisplayBase,
+  jt as useTwoWayDisplayBase,
   C6 as useUserCode,
-  I as useWebsocketContext,
+  R as useWebsocketContext,
   I3 as useWsIsConnected,
-  $e as wsAddEventHandler,
+  Pe as wsAddEventHandler,
   B3 as wsConnect,
   B6 as wsDisconnect,
-  Ae as wsReconnect,
-  Le as wsRemoveEventHandler,
-  Pe as wsSendMessage
+  $e as wsReconnect,
+  Ae as wsRemoveEventHandler,
+  Le as wsSendMessage
 };